Changeset 3381325

Timestamp:

10/20/2025 01:21:44 PM (5 months ago)

Author:

levelsdev

Message:

Version 1.2.2: Fixed native paste in Oxygen code blocks and contenteditable elements

Location:

ready-made-oxygen-integration

Files:

• tags/1.2.2 (added)
• tags/1.2.2/README.md (added)
• tags/1.2.2/includes (added)
• tags/1.2.2/includes/js (added)
• tags/1.2.2/includes/js/addPasteButton-modular.js (added)
• tags/1.2.2/includes/js/modules (added)
• tags/1.2.2/includes/js/modules/fontManager.js (added)
• tags/1.2.2/includes/js/modules/fontProcessor.js (added)
• tags/1.2.2/includes/js/modules/imageProcessor.js (added)
• tags/1.2.2/includes/js/modules/pasteHandler.js (added)
• tags/1.2.2/includes/js/modules/progressIndicator.js (added)
• tags/1.2.2/includes/js/modules/toastNotifications.js (added)
• tags/1.2.2/includes/js/modules/uiComponents.js (added)
• tags/1.2.2/readme.txt (added)
• tags/1.2.2/ready-made-oxygen-integration.php (added)
• trunk/README.md (modified) (2 diffs)
• trunk/includes/js/addPasteButton-modular.js (modified) (1 diff)
• trunk/includes/js/modules/uiComponents.js (modified) (2 diffs)
• trunk/readme.txt (modified) (2 diffs)
• trunk/ready-made-oxygen-integration.php (modified) (2 diffs)

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

@@ -1 +1 @@
 # Ready-Made Oxygen Integration
 
-[![Version](https://img.shields.io/badge/version-1.2.1-blue.svg)](https://levels.dev)
+[![Version](https://img.shields.io/badge/version-1.2.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)
@@ -117 +117 @@
 ## 📓 Changelog
 
+### 1.2.2 – Code Block Paste Fix
+- 🐛 **Fixed**: Native paste now works correctly in Oxygen code blocks and contenteditable elements
+
 ### 1.2.1 – Progress Indicator
 - 📊 **Progress Indicator**: Visual progress bar for image uploads to WP Media Library with real-time tracking

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

@@ -3 +3 @@
  * Modular structure for better maintainability
  *
- * Version: 1.2.1
- */
-
-console.log("READOXIN: ✅ Plugin loaded v1.2.1");
+ * Version: 1.2.2
+ */
+
+console.log("READOXIN: ✅ Plugin loaded v1.2.2");
 
 // Verify modules are loaded

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

@@ -216 +216 @@
                          document.querySelector('[ng-controller="BuilderController"]');
 
-      if (isInBuilder && event.target.tagName !== 'TEXTAREA' && event.target.tagName !== 'INPUT') {
+      // Check if the target is an editable element that should use native paste
+      const shouldAllowNativePaste = isEditableElement(event.target);
+
+      if (isInBuilder && !shouldAllowNativePaste) {
         event.preventDefault();
         pasteHandler();
@@ -223 +226 @@
   });
 }
+
+/**
+ * Check if an element should allow native paste behavior
+ * @param {HTMLElement} element - The target element
+ * @returns {boolean} - True if native paste should be allowed
+ */
+function isEditableElement(element) {
+  if (!element) return false;
+
+  // Check tag name
+  const tagName = element.tagName;
+  if (tagName === 'TEXTAREA' || tagName === 'INPUT') {
+    return true;
+  }
+
+  // Check contenteditable
+  if (element.isContentEditable || element.contentEditable === 'true') {
+    return true;
+  }
+
+  // Check if inside CodeMirror editor
+  if (element.closest('.CodeMirror') || element.closest('.CodeMirror-code')) {
+    return true;
+  }
+
+  // Check if inside ACE editor
+  if (element.closest('.ace_editor') || element.closest('.ace_text-input')) {
+    return true;
+  }
+
+  // Check if inside Monaco editor
+  if (element.closest('.monaco-editor')) {
+    return true;
+  }
+
+  // Check for Oxygen code block specific classes (add any specific selectors)
+  if (element.closest('.oxygen-code-block') ||
+      element.closest('.ct-code-block') ||
+      element.closest('[data-oxygen-code-block]')) {
+    return true;
+  }
+
+  return false;
+}

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

@@ -5 +5 @@
 Requires at least: 5.0
 Tested up to: 6.8
-Stable tag: 1.2.1
+Stable tag: 1.2.2
 Requires PHP: 7.2
 License: GPLv2 or later
@@ -71 +71 @@
 == Changelog ==
 
+= 1.2.2 =
+* Fixed: Native paste now works in Oxygen code blocks and contenteditable elements
+
 = 1.2.1 =
 * Visual progress indicator for image uploads to WP Media Library

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.2.1
+ * Version: 1.2.2
  * Author: levels.dev
  * Author URI: https://levels.dev
@@ -22 +22 @@
 define('SCRIPT_DEBUG', true);
 // Define plugin version
-define('READOXIN_JS_VERSION', '1.2.1');
+define('READOXIN_JS_VERSION', '1.2.2');
 
 // Use global namespace for WordPress hooks