@cou.sh/nuxt 1.0.1

package/dist/runtime/composables/useEditorDragHandle.js

@@ -0,0 +1,130 @@
+import { upperFirst } from "scule";
+import { mapEditorItems } from "@nuxt/ui/utils/editor";
+const CONVERTIBLE_TYPES = ["paragraph", "heading", "bulletList", "orderedList", "taskList", "blockquote", "codeBlock", "listItem", "taskItem"];
+export function useEditorDragHandle(customHandlers) {
+  const selectedNode = ref();
+  const getTypeSpecificItems = (editor, nodeType) => {
+    const pos = selectedNode.value?.pos;
+    if (CONVERTIBLE_TYPES.includes(nodeType)) {
+      return [{
+        label: "Turn into",
+        icon: "i-lucide-repeat-2",
+        children: [
+          { kind: "paragraph", label: "Paragraph", icon: "i-lucide-type" },
+          { kind: "heading", level: 1, label: "Heading 1", icon: "i-lucide-heading-1" },
+          { kind: "heading", level: 2, label: "Heading 2", icon: "i-lucide-heading-2" },
+          { kind: "heading", level: 3, label: "Heading 3", icon: "i-lucide-heading-3" },
+          { kind: "heading", level: 4, label: "Heading 4", icon: "i-lucide-heading-4" },
+          { kind: "bulletList", label: "Bullet List", icon: "i-lucide-list" },
+          { kind: "orderedList", label: "Ordered List", icon: "i-lucide-list-ordered" },
+          { kind: "taskList", label: "Task List", icon: "i-lucide-list-check" },
+          { kind: "blockquote", label: "Blockquote", icon: "i-lucide-text-quote" },
+          { kind: "codeBlock", label: "Code Block", icon: "i-lucide-square-code" }
+        ]
+      }, {
+        kind: "clearFormatting",
+        pos,
+        label: "Reset formatting",
+        icon: "i-lucide-rotate-ccw"
+      }];
+    }
+    if (nodeType === "image") {
+      const node = pos !== void 0 ? editor.state.doc.nodeAt(pos) : null;
+      return [{
+        label: "Download image",
+        icon: "i-lucide-download",
+        to: node?.attrs?.src,
+        download: true
+      }];
+    }
+    if (nodeType === "table") {
+      return [{
+        label: "Clear all contents",
+        icon: "i-lucide-square-x",
+        onSelect: () => {
+          if (pos === void 0) return;
+          const tableNode = editor.state.doc.nodeAt(pos);
+          if (!tableNode) return;
+          const cellRanges = [];
+          tableNode.descendants((node, nodePos) => {
+            if (node.type.name === "tableCell" || node.type.name === "tableHeader") {
+              const cellStart = pos + 1 + nodePos + 1;
+              const cellEnd = cellStart + node.content.size;
+              if (node.content.size > 0) {
+                cellRanges.push({ from: cellStart, to: cellEnd });
+              }
+            }
+            return true;
+          });
+          const { tr } = editor.state;
+          cellRanges.reverse().forEach(({ from, to }) => {
+            tr.delete(from, to);
+          });
+          editor.view.dispatch(tr);
+        }
+      }];
+    }
+    return [];
+  };
+  const getItems = (editor) => {
+    if (!selectedNode.value?.node?.type) {
+      return [];
+    }
+    const nodeType = selectedNode.value.node.type;
+    const typeSpecificItems = getTypeSpecificItems(editor, nodeType);
+    return mapEditorItems(editor, [[
+      {
+        type: "label",
+        label: upperFirst(nodeType)
+      },
+      ...typeSpecificItems
+    ], [
+      {
+        kind: "duplicate",
+        pos: selectedNode.value?.pos,
+        label: "Duplicate",
+        icon: "i-lucide-copy"
+      },
+      {
+        label: "Copy to clipboard",
+        icon: "i-lucide-clipboard",
+        onSelect: async () => {
+          if (!selectedNode.value) return;
+          const pos = selectedNode.value.pos;
+          const node = editor.state.doc.nodeAt(pos);
+          if (node) {
+            await navigator.clipboard.writeText(node.textContent);
+          }
+        }
+      }
+    ], [
+      {
+        kind: "moveUp",
+        pos: selectedNode.value?.pos,
+        label: "Move up",
+        icon: "i-lucide-arrow-up"
+      },
+      {
+        kind: "moveDown",
+        pos: selectedNode.value?.pos,
+        label: "Move down",
+        icon: "i-lucide-arrow-down"
+      }
+    ], [
+      {
+        kind: "delete",
+        pos: selectedNode.value?.pos,
+        label: "Delete",
+        icon: "i-lucide-trash"
+      }
+    ]], customHandlers);
+  };
+  const onNodeChange = (event) => {
+    selectedNode.value = event;
+  };
+  return {
+    selectedNode,
+    getItems,
+    onNodeChange
+  };
+}

