@tulip-systems/core 0.5.2 → 0.5.3

package/dist/components/common/icons.d.mts

@@ -1,5 +1,5 @@
 import { LucideIcon, LucideProps } from "lucide-react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime83 from "react/jsx-runtime";
 import * as react0 from "react";
 
 //#region src/components/common/icons.d.ts
@@ -54,7 +54,7 @@ declare const Icons: {
   home: react0.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react0.RefAttributes<SVGSVGElement>>;
   mail: react0.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react0.RefAttributes<SVGSVGElement>>;
   building: react0.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react0.RefAttributes<SVGSVGElement>>;
-  logo: (props: LucideProps) => react_jsx_runtime13.JSX.Element;
+  logo: (props: LucideProps) => react_jsx_runtime83.JSX.Element;
 };
 //#endregion
 export { Icon, Icons };

package/dist/components/common/status.d.mts

@@ -1,5 +1,5 @@
 import { ConfigWithIcon } from "../../lib/types/config.mjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 
 //#region src/components/common/status.d.ts
 /**
@@ -43,11 +43,11 @@ type StatusComponentProps<TStatus extends string> = {
 /**
  * Status column
  */
-declare function StatusField<TStatus extends string>(props: StatusComponentProps<TStatus>): react_jsx_runtime14.JSX.Element;
+declare function StatusField<TStatus extends string>(props: StatusComponentProps<TStatus>): react_jsx_runtime84.JSX.Element;
 /**
  * Status badge
  */
-declare function StatusBadge<TStatus extends string>(props: StatusComponentProps<TStatus>): react_jsx_runtime14.JSX.Element;
+declare function StatusBadge<TStatus extends string>(props: StatusComponentProps<TStatus>): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { CreateStatusComponentProps, StatusBadge, StatusField, createStatusConfig, createStatusVariants, findStatus };
 //# sourceMappingURL=status.d.mts.map

package/dist/components/editor/components/content.client.d.mts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime260 from "react/jsx-runtime";
+import * as react_jsx_runtime255 from "react/jsx-runtime";
 
 //#region src/components/editor/components/content.client.d.ts
-declare function EditorContent(): react_jsx_runtime260.JSX.Element;
+declare function EditorContent(): react_jsx_runtime255.JSX.Element;
 //#endregion
 export { EditorContent };
 //# sourceMappingURL=content.client.d.mts.map

package/dist/components/editor/components/editor.client.d.mts

@@ -1,6 +1,6 @@
 import { EditorExtensionsConfig, EditorExtensionsConfigResult } from "../lib/extensions.mjs";
 import { EditorJSONContent } from "../lib/types.mjs";
-import * as react_jsx_runtime261 from "react/jsx-runtime";
+import * as react_jsx_runtime260 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as react105 from "react";
 import { PropsWithChildren } from "react";
@@ -42,7 +42,7 @@ declare function Editor$1({
   variant,
   className,
   children
-}: EditorProps): react_jsx_runtime261.JSX.Element | null;
+}: EditorProps): react_jsx_runtime260.JSX.Element | null;
 //#endregion
 export { Editor$1 as Editor, EditorContext, EditorProps, editorVariants };
 //# sourceMappingURL=editor.client.d.mts.map

package/dist/components/editor/components/editor.client.mjs

@@ -2,7 +2,7 @@
 
 import { cn } from "../../../lib/utils/cn.mjs";
 import { editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig } from "../lib/extensions.mjs";
-import { editorProseVariants } from "../lib/variants.mjs";
+import { editorImageVariants, editorProseVariants } from "../lib/variants.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { createContext } from "react";
@@ -32,7 +32,7 @@ function Editor$1({ value, extensions, onUpdate, onBlur, disabled, variant, clas
 		immediatelyRender: false,
 		editorProps: {
 			transformPastedHTML: (html) => html.replace(/<img.*?>/g, ""),
-			attributes: { class: cn("editor-content text-sm max-w-full focus:outline-none", editorProseVariants(), className) }
+			attributes: { class: cn("editor-content text-sm max-w-full focus:outline-none", editorProseVariants(), editorImageVariants(), className) }
 		}
 	});
 	if (!editor) return null;

