@cou.sh/nuxt 1.0.1

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

@@ -0,0 +1,102 @@
+<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 { search } = useLucideIcons();
+const iconName = computed(() => props.node.attrs.name || "");
+const iconSizeClass = computed(() => {
+  const resolved = props.editor.state.doc.resolve(props.getPos());
+  const parent = resolved.parent;
+  if (parent.type.name === "heading") {
+    const level = parent.attrs.level;
+    switch (level) {
+      case 1:
+        return "size-8";
+      case 2:
+        return "size-7";
+      case 3:
+        return "size-6";
+      case 4:
+        return "size-5";
+      default:
+        return "size-5";
+    }
+  }
+  return "size-5";
+});
+const open = ref(false);
+const query = ref("");
+const results = computed(() => search(query.value, 80));
+function pickIcon(name) {
+  props.updateAttributes({ name });
+  open.value = false;
+  query.value = "";
+}
+function displayName(name) {
+  return name.replace("i-lucide-", "").replace(/-/g, " ");
+}
+</script>
+
+<template>
+  <NodeViewWrapper as="span" class="inline-flex items-center align-middle" data-drag-handle draggable="true">
+    <UPopover v-model:open="open" :ui="{ content: 'w-72' }">
+      <button
+        type="button"
+        class="inline-flex items-center rounded hover:bg-[var(--ui-bg-elevated)] transition-colors cursor-grab active:cursor-grabbing"
+        :class="iconName ? 'px-0.5 py-0.5' : 'px-1.5 py-0.5 border border-dashed border-[var(--ui-border)]'"
+      >
+        <UIcon
+          v-if="iconName"
+          :name="iconName"
+          :class="iconSizeClass"
+        />
+        <span v-else class="text-xs text-[var(--ui-text-muted)]">Pick icon</span>
+      </button>
+
+      <template #content>
+        <div class="flex flex-col gap-2 p-2">
+          <UInput
+            v-model="query"
+            placeholder="Search icons..."
+            icon="i-lucide-search"
+            size="sm"
+            autofocus
+          />
+
+          <div v-if="iconName" class="flex items-center gap-1.5 px-1">
+            <span class="text-xs text-[var(--ui-text-muted)] truncate">{{ displayName(iconName) }}</span>
+          </div>
+
+          <div class="grid grid-cols-8 gap-0.5 max-h-52 overflow-y-auto">
+            <button
+              v-for="icon in results"
+              :key="icon"
+              type="button"
+              class="flex items-center justify-center rounded p-1.5 cursor-pointer transition-colors"
+              :class="icon === iconName ? 'bg-[var(--ui-bg-inverted)] text-[var(--ui-text-inverted)]' : 'hover:bg-[var(--ui-bg-elevated)] text-[var(--ui-text)]'"
+              :title="displayName(icon)"
+              @click="pickIcon(icon)"
+            >
+              <UIcon :name="icon" class="size-5" />
+            </button>
+          </div>
+
+          <p v-if="!results.length" class="text-xs text-[var(--ui-text-muted)] text-center py-4">
+            No icons found
+          </p>
+        </div>
+      </template>
+    </UPopover>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/IconWidget.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/InputDateWidget.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/InputDateWidget.vue

@@ -0,0 +1,38 @@
+<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
+    });
+  }
+});
+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>
+    <UInputDate v-model="value" size="xs" />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/InputDateWidget.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/ScrollAreaWidget.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/ScrollAreaWidget.vue

@@ -0,0 +1,41 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } 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 orientation = computed(() => props.node.attrs.orientation || "vertical");
+const height = computed(() => props.node.attrs.height || 384);
+</script>
+
+<template>
+  <NodeViewWrapper class="my-2" data-drag-handle>
+    <div
+      class="rounded-[var(--ui-radius)] border border-[var(--ui-border)] overflow-hidden"
+    >
+      <div class="flex items-center gap-2 px-3 py-1.5 bg-[var(--ui-bg-elevated)] border-b border-[var(--ui-border)]">
+        <UIcon name="i-lucide-scroll" class="size-4 text-[var(--ui-text-muted)]" />
+        <span class="text-xs text-[var(--ui-text-muted)] select-none">Scroll Area</span>
+        <span class="text-xs text-[var(--ui-text-dimmed)] select-none ml-auto">{{ height }}px</span>
+      </div>
+
+      <UScrollArea
+        :orientation="orientation"
+        class="w-full"
+        :style="{ height: `${height}px` }"
+        :ui="{ viewport: 'p-4' }"
+      >
+        <NodeViewContent class="min-h-full" />
+      </UScrollArea>
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/ScrollAreaWidget.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/SliderWidget.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/SliderWidget.vue

@@ -0,0 +1,42 @@
+<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 value = computed({
+  get: () => props.node.attrs.value,
+  set: (val) => {
+    props.updateAttributes({ value: val });
+  }
+});
+const min = computed(() => props.node.attrs.min ?? 0);
+const max = computed(() => props.node.attrs.max ?? 100);
+const step = computed(() => props.node.attrs.step ?? 1);
+const label = computed(() => props.node.attrs.label || "");
+</script>
+
+<template>
+  <NodeViewWrapper class="my-2">
+    <div class="flex items-center gap-3">
+      <span v-if="label" class="text-sm text-[var(--ui-text-muted)] shrink-0">{{ label }}</span>
+      <USlider
+        v-model="value"
+        :min="min"
+        :max="max"
+        :step="step"
+        class="flex-1"
+      />
+      <span class="text-sm text-[var(--ui-text-muted)] tabular-nums w-8 text-right shrink-0">{{ value }}</span>
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/SliderWidget.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/SwitchWidget.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/SwitchWidget.vue

