@bagelink/vue 0.0.1272 → 0.0.1274

package/dist/components/form/inputs/RichText/composables/useCommands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCommands.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/inputs/RichText/composables/useCommands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAGnD,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE;IAAE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;uBAK5F,MAAM,UAAU,MAAM;;;EA8D1C"}
+{"version":3,"file":"useCommands.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/inputs/RichText/composables/useCommands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAGnD,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE;IAAE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;uBAK5F,MAAM,UAAU,MAAM;;;EAkD1C"}

package/dist/components/form/inputs/RichText/composables/useEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/inputs/RichText/composables/useEditor.ts"],"names":[],"mappings":"AAmCA,wBAAgB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eALR,UAAU;;;;;;;;;;;;qDAlBI,CAAC;;+CAG9B,CAAD;;;;2CAGC,CAAC;;;gBAqWiB,QAAQ;;;0BAjSR,MAAM,GAAG,MAAM;;;;;;;;;EAuXlC"}
+{"version":3,"file":"useEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/inputs/RichText/composables/useEditor.ts"],"names":[],"mappings":"AAmCA,wBAAgB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eALR,UAAU;;;;;;;;;;;;qDAlBI,CAAC;;+CAG9B,CAAD;;;;2CAGC,CAAC;;;gBAsTiB,QAAQ;;;0BApPR,MAAM,GAAG,MAAM;;;;;;;;;EAwUlC"}

package/dist/components/form/inputs/RichText/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText/index.vue"],"names":[],"mappings":"AA8RA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQpD,KAAK,WAAW,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;;;AA8V1G,wBASG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText/index.vue"],"names":[],"mappings":"AAyRA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQpD,KAAK,WAAW,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;;;AAyV1G,wBASG"}

package/dist/index.cjs