package/dist/runtime/composables/useEditorEmojis.d.ts

@@ -0,0 +1,4 @@
+import type { EditorEmojiMenuItem } from '@nuxt/ui';
+export declare function useEditorEmojis(): {
+    items: EditorEmojiMenuItem[];
+};

package/dist/runtime/composables/useEditorEmojis.js

@@ -0,0 +1,9 @@
+import { gitHubEmojis } from "@tiptap/extension-emoji";
+export function useEditorEmojis() {
+  const items = gitHubEmojis.filter(
+    (emoji) => !emoji.name.startsWith("regional_indicator_")
+  );
+  return {
+    items
+  };
+}

package/dist/runtime/composables/useEditorMentions.d.ts

@@ -0,0 +1,4 @@
+import type { CollaborationUser } from './useEditorCollaboration.js';
+export declare function useEditorMentions(collaborationUsers?: Ref<CollaborationUser[]>): {
+    items: any;
+};

package/dist/runtime/composables/useEditorMentions.js

@@ -0,0 +1,27 @@
+const FALLBACK_USERS = [{
+  label: "benjamincanac",
+  avatar: { src: "https://avatars.githubusercontent.com/u/739984?v=4" }
+}, {
+  label: "atinux",
+  avatar: { src: "https://avatars.githubusercontent.com/u/904724?v=4" }
+}, {
+  label: "HugoRCD",
+  avatar: { src: "https://avatars.githubusercontent.com/u/71938701?v=4" }
+}];
+export function useEditorMentions(collaborationUsers) {
+  const items = computed(() => {
+    if (!collaborationUsers?.value?.length) {
+      return FALLBACK_USERS;
+    }
+    return collaborationUsers.value.map((user) => ({
+      label: user.name,
+      avatar: {
+        alt: user.name,
+        style: { color: user.color }
+      }
+    }));
+  });
+  return {
+    items
+  };
+}

package/dist/runtime/composables/useEditorSuggestions.d.ts

@@ -0,0 +1,149 @@
+import type { EditorCustomHandlers } from '@nuxt/ui';
+export declare function useEditorSuggestions<T extends EditorCustomHandlers>(_customHandlers?: T): {
+    items: (({
+        type: "label";
+        label: string;
+        kind?: undefined;
+        icon?: undefined;
+        level?: undefined;
+    } | {
+        kind: "paragraph";
+        label: string;
+        icon: string;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "heading";
+        level: 1;
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "heading";
+        level: 2;
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "heading";
+        level: 3;
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "bulletList";
+        label: string;
+        icon: string;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "orderedList";
+        label: string;
+        icon: string;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "taskList";
+        label: string;
+        icon: string;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "blockquote";
+        label: string;
+        icon: string;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "codeBlock";
+        label: string;
+        icon: string;
+        type?: undefined;
+        level?: undefined;
+    })[] | ({
+        type: "label";
+        label: string;
+        kind?: undefined;
+        icon?: undefined;
+    } | {
+        kind: "mention";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "emoji";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "imageUpload";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "table";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "horizontalRule";
+        label: string;
+        icon: string;
+        type?: undefined;
+    })[] | ({
+        type: "label";
+        label: string;
+        kind?: undefined;
+        icon?: undefined;
+    } | {
+        kind: "switchWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "checkboxWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "buttonWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "sliderWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "colorPickerWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "calendarWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "inputDateWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "scrollAreaWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "iconWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    } | {
+        kind: "tabsWidget";
+        label: string;
+        icon: string;
+        type?: undefined;
+    })[])[];
+};

