@abraca/nuxt 1.8.0 → 1.9.1

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

@@ -0,0 +1,71 @@
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import { computed } from "vue";
+import { navigateTo } from "#imports";
+import { useAbracadabra } from "../../composables/useAbracadabra";
+import { useSyncedMap } from "../../composables/useYDoc";
+import { resolveDocType } from "../../utils/docTypes";
+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 { doc: rootDoc } = useAbracadabra();
+const treeMap = useSyncedMap(
+  rootDoc,
+  "doc-tree"
+);
+const docId = computed(() => props.node.attrs.docId);
+const treeEntry = computed(() => treeMap.data[docId.value]);
+const exists = computed(() => !!treeEntry.value);
+const docType = computed(() => resolveDocType(treeEntry.value?.type));
+const label = computed(() => treeEntry.value?.label || "Untitled");
+function navigate(e) {
+  e.preventDefault();
+  e.stopPropagation();
+  if (!docId.value) return;
+  navigateTo(`/doc/${docId.value}`);
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="span"
+    class="inline-flex align-baseline"
+  >
+    <UBadge
+      v-if="exists"
+      :icon="docType.icon"
+      color="neutral"
+      variant="subtle"
+      size="sm"
+      class="dl-badge rounded-full cursor-pointer"
+      :class="{ 'dl-badge-selected': props.selected }"
+      @click="navigate"
+    >
+      {{ label }}
+    </UBadge>
+    <UBadge
+      v-else
+      icon="i-lucide-file-x"
+      color="error"
+      variant="outline"
+      size="sm"
+      class="dl-badge rounded-full"
+    >
+      Missing document
+    </UBadge>
+  </NodeViewWrapper>
+</template>
+
+<style scoped>
+.dl-badge{transition:background-color .12s ease,box-shadow .12s ease;vertical-align:baseline}.dl-badge:hover{background:var(--ui-bg-accented)}.dl-badge-selected,:deep(.ProseMirror-selectednode) .dl-badge{box-shadow:0 0 0 2px var(--ui-primary)}
+</style>

package/dist/runtime/extensions/views/DocLinkView.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/plugin-abracadabra.client.js

@@ -228,6 +228,20 @@ export default defineNuxtPlugin({
     const userColor = ref("hsl(217, 70%, 75%)");
     const userColorName = ref("blue");
     const userNeutralColorName = ref("zinc");
+    watch([status, synced], ([s, sy]) => {
+      try {
+        const ready = s === "connected" && sy;
+        window.__abracaReady = ready ? Date.now() : false;
+      } catch {
+      }
+    }, { immediate: true });
+    watch(unsyncedChanges, (n) => {
+      try {
+        ;
+        window.__abracaUnsynced = n;
+      } catch {
+      }
+    }, { immediate: true });
     const currentServerUrl = ref(defaultUrl);
     const savedServers = ref([]);
     let _serversLoaded = false;
@@ -592,7 +606,9 @@ export default defineNuxtPlugin({
         ]);
         setSdkModule(sdkModule);
         const { AbracadabraClient, AbracadabraProvider, AbracadabraWS, CryptoIdentityKeystore } = sdkModule;
-        ed.hashes.sha512 = (m) => sha512(m);
+        const edEtc = ed.etc;
+        edEtc.sha512Sync = (...m) => sha512(edEtc.concatBytes(...m));
+        edEtc.sha512Async = (...m) => Promise.resolve(edEtc.sha512Sync(...m));
         const ks = new CryptoIdentityKeystore();
         keystore.value = ks;
         let privKey = null;
@@ -618,7 +634,7 @@ export default defineNuxtPlugin({
             privKey = fromBase64Url(storedPrivKey);
             addLog("Using guest identity (soft key)", "auth");
           } else {
-            privKey = ed.utils.randomSecretKey();
+            privKey = ed.utils.randomPrivateKey();
             localStorage.setItem("abracadabra_privkey", toBase64Url(privKey));
             addLog("Created new guest identity (soft key)", "auth");
           }

package/dist/runtime/plugins/core.plugin.js

@@ -35,6 +35,7 @@ async function loadClientExtensions() {
     { FileBlock },
     { MetaField },
     { DocEmbed },
+    { DocLink },
     { DocLinkDrop },
     { MentionDrop },
     { SelectionDrag },
@@ -76,6 +77,7 @@ async function loadClientExtensions() {
     import("../extensions/file-block.js"),
     import("../extensions/meta-field.js"),
     import("../extensions/doc-embed.js"),
+    import("../extensions/doc-link.js"),
     import("../extensions/doc-link-drop.js"),
     import("../extensions/mention-drop.js"),
     import("../extensions/selection-drag.js"),
@@ -129,6 +131,7 @@ async function loadClientExtensions() {
     MetaField,
     // Document embeds & linking
     DocEmbed,
+    DocLink,
     DocLinkDrop,
     MentionDrop,
     SelectionDrag,

package/dist/runtime/server/plugins/abracadabra-service.js

@@ -42,7 +42,9 @@ export default defineNitroPlugin(async (nitroApp) => {
       import("@noble/hashes/sha512"),
       import("yjs")
     ]);
-    ed.hashes.sha512 = (m) => sha512(m);
+    const edEtc = ed.etc;
+    edEtc.sha512Sync = (...m) => sha512(edEtc.concatBytes(...m));
+    edEtc.sha512Async = (...m) => Promise.resolve(edEtc.sha512Sync(...m));
     const privKey = fromBase64Url(privKeyB64);
     const client = new AbracadabraClient({
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Nuxt runtime config augmentation not resolved in Nitro

package/dist/runtime/theme/content/_shared.d.ts

@@ -0,0 +1,6 @@
+export declare const themeOptions: {
+    theme: {
+        colors: string[];
+        transitions: boolean;
+    };
+};

package/dist/runtime/theme/content/_shared.js

@@ -0,0 +1,6 @@
+export const themeOptions = {
+  theme: {
+    colors: ["primary", "secondary", "success", "info", "warning", "error"],
+    transitions: true
+  }
+};

package/dist/runtime/theme/content/content-navigation.d.ts

@@ -0,0 +1,120 @@
+declare const _default: {
+    slots: {
+        root: string;
+        content: string;
+        list: string;
+        item: string;
+        listWithChildren: string;
+        itemWithChildren: string;
+        trigger: string;
+        link: string;
+        linkLeadingIcon: string;
+        linkTrailing: string;
+        linkTrailingBadge: string;
+        linkTrailingBadgeSize: string;
+        linkTrailingIcon: string;
+        linkTitle: string;
+        linkTitleExternalIcon: string;
+    };
+    variants: {
+        color: {
+            neutral: {
+                trigger: string;
+                link: string;
+            };
+        };
+        highlightColor: {
+            neutral: string;
+        };
+        variant: {
+            pill: string;
+            link: string;
+        };
+        active: {
+            true: {
+                link: string;
+            };
+            false: {
+                link: string;
+                linkLeadingIcon: string;
+            };
+        };
+        disabled: {
+            true: {
+                trigger: string;
+            };
+        };
+        highlight: {
+            true: {};
+        };
+        level: {
+            true: {
+                item: string;
+                itemWithChildren: string;
+            };
+        };
+    };
+    compoundVariants: ({
+        color: string;
+        variant: string;
+        active: boolean;
+        class: {
+            link: string;
+            linkLeadingIcon: string;
+        };
+    } | {
+        highlightColor: string;
+        highlight: boolean;
+        level: boolean;
+        active: boolean;
+        class: {
+            link: string;
+        };
+    } | {
+        highlight: boolean;
+        level: boolean;
+        class: {
+            link: (string | false | undefined)[];
+            linkLeadingIcon?: undefined;
+        };
+        disabled?: undefined;
+        active?: undefined;
+        variant?: undefined;
+    } | {
+        disabled: boolean;
+        active: boolean;
+        variant: string;
+        class: {
+            link: (string | false | undefined)[];
+            linkLeadingIcon: (string | false | undefined)[];
+        };
+        highlight?: undefined;
+        level?: undefined;
+    } | {
+        variant: string;
+        active: boolean;
+        highlight: boolean;
+        class: {
+            link: string;
+            linkLeadingIcon?: undefined;
+        };
+        level?: undefined;
+        disabled?: undefined;
+    } | {
+        variant: string;
+        active: boolean;
+        highlight: boolean;
+        disabled: boolean;
+        class: {
+            link: (string | false | undefined)[];
+            linkLeadingIcon?: undefined;
+        };
+        level?: undefined;
+    })[];
+    defaultVariants: {
+        color: string;
+        highlightColor: string;
+        variant: string;
+    };
+};
+export default _default;

package/dist/runtime/theme/content/content-navigation.js

@@ -0,0 +1,155 @@
+import { themeOptions } from "./_shared.js";
+const contentNavigation = (options) => ({
+  slots: {
+    root: "",
+    content: "data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none",
+    list: "isolate -mx-2.5 -mt-1.5",
+    item: "",
+    listWithChildren: "ms-5 border-s border-default",
+    itemWithChildren: "flex flex-col data-[state=open]:mb-1.5",
+    trigger: "font-semibold",
+    link: "group relative w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2",
+    linkLeadingIcon: "shrink-0 size-5",
+    linkTrailing: "ms-auto inline-flex gap-1.5 items-center",
+    linkTrailingBadge: "shrink-0",
+    linkTrailingBadgeSize: "sm",
+    linkTrailingIcon: "size-5 transform transition-transform duration-200 shrink-0 group-data-[state=open]:rotate-180",
+    linkTitle: "truncate",
+    linkTitleExternalIcon: "size-3 align-top text-dimmed"
+  },
+  variants: {
+    color: {
+      ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
+        trigger: `focus-visible:ring-${color}`,
+        link: `focus-visible:before:ring-${color}`
+      }])),
+      neutral: {
+        trigger: "focus-visible:ring-inverted",
+        link: "focus-visible:before:ring-inverted"
+      }
+    },
+    highlightColor: {
+      ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ""])),
+      neutral: ""
+    },
+    variant: {
+      pill: "",
+      link: ""
+    },
+    active: {
+      true: {
+        link: "font-medium"
+      },
+      false: {
+        link: "text-muted",
+        linkLeadingIcon: "text-dimmed"
+      }
+    },
+    disabled: {
+      true: {
+        trigger: "data-[state=open]:text-highlighted"
+      }
+    },
+    highlight: {
+      true: {}
+    },
+    level: {
+      true: {
+        item: "ps-1.5 -ms-px",
+        itemWithChildren: "ps-1.5 -ms-px"
+      }
+    }
+  },
+  compoundVariants: [{
+    highlight: true,
+    level: true,
+    class: {
+      link: ["after:absolute after:-left-1.5 after:inset-y-0.5 after:block after:w-px after:rounded-full", options.theme.transitions && "after:transition-colors"]
+    }
+  }, {
+    disabled: false,
+    active: false,
+    variant: "pill",
+    class: {
+      link: ["hover:text-highlighted hover:before:bg-elevated/50 data-[state=open]:text-highlighted", options.theme.transitions && "transition-colors before:transition-colors"],
+      linkLeadingIcon: ["group-hover:text-default group-data-[state=open]:text-default", options.theme.transitions && "transition-colors"]
+    }
+  }, ...(options.theme.colors || []).map((color) => ({
+    color,
+    variant: "pill",
+    active: true,
+    class: {
+      link: `text-${color}`,
+      linkLeadingIcon: `text-${color} group-data-[state=open]:text-${color}`
+    }
+  })), {
+    color: "neutral",
+    variant: "pill",
+    active: true,
+    class: {
+      link: "text-highlighted",
+      linkLeadingIcon: "text-highlighted group-data-[state=open]:text-highlighted"
+    }
+  }, {
+    variant: "pill",
+    active: true,
+    highlight: false,
+    class: {
+      link: "before:bg-elevated"
+    }
+  }, {
+    variant: "pill",
+    active: true,
+    highlight: true,
+    disabled: false,
+    class: {
+      link: ["hover:before:bg-elevated/50", options.theme.transitions && "before:transition-colors"]
+    }
+  }, {
+    disabled: false,
+    active: false,
+    variant: "link",
+    class: {
+      link: ["hover:text-highlighted data-[state=open]:text-highlighted", options.theme.transitions && "transition-colors"],
+      linkLeadingIcon: ["group-hover:text-default group-data-[state=open]:text-default", options.theme.transitions && "transition-colors"]
+    }
+  }, ...(options.theme.colors || []).map((color) => ({
+    color,
+    variant: "link",
+    active: true,
+    class: {
+      link: `text-${color}`,
+      linkLeadingIcon: `text-${color} group-data-[state=open]:text-${color}`
+    }
+  })), {
+    color: "neutral",
+    variant: "link",
+    active: true,
+    class: {
+      link: "text-highlighted",
+      linkLeadingIcon: "text-highlighted group-data-[state=open]:text-highlighted"
+    }
+  }, ...(options.theme.colors || []).map((highlightColor) => ({
+    highlightColor,
+    highlight: true,
+    level: true,
+    active: true,
+    class: {
+      link: `after:bg-${highlightColor}`
+    }
+  })), {
+    highlightColor: "neutral",
+    highlight: true,
+    level: true,
+    active: true,
+    class: {
+      link: "after:bg-inverted"
+    }
+  }],
+  defaultVariants: {
+    color: "primary",
+    highlightColor: "primary",
+    variant: "pill"
+  }
+});
+export default contentNavigation(themeOptions);

package/dist/runtime/theme/content/content-search-button.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    slots: {
+        base: string;
+        label: string;
+        trailing: string;
+    };
+    variants: {
+        collapsed: {
+            true: {
+                label: string;
+                trailing: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/runtime/theme/content/content-search-button.js

@@ -0,0 +1,15 @@
+export default {
+  slots: {
+    base: "",
+    label: "",
+    trailing: "hidden lg:flex items-center gap-0.5 ms-auto"
+  },
+  variants: {
+    collapsed: {
+      true: {
+        label: "hidden",
+        trailing: "lg:hidden"
+      }
+    }
+  }
+};

package/dist/runtime/theme/content/content-search.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    slots: {
+        modal: string;
+        input: string;
+    };
+    variants: {
+        fullscreen: {
+            false: {
+                modal: string;
+            };
+        };
+        size: {
+            xs: {};
+            sm: {};
+            md: {};
+            lg: {};
+            xl: {};
+        };
+    };
+    defaultVariants: {
+        size: string;
+    };
+};
+export default _default;

package/dist/runtime/theme/content/content-search.js

@@ -0,0 +1,23 @@
+export default {
+  slots: {
+    modal: "",
+    input: ""
+  },
+  variants: {
+    fullscreen: {
+      false: {
+        modal: "sm:max-w-3xl h-full sm:h-[28rem]"
+      }
+    },
+    size: {
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+};

package/dist/runtime/theme/content/content-surround.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    slots: {
+        root: string;
+        link: (string | false | undefined)[];
+        linkLeading: (string | false | undefined)[];
+        linkLeadingIcon: (string | false | undefined)[];
+        linkTitle: string;
+        linkDescription: string;
+    };
+    variants: {
+        direction: {
+            left: {
+                linkLeadingIcon: (string | false | undefined)[];
+            };
+            right: {
+                link: string;
+                linkLeadingIcon: (string | false | undefined)[];
+            };
+        };
+    };
+};
+export default _default;

package/dist/runtime/theme/content/content-surround.js

@@ -0,0 +1,23 @@
+import { themeOptions } from "./_shared.js";
+const contentSurround = (options) => ({
+  slots: {
+    root: "grid grid-cols-1 sm:grid-cols-2 gap-8",
+    link: ["group block px-6 py-8 rounded-lg border border-default hover:bg-elevated/50 focus-visible:outline-primary", options.theme.transitions && "transition-colors"],
+    linkLeading: ["inline-flex items-center rounded-full p-1.5 bg-elevated group-hover:bg-primary/10 ring ring-accented mb-4 group-hover:ring-primary/50", options.theme.transitions && "transition"],
+    linkLeadingIcon: ["size-5 shrink-0 text-highlighted group-hover:text-primary", options.theme.transitions && "transition-[color,translate]"],
+    linkTitle: "font-medium text-[15px] text-highlighted mb-1 truncate",
+    linkDescription: "text-sm text-muted line-clamp-2"
+  },
+  variants: {
+    direction: {
+      left: {
+        linkLeadingIcon: [options.theme.transitions && "group-active:-translate-x-0.5"]
+      },
+      right: {
+        link: "text-end",
+        linkLeadingIcon: [options.theme.transitions && "group-active:translate-x-0.5"]
+      }
+    }
+  }
+});
+export default contentSurround(themeOptions);

package/dist/runtime/theme/content/content-toc.d.ts

@@ -0,0 +1,84 @@
+declare const _default: {
+    slots: {
+        root: string;
+        container: string;
+        top: string;
+        bottom: string;
+        trigger: string;
+        title: string;
+        trailing: string;
+        trailingIcon: string;
+        content: string;
+        list: string;
+        listWithChildren: string;
+        item: string;
+        itemWithChildren: string;
+        link: string;
+        linkText: string;
+        indicator: string;
+        indicatorLine: string;
+        indicatorActive: string;
+    };
+    variants: {
+        color: {
+            neutral: string;
+        };
+        highlightColor: {
+            neutral: {
+                indicatorActive: string;
+            };
+        };
+        active: {
+            false: {
+                link: (string | false | undefined)[];
+            };
+        };
+        highlight: {
+            true: string;
+        };
+        highlightVariant: {
+            straight: string;
+            circuit: string;
+        };
+        body: {
+            true: {
+                bottom: string;
+            };
+        };
+    };
+    compoundVariants: ({
+        color: string;
+        active: boolean;
+        class: {
+            link: string;
+        };
+    } | {
+        highlight: boolean;
+        highlightVariant: string;
+        class: {
+            list: string;
+            item: string;
+            indicator: string;
+            indicatorLine: string;
+            indicatorActive: string;
+            itemWithChildren?: undefined;
+        };
+    } | {
+        highlight: boolean;
+        highlightVariant: string;
+        class: {
+            list: string;
+            item: string;
+            itemWithChildren: string;
+            indicator: string;
+            indicatorLine: string;
+            indicatorActive: string;
+        };
+    })[];
+    defaultVariants: {
+        color: string;
+        highlightColor: string;
+        highlightVariant: string;
+    };
+};
+export default _default;