package/dist/components/editor/components/editor.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"editor.client.mjs","names":["Editor","editor"],"sources":["../../../../src/components/editor/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { Content, Editor as TiptapEditor, useEditor } from \"@tiptap/react\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { createContext, PropsWithChildren } from \"react\";\nimport {\n  EditorExtensionsConfig,\n  EditorExtensionsConfigResult,\n  editorExtensionsConfigToExtensions,\n  flattenEditorExtensionsConfig,\n} from \"../lib/extensions\";\nimport { EditorJSONContent } from \"../lib/types\";\nimport { editorProseVariants } from \"../lib/variants\";\n\n/**\n * Editor context\n */\ntype EditorContextValue = {\n  editor: TiptapEditor;\n  extensions: EditorExtensionsConfigResult;\n};\n\nexport const EditorContext = createContext({} as EditorContextValue);\n\n/**\n * Editor variants\n */\nexport const editorVariants = cva(\"\", {\n  variants: {\n    variant: {\n      default:\n        \"border-input rounded-lg border [&_.editor-content]:p-3 [&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50\",\n      table:\n        \"[&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50\",\n      preview: \"bg-transparent [&_.editor-content]:p-0 [&_.editor-content]:min-h-0\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\n/**\n * Editor context provider\n */\nexport type EditorProps = VariantProps<typeof editorVariants> &\n  PropsWithChildren<{\n    value?: Content;\n    extensions?: Partial<EditorExtensionsConfig>;\n    onUpdate?: (value: EditorJSONContent) => void;\n    onBlur?: (value: EditorJSONContent) => void;\n    disabled?: boolean;\n    className?: string;\n  }>;\n\nexport function Editor({\n  value,\n  extensions,\n  onUpdate,\n  onBlur,\n  disabled,\n  variant,\n  className,\n  children,\n}: EditorProps) {\n  const editor = useEditor({\n    extensions: editorExtensionsConfigToExtensions(extensions),\n    content: value,\n    onUpdate: ({ editor }) => onUpdate?.(editor.getJSON()),\n    onBlur: ({ editor }) => onBlur?.(editor.getJSON()),\n    editable: !disabled,\n    injectCSS: false,\n    immediatelyRender: false,\n    editorProps: {\n      transformPastedHTML: (html) => html.replace(/<img.*?>/g, \"\"),\n      attributes: {\n        class: cn(\"editor-content text-sm max-w-full focus:outline-none\", editorProseVariants(), className),\n      },\n    },\n  });\n\n  if (!editor) return null;\n\n  return (\n    <EditorContext.Provider\n      value={{\n        editor,\n        extensions: flattenEditorExtensionsConfig(extensions),\n      }}\n    >\n      <div className={editorVariants({ variant })}>{children}</div>\n    </EditorContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuBA,MAAa,gBAAgB,cAAc,EAAE,CAAuB;;;;AAKpE,MAAa,iBAAiB,IAAI,IAAI;CACpC,UAAU,EACR,SAAS;EACP,SACE;EACF,OACE;EACF,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAeF,SAAgBA,SAAO,EACrB,OACA,YACA,UACA,QACA,UACA,SACA,WACA,YACc;CACd,MAAM,SAAS,UAAU;EACvB,YAAY,mCAAmC,WAAW;EAC1D,SAAS;EACT,WAAW,EAAE,uBAAa,WAAWC,SAAO,SAAS,CAAC;EACtD,SAAS,EAAE,uBAAa,SAASA,SAAO,SAAS,CAAC;EAClD,UAAU,CAAC;EACX,WAAW;EACX,mBAAmB;EACnB,aAAa;GACX,sBAAsB,SAAS,KAAK,QAAQ,aAAa,GAAG;GAC5D,YAAY,EACV,OAAO,GAAG,wDAAwD,qBAAqB,EAAE,UAAU,EACpG;GACF;EACF,CAAC;AAEF,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,oBAAC,cAAc;EACb,OAAO;GACL;GACA,YAAY,8BAA8B,WAAW;GACtD;YAED,oBAAC;GAAI,WAAW,eAAe,EAAE,SAAS,CAAC;GAAG;IAAe;GACtC"}
+{"version":3,"file":"editor.client.mjs","names":["Editor","editor"],"sources":["../../../../src/components/editor/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { Content, Editor as TiptapEditor, useEditor } from \"@tiptap/react\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { createContext, PropsWithChildren } from \"react\";\nimport {\n  EditorExtensionsConfig,\n  EditorExtensionsConfigResult,\n  editorExtensionsConfigToExtensions,\n  flattenEditorExtensionsConfig,\n} from \"../lib/extensions\";\nimport { EditorJSONContent } from \"../lib/types\";\nimport { editorImageVariants, editorProseVariants } from \"../lib/variants\";\n\n/**\n * Editor context\n */\ntype EditorContextValue = {\n  editor: TiptapEditor;\n  extensions: EditorExtensionsConfigResult;\n};\n\nexport const EditorContext = createContext({} as EditorContextValue);\n\n/**\n * Editor variants\n */\nexport const editorVariants = cva(\"\", {\n  variants: {\n    variant: {\n      default:\n        \"border-input rounded-lg border [&_.editor-content]:p-3 [&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50\",\n      table:\n        \"[&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50\",\n      preview: \"bg-transparent [&_.editor-content]:p-0 [&_.editor-content]:min-h-0\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\n/**\n * Editor context provider\n */\nexport type EditorProps = VariantProps<typeof editorVariants> &\n  PropsWithChildren<{\n    value?: Content;\n    extensions?: Partial<EditorExtensionsConfig>;\n    onUpdate?: (value: EditorJSONContent) => void;\n    onBlur?: (value: EditorJSONContent) => void;\n    disabled?: boolean;\n    className?: string;\n  }>;\n\nexport function Editor({\n  value,\n  extensions,\n  onUpdate,\n  onBlur,\n  disabled,\n  variant,\n  className,\n  children,\n}: EditorProps) {\n  const editor = useEditor({\n    extensions: editorExtensionsConfigToExtensions(extensions),\n    content: value,\n    onUpdate: ({ editor }) => onUpdate?.(editor.getJSON()),\n    onBlur: ({ editor }) => onBlur?.(editor.getJSON()),\n    editable: !disabled,\n    injectCSS: false,\n    immediatelyRender: false,\n    editorProps: {\n      transformPastedHTML: (html) => html.replace(/<img.*?>/g, \"\"),\n      attributes: {\n        class: cn(\n          \"editor-content text-sm max-w-full focus:outline-none\",\n          editorProseVariants(),\n          editorImageVariants(),\n          className,\n        ),\n      },\n    },\n  });\n\n  if (!editor) return null;\n\n  return (\n    <EditorContext.Provider\n      value={{\n        editor,\n        extensions: flattenEditorExtensionsConfig(extensions),\n      }}\n    >\n      <div className={editorVariants({ variant })}>{children}</div>\n    </EditorContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuBA,MAAa,gBAAgB,cAAc,EAAE,CAAuB;;;;AAKpE,MAAa,iBAAiB,IAAI,IAAI;CACpC,UAAU,EACR,SAAS;EACP,SACE;EACF,OACE;EACF,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAeF,SAAgBA,SAAO,EACrB,OACA,YACA,UACA,QACA,UACA,SACA,WACA,YACc;CACd,MAAM,SAAS,UAAU;EACvB,YAAY,mCAAmC,WAAW;EAC1D,SAAS;EACT,WAAW,EAAE,uBAAa,WAAWC,SAAO,SAAS,CAAC;EACtD,SAAS,EAAE,uBAAa,SAASA,SAAO,SAAS,CAAC;EAClD,UAAU,CAAC;EACX,WAAW;EACX,mBAAmB;EACnB,aAAa;GACX,sBAAsB,SAAS,KAAK,QAAQ,aAAa,GAAG;GAC5D,YAAY,EACV,OAAO,GACL,wDACA,qBAAqB,EACrB,qBAAqB,EACrB,UACD,EACF;GACF;EACF,CAAC;AAEF,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,oBAAC,cAAc;EACb,OAAO;GACL;GACA,YAAY,8BAA8B,WAAW;GACtD;YAED,oBAAC;GAAI,WAAW,eAAe,EAAE,SAAS,CAAC;GAAG;IAAe;GACtC"}

package/dist/components/editor/components/menu.client.d.mts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime262 from "react/jsx-runtime";
+import * as react_jsx_runtime261 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { BubbleMenu } from "@tiptap/react/menus";
 
 //#region src/components/editor/components/menu.client.d.ts
-declare function EditorMenuFixed(props: React.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
-declare function EditorMenuBubble(props: ComponentProps<typeof BubbleMenu>): react_jsx_runtime262.JSX.Element;
+declare function EditorMenuFixed(props: React.ComponentProps<"div">): react_jsx_runtime261.JSX.Element;
+declare function EditorMenuBubble(props: ComponentProps<typeof BubbleMenu>): react_jsx_runtime261.JSX.Element;
 //#endregion
 export { EditorMenuBubble, EditorMenuFixed };
 //# sourceMappingURL=menu.client.d.mts.map

package/dist/components/editor/components/menu.client.mjs

@@ -160,6 +160,9 @@ function EditorMenuColor() {
 		]
 	});
 }
+/**
+* Editor menu image
+*/
 
 //#endregion
 export { EditorMenuBubble, EditorMenuFixed };