@@ -0,0 +1,35 @@
+<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">
+    <USwitch
+      v-model="checked"
+      :label="label"
+      size="xs"
+      unchecked-icon="i-lucide-x"
+      checked-icon="i-lucide-check"
+    />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/SwitchWidget.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/TabPanelWidget.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/TabPanelWidget.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+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 }
+});
+</script>
+
+<template>
+  <NodeViewWrapper class="tab-panel-wrapper" data-tab-panel>
+    <NodeViewContent class="min-h-[2rem]" />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/components/widgets/TabPanelWidget.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/TabsWidget.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/TabsWidget.vue

@@ -0,0 +1,109 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } 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 activeTab = ref(0);
+const tabs = computed(() => {
+  const panels = [];
+  props.node.forEach((child) => {
+    panels.push({
+      label: child.attrs.label || `Tab ${panels.length + 1}`,
+      icon: child.attrs.icon || void 0
+    });
+  });
+  return panels;
+});
+const items = computed(
+  () => tabs.value.map((tab, index) => ({
+    label: tab.label,
+    icon: tab.icon,
+    value: String(index)
+  }))
+);
+const activeValue = computed({
+  get: () => String(activeTab.value),
+  set: (val) => {
+    activeTab.value = Number(val);
+  }
+});
+function addTab() {
+  const pos = props.getPos();
+  if (typeof pos !== "number") return;
+  const endPos = pos + props.node.nodeSize - 1;
+  props.editor.chain().focus().insertContentAt(endPos, {
+    type: "tabPanel",
+    attrs: { label: `Tab ${props.node.childCount + 1}` },
+    content: [{ type: "paragraph" }]
+  }).run();
+  nextTick(() => {
+    activeTab.value = props.node.childCount - 1;
+  });
+}
+function removeTab(index) {
+  if (props.node.childCount <= 1) return;
+  const pos = props.getPos();
+  if (typeof pos !== "number") return;
+  let offset = 1;
+  for (let i = 0; i < index; i++) {
+    offset += props.node.child(i).nodeSize;
+  }
+  const child = props.node.child(index);
+  const from = pos + offset;
+  const to = from + child.nodeSize;
+  props.editor.chain().focus().deleteRange({ from, to }).run();
+  if (activeTab.value >= props.node.childCount - 1) {
+    activeTab.value = Math.max(0, props.node.childCount - 2);
+  }
+}
+</script>
+
+<template>
+  <NodeViewWrapper class="my-2 tabs-widget" :data-active-tab="activeTab" data-drag-handle>
+    <div class="rounded-[var(--ui-radius)] border border-[var(--ui-border)] overflow-hidden">
+      <div class="flex items-center bg-[var(--ui-bg-elevated)] border-b border-[var(--ui-border)]">
+        <UTabs
+          v-model="activeValue"
+          :items="items"
+          variant="link"
+          :content="false"
+          :ui="{ trigger: 'grow' }"
+          class="flex-1"
+        />
+        <div class="flex items-center gap-0.5 px-2">
+          <UButton
+            icon="i-lucide-plus"
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            @click="addTab"
+          />
+          <UButton
+            v-if="node.childCount > 1"
+            icon="i-lucide-x"
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            @click="removeTab(activeTab)"
+          />
+        </div>
+      </div>
+
+      <NodeViewContent class="tabs-widget-content" />
+    </div>
+  </NodeViewWrapper>
+</template>
+
+<style scoped>
+.tabs-widget-content :deep([data-tab-panel]){display:none}.tabs-widget[data-active-tab="0"] .tabs-widget-content :deep([data-tab-panel]:first-child),.tabs-widget[data-active-tab="1"] .tabs-widget-content :deep([data-tab-panel]:nth-child(2)),.tabs-widget[data-active-tab="2"] .tabs-widget-content :deep([data-tab-panel]:nth-child(3)),.tabs-widget[data-active-tab="3"] .tabs-widget-content :deep([data-tab-panel]:nth-child(4)),.tabs-widget[data-active-tab="4"] .tabs-widget-content :deep([data-tab-panel]:nth-child(5)),.tabs-widget[data-active-tab="5"] .tabs-widget-content :deep([data-tab-panel]:nth-child(6)),.tabs-widget[data-active-tab="6"] .tabs-widget-content :deep([data-tab-panel]:nth-child(7)),.tabs-widget[data-active-tab="7"] .tabs-widget-content :deep([data-tab-panel]:nth-child(8)){display:block;padding:1rem}
+</style>

package/dist/runtime/components/widgets/TabsWidget.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/index.d.ts

@@ -0,0 +1,13 @@
+import { Node } from '@tiptap/core';
+export declare const SwitchWidget: Node<any, any>;
+export declare const CheckboxWidget: Node<any, any>;
+export declare const ButtonWidget: Node<any, any>;
+export declare const SliderWidget: Node<any, any>;
+export declare const ColorPickerWidget: Node<any, any>;
+export declare const CalendarWidget: Node<any, any>;
+export declare const InputDateWidget: Node<any, any>;
+export declare const ScrollAreaWidget: Node<any, any>;
+export declare const TabPanel: Node<any, any>;
+export declare const TabsWidget: Node<any, any>;
+export declare const IconWidget: Node<any, any>;
+export declare const AllWidgets: Node<any, any>[];