@kedataindo/docflow-plugins 0.0.3

package/dist/index.cjs

@@ -0,0 +1,423 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  FontSizeExtension: () => import_docflow_core13.FontSizeExtension,
+  FootnoteNode: () => FootnoteNode,
+  PageBreak: () => PageBreak,
+  alignmentPlugin: () => alignmentPlugin,
+  blockquotePlugin: () => blockquotePlugin,
+  codeBlockPlugin: () => codeBlockPlugin,
+  createPlaceholderPlugin: () => createPlaceholderPlugin,
+  defaultPlugins: () => defaultPlugins,
+  fontSizePlugin: () => fontSizePlugin,
+  footnotePlugin: () => footnotePlugin,
+  formattingPlugin: () => formattingPlugin,
+  headingsPlugin: () => headingsPlugin,
+  imagePlugin: () => imagePlugin,
+  linkPlugin: () => linkPlugin,
+  listsPlugin: () => listsPlugin,
+  pageBreakPlugin: () => pageBreakPlugin,
+  placeholderPlugin: () => placeholderPlugin,
+  tablePlugin: () => tablePlugin
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/formatting.ts
+var import_docflow_core = require("@kedata-indonesia/docflow-core");
+var import_extension_underline = __toESM(require("@tiptap/extension-underline"), 1);
+var formattingPlugin = (0, import_docflow_core.definePlugin)({
+  id: "formatting",
+  tiptapExtensions: [import_extension_underline.default],
+  toolbar: [
+    { id: "bold", label: "Bold", action: "toggleBold", iconComponent: "Bold" },
+    { id: "italic", label: "Italic", action: "toggleItalic", iconComponent: "Italic" },
+    { id: "underline", label: "Underline", action: "toggleUnderline", iconComponent: "Underline" },
+    { id: "strike", label: "Strikethrough", action: "toggleStrike", iconComponent: "Strikethrough" }
+  ]
+});
+
+// src/headings.ts
+var import_docflow_core2 = require("@kedata-indonesia/docflow-core");
+function toggleHeading(level) {
+  return (editor) => {
+    const commands = editor.commands;
+    return commands.toggleHeading({ level });
+  };
+}
+var headingsPlugin = (0, import_docflow_core2.definePlugin)({
+  id: "headings",
+  toolbar: [
+    { id: "heading-1", label: "Heading 1", action: "toggleHeading1", iconComponent: "Heading1" },
+    { id: "heading-2", label: "Heading 2", action: "toggleHeading2", iconComponent: "Heading2" },
+    { id: "heading-3", label: "Heading 3", action: "toggleHeading3", iconComponent: "Heading3" },
+    { id: "heading-4", label: "Heading 4", action: "toggleHeading4", iconComponent: "Heading4" },
+    { id: "heading-5", label: "Heading 5", action: "toggleHeading5", iconComponent: "Heading5" },
+    { id: "heading-6", label: "Heading 6", action: "toggleHeading6", iconComponent: "Heading6" }
+  ],
+  slashCommands: [
+    { name: "Heading 1", command: "toggleHeading1" },
+    { name: "Heading 2", command: "toggleHeading2" },
+    { name: "Heading 3", command: "toggleHeading3" }
+  ],
+  commands: {
+    toggleHeading1: toggleHeading(1),
+    toggleHeading2: toggleHeading(2),
+    toggleHeading3: toggleHeading(3),
+    toggleHeading4: toggleHeading(4),
+    toggleHeading5: toggleHeading(5),
+    toggleHeading6: toggleHeading(6)
+  }
+});
+
+// src/lists.ts
+var import_docflow_core3 = require("@kedata-indonesia/docflow-core");
+var import_extension_task_list = __toESM(require("@tiptap/extension-task-list"), 1);
+var import_extension_task_item = __toESM(require("@tiptap/extension-task-item"), 1);
+var listsPlugin = (0, import_docflow_core3.definePlugin)({
+  id: "lists",
+  tiptapExtensions: [import_extension_task_list.default, import_extension_task_item.default.configure({ nested: true })],
+  toolbar: [
+    { id: "bullet-list", label: "Bullet List", action: "toggleBulletList", iconComponent: "List" },
+    { id: "ordered-list", label: "Ordered List", action: "toggleOrderedList", iconComponent: "ListOrdered" },
+    { id: "task-list", label: "Task List", action: "toggleTaskList", iconComponent: "CheckSquare" }
+  ],
+  slashCommands: [
+    { name: "Bullet List", command: "toggleBulletList" },
+    { name: "Ordered List", command: "toggleOrderedList" },
+    { name: "Task List", command: "toggleTaskList" }
+  ]
+});
+
+// src/alignment.ts
+var import_docflow_core4 = require("@kedata-indonesia/docflow-core");
+var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"), 1);
+function setAlign(alignment) {
+  return (editor) => editor.commands.setTextAlign(alignment);
+}
+var alignmentPlugin = (0, import_docflow_core4.definePlugin)({
+  id: "alignment",
+  tiptapExtensions: [
+    import_extension_text_align.default.configure({ types: ["heading", "paragraph"] })
+  ],
+  toolbar: [
+    { id: "align-left", label: "Align Left", action: "alignLeft", iconComponent: "AlignLeft" },
+    { id: "align-center", label: "Align Center", action: "alignCenter", iconComponent: "AlignCenter" },
+    { id: "align-right", label: "Align Right", action: "alignRight", iconComponent: "AlignRight" },
+    { id: "align-justify", label: "Align Justify", action: "alignJustify", iconComponent: "AlignJustify" }
+  ],
+  commands: {
+    alignLeft: setAlign("left"),
+    alignCenter: setAlign("center"),
+    alignRight: setAlign("right"),
+    alignJustify: setAlign("justify")
+  }
+});
+
+// src/link.ts
+var import_docflow_core5 = require("@kedata-indonesia/docflow-core");
+var import_extension_link = __toESM(require("@tiptap/extension-link"), 1);
+var linkPlugin = (0, import_docflow_core5.definePlugin)({
+  id: "link",
+  tiptapExtensions: [import_extension_link.default.configure({ openOnClick: false })],
+  toolbar: [
+    { id: "set-link", label: "Link", action: "setLink", iconComponent: "Link" }
+  ],
+  slashCommands: [{ name: "Link", command: "setLink" }],
+  commands: {
+    setLink: (editor, ...args) => {
+      if (editor.isActive("link")) {
+        return editor.chain().focus().unsetLink().run();
+      }
+      const attrs = args[0];
+      const url = attrs?.href ?? (typeof window !== "undefined" && typeof window.prompt === "function" ? window.prompt("Enter link URL:", "https://") : null);
+      if (url) {
+        return editor.chain().focus().setLink({ href: url, target: "_blank" }).run();
+      }
+      return false;
+    }
+  }
+});
+
+// src/image.ts
+var import_docflow_core6 = require("@kedata-indonesia/docflow-core");
+var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
+var DEFAULT_IMAGE_SRC = "https://via.placeholder.com/300x200";
+var imagePlugin = (0, import_docflow_core6.definePlugin)({
+  id: "image",
+  tiptapExtensions: [import_extension_image.default],
+  toolbar: [{ id: "insert-image", label: "Image", action: "insertImage", iconComponent: "Image" }],
+  slashCommands: [{ name: "Image", command: "insertImage" }],
+  commands: {
+    insertImage: (editor, ...args) => {
+      const options = args[0];
+      const src = options?.src ?? (typeof window !== "undefined" && typeof window.prompt === "function" ? window.prompt("Enter image URL:", "https://") : null) ?? DEFAULT_IMAGE_SRC;
+      if (!src) return false;
+      return editor.commands.setImage({ src });
+    }
+  }
+});
+
+// src/table.ts
+var import_docflow_core7 = require("@kedata-indonesia/docflow-core");
+var import_extension_table = __toESM(require("@tiptap/extension-table"), 1);
+var import_extension_table_row = __toESM(require("@tiptap/extension-table-row"), 1);
+var import_extension_table_cell = __toESM(require("@tiptap/extension-table-cell"), 1);
+var import_extension_table_header = __toESM(require("@tiptap/extension-table-header"), 1);
+var tablePlugin = (0, import_docflow_core7.definePlugin)({
+  id: "table",
+  tiptapExtensions: [
+    import_extension_table.default.configure({ resizable: true }),
+    import_extension_table_row.default,
+    import_extension_table_cell.default,
+    import_extension_table_header.default
+  ],
+  toolbar: [
+    { id: "insert-table", label: "Insert Table", action: "insertTable", args: [{ rows: 3, cols: 3, withHeaderRow: true }], iconComponent: "Table" }
+  ],
+  slashCommands: [{ name: "Table", command: "insertTable" }]
+});
+
+// src/blockquote.ts
+var import_docflow_core8 = require("@kedata-indonesia/docflow-core");
+var blockquotePlugin = (0, import_docflow_core8.definePlugin)({
+  id: "blockquote",
+  toolbar: [{ id: "blockquote", label: "Blockquote", action: "toggleBlockquote", iconComponent: "Quote" }],
+  slashCommands: [{ name: "Blockquote", command: "toggleBlockquote" }]
+});
+
+// src/codeBlock.ts
+var import_docflow_core9 = require("@kedata-indonesia/docflow-core");
+var codeBlockPlugin = (0, import_docflow_core9.definePlugin)({
+  id: "code-block",
+  toolbar: [{ id: "code-block", label: "Code Block", action: "toggleCodeBlock", iconComponent: "Code" }],
+  slashCommands: [{ name: "Code Block", command: "toggleCodeBlock" }]
+});
+
+// src/placeholder.ts
+var import_docflow_core10 = require("@kedata-indonesia/docflow-core");
+var import_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"), 1);
+function createPlaceholderPlugin(options = {}) {
+  return (0, import_docflow_core10.definePlugin)({
+    id: "placeholder",
+    tiptapExtensions: [
+      import_extension_placeholder.default.configure({
+        placeholder: options.placeholder ?? "Start writing\u2026"
+      })
+    ]
+  });
+}
+var placeholderPlugin = createPlaceholderPlugin();
+
+// src/pageBreak.ts
+var import_core = require("@tiptap/core");
+var import_docflow_core11 = require("@kedata-indonesia/docflow-core");
+var PageBreak = import_core.Node.create({
+  name: "pageBreak",
+  group: "block",
+  selectable: false,
+  draggable: false,
+  parseHTML() {
+    return [{ tag: 'div[data-page-break="true"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      (0, import_core.mergeAttributes)(HTMLAttributes, {
+        "data-page-break": "true",
+        "data-node-type": "pageBreak",
+        class: "docs-editor-page-break"
+      }),
+      ["span", { class: "docs-editor-page-break__label" }, "Page break"]
+    ];
+  },
+  addNodeView() {
+    return () => {
+      const dom = document.createElement("div");
+      dom.className = "docs-editor-page-break";
+      dom.setAttribute("data-page-break", "true");
+      dom.setAttribute("data-node-type", "pageBreak");
+      dom.setAttribute("contenteditable", "false");
+      const inner = document.createElement("div");
+      inner.className = "docs-editor-page-break__inner";
+      const line = document.createElement("div");
+      line.className = "docs-editor-page-break__line";
+      const label = document.createElement("span");
+      label.className = "docs-editor-page-break__label-text";
+      label.textContent = "Page break";
+      inner.appendChild(line);
+      inner.appendChild(label);
+      dom.appendChild(inner);
+      return {
+        dom,
+        contentDOM: void 0
+      };
+    };
+  }
+});
+var pageBreakPlugin = (0, import_docflow_core11.definePlugin)({
+  id: "pageBreak",
+  tiptapExtensions: [PageBreak],
+  toolbar: [
+    { id: "insert-page-break", label: "Page Break", action: "insertPageBreak", iconComponent: "FileText" }
+  ],
+  slashCommands: [{ name: "Page Break", command: "insertPageBreak" }],
+  commands: {
+    insertPageBreak: (editor) => editor.chain().focus().insertContent({ type: "pageBreak" }).run()
+  }
+});
+
+// src/footnote.ts
+var import_core2 = require("@tiptap/core");
+var import_docflow_core12 = require("@kedata-indonesia/docflow-core");
+var FootnoteNode = import_core2.Node.create({
+  name: "footnote",
+  group: "inline",
+  inline: true,
+  selectable: true,
+  draggable: false,
+  atom: true,
+  addAttributes() {
+    return {
+      content: {
+        default: "",
+        parseHTML: (el) => el.getAttribute("data-footnote-content") ?? "",
+        renderHTML: (attrs) => ({ "data-footnote-content": attrs.content })
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: 'span[data-node-type="footnote"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["span", (0, import_core2.mergeAttributes)(HTMLAttributes, {
+      "data-node-type": "footnote",
+      class: "docs-footnote-ref"
+    }), "1"];
+  },
+  // Return type cast to `any` to bypass TipTap's strict NodeViewRenderer typing.
+  // At runtime this returns a valid ProseMirror NodeView { dom, update }.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  addNodeView() {
+    return (props) => {
+      const node = props.node ?? props;
+      const attrs = node && typeof node === "object" && "attrs" in node ? node.attrs : {};
+      const dom = document.createElement("span");
+      dom.className = "docs-footnote-ref";
+      dom.setAttribute("data-node-type", "footnote");
+      dom.setAttribute("data-footnote-content", String(attrs.content ?? ""));
+      dom.textContent = "1";
+      return {
+        dom,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        update(updatedNode) {
+          try {
+            const updatedAttrs = updatedNode?.attrs ?? {};
+            dom.setAttribute("data-footnote-content", String(updatedAttrs.content ?? ""));
+          } catch {
+          }
+          return true;
+        }
+      };
+    };
+  }
+});
+var footnotePlugin = (0, import_docflow_core12.definePlugin)({
+  id: "footnote",
+  tiptapExtensions: [FootnoteNode],
+  toolbar: [
+    { id: "insert-footnote", label: "Catatan Kaki", action: "insertFootnote", iconComponent: "FileText" }
+  ],
+  slashCommands: [{ name: "Catatan Kaki", command: "insertFootnote" }],
+  commands: {
+    insertFootnote: (editor, ...args) => {
+      const attrs = args[0];
+      return editor.chain().focus().insertContent({ type: "footnote", attrs: { content: attrs?.content ?? "" } }).run();
+    }
+  }
+});
+
+// src/fontSize.ts
+var import_docflow_core13 = require("@kedata-indonesia/docflow-core");
+var fontSizePlugin = (0, import_docflow_core13.definePlugin)({
+  id: "font-size",
+  tiptapExtensions: [import_docflow_core13.FontSizeExtension],
+  commands: {
+    setFontSize: (editor, ...args) => {
+      const size = args[0] || "16px";
+      if (size === "16px") {
+        editor.commands.unsetFontSize();
+      } else {
+        editor.commands.setFontSize(size);
+      }
+      editor.commands.focus();
+      return true;
+    }
+  }
+});
+
+// src/index.ts
+var defaultPlugins = [
+  formattingPlugin,
+  headingsPlugin,
+  listsPlugin,
+  alignmentPlugin,
+  linkPlugin,
+  imagePlugin,
+  tablePlugin,
+  blockquotePlugin,
+  codeBlockPlugin,
+  placeholderPlugin,
+  pageBreakPlugin,
+  footnotePlugin,
+  fontSizePlugin
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FontSizeExtension,
+  FootnoteNode,
+  PageBreak,
+  alignmentPlugin,
+  blockquotePlugin,
+  codeBlockPlugin,
+  createPlaceholderPlugin,
+  defaultPlugins,
+  fontSizePlugin,
+  footnotePlugin,
+  formattingPlugin,
+  headingsPlugin,
+  imagePlugin,
+  linkPlugin,
+  listsPlugin,
+  pageBreakPlugin,
+  placeholderPlugin,
+  tablePlugin
+});

