@abraca/nuxt 2.0.0 → 2.0.3

package/dist/runtime/components/APasswordResetRequestModal.vue

@@ -0,0 +1,113 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false, default: false },
+  sent: { type: Boolean, required: false, default: false },
+  error: { type: [String, null], required: false },
+  title: { type: String, required: false, default: "Reset your password" },
+  subtitle: { type: String, required: false, default: "Enter your username or email and we'll send you a reset link." },
+  showSignInLink: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["update:open", "submit", "signin"]);
+const open = computed({
+  get: () => !!props.open,
+  set: (v) => emit("update:open", v)
+});
+const identifier = ref("");
+watch(() => props.open, (v) => {
+  if (!v) return;
+  identifier.value = "";
+});
+const canSubmit = computed(
+  () => !!identifier.value.trim() && !props.loading && !props.sent
+);
+function submit() {
+  if (!canSubmit.value) return;
+  emit("submit", { identifier: identifier.value.trim() });
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="title"
+    :ui="{ content: 'sm:max-w-md' }"
+  >
+    <template #body>
+      <div class="flex flex-col gap-4">
+        <UAlert
+          v-if="sent"
+          color="success"
+          variant="soft"
+          icon="i-lucide-mail-check"
+          title="Check your inbox"
+          description="If an account matches that identifier, we've sent a password reset link. The link expires shortly — use it soon."
+        />
+
+        <template v-else>
+          <p class="text-sm text-(--ui-text-muted)">
+            {{ subtitle }}
+          </p>
+
+          <UAlert
+            v-if="error"
+            color="error"
+            variant="soft"
+            icon="i-lucide-triangle-alert"
+            :description="error"
+          />
+
+          <div class="flex flex-col gap-1">
+            <label class="text-xs font-medium text-(--ui-text-muted)">Username or email</label>
+            <UInput
+              v-model="identifier"
+              size="md"
+              autofocus
+              autocomplete="username"
+              placeholder="your-handle or you@example.com"
+              icon="i-lucide-mail-question"
+              @keydown.enter="submit"
+            />
+          </div>
+
+          <div
+            v-if="showSignInLink"
+            class="-mt-1 text-xs"
+          >
+            <UButton
+              variant="link"
+              color="neutral"
+              size="xs"
+              label="Back to sign in"
+              @click="emit('signin')"
+            />
+          </div>
+        </template>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex items-center justify-end gap-2 w-full">
+        <UButton
+          variant="ghost"
+          color="neutral"
+          size="sm"
+          :label="sent ? 'Close' : 'Cancel'"
+          :disabled="loading"
+          @click="open = false"
+        />
+        <UButton
+          v-if="!sent"
+          color="primary"
+          size="sm"
+          icon="i-lucide-mail"
+          label="Send reset link"
+          :loading="loading"
+          :disabled="!canSubmit"
+          @click="submit"
+        />
+      </div>
+    </template>
+  </UModal>
+</template>

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

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    open?: boolean;
+    loading?: boolean;
+    /**
+     * Flip to true after the consumer's submit handler resolves; flips the modal to the
+     *  "we sent an email if that account exists" confirmation copy.
+     */
+    sent?: boolean;
+    error?: string | null;
+    title?: string;
+    subtitle?: string;
+    /** Show the "Back to sign in" link in the footer. */
+    showSignInLink?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        identifier: string;
+    }) => any;
+    "update:open": (v: boolean) => any;
+    signin: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        identifier: string;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+    onSignin?: (() => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    loading: boolean;
+    sent: boolean;
+    showSignInLink: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    loading?: boolean;
+    error?: string | null;
+    /** Flip to true after a successful set — card shows a success state. */
+    success?: boolean;
+    title?: string;
+    subtitle?: string;
+    minLength?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        password: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        password: string;
+    }) => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    success: boolean;
+    minLength: number;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ASetPasswordCard.vue