package/dist/runtime/composables/useEditorSuggestions.js

@@ -0,0 +1,114 @@
+export function useEditorSuggestions(_customHandlers) {
+  const items = [[{
+    type: "label",
+    label: "Style"
+  }, {
+    kind: "paragraph",
+    label: "Paragraph",
+    icon: "i-lucide-type"
+  }, {
+    kind: "heading",
+    level: 1,
+    label: "Heading 1",
+    icon: "i-lucide-heading-1"
+  }, {
+    kind: "heading",
+    level: 2,
+    label: "Heading 2",
+    icon: "i-lucide-heading-2"
+  }, {
+    kind: "heading",
+    level: 3,
+    label: "Heading 3",
+    icon: "i-lucide-heading-3"
+  }, {
+    kind: "bulletList",
+    label: "Bullet List",
+    icon: "i-lucide-list"
+  }, {
+    kind: "orderedList",
+    label: "Numbered List",
+    icon: "i-lucide-list-ordered"
+  }, {
+    kind: "taskList",
+    label: "Task List",
+    icon: "i-lucide-list-check"
+  }, {
+    kind: "blockquote",
+    label: "Blockquote",
+    icon: "i-lucide-text-quote"
+  }, {
+    kind: "codeBlock",
+    label: "Code Block",
+    icon: "i-lucide-square-code"
+  }], [{
+    type: "label",
+    label: "Insert"
+  }, {
+    kind: "mention",
+    label: "Mention",
+    icon: "i-lucide-at-sign"
+  }, {
+    kind: "emoji",
+    label: "Emoji",
+    icon: "i-lucide-smile-plus"
+  }, {
+    kind: "imageUpload",
+    label: "Image",
+    icon: "i-lucide-image"
+  }, {
+    kind: "table",
+    label: "Table",
+    icon: "i-lucide-table"
+  }, {
+    kind: "horizontalRule",
+    label: "Horizontal Rule",
+    icon: "i-lucide-separator-horizontal"
+  }], [{
+    type: "label",
+    label: "Widgets"
+  }, {
+    kind: "switchWidget",
+    label: "Toggle Switch",
+    icon: "i-lucide-toggle-right"
+  }, {
+    kind: "checkboxWidget",
+    label: "Checkbox",
+    icon: "i-lucide-square-check"
+  }, {
+    kind: "buttonWidget",
+    label: "Button",
+    icon: "i-lucide-mouse-pointer-click"
+  }, {
+    kind: "sliderWidget",
+    label: "Slider",
+    icon: "i-lucide-sliders-horizontal"
+  }, {
+    kind: "colorPickerWidget",
+    label: "Color Picker",
+    icon: "i-lucide-palette"
+  }, {
+    kind: "calendarWidget",
+    label: "Calendar",
+    icon: "i-lucide-calendar"
+  }, {
+    kind: "inputDateWidget",
+    label: "Date Input",
+    icon: "i-lucide-calendar-days"
+  }, {
+    kind: "scrollAreaWidget",
+    label: "Scroll Area",
+    icon: "i-lucide-scroll"
+  }, {
+    kind: "iconWidget",
+    label: "Icon",
+    icon: "i-lucide-star"
+  }, {
+    kind: "tabsWidget",
+    label: "Tabs",
+    icon: "i-lucide-panel-top"
+  }]];
+  return {
+    items
+  };
+}

package/dist/runtime/composables/useEditorToolbar.d.ts

