@abraca/nuxt 1.9.1 → 2.0.0

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

@@ -0,0 +1,156 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import ANodeInlineLabel from "../../components/editor/ANodeInlineLabel.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", "success", "info", "warning", "error", "neutral"];
+const label = computed(() => props.node.attrs.label || "");
+const value = computed(() => Number(props.node.attrs.value) || 0);
+const max = computed(() => Number(props.node.attrs.max) || 100);
+const color = computed(() => props.node.attrs.color || "primary");
+const pct = computed(() => {
+  if (max.value <= 0) return 0;
+  return Math.max(0, Math.min(100, value.value / max.value * 100));
+});
+const valuePopoverOpen = ref(false);
+const valueDraft = ref("");
+const maxDraft = ref("");
+watch(valuePopoverOpen, (open) => {
+  if (open) {
+    valueDraft.value = String(value.value);
+    maxDraft.value = String(max.value);
+  }
+});
+function setLabel(v) {
+  props.updateAttributes({ label: v });
+}
+function setColor(c) {
+  props.updateAttributes({ color: c });
+}
+function commitValues() {
+  const v = Number(valueDraft.value);
+  const m = Number(maxDraft.value);
+  props.updateAttributes({
+    value: Number.isFinite(v) ? v : value.value,
+    max: Number.isFinite(m) && m > 0 ? m : max.value
+  });
+}
+function onValueKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    commitValues();
+    valuePopoverOpen.value = false;
+  }
+}
+const barColorClass = computed(() => {
+  const map = {
+    primary: "bg-(--ui-primary)",
+    success: "bg-(--ui-success)",
+    info: "bg-(--ui-info)",
+    warning: "bg-(--ui-warning)",
+    error: "bg-(--ui-error)",
+    neutral: "bg-(--ui-text)"
+  };
+  return map[color.value];
+});
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="my-4"
+    contenteditable="false"
+  >
+    <div class="flex items-center justify-between mb-1 text-sm">
+      <ANodeInlineLabel
+        :model-value="label"
+        placeholder="Progress"
+        variant="label"
+        @update:model-value="setLabel"
+      />
+      <UPopover
+        v-model:open="valuePopoverOpen"
+        :content="{ align: 'end' }"
+      >
+        <button
+          class="text-xs text-(--ui-text-muted) hover:text-(--ui-text) tabular-nums rounded-sm hover:bg-(--ui-bg-elevated)/60 px-1.5 py-0.5"
+          type="button"
+        >
+          {{ value }} / {{ max }}
+        </button>
+        <template #content>
+          <div class="p-2 w-60 flex flex-col gap-2">
+            <div class="flex items-center gap-2">
+              <UInput
+                v-model="valueDraft"
+                autofocus
+                size="sm"
+                type="number"
+                placeholder="Value"
+                class="flex-1"
+                @keydown="onValueKeydown"
+                @blur="commitValues"
+              />
+              <span class="text-(--ui-text-muted) text-sm">/</span>
+              <UInput
+                v-model="maxDraft"
+                size="sm"
+                type="number"
+                placeholder="Max"
+                class="flex-1"
+                @keydown="onValueKeydown"
+                @blur="commitValues"
+              />
+            </div>
+            <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-6 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)"
+                >
+                  <span
+                    class="size-3 rounded-full"
+                    :class="{
+  'bg-(--ui-primary)': c === 'primary',
+  'bg-(--ui-success)': c === 'success',
+  'bg-(--ui-info)': c === 'info',
+  'bg-(--ui-warning)': c === 'warning',
+  'bg-(--ui-error)': c === 'error',
+  'bg-(--ui-text)': c === 'neutral'
+}"
+                  />
+                </button>
+              </div>
+            </div>
+          </div>
+        </template>
+      </UPopover>
+    </div>
+    <div class="h-2 w-full rounded-full bg-(--ui-bg-elevated) overflow-hidden">
+      <div
+        class="h-full rounded-full transition-all duration-300"
+        :class="barColorClass"
+        :style="{ width: `${pct}%` }"
+      />
+    </div>
+  </NodeViewWrapper>
+</template>

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