@@ -0,0 +1,139 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  loading: { type: Boolean, required: false, default: false },
+  error: { type: [String, null], required: false },
+  success: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false, default: "Add a password" },
+  subtitle: { type: String, required: false, default: "Your account currently relies on this device's passkey. Adding a password lets you sign in from a second device or recover access if this device is lost." },
+  minLength: { type: Number, required: false, default: 8 }
+});
+const emit = defineEmits(["submit"]);
+const password = ref("");
+const confirm = ref("");
+const showPassword = ref(false);
+watch(() => props.success, (v) => {
+  if (!v) return;
+  password.value = "";
+  confirm.value = "";
+  showPassword.value = false;
+});
+const passwordTooShort = computed(
+  () => password.value.length > 0 && password.value.length < props.minLength
+);
+const confirmMismatch = computed(
+  () => confirm.value.length > 0 && confirm.value !== password.value
+);
+const canSubmit = computed(
+  () => password.value.length >= props.minLength && confirm.value === password.value && !props.loading && !props.success
+);
+function submit() {
+  if (!canSubmit.value) return;
+  emit("submit", { password: password.value });
+}
+</script>
+
+<template>
+  <div class="set-pw-card">
+    <div class="set-pw-head">
+      <UIcon
+        name="i-lucide-key-square"
+        class="size-5 text-(--ui-primary) shrink-0"
+      />
+      <div class="flex-1">
+        <h4 class="set-pw-title">
+          {{ title }}
+        </h4>
+        <p class="set-pw-sub">
+          {{ subtitle }}
+        </p>
+      </div>
+    </div>
+
+    <UAlert
+      v-if="success"
+      color="success"
+      variant="soft"
+      icon="i-lucide-check"
+      title="Password set"
+      description="You can now sign in with your username and password from another device."
+    />
+
+    <UAlert
+      v-else-if="error"
+      color="error"
+      variant="soft"
+      icon="i-lucide-triangle-alert"
+      :description="error"
+    />
+
+    <template v-if="!success">
+      <div class="set-pw-field">
+        <label class="set-pw-label">New password</label>
+        <UInput
+          v-model="password"
+          :type="showPassword ? 'text' : 'password'"
+          size="md"
+          autocomplete="new-password"
+          :placeholder="`${minLength}+ characters`"
+          icon="i-lucide-lock"
+          :ui="{ trailing: 'pe-1' }"
+          @keydown.enter="submit"
+        >
+          <template #trailing>
+            <UButton
+              tabindex="-1"
+              variant="ghost"
+              color="neutral"
+              size="xs"
+              :icon="showPassword ? 'i-lucide-eye-off' : 'i-lucide-eye'"
+              :aria-label="showPassword ? 'Hide password' : 'Show password'"
+              @click="showPassword = !showPassword"
+            />
+          </template>
+        </UInput>
+        <p
+          v-if="passwordTooShort"
+          class="set-pw-err"
+        >
+          At least {{ minLength }} characters.
+        </p>
+      </div>
+
+      <div class="set-pw-field">
+        <label class="set-pw-label">Confirm</label>
+        <UInput
+          v-model="confirm"
+          :type="showPassword ? 'text' : 'password'"
+          size="md"
+          autocomplete="new-password"
+          placeholder="Type it again"
+          icon="i-lucide-shield-check"
+          @keydown.enter="submit"
+        />
+        <p
+          v-if="confirmMismatch"
+          class="set-pw-err"
+        >
+          Passwords don't match.
+        </p>
+      </div>
+
+      <div class="set-pw-actions">
+        <UButton
+          color="primary"
+          size="sm"
+          icon="i-lucide-key-round"
+          label="Set password"
+          :loading="loading"
+          :disabled="!canSubmit"
+          @click="submit"
+        />
+      </div>
+    </template>
+  </div>
+</template>
+
+<style scoped>
+.set-pw-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:.6rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.set-pw-head{align-items:flex-start;display:flex;gap:.6rem}.set-pw-title{color:var(--ui-text-highlighted);font-size:.875rem;font-weight:600;margin:0}.set-pw-sub{color:var(--ui-text-muted);font-size:.8125rem;line-height:1.5;margin:.2rem 0 0}.set-pw-field{display:flex;flex-direction:column;gap:.25rem}.set-pw-label{color:var(--ui-text-muted);font-size:.7rem;font-weight:500}.set-pw-err{color:var(--ui-color-error-500);font-size:.7rem;margin:0}.set-pw-actions{display:flex;justify-content:flex-end;padding-top:.25rem}
+</style>

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    loading?: boolean;
+    error?: string | null;
+    /** Flip to true after a successful set — card shows a success state. */
+    success?: boolean;
+    title?: string;
+    subtitle?: string;
+    minLength?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        password: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        password: string;
+    }) => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    success: boolean;
+    minLength: number;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,66 @@
+export interface SubPageListEntry {
+    id: string;
+    label: string;
+    type?: string;
+    meta?: {
+        icon?: string;
+        color?: string;
+        [k: string]: unknown;
+    };
+}
+type __VLS_Props = {
+    /** Parent document whose direct children are listed. */
+    parentDocId: string;
+    /** Layout. `list` = vertical rows, `grid` = card grid, `compact` = minimal pills. Default: 'list'. */
+    layout?: 'list' | 'grid' | 'compact';
+    /** Maximum number of items shown. Omit for all. */
+    limit?: number;
+    /** Empty-state text. */
+    emptyText?: string;
+    /** Show a "New …" button at the bottom of the list. Emits `create`. */
+    showCreate?: boolean;
+    /** Label for the create button. */
+    createLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_8: {
+    entry: SubPageListEntry;
+}, __VLS_15: {
+    entry: SubPageListEntry;
+}, __VLS_17: {
+    key: string;
+    entry: SubPageListEntry;
+}, __VLS_24: {
+    key: string;
+    entry: SubPageListEntry;
+};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_8) => any;
+} & {
+    'item-trailing'?: (props: typeof __VLS_15) => any;
+} & {
+    item?: (props: typeof __VLS_17) => any;
+} & {
+    item?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (id: string, label: string) => any;
+    create: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((id: string, label: string) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    layout: "list" | "grid" | "compact";
+    emptyText: string;
+    showCreate: boolean;
+    createLabel: 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;
+    };
+};

