@abraca/nuxt 1.8.2 → 2.0.0

package/dist/runtime/extensions/views/VideoView.vue

@@ -0,0 +1,190 @@
+<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 src = computed(() => props.node.attrs.src || "");
+const aspectRatio = computed(() => props.node.attrs.aspectRatio || "16/9");
+const caption = computed(() => props.node.attrs.caption || "");
+const srcPopoverOpen = ref(false);
+const srcDraft = ref("");
+watch(srcPopoverOpen, (open) => {
+  if (open) srcDraft.value = src.value;
+});
+function detectProvider(url) {
+  if (!url) return "unknown";
+  if (/youtube\.com\/(watch|embed|v)|youtu\.be\//.test(url)) return "youtube";
+  if (/vimeo\.com\//.test(url)) return "vimeo";
+  if (/\.(mp4|webm|ogv|mov)(\?|$)/i.test(url)) return "direct";
+  return "unknown";
+}
+function youtubeId(url) {
+  const m = url.match(/(?:v=|\/embed\/|\/v\/|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
+  return m?.[1] ?? "";
+}
+function vimeoId(url) {
+  const m = url.match(/vimeo\.com\/(?:video\/)?(\d+)/);
+  return m?.[1] ?? "";
+}
+const provider = computed(() => detectProvider(src.value));
+const embedUrl = computed(() => {
+  if (provider.value === "youtube") {
+    const id = youtubeId(src.value);
+    return id ? `https://www.youtube-nocookie.com/embed/${id}` : "";
+  }
+  if (provider.value === "vimeo") {
+    const id = vimeoId(src.value);
+    return id ? `https://player.vimeo.com/video/${id}` : "";
+  }
+  return "";
+});
+const ASPECTS = [
+  { key: "16/9", label: "16:9" },
+  { key: "4/3", label: "4:3" },
+  { key: "1/1", label: "1:1" },
+  { key: "9/16", label: "9:16" }
+];
+function saveSrc() {
+  props.updateAttributes({ src: srcDraft.value.trim() });
+  srcPopoverOpen.value = false;
+}
+function setAspect(key) {
+  props.updateAttributes({ aspectRatio: key });
+}
+function setCaption(v) {
+  props.updateAttributes({ caption: v });
+}
+function onSrcKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    saveSrc();
+  }
+}
+const aspectStyle = computed(() => ({
+  aspectRatio: aspectRatio.value.replace("/", " / ")
+}));
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="my-5 flex flex-col items-center gap-2"
+    contenteditable="false"
+  >
+    <div class="group/video relative w-full">
+      <div
+        class="w-full rounded-md overflow-hidden bg-(--ui-bg-elevated)"
+        :style="aspectStyle"
+      >
+        <iframe
+          v-if="embedUrl"
+          :src="embedUrl"
+          class="size-full border-0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen
+        />
+        <video
+          v-else-if="provider === 'direct'"
+          :src="src"
+          class="size-full object-contain"
+          controls
+        />
+        <UPopover
+          v-else
+          v-model:open="srcPopoverOpen"
+          :content="{ align: 'center' }"
+        >
+          <button
+            class="size-full flex flex-col items-center justify-center gap-2 text-(--ui-text-muted) hover:text-(--ui-text) hover:bg-(--ui-bg-elevated)/60 transition-colors"
+            type="button"
+          >
+            <UIcon
+              name="i-lucide-play-circle"
+              class="size-10"
+            />
+            <span class="text-sm">Click to add video URL</span>
+          </button>
+          <template #content>
+            <div class="p-2 w-96 flex flex-col gap-2">
+              <UInput
+                v-model="srcDraft"
+                autofocus
+                size="sm"
+                placeholder="YouTube, Vimeo, or direct video URL"
+                icon="i-lucide-link"
+                @keydown="onSrcKeydown"
+              />
+              <div class="flex justify-end">
+                <UButton
+                  size="sm"
+                  @click="saveSrc"
+                >
+                  Save
+                </UButton>
+              </div>
+            </div>
+          </template>
+        </UPopover>
+      </div>
+      <div
+        v-if="src"
+        class="absolute top-2 right-2 flex items-center gap-1 opacity-0 group-hover/video:opacity-100 transition-opacity"
+      >
+        <UButton
+          size="xs"
+          color="neutral"
+          variant="solid"
+          icon="i-lucide-pencil"
+          label="Replace"
+          @click="srcPopoverOpen = true"
+        />
+        <UPopover>
+          <UButton
+            size="xs"
+            color="neutral"
+            variant="solid"
+            icon="i-lucide-ratio"
+            :label="aspectRatio.replace('/', ':')"
+          />
+          <template #content>
+            <div class="p-1 flex flex-col gap-0.5 min-w-[100px]">
+              <button
+                v-for="a in ASPECTS"
+                :key="a.key"
+                class="px-2 py-1 text-sm rounded-sm hover:bg-(--ui-bg-elevated) transition-colors text-left flex items-center gap-2"
+                :class="aspectRatio === a.key ? 'text-(--ui-text-highlighted) bg-(--ui-bg-elevated)' : 'text-(--ui-text-muted)'"
+                @click="setAspect(a.key)"
+              >
+                <UIcon
+                  :name="aspectRatio === a.key ? 'i-lucide-check' : 'i-lucide-ratio'"
+                  class="size-3.5"
+                />
+                {{ a.label }}
+              </button>
+            </div>
+          </template>
+        </UPopover>
+      </div>
+    </div>
+    <div class="text-sm text-(--ui-text-muted) text-center">
+      <ANodeInlineLabel
+        :model-value="caption"
+        placeholder="Add caption"
+        variant="label"
+        @update:model-value="setCaption"
+      />
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/VideoView.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/locale.d.ts

@@ -30,6 +30,22 @@ export interface AbracadabraLocale {
     };
     editor: {
         placeholder: string;
+        pickDate: string;
+        pickDatetime: string;
+        pickTime: string;
+        start: string;
+        end: string;
+        allDay: string;
+        color: string;
+        select: string;
+        addOption: string;
+        removeOption: string;
+        members: string;
+        searchMembers: string;
+        noMembersFound: string;
+        addTag: string;
+        dragToReorder: string;
+        deleteField: string;
     };
     commandPalette: {
         placeholder: string;
@@ -78,6 +94,26 @@ export interface AbracadabraLocale {
         connecting: string;
         offline: string;
     };
+    offlineSync: {
+        saved: string;
+        saving: string;
+        workingOffline: string;
+        reconnecting: string;
+        couldntSync: string;
+        pending: string;
+        pendingPlural: string;
+        lastSynced: string;
+        never: string;
+        secondsAgo: string;
+        minutesAgo: string;
+        hoursAgo: string;
+        daysAgo: string;
+        justNow: string;
+        server: string;
+        retry: string;
+        forceResync: string;
+        reload: string;
+    };
     permissionGuard: {
         noPermission: string;
     };
@@ -168,6 +204,11 @@ export interface AbracadabraLocale {
             goToDate: string;
             fitToContent: string;
             toggleLabels: string;
+            open: string;
+            rename: string;
+            duplicate: string;
+            delete: string;
+            moveToEpic: string;
         };
         call: {
             noStreams: string;
@@ -246,6 +287,68 @@ export interface AbracadabraLocale {
             hintMeasure: string;
             hintMeasureAdd: string;
         };
+        sheets: {
+            addColumn: string;
+            addRow: string;
+            clearContents: string;
+            colCount: (count: number) => string;
+            copy: string;
+            cut: string;
+            deleteColumn: string;
+            deleteRow: string;
+            emptyHint: string;
+            emptyTitle: string;
+            formatCurrency: string;
+            formatDate: string;
+            formatGeneral: string;
+            formatNumber: string;
+            formatPercent: string;
+            formulaBar: string;
+            insertColumnLeft: string;
+            insertColumnRight: string;
+            insertRowAbove: string;
+            insertRowBelow: string;
+            newColumn: string;
+            paste: string;
+            renameColumn: string;
+            rowCount: (count: number) => string;
+            sortAsc: string;
+            sortDesc: string;
+        };
+        overview: {
+            pinned: string;
+            activeCalls: (count: number) => string;
+            pages: string;
+            activity: string;
+            tasks: string;
+            tasksComplete: string;
+            upcoming: string;
+            tags: string;
+            noActivity: string;
+            emptyActivityHint: string;
+            emptyWelcome: string;
+            noPages: string;
+            inCall: string;
+            callParticipants: (count: number) => string;
+            documentsCount: (count: number) => string;
+            onlineCount: (count: number) => string;
+            overdueCount: (count: number) => string;
+            upcomingCount: (count: number) => string;
+            eventToday: string;
+            eventTomorrow: string;
+            eventInDays: (count: number) => string;
+            untitled: string;
+            open: string;
+            openAsSlideover: string;
+            openAsWindow: string;
+            rename: string;
+            duplicate: string;
+            addToFavorites: string;
+            removeFromFavorites: string;
+            changeType: string;
+            moveToTrash: string;
+            addPage: string;
+        };
     };
     shell: {
         toggleSidebar: string;
@@ -304,5 +407,35 @@ export interface AbracadabraLocale {
         noConversations: string;
         loadMore: string;
     };
+    snapshots: {
+        /** Toast title when a manual snapshot is saved. */
+        createdTitle: string;
+        /** Toast body. `{version}` is the new snapshot version. */
+        createdDesc: string;
+        /** Toast title on createSnapshot failure. */
+        createFailed: string;
+        /** Toast title when a snapshot is removed. */
+        deletedTitle: string;
+        /** Toast body. `{version}` is the deleted snapshot version. */
+        deletedDesc: string;
+        /** Toast title on deleteSnapshot failure. */
+        deleteFailed: string;
+        /** Toast title when a snapshot is restored / merged forward. */
+        restoredTitle: string;
+        /** Toast body. `{version}` and `{bytes}` are filled by the call. */
+        restoredDesc: string;
+        /** Toast title on restoreSnapshot failure. */
+        restoreFailed: string;
+        /** Toast title on a successful fork. */
+        forkedTitle: string;
+        /** Toast body. `{version}` is the source version. */
+        forkedDesc: string;
+        /** Action label on the fork toast that navigates to the new doc. */
+        openFork: string;
+        /** Toast title on forkSnapshot failure. */
+        forkFailed: string;
+        /** Generic "operation failed" title. */
+        failed: string;
+    };
 }
 export declare const DEFAULT_LOCALE: AbracadabraLocale;

package/dist/runtime/locale.js

@@ -15,7 +15,23 @@ export const DEFAULT_LOCALE = {
     collapse: "Collapse"
   },
   editor: {
-    placeholder: "Start writing\u2026"
+    placeholder: "Start writing\u2026",
+    pickDate: "Pick a date",
+    pickDatetime: "Pick date & time",
+    pickTime: "Pick a time",
+    start: "Start",
+    end: "End",
+    allDay: "All day",
+    color: "Color",
+    select: "Select\u2026",
+    addOption: "Add option",
+    removeOption: "Remove option",
+    members: "Members",
+    searchMembers: "Search members\u2026",
+    noMembersFound: "No members found",
+    addTag: "Add tag\u2026",
+    dragToReorder: "Drag to reorder",
+    deleteField: "Delete field"
   },
   commandPalette: {
     placeholder: "Search or type a command\u2026",
@@ -64,6 +80,26 @@ export const DEFAULT_LOCALE = {
     connecting: "Connecting",
     offline: "Offline"
   },
+  offlineSync: {
+    saved: "All saved",
+    saving: "Saving",
+    workingOffline: "Working offline",
+    reconnecting: "Reconnecting",
+    couldntSync: "Couldn't sync",
+    pending: "pending change",
+    pendingPlural: "pending changes",
+    lastSynced: "Last synced",
+    never: "never",
+    secondsAgo: "s ago",
+    minutesAgo: "m ago",
+    hoursAgo: "h ago",
+    daysAgo: "d ago",
+    justNow: "just now",
+    server: "Server",
+    retry: "Retry now",
+    forceResync: "Force resync",
+    reload: "Reload page"
+  },
   permissionGuard: {
     noPermission: "You don't have permission to view this"
   },
@@ -153,7 +189,12 @@ export const DEFAULT_LOCALE = {
       task: "task",
       goToDate: "Go to date",
       fitToContent: "Fit to content",
-      toggleLabels: "Toggle labels"
+      toggleLabels: "Toggle labels",
+      open: "Open",
+      rename: "Rename",
+      duplicate: "Duplicate",
+      delete: "Delete",
+      moveToEpic: "Move to epic"
     },
     call: {
       noStreams: "No video streams",
@@ -231,6 +272,68 @@ export const DEFAULT_LOCALE = {
       hintLine: "Click to start drawing a line",
       hintMeasure: "Click to start measuring",
       hintMeasureAdd: "Click to add points"
+    },
+    sheets: {
+      addColumn: "Add column",
+      addRow: "Add row",
+      clearContents: "Clear contents",
+      colCount: (count) => `${count} cols`,
+      copy: "Copy",
+      cut: "Cut",
+      deleteColumn: "Delete column",
+      deleteRow: "Delete row",
+      emptyHint: "Start typing in any cell, or add columns and rows",
+      emptyTitle: "Empty spreadsheet",
+      formatCurrency: "Currency",
+      formatDate: "Date",
+      formatGeneral: "General",
+      formatNumber: "Number",
+      formatPercent: "Percent",
+      formulaBar: "Formula",
+      insertColumnLeft: "Insert column left",
+      insertColumnRight: "Insert column right",
+      insertRowAbove: "Insert row above",
+      insertRowBelow: "Insert row below",
+      newColumn: "Column",
+      paste: "Paste",
+      renameColumn: "Rename column",
+      rowCount: (count) => `${count} rows`,
+      sortAsc: "Sort A \u2192 Z",
+      sortDesc: "Sort Z \u2192 A"
+    },
+    overview: {
+      pinned: "Pinned",
+      activeCalls: (count) => count === 1 ? "1 active call" : `${count} active calls`,
+      pages: "Pages",
+      activity: "Activity",
+      tasks: "Tasks",
+      tasksComplete: "tasks done",
+      upcoming: "Upcoming",
+      tags: "Tags",
+      noActivity: "No recent activity",
+      emptyActivityHint: "Activity will appear here as pages are created and edited",
+      emptyWelcome: "Create your first page to get started",
+      noPages: "No pages yet",
+      inCall: "In call",
+      callParticipants: (count) => count === 1 ? "1 participant" : `${count} participants`,
+      documentsCount: (count) => `${count} documents`,
+      onlineCount: (count) => `${count} online`,
+      overdueCount: (count) => `${count} overdue`,
+      upcomingCount: (count) => `${count} upcoming`,
+      eventToday: "Today",
+      eventTomorrow: "Tomorrow",
+      eventInDays: (count) => `In ${count}d`,
+      untitled: "Untitled",
+      open: "Open",
+      openAsSlideover: "Open as Slideover",
+      openAsWindow: "Open as Window",
+      rename: "Rename",
+      duplicate: "Duplicate",
+      addToFavorites: "Add to Favorites",
+      removeFromFavorites: "Remove from Favorites",
+      changeType: "Change type",
+      moveToTrash: "Move to Trash",
+      addPage: "Add page"
     }
   },
   shell: {
@@ -289,5 +392,21 @@ export const DEFAULT_LOCALE = {
     noNotifications: "No notifications",
     noConversations: "No conversations yet",
     loadMore: "Load more"
+  },
+  snapshots: {
+    createdTitle: "Snapshot saved",
+    createdDesc: "Saved as v{version}.",
+    createFailed: "Failed to create snapshot",
+    deletedTitle: "Snapshot deleted",
+    deletedDesc: "v{version} removed.",
+    deleteFailed: "Failed to delete snapshot",
+    restoredTitle: "Snapshot restored",
+    restoredDesc: "Merged v{version} ({bytes} bytes).",
+    restoreFailed: "Failed to restore snapshot",
+    forkedTitle: "Forked to new document",
+    forkedDesc: "Created from v{version}.",
+    openFork: "Open",
+    forkFailed: "Failed to fork snapshot",
+    failed: "Operation failed"
   }
 };