package/dist/components/editor/components/menu.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu.client.mjs","names":[],"sources":["../../../../src/components/editor/components/menu.client.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { ColorPicker } from \"@/components/ui/color-picker.client\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/entry\";\nimport { BubbleMenu } from \"@tiptap/react/menus\";\nimport {\n  BaselineIcon,\n  BoldIcon,\n  EraserIcon,\n  ItalicIcon,\n  PaintBucketIcon,\n  RedoIcon,\n  StrikethroughIcon,\n  UnderlineIcon,\n  UndoIcon,\n} from \"lucide-react\";\nimport { ComponentProps, PropsWithChildren, useContext } from \"react\";\nimport { EditorContext } from \"./editor.client\";\nimport { EditorMenuNodes } from \"./menu-nodes.client\";\n\nexport function EditorMenuFixed(props: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\"border-input bg-muted/30 z-10 overflow-auto border-b p-2\", props.className)}\n    >\n      <EditorMenuContent>\n        <EditorMenuUndoRedo />\n        <EditorMenuNodes />\n        <EditorMenuMarks />\n        <EditorMenuColor />\n      </EditorMenuContent>\n    </div>\n  );\n}\n\nexport function EditorMenuBubble(props: ComponentProps<typeof BubbleMenu>) {\n  const { editor } = useContext(EditorContext);\n\n  return (\n    <BubbleMenu\n      {...props}\n      editor={editor}\n      options={{ ...props.options, strategy: \"fixed\" }}\n      className={cn(\"border-input bg-muted z-10 rounded-lg border p-2\", props.className)}\n    >\n      <EditorMenuContent>\n        <EditorMenuMarks />\n      </EditorMenuContent>\n    </BubbleMenu>\n  );\n}\n\nfunction EditorMenuContent(props: PropsWithChildren) {\n  return <div className=\"flex items-center gap-6\">{props.children}</div>;\n}\n\n/**\n * Editor menu undo/redo\n */\nfunction EditorMenuUndoRedo() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.undoRedo) return null;\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Button\n        onClick={() => editor.commands.undo()}\n        disabled={!editor?.can().undo()}\n        type=\"button\"\n        aria-label=\"Undo\"\n        size=\"icon\"\n        className=\"p-2\"\n        variant=\"outline\"\n      >\n        <UndoIcon className=\"size-3.5\" />\n      </Button>\n\n      <Button\n        onClick={() => editor.commands.redo()}\n        disabled={!editor?.can().redo()}\n        type=\"button\"\n        aria-label=\"Redo\"\n        size=\"icon\"\n        className=\"p-2\"\n        variant=\"outline\"\n      >\n        <RedoIcon className=\"size-3.5\" />\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Editor menu marks\n */\nfunction EditorMenuMarks() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.bold && !extensions.italic && !extensions.underline && !extensions.strike) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {extensions.bold && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"bold\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleBold().run()}\n          className=\"border\"\n        >\n          <BoldIcon className=\"h-3.5 w-3.5\" />\n        </Button>\n      )}\n\n      {extensions.italic && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"italic\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleItalic().run()}\n          className=\"border\"\n        >\n          <ItalicIcon className=\"size-3.5\" />\n        </Button>\n      )}\n\n      {extensions.underline && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"underline\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleUnderline().run()}\n          className=\"border\"\n        >\n          <UnderlineIcon className=\"size-3.5\" />\n        </Button>\n      )}\n\n      {extensions.strike && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"strike\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleStrike().run()}\n          className=\"border\"\n        >\n          <StrikethroughIcon className=\"size-3.5\" />\n        </Button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Editor menu alignment\n */\nfunction EditorMenuColor() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.color && !extensions.highlight) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {extensions.color && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\">\n              <BaselineIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker onValueChange={(color) => editor.chain().focus().setColor(color).run()} />\n          </PopoverContent>\n        </Popover>\n      )}\n\n      {extensions.highlight && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\" disabled={!editor?.can().setHighlight()}>\n              <PaintBucketIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker\n              onValueChange={(color) => editor.chain().focus().setHighlight({ color }).run()}\n            />\n          </PopoverContent>\n        </Popover>\n      )}\n\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"outline\"\n        className=\"border\"\n        onClick={() => {\n          editor.commands.unsetColor();\n          editor.commands.unsetHighlight();\n        }}\n      >\n        <EraserIcon className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"menu.client.mjs","names":[],"sources":["../../../../src/components/editor/components/menu.client.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { ColorPicker } from \"@/components/ui/color-picker.client\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/entry\";\nimport { BubbleMenu } from \"@tiptap/react/menus\";\nimport {\n  BaselineIcon,\n  BoldIcon,\n  EraserIcon,\n  ItalicIcon,\n  PaintBucketIcon,\n  RedoIcon,\n  StrikethroughIcon,\n  UnderlineIcon,\n  UndoIcon,\n} from \"lucide-react\";\nimport { ComponentProps, PropsWithChildren, useContext } from \"react\";\nimport { EditorContext } from \"./editor.client\";\nimport { EditorMenuNodes } from \"./menu-nodes.client\";\n\nexport function EditorMenuFixed(props: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\"border-input bg-muted/30 z-10 overflow-auto border-b p-2\", props.className)}\n    >\n      <EditorMenuContent>\n        <EditorMenuUndoRedo />\n        <EditorMenuNodes />\n        <EditorMenuMarks />\n        <EditorMenuColor />\n      </EditorMenuContent>\n    </div>\n  );\n}\n\nexport function EditorMenuBubble(props: ComponentProps<typeof BubbleMenu>) {\n  const { editor } = useContext(EditorContext);\n\n  return (\n    <BubbleMenu\n      {...props}\n      editor={editor}\n      options={{ ...props.options, strategy: \"fixed\" }}\n      className={cn(\"border-input bg-muted z-10 rounded-lg border p-2\", props.className)}\n    >\n      <EditorMenuContent>\n        <EditorMenuMarks />\n      </EditorMenuContent>\n    </BubbleMenu>\n  );\n}\n\nfunction EditorMenuContent(props: PropsWithChildren) {\n  return <div className=\"flex items-center gap-6\">{props.children}</div>;\n}\n\n/**\n * Editor menu undo/redo\n */\nfunction EditorMenuUndoRedo() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.undoRedo) return null;\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Button\n        onClick={() => editor.commands.undo()}\n        disabled={!editor?.can().undo()}\n        type=\"button\"\n        aria-label=\"Undo\"\n        size=\"icon\"\n        className=\"p-2\"\n        variant=\"outline\"\n      >\n        <UndoIcon className=\"size-3.5\" />\n      </Button>\n\n      <Button\n        onClick={() => editor.commands.redo()}\n        disabled={!editor?.can().redo()}\n        type=\"button\"\n        aria-label=\"Redo\"\n        size=\"icon\"\n        className=\"p-2\"\n        variant=\"outline\"\n      >\n        <RedoIcon className=\"size-3.5\" />\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Editor menu marks\n */\nfunction EditorMenuMarks() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.bold && !extensions.italic && !extensions.underline && !extensions.strike) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {extensions.bold && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"bold\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleBold().run()}\n          className=\"border\"\n        >\n          <BoldIcon className=\"h-3.5 w-3.5\" />\n        </Button>\n      )}\n\n      {extensions.italic && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"italic\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleItalic().run()}\n          className=\"border\"\n        >\n          <ItalicIcon className=\"size-3.5\" />\n        </Button>\n      )}\n\n      {extensions.underline && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"underline\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleUnderline().run()}\n          className=\"border\"\n        >\n          <UnderlineIcon className=\"size-3.5\" />\n        </Button>\n      )}\n\n      {extensions.strike && (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"strike\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleStrike().run()}\n          className=\"border\"\n        >\n          <StrikethroughIcon className=\"size-3.5\" />\n        </Button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Editor menu alignment\n */\nfunction EditorMenuColor() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  if (!extensions.color && !extensions.highlight) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {extensions.color && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\">\n              <BaselineIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker onValueChange={(color) => editor.chain().focus().setColor(color).run()} />\n          </PopoverContent>\n        </Popover>\n      )}\n\n      {extensions.highlight && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\" disabled={!editor?.can().setHighlight()}>\n              <PaintBucketIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker\n              onValueChange={(color) => editor.chain().focus().setHighlight({ color }).run()}\n            />\n          </PopoverContent>\n        </Popover>\n      )}\n\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"outline\"\n        className=\"border\"\n        onClick={() => {\n          editor.commands.unsetColor();\n          editor.commands.unsetHighlight();\n        }}\n      >\n        <EraserIcon className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Editor menu image\n */\n// function EditorMenuImage() {\n//   const { editor, extensions } = useContext(EditorContext);\n\n//   if (!extensions.image) return null;\n\n//   return (\n//     <div className=\"flex items-center gap-1\">\n//       {extensions.image && (\n//         <Button\n//           type=\"button\"\n//           size=\"icon\"\n//           variant=\"outline\"\n//           onClick={() => editor.chain().focus().downloadImage().run()}\n//           disabled={!editor?.can().downloadImage()}\n//           className=\"border\"\n//         >\n//           <DownloadIcon className=\"size-3.5\" />\n//         </Button>\n//       )}\n//     </div>\n//   );\n// }\n"],"mappings":"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"}

package/dist/components/editor/extensions/file-handler/extension.d.mts

