@cou.sh/nuxt 1.0.1

package/dist/runtime/components/editor/CompletionExtension.js

@@ -0,0 +1,133 @@
+import { Extension } from "@tiptap/core";
+import { Decoration, DecorationSet } from "@tiptap/pm/view";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { useDebounceFn } from "@vueuse/core";
+export const completionPluginKey = new PluginKey("completion");
+export const Completion = Extension.create({
+  name: "completion",
+  addOptions() {
+    return {
+      autoTrigger: false,
+      debounce: 250,
+      triggerCharacters: ["/", ":", "@"],
+      onTrigger: void 0,
+      onAccept: void 0,
+      onDismiss: void 0
+    };
+  },
+  addStorage() {
+    return {
+      suggestion: "",
+      position: void 0,
+      visible: false,
+      debouncedTrigger: null,
+      setSuggestion(text) {
+        this.suggestion = text;
+      },
+      clearSuggestion() {
+        this.suggestion = "";
+        this.position = void 0;
+        this.visible = false;
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const storage = this.storage;
+    return [
+      new Plugin({
+        key: completionPluginKey,
+        props: {
+          decorations(state) {
+            if (!storage.visible || !storage.suggestion || storage.position === void 0) {
+              return DecorationSet.empty;
+            }
+            const widget = Decoration.widget(storage.position, () => {
+              const span = document.createElement("span");
+              span.className = "completion-suggestion";
+              span.textContent = storage.suggestion;
+              span.style.cssText = "color: var(--ui-text-muted); opacity: 0.6; pointer-events: none;";
+              return span;
+            }, { side: 1 });
+            return DecorationSet.create(state.doc, [widget]);
+          }
+        }
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-j": ({ editor }) => {
+        if (this.storage.visible) {
+          this.storage.clearSuggestion();
+          this.options.onDismiss?.();
+        }
+        this.storage.debouncedTrigger?.(editor);
+        return true;
+      },
+      "Tab": ({ editor }) => {
+        if (!this.storage.visible || !this.storage.suggestion || this.storage.position === void 0) {
+          return false;
+        }
+        const suggestion = this.storage.suggestion;
+        const position = this.storage.position;
+        this.storage.clearSuggestion();
+        editor.view.dispatch(editor.state.tr.setMeta("completionUpdate", true));
+        editor.chain().focus().insertContentAt(position, suggestion).run();
+        this.options.onAccept?.();
+        return true;
+      },
+      "Escape": ({ editor }) => {
+        if (this.storage.visible) {
+          this.storage.clearSuggestion();
+          editor.view.dispatch(editor.state.tr.setMeta("completionUpdate", true));
+          this.options.onDismiss?.();
+          return true;
+        }
+        return false;
+      }
+    };
+  },
+  onUpdate({ editor }) {
+    if (this.storage.visible) {
+      this.storage.clearSuggestion();
+      editor.view.dispatch(editor.state.tr.setMeta("completionUpdate", true));
+      this.options.onDismiss?.();
+    }
+    if (this.options.autoTrigger) {
+      this.storage.debouncedTrigger?.(editor);
+    }
+  },
+  onSelectionUpdate({ editor }) {
+    if (this.storage.visible) {
+      this.storage.clearSuggestion();
+      editor.view.dispatch(editor.state.tr.setMeta("completionUpdate", true));
+      this.options.onDismiss?.();
+    }
+  },
+  onCreate() {
+    const storage = this.storage;
+    const options = this.options;
+    this.storage.debouncedTrigger = useDebounceFn((editor) => {
+      if (!options.onTrigger) return;
+      const { state } = editor;
+      const { selection } = state;
+      const { $from } = selection;
+      const isAtEndOfBlock = $from.parentOffset === $from.parent.content.size;
+      const hasContent = $from.parent.textContent.trim().length > 0;
+      const textContent = $from.parent.textContent;
+      const endsWithPunctuation = /[.!?]\s*$/.test(textContent);
+      const triggerChars = options.triggerCharacters || [];
+      const endsWithTrigger = triggerChars.some((char) => textContent.endsWith(char));
+      if (!isAtEndOfBlock || !hasContent || endsWithPunctuation || endsWithTrigger) {
+        return;
+      }
+      storage.position = selection.from;
+      storage.visible = true;
+      options.onTrigger(editor);
+    }, options.debounce || 250);
+  },
+  onDestroy() {
+    this.storage.debouncedTrigger = null;
+  }
+});
+export default Completion;

package/dist/runtime/components/editor/ImageUploadExtension.d.ts

@@ -0,0 +1,10 @@
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        imageUpload: {
+            insertImageUpload: () => ReturnType;
+        };
+    }
+}
+export declare const ImageUpload: Node<any, any>;
+export default ImageUpload;

package/dist/runtime/components/editor/ImageUploadExtension.js

@@ -0,0 +1,31 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import ImageUploadNodeComponent from "./ImageUploadNode.vue";
+export const ImageUpload = Node.create({
+  name: "imageUpload",
+  group: "block",
+  atom: true,
+  draggable: true,
+  addAttributes() {
+    return {};
+  },
+  parseHTML() {
+    return [{
+      tag: 'div[data-type="image-upload"]'
+    }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-type": "image-upload" })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(ImageUploadNodeComponent);
+  },
+  addCommands() {
+    return {
+      insertImageUpload: () => ({ commands }) => {
+        return commands.insertContent({ type: this.name });
+      }
+    };
+  }
+});
+export default ImageUpload;

package/dist/runtime/components/editor/ImageUploadNode.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/ImageUploadNode.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const file = ref(null);
+const loading = ref(false);
+watch(file, async (newFile) => {
+  if (!newFile) return;
+  loading.value = true;
+  const reader = new FileReader();
+  reader.onload = async (e) => {
+    const dataUrl = e.target?.result;
+    if (!dataUrl) {
+      loading.value = false;
+      return;
+    }
+    const pos = props.getPos();
+    if (typeof pos !== "number") {
+      loading.value = false;
+      return;
+    }
+    props.editor.chain().focus().deleteRange({ from: pos, to: pos + 1 }).setImage({ src: dataUrl }).run();
+    loading.value = false;
+  };
+  reader.readAsDataURL(newFile);
+});
+</script>
+
+<template>
+  <NodeViewWrapper>
+    <UFileUpload
+      v-model="file"
+      accept="image/*"
+      label="Upload an image"
+      description="SVG, PNG, JPG or GIF (max. 2MB)"
+      :preview="false"
+      class="min-h-48"
+    >
+      <template #leading>
+        <UAvatar
+          :icon="loading ? 'i-lucide-loader-circle' : 'i-lucide-image'"
+          size="xl"
+          :ui="{ icon: [loading && 'animate-spin'] }"
+        />
+      </template>
+    </UFileUpload>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/editor/ImageUploadNode.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/LinkPopover.d.vue.ts

@@ -0,0 +1,8 @@
+import type { Editor } from '@tiptap/vue-3';
+type __VLS_Props = {
+    editor: Editor;
+    autoOpen?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/LinkPopover.vue

@@ -0,0 +1,131 @@
+<script setup>
+const props = defineProps({
+  editor: { type: Object, required: true },
+  autoOpen: { type: Boolean, required: false }
+});
+const open = ref(false);
+const url = ref("");
+const active = computed(() => props.editor.isActive("link"));
+const disabled = computed(() => {
+  if (!props.editor.isEditable) return true;
+  const { selection } = props.editor.state;
+  return selection.empty && !props.editor.isActive("link");
+});
+watch(() => props.editor, (editor, _, onCleanup) => {
+  if (!editor) return;
+  const updateUrl = () => {
+    const { href } = editor.getAttributes("link");
+    url.value = href || "";
+  };
+  updateUrl();
+  editor.on("selectionUpdate", updateUrl);
+  onCleanup(() => {
+    editor.off("selectionUpdate", updateUrl);
+  });
+}, { immediate: true });
+watch(active, (isActive) => {
+  if (isActive && props.autoOpen) {
+    open.value = true;
+  }
+});
+function setLink() {
+  if (!url.value) return;
+  const { selection } = props.editor.state;
+  const isEmpty = selection.empty;
+  const hasCode = props.editor.isActive("code");
+  let chain = props.editor.chain().focus();
+  if (hasCode && !isEmpty) {
+    chain = chain.extendMarkRange("code").setLink({ href: url.value });
+  } else {
+    chain = chain.extendMarkRange("link").setLink({ href: url.value });
+    if (isEmpty) {
+      chain = chain.insertContent({ type: "text", text: url.value });
+    }
+  }
+  chain.run();
+  open.value = false;
+}
+function removeLink() {
+  props.editor.chain().focus().extendMarkRange("link").unsetLink().setMeta("preventAutolink", true).run();
+  url.value = "";
+  open.value = false;
+}
+function openLink() {
+  if (!url.value) return;
+  window.open(url.value, "_blank", "noopener,noreferrer");
+}
+function handleKeyDown(event) {
+  if (event.key === "Enter") {
+    event.preventDefault();
+    setLink();
+  }
+}
+</script>
+
+<template>
+  <UPopover
+    v-model:open="open"
+    :ui="{ content: 'p-0.5' }"
+  >
+    <UTooltip text="Link">
+      <UButton
+        icon="i-lucide-link"
+        color="neutral"
+        active-color="primary"
+        variant="ghost"
+        active-variant="soft"
+        size="sm"
+        :active="active"
+        :disabled="disabled"
+      />
+    </UTooltip>
+
+    <template #content>
+      <UInput
+        v-model="url"
+        autofocus
+        name="url"
+        type="url"
+        variant="none"
+        placeholder="Paste a link..."
+        @keydown="handleKeyDown"
+      >
+        <div class="flex items-center mr-0.5">
+          <UButton
+            icon="i-lucide-corner-down-left"
+            variant="ghost"
+            size="sm"
+            :disabled="!url && !active"
+            title="Apply link"
+            @click="setLink"
+          />
+
+          <USeparator
+            orientation="vertical"
+            class="h-6 mx-1"
+          />
+
+          <UButton
+            icon="i-lucide-external-link"
+            color="neutral"
+            variant="ghost"
+            size="sm"
+            :disabled="!url && !active"
+            title="Open in new window"
+            @click="openLink"
+          />
+
+          <UButton
+            icon="i-lucide-trash"
+            color="neutral"
+            variant="ghost"
+            size="sm"
+            :disabled="!url && !active"
+            title="Remove link"
+            @click="removeLink"
+          />
+        </div>
+      </UInput>
+    </template>
+  </UPopover>
+</template>

package/dist/runtime/components/editor/LinkPopover.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Editor } from '@tiptap/vue-3';
+type __VLS_Props = {
+    editor: Editor;
+    autoOpen?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/ButtonWidget.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/ButtonWidget.vue

@@ -0,0 +1,32 @@
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const label = computed(() => props.node.attrs.label || "Button");
+const variant = computed(() => props.node.attrs.variant || "solid");
+const color = computed(() => props.node.attrs.color || "primary");
+const icon = computed(() => props.node.attrs.icon || void 0);
+</script>
+
+<template>
+  <NodeViewWrapper as="span" class="inline-flex align-middle mx-0.5">
+    <UButton
+      :label="label"
+      :variant="variant"
+      :color="color"
+      :icon="icon"
+      size="xs"
+    />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/ButtonWidget.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/CalendarWidget.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/CalendarWidget.vue

@@ -0,0 +1,36 @@
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import { CalendarDate } from "@internationalized/date";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const value = computed({
+  get: () => {
+    const raw = props.node.attrs.date;
+    if (!raw) return void 0;
+    const [y, m, d] = raw.split("-").map(Number);
+    return new CalendarDate(y, m, d);
+  },
+  set: (val) => {
+    props.updateAttributes({
+      date: val ? `${val.year}-${String(val.month).padStart(2, "0")}-${String(val.day).padStart(2, "0")}` : null
+    });
+  }
+});
+</script>
+
+<template>
+  <NodeViewWrapper class="my-2 flex" data-drag-handle>
+    <UCalendar v-model="value" />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/CalendarWidget.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/CheckboxWidget.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/CheckboxWidget.vue

@@ -0,0 +1,32 @@
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const checked = computed({
+  get: () => props.node.attrs.checked,
+  set: (value) => {
+    props.updateAttributes({ checked: value });
+  }
+});
+const label = computed(() => props.node.attrs.label || "");
+</script>
+
+<template>
+  <NodeViewWrapper as="span" class="inline-flex items-center align-middle mx-0.5">
+    <UCheckbox
+      v-model="checked"
+      :label="label"
+    />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/CheckboxWidget.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/ColorPickerWidget.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/ColorPickerWidget.vue

@@ -0,0 +1,30 @@
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const color = computed({
+  get: () => props.node.attrs.color,
+  set: (value) => {
+    props.updateAttributes({ color: value });
+  }
+});
+const label = computed(() => props.node.attrs.label || "");
+</script>
+
+<template>
+  <NodeViewWrapper as="span" class="inline-flex items-center align-middle mx-0.5 gap-1.5">
+    <span v-if="label" class="text-sm text-[var(--ui-text-muted)]">{{ label }}</span>
+    <UColorPicker v-model="color" size="xs" />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/ColorPickerWidget.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/widgets/IconWidget.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;