dwindown/WooNooW
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Correct asset paths for WP-Admin and standalone media styles

Browse Source 
🐛 CRITICAL FIX - Asset Path Issue:

1. WP-Admin Assets Not Loading:
   ❌ Old path: includes/Admin/../admin-spa/dist/
   ✅ New path: /plugin-root/admin-spa/dist/

   Problem: Relative path from includes/Admin/ was wrong
   Solution: Use dirname(__DIR__) to get plugin root, then build absolute path

   Before:
   - CSS exists: no
   - JS exists: no

   After:
   - CSS exists: yes (2.4MB)
   - JS exists: yes (70KB)

2. Standalone Media Library Styling:
   ❌ Missing WordPress core styles (buttons, dashicons)
   ✅ Added wp_print_styles for buttons and dashicons

   Problem: Media modal had unstyled text/buttons
   Solution: Enqueue all required WordPress media styles

   Styles now loaded:
   - media-views (modal structure)
   - imgareaselect (image selection)
   - buttons (WordPress buttons)
   - dashicons (icons)

📝 Debug logs now show:
[WooNooW Assets] Dist dir: /home/.../woonoow/admin-spa/dist/
[WooNooW Assets] CSS exists: yes
[WooNooW Assets] JS exists: yes

🎯 Result:
- WP-Admin SPA now loads correctly
- Standalone media library properly styled
- Both modes fully functional
This commit is contained in:
dwindown
2025-11-16 13:17:47 +07:00
parent 3b3e3bd0ad
commit 7e87e18a43
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
includes/Admin/Assets.php
View File

@@ -137,8 +137,10 @@ class Assets {
* PROD MODE (built assets in admin-spa/dist) * PROD MODE (built assets in admin-spa/dist)
* -------------------------------------- */ * -------------------------------------- */
private static function enqueue_prod(): void { private static function enqueue_prod(): void {
$dist_dir = plugin_dir_path(__FILE__) . '../admin-spa/dist/'; // Get plugin root directory (2 levels up from includes/Admin/)
$base_url = plugins_url('../admin-spa/dist/', __FILE__); $plugin_dir = dirname(dirname(__DIR__));
$dist_dir = $plugin_dir . '/admin-spa/dist/';
$base_url = plugins_url('admin-spa/dist/', $plugin_dir . '/woonoow.php');
$css = 'app.css'; $css = 'app.css';
$js = 'app.js'; $js = 'app.js';

4
includes/Admin/StandaloneAdmin.php
View File

@@ -112,9 +112,11 @@ class StandaloneAdmin {
<link rel="stylesheet" href="<?php echo esc_url( $css_url ); ?>"> <link rel="stylesheet" href="<?php echo esc_url( $css_url ); ?>">
<?php <?php
// Print WordPress media library styles and scripts // Print WordPress media library styles (all required styles)
wp_print_styles( 'media-views' ); wp_print_styles( 'media-views' );
wp_print_styles( 'imgareaselect' ); wp_print_styles( 'imgareaselect' );
wp_print_styles( 'buttons' );
wp_print_styles( 'dashicons' );
?> ?>
</head> </head>
<body class="woonoow-standalone"> <body class="woonoow-standalone">