@@ -0,0 +1,21 @@
+import { FileHandlerOptions } from "@tiptap/extension-file-handler";
+import "@tiptap/core";
+
+//#region src/components/editor/extensions/file-handler/extension.d.ts
+interface FileHandlerOptions$1 extends FileHandlerOptions {
+  /**
+   * Callback function invoked when a image reference is removed from the editor. Receives the node ID of the removed node.
+   * @type {(nodeId: string) => void}
+   * @default undefined
+   **/
+  onReferenceRemoved?: (nodeId: string) => void;
+  /**
+   * Callback function invoked when a image reference is added to the editor. Receives the node ID of the added node.
+   * @type {(nodeId: string) => void}
+   * @default undefined
+   **/
+  onReferenceAdded?: (nodeId: string) => void;
+}
+//#endregion
+export { FileHandlerOptions$1 as FileHandlerOptions };
+//# sourceMappingURL=extension.d.mts.map

package/dist/components/editor/extensions/file-handler/extension.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.d.mts","names":[],"sources":["../../../../../src/components/editor/extensions/file-handler/extension.ts"],"sourcesContent":[],"mappings":";;;;UASiB,oBAAA,SAA2B;;;AAA5C"}

package/dist/components/editor/extensions/file-handler/extension.mjs

@@ -0,0 +1,40 @@
+"use client";
+
+import { collectImageIds, diffIds } from "./utils.mjs";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { FileHandler } from "@tiptap/extension-file-handler";
+
+//#region src/components/editor/extensions/file-handler/extension.ts
+/**
+* File Handler extension for Tiptap Editor
+*/
+const FileHandler$1 = FileHandler.extend({
+	addOptions() {
+		return {
+			...this.parent?.(),
+			onReferenceRemoved: void 0,
+			onReferenceAdded: void 0
+		};
+	},
+	addProseMirrorPlugins() {
+		const parent = this.parent?.() ?? [];
+		const key = new PluginKey("fileHandlerItemTracker");
+		return [...parent, new Plugin({
+			key,
+			appendTransaction: (trs, oldState, newState) => {
+				if (!trs.some((tr) => tr.docChanged)) return null;
+				const onReferenceRemoved = this.options.onReferenceRemoved;
+				const onReferenceAdded = this.options.onReferenceAdded;
+				if (!onReferenceRemoved && !onReferenceAdded) return null;
+				const { removed, added } = diffIds(collectImageIds(oldState.doc), collectImageIds(newState.doc));
+				for (const id of removed) onReferenceRemoved?.(id);
+				for (const id of added) onReferenceAdded?.(id);
+				return null;
+			}
+		})];
+	}
+});
+
+//#endregion
+export { FileHandler$1 as FileHandler };
+//# sourceMappingURL=extension.mjs.map

package/dist/components/editor/extensions/file-handler/extension.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.mjs","names":["FileHandler","TiptapFileHandler"],"sources":["../../../../../src/components/editor/extensions/file-handler/extension.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  FileHandler as TiptapFileHandler,\n  FileHandlerOptions as TiptapFileHandlerOptions,\n} from \"@tiptap/extension-file-handler\";\nimport { Plugin, PluginKey } from \"@tiptap/pm/state\";\nimport { collectImageIds, diffIds } from \"./utils\";\n\nexport interface FileHandlerOptions extends TiptapFileHandlerOptions {\n  /**\n   * Callback function invoked when a image reference is removed from the editor. Receives the node ID of the removed node.\n   * @type {(nodeId: string) => void}\n   * @default undefined\n   **/\n  onReferenceRemoved?: (nodeId: string) => void;\n\n  /**\n   * Callback function invoked when a image reference is added to the editor. Receives the node ID of the added node.\n   * @type {(nodeId: string) => void}\n   * @default undefined\n   **/\n  onReferenceAdded?: (nodeId: string) => void;\n}\n\n/**\n * File Handler extension for Tiptap Editor\n */\nexport const FileHandler = TiptapFileHandler.extend<FileHandlerOptions>({\n  addOptions() {\n    return {\n      ...this.parent?.(),\n      onReferenceRemoved: undefined,\n      onReferenceAdded: undefined,\n    };\n  },\n  addProseMirrorPlugins() {\n    const parent = this.parent?.() ?? [];\n    const key = new PluginKey(\"fileHandlerItemTracker\");\n\n    return [\n      ...parent,\n      new Plugin({\n        key,\n        appendTransaction: (trs, oldState, newState) => {\n          if (!trs.some((tr) => tr.docChanged)) return null;\n\n          const onReferenceRemoved = this.options.onReferenceRemoved;\n          const onReferenceAdded = this.options.onReferenceAdded;\n          if (!onReferenceRemoved && !onReferenceAdded) return null;\n\n          const before = collectImageIds(oldState.doc);\n          const after = collectImageIds(newState.doc);\n          const { removed, added } = diffIds(before, after);\n\n          for (const id of removed) {\n            onReferenceRemoved?.(id);\n          }\n\n          for (const id of added) {\n            onReferenceAdded?.(id);\n          }\n\n          return null;\n        },\n      }),\n    ];\n  },\n});\n"],"mappings":";;;;;;;;;;AA4BA,MAAaA,gBAAcC,YAAkB,OAA2B;CACtE,aAAa;AACX,SAAO;GACL,GAAG,KAAK,UAAU;GAClB,oBAAoB;GACpB,kBAAkB;GACnB;;CAEH,wBAAwB;EACtB,MAAM,SAAS,KAAK,UAAU,IAAI,EAAE;EACpC,MAAM,MAAM,IAAI,UAAU,yBAAyB;AAEnD,SAAO,CACL,GAAG,QACH,IAAI,OAAO;GACT;GACA,oBAAoB,KAAK,UAAU,aAAa;AAC9C,QAAI,CAAC,IAAI,MAAM,OAAO,GAAG,WAAW,CAAE,QAAO;IAE7C,MAAM,qBAAqB,KAAK,QAAQ;IACxC,MAAM,mBAAmB,KAAK,QAAQ;AACtC,QAAI,CAAC,sBAAsB,CAAC,iBAAkB,QAAO;IAIrD,MAAM,EAAE,SAAS,UAAU,QAFZ,gBAAgB,SAAS,IAAI,EAC9B,gBAAgB,SAAS,IAAI,CACM;AAEjD,SAAK,MAAM,MAAM,QACf,sBAAqB,GAAG;AAG1B,SAAK,MAAM,MAAM,MACf,oBAAmB,GAAG;AAGxB,WAAO;;GAEV,CAAC,CACH;;CAEJ,CAAC"}

package/dist/components/editor/extensions/file-handler/strategy.d.mts

@@ -0,0 +1,29 @@
+import { FileHandlerOptions } from "./extension.mjs";
+import { SelectNodeSchema, UploadFileSchema } from "../../../../modules/storage/lib/validators.mjs";
+import "../../../../storage.mjs";
+import { UploadClient, UploadHooks } from "../../../../modules/storage/lib/create-upload.client.mjs";
+import "../../../../storage/client.mjs";
+
+//#region src/components/editor/extensions/file-handler/strategy.d.ts
+/**
+ * Handle File Handler props
+ */
+type CreateFileHandlerUploadStrategyProps = {
+  variables: Pick<UploadFileSchema, "namespace" | "parentId" | "mode" | "hidden" | "readonly">;
+  uploadClient: UploadClient;
+  uploadHooks?: UploadHooks;
+  allowedMimeTypes?: string[];
+  onUploadCompleted?: (node: SelectNodeSchema) => Promise<void> | void;
+  onUploadFailed?: (error: unknown) => Promise<void> | void;
+};
+declare function createFileHandlerUploadStrategy({
+  variables,
+  uploadClient,
+  uploadHooks,
+  onUploadCompleted,
+  onUploadFailed,
+  allowedMimeTypes
+}: CreateFileHandlerUploadStrategyProps): FileHandlerOptions;
+//#endregion
+export { createFileHandlerUploadStrategy };
+//# sourceMappingURL=strategy.d.mts.map

