Changeset 3394378

Timestamp:

11/12/2025 01:49:14 PM (5 months ago)

Author:

levelsdev

Message:

Deploy from GitLab to trunk

Location:

ready-made-oxygen-integration/trunk

Files:

• README.md (modified) (1 diff)
• includes/js/addPasteButton-modular.js (modified) (1 diff)
• includes/js/modules/classProcessor.js (modified) (9 diffs)
• readme.txt (modified) (2 diffs)
• ready-made-oxygen-integration.php (modified) (3 diffs)

ready-made-oxygen-integration/trunk/README.md

@@ -1 +1 @@
 # Ready-Made Oxygen Integration
 
-[![Version](https://img.shields.io/badge/version-1.3.1-blue.svg)](https://levels.dev)
+[![Version](https://img.shields.io/badge/version-1.3.2-blue.svg)](https://levels.dev)
 [![WordPress](https://img.shields.io/badge/wordpress-5.0%2B-green.svg)](https://wordpress.org)
 [![Oxygen](https://img.shields.io/badge/oxygen-4.0%2B-purple.svg)](https://oxygenbuilder.com)

ready-made-oxygen-integration/trunk/includes/js/addPasteButton-modular.js

@@ -3 +3 @@
  * Modular structure for better maintainability
  *
- * Version: 1.3.1
- */
-
-console.log("READOXIN: ✅ Plugin loaded v1.3.1");
+ * Version: 1.3.2
+ */
+
+console.log("READOXIN: ✅ Plugin loaded v1.3.2");
 
 // Verify modules are loaded

ready-made-oxygen-integration/trunk/includes/js/modules/classProcessor.js

@@ -158 +158 @@
           styles: classDef.original || {},
           parent: classDef.parent || -1,
-          set_name: classDef.set_name || ''
+          set_name: classDef.set_name || '',
+          media: classDef.media || {}
         });
       } else {
@@ -168 +169 @@
             styles: classDef.original || {},
             parent: classDef.parent || -1,
-            set_name: classDef.set_name || ''
+            set_name: classDef.set_name || '',
+            media: classDef.media || {}
           });
         }
@@ -175 +177 @@
 
     if (this.settings.debug) {
+      // Count classes with media queries
+      const createWithMedia = toCreate.filter(c => c.media && Object.keys(c.media).length > 0);
+      const updateWithMedia = toUpdate.filter(c => c.media && Object.keys(c.media).length > 0);
+
       console.log('READOXIN: Class sync analysis:', {
         toCreate: toCreate.length,
         toUpdate: toUpdate.length,
-        mode: this.settings.classSyncMode
+        mode: this.settings.classSyncMode,
+        withMediaQueries: {
+          create: createWithMedia.length,
+          update: updateWithMedia.length
+        }
       });
+
+      // Log classes with media queries
+      if (createWithMedia.length > 0) {
+        console.log('READOXIN: 📱 Classes with media queries (create):', createWithMedia.map(c => ({
+          name: c.className,
+          breakpoints: Object.keys(c.media)
+        })));
+      }
+      if (updateWithMedia.length > 0) {
+        console.log('READOXIN: 📱 Classes with media queries (update):', updateWithMedia.map(c => ({
+          name: c.className,
+          breakpoints: Object.keys(c.media)
+        })));
+      }
     }
 
@@ -322 +346 @@
       }
 
+      // Include media queries if present
+      if (item.media && Object.keys(item.media).length > 0) {
+        classObj.media = item.media;
+      }
+
       updatedClasses[item.className] = classObj;
       changedClasses[item.className] = classObj; // Track only changed classes
@@ -380 +409 @@
       }
 
+      // Include media queries if present
+      if (item.media && Object.keys(item.media).length > 0) {
+        classObj.media = item.media;
+      }
+
       updatedClasses[item.className] = classObj;
       changedClasses[item.className] = classObj; // Track only changed classes
@@ -426 +460 @@
       updatedClasses[item.className].original = item.styles;
 
+      // Update media queries if provided
+      if (item.media !== undefined) {
+        if (Object.keys(item.media).length > 0) {
+          updatedClasses[item.className].media = item.media;
+        } else {
+          // Remove media property if empty object
+          delete updatedClasses[item.className].media;
+        }
+      }
+
       // Track only changed classes
       changedClasses[item.className] = updatedClasses[item.className];
@@ -478 +522 @@
       if (item.set_name !== undefined) {
         updatedClasses[item.className].set_name = item.set_name;
+      }
+
+      // Update media queries if provided
+      if (item.media !== undefined) {
+        if (Object.keys(item.media).length > 0) {
+          updatedClasses[item.className].media = item.media;
+        } else {
+          // Remove media property if empty object
+          delete updatedClasses[item.className].media;
+        }
       }
 
@@ -560 +614 @@
             if (item.set_name !== undefined) {
               scope.classes[item.className].set_name = item.set_name;
+            }
+
+            // Update media queries if provided
+            if (item.media !== undefined) {
+              if (Object.keys(item.media).length > 0) {
+                scope.classes[item.className].media = item.media;
+              } else {
+                // Remove media property if empty object
+                delete scope.classes[item.className].media;
+              }
             }
           }
@@ -573 +637 @@
           if (item.set_name && item.set_name !== '' && !(Array.isArray(item.set_name) && item.set_name.length === 0)) {
             classObj.set_name = item.set_name;
+          }
+
+          // Include media queries if present
+          if (item.media && Object.keys(item.media).length > 0) {
+            classObj.media = item.media;
           }
 

ready-made-oxygen-integration/trunk/readme.txt

@@ -5 +5 @@
 Requires at least: 5.0
 Tested up to: 6.8
-Stable tag: 1.3.1
+Stable tag: 1.3.2
 Requires PHP: 7.2
 License: GPLv2 or later
@@ -76 +76 @@
 == Changelog ==
 
+= 1.3.2 =
+* NEW: Full media query support - Figma responsive breakpoints now sync to Oxygen
+* Supports all Oxygen breakpoints: page-width, phone-landscape, phone-portrait, tablet
+* Classes preserve responsive styles: base + tablet + mobile variations
+* Debug logging shows classes with media queries and breakpoint names
+
 = 1.3.1 =
 * Performance: Incremental class saving - only sends changed classes instead of entire database (1 class = <1s instead of 7s)

ready-made-oxygen-integration/trunk/ready-made-oxygen-integration.php

@@ -7 +7 @@
  * Plugin URI: https://levels.dev/automatic-webdevelopment-from-figma-via-copy-paste
  * Description: Essential integration for the Ready-Made Figma plugin to enable copy-paste functionality with Oxygen 4.
- * Version: 1.3.1
+ * Version: 1.3.2
  * Author: levels.dev
  * Author URI: https://levels.dev
@@ -26 +26 @@
 
 // Define plugin version
-define('READOXIN_JS_VERSION', '1.3.1');
+define('READOXIN_JS_VERSION', '1.3.2');
 
 // Use global namespace for WordPress hooks
@@ -396 +396 @@
     if (!empty($set_name)) {
       $class_obj['set_name'] = $set_name;
+    }
+
+    // Include media queries if present
+    if (isset($class_data['media']) && is_array($class_data['media']) && !empty($class_data['media'])) {
+      $class_obj['media'] = $class_data['media'];
     }