package/dist/index.d.cts

@@ -0,0 +1,47 @@
+import * as _kedata_indonesia_docflow_core from '@kedata-indonesia/docflow-core';
+export { DocsEditorPlugin, FontSizeExtension, SlashCommand, ToolbarItem } from '@kedata-indonesia/docflow-core';
+import { Node } from '@tiptap/core';
+
+declare const formattingPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const headingsPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const listsPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const alignmentPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const linkPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const imagePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const tablePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const blockquotePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const codeBlockPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+interface PlaceholderPluginOptions {
+    placeholder?: string;
+}
+declare function createPlaceholderPlugin(options?: PlaceholderPluginOptions): _kedata_indonesia_docflow_core.DocsEditorPlugin;
+declare const placeholderPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const PageBreak: Node<any, any>;
+declare const pageBreakPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const FootnoteNode: Node<any, any>;
+declare const footnotePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+/**
+ * fontSizePlugin — provides the `setFontSize` command action for toolbar use.
+ *
+ * Registers FontSizeExtension (fontSize attribute on TextStyle mark) via
+ * tiptapExtensions so it is only added ONCE through the plugin system.
+ * Previously it was hardcoded in Editor.ts which, combined with Vite
+ * module alias duplication, caused "Duplicate extension names" warnings.
+ */
+declare const fontSizePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const defaultPlugins: _kedata_indonesia_docflow_core.DocsEditorPlugin[];
+
+export { FootnoteNode, PageBreak, type PlaceholderPluginOptions, alignmentPlugin, blockquotePlugin, codeBlockPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, headingsPlugin, imagePlugin, linkPlugin, listsPlugin, pageBreakPlugin, placeholderPlugin, tablePlugin };

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import * as _kedata_indonesia_docflow_core from '@kedata-indonesia/docflow-core';
+export { DocsEditorPlugin, FontSizeExtension, SlashCommand, ToolbarItem } from '@kedata-indonesia/docflow-core';
+import { Node } from '@tiptap/core';
+
+declare const formattingPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const headingsPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const listsPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const alignmentPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const linkPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const imagePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const tablePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const blockquotePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const codeBlockPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+interface PlaceholderPluginOptions {
+    placeholder?: string;
+}
+declare function createPlaceholderPlugin(options?: PlaceholderPluginOptions): _kedata_indonesia_docflow_core.DocsEditorPlugin;
+declare const placeholderPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const PageBreak: Node<any, any>;
+declare const pageBreakPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const FootnoteNode: Node<any, any>;
+declare const footnotePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+/**
+ * fontSizePlugin — provides the `setFontSize` command action for toolbar use.
+ *
+ * Registers FontSizeExtension (fontSize attribute on TextStyle mark) via
+ * tiptapExtensions so it is only added ONCE through the plugin system.
+ * Previously it was hardcoded in Editor.ts which, combined with Vite
+ * module alias duplication, caused "Duplicate extension names" warnings.
+ */
+declare const fontSizePlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
+declare const defaultPlugins: _kedata_indonesia_docflow_core.DocsEditorPlugin[];
+
+export { FootnoteNode, PageBreak, type PlaceholderPluginOptions, alignmentPlugin, blockquotePlugin, codeBlockPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, headingsPlugin, imagePlugin, linkPlugin, listsPlugin, pageBreakPlugin, placeholderPlugin, tablePlugin };

