@abraca/nuxt 1.8.2 → 2.0.0

package/dist/runtime/components/AIdentityModal.vue

@@ -0,0 +1,157 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  userName: { type: String, required: false },
+  publicKey: { type: [String, null], required: false },
+  color: { type: String, required: false },
+  title: { type: String, required: false },
+  editable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:open", "rename", "sign-out", "show-recovery"]);
+const _abra = useAbracadabra();
+const _name = computed(() => props.userName ?? _abra.userName?.value ?? "");
+const _publicKey = computed(() => {
+  if (props.publicKey !== void 0) return props.publicKey;
+  return _abra.publicKeyB64?.value ?? null;
+});
+const open = computed({
+  get: () => !!props.open,
+  set: (v) => emit("update:open", v)
+});
+const nameDraft = ref("");
+const editing = ref(false);
+function startRename() {
+  if (props.editable === false) return;
+  nameDraft.value = _name.value;
+  editing.value = true;
+}
+function commitRename() {
+  const v = nameDraft.value.trim();
+  editing.value = false;
+  if (v && v !== _name.value) emit("rename", v);
+}
+const shortKey = computed(() => {
+  const k = _publicKey.value;
+  if (!k) return "\u2014";
+  return k.length > 18 ? `${k.slice(0, 8)}\u2026${k.slice(-8)}` : k;
+});
+const copied = ref(false);
+async function copyKey() {
+  if (!_publicKey.value) return;
+  try {
+    await navigator.clipboard.writeText(_publicKey.value);
+    copied.value = true;
+    setTimeout(() => {
+      copied.value = false;
+    }, 1500);
+  } catch (e) {
+    if (import.meta.dev) console.warn("[abracadabra] identity-modal: copy failed:", e);
+  }
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="title ?? 'Identity'"
+    :ui="{ content: 'sm:max-w-md' }"
+  >
+    <template #body>
+      <div class="flex flex-col items-center gap-4">
+        <UAvatar
+          :alt="_name || 'Anonymous'"
+          size="xl"
+          :style="color ? `background: ${color}` : ''"
+        />
+
+        <div class="flex flex-col items-center gap-1 w-full">
+          <div
+            v-if="!editing"
+            class="flex items-center gap-1"
+          >
+            <span class="text-lg font-semibold text-(--ui-text-highlighted)">{{ _name || "Anonymous" }}</span>
+            <UButton
+              v-if="editable !== false"
+              icon="i-lucide-pencil"
+              size="2xs"
+              variant="ghost"
+              color="neutral"
+              @click="startRename"
+            />
+          </div>
+          <UInput
+            v-else
+            v-model="nameDraft"
+            autofocus
+            size="sm"
+            placeholder="Display name"
+            class="w-56"
+            @blur="commitRename"
+            @keydown.enter.prevent="commitRename"
+            @keydown.esc.prevent="editing = false"
+          />
+          <slot name="subtitle" />
+        </div>
+
+        <div class="w-full flex flex-col gap-1">
+          <label class="text-xs font-medium text-(--ui-text-muted)">Public key</label>
+          <div class="flex items-center gap-2 px-3 py-2 rounded-md bg-(--ui-bg-elevated) border border-(--ui-border)">
+            <span class="font-mono text-xs text-(--ui-text-highlighted) flex-1 truncate">{{ shortKey }}</span>
+            <UButton
+              :icon="copied ? 'i-lucide-check' : 'i-lucide-copy'"
+              size="xs"
+              variant="ghost"
+              color="neutral"
+              :disabled="!_publicKey"
+              @click="copyKey"
+            />
+          </div>
+        </div>
+
+        <slot
+          name="content"
+          :public-key="_publicKey"
+          :user-name="_name"
+        />
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex items-center justify-between gap-2 w-full">
+        <div class="flex items-center gap-2">
+          <slot name="actions-left">
+            <UButton
+              variant="ghost"
+              color="neutral"
+              size="sm"
+              icon="i-lucide-key-round"
+              label="Show recovery phrase"
+              @click="emit('show-recovery')"
+            />
+          </slot>
+        </div>
+        <div class="flex items-center gap-2">
+          <slot name="actions-right">
+            <UButton
+              variant="outline"
+              color="error"
+              size="sm"
+              icon="i-lucide-log-out"
+              label="Sign out"
+              @click="emit('sign-out')"
+            />
+            <UButton
+              variant="solid"
+              color="primary"
+              size="sm"
+              label="Done"
+              @click="open = false"
+            />
+          </slot>
+        </div>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/AIdentityModal.vue.d.ts

@@ -0,0 +1,46 @@
+type __VLS_Props = {
+    /** Open state (v-model). */
+    open?: boolean;
+    /** Display name override. Defaults to useAbracadabra().userName. */
+    userName?: string;
+    /** Public key override. Defaults to useAbracadabra().publicKeyB64. */
+    publicKey?: string | null;
+    /** Color override (CSS color or named color). */
+    color?: string;
+    /** Modal title. */
+    title?: string;
+    /** Whether the user can edit their display name inline. Default: true. */
+    editable?: boolean;
+};
+declare var __VLS_30: {}, __VLS_39: {
+    publicKey: string | null;
+    userName: string;
+}, __VLS_42: {}, __VLS_51: {};
+type __VLS_Slots = {} & {
+    subtitle?: (props: typeof __VLS_30) => any;
+} & {
+    content?: (props: typeof __VLS_39) => any;
+} & {
+    'actions-left'?: (props: typeof __VLS_42) => any;
+} & {
+    'actions-right'?: (props: typeof __VLS_51) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rename: (name: string) => any;
+    "update:open": (open: boolean) => any;
+    "sign-out": () => any;
+    "show-recovery": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRename?: ((name: string) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onSign-out"?: (() => any) | undefined;
+    "onShow-recovery"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/AMnemonicLoginModal.d.vue.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    open?: boolean;
+    /** Number of words. 12 (default) or 24. */
+    wordCount?: 12 | 24;
+    /** Inline error string from the consumer's submit handler. */
+    error?: string | null;
+    /** Loading flag while consumer handles submit. */
+    loading?: boolean;
+    /** Title text. */
+    title?: string;
+    /** Subtitle text. */
+    subtitle?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        mnemonic: string;
+        passphrase?: string;
+        ephemeral: boolean;
+    }) => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        mnemonic: string;
+        passphrase?: string;
+        ephemeral: boolean;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    wordCount: 12 | 24;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AMnemonicLoginModal.vue

@@ -0,0 +1,173 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { validateMnemonic, bip39Wordlist } from "@abraca/dabra";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  wordCount: { type: Number, required: false, default: 12 },
+  error: { type: [String, null], required: false },
+  loading: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false, default: "Enter recovery phrase" },
+  subtitle: { type: String, required: false, default: "Type or paste your 12-word recovery phrase to restore your account." }
+});
+const emit = defineEmits(["update:open", "submit"]);
+const open = computed({
+  get: () => !!props.open,
+  set: (v) => emit("update:open", v)
+});
+const wordSet = new Set(bip39Wordlist);
+const words = ref(Array(props.wordCount).fill(""));
+const passphrase = ref("");
+const showAdvanced = ref(false);
+const ephemeral = ref(false);
+watch(() => props.open, (v) => {
+  if (!v) return;
+  words.value = Array(props.wordCount).fill("");
+  passphrase.value = "";
+  ephemeral.value = false;
+  showAdvanced.value = false;
+});
+watch(() => props.wordCount, (n) => {
+  words.value = Array(n).fill("");
+});
+const wordValid = computed(
+  () => words.value.map((w) => !w.trim() || wordSet.has(w.trim().toLowerCase()))
+);
+const allFilled = computed(() => words.value.every((w) => w.trim().length > 0));
+const mnemonicString = computed(() => words.value.map((w) => w.trim().toLowerCase()).join(" "));
+const checksumValid = computed(() => {
+  if (!allFilled.value) return true;
+  return validateMnemonic(mnemonicString.value);
+});
+const canSubmit = computed(
+  () => allFilled.value && wordValid.value.every(Boolean) && checksumValid.value && !props.loading
+);
+function handlePaste(event, index) {
+  const text = event.clipboardData?.getData("text")?.trim();
+  if (!text) return;
+  const pasted = text.split(/\s+/);
+  if (pasted.length > 1) {
+    event.preventDefault();
+    const next = [...words.value];
+    for (let i = 0; i < pasted.length && index + i < props.wordCount; i++) {
+      next[index + i] = pasted[i];
+    }
+    words.value = next;
+  }
+}
+function submit() {
+  if (!canSubmit.value) return;
+  emit("submit", {
+    mnemonic: mnemonicString.value,
+    passphrase: passphrase.value || void 0,
+    ephemeral: ephemeral.value
+  });
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="title"
+    :ui="{ content: 'sm:max-w-lg' }"
+  >
+    <template #body>
+      <div class="flex flex-col gap-5">
+        <p class="text-sm text-(--ui-text-muted) text-center">
+          {{ subtitle }}
+        </p>
+
+        <UAlert
+          v-if="error"
+          color="error"
+          variant="soft"
+          icon="i-lucide-triangle-alert"
+          :description="error"
+        />
+
+        <UAlert
+          v-if="allFilled && !checksumValid"
+          color="warning"
+          variant="soft"
+          icon="i-lucide-triangle-alert"
+          description="Checksum doesn't match — double-check the words."
+        />
+
+        <div class="grid grid-cols-3 gap-2">
+          <div
+            v-for="i in wordCount"
+            :key="i - 1"
+            class="flex items-center gap-1 px-2 py-1 rounded-md border bg-(--ui-bg-elevated)"
+            :class="!wordValid[i - 1] ? 'border-(--ui-error)' : 'border-(--ui-border)'"
+          >
+            <span class="text-xs font-mono text-(--ui-text-muted) w-5 text-right shrink-0">{{ i }}.</span>
+            <input
+              v-model="words[i - 1]"
+              type="text"
+              autocapitalize="off"
+              autocomplete="off"
+              spellcheck="false"
+              class="bg-transparent outline-none text-sm font-mono w-full text-(--ui-text-highlighted)"
+              @paste="(e) => handlePaste(e, i - 1)"
+              @keydown.enter.prevent="submit"
+            >
+          </div>
+        </div>
+
+        <div class="flex items-center justify-between text-xs">
+          <UButton
+            variant="ghost"
+            color="neutral"
+            size="2xs"
+            :icon="showAdvanced ? 'i-lucide-chevron-up' : 'i-lucide-chevron-down'"
+            :label="showAdvanced ? 'Hide advanced' : 'Advanced'"
+            @click="showAdvanced = !showAdvanced"
+          />
+        </div>
+
+        <div
+          v-if="showAdvanced"
+          class="flex flex-col gap-3 px-1"
+        >
+          <div class="flex flex-col gap-1">
+            <label class="text-xs font-medium text-(--ui-text-muted)">Optional passphrase</label>
+            <UInput
+              v-model="passphrase"
+              size="sm"
+              type="password"
+              placeholder="Empty if you didn't set one"
+            />
+          </div>
+          <label class="flex items-center gap-2 cursor-pointer text-sm">
+            <USwitch
+              v-model="ephemeral"
+              size="sm"
+            />
+            <span>Don't store on this device (ephemeral session)</span>
+          </label>
+        </div>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex items-center justify-end gap-2 w-full">
+        <UButton
+          variant="ghost"
+          color="neutral"
+          size="sm"
+          label="Cancel"
+          @click="open = false"
+        />
+        <UButton
+          variant="solid"
+          color="primary"
+          size="sm"
+          icon="i-lucide-log-in"
+          label="Sign in"
+          :loading="loading"
+          :disabled="!canSubmit"
+          @click="submit"
+        />
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/AMnemonicLoginModal.vue.d.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    open?: boolean;
+    /** Number of words. 12 (default) or 24. */
+    wordCount?: 12 | 24;
+    /** Inline error string from the consumer's submit handler. */
+    error?: string | null;
+    /** Loading flag while consumer handles submit. */
+    loading?: boolean;
+    /** Title text. */
+    title?: string;
+    /** Subtitle text. */
+    subtitle?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        mnemonic: string;
+        passphrase?: string;
+        ephemeral: boolean;
+    }) => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        mnemonic: string;
+        passphrase?: string;
+        ephemeral: boolean;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    wordCount: 12 | 24;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ANodePanel.d.vue.ts

@@ -1,15 +1,42 @@
 import type { AbracadabraLocale } from '../locale.js';
+import type { DocPageMeta } from '../types.js';
 type __VLS_Props = {
     nodeId: string | null;
     nodeLabel?: string;
     childProvider?: any;
     docType?: string;
     labels?: Partial<AbracadabraLocale['nodePanel']>;
+    /** Tab to open initially. Defaults to 'editor'. */
+    initialTab?: 'editor' | 'properties' | 'chat' | 'settings' | string;
+    /**
+     * Built-in tabs to render. Defaults to all-on; pass an array to limit which
+     * tabs appear (useful when a developer wants only properties + chat).
+     * Plugin-registered tab slots are unaffected.
+     */
+    tabs?: Array<'editor' | 'properties' | 'chat' | 'settings'>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_11: {
+    nodeId: string | null;
+    nodeLabel: string | undefined;
+    editor: any;
+    meta: DocPageMeta;
+    docTypeDef: import("../utils/docTypes.js").DocTypeDefinition;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    initialTab: "editor" | "properties" | "chat" | "settings" | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};