@mhamz.01/easyflow-texteditor 0.1.152 → 0.1.154

package/dist/index.mjs

@@ -1338,6 +1338,80 @@ import Color from "@tiptap/extension-color";
 import { TableKit } from "@tiptap/extension-table";
 import { Dropcursor } from "@tiptap/extensions";
 
+// src/components/extensions/list-marker-color.tsx
+import { Extension } from "@tiptap/core";
+var ListMarkerColor = 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
 import { forwardRef as forwardRef2, Fragment as Fragment2, useMemo as useMemo4 } from "react";
 
@@ -1513,7 +1587,7 @@ import {
   Selection,
   TextSelection
 } from "@tiptap/pm/state";
-import { Extension } from "@tiptap/core";
+import { Extension as Extension2 } from "@tiptap/core";
 var MAX_FILE_SIZE = 5 * 1024 * 1024;
 var MAC_SYMBOLS = {
   mod: "\u2318",
@@ -1756,7 +1830,7 @@ var FONT_SIZES = [
   "56px",
   "64px"
 ];
-var FontSizeExtension = Extension.create({
+var FontSizeExtension = Extension2.create({
   name: "fontSize",
   addOptions() {
     return {
@@ -7323,7 +7397,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(),
@@ -7694,9 +7768,9 @@ function useCursorVisibility({
 }
 
 // src/components/extensions/font-family-block.ts
-import { Extension as Extension2 } from "@tiptap/core";
+import { Extension as Extension3 } from "@tiptap/core";
 import { Plugin, PluginKey } from "@tiptap/pm/state";
-var FontFamilyBlock = Extension2.create({
+var FontFamilyBlock = Extension3.create({
   name: "fontFamilyBlock",
   addGlobalAttributes() {
     return [
@@ -7724,7 +7798,7 @@ var FontFamilyBlock = Extension2.create({
     ];
   }
 });
-var ColorBlock = Extension2.create({
+var ColorBlock = Extension3.create({
   name: "colorBlock",
   addGlobalAttributes() {
     return [
@@ -7752,8 +7826,51 @@ var ColorBlock = Extension2.create({
     ];
   }
 });
+var ListMarkerColor2 = Extension3.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 PluginKey("stylePersistence");
-var StylePersistence = Extension2.create({
+var StylePersistence = Extension3.create({
   name: "stylePersistence",
   addOptions() {
     return {
@@ -8031,6 +8148,7 @@ function SimpleEditor() {
       Superscript,
       Subscript,
       Selection2,
+      ListMarkerColor,
       FontFamilyBlock,
       ColorBlock,
       StylePersistence,