Changeset 315534

Timestamp:

02/26/2026 08:49:40 PM (4 weeks ago)

Author:

extendify

Message:

Release version 2.1.2

Location:

extendable/2.1.2

Files:

• . (copied) (copied from extendable/2.1.1)
• assets/editor/animation-settings-modal.js (modified) (2 diffs)
• assets/js/animations-interactivity.js (modified) (3 diffs)
• inc/animations.php (modified) (7 diffs)
• readme.txt (modified) (2 diffs)
• style.css (modified) (1 diff)

extendable/2.1.2/assets/editor/animation-settings-modal.js

@@ -64 +64 @@
                 });
 
-                if (response.ext_animation_settings) {
-                    setSettings(response.ext_animation_settings);
+                if (response.extendify_animation_settings) {
+                    setSettings(response.extendify_animation_settings);
                 }
             } catch (err) {
@@ -85 +85 @@
                     method: 'POST',
                     data: {
-                        ext_animation_settings: newSettings
+                        extendify_animation_settings: newSettings
                     },
                 });

extendable/2.1.2/assets/js/animations-interactivity.js

@@ -20 +20 @@
     const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
     let currentSpeed = config.speed || 'medium';
+    let currentType = config.type || 'none';
+    let currentMap = config.map || {};
+    const initialType = config.type || 'none'; // Track if PHP added FOUC CSS
 
     function initAnimations() {
-        if (prefersReducedMotion.matches) {
+        if (currentType === 'none' || prefersReducedMotion.matches) {
             return;
         }
     
         if (!('IntersectionObserver' in window)) {
-            Object.keys(config.map || {}).forEach(selector => {
+            Object.keys(currentMap).forEach(selector => {
                 try {
                     document.querySelectorAll(selector).forEach(el => el.style.opacity = '1');
@@ -57 +60 @@
         trackedElements = [];
         
-        Object.keys(config.map || {}).forEach(selector => {
+        Object.keys(currentMap).forEach(selector => {
             try {
                 const elements = document.querySelectorAll(selector);
-                const animationType = config.map[selector];
+                const animationType = currentMap[selector];
                 
                 // Group elements by parent for proper stagger
@@ -161 +164 @@
     }
 
+    function setType(type) {
+        currentType = type || 'none';
+        
+        if (initialType === 'none') {
+            const existingStyle = document.getElementById('ext-fouc-styles');
+            if (existingStyle) {
+                existingStyle.remove();
+            }
+        }
+        
+        trackedElements.forEach(element => {
+            element.classList.remove(
+                'ext-animate',
+                'ext-animated-fade',
+                'ext-animated-fade-up',
+                'ext-animated-fade-down',
+                'ext-animated-fade-left',
+                'ext-animated-fade-right',
+                'ext-animated-zoom-in',
+                'ext-animation-complete'
+            );
+            element.style.opacity = '';
+            element.style.transform = '';
+            element.style.animationDuration = '';
+            element.style.animationDelay = '';
+        });
+        
+        trackedElements = [];
+        
+        if (observer) {
+            observer.disconnect();
+        }
+        
+        if (currentType === 'none') {
+            // Force elements visible (override PHP FOUC CSS)
+            Object.keys(config.allTypes?.['fade'] || currentMap || {}).forEach(selector => {
+                try {
+                    document.querySelectorAll(selector).forEach(el => {
+                        el.style.opacity = '1';
+                        el.style.transform = 'none';
+                    });
+                } catch (e) {}
+            });
+            return true;
+        }
+        
+        if (config.allTypes && config.allTypes[currentType]) {
+            currentMap = config.allTypes[currentType];
+        }
+        
+        Object.keys(currentMap).forEach(selector => {
+            try {
+                document.querySelectorAll(selector).forEach(el => {
+                    el.style.opacity = '';
+                });
+            } catch (e) {}
+        });
+        
+        // Only inject FOUC CSS if PHP didn't add it
+        if (initialType === 'none') {
+            const styleEl = document.createElement('style');
+            styleEl.id = 'ext-fouc-styles';
+            let css = '';
+            Object.keys(currentMap).forEach(selector => {
+                css += `@media (prefers-reduced-motion: no-preference) { ${selector}:not(.ext-animate--off) { opacity: 0; } } `;
+            });
+            styleEl.textContent = css;
+            document.head.appendChild(styleEl);
+        }
+        
+        requestAnimationFrame(() => {
+            initAnimations();
+        });
+        
+        return true;
+    }
+
     window.ExtendableAnimations = window.ExtendableAnimations || {};
     window.ExtendableAnimations.reset = resetAnimations;
     window.ExtendableAnimations.setSpeed = setSpeed;
+    window.ExtendableAnimations.setType = setType;
 
     if (document.readyState === 'loading') {

extendable/2.1.2/inc/animations.php

@@ -20 +20 @@
  */
 function extendable_register_animation_settings() {
-    register_setting( 'extendable_animations', 'ext_animation_settings', array(
+    register_setting( 'extendable_animations', 'extendify_animation_settings', array(
         'type' => 'object',
         'default' => array(
@@ -87 +87 @@
 function extendable_enqueue_animations() {
 
-    $animation_settings = get_option( 'ext_animation_settings', array(
+    $animation_settings = get_option( 'extendify_animation_settings', array(
         'type' => 'none',
         'speed' => 'medium'
@@ -95 +95 @@
     $animation_speed = $animation_settings['speed'] ?? 'medium';
     
-    if ( is_admin() || 
-         ! apply_filters( 'extendable_enable_animations', true ) ||
-         false === $animation_type || 
-         empty( $animation_type ) ||
-         'none' === $animation_type ) {
+    if ( ! apply_filters( 'extendable_enable_animations', true ) ) {
         return;
     }
+    
+    // Skip loading for visitors when animations disabled
+    // Logged-in users need JS for real-time switching in agent UI
+    if ( 'none' === $animation_type && ! is_user_logged_in() ) {
+        return;
+    }
 
     $config_file = get_template_directory() . '/assets/config/animations.json';
@@ -124 +126 @@
     $defaults = $config['defaults'] ?? array();
     $css_config = $config['css'] ?? array();
+
+    $all_types = array();
+    foreach ( $config['types'] as $type_key => $type_config ) {
+        $type_mappings = array();
+        if ( isset( $type_config['mappings'] ) && is_array( $type_config['mappings'] ) ) {
+            foreach ( $type_config['mappings'] as $selector => $animation ) {
+                $clean_selector = sanitize_text_field( trim( $selector ) );
+                $clean_animation = sanitize_key( trim( $animation ) );
+                if ( ! empty( $clean_selector ) && ! empty( $clean_animation ) ) {
+                    $type_mappings[ $clean_selector ] = $clean_animation;
+                }
+            }
+        }
+        if ( ! empty( $type_mappings ) ) {
+            $all_types[ sanitize_key( $type_key ) ] = $type_mappings;
+        }
+    }
 
     $sanitized = array();
@@ -156 +175 @@
     wp_localize_script( 'extendable-animations', 'ExtendableAnimations', array(
         'map' => $sanitized,
+        'allTypes' => $all_types,
         'defaults' => array_map( 'sanitize_text_field', $defaults ),
         'speed' => sanitize_key( $animation_speed ),
+        'type' => sanitize_key( $animation_type ),
     ));
 
     // Generate FOUC prevention CSS (respects override classes and reduced motion preference)
+    
+    if ( 'none' === $animation_type ) {
+        return;
+    }
+
     $animation_css = '';
     foreach ( $sanitized as $selector => $animation ) {
@@ -185 +211 @@
 function extendable_enqueue_animation_editor_control() {
     
-    $animation_settings = get_option( 'ext_animation_settings', array(
+    $animation_settings = get_option( 'extendify_animation_settings', array(
         'type' => 'none',
         'speed' => 'medium'
@@ -225 +251 @@
     );
 
-    $animation_settings = get_option( 'ext_animation_settings', array(
+    $animation_settings = get_option( 'extendify_animation_settings', array(
         'type' => 'none',
         'speed' => 'medium'

extendable/2.1.2/readme.txt

@@ -4 +4 @@
 Tested up to: 6.8
 Requires PHP: 7.4
-Stable tag: 2.1.1
+Stable tag: 2.1.2
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -13 +13 @@
 
 == Changelog ==
+
+= 2.1.2 - 2026-02-27 =
+- Fixed: Dynamic animation type switching
 
 = 2.1.1 - 2026-02-25 =

extendable/2.1.2/style.css

@@ -8 +8 @@
 Tested up to: 6.9
 Requires PHP: 7.4
-Version: 2.1.1
+Version: 2.1.2
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html