@@ -0,0 +1,128 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+import ANodeInlineLabel from "../../components/editor/ANodeInlineLabel.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 author = computed(() => props.node.attrs.author || "");
+const role = computed(() => props.node.attrs.role || "");
+const avatar = computed(() => props.node.attrs.avatar || "");
+const avatarPopoverOpen = ref(false);
+const avatarDraft = ref("");
+watch(avatarPopoverOpen, (open) => {
+  if (open) avatarDraft.value = avatar.value;
+});
+function setAuthor(v) {
+  props.updateAttributes({ author: v });
+}
+function setRole(v) {
+  props.updateAttributes({ role: v });
+}
+function saveAvatar() {
+  props.updateAttributes({ avatar: avatarDraft.value.trim() });
+  avatarPopoverOpen.value = false;
+}
+function clearAvatar() {
+  props.updateAttributes({ avatar: "" });
+  avatarPopoverOpen.value = false;
+}
+function onAvatarKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    saveAvatar();
+  }
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="blockquote"
+    class="my-5 pl-5 border-l-4 border-(--ui-primary)/40 not-italic"
+  >
+    <div class="text-(--ui-text) [&>*:first-child]:mt-0 [&>*:last-child]:mb-0">
+      <NodeViewContent />
+    </div>
+    <div
+      class="mt-3 flex items-center gap-2.5"
+      contenteditable="false"
+    >
+      <UPopover
+        v-model:open="avatarPopoverOpen"
+        :content="{ align: 'start' }"
+      >
+        <button
+          class="shrink-0 size-8 rounded-full overflow-hidden border border-(--ui-border) bg-(--ui-bg-elevated) flex items-center justify-center text-(--ui-text-muted) hover:border-(--ui-border-accented) transition-colors"
+          type="button"
+          :title="avatar ? 'Change avatar' : 'Add avatar'"
+        >
+          <img
+            v-if="avatar"
+            :src="avatar"
+            class="size-full object-cover"
+            alt=""
+          >
+          <UIcon
+            v-else
+            name="i-lucide-user"
+            class="size-4"
+          />
+        </button>
+        <template #content>
+          <div class="p-2 w-80 flex items-center gap-1">
+            <UInput
+              v-model="avatarDraft"
+              autofocus
+              size="sm"
+              placeholder="Avatar URL"
+              icon="i-lucide-image"
+              class="flex-1"
+              @keydown="onAvatarKeydown"
+            />
+            <UButton
+              size="sm"
+              variant="ghost"
+              icon="i-lucide-check"
+              :disabled="!avatarDraft.trim()"
+              @click="saveAvatar"
+            />
+            <UButton
+              v-if="avatar"
+              size="sm"
+              variant="ghost"
+              color="neutral"
+              icon="i-lucide-trash"
+              @click="clearAvatar"
+            />
+          </div>
+        </template>
+      </UPopover>
+      <div class="flex flex-col text-sm leading-tight">
+        <ANodeInlineLabel
+          :model-value="author"
+          placeholder="Author"
+          variant="title"
+          @update:model-value="setAuthor"
+        />
+        <div class="text-xs text-(--ui-text-muted)">
+          <ANodeInlineLabel
+            :model-value="role"
+            placeholder="Role"
+            variant="label"
+            @update:model-value="setRole"
+          />
+        </div>
+      </div>
+    </div>
+  </NodeViewWrapper>
+</template>

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

