@mhamz.01/easyflow-texteditor 0.1.32 → 0.1.36

package/dist/index.d.mts

@@ -25,12 +25,27 @@ interface EditorChangePayload {
     source: EditorChangeSource;
 }
 
+type TabContent$1 = any | null;
+interface EditorSubTab {
+    id: string;
+    title: string;
+    content: TabContent$1;
+}
+interface EditorTab {
+    id: string;
+    title: string;
+    content: TabContent$1;
+    subtabs: EditorSubTab[];
+}
+
 interface EditorProps {
     onChange?: (payload: EditorChangePayload) => void;
+    initialTabs?: EditorTab[];
+    onTabsChange?: (tabs: any[]) => void;
     className?: string;
     style?: React.CSSProperties;
 }
-declare function Editor({ onChange, className, style }: EditorProps): react_jsx_runtime.JSX.Element;
+declare function Editor({ onChange, className, style, onTabsChange, initialTabs }: EditorProps): react_jsx_runtime.JSX.Element;
 
 type UserRef<T> = ((instance: T | null) => void) | React.RefObject<T | null> | null | undefined;
 declare const useComposedRef: <T extends HTMLElement>(libRef: React.RefObject<T | null>, userRef: UserRef<T>) => (instance: T | null) => void;
@@ -251,19 +266,6 @@ declare function useEditorBridge(): EditorBridgeValue;
 
 declare const GRADIENT_ROWS_70: string[];
 
-type TabContent$1 = any | null;
-interface EditorSubTab {
-    id: string;
-    title: string;
-    content: TabContent$1;
-}
-interface EditorTab {
-    id: string;
-    title: string;
-    content: TabContent$1;
-    subtabs: EditorSubTab[];
-}
-
 type TabContent = any;
 declare function loadTabs(): EditorTab[];
 declare function saveTabs(tabs: EditorTab[]): void;

package/dist/index.d.ts

@@ -25,12 +25,27 @@ interface EditorChangePayload {
     source: EditorChangeSource;
 }
 
+type TabContent$1 = any | null;
+interface EditorSubTab {
+    id: string;
+    title: string;
+    content: TabContent$1;
+}
+interface EditorTab {
+    id: string;
+    title: string;
+    content: TabContent$1;
+    subtabs: EditorSubTab[];
+}
+
 interface EditorProps {
     onChange?: (payload: EditorChangePayload) => void;
+    initialTabs?: EditorTab[];
+    onTabsChange?: (tabs: any[]) => void;
     className?: string;
     style?: React.CSSProperties;
 }
-declare function Editor({ onChange, className, style }: EditorProps): react_jsx_runtime.JSX.Element;
+declare function Editor({ onChange, className, style, onTabsChange, initialTabs }: EditorProps): react_jsx_runtime.JSX.Element;
 
 type UserRef<T> = ((instance: T | null) => void) | React.RefObject<T | null> | null | undefined;
 declare const useComposedRef: <T extends HTMLElement>(libRef: React.RefObject<T | null>, userRef: UserRef<T>) => (instance: T | null) => void;
@@ -251,19 +266,6 @@ declare function useEditorBridge(): EditorBridgeValue;
 
 declare const GRADIENT_ROWS_70: string[];
 
-type TabContent$1 = any | null;
-interface EditorSubTab {
-    id: string;
-    title: string;
-    content: TabContent$1;
-}
-interface EditorTab {
-    id: string;
-    title: string;
-    content: TabContent$1;
-    subtabs: EditorSubTab[];
-}
-
 type TabContent = any;
 declare function loadTabs(): EditorTab[];
 declare function saveTabs(tabs: EditorTab[]): void;

package/dist/index.js

@@ -998,37 +998,9 @@ function useEditorBridge() {
   return ctx;
 }
 
-// src/lib/editorStorage.ts
-var STORAGE_KEY = "tiptap-tabs-v1";
-var ACTIVE_TAB_KEY = "tiptap-active-tab";
-function loadTabs() {
-  if (typeof window === "undefined") return [];
-  try {
-    const raw = localStorage.getItem("tiptap-tabs-v1");
-    if (!raw) return [];
-    const parsed = JSON.parse(raw);
-    if (!Array.isArray(parsed)) return [];
-    return parsed;
-  } catch {
-    return [];
-  }
-}
-function saveTabs(tabs) {
-  if (typeof window === "undefined") return;
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(tabs));
-}
-function loadActiveTab() {
-  if (typeof window === "undefined") return "1";
-  return localStorage.getItem(ACTIVE_TAB_KEY) ?? "1";
-}
-function saveActiveTab(id) {
-  if (typeof window === "undefined") return;
-  localStorage.setItem(ACTIVE_TAB_KEY, id);
-}
-
 // src/components/editorLayout/editorLayout.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function EditorLayout({ children, onChange }) {