@@ -0,0 +1,12 @@
+import type { EditorToolbarItem, EditorCustomHandlers } from '@nuxt/ui';
+import type { Editor } from '@tiptap/vue-3';
+interface UseEditorToolbarOptions {
+    aiLoading?: Ref<boolean | undefined>;
+}
+export declare function useEditorToolbar<T extends EditorCustomHandlers>(_customHandlers?: T, options?: UseEditorToolbarOptions): {
+    toolbarItems: EditorToolbarItem<T>[][];
+    bubbleToolbarItems: any;
+    getImageToolbarItems: (editor: Editor) => EditorToolbarItem<T>[][];
+    getTableToolbarItems: (editor: Editor) => EditorToolbarItem<T>[][];
+};
+export {};

package/dist/runtime/composables/useEditorToolbar.js

@@ -0,0 +1,194 @@
+export function useEditorToolbar(_customHandlers, options = {}) {
+  const { aiLoading } = options;
+  const toolbarItems = [[{
+    kind: "undo",
+    icon: "i-lucide-undo",
+    tooltip: { text: "Undo" }
+  }, {
+    kind: "redo",
+    icon: "i-lucide-redo",
+    tooltip: { text: "Redo" }
+  }], [{
+    kind: "imageUpload",
+    label: "Add",
+    icon: "i-lucide-image",
+    tooltip: { text: "Add image" }
+  }]];
+  const bubbleToolbarItems = computed(() => [[{
+    label: "Turn into",
+    trailingIcon: "i-lucide-chevron-down",
+    activeColor: "neutral",
+    activeVariant: "ghost",
+    tooltip: { text: "Turn into" },
+    content: {
+      align: "start"
+    },
+    ui: {
+      label: "text-xs"
+    },
+    items: [{
+      type: "label",
+      label: "Turn into"
+    }, {
+      kind: "paragraph",
+      label: "Paragraph",
+      icon: "i-lucide-type"
+    }, {
+      kind: "heading",
+      level: 1,
+      label: "Heading 1",
+      icon: "i-lucide-heading-1"
+    }, {
+      kind: "heading",
+      level: 2,
+      label: "Heading 2",
+      icon: "i-lucide-heading-2"
+    }, {
+      kind: "heading",
+      level: 3,
+      label: "Heading 3",
+      icon: "i-lucide-heading-3"
+    }, {
+      kind: "heading",
+      level: 4,
+      label: "Heading 4",
+      icon: "i-lucide-heading-4"
+    }, {
+      kind: "bulletList",
+      label: "Bullet List",
+      icon: "i-lucide-list"
+    }, {
+      kind: "orderedList",
+      label: "Ordered List",
+      icon: "i-lucide-list-ordered"
+    }, {
+      kind: "taskList",
+      label: "Task List",
+      icon: "i-lucide-list-check"
+    }, {
+      kind: "blockquote",
+      label: "Blockquote",
+      icon: "i-lucide-text-quote"
+    }, {
+      kind: "codeBlock",
+      label: "Code Block",
+      icon: "i-lucide-square-code"
+    }]
+  }], [{
+    kind: "mark",
+    mark: "bold",
+    icon: "i-lucide-bold",
+    tooltip: { text: "Bold" }
+  }, {
+    kind: "mark",
+    mark: "italic",
+    icon: "i-lucide-italic",
+    tooltip: { text: "Italic" }
+  }, {
+    kind: "mark",
+    mark: "underline",
+    icon: "i-lucide-underline",
+    tooltip: { text: "Underline" }
+  }, {
+    kind: "mark",
+    mark: "strike",
+    icon: "i-lucide-strikethrough",
+    tooltip: { text: "Strikethrough" }
+  }, {
+    kind: "mark",
+    mark: "code",
+    icon: "i-lucide-code",
+    tooltip: { text: "Code" }
+  }], [{
+    slot: "link",
+    icon: "i-lucide-link"
+  }, {
+    kind: "imageUpload",
+    icon: "i-lucide-image",
+    tooltip: { text: "Image" }
+  }]]);
+  const getImageToolbarItems = (editor) => {
+    const node = editor.state.doc.nodeAt(editor.state.selection.from);
+    return [[{
+      icon: "i-lucide-download",
+      to: node?.attrs?.src,
+      download: true,
+      tooltip: { text: "Download" }
+    }, {
+      icon: "i-lucide-refresh-cw",
+      tooltip: { text: "Replace" },
+      onClick: () => {
+        const { state } = editor;
+        const { selection } = state;
+        const pos = selection.from;
+        const node2 = state.doc.nodeAt(pos);
+        if (node2 && node2.type.name === "image") {
+          editor.chain().focus().deleteRange({ from: pos, to: pos + node2.nodeSize }).insertContentAt(pos, { type: "imageUpload" }).run();
+        }
+      }
+    }], [{
+      icon: "i-lucide-trash",
+      tooltip: { text: "Delete" },
+      onClick: () => {
+        const { state } = editor;
+        const { selection } = state;
+        const pos = selection.from;
+        const node2 = state.doc.nodeAt(pos);
+        if (node2 && node2.type.name === "image") {
+          editor.chain().focus().deleteRange({ from: pos, to: pos + node2.nodeSize }).run();
+        }
+      }
+    }]];
+  };
+  const getTableToolbarItems = (editor) => {
+    return [[{
+      icon: "i-lucide-between-vertical-start",
+      tooltip: { text: "Add row above" },
+      onClick: () => {
+        editor.chain().focus().addRowBefore().run();
+      }
+    }, {
+      icon: "i-lucide-between-vertical-end",
+      tooltip: { text: "Add row below" },
+      onClick: () => {
+        editor.chain().focus().addRowAfter().run();
+      }
+    }, {
+      icon: "i-lucide-between-horizontal-start",
+      tooltip: { text: "Add column before" },
+      onClick: () => {
+        editor.chain().focus().addColumnBefore().run();
+      }
+    }, {
+      icon: "i-lucide-between-horizontal-end",
+      tooltip: { text: "Add column after" },
+      onClick: () => {
+        editor.chain().focus().addColumnAfter().run();
+      }
+    }], [{
+      icon: "i-lucide-rows-3",
+      tooltip: { text: "Delete row" },
+      onClick: () => {
+        editor.chain().focus().deleteRow().run();
+      }
+    }, {
+      icon: "i-lucide-columns-3",
+      tooltip: { text: "Delete column" },
+      onClick: () => {
+        editor.chain().focus().deleteColumn().run();
+      }
+    }], [{
+      icon: "i-lucide-trash",
+      tooltip: { text: "Delete table" },
+      onClick: () => {
+        editor.chain().focus().deleteTable().run();
+      }
+    }]];
+  };
+  return {
+    toolbarItems,
+    bubbleToolbarItems,
+    getImageToolbarItems,
+    getTableToolbarItems
+  };
+}