package/dist/components/editor/extensions/file-handler/strategy.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strategy.d.mts","names":[],"sources":["../../../../../src/components/editor/extensions/file-handler/strategy.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KASK,oCAAA;EAAA,SAAA,EACQ,IADR,CACa,gBADb,EAAA,WAAoC,GAAA,UAAA,GAAA,MAAA,GAAA,QAAA,GAAA,UAAA,CAAA;EACvB,YAAA,EACF,YADE;EAAL,WAAA,CAAA,EAEG,WAFH;EACG,gBAAA,CAAA,EAAA,MAAA,EAAA;EACA,iBAAA,CAAA,EAAA,CAAA,IAAA,EAEa,gBAFb,EAAA,GAEkC,OAFlC,CAAA,IAAA,CAAA,GAAA,IAAA;EAEa,cAAA,CAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,GACU,OADV,CAAA,IAAA,CAAA,GAAA,IAAA;CAAqB;AACX,iBAGvB,+BAAA,CAHuB;EAAA,SAAA;EAAA,YAAA;EAAA,WAAA;EAAA,iBAAA;EAAA,cAAA;EAAA;AAAA,CAAA,EAUpC,oCAVoC,CAAA,EAUG,kBAVH"}

package/dist/components/editor/extensions/file-handler/strategy.mjs

@@ -0,0 +1,111 @@
+import { TextSelection } from "@tiptap/pm/state";
+
+//#region src/components/editor/extensions/file-handler/strategy.ts
+function createFileHandlerUploadStrategy({ variables, uploadClient, uploadHooks, onUploadCompleted, onUploadFailed, allowedMimeTypes }) {
+	const handleUpload = async (editor, files, startPos) => {
+		const insertPos = startPos;
+		for (const file of files) {
+			/**
+			* Prepare upload
+			*/
+			const input = uploadClient.prepareUpload({
+				file,
+				...variables
+			});
+			const imageType = editor.schema.nodes.image;
+			if (!imageType) {
+				console.error("Image type not found");
+				return;
+			}
+			try {
+				/**
+				* Create skeleton node
+				*/
+				const skeletonNode = editor.schema.nodes.skeleton?.create({
+					imageNodeId: input.id,
+					width: 500,
+					height: 500
+				});
+				/**
+				* Insert skeleton node into the document
+				*/
+				if (skeletonNode) {
+					const tr = editor.state.tr.insert(insertPos, skeletonNode);
+					tr.setSelection(TextSelection.create(tr.doc, insertPos + skeletonNode.nodeSize));
+					tr.setMeta("addToHistory", false);
+					editor.view.dispatch(tr);
+				}
+				/**
+				* Upload the file
+				*/
+				const fileNode = await uploadClient.upload(input, uploadHooks);
+				/**
+				* Replace skeleton with image node
+				*/
+				const replacedTr = editor.state.tr;
+				let replaced = false;
+				replacedTr.doc.descendants((node, pos) => {
+					if (node.type.name === "skeleton" && node.attrs?.imageNodeId === input.id) {
+						const imageNode = imageType.create({
+							nodeId: fileNode.id,
+							alt: file.name,
+							fileName: file.name,
+							width: node.attrs.width ?? 500
+						});
+						replacedTr.replaceWith(pos, pos + node.nodeSize, imageNode);
+						replaced = true;
+						return false;
+					}
+				});
+				if (replaced) editor.view.dispatch(replacedTr);
+				else {
+					const tr = editor.state.tr;
+					const imageNode = imageType.create({
+						nodeId: fileNode.id,
+						alt: file.name,
+						fileName: file.name,
+						width: 500
+					});
+					tr.insert(insertPos, imageNode);
+					editor.view.dispatch(tr);
+				}
+				await onUploadCompleted?.(fileNode);
+			} catch (err) {
+				console.error("Upload error:", err);
+				/**
+				* Remove the pending image node from the document
+				*/
+				const tr = editor.state.tr;
+				tr.doc.descendants((node, pos) => {
+					if (node.type.name === "image" && node.attrs?.nodeId === input.id) {
+						tr.delete(pos, pos + node.nodeSize);
+						return false;
+					}
+				});
+				editor.view.dispatch(tr);
+				await onUploadFailed?.(err);
+			}
+		}
+	};
+	return {
+		allowedMimeTypes,
+		onDrop: async (editor, files, pos) => {
+			await handleUpload(editor, files, pos);
+		},
+		onPaste: async (editor, files, htmlContent) => {
+			if (htmlContent?.length) return;
+			const startPos = editor.state.selection.anchor;
+			await handleUpload(editor, files, startPos);
+		},
+		onReferenceRemoved: async (nodeId) => {
+			await uploadClient.updateNode(nodeId, { orphanedAt: /* @__PURE__ */ new Date() });
+		},
+		onReferenceAdded: async (nodeId) => {
+			await uploadClient.updateNode(nodeId, { orphanedAt: null });
+		}
+	};
+}
+
+//#endregion
+export { createFileHandlerUploadStrategy };
+//# sourceMappingURL=strategy.mjs.map