package/dist/index.js

@@ -0,0 +1,369 @@
+// src/formatting.ts
+import { definePlugin } from "@kedata-indonesia/docflow-core";
+import Underline from "@tiptap/extension-underline";
+var formattingPlugin = definePlugin({
+  id: "formatting",
+  tiptapExtensions: [Underline],
+  toolbar: [
+    { id: "bold", label: "Bold", action: "toggleBold", iconComponent: "Bold" },
+    { id: "italic", label: "Italic", action: "toggleItalic", iconComponent: "Italic" },
+    { id: "underline", label: "Underline", action: "toggleUnderline", iconComponent: "Underline" },
+    { id: "strike", label: "Strikethrough", action: "toggleStrike", iconComponent: "Strikethrough" }
+  ]
+});
+
+// src/headings.ts
+import { definePlugin as definePlugin2 } from "@kedata-indonesia/docflow-core";
+function toggleHeading(level) {
+  return (editor) => {
+    const commands = editor.commands;
+    return commands.toggleHeading({ level });
+  };
+}
+var headingsPlugin = definePlugin2({
+  id: "headings",
+  toolbar: [
+    { id: "heading-1", label: "Heading 1", action: "toggleHeading1", iconComponent: "Heading1" },
+    { id: "heading-2", label: "Heading 2", action: "toggleHeading2", iconComponent: "Heading2" },
+    { id: "heading-3", label: "Heading 3", action: "toggleHeading3", iconComponent: "Heading3" },
+    { id: "heading-4", label: "Heading 4", action: "toggleHeading4", iconComponent: "Heading4" },
+    { id: "heading-5", label: "Heading 5", action: "toggleHeading5", iconComponent: "Heading5" },
+    { id: "heading-6", label: "Heading 6", action: "toggleHeading6", iconComponent: "Heading6" }
+  ],
+  slashCommands: [
+    { name: "Heading 1", command: "toggleHeading1" },
+    { name: "Heading 2", command: "toggleHeading2" },
+    { name: "Heading 3", command: "toggleHeading3" }
+  ],
+  commands: {
+    toggleHeading1: toggleHeading(1),
+    toggleHeading2: toggleHeading(2),
+    toggleHeading3: toggleHeading(3),
+    toggleHeading4: toggleHeading(4),
+    toggleHeading5: toggleHeading(5),
+    toggleHeading6: toggleHeading(6)
+  }
+});
+
+// src/lists.ts
+import { definePlugin as definePlugin3 } from "@kedata-indonesia/docflow-core";
+import TaskList from "@tiptap/extension-task-list";
+import TaskItem from "@tiptap/extension-task-item";
+var listsPlugin = definePlugin3({
+  id: "lists",
+  tiptapExtensions: [TaskList, TaskItem.configure({ nested: true })],
+  toolbar: [
+    { id: "bullet-list", label: "Bullet List", action: "toggleBulletList", iconComponent: "List" },
+    { id: "ordered-list", label: "Ordered List", action: "toggleOrderedList", iconComponent: "ListOrdered" },
+    { id: "task-list", label: "Task List", action: "toggleTaskList", iconComponent: "CheckSquare" }
+  ],
+  slashCommands: [
+    { name: "Bullet List", command: "toggleBulletList" },
+    { name: "Ordered List", command: "toggleOrderedList" },
+    { name: "Task List", command: "toggleTaskList" }
+  ]
+});
+
+// src/alignment.ts
+import { definePlugin as definePlugin4 } from "@kedata-indonesia/docflow-core";
+import TextAlign from "@tiptap/extension-text-align";
+function setAlign(alignment) {
+  return (editor) => editor.commands.setTextAlign(alignment);
+}
+var alignmentPlugin = definePlugin4({
+  id: "alignment",
+  tiptapExtensions: [
+    TextAlign.configure({ types: ["heading", "paragraph"] })
+  ],
+  toolbar: [
+    { id: "align-left", label: "Align Left", action: "alignLeft", iconComponent: "AlignLeft" },
+    { id: "align-center", label: "Align Center", action: "alignCenter", iconComponent: "AlignCenter" },
+    { id: "align-right", label: "Align Right", action: "alignRight", iconComponent: "AlignRight" },
+    { id: "align-justify", label: "Align Justify", action: "alignJustify", iconComponent: "AlignJustify" }
+  ],
+  commands: {
+    alignLeft: setAlign("left"),
+    alignCenter: setAlign("center"),
+    alignRight: setAlign("right"),
+    alignJustify: setAlign("justify")
+  }
+});
+
+// src/link.ts
+import { definePlugin as definePlugin5 } from "@kedata-indonesia/docflow-core";
+import Link from "@tiptap/extension-link";
+var linkPlugin = definePlugin5({
+  id: "link",
+  tiptapExtensions: [Link.configure({ openOnClick: false })],
+  toolbar: [
+    { id: "set-link", label: "Link", action: "setLink", iconComponent: "Link" }
+  ],
+  slashCommands: [{ name: "Link", command: "setLink" }],
+  commands: {
+    setLink: (editor, ...args) => {
+      if (editor.isActive("link")) {
+        return editor.chain().focus().unsetLink().run();
+      }
+      const attrs = args[0];
+      const url = attrs?.href ?? (typeof window !== "undefined" && typeof window.prompt === "function" ? window.prompt("Enter link URL:", "https://") : null);
+      if (url) {
+        return editor.chain().focus().setLink({ href: url, target: "_blank" }).run();
+      }
+      return false;
+    }
+  }
+});
+
+// src/image.ts
+import { definePlugin as definePlugin6 } from "@kedata-indonesia/docflow-core";
+import Image from "@tiptap/extension-image";
+var DEFAULT_IMAGE_SRC = "https://via.placeholder.com/300x200";
+var imagePlugin = definePlugin6({
+  id: "image",
+  tiptapExtensions: [Image],
+  toolbar: [{ id: "insert-image", label: "Image", action: "insertImage", iconComponent: "Image" }],
+  slashCommands: [{ name: "Image", command: "insertImage" }],
+  commands: {
+    insertImage: (editor, ...args) => {
+      const options = args[0];
+      const src = options?.src ?? (typeof window !== "undefined" && typeof window.prompt === "function" ? window.prompt("Enter image URL:", "https://") : null) ?? DEFAULT_IMAGE_SRC;
+      if (!src) return false;
+      return editor.commands.setImage({ src });
+    }
+  }
+});
+
+// src/table.ts
+import { definePlugin as definePlugin7 } from "@kedata-indonesia/docflow-core";
+import Table from "@tiptap/extension-table";
+import TableRow from "@tiptap/extension-table-row";
+import TableCell from "@tiptap/extension-table-cell";
+import TableHeader from "@tiptap/extension-table-header";
+var tablePlugin = definePlugin7({
+  id: "table",
+  tiptapExtensions: [
+    Table.configure({ resizable: true }),
+    TableRow,
+    TableCell,
+    TableHeader
+  ],
+  toolbar: [
+    { id: "insert-table", label: "Insert Table", action: "insertTable", args: [{ rows: 3, cols: 3, withHeaderRow: true }], iconComponent: "Table" }
+  ],
+  slashCommands: [{ name: "Table", command: "insertTable" }]
+});
+
+// src/blockquote.ts
+import { definePlugin as definePlugin8 } from "@kedata-indonesia/docflow-core";
+var blockquotePlugin = definePlugin8({
+  id: "blockquote",
+  toolbar: [{ id: "blockquote", label: "Blockquote", action: "toggleBlockquote", iconComponent: "Quote" }],
+  slashCommands: [{ name: "Blockquote", command: "toggleBlockquote" }]
+});
+
+// src/codeBlock.ts
+import { definePlugin as definePlugin9 } from "@kedata-indonesia/docflow-core";
+var codeBlockPlugin = definePlugin9({
+  id: "code-block",
+  toolbar: [{ id: "code-block", label: "Code Block", action: "toggleCodeBlock", iconComponent: "Code" }],
+  slashCommands: [{ name: "Code Block", command: "toggleCodeBlock" }]
+});
+
+// src/placeholder.ts
+import { definePlugin as definePlugin10 } from "@kedata-indonesia/docflow-core";
+import Placeholder from "@tiptap/extension-placeholder";
+function createPlaceholderPlugin(options = {}) {
+  return definePlugin10({
+    id: "placeholder",
+    tiptapExtensions: [
+      Placeholder.configure({
+        placeholder: options.placeholder ?? "Start writing\u2026"
+      })
+    ]
+  });
+}
+var placeholderPlugin = createPlaceholderPlugin();
+
+// src/pageBreak.ts
+import { Node, mergeAttributes } from "@tiptap/core";
+import { definePlugin as definePlugin11 } from "@kedata-indonesia/docflow-core";
+var PageBreak = Node.create({
+  name: "pageBreak",
+  group: "block",
+  selectable: false,
+  draggable: false,
+  parseHTML() {
+    return [{ tag: 'div[data-page-break="true"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes(HTMLAttributes, {
+        "data-page-break": "true",
+        "data-node-type": "pageBreak",
+        class: "docs-editor-page-break"
+      }),
+      ["span", { class: "docs-editor-page-break__label" }, "Page break"]
+    ];
+  },
+  addNodeView() {
+    return () => {
+      const dom = document.createElement("div");
+      dom.className = "docs-editor-page-break";
+      dom.setAttribute("data-page-break", "true");
+      dom.setAttribute("data-node-type", "pageBreak");
+      dom.setAttribute("contenteditable", "false");
+      const inner = document.createElement("div");
+      inner.className = "docs-editor-page-break__inner";
+      const line = document.createElement("div");
+      line.className = "docs-editor-page-break__line";
+      const label = document.createElement("span");
+      label.className = "docs-editor-page-break__label-text";
+      label.textContent = "Page break";
+      inner.appendChild(line);
+      inner.appendChild(label);
+      dom.appendChild(inner);
+      return {
+        dom,
+        contentDOM: void 0
+      };
+    };
+  }
+});
+var pageBreakPlugin = definePlugin11({
+  id: "pageBreak",
+  tiptapExtensions: [PageBreak],
+  toolbar: [
+    { id: "insert-page-break", label: "Page Break", action: "insertPageBreak", iconComponent: "FileText" }
+  ],
+  slashCommands: [{ name: "Page Break", command: "insertPageBreak" }],
+  commands: {
+    insertPageBreak: (editor) => editor.chain().focus().insertContent({ type: "pageBreak" }).run()
+  }
+});
+
+// src/footnote.ts
+import { Node as Node2, mergeAttributes as mergeAttributes2 } from "@tiptap/core";
+import { definePlugin as definePlugin12 } from "@kedata-indonesia/docflow-core";
+var FootnoteNode = Node2.create({
+  name: "footnote",
+  group: "inline",
+  inline: true,
+  selectable: true,
+  draggable: false,
+  atom: true,
+  addAttributes() {
+    return {
+      content: {
+        default: "",
+        parseHTML: (el) => el.getAttribute("data-footnote-content") ?? "",
+        renderHTML: (attrs) => ({ "data-footnote-content": attrs.content })
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: 'span[data-node-type="footnote"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["span", mergeAttributes2(HTMLAttributes, {
+      "data-node-type": "footnote",
+      class: "docs-footnote-ref"
+    }), "1"];
+  },
+  // Return type cast to `any` to bypass TipTap's strict NodeViewRenderer typing.
+  // At runtime this returns a valid ProseMirror NodeView { dom, update }.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  addNodeView() {
+    return (props) => {
+      const node = props.node ?? props;
+      const attrs = node && typeof node === "object" && "attrs" in node ? node.attrs : {};
+      const dom = document.createElement("span");
+      dom.className = "docs-footnote-ref";
+      dom.setAttribute("data-node-type", "footnote");
+      dom.setAttribute("data-footnote-content", String(attrs.content ?? ""));
+      dom.textContent = "1";
+      return {
+        dom,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        update(updatedNode) {
+          try {
+            const updatedAttrs = updatedNode?.attrs ?? {};
+            dom.setAttribute("data-footnote-content", String(updatedAttrs.content ?? ""));
+          } catch {
+          }
+          return true;
+        }
+      };
+    };
+  }
+});
+var footnotePlugin = definePlugin12({
+  id: "footnote",
+  tiptapExtensions: [FootnoteNode],
+  toolbar: [
+    { id: "insert-footnote", label: "Catatan Kaki", action: "insertFootnote", iconComponent: "FileText" }
+  ],
+  slashCommands: [{ name: "Catatan Kaki", command: "insertFootnote" }],
+  commands: {
+    insertFootnote: (editor, ...args) => {
+      const attrs = args[0];
+      return editor.chain().focus().insertContent({ type: "footnote", attrs: { content: attrs?.content ?? "" } }).run();
+    }
+  }
+});
+
+// src/fontSize.ts
+import { definePlugin as definePlugin13, FontSizeExtension } from "@kedata-indonesia/docflow-core";
+var fontSizePlugin = definePlugin13({
+  id: "font-size",
+  tiptapExtensions: [FontSizeExtension],
+  commands: {
+    setFontSize: (editor, ...args) => {
+      const size = args[0] || "16px";
+      if (size === "16px") {
+        editor.commands.unsetFontSize();
+      } else {
+        editor.commands.setFontSize(size);
+      }
+      editor.commands.focus();
+      return true;
+    }
+  }
+});
+
+// src/index.ts
+var defaultPlugins = [
+  formattingPlugin,
+  headingsPlugin,
+  listsPlugin,
+  alignmentPlugin,
+  linkPlugin,
+  imagePlugin,
+  tablePlugin,
+  blockquotePlugin,
+  codeBlockPlugin,
+  placeholderPlugin,
+  pageBreakPlugin,
+  footnotePlugin,
+  fontSizePlugin
+];
+export {
+  FontSizeExtension,
+  FootnoteNode,
+  PageBreak,
+  alignmentPlugin,
+  blockquotePlugin,
+  codeBlockPlugin,
+  createPlaceholderPlugin,
+  defaultPlugins,
+  fontSizePlugin,
+  footnotePlugin,
+  formattingPlugin,
+  headingsPlugin,
+  imagePlugin,
+  linkPlugin,
+  listsPlugin,
+  pageBreakPlugin,
+  placeholderPlugin,
+  tablePlugin
+};

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@kedataindo/docflow-plugins",
+  "version": "0.0.3",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@kedataindo/docflow-core": "0.0.2"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "^2.11.0",
+    "@tiptap/extension-image": "^2.11.0",
+    "@tiptap/extension-link": "^2.11.0",
+    "@tiptap/extension-placeholder": "^2.11.0",
+    "@tiptap/extension-strike": "^2.11.0",
+    "@tiptap/extension-table": "^2.11.0",
+    "@tiptap/extension-table-cell": "^2.11.0",
+    "@tiptap/extension-table-header": "^2.11.0",
+    "@tiptap/extension-table-row": "^2.11.0",
+    "@tiptap/extension-task-item": "^2.11.0",
+    "@tiptap/extension-task-list": "^2.11.0",
+    "@tiptap/extension-text-align": "^2.11.0",
+    "@tiptap/extension-underline": "^2.11.0"
+  },
+  "peerDependenciesMeta": {
+    "@tiptap/extension-image": {
+      "optional": true
+    },
+    "@tiptap/extension-link": {
+      "optional": true
+    },
+    "@tiptap/extension-placeholder": {
+      "optional": true
+    },
+    "@tiptap/extension-strike": {
+      "optional": true
+    },
+    "@tiptap/extension-table": {
+      "optional": true
+    },
+    "@tiptap/extension-table-cell": {
+      "optional": true
+    },
+    "@tiptap/extension-table-header": {
+      "optional": true
+    },
+    "@tiptap/extension-table-row": {
+      "optional": true
+    },
+    "@tiptap/extension-task-item": {
+      "optional": true
+    },
+    "@tiptap/extension-task-list": {
+      "optional": true
+    },
+    "@tiptap/extension-text-align": {
+      "optional": true
+    },
+    "@tiptap/extension-underline": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@tiptap/pm": "^2.11.0",
+    "happy-dom": "^20.10.6",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.3",
+    "vitest": "^2.1.3"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "typecheck": "tsc --noEmit",
+    "test:unit": "vitest run"
+  }
+}