package/dist/runtime/composables/useLucideIcons.d.ts

@@ -0,0 +1,4 @@
+export declare function useLucideIcons(): {
+    icons: string[];
+    search: (query: string, limit?: number) => string[];
+};

package/dist/runtime/composables/useLucideIcons.js

@@ -0,0 +1,16 @@
+import * as lucideIcons from "lucide-vue-next";
+function toKebab(str) {
+  return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+const allIcons = Object.keys(lucideIcons).filter((key) => /^[A-Z]/.test(key) && !key.endsWith("Icon") && key !== "default").map((key) => `i-lucide-${toKebab(key)}`).sort();
+export function useLucideIcons() {
+  function search(query, limit = 60) {
+    if (!query) return allIcons.slice(0, limit);
+    const q = query.toLowerCase().replace(/\s+/g, "-");
+    return allIcons.filter((name) => name.includes(q)).slice(0, limit);
+  }
+  return {
+    icons: allIcons,
+    search
+  };
+}

package/dist/runtime/composables/useOnlineStatus.d.ts

@@ -0,0 +1,6 @@
+export declare function useOnlineStatus(): {
+    isOnline: import("vue").Ref<boolean, boolean>;
+    lastOnline: import("vue").Ref<Date, Date>;
+    pendingUploads: import("vue").Ref<number, number>;
+    refreshPendingUploads: () => Promise<void>;
+};