package/dist/runtime/components/ASubPageList.vue

@@ -0,0 +1,147 @@
+<script setup>
+import { computed } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import { useChildTree } from "../composables/useChildTree";
+const props = defineProps({
+  parentDocId: { type: String, required: true },
+  layout: { type: String, required: false, default: "list" },
+  limit: { type: Number, required: false },
+  emptyText: { type: String, required: false, default: "No child documents yet" },
+  showCreate: { type: Boolean, required: false, default: false },
+  createLabel: { type: String, required: false, default: "New page" }
+});
+const emit = defineEmits(["open", "create"]);
+const { doc: rootDoc } = useAbracadabra();
+const tree = useChildTree(rootDoc, props.parentDocId);
+const entries = computed(() => {
+  const all = tree.childrenOf(null);
+  return props.limit !== void 0 ? all.slice(0, props.limit) : all;
+});
+function defaultIcon(entry) {
+  return entry.meta?.icon ?? "i-lucide-file-text";
+}
+</script>
+
+<template>
+  <div class="a-subpage-list">
+    <!-- Empty state -->
+    <div
+      v-if="!entries.length"
+      class="a-subpage-list__empty"
+    >
+      <slot name="empty">
+        <UIcon
+          name="i-lucide-folder-open"
+          class="size-6 text-(--ui-text-dimmed) mb-2"
+        />
+        <p class="text-sm text-(--ui-text-muted)">
+          {{ emptyText }}
+        </p>
+      </slot>
+    </div>
+
+    <!-- list -->
+    <ul
+      v-else-if="layout === 'list'"
+      class="flex flex-col gap-0.5"
+    >
+      <li
+        v-for="entry in entries"
+        :key="entry.id"
+      >
+        <slot
+          name="item"
+          :entry="entry"
+        >
+          <button
+            class="w-full flex items-center gap-2 px-2.5 py-1.5 rounded-md text-sm text-(--ui-text) hover:bg-(--ui-bg-elevated) transition-colors text-left"
+            type="button"
+            @click="emit('open', entry.id, entry.label)"
+          >
+            <UIcon
+              :name="defaultIcon(entry)"
+              class="size-4 shrink-0"
+              :style="entry.meta?.color ? `color: ${entry.meta.color}` : ''"
+              :class="entry.meta?.color ? '' : 'text-(--ui-text-muted)'"
+            />
+            <span class="flex-1 truncate">{{ entry.label || "Untitled" }}</span>
+            <slot
+              name="item-trailing"
+              :entry="entry"
+            />
+          </button>
+        </slot>
+      </li>
+    </ul>
+
+    <!-- grid -->
+    <div
+      v-else-if="layout === 'grid'"
+      class="grid grid-cols-2 sm:grid-cols-3 gap-2"
+    >
+      <slot
+        v-for="entry in entries"
+        :key="entry.id"
+        name="item"
+        :entry="entry"
+      >
+        <button
+          class="flex flex-col gap-2 p-3 rounded-md border border-(--ui-border) bg-(--ui-bg) hover:border-(--ui-border-accented) hover:bg-(--ui-bg-elevated) transition-colors text-left"
+          type="button"
+          @click="emit('open', entry.id, entry.label)"
+        >
+          <UIcon
+            :name="defaultIcon(entry)"
+            class="size-5"
+            :style="entry.meta?.color ? `color: ${entry.meta.color}` : ''"
+            :class="entry.meta?.color ? '' : 'text-(--ui-text-muted)'"
+          />
+          <span class="text-sm font-medium text-(--ui-text-highlighted) line-clamp-2">{{ entry.label || "Untitled" }}</span>
+        </button>
+      </slot>
+    </div>
+
+    <!-- compact -->
+    <div
+      v-else-if="layout === 'compact'"
+      class="flex flex-wrap gap-1.5"
+    >
+      <slot
+        v-for="entry in entries"
+        :key="entry.id"
+        name="item"
+        :entry="entry"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full border border-(--ui-border) bg-(--ui-bg) text-xs hover:border-(--ui-border-accented) hover:bg-(--ui-bg-elevated) transition-colors"
+          type="button"
+          @click="emit('open', entry.id, entry.label)"
+        >
+          <UIcon
+            :name="defaultIcon(entry)"
+            class="size-3"
+            :style="entry.meta?.color ? `color: ${entry.meta.color}` : ''"
+            :class="entry.meta?.color ? '' : 'text-(--ui-text-muted)'"
+          />
+          <span class="text-(--ui-text)">{{ entry.label || "Untitled" }}</span>
+        </button>
+      </slot>
+    </div>
+
+    <!-- create -->
+    <div
+      v-if="showCreate"
+      class="mt-2"
+    >
+      <UButton
+        :icon="layout === 'grid' ? 'i-lucide-plus-square' : 'i-lucide-plus'"
+        :label="createLabel"
+        size="sm"
+        variant="ghost"
+        color="neutral"
+        :block="layout === 'grid'"
+        @click="emit('create')"
+      />
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,66 @@
+export interface SubPageListEntry {
+    id: string;
+    label: string;
+    type?: string;
+    meta?: {
+        icon?: string;
+        color?: string;
+        [k: string]: unknown;
+    };
+}
+type __VLS_Props = {
+    /** Parent document whose direct children are listed. */
+    parentDocId: string;
+    /** Layout. `list` = vertical rows, `grid` = card grid, `compact` = minimal pills. Default: 'list'. */
+    layout?: 'list' | 'grid' | 'compact';
+    /** Maximum number of items shown. Omit for all. */
+    limit?: number;
+    /** Empty-state text. */
+    emptyText?: string;
+    /** Show a "New …" button at the bottom of the list. Emits `create`. */
+    showCreate?: boolean;
+    /** Label for the create button. */
+    createLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_8: {
+    entry: SubPageListEntry;
+}, __VLS_15: {
+    entry: SubPageListEntry;
+}, __VLS_17: {
+    key: string;
+    entry: SubPageListEntry;
+}, __VLS_24: {
+    key: string;
+    entry: SubPageListEntry;
+};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_8) => any;
+} & {
+    'item-trailing'?: (props: typeof __VLS_15) => any;
+} & {
+    item?: (props: typeof __VLS_17) => any;
+} & {
+    item?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (id: string, label: string) => any;
+    create: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((id: string, label: string) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    layout: "list" | "grid" | "compact";
+    emptyText: string;
+    showCreate: boolean;
+    createLabel: 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;
+    };
+};