package/dist/components/editor/extensions/file-handler/strategy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"strategy.mjs","names":[],"sources":["../../../../../src/components/editor/extensions/file-handler/strategy.ts"],"sourcesContent":["import { SelectNodeSchema, UploadFileSchema } from \"@/modules/storage/entry\";\nimport { UploadClient, UploadHooks } from \"@/modules/storage/entry.client\";\nimport { Editor } from \"@tiptap/core\";\nimport { TextSelection } from \"@tiptap/pm/state\";\nimport { FileHandlerOptions } from \"./extension\";\n\n/**\n * Handle File Handler props\n */\ntype CreateFileHandlerUploadStrategyProps = {\n  variables: Pick<UploadFileSchema, \"namespace\" | \"parentId\" | \"mode\" | \"hidden\" | \"readonly\">;\n  uploadClient: UploadClient;\n  uploadHooks?: UploadHooks;\n  allowedMimeTypes?: string[];\n  onUploadCompleted?: (node: SelectNodeSchema) => Promise<void> | void;\n  onUploadFailed?: (error: unknown) => Promise<void> | void;\n};\n\nexport function createFileHandlerUploadStrategy({\n  variables,\n  uploadClient,\n  uploadHooks,\n  onUploadCompleted,\n  onUploadFailed,\n  allowedMimeTypes,\n}: CreateFileHandlerUploadStrategyProps): FileHandlerOptions {\n  const handleUpload = async (editor: Editor, files: File[], startPos: number) => {\n    const insertPos = startPos;\n\n    for (const file of files) {\n      /**\n       * Prepare upload\n       */\n      const input = uploadClient.prepareUpload({ file, ...variables });\n\n      const imageType = editor.schema.nodes.image;\n      if (!imageType) {\n        console.error(\"Image type not found\");\n        return;\n      }\n\n      try {\n        /**\n         * Create skeleton node\n         */\n        const skeletonNode = editor.schema.nodes.skeleton?.create({\n          imageNodeId: input.id,\n          width: 500,\n          height: 500,\n        });\n\n        /**\n         * Insert skeleton node into the document\n         */\n        if (skeletonNode) {\n          // editor.chain().insertContentAt(insertPos, skeletonNode).focus().run();\n          const tr = editor.state.tr.insert(insertPos, skeletonNode);\n          tr.setSelection(TextSelection.create(tr.doc, insertPos + skeletonNode.nodeSize));\n          tr.setMeta(\"addToHistory\", false);\n          editor.view.dispatch(tr);\n        }\n\n        /**\n         * Upload the file\n         */\n        const fileNode = await uploadClient.upload(input, uploadHooks);\n\n        /**\n         * Replace skeleton with image node\n         */\n        const replacedTr = editor.state.tr;\n        let replaced = false;\n\n        replacedTr.doc.descendants((node, pos) => {\n          if (node.type.name === \"skeleton\" && node.attrs?.imageNodeId === input.id) {\n            const imageNode = imageType.create({\n              nodeId: fileNode.id,\n              alt: file.name,\n              fileName: file.name,\n              width: node.attrs.width ?? 500,\n            });\n\n            replacedTr.replaceWith(pos, pos + node.nodeSize, imageNode);\n            replaced = true;\n            return false;\n          }\n        });\n\n        if (replaced) {\n          editor.view.dispatch(replacedTr);\n        } else {\n          // In case skeleton is not found, insert the image node at the original position\n          const tr = editor.state.tr;\n          const imageNode = imageType.create({\n            nodeId: fileNode.id,\n            alt: file.name,\n            fileName: file.name,\n            width: 500,\n          });\n          tr.insert(insertPos, imageNode);\n          editor.view.dispatch(tr);\n        }\n\n        // /**\n        //  * Remove skeleton node from the document\n        //  */\n        // const tr = editor.state.tr;\n        // tr.doc.descendants((node, pos) => {\n        //   if (node.type.name === \"skeleton\" && node.attrs?.imageNodeId === input.id) {\n        //     tr.delete(pos, pos + node.nodeSize);\n        //     return false;\n        //   }\n        // });\n        // editor.view.dispatch(tr);\n\n        // /**\n        //  * Add image node to the document\n        //  */\n        // const imageNode = imageType.create({\n        //   nodeId: fileNode.id,\n        //   alt: file.name,\n        //   fileName: file.name,\n        //   width: 500,\n        // });\n        // editor.commands.insertContentAt(insertPos, imageNode);\n        // // insertPos += imageNode.nodeSize - skeletonNode.nodeSize;\n\n        await onUploadCompleted?.(fileNode);\n      } catch (err) {\n        console.error(\"Upload error:\", err);\n\n        /**\n         * Remove the pending image node from the document\n         */\n        const tr = editor.state.tr;\n        tr.doc.descendants((node, pos) => {\n          if (node.type.name === \"image\" && node.attrs?.nodeId === input.id) {\n            tr.delete(pos, pos + node.nodeSize);\n            return false;\n          }\n        });\n        editor.view.dispatch(tr);\n\n        await onUploadFailed?.(err);\n      }\n    }\n  };\n\n  return {\n    allowedMimeTypes,\n    onDrop: async (editor, files, pos) => {\n      await handleUpload(editor, files, pos);\n    },\n    onPaste: async (editor, files, htmlContent) => {\n      if (htmlContent?.length) return;\n\n      const startPos = editor.state.selection.anchor;\n      await handleUpload(editor, files, startPos);\n    },\n    onReferenceRemoved: async (nodeId) => {\n      await uploadClient.updateNode(nodeId, { orphanedAt: new Date() });\n    },\n    onReferenceAdded: async (nodeId) => {\n      await uploadClient.updateNode(nodeId, { orphanedAt: null });\n    },\n  };\n}\n"],"mappings":";;;AAkBA,SAAgB,gCAAgC,EAC9C,WACA,cACA,aACA,mBACA,gBACA,oBAC2D;CAC3D,MAAM,eAAe,OAAO,QAAgB,OAAe,aAAqB;EAC9E,MAAM,YAAY;AAElB,OAAK,MAAM,QAAQ,OAAO;;;;GAIxB,MAAM,QAAQ,aAAa,cAAc;IAAE;IAAM,GAAG;IAAW,CAAC;GAEhE,MAAM,YAAY,OAAO,OAAO,MAAM;AACtC,OAAI,CAAC,WAAW;AACd,YAAQ,MAAM,uBAAuB;AACrC;;AAGF,OAAI;;;;IAIF,MAAM,eAAe,OAAO,OAAO,MAAM,UAAU,OAAO;KACxD,aAAa,MAAM;KACnB,OAAO;KACP,QAAQ;KACT,CAAC;;;;AAKF,QAAI,cAAc;KAEhB,MAAM,KAAK,OAAO,MAAM,GAAG,OAAO,WAAW,aAAa;AAC1D,QAAG,aAAa,cAAc,OAAO,GAAG,KAAK,YAAY,aAAa,SAAS,CAAC;AAChF,QAAG,QAAQ,gBAAgB,MAAM;AACjC,YAAO,KAAK,SAAS,GAAG;;;;;IAM1B,MAAM,WAAW,MAAM,aAAa,OAAO,OAAO,YAAY;;;;IAK9D,MAAM,aAAa,OAAO,MAAM;IAChC,IAAI,WAAW;AAEf,eAAW,IAAI,aAAa,MAAM,QAAQ;AACxC,SAAI,KAAK,KAAK,SAAS,cAAc,KAAK,OAAO,gBAAgB,MAAM,IAAI;MACzE,MAAM,YAAY,UAAU,OAAO;OACjC,QAAQ,SAAS;OACjB,KAAK,KAAK;OACV,UAAU,KAAK;OACf,OAAO,KAAK,MAAM,SAAS;OAC5B,CAAC;AAEF,iBAAW,YAAY,KAAK,MAAM,KAAK,UAAU,UAAU;AAC3D,iBAAW;AACX,aAAO;;MAET;AAEF,QAAI,SACF,QAAO,KAAK,SAAS,WAAW;SAC3B;KAEL,MAAM,KAAK,OAAO,MAAM;KACxB,MAAM,YAAY,UAAU,OAAO;MACjC,QAAQ,SAAS;MACjB,KAAK,KAAK;MACV,UAAU,KAAK;MACf,OAAO;MACR,CAAC;AACF,QAAG,OAAO,WAAW,UAAU;AAC/B,YAAO,KAAK,SAAS,GAAG;;AA2B1B,UAAM,oBAAoB,SAAS;YAC5B,KAAK;AACZ,YAAQ,MAAM,iBAAiB,IAAI;;;;IAKnC,MAAM,KAAK,OAAO,MAAM;AACxB,OAAG,IAAI,aAAa,MAAM,QAAQ;AAChC,SAAI,KAAK,KAAK,SAAS,WAAW,KAAK,OAAO,WAAW,MAAM,IAAI;AACjE,SAAG,OAAO,KAAK,MAAM,KAAK,SAAS;AACnC,aAAO;;MAET;AACF,WAAO,KAAK,SAAS,GAAG;AAExB,UAAM,iBAAiB,IAAI;;;;AAKjC,QAAO;EACL;EACA,QAAQ,OAAO,QAAQ,OAAO,QAAQ;AACpC,SAAM,aAAa,QAAQ,OAAO,IAAI;;EAExC,SAAS,OAAO,QAAQ,OAAO,gBAAgB;AAC7C,OAAI,aAAa,OAAQ;GAEzB,MAAM,WAAW,OAAO,MAAM,UAAU;AACxC,SAAM,aAAa,QAAQ,OAAO,SAAS;;EAE7C,oBAAoB,OAAO,WAAW;AACpC,SAAM,aAAa,WAAW,QAAQ,EAAE,4BAAY,IAAI,MAAM,EAAE,CAAC;;EAEnE,kBAAkB,OAAO,WAAW;AAClC,SAAM,aAAa,WAAW,QAAQ,EAAE,YAAY,MAAM,CAAC;;EAE9D"}

