| @@ -1,12 +1,15 @@ | ||
| 1 | 1 | <?php |
| 2 | 2 | |
| 3 | 3 | namespace ThemeAtelier\Darkify\Frontend; |
| 4 | 4 | |
| 5 | -use ThemeAtelier\Darkify\Helpers\DarkifyExternalSupport; | |
| 6 | -use ThemeAtelier\Darkify\Helpers\DarkifyUtils; | |
| 7 | -use ThemeAtelier\Darkify\Helpers\Helpers; | |
| 5 | +use ThemeAtelier\Darkify\Includes\DarkifyExternalSupport; | |
| 6 | +use ThemeAtelier\Darkify\Includes\DarkifyUtils; | |
| 8 | 7 | |
| 8 | +if (!defined('ABSPATH')) { | |
| 9 | + die; | |
| 10 | +} // Cannot access directly. | |
| 11 | + | |
| 9 | 12 | /** |
| 10 | 13 | * The public-facing functionality of the plugin. |
| 11 | 14 | * |
| 12 | 15 | * @link https://themeatelier.net |
| @@ -72,17 +75,21 @@ | ||
| 72 | 75 | if (function_exists('wp_rand')) { |
| 73 | 76 | $this->unique_id = wp_rand(); |
| 74 | 77 | } |
| 75 | 78 | |
| 76 | - $options = get_option('darkify'); | |
| 77 | - $show_in_menu = isset($options['show_in_menu']) ? $options['show_in_menu'] : ""; | |
| 78 | - $enable_switcher_in_menu = isset($show_in_menu["enable_switch_in_menu"]) ? $show_in_menu["enable_switch_in_menu"] : false; | |
| 79 | + // Register unconditionally and gate inside the callback. The constructor | |
| 80 | + // runs at plugin boot (before `init`), so the option read here is always | |
| 81 | + // the SAVED value — deciding registration here means the admin Live | |
| 82 | + // Preview, which swaps in unsaved values only on `init` (see | |
| 83 | + // PreviewRest::maybe_enable_preview), could never show a newly enabled | |
| 84 | + // menu switch until saved. The filter runs at render time, after `init`, | |
| 85 | + // so re-reading the option in the callback sees the preview values. | |
| 86 | + add_filter('wp_nav_menu_items', array($this, 'darkify_switch_in_menu'), 10, 2); | |
| 87 | + // Block-theme and Kadence navigations never fire `wp_nav_menu_items` — | |
| 88 | + // they are blocks, not wp_nav_menu() calls — so they need their own hook. | |
| 89 | + add_filter('render_block', array($this, 'darkify_switch_in_block_menu'), 10, 2); | |
| 79 | 90 | |
| 80 | - if ($enable_switcher_in_menu) { | |
| 81 | - add_filter('wp_nav_menu_items', array($this, 'darkify_switch_in_menu'), 10, 2); | |
| 82 | - } | |
| 83 | - | |
| 84 | - add_action('wp_enqueue_scripts', array($this, 'darkify_client_enqueue')); | |
| 91 | + add_action('wp_enqueue_scripts', array($this, 'darkify_client_enqueue'), 100); | |
| 85 | 92 | add_action('login_enqueue_scripts', array($this, 'darkify_client_enqueue')); |
| 86 | 93 | add_action('register_enqueue_scripts', array($this, 'darkify_client_enqueue')); |
| 87 | 94 | add_action('wp_head', array($this, 'darkify_client_header_script'), 1); |
| 88 | 95 | add_action('login_head', array($this, 'darkify_client_header_script'), 1); |
| @@ -89,87 +96,367 @@ | ||
| 89 | 96 | add_action('register_head', array($this, 'darkify_client_header_script'), 1); |
| 90 | 97 | add_action('wp_footer', array($this, 'darkify_client_footer_script')); |
| 91 | 98 | add_action('login_footer', array($this, 'darkify_client_footer_script')); |
| 92 | 99 | add_action('register_footer', array($this, 'darkify_client_footer_script')); |
| 100 | + | |
| 101 | + add_action('init', array($this, 'darkify_register_switcher_styles'), 5); | |
| 102 | + add_filter('autoptimize_filter_js_exclude', array($this, 'darkify_exclude_js_from_cache_plugins')); | |
| 93 | 103 | } |
| 94 | 104 | |
| 105 | + public function darkify_exclude_js_from_cache_plugins($excludes) | |
| 106 | + { | |
| 107 | + $excludes .= ',client_main.js,client_main.min.js'; | |
| 108 | + return $excludes; | |
| 109 | + } | |
| 95 | 110 | |
| 96 | - public function darkify_client_enqueue() | |
| 111 | + public function darkify_register_switcher_styles() | |
| 97 | 112 | { |
| 113 | + $min = (apply_filters('darkify_dev_mode', false) || WP_DEBUG) ? '' : '.min'; | |
| 114 | + wp_register_style('darkify-client-main', DARKIFY_DIR_URL . 'src/assets/css/client_main' . $min . '.css', array(), DARKIFY_VERSION); | |
| 115 | + wp_register_style('theme-classic', DARKIFY_DIR_URL . 'src/assets/css/switcher/classic' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 116 | + wp_register_style('theme-expand', DARKIFY_DIR_URL . 'src/assets/css/switcher/expand' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 117 | + wp_register_style('theme-inner-moon', DARKIFY_DIR_URL . 'src/assets/css/switcher/inner-moon' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 118 | + wp_register_style('theme-within', DARKIFY_DIR_URL . 'src/assets/css/switcher/within' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 119 | + wp_register_style('theme-orbit', DARKIFY_DIR_URL . 'src/assets/css/switcher/orbit' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 120 | + } | |
| 121 | + | |
| 122 | + function darkify_client_enqueue() | |
| 123 | + { | |
| 98 | 124 | if ($this->darkify_is_dark_mode_allowed()) { |
| 99 | 125 | $options = get_option('darkify'); |
| 100 | - $enable_dark_switcher = $options['enable_dark_switcher']; | |
| 101 | - $enable_time = $options['enable_time']; | |
| 126 | + $min = (apply_filters('darkify_dev_mode', false) || WP_DEBUG) ? '' : '.min'; | |
| 102 | 127 | |
| 103 | - $enable_default_dark_mode = $options['enable_default_dark_mode']; | |
| 104 | - $enable_time = $options['enable_time']; | |
| 105 | - $enable_time_based_dark = isset($enable_time['enable_time_based_dark']) ? $enable_time['enable_time_based_dark'] : ""; | |
| 106 | - $time_based_dark_start = isset($enable_time['time_based_dark_start']['from']) ? $enable_time['time_based_dark_start']['from'] : ""; | |
| 107 | - $time_based_dark_stop = isset($enable_time['time_based_dark_start']['to']) ? $enable_time['time_based_dark_start']['to'] : ""; | |
| 108 | - $grayscale = $options['brightness']; | |
| 109 | - $enable_low_image_brightness = isset($grayscale['enable_low_image_brightness']) ? $grayscale['enable_low_image_brightness'] : ""; | |
| 110 | - $low_image_brightness_label = isset($grayscale['low_image_brightness_label']) ? $grayscale['low_image_brightness_label'] : ""; | |
| 111 | - $grayscale = isset($options['grayscale']); | |
| 112 | - $enable_image_grayscale = isset($grayscale['enable_image_grayscale']) ? $grayscale['enable_image_grayscale'] : ""; | |
| 113 | - $image_grayscale_label = isset($grayscale['image_grayscale_label']) ? $grayscale['image_grayscale_label'] : ""; | |
| 114 | - $disallowed_low_grayscale_images = isset($grayscale['disallowed_low_grayscale_images']) ? $grayscale['disallowed_low_grayscale_images'] : ""; | |
| 115 | - $darken_background = isset($options['darken_background']); | |
| 116 | - $enable_low_image_darken = isset($darken_background['enable_low_image_darken']) ? $darken_background['enable_low_image_darken'] : ""; | |
| 117 | - $low_image_darken_label = isset($darken_background['low_image_darken_label']) ? $darken_background['low_image_darken_label'] : ""; | |
| 118 | - $video_brightness = isset($options['video_brightness']); | |
| 119 | - $enable_low_video_brightness = isset($video_brightness['enable_low_video_brightness']) ? $video_brightness['enable_low_video_brightness'] : ""; | |
| 120 | - $low_video_brightness_label = isset($video_brightness['low_video_brightness_label']) ? $video_brightness['low_video_brightness_label'] : ""; | |
| 121 | - $video_grayscale = isset($options['video_grayscale']); | |
| 122 | - $enable_video_grayscale = isset($video_grayscale['enable_video_grayscale']) ? $video_grayscale['enable_video_grayscale'] : ""; | |
| 128 | + wp_enqueue_style('darkify-client-main', DARKIFY_DIR_URL . 'src/assets/css/client_main' . $min . '.css', array(), DARKIFY_VERSION); | |
| 129 | + wp_enqueue_script('darkify-client-main', DARKIFY_DIR_URL . 'src/assets/js/client_main' . $min . '.js', array(), DARKIFY_VERSION); | |
| 123 | 130 | |
| 131 | + // When "Frontend Iframe Dark Mode" is OFF, use a two-stage inline script | |
| 132 | + // strategy that covers all scenarios — source JS, minified JS, | |
| 133 | + // cross-origin iframes, and same-origin WP pages embedded as iframes. | |
| 134 | + // | |
| 135 | + // ROOT CAUSE: a same-origin WP page loaded inside an <iframe> has its | |
| 136 | + // OWN copy of client_main[.min].js running. That copy calls | |
| 137 | + // darkify_check_preloading() → localStorage.darkify_last_state="1" → | |
| 138 | + // adds darkify_dark_mode_enabled to the iframe's <html> → goes dark. | |
| 139 | + // The parent's darkify_process_iframes guard is irrelevant here. | |
| 140 | + // | |
| 141 | + // Stage 1 — 'before' (runs BEFORE client_main[.min].js on EVERY page): | |
| 142 | + // If this page is rendering inside a frontend iframe, intercept the | |
| 143 | + // localStorage.darkify_last_state property via Object.defineProperty so | |
| 144 | + // that darkify_check_preloading() always reads "0" and returns false. | |
| 145 | + // This prevents the iframe page's own Darkify from initialising dark | |
| 146 | + // mode at all — works with both source and minified JS because | |
| 147 | + // darkify_check_preloading() always reads the property directly. | |
| 148 | + // The source JS also has a _dkf_iframe_disabled guard for belt-and- | |
| 149 | + // suspenders coverage. | |
| 150 | + // | |
| 151 | + // Stage 2 — 'after' (runs AFTER client_main[.min].js on EVERY page): | |
| 152 | + // • Cleans up the localStorage property intercept from Stage 1. | |
| 153 | + // • Overrides the five injection helpers so the PARENT page's | |
| 154 | + // darkify_apply_dark_to_iframe() applyDirect() closures (which look | |
| 155 | + // up these functions by name in the global scope at call time) become | |
| 156 | + // no-ops for cross-origin and not-yet-loaded iframes. | |
| 157 | + $enable_frontend_iframe = isset($options['enable_frontend_iframe_dark_mode']) ? $options['enable_frontend_iframe_dark_mode'] : true; | |
| 158 | + if (!$enable_frontend_iframe) { | |
| 124 | 159 | |
| 160 | + // Stage 1 — intercept localStorage.darkify_last_state BEFORE client_main. | |
| 161 | + wp_add_inline_script( | |
| 162 | + 'darkify-client-main', | |
| 163 | + '(function(){' . | |
| 164 | + // Only apply when this window is a child frame, the setting | |
| 165 | + // exists and is OFF, and it is not the admin panel context. | |
| 166 | + 'if(window===window.top)return;' . | |
| 167 | + 'if(typeof darkify_enable_frontend_iframe_dark_mode==="undefined"' . | |
| 168 | + '||darkify_enable_frontend_iframe_dark_mode==="1")return;' . | |
| 169 | + 'if(typeof darkify_is_this_admin_panel!=="undefined"' . | |
| 170 | + '&&darkify_is_this_admin_panel==="1")return;' . | |
| 171 | + // Define an own property on localStorage that intercepts reads | |
| 172 | + // of darkify_last_state. darkify_check_preloading() uses | |
| 173 | + // localStorage.darkify_last_state (property access, not getItem), | |
| 174 | + // so this getter is hit every time the function runs. | |
| 175 | + // Returning "0" makes the function take the "was explicitly set | |
| 176 | + // to 0 → not preloaded" branch and return false. | |
| 177 | + // The setter is silently ignored so state writes in the iframe | |
| 178 | + // don't pollute the shared localStorage for other tabs/pages. | |
| 179 | + 'try{' . | |
| 180 | + 'Object.defineProperty(localStorage,"darkify_last_state",{' . | |
| 181 | + 'get:function(){return"0";},set:function(){},configurable:true' . | |
| 182 | + '});' . | |
| 183 | + '}catch(e){' . | |
| 184 | + // Fallback for environments where Object.defineProperty on | |
| 185 | + // Storage objects is not supported: temporarily set the value. | |
| 186 | + 'try{window._dkf_ls_bk=localStorage.darkify_last_state;' . | |
| 187 | + 'localStorage.darkify_last_state="0";}catch(e2){}' . | |
| 188 | + '}' . | |
| 189 | + '})();', | |
| 190 | + 'before' | |
| 191 | + ); | |
| 125 | 192 | |
| 126 | - wp_enqueue_style("theme-{$enable_dark_switcher}", DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/$enable_dark_switcher.css", array(), DARKIFY_VERSION, 'all'); | |
| 127 | - wp_register_style('theme-around', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/around.css", array(), DARKIFY_VERSION, 'all'); | |
| 128 | - wp_register_style('theme-classic', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/classic.css", array(), DARKIFY_VERSION, 'all'); | |
| 129 | - wp_register_style('theme-dark-inner', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/dark-inner.css", array(), DARKIFY_VERSION, 'all'); | |
| 130 | - wp_register_style('theme-dark-side', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/dark-side.css", array(), DARKIFY_VERSION, 'all'); | |
| 131 | - wp_register_style('theme-eclipse', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/eclipse.css", array(), DARKIFY_VERSION, 'all'); | |
| 132 | - wp_register_style('theme-expand', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/expand.css", array(), DARKIFY_VERSION, 'all'); | |
| 133 | - wp_register_style('theme-half-sun', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/half-sun.css", array(), DARKIFY_VERSION, 'all'); | |
| 134 | - wp_register_style('theme-horizon', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/horizon.css", array(), DARKIFY_VERSION, 'all'); | |
| 135 | - wp_register_style('theme-inner-moon', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/inner-moon.css", array(), DARKIFY_VERSION, 'all'); | |
| 136 | - wp_register_style('theme-lightbulb', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/lightbulb.css", array(), DARKIFY_VERSION, 'all'); | |
| 137 | - wp_register_style('theme-simple', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/simple.css", array(), DARKIFY_VERSION, 'all'); | |
| 138 | - wp_register_style('theme-within', DARKIFY_DIR_URL . "src/Frontend/assets/css/switcher/within.css", array(), DARKIFY_VERSION, 'all'); | |
| 139 | - wp_enqueue_style('darkify-client-main', DARKIFY_DIR_URL . 'src/assets/css/client_main.css', array(), DARKIFY_VERSION); | |
| 140 | - wp_enqueue_style('ico-font', DARKIFY_DIR_URL . 'src/assets/css/icofont.css', array(), DARKIFY_VERSION); | |
| 141 | - wp_enqueue_script('darkify-client-main', DARKIFY_DIR_URL . 'src/assets/js/client_main.js', array('jquery'), DARKIFY_VERSION); | |
| 193 | + // Stage 2 — cleanup + injection helper overrides AFTER client_main. | |
| 194 | + wp_add_inline_script( | |
| 195 | + 'darkify-client-main', | |
| 196 | + '(function(){' . | |
| 197 | + // Remove the own-property intercept so subsequent reads of | |
| 198 | + // localStorage.darkify_last_state return the real stored value. | |
| 199 | + // "delete" removes the own property, restoring prototype lookup. | |
| 200 | + 'if(window!==window.top){' . | |
| 201 | + 'try{delete localStorage.darkify_last_state;}catch(e){' . | |
| 202 | + // Fallback: restore saved value | |
| 203 | + 'try{if(typeof window._dkf_ls_bk!=="undefined"){' . | |
| 204 | + 'if(window._dkf_ls_bk)localStorage.darkify_last_state=window._dkf_ls_bk;' . | |
| 205 | + 'else localStorage.removeItem("darkify_last_state");' . | |
| 206 | + '}delete window._dkf_ls_bk;}catch(e2){}' . | |
| 207 | + '}' . | |
| 208 | + '}' . | |
| 209 | + // Override injection helpers so the PARENT page's applyDirect() | |
| 210 | + // closures (which already hold references to these global | |
| 211 | + // functions) become no-ops for frontend iframes. | |
| 212 | + 'function _dkfAdmin(){' . | |
| 213 | + 'return typeof darkify_is_this_admin_panel!=="undefined"&&darkify_is_this_admin_panel==="1";' . | |
| 214 | + '}' . | |
| 215 | + 'if(typeof darkify_process_iframes==="function"){' . | |
| 216 | + 'var _op=darkify_process_iframes;' . | |
| 217 | + 'darkify_process_iframes=function(){if(_dkfAdmin())return _op();};' . | |
| 218 | + '}' . | |
| 219 | + 'if(typeof darkify_inject_css_into_iframe==="function"){' . | |
| 220 | + 'var _oi=darkify_inject_css_into_iframe;' . | |
| 221 | + 'darkify_inject_css_into_iframe=function(d){if(_dkfAdmin())return _oi(d);};' . | |
| 222 | + '}' . | |
| 223 | + 'if(typeof darkify_sync_iframe_vars==="function"){' . | |
| 224 | + 'var _ov=darkify_sync_iframe_vars;' . | |
| 225 | + 'darkify_sync_iframe_vars=function(d){if(_dkfAdmin())return _ov(d);};' . | |
| 226 | + '}' . | |
| 227 | + 'if(typeof darkify_run_engine_on_iframe==="function"){' . | |
| 228 | + 'var _oe=darkify_run_engine_on_iframe;' . | |
| 229 | + 'darkify_run_engine_on_iframe=function(d){if(_dkfAdmin())return _oe(d);};' . | |
| 230 | + '}' . | |
| 231 | + 'if(typeof darkify_inject_block_editor_css_into_iframe==="function"){' . | |
| 232 | + 'var _ob=darkify_inject_block_editor_css_into_iframe;' . | |
| 233 | + 'darkify_inject_block_editor_css_into_iframe=function(d){if(_dkfAdmin())return _ob(d);};' . | |
| 234 | + '}' . | |
| 235 | + '})();', | |
| 236 | + 'after' | |
| 237 | + ); | |
| 238 | + } | |
| 142 | 239 | |
| 143 | - $darkify_data = array( | |
| 144 | - 'darkify_switch_unique_id' => $this->unique_id, | |
| 145 | - 'darkify_is_this_admin_panel' => is_admin() ? "1" : "0", | |
| 146 | - 'darkify_enable_default_dark_mode' => $enable_default_dark_mode, | |
| 147 | - 'darkify_enable_os_aware' => $options["enable_os_aware"], | |
| 148 | - 'darkify_enable_keyboard_shortcut' => $options["enable_keyboard_shortcut"], | |
| 149 | - 'darkify_enable_time_based_dark' => $enable_time_based_dark, | |
| 150 | - 'darkify_time_based_dark_start' => $time_based_dark_start ? $time_based_dark_start : "19:00", | |
| 151 | - 'darkify_time_based_dark_stop' => $time_based_dark_stop ? $time_based_dark_stop : "07:00", | |
| 152 | - 'darkify_alternative_dark_mode_switch' => $options["alternative_dark_mode_switcher"], | |
| 153 | - 'darkify_enable_low_image_brightness' => $enable_low_image_brightness, | |
| 154 | - 'darkify_image_brightness_to' => $low_image_brightness_label, | |
| 155 | - 'darkify_enable_image_grayscale' => $enable_image_grayscale, | |
| 156 | - 'darkify_image_grayscale_to' => $image_grayscale_label, | |
| 157 | - 'darkify_disallowed_grayscale_images' => $disallowed_low_grayscale_images, | |
| 158 | - 'darkify_enable_bg_image_darken' => $enable_low_image_darken, | |
| 159 | - 'darkify_bg_image_darken_to' => $low_image_darken_label, | |
| 160 | - 'darkify_enable_invert_inline_svg' => $options["enable_invert_inline_svg"], | |
| 161 | - 'darkify_enable_low_video_brightness' => $enable_low_video_brightness, | |
| 162 | - 'darkify_video_brightness_to' => $low_video_brightness_label, | |
| 163 | - 'darkify_enable_video_grayscale' => $enable_video_grayscale, | |
| 164 | - // Add more variables as needed... | |
| 165 | - ); | |
| 166 | - wp_localize_script('darkify-client-main', 'darkify_data', $darkify_data); | |
| 240 | + // Enqueue the global floating switcher style from settings | |
| 241 | + $enable_dark_mode_switch = isset($options['enable_dark_mode_switch']) ? $options['enable_dark_mode_switch'] : true; | |
| 242 | + if ($enable_dark_mode_switch) { | |
| 243 | + $global_variant = isset($options['enable_dark_switcher']) ? $options['enable_dark_switcher'] : 'classic'; | |
| 244 | + wp_enqueue_style('theme-' . $global_variant); | |
| 245 | + | |
| 246 | + // Separate mobile floating switcher (Different Switch in Mobile) — its toggler | |
| 247 | + // style may differ from the default, so enqueue that variant's CSS as well. | |
| 248 | + if (!empty($options['dark_switcher_switch_in_mobile'])) { | |
| 249 | + $mobile_variant = isset($options['enable_dark_switcher_in_mobile']) ? $options['enable_dark_switcher_in_mobile'] : 'classic'; | |
| 250 | + wp_enqueue_style('theme-' . $this->darkify_switch_to_variant($mobile_variant)); | |
| 251 | + } | |
| 252 | + } | |
| 253 | + | |
| 254 | + // Detect [darkify] shortcode usage in current post and enqueue its variant | |
| 255 | + $post = get_post(); | |
| 256 | + if ($post && !empty($post->post_content)) { | |
| 257 | + if (has_shortcode($post->post_content, 'darkify')) { | |
| 258 | + preg_match_all('/\[darkify\b[^\]]*\bswitch=["\']([^"\']+)["\'][^\]]*\]/i', $post->post_content, $matches); | |
| 259 | + $used_switches = !empty($matches[1]) ? $matches[1] : []; | |
| 260 | + foreach ($used_switches as $switch_val) { | |
| 261 | + wp_enqueue_style('theme-' . $this->darkify_switch_to_variant($switch_val)); | |
| 262 | + } | |
| 263 | + // Shortcode without switch= attribute defaults to classic | |
| 264 | + preg_match_all('/\[darkify\b/i', $post->post_content, $all_sc); | |
| 265 | + if (count($all_sc[0]) > count($used_switches)) { | |
| 266 | + wp_enqueue_style('theme-classic'); | |
| 267 | + } | |
| 268 | + } | |
| 269 | + | |
| 270 | + // Detect darkify/switcher Gutenberg block usage and enqueue its variant | |
| 271 | + if (function_exists('has_block') && has_block('darkify/switcher', $post)) { | |
| 272 | + foreach ($this->darkify_get_block_variants($post->post_content) as $variant) { | |
| 273 | + wp_enqueue_style('theme-' . $variant); | |
| 274 | + } | |
| 275 | + } | |
| 276 | + } | |
| 277 | + | |
| 278 | + // Detect switcher used in nav menus and enqueue its variant | |
| 279 | + $show_in_menu = isset($options['show_in_menu']) ? $options['show_in_menu'] : []; | |
| 280 | + $enable_in_menu = isset($show_in_menu['enable_switch_in_menu']) ? $show_in_menu['enable_switch_in_menu'] : false; | |
| 281 | + if ($enable_in_menu) { | |
| 282 | + $select_menus = isset($show_in_menu['select_menus']) ? $show_in_menu['select_menus'] : []; | |
| 283 | + foreach ($select_menus as $select_menu) { | |
| 284 | + $shortcode = $select_menu['darkify_menu_shortcode_helper'] ?? ''; | |
| 285 | + if ($shortcode) { | |
| 286 | + preg_match('/\bswitch=["\']([^"\']+)["\']/', $shortcode, $m); | |
| 287 | + $switch_val = $m[1] ?? '1'; | |
| 288 | + wp_enqueue_style('theme-' . $this->darkify_switch_to_variant($switch_val)); | |
| 289 | + } | |
| 290 | + } | |
| 291 | + } | |
| 167 | 292 | } |
| 168 | 293 | } |
| 294 | + | |
| 295 | + private function darkify_switch_to_variant($switch_value) | |
| 296 | + { | |
| 297 | + $map = [ | |
| 298 | + '1' => 'classic', '2' => 'expand', '3' => 'inner-moon', | |
| 299 | + '4' => 'within', '5' => 'orbit', | |
| 300 | + ]; | |
| 301 | + if (is_numeric($switch_value)) { | |
| 302 | + return $map[(string) $switch_value] ?? 'classic'; | |
| 303 | + } | |
| 304 | + return $switch_value ?: 'classic'; | |
| 305 | + } | |
| 306 | + | |
| 307 | + private function darkify_get_block_variants($content) | |
| 308 | + { | |
| 309 | + $variants = []; | |
| 310 | + $this->darkify_collect_block_variants(parse_blocks($content), $variants); | |
| 311 | + return array_unique($variants); | |
| 312 | + } | |
| 313 | + | |
| 314 | + private function darkify_collect_block_variants($blocks, &$variants) | |
| 315 | + { | |
| 316 | + foreach ($blocks as $block) { | |
| 317 | + if ('darkify/switcher' === $block['blockName']) { | |
| 318 | + $variants[] = $block['attrs']['style'] ?? 'classic'; | |
| 319 | + } | |
| 320 | + if (!empty($block['innerBlocks'])) { | |
| 321 | + $this->darkify_collect_block_variants($block['innerBlocks'], $variants); | |
| 322 | + } | |
| 323 | + } | |
| 324 | + | |
| 325 | + $options = get_option('darkify'); | |
| 326 | + $min = (apply_filters('darkify_dev_mode', false) || WP_DEBUG) ? '' : '.min'; | |
| 327 | + | |
| 328 | + // Always register all variant styles so page builders (Elementor, etc.) can reference them. | |
| 329 | + wp_register_style('darkify-client-main', DARKIFY_DIR_URL . 'src/assets/css/client_main' . $min . '.css', array(), DARKIFY_VERSION); | |
| 330 | + wp_register_style('theme-classic', DARKIFY_DIR_URL . 'src/assets/css/switcher/classic' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 331 | + wp_register_style('theme-expand', DARKIFY_DIR_URL . 'src/assets/css/switcher/expand' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 332 | + wp_register_style('theme-inner-moon', DARKIFY_DIR_URL . 'src/assets/css/switcher/inner-moon' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 333 | + wp_register_style('theme-orbit', DARKIFY_DIR_URL . 'src/assets/css/switcher/orbit' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 334 | + wp_register_style('theme-within', DARKIFY_DIR_URL . 'src/assets/css/switcher/within' . $min . '.css', array('darkify-client-main'), DARKIFY_VERSION, 'all'); | |
| 335 | + | |
| 336 | + // Determine which variants are actually needed on this page. | |
| 337 | + $variants = $this->darkify_collect_page_variants($options); | |
| 338 | + | |
| 339 | + if (empty($variants)) { | |
| 340 | + return; | |
| 341 | + } | |
| 342 | + | |
| 343 | + // Enqueue main CSS + only the required variant CSS — all resolved before wp_head fires. | |
| 344 | + wp_enqueue_style('darkify-client-main'); | |
| 345 | + foreach ($variants as $variant) { | |
| 346 | + wp_enqueue_style("theme-{$variant}"); | |
| 347 | + } | |
| 348 | + wp_enqueue_script('darkify-client-main', DARKIFY_DIR_URL . 'src/assets/js/client_main' . $min . '.js', array(), DARKIFY_VERSION); | |
| 349 | + } | |
| 350 | + | |
| 351 | + /** | |
| 352 | + * Collects all switcher variants needed on the current page so they can be | |
| 353 | + * enqueued during wp_enqueue_scripts (before wp_head), guaranteeing CSS loads | |
| 354 | + * in the <head> regardless of page builder or theme. | |
| 355 | + */ | |
| 356 | + private function darkify_collect_page_variants($options) | |
| 357 | + { | |
| 358 | + $all_variants = array('classic', 'expand', 'inner-moon', 'orbit', 'within'); | |
| 359 | + $num_map = array('1' => 'classic', '2' => 'expand', '3' => 'inner-moon', '4' => 'within', '5' => 'orbit'); | |
| 360 | + $variants = array(); | |
| 361 | + | |
| 362 | + // 1. Global / floating switcher variant (always present when dark mode is active). | |
| 363 | + $global_variant = isset($options['enable_dark_switcher']) ? $options['enable_dark_switcher'] : 'classic'; | |
| 364 | + if (in_array($global_variant, $all_variants, true)) { | |
| 365 | + $variants[] = $global_variant; | |
| 366 | + } | |
| 367 | + | |
| 368 | + // 2. Menu switcher — parse variant from each saved shortcode helper string. | |
| 369 | + $show_in_menu = isset($options['show_in_menu']) ? $options['show_in_menu'] : array(); | |
| 370 | + if (!empty($show_in_menu['enable_switch_in_menu']) && !empty($show_in_menu['select_menus'])) { | |
| 371 | + foreach ($show_in_menu['select_menus'] as $menu_item) { | |
| 372 | + $helper = isset($menu_item['darkify_menu_shortcode_helper']) ? $menu_item['darkify_menu_shortcode_helper'] : ''; | |
| 373 | + if ($helper && preg_match('/switch=["\']?([^"\'>\s\]]+)["\']?/', $helper, $m)) { | |
| 374 | + $v = isset($num_map[$m[1]]) ? $num_map[$m[1]] : $m[1]; | |
| 375 | + if (in_array($v, $all_variants, true)) { | |
| 376 | + $variants[] = $v; | |
| 377 | + } | |
| 378 | + } | |
| 379 | + } | |
| 380 | + } | |
| 381 | + | |
| 382 | + // 3. Page-level detection — shortcodes, Gutenberg blocks, Elementor widget. | |
| 383 | + global $post; | |
| 384 | + if ($post) { | |
| 385 | + $content = $post->post_content; | |
| 386 | + | |
| 387 | + // Shortcodes: parse switch attribute from every [darkify] tag. | |
| 388 | + if (has_shortcode($content, 'darkify')) { | |
| 389 | + preg_match_all('/\[darkify[^\]]*switch=["\']?([^"\'>\s\]]+)/', $content, $sc_matches); | |
| 390 | + foreach ($sc_matches[1] as $switch_val) { | |
| 391 | + $v = isset($num_map[$switch_val]) ? $num_map[$switch_val] : $switch_val; | |
| 392 | + if (in_array($v, $all_variants, true)) { | |
| 393 | + $variants[] = $v; | |
| 394 | + } else { | |
| 395 | + $variants[] = 'classic'; // default when no valid variant found | |
| 396 | + } | |
| 397 | + } | |
| 398 | + // If [darkify] exists but has no switch attribute, default to classic. | |
| 399 | + if (empty($sc_matches[1]) && has_shortcode($content, 'darkify')) { | |
| 400 | + $variants[] = 'classic'; | |
| 401 | + } | |
| 402 | + } | |
| 403 | + | |
| 404 | + // Gutenberg blocks: walk the block tree and collect style attributes. | |
| 405 | + if (function_exists('has_block') && has_block('darkify/switcher', $post)) { | |
| 406 | + $blocks = parse_blocks($content); | |
| 407 | + $variants = array_merge($variants, $this->darkify_extract_block_variants($blocks, $all_variants)); | |
| 408 | + } | |
| 409 | + | |
| 410 | + // Elementor widget: if Darkify widget appears in the page's Elementor data, | |
| 411 | + // load all variants — the specific style is stored as a control value that | |
| 412 | + // would require deep JSON parsing to extract reliably. | |
| 413 | + if (class_exists('\Elementor\Plugin')) { | |
| 414 | + $elementor_data = get_post_meta($post->ID, '_elementor_data', true); | |
| 415 | + if ($elementor_data && strpos($elementor_data, '"widgetType":"darkify"') !== false) { | |
| 416 | + return $all_variants; | |
| 417 | + } | |
| 418 | + } | |
| 419 | + } | |
| 420 | + | |
| 421 | + return array_values(array_unique(array_filter($variants))); | |
| 422 | + } | |
| 423 | + | |
| 424 | + /** | |
| 425 | + * Recursively walks a parsed block tree and collects darkify/darkify style values. | |
| 426 | + */ | |
| 427 | + private function darkify_extract_block_variants($blocks, $all_variants) | |
| 428 | + { | |
| 429 | + $variants = array(); | |
| 430 | + foreach ($blocks as $block) { | |
| 431 | + if ('darkify/switcher' === $block['blockName']) { | |
| 432 | + $style = isset($block['attrs']['style']) ? $block['attrs']['style'] : 'classic'; | |
| 433 | + if (in_array($style, $all_variants, true)) { | |
| 434 | + $variants[] = $style; | |
| 435 | + } | |
| 436 | + } | |
| 437 | + if (!empty($block['innerBlocks'])) { | |
| 438 | + $variants = array_merge($variants, $this->darkify_extract_block_variants($block['innerBlocks'], $all_variants)); | |
| 439 | + } | |
| 440 | + } | |
| 441 | + return $variants; | |
| 442 | + } | |
| 169 | 443 | public function darkify_is_dark_mode_allowed() |
| 170 | 444 | { |
| 171 | 445 | $options = get_option('darkify'); |
| 446 | + | |
| 447 | + // "Frontend Dark Mode" (enable_dark_mode_switch) is the MASTER control | |
| 448 | + // for the whole frontend feature. When it's off, load NOTHING on the | |
| 449 | + // front end — no CSS, no JS, no inline output — since every asset and | |
| 450 | + // inline script path is gated through this method. (Admin dark mode is a | |
| 451 | + // separate option handled elsewhere and is unaffected.) | |
| 452 | + $enable_dark_mode_switch = isset($options['enable_dark_mode_switch']) | |
| 453 | + ? $options['enable_dark_mode_switch'] | |
| 454 | + : true; | |
| 455 | + if (! $enable_dark_mode_switch) { | |
| 456 | + return False; | |
| 457 | + } | |
| 458 | + | |
| 172 | 459 | /* Disable if Oxygen Builder is Opened */ |
| 173 | 460 | if (isset($_GET['ct_builder'])) { |
| 174 | 461 | if ($_GET['ct_builder'] == "true") { |
| 175 | 462 | if (!isset($_GET['oxygen_iframe'])) { |
| @@ -184,9 +471,9 @@ | ||
| 184 | 471 | |
| 185 | 472 | public function darkify_client_header_script() |
| 186 | 473 | { |
| 187 | 474 | if ($this->darkify_is_dark_mode_allowed()) { |
| 188 | - include_once Helpers::darkify_locate_template('header_script.php'); | |
| 475 | + include_once DarkifyUtils::darkify_locate_template('header_script.php'); | |
| 189 | 476 | } |
| 190 | 477 | } |
| 191 | 478 | |
| 192 | 479 | public function darkify_client_footer_script() |
| @@ -191,25 +478,183 @@ | ||
| 191 | 478 | |
| 192 | 479 | public function darkify_client_footer_script() |
| 193 | 480 | { |
| 194 | 481 | if ($this->darkify_is_dark_mode_allowed()) { |
| 195 | - include_once Helpers::darkify_locate_template('footer_script.php'); | |
| 482 | + include_once DarkifyUtils::darkify_locate_template('footer_script.php'); | |
| 196 | 483 | } |
| 197 | 484 | } |
| 198 | 485 | |
| 199 | - public function darkify_switch_in_menu($items, $args) | |
| 486 | + function darkify_switch_in_menu($items, $args) | |
| 200 | 487 | { |
| 201 | 488 | $options = get_option('darkify'); |
| 202 | - $show_in_menu = $options['show_in_menu']; | |
| 203 | - $switch_in_menu_location = $show_in_menu['switch_in_menu_location']; | |
| 204 | - $darkify_menu_shortcode_helper = $show_in_menu['darkify_menu_shortcode_helper']; | |
| 489 | + $show_in_menu = isset($options['show_in_menu']) ? $options['show_in_menu'] : ''; | |
| 205 | 490 | |
| 206 | - if ($this->darkify_is_dark_mode_allowed()) { | |
| 207 | - if (isset($args->menu->term_id)) { | |
| 491 | + // Gate here (not at filter registration) so the live preview's unsaved | |
| 492 | + // "Enable Menu Switch" toggle takes effect without saving. | |
| 493 | + $enable_switcher_in_menu = isset($show_in_menu["enable_switch_in_menu"]) ? $show_in_menu["enable_switch_in_menu"] : false; | |
| 494 | + if (! $enable_switcher_in_menu) { | |
| 495 | + return $items; | |
| 496 | + } | |
| 497 | + | |
| 498 | + $select_menus = isset($show_in_menu['select_menus']) ? $show_in_menu['select_menus'] : []; | |
| 499 | + | |
| 500 | + $last_shortcode = ''; | |
| 501 | + | |
| 502 | + if ($this->darkify_is_dark_mode_allowed() && isset($args->menu->term_id)) { | |
| 503 | + foreach ($select_menus as $select_menu) { | |
| 504 | + | |
| 505 | + $switch_in_menu_location = $select_menu['switch_in_menu_location'] ?? ''; | |
| 506 | + $darkify_menu_shortcode_helper = $select_menu['darkify_menu_shortcode_helper'] ?? ''; | |
| 507 | + $menu_position = isset($select_menu['select_menu_position']) ? $select_menu['select_menu_position'] : 'after'; | |
| 208 | 508 | if ($args->menu->term_id == $switch_in_menu_location) { |
| 209 | - $items .= '<li class="menu-item">' . do_shortcode($darkify_menu_shortcode_helper) . '</li>'; | |
| 509 | + $last_shortcode = $darkify_menu_shortcode_helper; | |
| 210 | 510 | } |
| 211 | 511 | } |
| 512 | + if ($last_shortcode) { | |
| 513 | + $items = ($menu_position == 'before') ? '<li class="menu-item">' . do_shortcode($last_shortcode) . '</li>' . $items : $items . '<li class="menu-item">' . do_shortcode($last_shortcode) . '</li>'; | |
| 514 | + } | |
| 212 | 515 | } |
| 516 | + | |
| 213 | 517 | return $items; |
| 518 | + } | |
| 519 | + | |
| 520 | + /** | |
| 521 | + * Put the switch inside a block-theme or Kadence navigation. | |
| 522 | + * | |
| 523 | + * `wp_nav_menu_items` only fires for classic wp_nav_menu() output, so on a | |
| 524 | + * block theme (and on any site using Kadence Navigation) the Menu Switch | |
| 525 | + * feature had nothing to hook: the menu rendered, the setting was saved, and | |
| 526 | + * no switch ever appeared. These navigations are blocks, so this is the | |
| 527 | + * equivalent hook for them. | |
| 528 | + * | |
| 529 | + * The selection is matched on the namespaced `<post_type>:<id>` key written | |
| 530 | + * by the picker (see AbstractRestController::darkify_block_menu_sources()), | |
| 531 | + * which is what keeps block and Kadence menu POST ids from being confused | |
| 532 | + * with classic menu TERM ids. | |
| 533 | + * | |
| 534 | + * @param string $block_content Rendered HTML for this block. | |
| 535 | + * @param array $block Parsed block, including its attributes. | |
| 536 | + * @return string | |
| 537 | + */ | |
| 538 | + function darkify_switch_in_block_menu($block_content, $block) | |
| 539 | + { | |
| 540 | + // render_block fires for every block on the page, so reject as early and | |
| 541 | + // as cheaply as possible: two string comparisons for the overwhelming | |
| 542 | + // majority of blocks, and nothing else. | |
| 543 | + if (empty($block['blockName'])) { | |
| 544 | + return $block_content; | |
| 545 | + } | |
| 546 | + | |
| 547 | + if ($block['blockName'] === 'core/navigation') { | |
| 548 | + $source = 'wp_navigation'; | |
| 549 | + $ref = isset($block['attrs']['ref']) ? (int) $block['attrs']['ref'] : 0; | |
| 550 | + } elseif ($block['blockName'] === 'kadence/navigation') { | |
| 551 | + $source = 'kadence_navigation'; | |
| 552 | + $ref = isset($block['attrs']['id']) ? (int) $block['attrs']['id'] : 0; | |
| 553 | + } else { | |
| 554 | + return $block_content; | |
| 555 | + } | |
| 556 | + | |
| 557 | + // A navigation block with no saved menu behind it (unsaved, or rendering | |
| 558 | + // its fallback) has nothing this setting could have been pointed at. | |
| 559 | + if ($ref <= 0) { | |
| 560 | + return $block_content; | |
| 561 | + } | |
| 562 | + | |
| 563 | + $options = get_option('darkify'); | |
| 564 | + $show_in_menu = isset($options['show_in_menu']) ? $options['show_in_menu'] : ''; | |
| 565 | + | |
| 566 | + // Gated here rather than at filter registration for the same reason as | |
| 567 | + // the classic path: the live preview toggles this without saving. | |
| 568 | + if (empty($show_in_menu['enable_switch_in_menu'])) { | |
| 569 | + return $block_content; | |
| 570 | + } | |
| 571 | + | |
| 572 | + if (! $this->darkify_is_dark_mode_allowed()) { | |
| 573 | + return $block_content; | |
| 574 | + } | |
| 575 | + | |
| 576 | + $select_menus = isset($show_in_menu['select_menus']) ? $show_in_menu['select_menus'] : []; | |
| 577 | + $needle = $source . ':' . $ref; | |
| 578 | + $shortcode = ''; | |
| 579 | + $position = 'after'; | |
| 580 | + | |
| 581 | + foreach ((array) $select_menus as $select_menu) { | |
| 582 | + if (($select_menu['switch_in_menu_location'] ?? '') !== $needle) { | |
| 583 | + continue; | |
| 584 | + } | |
| 585 | + // Last match wins, matching the classic path's behaviour. Unlike | |
| 586 | + // that path the position is read from the row that actually | |
| 587 | + // matched, so it cannot be taken from an unrelated row. | |
| 588 | + $shortcode = $select_menu['darkify_menu_shortcode_helper'] ?? ''; | |
| 589 | + $position = $select_menu['select_menu_position'] ?? 'after'; | |
| 590 | + } | |
| 591 | + | |
| 592 | + if (! $shortcode) { | |
| 593 | + return $block_content; | |
| 594 | + } | |
| 595 | + | |
| 596 | + $item = '<li class="menu-item">' . do_shortcode($shortcode) . '</li>'; | |
| 597 | + | |
| 598 | + $injected = $this->darkify_inject_menu_item($block_content, $item, $position); | |
| 599 | + | |
| 600 | + // Unrecognised markup is left exactly as the block rendered it: a | |
| 601 | + // navigation with no switch is a far better outcome than a broken one. | |
| 602 | + return ($injected === null) ? $block_content : $injected; | |
| 603 | + } | |
| 604 | + | |
| 605 | + /** | |
| 606 | + * A `<ul>` or `</ul>` tag, with capture 1 set to "/" on a closing tag. | |
| 607 | + * | |
| 608 | + * The alternation skips over quoted attribute values rather than using a | |
| 609 | + * plain `[^>]*`: an attribute may legitimately contain a `>` (`data-x="a>b"`), | |
| 610 | + * and a bare `[^>]*` ends the match in the middle of that value. The open | |
| 611 | + * tag would then appear to end mid-attribute, so a "before" insertion landed | |
| 612 | + * inside the attribute and broke the markup, and a `>` inside a submenu's | |
| 613 | + * own `<ul>` attributes miscounted the nesting depth below. | |
| 614 | + */ | |
| 615 | + const DARKIFY_UL_TAG = '/<(\/?)ul\b(?:[^>"\']|"[^"]*"|\'[^\']*\')*>/i'; | |
| 616 | + | |
| 617 | + /** | |
| 618 | + * Insert a list item into the first top-level `<ul>` of a rendered block. | |
| 619 | + * | |
| 620 | + * The closing tag is found by balancing `<ul>`/`</ul>` rather than by | |
| 621 | + * searching for the last `</ul>`: navigations nest submenus, so the last one | |
| 622 | + * closes a submenu and the switch would land inside a dropdown. | |
| 623 | + * | |
| 624 | + * @return string|null Null when the markup has no usable list. | |
| 625 | + */ | |
| 626 | + private function darkify_inject_menu_item($html, $item, $position) | |
| 627 | + { | |
| 628 | + if (! preg_match(self::DARKIFY_UL_TAG, $html, $open, PREG_OFFSET_CAPTURE)) { | |
| 629 | + return null; | |
| 630 | + } | |
| 631 | + | |
| 632 | + // A fragment that opens on a closing tag has no list to add to. | |
| 633 | + if ($open[1][0] === '/') { | |
| 634 | + return null; | |
| 635 | + } | |
| 636 | + | |
| 637 | + $after_open = $open[0][1] + strlen($open[0][0]); | |
| 638 | + | |
| 639 | + if ($position === 'before') { | |
| 640 | + return substr($html, 0, $after_open) . $item . substr($html, $after_open); | |
| 641 | + } | |
| 642 | + | |
| 643 | + $depth = 1; | |
| 644 | + $offset = $after_open; | |
| 645 | + $tag = null; | |
| 646 | + | |
| 647 | + while ($depth > 0 && preg_match(self::DARKIFY_UL_TAG, $html, $tag, PREG_OFFSET_CAPTURE, $offset)) { | |
| 648 | + $depth += ($tag[1][0] === '/') ? -1 : 1; | |
| 649 | + $offset = $tag[0][1] + strlen($tag[0][0]); | |
| 650 | + } | |
| 651 | + | |
| 652 | + if ($depth !== 0 || $tag === null) { | |
| 653 | + return null; | |
| 654 | + } | |
| 655 | + | |
| 656 | + $before_close = $offset - strlen($tag[0][0]); | |
| 657 | + | |
| 658 | + return substr($html, 0, $before_close) . $item . substr($html, $before_close); | |
| 214 | 659 | } |
| 215 | 660 | } |