@@ -0,0 +1,62 @@
+<script setup>
+import { computed } from "vue";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+import ANodeInlineLabel from "../../components/editor/ANodeInlineLabel.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 label = computed(() => props.node.attrs.label || "");
+const revealed = computed(() => !!props.node.attrs.revealed);
+function toggle() {
+  props.updateAttributes({ revealed: !revealed.value });
+}
+function setLabel(v) {
+  props.updateAttributes({ label: v });
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="my-4 border border-(--ui-border) rounded-md overflow-hidden"
+  >
+    <button
+      class="w-full flex items-center gap-2 px-3 py-2 text-sm text-(--ui-text-muted) hover:bg-(--ui-bg-elevated)/60 transition-colors text-left"
+      contenteditable="false"
+      type="button"
+      @click="toggle"
+    >
+      <UIcon
+        :name="revealed ? 'i-lucide-eye' : 'i-lucide-eye-off'"
+        class="size-4 shrink-0"
+      />
+      <span class="flex-1">
+        <ANodeInlineLabel
+          :model-value="label"
+          placeholder="Spoiler"
+          variant="label"
+          @update:model-value="setLabel"
+        />
+      </span>
+      <span class="text-xs uppercase tracking-wider">
+        {{ revealed ? "Hide" : "Reveal" }}
+      </span>
+    </button>
+    <div
+      class="px-3 py-2 transition-all"
+      :class="revealed ? '' : 'blur-md select-none pointer-events-none'"
+    >
+      <NodeViewContent class="[&>*:first-child]:mt-0 [&>*:last-child]:mb-0" />
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/SpoilerView.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/StatGroupView.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/StatGroupView.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 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 [&>*]:my-0"
+  >
+    <NodeViewContent />
+  </NodeViewWrapper>
+</template>

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

@@ -0,0 +1,89 @@
+<script setup>
+import { computed } from "vue";
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import ANodeInlineLabel from "../../components/editor/ANodeInlineLabel.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 label = computed(() => props.node.attrs.label || "");
+const value = computed(() => props.node.attrs.value || "");
+const trend = computed(() => props.node.attrs.trend || "none");
+const trendValue = computed(() => props.node.attrs.trendValue || "");
+function setLabel(v) {
+  props.updateAttributes({ label: v });
+}
+function setValue(v) {
+  props.updateAttributes({ value: v });
+}
+function setTrendValue(v) {
+  props.updateAttributes({ trendValue: v });
+}
+function cycleTrend() {
+  const next = trend.value === "none" ? "up" : trend.value === "up" ? "down" : "none";
+  props.updateAttributes({ trend: next });
+}
+const trendColor = computed(() => {
+  if (trend.value === "up") return "text-(--ui-success)";
+  if (trend.value === "down") return "text-(--ui-error)";
+  return "text-(--ui-text-muted)";
+});
+const trendIcon = computed(() => {
+  if (trend.value === "up") return "i-lucide-trending-up";
+  if (trend.value === "down") return "i-lucide-trending-down";
+  return "i-lucide-minus";
+});
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="group/stat relative my-2 p-4 border border-(--ui-border) rounded-md bg-(--ui-bg) flex flex-col gap-1 min-w-[160px]"
+    contenteditable="false"
+  >
+    <div class="text-xs text-(--ui-text-muted) uppercase tracking-wide">
+      <ANodeInlineLabel
+        :model-value="label"
+        placeholder="Label"
+        variant="label"
+        @update:model-value="setLabel"
+      />
+    </div>
+    <div class="text-2xl font-semibold text-(--ui-text-highlighted)">
+      <ANodeInlineLabel
+        :model-value="value"
+        placeholder="0"
+        variant="title"
+        @update:model-value="setValue"
+      />
+    </div>
+    <button
+      class="inline-flex items-center gap-1 text-xs self-start rounded-sm hover:bg-(--ui-bg-elevated)/60 px-1 -mx-1"
+      :class="trendColor"
+      :title="`Trend: ${trend} (click to change)`"
+      @click="cycleTrend"
+    >
+      <UIcon
+        :name="trendIcon"
+        class="size-3.5"
+      />
+      <span v-if="trend !== 'none'">
+        <ANodeInlineLabel
+          :model-value="trendValue"
+          placeholder="+0%"
+          variant="label"
+          @update:model-value="setTrendValue"
+        />
+      </span>
+    </button>
+  </NodeViewWrapper>
+</template>

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