ep_images_extended 1.0.0 → 1.0.1

package/LICENSE.md

@@ -1,14 +1,201 @@
-Copyright 2021 John McLear
-Copyright 2021 Ilmar Türk 
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
 
-    http://www.apache.org/licenses/LICENSE-2.0
+   1. Definitions.
 
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/NOTICE.md

@@ -0,0 +1,4 @@
+   This software includes substantial portions of
+   “ep_image_insert” (https://github.com/mamylinx/ep_image_insert)
+   by Mamy Linx and contributors, licensed under Apache-2.0.
+   The code has been modified; see individual source files for details.

package/README.md

@@ -80,4 +80,9 @@ All other values are ignored.
 
 This was mostly made by LLMs (my requirements in this project were far beyond my coding ability at this time). Bug reports & PRs are welcome! See [`CONTRIBUTING.md`](CONTRIBUTING.md) for the coding guidelines and branching model.
 
----
+---
+
+## Credits / Upstream
+This plugin started as a heavy rewrite of
+[ep_image_insert](https://github.com/mamylinx/ep_image_insert)
+by Mamy Linx, John McLear, Ilmar Türk and other contributors.

package/editbar.js

@@ -1,5 +1,5 @@
 'use strict';
-
+// Modified from ep_image_insert 1.0.7 
 const eejs = require('ep_etherpad-lite/node/eejs/');
 
 exports.eejsBlock_editbarMenuLeft = (hookName, args, cb) => {

package/exportHTML.js

@@ -1,5 +1,5 @@
 'use strict';
-
+// Modified from ep_image_insert 1.0.7 
 const Changeset = require('ep_etherpad-lite/static/js/Changeset');
 const Security = require('ep_etherpad-lite/static/js/security');
 

package/index.js

@@ -1,5 +1,5 @@
 'use strict';
-
+// Modified from ep_image_insert 1.0.7 
 const eejs = require('ep_etherpad-lite/node/eejs/');
 const settings = require('ep_etherpad-lite/node/utils/Settings');
 const { randomUUID } = require('crypto');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep_images_extended",
   "description": "Insert images inline with text, float them, resize them, and more.",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "author": {
     "name": "DCastelone",
     "email": "daniel.m.castelone@gmail.com",

package/settings.js

@@ -1,3 +1,5 @@
+// Modified from ep_image_insert 1.0.7 
+
 'use strict';
 
 exports.loadSettings = (hookName, settings, cb) => {

package/static/js/clientHooks.js

@@ -1,5 +1,5 @@
 'use strict';
-
+// Modified from ep_image_insert 1.0.7 
 
 // Simple UUID generator
 function generateUUID() {
@@ -64,7 +64,7 @@ function findImagePlaceholderPosition(lineText, imageIndex, fallbackLineElement
   
   for (let i = searchStart; i < searchEnd; i++) {
     if (lineText[i] === zwspPattern) {
-      console.log(`[ep_images_extended] Fallback: Found ZWSP at position ${i} for image index ${imageIndex}`);
+      // console.log(`[ep_images_extended] Fallback: Found ZWSP at position ${i} for image index ${imageIndex}`);
       return {
         colStart: i,
         patternLength: 1,
@@ -75,7 +75,7 @@ function findImagePlaceholderPosition(lineText, imageIndex, fallbackLineElement
   
   // DOM-based fallback: when text-based approach fails, use DOM positioning
   if (fallbackLineElement) {
-    console.log(`[ep_images_extended] DOM fallback: Using DOM-based positioning for image index ${imageIndex}`);
+    // console.log(`[ep_images_extended] DOM fallback: Using DOM-based positioning for image index ${imageIndex}`);
     
     // Count characters before the target image element in the DOM
     const allImagePlaceholders = Array.from(fallbackLineElement.querySelectorAll('.inline-image.image-placeholder'));
@@ -97,7 +97,7 @@ function findImagePlaceholderPosition(lineText, imageIndex, fallbackLineElement
             (currentNode.parentNode === targetImageElement || 
              targetImageElement.contains(currentNode.parentNode))) {
           // Found a text node that belongs to our target image
-          console.log(`[ep_images_extended] DOM fallback: Found position ${approximatePosition} for image index ${imageIndex}`);
+          // console.log(`[ep_images_extended] DOM fallback: Found position ${approximatePosition} for image index ${imageIndex}`);
           return {
             colStart: approximatePosition,
             patternLength: 3, // Assume 3 characters for safety
@@ -111,7 +111,7 @@ function findImagePlaceholderPosition(lineText, imageIndex, fallbackLineElement
       }
       
       // If we couldn't find the exact position, use a reasonable estimate
-      console.log(`[ep_images_extended] DOM fallback: Using estimated position ${approximatePosition} for image index ${imageIndex}`);
+      // console.log(`[ep_images_extended] DOM fallback: Using estimated position ${approximatePosition} for image index ${imageIndex}`);
       return {
         colStart: Math.max(0, approximatePosition - 1),
         patternLength: 3,
@@ -282,9 +282,9 @@ exports.postAceInit = function (hook, context) {
 
   // Check if image formatting menu exists (should be loaded from template)
   if ($('#imageFormatMenu').length === 0) {
-      console.log('[ep_images_extended] Image format menu not found - template may not be loaded yet');
+      // console.log('[ep_images_extended] Image format menu not found - template may not be loaded yet');
   } else {
-      console.log('[ep_images_extended] Image format menu found from template');
+      // console.log('[ep_images_extended] Image format menu found from template');
   }
 
   const $outlineBoxRef = padOuter.find('#imageResizeOutline');
@@ -461,53 +461,53 @@ exports.postAceInit = function (hook, context) {
         }
         
         // *** ENHANCED DEBUG: Track image click within table context ***
-        console.log('[ep_images_extended] *** IMAGE MOUSEDOWN EVENT START ***');
-        console.log('[ep_images_extended] Event target:', evt.target);
-        console.log('[ep_images_extended] Event currentTarget:', evt.currentTarget);
+        // console.log('[ep_images_extended] *** IMAGE MOUSEDOWN EVENT START ***');
+        // console.log('[ep_images_extended] Event target:', evt.target);
+        // console.log('[ep_images_extended] Event currentTarget:', evt.currentTarget);
         
         targetOuterSpan = this;
         const $targetOuterSpan = $(targetOuterSpan);
-        console.log('[ep_images_extended] Target outer span element:', targetOuterSpan);
-        console.log('[ep_images_extended] Target outer span classes:', targetOuterSpan.className);
-        console.log('[ep_images_extended] Target outer span HTML length:', targetOuterSpan.outerHTML?.length || 0);
+        // console.log('[ep_images_extended] Target outer span element:', targetOuterSpan);
+        // console.log('[ep_images_extended] Target outer span classes:', targetOuterSpan.className);
+        // console.log('[ep_images_extended] Target outer span HTML length:', targetOuterSpan.outerHTML?.length || 0);
 
         // *** DEBUG: Check table context ***
         const closestTable = targetOuterSpan.closest('table.dataTable');
         const closestTableCell = targetOuterSpan.closest('td, th');
         const closestAceLine = targetOuterSpan.closest('.ace-line');
         
-        console.log('[ep_images_extended] Is image within table?', !!closestTable);
+        // console.log('[ep_images_extended] Is image within table?', !!closestTable);
         if (closestTable) {
-            console.log('[ep_images_extended] Table tblId:', closestTable.getAttribute('data-tblId'));
-            console.log('[ep_images_extended] Table row:', closestTable.getAttribute('data-row'));
-            console.log('[ep_images_extended] Table cell:', !!closestTableCell);
+            // console.log('[ep_images_extended] Table tblId:', closestTable.getAttribute('data-tblId'));
+            // console.log('[ep_images_extended] Table row:', closestTable.getAttribute('data-row'));
+            // console.log('[ep_images_extended] Table cell:', !!closestTableCell);
             if (closestTableCell) {
-                console.log('[ep_images_extended] Cell data-column:', closestTableCell.getAttribute('data-column'));
-                console.log('[ep_images_extended] Cell innerHTML length:', closestTableCell.innerHTML?.length || 0);
+                // console.log('[ep_images_extended] Cell data-column:', closestTableCell.getAttribute('data-column'));
+                // console.log('[ep_images_extended] Cell innerHTML length:', closestTableCell.innerHTML?.length || 0);
             }
         }
         if (closestAceLine) {
-            console.log('[ep_images_extended] Ace line ID:', closestAceLine.id);
-            console.log('[ep_images_extended] Ace line classes:', closestAceLine.className);
-            console.log('[ep_images_extended] Ace line innerHTML length:', closestAceLine.innerHTML?.length || 0);
+            // console.log('[ep_images_extended] Ace line ID:', closestAceLine.id);
+            // console.log('[ep_images_extended] Ace line classes:', closestAceLine.className);
+            // console.log('[ep_images_extended] Ace line innerHTML length:', closestAceLine.innerHTML?.length || 0);
         }
 
         const imageId = $targetOuterSpan.attr('data-image-id');
-        console.log('[ep_images_extended] Image ID:', imageId);
+        // console.log('[ep_images_extended] Image ID:', imageId);
         
         if (imageId) {
             const previouslyActiveId = window.epImageInsertActiveImageId;
-            console.log('[ep_images_extended] Previously active image ID:', previouslyActiveId);
-            console.log('[ep_images_extended] Setting new active image ID:', imageId);
+            // console.log('[ep_images_extended] Previously active image ID:', previouslyActiveId);
+            // console.log('[ep_images_extended] Setting new active image ID:', imageId);
             
             window.epImageInsertActiveImageId = imageId; // NEW: Set active ID
 
             // *** DEBUG: Track selection styling changes ***
-            console.log('[ep_images_extended] *** SELECTION STYLING START ***');
+            // console.log('[ep_images_extended] *** SELECTION STYLING START ***');
             
             // Use dynamic CSS injection to avoid triggering content collector on image elements
             if (previouslyActiveId !== imageId) {
-                console.log('[ep_images_extended] Updating dynamic CSS selection');
+                // console.log('[ep_images_extended] Updating dynamic CSS selection');
                 const innerDoc = $inner[0].ownerDocument;
                 
                 // Remove previous dynamic style if it exists
@@ -530,25 +530,25 @@ exports.postAceInit = function (hook, context) {
                         }
                     `;
                     innerDoc.head.appendChild(styleElement);
-                    console.log('[ep_images_extended] Added dynamic CSS for image:', imageId);
+                    // console.log('[ep_images_extended] Added dynamic CSS for image:', imageId);
                 }
             }
             
-            console.log('[ep_images_extended] *** SELECTION STYLING END ***');
+            // console.log('[ep_images_extended] *** SELECTION STYLING END ***');
             
             // *** DEBUG: Check DOM state after style changes ***
             if (closestAceLine) {
-                console.log('[ep_images_extended] *** DOM STATE AFTER STYLE CHANGES ***');
-                console.log('[ep_images_extended] Ace line innerHTML length after style changes:', closestAceLine.innerHTML?.length || 0);
-                console.log('[ep_images_extended] Ace line innerHTML (first 500 chars):', closestAceLine.innerHTML?.substring(0, 500) || '');
+                // console.log('[ep_images_extended] *** DOM STATE AFTER STYLE CHANGES ***');
+                // console.log('[ep_images_extended] Ace line innerHTML length after style changes:', closestAceLine.innerHTML?.length || 0);
+                // console.log('[ep_images_extended] Ace line innerHTML (first 500 chars):', closestAceLine.innerHTML?.substring(0, 500) || '');
                 
                 // Check for delimiter presence in the line
                 const delimiterCount = (closestAceLine.innerHTML || '').split('|').length - 1;
-                console.log('[ep_images_extended] Delimiter count in ace line after style changes:', delimiterCount);
+                // console.log('[ep_images_extended] Delimiter count in ace line after style changes:', delimiterCount);
                 
                 // Check if tbljson class is still present
                 const hasTbljsonClass = closestAceLine.innerHTML?.includes('tbljson-') || false;
-                console.log('[ep_images_extended] Ace line still has tbljson class after changes:', hasTbljsonClass);
+                // console.log('[ep_images_extended] Ace line still has tbljson class after changes:', hasTbljsonClass);
             }
             
             showFormatMenu(targetOuterSpan);
@@ -566,11 +566,11 @@ exports.postAceInit = function (hook, context) {
 
         const target = $(evt.target);
         const isResizeHandle = target.hasClass('image-resize-handle');
-        console.log('[ep_images_extended] Is resize handle clicked?', isResizeHandle);
+        // console.log('[ep_images_extended] Is resize handle clicked?', isResizeHandle);
 
         // If clicking on a resize handle, start the resize operation
         if (isResizeHandle) {
-            console.log('[ep_images_extended] *** RESIZE HANDLE CLICKED - STARTING RESIZE OPERATION ***');
+            // console.log('[ep_images_extended] *** RESIZE HANDLE CLICKED - STARTING RESIZE OPERATION ***');
             isDragging = true;
             outlineBoxPositioned = false;
             startX = evt.clientX;
@@ -620,7 +620,7 @@ exports.postAceInit = function (hook, context) {
                             colStart: placeholderInfo.colStart,
                             patternLength: placeholderInfo.patternLength
                         };
-                        console.log(`[ep_images_extended mousedown] Found placeholder at position ${placeholderInfo.colStart} with pattern length ${placeholderInfo.patternLength}`);
+                        // console.log(`[ep_images_extended mousedown] Found placeholder at position ${placeholderInfo.colStart} with pattern length ${placeholderInfo.patternLength}`);
                     } else {
                         console.error(`[ep_images_extended mousedown] Could not find any placeholder sequence for image index ${imageIndex} in line text: "${lineText}"`);
                         resizePositionData = null;
@@ -636,7 +636,7 @@ exports.postAceInit = function (hook, context) {
             }
             evt.preventDefault();
           } else {
-            console.log('[ep_images_extended] *** SIMPLE IMAGE CLICK - NO RESIZE HANDLE ***');
+            // console.log('[ep_images_extended] *** SIMPLE IMAGE CLICK - NO RESIZE HANDLE ***');
             // Position cursor next to the image instead of inside it
             _aceContext.callWithAce((ace) => {
                 const lineElement = $(targetOuterSpan).closest('.ace-line')[0];
@@ -665,7 +665,7 @@ exports.postAceInit = function (hook, context) {
                                     cursorPos = [lineNumber, placeholderInfo.colStart + placeholderInfo.patternLength];
                                 }
                                 
-                                console.log(`[ep_images_extended] Positioning cursor at [${cursorPos}] based on click position`);
+                                // console.log(`[ep_images_extended] Positioning cursor at [${cursorPos}] based on click position`);
                                 ace.ace_performSelectionChange(cursorPos, cursorPos, false);
                             }
                         }
@@ -674,7 +674,7 @@ exports.postAceInit = function (hook, context) {
             }, 'positionCursorNextToImage', true);
         }
         
-        console.log('[ep_images_extended] *** IMAGE MOUSEDOWN EVENT END ***');
+        // console.log('[ep_images_extended] *** IMAGE MOUSEDOWN EVENT END ***');
     });
 
     innerDoc.on('mousemove', function(evt) {
@@ -790,7 +790,7 @@ exports.postAceInit = function (hook, context) {
 
             // Don't apply styles directly to avoid triggering content collector
             // The visual updates will be handled by acePostWriteDomLineHTML after attributes are applied
-            console.log('[ep_images_extended mouseup] Skipping direct style application to avoid content collection triggers');
+            // console.log('[ep_images_extended mouseup] Skipping direct style application to avoid content collection triggers');
 
             _aceContext.callWithAce((ace) => {
                 const outerSpanAlive = (targetOuterSpan && document.contains(targetOuterSpan)) ? targetOuterSpan : null;
@@ -817,7 +817,7 @@ exports.postAceInit = function (hook, context) {
                         ['image-height', heightToApplyPx],
                         ['imageCssAspectRatio', newCssAspectRatioForVar]
                     ]);
-                    console.log('[ep_images_extended mouseup] Successfully applied resize attributes (new targeting)');
+                    // console.log('[ep_images_extended mouseup] Successfully applied resize attributes (new targeting)');
                 } catch (err) {
                     console.error('[ep_images_extended mouseup] Error applying resize attributes:', err);
                 }
@@ -1045,7 +1045,7 @@ exports.postAceInit = function (hook, context) {
     
     // Function to show user feedback for copy/cut operations
     const showCopyFeedback = (message) => {
-        console.log(`[ep_images_extended] ${message}`);
+        // console.log(`[ep_images_extended] ${message}`);
         // Could be enhanced with a temporary toast notification
     };
     
@@ -1217,7 +1217,7 @@ exports.postAceInit = function (hook, context) {
                                     // Delete the image by replacing the text range with empty string
                                     ace.ace_replaceRange(rangeStart, rangeEnd, '');
                                     
-                                    console.log('Successfully cut image at line', targetLineNumber, 'column', placeholderInfo.colStart);
+                                    // console.log('Successfully cut image at line', targetLineNumber, 'column', placeholderInfo.colStart);
                                     
                                 } catch (error) {
                                     console.error('[ep_images_extended cut] Error deleting image:', error);
@@ -1324,7 +1324,7 @@ exports.postAceInit = function (hook, context) {
                                         ['image-float', floatValue]
                                     ]);
                                     
-                                    console.log('Applied float attribute:', floatValue, 'to image');
+                                    // console.log('Applied float attribute:', floatValue, 'to image');
                                     
                                 } catch (error) {
                                     console.error('[ep_images_extended float] Error applying float attribute:', error);
@@ -1341,13 +1341,13 @@ exports.postAceInit = function (hook, context) {
         } else if (action) {
             // Handle action buttons
             if (action === 'copy') {
-                console.log('Copy image action triggered');
+                // console.log('Copy image action triggered');
                 handleImageCopy(false); // false = copy (don't delete after copy)
             } else if (action === 'cut') {
-                console.log('Cut image action triggered');
+                // console.log('Cut image action triggered');
                 handleImageCopy(true); // true = cut (delete after copy)
             } else if (action === 'delete') {
-                console.log('Delete image action triggered');
+                // console.log('Delete image action triggered');
                 
                 // Use the specific selected image element (like float and resize logic does)
                 if (currentElement) {
@@ -1367,7 +1367,7 @@ exports.postAceInit = function (hook, context) {
 
                         try {
                             ace.ace_replaceRange(rangeStart, rangeEnd, '');
-                            console.log('[ep_images_extended delete] Successfully deleted image via helper');
+                            // console.log('[ep_images_extended delete] Successfully deleted image via helper');
                         } catch (err) {
                             console.error('[ep_images_extended delete] Error deleting image:', err);
                         }
@@ -1391,7 +1391,7 @@ function _getLineNumberOfElement(element) {
 }
 
 exports.aceEditorCSS = (hookName, context) => {
-  console.log('[ep_images_extended] aceEditorCSS called - loading CSS file');
+  // console.log('[ep_images_extended] aceEditorCSS called - loading CSS file');
   return [
     'ep_images_extended/static/css/ace.css'
   ];

package/static/js/contentCollection.js

@@ -1,5 +1,5 @@
 'use strict';
-
+// Modified from ep_image_insert 1.0.7 
 // This hook is called **before** the text of a line/segment is processed by the Changeset library.
 const collectContentPre = (hook, context) => {
   const classes = context.cls ? context.cls.split(' ') : [];

package/static/js/toolbar.js

@@ -1,5 +1,5 @@
 'use strict';
-
+// Modified from ep_image_insert 1.0.7 
 const _isValid = (file) => {
   const mimedb = clientVars.ep_images_extended.mimeTypes;
   const mimeType = mimedb[file.type];