@mhamz.01/easyflow-texteditor 0.1.152 → 0.1.154

package/dist/index.js

@@ -1400,6 +1400,80 @@ var import_extension_color = __toESM(require("@tiptap/extension-color"));
 var import_extension_table = require("@tiptap/extension-table");
 var import_extensions2 = require("@tiptap/extensions");
 
+// src/components/extensions/list-marker-color.tsx
+var import_core3 = require("@tiptap/core");
+var ListMarkerColor = import_core3.Extension.create({
+  name: "listMarkerColor",
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["listItem", "taskItem"],
+        attributes: {
+          // Inherit color attribute from ColorBlock extension
+        }
+      }
+    ];
+  },
+  addProseMirrorPlugins() {
+    return [];
+  },
+  // Add CSS to make markers inherit color
+  addOptions() {
+    return {
+      // CSS will be injected into the editor
+    };
+  },
+  onCreate() {
+    if (typeof document !== "undefined") {
+      const styleId = "tiptap-list-marker-color";
+      if (!document.getElementById(styleId)) {
+        const style = document.createElement("style");
+        style.id = styleId;
+        style.textContent = `
+          /* Bullet list markers inherit color */
+          .ProseMirror ul[data-type="bulletList"] > li[style*="color"]::marker,
+          .ProseMirror ul li[style*="color"]::marker {
+            color: inherit !important;
+          }
+
+          /* Ordered list numbers inherit color */
+          .ProseMirror ol[data-type="orderedList"] > li[style*="color"]::marker,
+          .ProseMirror ol li[style*="color"]::marker {
+            color: inherit !important;
+          }
+
+          /* Task list checkboxes inherit color */
+          .ProseMirror ul[data-type="taskList"] > li[style*="color"] > label > input[type="checkbox"],
+          .ProseMirror ul[data-type="taskList"] li[style*="color"] > label > input[type="checkbox"] {
+            accent-color: currentColor;
+          }
+
+          /* Alternative: Style the checkbox wrapper */
+          .ProseMirror ul[data-type="taskList"] > li[style*="color"] > label,
+          .ProseMirror ul[data-type="taskList"] li[style*="color"] > label {
+            color: inherit;
+          }
+
+          /* Ensure nested lists also inherit */
+          .ProseMirror li[style*="color"] ul > li::marker,
+          .ProseMirror li[style*="color"] ol > li::marker {
+            color: inherit !important;
+          }
+        `;
+        document.head.appendChild(style);
+      }
+    }
+  },
+  onDestroy() {
+    if (typeof document !== "undefined") {
+      const styleElement = document.getElementById("tiptap-list-marker-color");
+      if (styleElement) {
+        styleElement.remove();
+      }
+    }
+  }
+});
+
 // src/components/tiptap-ui-primitive/button/button.tsx
 var import_react12 = require("react");
 
@@ -1547,7 +1621,7 @@ TooltipContent2.displayName = "TooltipContent";
 
 // src/lib/tiptap-utils.ts
 var import_state = require("@tiptap/pm/state");
-var import_core3 = require("@tiptap/core");
+var import_core4 = require("@tiptap/core");
 var MAX_FILE_SIZE = 5 * 1024 * 1024;
 var MAC_SYMBOLS = {
   mod: "\u2318",
@@ -1790,7 +1864,7 @@ var FONT_SIZES = [
   "56px",
   "64px"
 ];
-var FontSizeExtension = import_core3.Extension.create({
+var FontSizeExtension = import_core4.Extension.create({
   name: "fontSize",
   addOptions() {
     return {
@@ -7349,7 +7423,7 @@ function ColorPicker({ type = "text" }) {
             {
               className: "flex flex-col gap-3",
               onMouseDown: (e) => e.stopPropagation(),
-              onMouseUp: (e) => e.stopPropagation(),
+              onMouseUp: ((e) => e.stopPropagation()),
               onPointerDown: (e) => e.stopPropagation(),
               onPointerUp: (e) => e.stopPropagation(),
               onClick: (e) => e.stopPropagation(),
@@ -7720,9 +7794,9 @@ function useCursorVisibility({
 }
 
 // src/components/extensions/font-family-block.ts
-var import_core4 = require("@tiptap/core");
+var import_core5 = require("@tiptap/core");
 var import_state5 = require("@tiptap/pm/state");
-var FontFamilyBlock = import_core4.Extension.create({
+var FontFamilyBlock = import_core5.Extension.create({
   name: "fontFamilyBlock",
   addGlobalAttributes() {
     return [
@@ -7750,7 +7824,7 @@ var FontFamilyBlock = import_core4.Extension.create({
     ];
   }
 });
-var ColorBlock = import_core4.Extension.create({
+var ColorBlock = import_core5.Extension.create({
   name: "colorBlock",
   addGlobalAttributes() {
     return [
@@ -7778,8 +7852,51 @@ var ColorBlock = import_core4.Extension.create({
     ];
   }
 });
+var ListMarkerColor2 = import_core5.Extension.create({
+  name: "listMarkerColor",
+  onCreate() {
+    if (typeof document !== "undefined") {
+      const styleId = "tiptap-list-marker-color";
+      if (!document.getElementById(styleId)) {
+        const style = document.createElement("style");
+        style.id = styleId;
+        style.textContent = `
+          /* Bullet list markers inherit color */
+          .ProseMirror ul > li[style*="color"]::marker {
+            color: inherit !important;
+          }
+
+          /* Ordered list numbers inherit color */
+          .ProseMirror ol > li[style*="color"]::marker {
+            color: inherit !important;
+          }
+
+          /* Task list checkboxes inherit color */
+          .ProseMirror ul[data-type="taskList"] > li[style*="color"] > label > input[type="checkbox"] {
+            accent-color: currentColor;
+          }
+
+          /* Ensure nested lists also inherit */
+          .ProseMirror li[style*="color"] ul > li::marker,
+          .ProseMirror li[style*="color"] ol > li::marker {
+            color: inherit !important;
+          }
+        `;
+        document.head.appendChild(style);
+      }
+    }
+  },
+  onDestroy() {
+    if (typeof document !== "undefined") {
+      const styleElement = document.getElementById("tiptap-list-marker-color");
+      if (styleElement) {
+        styleElement.remove();
+      }
+    }
+  }
+});
 var stylePersistenceKey = new import_state5.PluginKey("stylePersistence");
-var StylePersistence = import_core4.Extension.create({
+var StylePersistence = import_core5.Extension.create({
   name: "stylePersistence",
   addOptions() {
     return {
@@ -8057,6 +8174,7 @@ function SimpleEditor() {
       import_extension_superscript.Superscript,
       import_extension_subscript.Subscript,
       import_extensions.Selection,
+      ListMarkerColor,
       FontFamilyBlock,
       ColorBlock,
       StylePersistence,