@abraca/nuxt 1.9.1 → 2.0.0

package/dist/runtime/extensions/quote.js

@@ -0,0 +1,39 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import QuoteView from "./views/QuoteView.vue";
+export const Quote = Node.create({
+  name: "quote",
+  group: "block",
+  content: "block+",
+  addAttributes() {
+    return {
+      author: { default: "" },
+      role: { default: "" },
+      avatar: { default: "" }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "blockquote[data-quote]",
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        getAttrs: (el) => ({
+          author: el.getAttribute("data-author") || "",
+          role: el.getAttribute("data-role") || "",
+          avatar: el.getAttribute("data-avatar") || ""
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["blockquote", mergeAttributes({
+      "data-quote": "",
+      "data-author": HTMLAttributes.author,
+      "data-role": HTMLAttributes.role,
+      "data-avatar": HTMLAttributes.avatar
+    }), 0];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(QuoteView);
+  }
+});

package/dist/runtime/extensions/spoiler.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const Spoiler: Node<any, any>;

package/dist/runtime/extensions/spoiler.js

@@ -0,0 +1,36 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import SpoilerView from "./views/SpoilerView.vue";
+export const Spoiler = Node.create({
+  name: "spoiler",
+  group: "block",
+  content: "block+",
+  addAttributes() {
+    return {
+      label: { default: "Spoiler" },
+      revealed: { default: false }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-spoiler]",
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        getAttrs: (el) => ({
+          label: el.getAttribute("data-label") || "Spoiler",
+          revealed: el.getAttribute("data-revealed") === "true"
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes({
+      "data-spoiler": "",
+      "data-label": HTMLAttributes.label,
+      "data-revealed": String(HTMLAttributes.revealed)
+    }), 0];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(SpoilerView);
+  }
+});

package/dist/runtime/extensions/stat.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+export declare const Stat: Node<any, any>;
+export declare const StatGroup: Node<any, any>;

package/dist/runtime/extensions/stat.js

@@ -0,0 +1,58 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import StatView from "./views/StatView.vue";
+import StatGroupView from "./views/StatGroupView.vue";
+export const Stat = Node.create({
+  name: "stat",
+  group: "block",
+  atom: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      label: { default: "Label" },
+      value: { default: "0" },
+      trend: { default: "none" },
+      trendValue: { default: "" }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-stat]",
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        getAttrs: (el) => ({
+          label: el.getAttribute("data-label") || "Label",
+          value: el.getAttribute("data-value") || "0",
+          trend: el.getAttribute("data-trend") || "none",
+          trendValue: el.getAttribute("data-trend-value") || ""
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes({
+      "data-stat": "",
+      "data-label": HTMLAttributes.label,
+      "data-value": HTMLAttributes.value,
+      "data-trend": HTMLAttributes.trend,
+      "data-trend-value": HTMLAttributes.trendValue
+    })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(StatView);
+  }
+});
+export const StatGroup = Node.create({
+  name: "statGroup",
+  group: "block",
+  content: "stat+",
+  parseHTML() {
+    return [{ tag: "div[data-stat-group]" }];
+  },
+  renderHTML() {
+    return ["div", { "data-stat-group": "" }, 0];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(StatGroupView);
+  }
+});

package/dist/runtime/extensions/video.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const Video: Node<any, any>;

package/dist/runtime/extensions/video.js

@@ -0,0 +1,40 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import VideoView from "./views/VideoView.vue";
+export const Video = Node.create({
+  name: "video",
+  group: "block",
+  atom: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      src: { default: "" },
+      aspectRatio: { default: "16/9" },
+      caption: { default: "" }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-video]",
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        getAttrs: (el) => ({
+          src: el.getAttribute("data-src") || "",
+          aspectRatio: el.getAttribute("data-aspect") || "16/9",
+          caption: el.getAttribute("data-caption") || ""
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes({
+      "data-video": "",
+      "data-src": HTMLAttributes.src,
+      "data-aspect": HTMLAttributes.aspectRatio,
+      "data-caption": HTMLAttributes.caption
+    })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(VideoView);
+  }
+});

package/dist/runtime/extensions/views/ButtonGroupView.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/extensions/views/ButtonGroupView.vue

@@ -0,0 +1,25 @@
+<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
+    as="div"
+    class="my-5 flex flex-wrap items-center gap-2 [&>*]:my-0"
+  >
+    <NodeViewContent />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/ButtonGroupView.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/extensions/views/ButtonView.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/extensions/views/ButtonView.vue

@@ -0,0 +1,171 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import AIconPickerPopover from "../../components/editor/AIconPickerPopover.vue";
+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 COLORS = ["primary", "secondary", "success", "info", "warning", "error", "neutral"];
+const VARIANTS = ["solid", "outline", "soft", "ghost", "subtle", "link"];
+const label = computed(() => props.node.attrs.label || "Button");
+const to = computed(() => props.node.attrs.to || "");
+const variant = computed(() => props.node.attrs.variant || "solid");
+const color = computed(() => props.node.attrs.color || "primary");
+const icon = computed(() => props.node.attrs.icon || "");
+const iconShort = computed(() => icon.value.replace(/^i-lucide-/, ""));
+const popoverOpen = ref(false);
+const iconPopoverOpen = ref(false);
+const labelDraft = ref("");
+const linkDraft = ref("");
+watch(popoverOpen, (open) => {
+  if (open) {
+    labelDraft.value = label.value;
+    linkDraft.value = to.value;
+  }
+});
+function commit() {
+  props.updateAttributes({
+    label: labelDraft.value.trim() || "Button",
+    to: linkDraft.value.trim()
+  });
+}
+function setVariant(v) {
+  props.updateAttributes({ variant: v });
+}
+function setColor(c) {
+  props.updateAttributes({ color: c });
+}
+function setIcon(name) {
+  props.updateAttributes({ icon: name ? `i-lucide-${name}` : "" });
+  iconPopoverOpen.value = false;
+}
+function remove() {
+  const pos = props.getPos();
+  if (pos === void 0) return;
+  props.editor.chain().focus().deleteRange({ from: pos, to: pos + 1 }).run();
+  popoverOpen.value = false;
+}
+function onKeydown(e) {
+  if (e.key === "Enter" && !e.shiftKey) {
+    e.preventDefault();
+    commit();
+    popoverOpen.value = false;
+  }
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="my-2 inline-block not-prose align-middle me-2"
+    contenteditable="false"
+  >
+    <UPopover
+      v-model:open="popoverOpen"
+      :content="{ align: 'start' }"
+    >
+      <UButton
+        :color="color"
+        :variant="variant"
+        :icon="icon || void 0"
+        :label="label"
+        class="cursor-pointer"
+      />
+      <template #content>
+        <div class="p-2 w-80 flex flex-col gap-2">
+          <div class="flex items-center gap-1">
+            <AIconPickerPopover
+              :model-value="iconShort"
+              :open="iconPopoverOpen"
+              @update:model-value="setIcon"
+              @update:open="iconPopoverOpen = $event"
+            >
+              <UButton
+                size="sm"
+                color="neutral"
+                variant="ghost"
+                :icon="icon || 'i-lucide-plus'"
+                :title="icon ? 'Change icon' : 'Add icon'"
+                @click.stop="iconPopoverOpen = true"
+              />
+            </AIconPickerPopover>
+            <UInput
+              v-model="labelDraft"
+              autofocus
+              size="sm"
+              placeholder="Button label"
+              class="flex-1"
+              @keydown="onKeydown"
+              @blur="commit"
+            />
+          </div>
+          <UInput
+            v-model="linkDraft"
+            size="sm"
+            placeholder="Link (https://… or /doc/…)"
+            icon="i-lucide-link"
+            @keydown="onKeydown"
+            @blur="commit"
+          />
+          <div class="flex flex-col gap-1">
+            <div class="text-xs text-(--ui-text-muted) px-0.5">
+              Color
+            </div>
+            <div class="grid grid-cols-7 gap-0.5">
+              <button
+                v-for="c in COLORS"
+                :key="c"
+                class="h-7 flex items-center justify-center rounded-sm hover:bg-(--ui-bg-elevated) transition-colors"
+                :class="color === c ? 'bg-(--ui-bg-elevated) ring-1 ring-(--ui-primary)' : ''"
+                :title="c"
+                @click="setColor(c)"
+              >
+                <UBadge
+                  :color="c"
+                  variant="solid"
+                  class="rounded-full pointer-events-none text-[10px] size-3 p-0"
+                />
+              </button>
+            </div>
+          </div>
+          <div class="flex flex-col gap-1">
+            <div class="text-xs text-(--ui-text-muted) px-0.5">
+              Variant
+            </div>
+            <div class="grid grid-cols-3 gap-1">
+              <button
+                v-for="v in VARIANTS"
+                :key="v"
+                class="px-2 py-1 text-xs rounded-sm hover:bg-(--ui-bg-elevated) transition-colors capitalize"
+                :class="variant === v ? 'bg-(--ui-bg-elevated) text-(--ui-text-highlighted) ring-1 ring-(--ui-primary)' : 'text-(--ui-text-muted)'"
+                @click="setVariant(v)"
+              >
+                {{ v }}
+              </button>
+            </div>
+          </div>
+          <UButton
+            size="sm"
+            color="neutral"
+            variant="ghost"
+            icon="i-lucide-trash"
+            block
+            @click="remove"
+          >
+            Remove
+          </UButton>
+        </div>
+      </template>
+    </UPopover>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/ButtonView.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/extensions/views/ColorSwatchView.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/extensions/views/ColorSwatchView.vue

@@ -0,0 +1,134 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+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 PRESETS = [
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#eab308",
+  "#84cc16",
+  "#22c55e",
+  "#10b981",
+  "#14b8a6",
+  "#06b6d4",
+  "#0ea5e9",
+  "#3b82f6",
+  "#6366f1",
+  "#8b5cf6",
+  "#a855f7",
+  "#d946ef",
+  "#ec4899",
+  "#f43f5e",
+  "#64748b",
+  "#18181b",
+  "#ffffff"
+];
+const color = computed(() => props.node.attrs.color || "#6366f1");
+const popoverOpen = ref(false);
+const draft = ref("");
+watch(popoverOpen, (open) => {
+  if (open) draft.value = color.value;
+});
+function isValidHex(v) {
+  return /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(v);
+}
+function commit(value) {
+  if (!isValidHex(value)) return;
+  props.updateAttributes({ color: value });
+}
+function onDraftKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    commit(draft.value.trim());
+    popoverOpen.value = false;
+  }
+}
+function selectPreset(hex) {
+  commit(hex);
+  popoverOpen.value = false;
+}
+function remove() {
+  const pos = props.getPos();
+  if (pos === void 0) return;
+  props.editor.chain().focus().deleteRange({ from: pos, to: pos + 1 }).run();
+  popoverOpen.value = false;
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="span"
+    class="inline"
+  >
+    <UPopover
+      v-model:open="popoverOpen"
+      :content="{ align: 'start' }"
+    >
+      <button
+        class="inline-flex align-middle items-center gap-1 px-1.5 py-0.5 rounded-full border border-(--ui-border) bg-(--ui-bg) hover:bg-(--ui-bg-elevated)/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-(--ui-primary) cursor-pointer"
+        type="button"
+        :title="color"
+      >
+        <span
+          class="size-3 rounded-full border border-black/10"
+          :style="{ backgroundColor: color }"
+        />
+        <span class="text-xs font-mono text-(--ui-text)">{{ color }}</span>
+      </button>
+      <template #content>
+        <div class="p-2 w-64 flex flex-col gap-2">
+          <div class="flex items-center gap-2">
+            <input
+              type="color"
+              :value="color"
+              class="size-8 cursor-pointer rounded-sm border border-(--ui-border) bg-transparent"
+              @input="(e) => commit(e.target.value)"
+            >
+            <UInput
+              v-model="draft"
+              size="sm"
+              placeholder="#rrggbb"
+              class="flex-1 font-mono"
+              @keydown="onDraftKeydown"
+              @blur="commit(draft.trim())"
+            />
+          </div>
+          <div class="grid grid-cols-10 gap-1">
+            <button
+              v-for="hex in PRESETS"
+              :key="hex"
+              class="size-5 rounded-sm border border-black/10 hover:scale-110 transition-transform"
+              :style="{ backgroundColor: hex }"
+              :class="color.toLowerCase() === hex.toLowerCase() ? 'ring-2 ring-(--ui-primary) ring-offset-1 ring-offset-(--ui-bg)' : ''"
+              :title="hex"
+              @click="selectPreset(hex)"
+            />
+          </div>
+          <UButton
+            size="sm"
+            color="neutral"
+            variant="ghost"
+            icon="i-lucide-trash"
+            block
+            @click="remove"
+          >
+            Remove
+          </UButton>
+        </div>
+      </template>
+    </UPopover>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/ColorSwatchView.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/extensions/views/DiffView.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;