package/dist/runtime/components/aware/AAccordion.d.vue.ts

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     total?: boolean;
 };
 declare var __VLS_9: string, __VLS_10: any, __VLS_27: string, __VLS_28: any;
@@ -13,6 +14,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/AAccordion.vue

@@ -2,6 +2,7 @@
 import { computed, ref, useAttrs, watch } from "vue";
 import { useAAField } from "../../composables/useAAField";
 import { useAAUIState } from "../../composables/useAAUIState";
+import { useAAFollowPeer } from "../../composables/useAAFollowPeer";
 import AHoverItem from "./AHoverItem.vue";
 function itemId(item) {
   if (item == null) return "";
@@ -18,10 +19,12 @@ const props = defineProps({
   fieldKey: { type: String, required: true },
   awareness: { type: Boolean, required: false, default: true },
   live: { type: Boolean, required: false, default: false },
+  followOnly: { type: Boolean, required: false, default: false },
   total: { type: Boolean, required: false, default: false }
 });
+const { isFollowing } = useAAFollowPeer();
 const enableAwareness = computed(() => props.awareness || props.total);
-const enableLive = computed(() => props.live || props.total);
+const enableLive = computed(() => props.live || props.total || props.followOnly && isFollowing.value);
 const attrs = useAttrs();
 const { hoverers, focusers, hoverHandlers } = useAAField(() => props.fieldKey);
 const liveExpanded = useAAUIState(() => `${props.fieldKey}:expanded`, { defaultValue: "" });
@@ -37,6 +40,13 @@ watch(local, (val) => {
   if (!enableLive.value) return;
   if (JSON.stringify(liveExpanded.value) !== JSON.stringify(val)) liveExpanded.value = val;
 });
+watch(enableLive, (now, prev) => {
+  if (!now || prev) return;
+  const incoming = liveExpanded.value;
+  if (incoming != null && JSON.stringify(local.value) !== JSON.stringify(incoming)) {
+    local.value = incoming;
+  }
+});
 const ringStyle = computed(() => {
   if (!enableAwareness.value) return void 0;
   const focusColor = focusers.value[0]?.user?.color;