@@ -27394,10 +27394,8 @@ function useCommands(state2, debug) {
   return {
     execute: (command, value) => {
       if (!state2.doc) return;
-      console.log("[useCommands.execute] Starting command execution:", command, value);
       debug == null ? void 0 : debug.logCommand(command, value);
       if (["splitView", "codeView", "fullScreen"].includes(command)) {
-        console.log("[useCommands.execute] Handling view state command:", command);
         switch (command) {
           case "splitView":
             state2.isSplitView = !state2.isSplitView;
@@ -27410,25 +27408,16 @@ function useCommands(state2, debug) {
             return;
         }
       }
-      console.log("[useCommands.execute] Focusing editor");
       state2.doc.body.focus();
-      console.log("[useCommands.execute] Executing command");
       executor.execute(command, value);
       const newContent = state2.doc.body.innerHTML;
-      console.log("[useCommands.execute] Checking content changes");
-      console.log("[useCommands.execute] Old content length:", state2.content.length);
-      console.log("[useCommands.execute] New content length:", newContent.length);
       if (newContent !== state2.content) {
-        console.log("[useCommands.execute] Content changed, updating state");
         state2.content = newContent;
       }
-      console.log("[useCommands.execute] Checking selection changes");
       const selection = state2.doc.getSelection();
       if (selection == null ? void 0 : selection.rangeCount) {
         const hasSelectionChanged = !state2.selection || state2.selection !== selection || state2.rangeCount !== selection.rangeCount;
-        console.log("[useCommands.execute] Selection changed:", hasSelectionChanged);
         if (hasSelectionChanged) {
-          console.log("[useCommands.execute] Updating selection state");
           state2.selection = selection;
           state2.range = selection.getRangeAt(0).cloneRange();
           state2.rangeCount = selection.rangeCount;
@@ -27625,7 +27614,6 @@ function useEditor() {
   const updateState = {
     styles: () => {
       if (!state2.doc) return;
-      console.log("[updateState.styles] Starting style update");
       const styles = /* @__PURE__ */ new Set();
       const styleTypes = [
         "bold",
@@ -27648,82 +27636,59 @@ function useEditor() {
           styles.add(style);
         }
       });
-      console.log("[updateState.styles] New styles:", Array.from(styles));
       state2.selectedStyles = styles;
     },
     content: (source) => {
       if (!state2.doc) return;
-      console.log("[updateState.content] Starting content update, source:", source);
       const currentContent = state2.doc.body.innerHTML;
-      console.log("[updateState.content] Current content length:", currentContent.length);
-      console.log("[updateState.content] State content length:", state2.content.length);
       if (currentContent !== state2.content) {
-        console.log("[updateState.content] Content changed, pushing to undo stack");
         state2.undoStack.push(state2.content);
         state2.redoStack = [];
       }
       const selection = state2.doc.getSelection();
       const range2 = (selection == null ? void 0 : selection.rangeCount) ? selection.getRangeAt(0).cloneRange() : null;
-      console.log("[updateState.content] Has selection:", !!selection, "Has range:", !!range2);
       if (source === "html") {
-        console.log("[updateState.content] Processing HTML content");
         const preserved = preserveIframes(state2.content);
-        console.log("[updateState.content] Preserved iframes count:", preserved.iframes.length);
         state2.doc.body.innerHTML = preserved.html;
         setTimeout(() => {
-          console.log("[updateState.content] Restoring iframes");
           if (state2.doc) {
             restoreIframes(state2.doc, state2.content, preserved.iframes);
             if (range2 && selection) {
               try {
                 selection.removeAllRanges();
                 selection.addRange(range2);
-                console.log("[updateState.content] Selection restored");
               } catch (e) {
-                console.warn("[updateState.content] Could not restore selection:", e);
               }
             }
           }
         }, 0);
       } else {
-        console.log("[updateState.content] Setting text content");
         state2.doc.body.textContent = state2.content;
       }
     },
     selection: () => {
       if (!state2.doc) return;
-      console.log("[updateState.selection] Starting selection update");
       const newSelection = state2.doc.getSelection();
       if (!newSelection) {
-        console.log("[updateState.selection] No selection available");
         return;
       }
       try {
         if (!state2.doc.body.contains(newSelection.anchorNode)) {
-          console.log("[updateState.selection] Selection outside editor body, refocusing");
           state2.doc.body.focus();
           return;
         }
         const hasSelectionChanged = !state2.selection || state2.selection !== newSelection || state2.rangeCount !== newSelection.rangeCount || newSelection.rangeCount > 0 && state2.range && (state2.range.startContainer !== newSelection.getRangeAt(0).startContainer || state2.range.startOffset !== newSelection.getRangeAt(0).startOffset || state2.range.endContainer !== newSelection.getRangeAt(0).endContainer || state2.range.endOffset !== newSelection.getRangeAt(0).endOffset);
-        console.log("[updateState.selection] Selection changed:", hasSelectionChanged);
         if (hasSelectionChanged) {
           state2.selection = newSelection;
           state2.rangeCount = newSelection.rangeCount;
           if (newSelection.rangeCount > 0) {
             state2.range = newSelection.getRangeAt(0).cloneRange();
-            console.log("[updateState.selection] New range:", {
-              startOffset: state2.range.startOffset,
-              endOffset: state2.range.endOffset,
-              collapsed: state2.range.collapsed
-            });
           }
           requestAnimationFrame(() => {
-            console.log("[updateState.selection] Updating styles in RAF");
             updateState.styles();
           });
         }
       } catch (e) {
-        console.warn("[updateState.selection] Selection error:", e);
         state2.selection = null;
         state2.range = null;
         state2.rangeCount = 0;
@@ -27813,70 +27778,44 @@ function useEditor() {
     }
   };
   function setupEventListeners(doc) {
-    console.log("[setupEventListeners] Starting setup");
     if (cleanupListeners) {
-      console.log("[setupEventListeners] Cleaning up existing listeners");
       cleanupListeners();
       cleanupListeners = null;
     }
     let isUpdating = false;
     let contentUpdateTimeout = null;
     let selectionUpdateTimeout = null;
-    let updateCount = 0;
     const events = {
       input: () => {
-        updateCount++;
-        console.log(`[input event #${updateCount}] Starting, isUpdating:`, isUpdating);
-        if (isUpdating) {
-          console.log(`[input event #${updateCount}] Skipped - already updating`);
-          return;
-        }
+        if (isUpdating) return;
         isUpdating = true;
         if (contentUpdateTimeout) {
-          console.log(`[input event #${updateCount}] Clearing previous timeout`);
           window.clearTimeout(contentUpdateTimeout);
         }
         contentUpdateTimeout = window.setTimeout(() => {
-          console.log(`[input event #${updateCount}] Timeout fired`);
           const newContent = doc.body.innerHTML;
           if (newContent !== state2.content) {
-            console.log(`[input event #${updateCount}] Content changed, updating state`);
             state2.content = newContent;
-          } else {
-            console.log(`[input event #${updateCount}] Content unchanged`);
           }
           isUpdating = false;
         }, 100);
       },
       selectionchange: () => {
-        updateCount++;
-        console.log(`[selectionchange #${updateCount}] Starting, isUpdating:`, isUpdating);
-        if (isUpdating) {
-          console.log(`[selectionchange #${updateCount}] Skipped - already updating`);
-          return;
-        }
+        if (isUpdating) return;
         if (selectionUpdateTimeout) {
-          console.log(`[selectionchange #${updateCount}] Clearing previous timeout`);
           window.clearTimeout(selectionUpdateTimeout);
         }
         selectionUpdateTimeout = window.setTimeout(() => {
-          console.log(`[selectionchange #${updateCount}] Timeout fired`);
           if (!isUpdating) {
             updateState.selection();
-          } else {
-            console.log(`[selectionchange #${updateCount}] Skipped - still updating`);
           }
         }, 150);
       },
       mouseup: () => {
-        updateCount++;
-        console.log(`[mouseup #${updateCount}] Starting, isUpdating:`, isUpdating);
         if (isUpdating) return;
         updateState.selection();
       },
       keyup: (e) => {
-        updateCount++;
-        console.log(`[keyup #${updateCount}] Key:`, e.key, "isUpdating:", isUpdating);
         if (isUpdating) return;
         if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
           updateState.selection();
@@ -27885,10 +27824,8 @@ function useEditor() {
     };
     Object.entries(events).forEach(([event, handler]) => {
       doc.addEventListener(event, handler);
-      console.log("[setupEventListeners] Added listener for:", event);
     });
     cleanupListeners = () => {
-      console.log("[setupEventListeners] Cleaning up event listeners");
       if (contentUpdateTimeout) window.clearTimeout(contentUpdateTimeout);
       if (selectionUpdateTimeout) window.clearTimeout(selectionUpdateTimeout);
       Object.entries(events).forEach(([event, handler]) => {
@@ -27898,9 +27835,7 @@ function useEditor() {
     return cleanupListeners;
   }
   function init(doc) {
-    console.log("[init] Starting initialization");
     if (state2.hasInit) {
-      console.log("[init] Already initialized, cleaning up first");
       if (cleanupListeners) {
         cleanupListeners();
         cleanupListeners = null;
@@ -28092,9 +28027,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     });
     async function initEditor() {
       var _a2;
-      console.log("[initEditor] Starting, isInitializing:", isInitializing.value, "hasInitialized:", hasInitialized.value);
       if (isInitializing.value || !iframe.value || hasInitialized.value) {
-        console.log("[initEditor] Skipped - already initializing/initialized or no iframe");
         return;
       }
       isInitializing.value = true;
@@ -28122,10 +28055,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
 			</html>
 		`;
         const doc = iframe.value.contentDocument || ((_a2 = iframe.value.contentWindow) == null ? void 0 : _a2.document);
-        if (!doc) {
-          console.warn("[initEditor] No document found");
-          return;
-        }
+        if (!doc) return;
         doc.open();
         doc.write(htmlContent);
         doc.close();
@@ -28164,7 +28094,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         doc.body.focus();
         hasInitialized.value = true;
       } catch (error) {
-        console.error("[initEditor] Error during initialization:", error);
+        console.error("Error during editor initialization:", error);
       } finally {
         isInitializing.value = false;
       }
@@ -28172,7 +28102,6 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => props2.modelValue, (newValue, oldValue) => {
       if (newValue !== editor.state.content) {
         if (!oldValue || Math.abs(newValue.length - oldValue.length) > 50) {
-          console.log("[watch] Significant content change, resetting initialization state");
           hasInitialized.value = false;
           editor.state.content = newValue;
           editor.updateState.content("html");
@@ -28209,8 +28138,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 ref: iframe,
                 class: "editableContent",
                 title: "Editor",
+                srcdoc: "",
                 sandbox: "allow-same-origin allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-scripts allow-top-navigation allow-top-navigation-by-user-activation",
-                src: "about:blank",
                 onLoad: initEditor
               }, null, 544)
             ]),
@@ -28268,7 +28197,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-b58de58d"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-44cb2419"]]);
 const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$h = ["disabled"];
 const _hoisted_3$d = { key: 1 };

package/dist/index.mjs

@@ -27392,10 +27392,8 @@ function useCommands(state2, debug) {
   return {
     execute: (command, value) => {
       if (!state2.doc) return;
-      console.log("[useCommands.execute] Starting command execution:", command, value);
       debug == null ? void 0 : debug.logCommand(command, value);
       if (["splitView", "codeView", "fullScreen"].includes(command)) {
-        console.log("[useCommands.execute] Handling view state command:", command);
         switch (command) {
           case "splitView":
             state2.isSplitView = !state2.isSplitView;
@@ -27408,25 +27406,16 @@ function useCommands(state2, debug) {
             return;
         }
       }
-      console.log("[useCommands.execute] Focusing editor");
       state2.doc.body.focus();
-      console.log("[useCommands.execute] Executing command");
       executor.execute(command, value);
       const newContent = state2.doc.body.innerHTML;
-      console.log("[useCommands.execute] Checking content changes");
-      console.log("[useCommands.execute] Old content length:", state2.content.length);
-      console.log("[useCommands.execute] New content length:", newContent.length);
       if (newContent !== state2.content) {
-        console.log("[useCommands.execute] Content changed, updating state");
         state2.content = newContent;
       }
-      console.log("[useCommands.execute] Checking selection changes");
       const selection = state2.doc.getSelection();
       if (selection == null ? void 0 : selection.rangeCount) {
         const hasSelectionChanged = !state2.selection || state2.selection !== selection || state2.rangeCount !== selection.rangeCount;
-        console.log("[useCommands.execute] Selection changed:", hasSelectionChanged);
         if (hasSelectionChanged) {
-          console.log("[useCommands.execute] Updating selection state");
           state2.selection = selection;
           state2.range = selection.getRangeAt(0).cloneRange();
           state2.rangeCount = selection.rangeCount;
@@ -27623,7 +27612,6 @@ function useEditor() {
   const updateState = {
     styles: () => {
       if (!state2.doc) return;
-      console.log("[updateState.styles] Starting style update");
       const styles = /* @__PURE__ */ new Set();
       const styleTypes = [
         "bold",
@@ -27646,82 +27634,59 @@ function useEditor() {
           styles.add(style);
         }
       });
-      console.log("[updateState.styles] New styles:", Array.from(styles));
       state2.selectedStyles = styles;
     },
     content: (source) => {
       if (!state2.doc) return;
-      console.log("[updateState.content] Starting content update, source:", source);
       const currentContent = state2.doc.body.innerHTML;
-      console.log("[updateState.content] Current content length:", currentContent.length);
-      console.log("[updateState.content] State content length:", state2.content.length);
       if (currentContent !== state2.content) {
-        console.log("[updateState.content] Content changed, pushing to undo stack");
         state2.undoStack.push(state2.content);
         state2.redoStack = [];
       }
       const selection = state2.doc.getSelection();
       const range2 = (selection == null ? void 0 : selection.rangeCount) ? selection.getRangeAt(0).cloneRange() : null;
-      console.log("[updateState.content] Has selection:", !!selection, "Has range:", !!range2);
       if (source === "html") {
-        console.log("[updateState.content] Processing HTML content");
         const preserved = preserveIframes(state2.content);
-        console.log("[updateState.content] Preserved iframes count:", preserved.iframes.length);
         state2.doc.body.innerHTML = preserved.html;
         setTimeout(() => {
-          console.log("[updateState.content] Restoring iframes");
           if (state2.doc) {
             restoreIframes(state2.doc, state2.content, preserved.iframes);
             if (range2 && selection) {
               try {
                 selection.removeAllRanges();
                 selection.addRange(range2);
-                console.log("[updateState.content] Selection restored");
               } catch (e) {
-                console.warn("[updateState.content] Could not restore selection:", e);
               }
             }
           }
         }, 0);
       } else {
-        console.log("[updateState.content] Setting text content");
         state2.doc.body.textContent = state2.content;
       }
     },
     selection: () => {
       if (!state2.doc) return;
-      console.log("[updateState.selection] Starting selection update");
       const newSelection = state2.doc.getSelection();
       if (!newSelection) {
-        console.log("[updateState.selection] No selection available");
         return;
       }
       try {
         if (!state2.doc.body.contains(newSelection.anchorNode)) {
-          console.log("[updateState.selection] Selection outside editor body, refocusing");
           state2.doc.body.focus();
           return;
         }
         const hasSelectionChanged = !state2.selection || state2.selection !== newSelection || state2.rangeCount !== newSelection.rangeCount || newSelection.rangeCount > 0 && state2.range && (state2.range.startContainer !== newSelection.getRangeAt(0).startContainer || state2.range.startOffset !== newSelection.getRangeAt(0).startOffset || state2.range.endContainer !== newSelection.getRangeAt(0).endContainer || state2.range.endOffset !== newSelection.getRangeAt(0).endOffset);
-        console.log("[updateState.selection] Selection changed:", hasSelectionChanged);
         if (hasSelectionChanged) {
           state2.selection = newSelection;
           state2.rangeCount = newSelection.rangeCount;
           if (newSelection.rangeCount > 0) {
             state2.range = newSelection.getRangeAt(0).cloneRange();
-            console.log("[updateState.selection] New range:", {
-              startOffset: state2.range.startOffset,
-              endOffset: state2.range.endOffset,
-              collapsed: state2.range.collapsed
-            });
           }
           requestAnimationFrame(() => {
-            console.log("[updateState.selection] Updating styles in RAF");
             updateState.styles();
           });
         }
       } catch (e) {
-        console.warn("[updateState.selection] Selection error:", e);
         state2.selection = null;
         state2.range = null;
         state2.rangeCount = 0;
@@ -27811,70 +27776,44 @@ function useEditor() {
     }
   };
   function setupEventListeners(doc) {
-    console.log("[setupEventListeners] Starting setup");
     if (cleanupListeners) {
-      console.log("[setupEventListeners] Cleaning up existing listeners");
       cleanupListeners();
       cleanupListeners = null;
     }
     let isUpdating = false;
     let contentUpdateTimeout = null;
     let selectionUpdateTimeout = null;
-    let updateCount = 0;
     const events = {
       input: () => {
-        updateCount++;
-        console.log(`[input event #${updateCount}] Starting, isUpdating:`, isUpdating);
-        if (isUpdating) {
-          console.log(`[input event #${updateCount}] Skipped - already updating`);
-          return;
-        }
+        if (isUpdating) return;
         isUpdating = true;
         if (contentUpdateTimeout) {
-          console.log(`[input event #${updateCount}] Clearing previous timeout`);
           window.clearTimeout(contentUpdateTimeout);
         }
         contentUpdateTimeout = window.setTimeout(() => {
-          console.log(`[input event #${updateCount}] Timeout fired`);
           const newContent = doc.body.innerHTML;
           if (newContent !== state2.content) {
-            console.log(`[input event #${updateCount}] Content changed, updating state`);
             state2.content = newContent;
-          } else {
-            console.log(`[input event #${updateCount}] Content unchanged`);
           }
           isUpdating = false;
         }, 100);
       },
       selectionchange: () => {
-        updateCount++;
-        console.log(`[selectionchange #${updateCount}] Starting, isUpdating:`, isUpdating);
-        if (isUpdating) {
-          console.log(`[selectionchange #${updateCount}] Skipped - already updating`);
-          return;
-        }
+        if (isUpdating) return;
         if (selectionUpdateTimeout) {
-          console.log(`[selectionchange #${updateCount}] Clearing previous timeout`);
           window.clearTimeout(selectionUpdateTimeout);
         }
         selectionUpdateTimeout = window.setTimeout(() => {
-          console.log(`[selectionchange #${updateCount}] Timeout fired`);
           if (!isUpdating) {
             updateState.selection();
-          } else {
-            console.log(`[selectionchange #${updateCount}] Skipped - still updating`);
           }
         }, 150);
       },
       mouseup: () => {
-        updateCount++;
-        console.log(`[mouseup #${updateCount}] Starting, isUpdating:`, isUpdating);
         if (isUpdating) return;
         updateState.selection();
       },
       keyup: (e) => {
-        updateCount++;
-        console.log(`[keyup #${updateCount}] Key:`, e.key, "isUpdating:", isUpdating);
         if (isUpdating) return;
         if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
           updateState.selection();
@@ -27883,10 +27822,8 @@ function useEditor() {
     };
     Object.entries(events).forEach(([event, handler]) => {
       doc.addEventListener(event, handler);
-      console.log("[setupEventListeners] Added listener for:", event);
     });
     cleanupListeners = () => {
-      console.log("[setupEventListeners] Cleaning up event listeners");
       if (contentUpdateTimeout) window.clearTimeout(contentUpdateTimeout);
       if (selectionUpdateTimeout) window.clearTimeout(selectionUpdateTimeout);
       Object.entries(events).forEach(([event, handler]) => {
@@ -27896,9 +27833,7 @@ function useEditor() {
     return cleanupListeners;
   }
   function init(doc) {
-    console.log("[init] Starting initialization");
     if (state2.hasInit) {
-      console.log("[init] Already initialized, cleaning up first");
       if (cleanupListeners) {
         cleanupListeners();
         cleanupListeners = null;
@@ -28090,9 +28025,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     });
     async function initEditor() {
       var _a2;
-      console.log("[initEditor] Starting, isInitializing:", isInitializing.value, "hasInitialized:", hasInitialized.value);
       if (isInitializing.value || !iframe.value || hasInitialized.value) {
-        console.log("[initEditor] Skipped - already initializing/initialized or no iframe");
         return;
       }
       isInitializing.value = true;
@@ -28120,10 +28053,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 			</html>
 		`;
         const doc = iframe.value.contentDocument || ((_a2 = iframe.value.contentWindow) == null ? void 0 : _a2.document);
-        if (!doc) {
-          console.warn("[initEditor] No document found");
-          return;
-        }
+        if (!doc) return;
         doc.open();
         doc.write(htmlContent);
         doc.close();
@@ -28162,7 +28092,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         doc.body.focus();
         hasInitialized.value = true;
       } catch (error) {
-        console.error("[initEditor] Error during initialization:", error);
+        console.error("Error during editor initialization:", error);
       } finally {
         isInitializing.value = false;
       }
@@ -28170,7 +28100,6 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     watch(() => props2.modelValue, (newValue, oldValue) => {
       if (newValue !== editor.state.content) {
         if (!oldValue || Math.abs(newValue.length - oldValue.length) > 50) {
-          console.log("[watch] Significant content change, resetting initialization state");
           hasInitialized.value = false;
           editor.state.content = newValue;
           editor.updateState.content("html");
@@ -28207,8 +28136,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 ref: iframe,
                 class: "editableContent",
                 title: "Editor",
+                srcdoc: "",
                 sandbox: "allow-same-origin allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-scripts allow-top-navigation allow-top-navigation-by-user-activation",
-                src: "about:blank",
                 onLoad: initEditor
               }, null, 544)
             ]),
@@ -28266,7 +28195,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-b58de58d"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-44cb2419"]]);
 const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$h = ["disabled"];
 const _hoisted_3$d = { key: 1 };

package/dist/style.css

@@ -2058,26 +2058,26 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
 line-height: 1.65;
 }
 
-.rich-text-editor[data-v-b58de58d] {
+.rich-text-editor[data-v-44cb2419] {
 	background: var(--input-bg);
 	border: 1px solid var(--border-color);
 	transition: all 0.3s ease;
 }
-.editor-container[data-v-b58de58d] {
+.editor-container[data-v-44cb2419] {
 	display: flex;
 	gap: 1rem;
 }
-.content-area[data-v-b58de58d],
-.preview-area[data-v-b58de58d] {
+.content-area[data-v-44cb2419],
+.preview-area[data-v-44cb2419] {
 	flex: 1;
 	min-height: 200px;
 	background: var(--bgl-richtext-color);
 }
-.split-view[data-v-b58de58d] {
+.split-view[data-v-44cb2419] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 }
-.editableContent[data-v-b58de58d] {
+.editableContent[data-v-44cb2419] {
 	width: 100%;
 	min-height: 240px;
 	height: 100%;
@@ -2085,7 +2085,7 @@ line-height: 1.65;
 	outline: none;
 	background: transparent;
 }
-.html-editor[data-v-b58de58d] {
+.html-editor[data-v-44cb2419] {
 	width: 100%;
 	height: 100%;
 	min-height: 200px;
@@ -2096,12 +2096,12 @@ line-height: 1.65;
 	color: white;
 	background-color: var(--bgl-black);
 }
-.preview-area[data-v-b58de58d] {
+.preview-area[data-v-44cb2419] {
 	font-family: monospace;
 	white-space: pre-wrap;
 	overflow-x: auto;
 }
-.fullscreen-mode[data-v-b58de58d] {
+.fullscreen-mode[data-v-44cb2419] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -2110,18 +2110,18 @@ line-height: 1.65;
 	z-index: 9999;
 	padding: 2rem;
 }
-.fullscreen-mode .editor-container[data-v-b58de58d] {
+.fullscreen-mode .editor-container[data-v-44cb2419] {
 	height: calc(100vh - 4rem);
 }
-.fullscreen-mode .content-area[data-v-b58de58d],
-.fullscreen-mode .preview-area[data-v-b58de58d] {
+.fullscreen-mode .content-area[data-v-44cb2419],
+.fullscreen-mode .preview-area[data-v-44cb2419] {
 	height: 100%;
 	overflow-y: auto;
 }
-.fullscreen-mode .code-editor[data-v-b58de58d]{
+.fullscreen-mode .code-editor[data-v-44cb2419]{
 	height: 100% !important;
 }
-.debug-controls[data-v-b58de58d] {
+.debug-controls[data-v-44cb2419] {
 	display: flex;
 	gap: 0.5rem;
 	justify-content: flex-end;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1272",
+  "version": "0.0.1274",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/inputs/RichText/composables/useCommands.ts

@@ -9,14 +9,11 @@ export function useCommands(state: EditorState, debug?: { logCommand: (command:
 		execute: (command: string, value?: string) => {
 			if (!state.doc) return
 
-			console.log('[useCommands.execute] Starting command execution:', command, value)
-
 			// Log command if debug is enabled
 			debug?.logCommand(command, value)
 
 			// Handle view state commands directly
 			if (['splitView', 'codeView', 'fullScreen'].includes(command)) {
-				console.log('[useCommands.execute] Handling view state command:', command)
 				switch (command) {
 					case 'splitView':
 						state.isSplitView = !state.isSplitView
@@ -31,34 +28,25 @@ export function useCommands(state: EditorState, debug?: { logCommand: (command:
 			}
 
 			// Focus the editor before executing command
-			console.log('[useCommands.execute] Focusing editor')
 			state.doc.body.focus()
 
 			// Execute the command
-			console.log('[useCommands.execute] Executing command')
 			executor.execute(command, value)
 
 			// Update content state only if it has changed
 			const newContent = state.doc.body.innerHTML
-			console.log('[useCommands.execute] Checking content changes')
-			console.log('[useCommands.execute] Old content length:', state.content.length)
-			console.log('[useCommands.execute] New content length:', newContent.length)
 			if (newContent !== state.content) {
-				console.log('[useCommands.execute] Content changed, updating state')
 				state.content = newContent
 			}
 
 			// Update selection state if needed
-			console.log('[useCommands.execute] Checking selection changes')
 			const selection = state.doc.getSelection()
 			if (selection?.rangeCount) {
 				const hasSelectionChanged = !state.selection
 					|| state.selection !== selection
 					|| state.rangeCount !== selection.rangeCount
 
-				console.log('[useCommands.execute] Selection changed:', hasSelectionChanged)
 				if (hasSelectionChanged) {
-					console.log('[useCommands.execute] Updating selection state')
 					state.selection = selection
 					state.range = selection.getRangeAt(0).cloneRange()
 					state.rangeCount = selection.rangeCount

package/src/components/form/inputs/RichText/composables/useEditor.ts

@@ -58,7 +58,6 @@ export function useEditor() {
 	const updateState = {
 		styles: () => {
 			if (!state.doc) return
-			console.log('[updateState.styles] Starting style update')
 			const styles = new Set<string>()
 			const styleTypes = [
 				'bold',
@@ -81,19 +80,14 @@ export function useEditor() {
 					styles.add(style)
 				}
 			})
-			console.log('[updateState.styles] New styles:', Array.from(styles))
 			state.selectedStyles = styles
 		},
 		content: (source: 'html' | 'text') => {
 			if (!state.doc) return
-			console.log('[updateState.content] Starting content update, source:', source)
 
 			// Only push to undo stack if content has changed
 			const currentContent = state.doc.body.innerHTML
-			console.log('[updateState.content] Current content length:', currentContent.length)
-			console.log('[updateState.content] State content length:', state.content.length)
 			if (currentContent !== state.content) {
-				console.log('[updateState.content] Content changed, pushing to undo stack')
 				state.undoStack.push(state.content)
 				state.redoStack = []
 			}
@@ -101,18 +95,14 @@ export function useEditor() {
 			// Store current selection
 			const selection = state.doc.getSelection()
 			const range = selection?.rangeCount ? selection.getRangeAt(0).cloneRange() : null
-			console.log('[updateState.content] Has selection:', !!selection, 'Has range:', !!range)
 
 			if (source === 'html') {
-				console.log('[updateState.content] Processing HTML content')
 				// Preserve iframes before setting content
 				const preserved = preserveIframes(state.content)
-				console.log('[updateState.content] Preserved iframes count:', preserved.iframes.length)
 				state.doc.body.innerHTML = preserved.html
 
 				// Restore iframes after a short delay to ensure the document is ready
 				setTimeout(() => {
-					console.log('[updateState.content] Restoring iframes')
 					if (state.doc) {
 						restoreIframes(state.doc, state.content, preserved.iframes)
 
@@ -121,30 +111,24 @@ export function useEditor() {
 							try {
 								selection.removeAllRanges()
 								selection.addRange(range)
-								console.log('[updateState.content] Selection restored')
 							} catch (e) {
-								console.warn('[updateState.content] Could not restore selection:', e)
 							}
 						}
 					}
 				}, 0)
 			} else {
-				console.log('[updateState.content] Setting text content')
 				state.doc.body.textContent = state.content
 			}
 		},
 		selection: () => {
 			if (!state.doc) return
-			console.log('[updateState.selection] Starting selection update')
 			const newSelection = state.doc.getSelection()
 			if (!newSelection) {
-				console.log('[updateState.selection] No selection available')
 				return
 			}
 
 			try {
 				if (!state.doc.body.contains(newSelection.anchorNode)) {
-					console.log('[updateState.selection] Selection outside editor body, refocusing')
 					state.doc.body.focus()
 					return
 				}
@@ -160,28 +144,20 @@ export function useEditor() {
 						|| state.range.endOffset !== newSelection.getRangeAt(0).endOffset
 					))
 
-				console.log('[updateState.selection] Selection changed:', hasSelectionChanged)
 				if (hasSelectionChanged) {
 					state.selection = newSelection
 					state.rangeCount = newSelection.rangeCount
 
 					if (newSelection.rangeCount > 0) {
 						state.range = newSelection.getRangeAt(0).cloneRange()
-						console.log('[updateState.selection] New range:', {
-							startOffset: state.range.startOffset,
-							endOffset: state.range.endOffset,
-							collapsed: state.range.collapsed
-						})
 					}
 
 					// Update styles less frequently
 					requestAnimationFrame(() => {
-						console.log('[updateState.selection] Updating styles in RAF')
 						updateState.styles()
 					})
 				}
 			} catch (e) {
-				console.warn('[updateState.selection] Selection error:', e)
 				state.selection = null
 				state.range = null
 				state.rangeCount = 0
@@ -275,10 +251,8 @@ export function useEditor() {
 	}
 
 	function setupEventListeners(doc: Document) {
-		console.log('[setupEventListeners] Starting setup')
 		// Clean up existing listeners if they exist
 		if (cleanupListeners) {
-			console.log('[setupEventListeners] Cleaning up existing listeners')
 			cleanupListeners()
 			cleanupListeners = null
 		}
@@ -291,62 +265,43 @@ export function useEditor() {
 		const events = {
 			input: () => {
 				updateCount++
-				console.log(`[input event #${updateCount}] Starting, isUpdating:`, isUpdating)
-				if (isUpdating) {
-					console.log(`[input event #${updateCount}] Skipped - already updating`)
-					return
-				}
+				if (isUpdating) return
 				isUpdating = true
 
 				// Clear any pending content updates
 				if (contentUpdateTimeout) {
-					console.log(`[input event #${updateCount}] Clearing previous timeout`)
 					window.clearTimeout(contentUpdateTimeout)
 				}
 
 				contentUpdateTimeout = window.setTimeout(() => {
-					console.log(`[input event #${updateCount}] Timeout fired`)
 					const newContent = doc.body.innerHTML
 					if (newContent !== state.content) {
-						console.log(`[input event #${updateCount}] Content changed, updating state`)
 						state.content = newContent
-					} else {
-						console.log(`[input event #${updateCount}] Content unchanged`)
 					}
 					isUpdating = false
 				}, 100)
 			},
 			selectionchange: () => {
 				updateCount++
-				console.log(`[selectionchange #${updateCount}] Starting, isUpdating:`, isUpdating)
-				if (isUpdating) {
-					console.log(`[selectionchange #${updateCount}] Skipped - already updating`)
-					return
-				}
+				if (isUpdating) return
 
 				if (selectionUpdateTimeout) {
-					console.log(`[selectionchange #${updateCount}] Clearing previous timeout`)
 					window.clearTimeout(selectionUpdateTimeout)
 				}
 
 				selectionUpdateTimeout = window.setTimeout(() => {
-					console.log(`[selectionchange #${updateCount}] Timeout fired`)
 					if (!isUpdating) {
 						updateState.selection()
-					} else {
-						console.log(`[selectionchange #${updateCount}] Skipped - still updating`)
 					}
 				}, 150)
 			},
 			mouseup: () => {
 				updateCount++
-				console.log(`[mouseup #${updateCount}] Starting, isUpdating:`, isUpdating)
 				if (isUpdating) return
 				updateState.selection()
 			},
 			keyup: (e: KeyboardEvent) => {
 				updateCount++
-				console.log(`[keyup #${updateCount}] Key:`, e.key, 'isUpdating:', isUpdating)
 				if (isUpdating) return
 				if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key)) {
 					updateState.selection()
@@ -357,12 +312,10 @@ export function useEditor() {
 		// Only add listeners if they haven't been added yet
 		Object.entries(events).forEach(([event, handler]) => {
 			doc.addEventListener(event, handler as EventListener)
-			console.log('[setupEventListeners] Added listener for:', event)
 		})
 
 		// Store cleanup function
 		cleanupListeners = () => {
-			console.log('[setupEventListeners] Cleaning up event listeners')
 			if (contentUpdateTimeout) window.clearTimeout(contentUpdateTimeout)
 			if (selectionUpdateTimeout) window.clearTimeout(selectionUpdateTimeout)
 			Object.entries(events).forEach(([event, handler]) => {
@@ -374,9 +327,7 @@ export function useEditor() {
 	}
 
 	function init(doc: Document) {
-		console.log('[init] Starting initialization')
 		if (state.hasInit) {
-			console.log('[init] Already initialized, cleaning up first')
 			if (cleanupListeners) {
 				cleanupListeners()
 				cleanupListeners = null

package/src/components/form/inputs/RichText/index.vue

@@ -32,9 +32,7 @@ onUnmounted(() => {
 })
 
 async function initEditor() {
-	console.log('[initEditor] Starting, isInitializing:', isInitializing.value, 'hasInitialized:', hasInitialized.value)
 	if (isInitializing.value || !iframe.value || hasInitialized.value) {
-		console.log('[initEditor] Skipped - already initializing/initialized or no iframe')
 		return
 	}
 
@@ -69,10 +67,7 @@ async function initEditor() {
 
 		// Write the complete HTML document to the iframe
 		const doc = iframe.value.contentDocument || iframe.value.contentWindow?.document
-		if (!doc) {
-			console.warn('[initEditor] No document found')
-			return
-		}
+		if (!doc) return
 
 		// First write the content
 		doc.open()
@@ -122,7 +117,8 @@ async function initEditor() {
 		doc.body.focus()
 		hasInitialized.value = true
 	} catch (error) {
-		console.error('[initEditor] Error during initialization:', error)
+		// Keep only this error log for debugging critical issues
+		console.error('Error during editor initialization:', error)
 	} finally {
 		isInitializing.value = false
 	}
@@ -133,7 +129,6 @@ watch(() => props.modelValue, (newValue, oldValue) => {
 	if (newValue !== editor.state.content) {
 		// Only reset if content change is significant (not just minor edits)
 		if (!oldValue || Math.abs(newValue.length - oldValue.length) > 50) {
-			console.log('[watch] Significant content change, resetting initialization state')
 			hasInitialized.value = false
 			editor.state.content = newValue
 			editor.updateState.content('html')
@@ -164,8 +159,8 @@ watch(() => editor.state.content, (newValue) => {
 						ref="iframe"
 						class="editableContent"
 						title="Editor"
+						srcdoc=""
 						sandbox="allow-same-origin allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-scripts allow-top-navigation allow-top-navigation-by-user-activation"
-						src="about:blank"
 						@load="initEditor"
 					/>
 				</div>