package/dist/components/editor/extensions/file-handler/utils.mjs

@@ -0,0 +1,50 @@
+//#region src/components/editor/extensions/file-handler/utils.ts
+/**
+* Collects and counts all image node IDs from a document.
+*
+* @param doc - The document node to traverse and analyze
+* @returns A Map where keys are image node IDs and values are their occurrence counts
+*
+* @example
+* const imageCounts = collectImageIds(editorDoc);
+* imageCounts.forEach((count, imageId) => {
+*   console.log(`Image ${imageId} appears ${count} times`);
+* });
+*/
+function collectImageIds(doc) {
+	const counts = /* @__PURE__ */ new Map();
+	doc.descendants((node) => {
+		if (node.type.name !== "image") return;
+		const id = node.attrs?.nodeId;
+		if (!id) return;
+		counts.set(id, (counts.get(id) ?? 0) + 1);
+	});
+	return counts;
+}
+/**
+* Compares two maps of string keys to numeric values and identifies which keys have been removed or restored.
+* @param before - A Map containing the previous state of string keys with their associated numeric values
+* @param after - A Map containing the current state of string keys with their associated numeric values
+* @returns An object containing two arrays:
+*   - `removed`: Array of keys where the numeric value decreased (or was deleted)
+*   - `restored`: Array of keys where the numeric value increased
+*/
+function diffIds(before, after) {
+	const removed = [];
+	const added = [];
+	const keys = new Set([...before.keys(), ...after.keys()]);
+	for (const key of keys) {
+		const b = before.get(key) ?? 0;
+		const a = after.get(key) ?? 0;
+		if (a < b) removed.push(key);
+		if (a > b) added.push(key);
+	}
+	return {
+		removed,
+		added
+	};
+}
+
+//#endregion
+export { collectImageIds, diffIds };
+//# sourceMappingURL=utils.mjs.map