+function EditorLayout({ children, onChange, initialTabs, onTabsChange }) {
   const [editor, setEditor] = (0, import_react3.useState)(null);
   const [tabs, setTabs] = (0, import_react3.useState)([]);
   const [activeTabId, setActiveTabId] = (0, import_react3.useState)("");
@@ -1062,18 +1034,17 @@ function EditorLayout({ children, onChange }) {
     [emitChangeDebounced, tabs, activeTabId, activeSubTabId]
   );
   (0, import_react3.useEffect)(() => {
-    const initialTabs = loadTabs();
-    if (initialTabs.length === 0) {
+    if (initialTabs?.length === 0) {
       setTabs([{ id: "1", title: "Tab 1", content: null, subtabs: [] }]);
       setActiveTabId("1");
     } else {
-      setTabs(initialTabs);
-      setActiveTabId(initialTabs[0].id);
+      setTabs(initialTabs ?? []);
+      setActiveTabId(initialTabs?.[0]?.id ?? "");
     }
-  }, []);
+  }, [initialTabs]);
   (0, import_react3.useEffect)(() => {
-    saveTabs(tabs);
-  }, [tabs]);
+    onTabsChange?.(tabs);
+  }, [tabs, onTabsChange]);
   const saveCurrentContent = (0, import_react3.useCallback)(() => {
     if (!editor) return tabs;
     const json = editor.getJSON();
@@ -1318,7 +1289,7 @@ var import_extension_superscript = require("@tiptap/extension-superscript");
 var import_extensions = require("@tiptap/extensions");
 var import_extension_text_style = require("@tiptap/extension-text-style");
 
-// ../node_modules/@tiptap/extension-document/dist/index.js
+// node_modules/@tiptap/extension-document/dist/index.js
 var import_core = require("@tiptap/core");
 var Document = import_core.Node.create({
   name: "doc",
@@ -1333,7 +1304,7 @@ var Document = import_core.Node.create({
 });
 var index_default = Document;
 
-// ../node_modules/@tiptap/extension-paragraph/dist/index.js
+// node_modules/@tiptap/extension-paragraph/dist/index.js
 var import_core2 = require("@tiptap/core");
 var Paragraph = import_core2.Node.create({
   name: "paragraph",
@@ -1384,7 +1355,7 @@ var Paragraph = import_core2.Node.create({
 });
 var index_default2 = Paragraph;
 
-// ../node_modules/@tiptap/extension-text/dist/index.js
+// node_modules/@tiptap/extension-text/dist/index.js
 var import_core3 = require("@tiptap/core");
 var Text = import_core3.Node.create({
   name: "text",
@@ -7781,8 +7752,8 @@ function SimpleEditor() {
 
 // src/components/editor/editor.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
-function Editor({ onChange, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EditorShell, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EditorLayout, { onChange, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SimpleEditor, {}) }) }) });
+function Editor({ onChange, className, style, onTabsChange, initialTabs }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EditorShell, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(EditorLayout, { onChange, initialTabs, onTabsChange, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SimpleEditor, {}) }) }) });
 }
 
 // src/hooks/use-scrolling.ts
@@ -7820,6 +7791,34 @@ function useScrolling(target, options = {}) {
   return isScrolling;
 }
 
+// src/lib/editorStorage.ts
+var STORAGE_KEY = "tiptap-tabs-v1";
+var ACTIVE_TAB_KEY = "tiptap-active-tab";
+function loadTabs() {
+  if (typeof window === "undefined") return [];
+  try {
+    const raw = localStorage.getItem("tiptap-tabs-v1");
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed;
+  } catch {
+    return [];
+  }
+}
+function saveTabs(tabs) {
+  if (typeof window === "undefined") return;
+  localStorage.setItem(STORAGE_KEY, JSON.stringify(tabs));
+}
+function loadActiveTab() {
+  if (typeof window === "undefined") return "1";
+  return localStorage.getItem(ACTIVE_TAB_KEY) ?? "1";
+}
+function saveActiveTab(id) {
+  if (typeof window === "undefined") return;
+  localStorage.setItem(ACTIVE_TAB_KEY, id);
+}
+
 // src/lib/local-image.ts
 function fileToBase64(file) {
   return new Promise((resolve, reject) => {