package/dist/components/editor/extensions/file-handler/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":["removed: string[]","added: string[]"],"sources":["../../../../../src/components/editor/extensions/file-handler/utils.ts"],"sourcesContent":["/**\n * Collects and counts all image node IDs from a document.\n *\n * @param doc - The document node to traverse and analyze\n * @returns A Map where keys are image node IDs and values are their occurrence counts\n *\n * @example\n * const imageCounts = collectImageIds(editorDoc);\n * imageCounts.forEach((count, imageId) => {\n *   console.log(`Image ${imageId} appears ${count} times`);\n * });\n */\nexport function collectImageIds(doc: any): Map<string, number> {\n  const counts = new Map<string, number>();\n\n  doc.descendants((node: any) => {\n    if (node.type.name !== \"image\") return;\n\n    const id = node.attrs?.nodeId;\n    if (!id) return;\n\n    counts.set(id, (counts.get(id) ?? 0) + 1);\n  });\n\n  return counts;\n}\n\n/**\n * Compares two maps of string keys to numeric values and identifies which keys have been removed or restored.\n * @param before - A Map containing the previous state of string keys with their associated numeric values\n * @param after - A Map containing the current state of string keys with their associated numeric values\n * @returns An object containing two arrays:\n *   - `removed`: Array of keys where the numeric value decreased (or was deleted)\n *   - `restored`: Array of keys where the numeric value increased\n */\nexport function diffIds(before: Map<string, number>, after: Map<string, number>) {\n  const removed: string[] = [];\n  const added: string[] = [];\n\n  const keys = new Set([...before.keys(), ...after.keys()]);\n\n  for (const key of keys) {\n    const b = before.get(key) ?? 0;\n    const a = after.get(key) ?? 0;\n\n    if (a < b) removed.push(key);\n    if (a > b) added.push(key);\n  }\n\n  return { removed, added };\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgB,gBAAgB,KAA+B;CAC7D,MAAM,yBAAS,IAAI,KAAqB;AAExC,KAAI,aAAa,SAAc;AAC7B,MAAI,KAAK,KAAK,SAAS,QAAS;EAEhC,MAAM,KAAK,KAAK,OAAO;AACvB,MAAI,CAAC,GAAI;AAET,SAAO,IAAI,KAAK,OAAO,IAAI,GAAG,IAAI,KAAK,EAAE;GACzC;AAEF,QAAO;;;;;;;;;;AAWT,SAAgB,QAAQ,QAA6B,OAA4B;CAC/E,MAAMA,UAAoB,EAAE;CAC5B,MAAMC,QAAkB,EAAE;CAE1B,MAAM,OAAO,IAAI,IAAI,CAAC,GAAG,OAAO,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,CAAC;AAEzD,MAAK,MAAM,OAAO,MAAM;EACtB,MAAM,IAAI,OAAO,IAAI,IAAI,IAAI;EAC7B,MAAM,IAAI,MAAM,IAAI,IAAI,IAAI;AAE5B,MAAI,IAAI,EAAG,SAAQ,KAAK,IAAI;AAC5B,MAAI,IAAI,EAAG,OAAM,KAAK,IAAI;;AAG5B,QAAO;EAAE;EAAS;EAAO"}

package/dist/components/editor/extensions/image/extension.d.mts

@@ -0,0 +1,8 @@
+import { ImageOptions } from "@tiptap/extension-image";
+import "@tiptap/core";
+
+//#region src/components/editor/extensions/image/extension.d.ts
+interface ImageOptions$1 extends ImageOptions {}
+//#endregion
+export { ImageOptions$1 as ImageOptions };
+//# sourceMappingURL=extension.d.mts.map

package/dist/components/editor/extensions/image/extension.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.d.mts","names":[],"sources":["../../../../../src/components/editor/extensions/image/extension.ts"],"sourcesContent":[],"mappings":";;;;UAKiB,cAAA,SAAqB"}

package/dist/components/editor/extensions/image/extension.mjs

@@ -0,0 +1,52 @@
+"use client";
+
+import { getFileUrl } from "../../../../modules/storage/lib/helpers.mjs";
+import { Image } from "@tiptap/extension-image";
+
+//#region src/components/editor/extensions/image/extension.ts
+const Image$1 = Image.extend({
+	atom: true,
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			nodeId: {
+				default: null,
+				parseHTML: (el) => el.getAttribute("data-node-id"),
+				renderHTML: (attrs) => {
+					if (!attrs.nodeId) return {};
+					return {
+						"data-node-id": attrs.nodeId,
+						...attrs.nodeId && !attrs.isPending ? { src: getFileUrl(attrs.nodeId) } : {}
+					};
+				}
+			},
+			alt: { default: null },
+			title: { default: null },
+			width: { default: null },
+			height: { default: null },
+			isPending: {
+				default: false,
+				renderHTML: (attrs) => attrs.isPending ? { "data-pending": "true" } : {}
+			},
+			fileName: { default: null }
+		};
+	},
+	parseHTML() {
+		return [{ tag: "img[data-node-id]" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		const { src: _, ...attrs } = HTMLAttributes;
+		console.log("attrs", attrs);
+		const nodeId = attrs.nodeId;
+		const isPending = Boolean(attrs.isPending);
+		const src = nodeId && !isPending ? getFileUrl(nodeId) : null;
+		return ["img", {
+			...attrs,
+			...src ? { src } : {}
+		}];
+	}
+});
+
+//#endregion
+export { Image$1 as Image };
+//# sourceMappingURL=extension.mjs.map

package/dist/components/editor/extensions/image/extension.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.mjs","names":["Image","TiptapImage"],"sources":["../../../../../src/components/editor/extensions/image/extension.ts"],"sourcesContent":["\"use client\";\n\nimport { getFileUrl } from \"@/modules/storage/lib/helpers\";\nimport { Image as TiptapImage, ImageOptions as TiptapImageOptions } from \"@tiptap/extension-image\";\n\nexport interface ImageOptions extends TiptapImageOptions {}\n\nexport const Image = TiptapImage.extend<ImageOptions>({\n  atom: true,\n  addAttributes() {\n    return {\n      ...this.parent?.(),\n      // node id\n      nodeId: {\n        default: null,\n        parseHTML: (el) => el.getAttribute(\"data-node-id\"),\n        renderHTML: (attrs) => {\n          if (!attrs.nodeId) return {};\n          return {\n            \"data-node-id\": attrs.nodeId,\n            ...(attrs.nodeId && !attrs.isPending ? { src: getFileUrl(attrs.nodeId) } : {}),\n          };\n        },\n      },\n\n      // semantics\n      alt: { default: null },\n      title: { default: null },\n\n      // layout stability\n      width: { default: null },\n      height: { default: null },\n\n      // upload UX\n      isPending: {\n        default: false,\n        renderHTML: (attrs) => (attrs.isPending ? { \"data-pending\": \"true\" } : {}),\n      },\n      fileName: { default: null },\n    };\n  },\n  parseHTML() {\n    return [{ tag: \"img[data-node-id]\" }];\n  },\n  renderHTML({ HTMLAttributes }) {\n    const { src: _, ...attrs } = HTMLAttributes;\n\n    console.log(\"attrs\", attrs);\n\n    const nodeId = attrs.nodeId as string | null;\n    const isPending = Boolean(attrs.isPending);\n\n    const src = nodeId && !isPending ? getFileUrl(nodeId) : null;\n\n    return [\"img\", { ...attrs, ...(src ? { src } : {}) }];\n  },\n});\n"],"mappings":";;;;;;AAOA,MAAaA,UAAQC,MAAY,OAAqB;CACpD,MAAM;CACN,gBAAgB;AACd,SAAO;GACL,GAAG,KAAK,UAAU;GAElB,QAAQ;IACN,SAAS;IACT,YAAY,OAAO,GAAG,aAAa,eAAe;IAClD,aAAa,UAAU;AACrB,SAAI,CAAC,MAAM,OAAQ,QAAO,EAAE;AAC5B,YAAO;MACL,gBAAgB,MAAM;MACtB,GAAI,MAAM,UAAU,CAAC,MAAM,YAAY,EAAE,KAAK,WAAW,MAAM,OAAO,EAAE,GAAG,EAAE;MAC9E;;IAEJ;GAGD,KAAK,EAAE,SAAS,MAAM;GACtB,OAAO,EAAE,SAAS,MAAM;GAGxB,OAAO,EAAE,SAAS,MAAM;GACxB,QAAQ,EAAE,SAAS,MAAM;GAGzB,WAAW;IACT,SAAS;IACT,aAAa,UAAW,MAAM,YAAY,EAAE,gBAAgB,QAAQ,GAAG,EAAE;IAC1E;GACD,UAAU,EAAE,SAAS,MAAM;GAC5B;;CAEH,YAAY;AACV,SAAO,CAAC,EAAE,KAAK,qBAAqB,CAAC;;CAEvC,WAAW,EAAE,kBAAkB;EAC7B,MAAM,EAAE,KAAK,GAAG,GAAG,UAAU;AAE7B,UAAQ,IAAI,SAAS,MAAM;EAE3B,MAAM,SAAS,MAAM;EACrB,MAAM,YAAY,QAAQ,MAAM,UAAU;EAE1C,MAAM,MAAM,UAAU,CAAC,YAAY,WAAW,OAAO,GAAG;AAExD,SAAO,CAAC,OAAO;GAAE,GAAG;GAAO,GAAI,MAAM,EAAE,KAAK,GAAG,EAAE;GAAG,CAAC;;CAExD,CAAC"}

package/dist/components/editor/extensions/skeleton/extension.mjs

@@ -0,0 +1,41 @@
+"use client";
+
+import { SkeletonNodeRenderer } from "./renderer.mjs";
+import { Node } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+
+//#region src/components/editor/extensions/skeleton/extension.ts
+const Skeleton = Node.create({
+	name: "skeleton",
+	atom: true,
+	inline: true,
+	group: "inline",
+	selectable: false,
+	draggable: false,
+	addAttributes() {
+		return {
+			imageNodeId: { default: null },
+			width: { default: null },
+			height: { default: null }
+		};
+	},
+	addOptions() {
+		return { addToHistory: false };
+	},
+	parseHTML() {
+		return [{ tag: "span[data-skeleton]" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return ["span", {
+			...HTMLAttributes,
+			"data-skeleton": "true"
+		}];
+	},
+	addNodeView() {
+		return ReactNodeViewRenderer(SkeletonNodeRenderer);
+	}
+});
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=extension.mjs.map

package/dist/components/editor/extensions/skeleton/extension.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.mjs","names":[],"sources":["../../../../../src/components/editor/extensions/skeleton/extension.ts"],"sourcesContent":["\"use client\";\n\nimport { Node } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { SkeletonNodeRenderer } from \"./renderer\";\n\nexport const Skeleton = Node.create({\n  name: \"skeleton\",\n  atom: true,\n  inline: true,\n  group: \"inline\",\n  selectable: false,\n  draggable: false,\n  addAttributes() {\n    return {\n      imageNodeId: { default: null },\n      width: { default: null },\n      height: { default: null },\n    };\n  },\n  addOptions() {\n    return {\n      addToHistory: false,\n    };\n  },\n  parseHTML() {\n    return [{ tag: \"span[data-skeleton]\" }];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\"span\", { ...HTMLAttributes, \"data-skeleton\": \"true\" }];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer(SkeletonNodeRenderer);\n  },\n});\n"],"mappings":";;;;;;;AAMA,MAAa,WAAW,KAAK,OAAO;CAClC,MAAM;CACN,MAAM;CACN,QAAQ;CACR,OAAO;CACP,YAAY;CACZ,WAAW;CACX,gBAAgB;AACd,SAAO;GACL,aAAa,EAAE,SAAS,MAAM;GAC9B,OAAO,EAAE,SAAS,MAAM;GACxB,QAAQ,EAAE,SAAS,MAAM;GAC1B;;CAEH,aAAa;AACX,SAAO,EACL,cAAc,OACf;;CAEH,YAAY;AACV,SAAO,CAAC,EAAE,KAAK,uBAAuB,CAAC;;CAEzC,WAAW,EAAE,kBAAkB;AAC7B,SAAO,CAAC,QAAQ;GAAE,GAAG;GAAgB,iBAAiB;GAAQ,CAAC;;CAEjE,cAAc;AACZ,SAAO,sBAAsB,qBAAqB;;CAErD,CAAC"}

package/dist/components/editor/extensions/skeleton/renderer.mjs

@@ -0,0 +1,25 @@
+"use client";
+
+import { Skeleton } from "../../../ui/skeleton.mjs";
+import { jsx } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+
+//#region src/components/editor/extensions/skeleton/renderer.tsx
+function SkeletonNodeRenderer(props) {
+	const { width, height } = props.node.attrs;
+	return /* @__PURE__ */ jsx(NodeViewWrapper, {
+		as: "span",
+		"data-skeleton": "true",
+		children: /* @__PURE__ */ jsx(Skeleton, {
+			className: "min-h-[500px] w-full",
+			style: {
+				width,
+				height
+			}
+		})
+	});
+}
+
+//#endregion
+export { SkeletonNodeRenderer };
+//# sourceMappingURL=renderer.mjs.map