@karibsen/eponyme 0.1.0

package/dist/runtime/components/ui/EPSlider.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id?: string;
+    label?: string;
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/EPSlider.vue

@@ -0,0 +1,51 @@
+<script setup>
+import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from "reka-ui";
+import { computed } from "vue";
+const props = defineProps({
+  id: { type: String, required: false },
+  label: { type: String, required: false },
+  modelValue: { type: Number, required: false },
+  min: { type: Number, required: false },
+  max: { type: Number, required: false },
+  step: { type: Number, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const minValue = computed(() => props.min ?? 0);
+const maxValue = computed(() => props.max ?? 100);
+const stepValue = computed(() => props.step ?? 1);
+const value = computed(() => Math.min(maxValue.value, Math.max(minValue.value, props.modelValue ?? minValue.value)));
+function update(values) {
+  const next = values?.[0];
+  if (next !== void 0) emit("update:modelValue", next);
+}
+</script>
+
+<template>
+  <div class="ep:flex ep:items-center ep:gap-4">
+    <SliderRoot
+      :model-value="[value]"
+      :min="minValue"
+      :max="maxValue"
+      :step="stepValue"
+      :disabled="disabled"
+      class="ep:relative ep:flex ep:h-10 ep:flex-1 ep:touch-none ep:items-center ep:select-none ep:data-[disabled]:cursor-not-allowed ep:data-[disabled]:opacity-50"
+      @update:model-value="update"
+    >
+      <SliderTrack class="ep:relative ep:h-2 ep:flex-1 ep:overflow-hidden ep:rounded-full ep:border ep:border-border-ep ep:bg-selected-ep">
+        <SliderRange class="ep:absolute ep:h-full ep:bg-white" />
+      </SliderTrack>
+      <SliderThumb
+        :id="id"
+        :aria-label="label"
+        class="ep:block ep:h-5 ep:w-5 ep:cursor-grab ep:rounded-full ep:border-2 ep:border-white ep:bg-theme-ep ep:outline-none ep:transition-colors ep:hover:bg-text-ep ep:focus-visible:ring-2 ep:focus-visible:ring-white/30 ep:active:cursor-grabbing"
+      />
+    </SliderRoot>
+    <output
+      :for="id"
+      class="ep:min-w-12 ep:rounded-lg ep:bg-selected-ep ep:px-2.5 ep:py-1.5 ep:text-center ep:font-sans ep:text-sm ep:font-medium ep:text-white"
+    >
+      {{ value }}
+    </output>
+  </div>
+</template>

package/dist/runtime/components/ui/EPSlider.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id?: string;
+    label?: string;
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/EPSwitch.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/EPSwitch.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { SwitchRoot, SwitchThumb } from "reka-ui";
+defineProps({
+  modelValue: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+</script>
+
+<template>
+  <SwitchRoot
+    :model-value="modelValue"
+    :disabled="disabled"
+    class="eponyme-switch ep:relative ep:inline-flex ep:h-6 ep:w-11 ep:shrink-0 ep:cursor-pointer ep:items-center ep:rounded-full ep:border ep:border-border-ep ep:bg-selected-ep ep:p-0.5 ep:outline-none ep:focus-visible:ring-2 ep:focus-visible:ring-white/20 ep:data-[state=checked]:border-white ep:data-[state=checked]:bg-white ep:disabled:cursor-not-allowed ep:disabled:opacity-50"
+    @update:model-value="emit('update:modelValue', $event)"
+  >
+    <SwitchThumb class="eponyme-switch-thumb ep:block ep:h-[18px] ep:w-[18px] ep:rounded-full ep:bg-muted-ep ep:data-[state=checked]:bg-theme-ep" />
+  </SwitchRoot>
+</template>
+
+<style scoped>
+.eponyme-switch{transition:background-color .26s ease-in-out,border-color .26s ease-in-out}.eponyme-switch-thumb{transform:translateX(0);transition:transform .28s cubic-bezier(.4,0,.2,1),background-color .26s ease-in-out;will-change:transform}.eponyme-switch-thumb[data-state=checked]{transform:translateX(20px)}
+</style>

package/dist/runtime/components/ui/EPSwitch.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/EPTextarea.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    modelValue?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/EPTextarea.vue

@@ -0,0 +1,18 @@
+<script setup>
+defineProps({
+  modelValue: { type: String, required: false, default: "" },
+  invalid: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+</script>
+
+<template>
+  <textarea
+    :value="modelValue"
+    :disabled="disabled"
+    :aria-invalid="invalid || void 0"
+    class="ep:block ep:min-h-36 ep:w-full ep:min-w-0 ep:resize-none ep:rounded-xl ep:border ep:border-border-ep ep:bg-selected-ep ep:px-4 ep:py-3 ep:font-sans ep:text-sm ep:text-white ep:outline-none ep:transition ep:placeholder:text-muted-ep ep:focus:border-muted-ep ep:focus:ring-2 ep:focus:ring-white/10 ep:aria-invalid:border-danger-ep ep:disabled:cursor-not-allowed ep:disabled:opacity-50"
+    @input="emit('update:modelValue', $event.target.value)"
+  />
+</template>

package/dist/runtime/components/ui/EPTextarea.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    modelValue?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/EPToast.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    open: boolean;
+    title: string;
+    description?: string;
+    variant?: 'success' | 'error';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/EPToast.vue

@@ -0,0 +1,60 @@
+<script setup>
+import {
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport
+} from "reka-ui";
+defineProps({
+  open: { type: Boolean, required: true },
+  title: { type: String, required: true },
+  description: { type: String, required: false, default: void 0 },
+  variant: { type: String, required: false, default: "success" }
+});
+const emit = defineEmits(["update:open"]);
+</script>
+
+<template>
+  <ToastProvider
+    :duration="4e3"
+    label="Notification"
+    swipe-direction="right"
+  >
+    <ToastRoot
+      :open="open"
+      class="eponyme-toast eponyme-portal ep:grid ep:w-full ep:grid-cols-[auto_1fr_auto] ep:items-start ep:gap-3 ep:rounded-xl ep:border ep:border-border-ep ep:bg-selected-ep ep:p-4 ep:font-sans ep:text-text-ep ep:outline-none"
+      @update:open="emit('update:open', $event)"
+    >
+      <span
+        class="ep:mt-1.5 ep:h-2 ep:w-2 ep:rounded-full"
+        :class="variant === 'error' ? 'ep:bg-danger-ep' : 'ep:bg-success-ep'"
+        aria-hidden="true"
+      />
+      <div class="ep:min-w-0">
+        <ToastTitle class="ep:m-0 ep:text-sm ep:font-semibold ep:text-white">
+          {{ title }}
+        </ToastTitle>
+        <ToastDescription
+          v-if="description"
+          class="ep:mt-1 ep:mb-0 ep:text-xs ep:leading-relaxed ep:text-muted-ep"
+        >
+          {{ description }}
+        </ToastDescription>
+      </div>
+      <ToastClose
+        aria-label="Close notification"
+        class="ep:-mt-1 ep:-mr-1 ep:inline-flex ep:h-7 ep:w-7 ep:cursor-pointer ep:items-center ep:justify-center ep:rounded-md ep:border-0 ep:bg-transparent ep:text-lg ep:leading-none ep:text-muted-ep ep:transition ep:hover:bg-white/5 ep:hover:text-white ep:focus-visible:outline-none ep:focus-visible:ring-2 ep:focus-visible:ring-white/20"
+      >
+        <span aria-hidden="true">&times;</span>
+      </ToastClose>
+    </ToastRoot>
+
+    <ToastViewport class="ep:fixed ep:right-4 ep:bottom-4 ep:z-50 ep:flex ep:w-[calc(100vw-2rem)] ep:max-w-sm ep:list-none ep:flex-col ep:gap-2 ep:p-0 ep:outline-none ep:sm:right-6 ep:sm:bottom-6" />
+  </ToastProvider>
+</template>
+
+<style>
+.eponyme-toast[data-state=open]{animation:eponyme-toast-lift .36s cubic-bezier(.16,1,.3,1) both;will-change:opacity,transform}.eponyme-toast[data-state=closed]{animation:eponyme-toast-out .18s ease-in both}.eponyme-toast[data-swipe=move]{transform:translateX(var(--reka-toast-swipe-move-x))}.eponyme-toast[data-swipe=cancel]{transform:translateX(0);transition:transform .18s ease-out}.eponyme-toast[data-swipe=end]{animation:eponyme-toast-swipe-out .12s ease-out}@keyframes eponyme-toast-lift{0%{opacity:0;transform:translateY(36px) scale(.96)}75%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes eponyme-toast-out{to{opacity:0;transform:translateY(4px) scale(.98)}}@keyframes eponyme-toast-swipe-out{to{transform:translateX(calc(var(--reka-toast-swipe-end-x) + 2rem))}}@media (prefers-reduced-motion:reduce){.eponyme-toast{animation-duration:1ms!important}}
+</style>

package/dist/runtime/components/ui/EPToast.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    open: boolean;
+    title: string;
+    description?: string;
+    variant?: 'success' | 'error';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/EPTooltip.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    content: string;
+    delay?: number;
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/ui/EPTooltip.vue

@@ -0,0 +1,34 @@
+<script setup>
+import {
+  TooltipContent,
+  TooltipPortal,
+  TooltipProvider,
+  TooltipRoot,
+  TooltipTrigger
+} from "reka-ui";
+defineProps({
+  content: { type: String, required: true },
+  delay: { type: Number, required: false, default: 300 }
+});
+</script>
+
+<template>
+  <TooltipProvider :delay-duration="delay">
+    <TooltipRoot>
+      <TooltipTrigger
+        as="span"
+        class="ep:inline-flex"
+      >
+        <slot />
+      </TooltipTrigger>
+      <TooltipPortal>
+        <TooltipContent
+          :side-offset="6"
+          class="eponyme-portal ep:z-50 ep:whitespace-nowrap ep:rounded-lg ep:border ep:border-border-ep ep:bg-black ep:px-2.5 ep:py-1.5 ep:font-sans ep:text-xs ep:font-medium ep:text-white"
+        >
+          {{ content }}
+        </TooltipContent>
+      </TooltipPortal>
+    </TooltipRoot>
+  </TooltipProvider>
+</template>

package/dist/runtime/components/ui/EPTooltip.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    content: string;
+    delay?: number;
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/ui/form-field-context.d.ts

@@ -0,0 +1,12 @@
+import type { InjectionKey } from 'vue';
+/**
+ * Lets a renderer tell the `EPFormField` instances below it how to present themselves —
+ * without every field component having to declare and forward the same two props.
+ */
+export interface FormFieldContext {
+    /** The parent already shows the label, so the field renders the control only. */
+    hideLabel?: boolean;
+    /** Nested inside an array item: smaller label. */
+    compact?: boolean;
+}
+export declare const formFieldContextKey: InjectionKey<FormFieldContext>;

package/dist/runtime/components/ui/form-field-context.js

@@ -0,0 +1 @@
+export const formFieldContextKey = Symbol("eponyme-form-field");

package/dist/runtime/composables/useEponyme.d.ts

@@ -0,0 +1,24 @@
+import type { Ref } from 'vue';
+import type eponymeConfig from '#eponyme/config';
+import type { EponymeDataByName, EponymeName } from '../types/index.js';
+import type { EponymeAction, EponymeStatus, EponymeVersionSelector } from '../server/services/eponyme-store.js';
+import type { ValidationErrors } from '../utils/validate-eponyme-data.js';
+type ConfigEponymeName = EponymeName<typeof eponymeConfig>;
+export interface UseEponymeOptions {
+    version?: EponymeVersionSelector;
+}
+/** Read and save a configured eponyme through the public or draft API. */
+export declare function useEponyme<const Name extends ConfigEponymeName>(name: Name, options?: UseEponymeOptions): {
+    data: Ref<EponymeDataByName<any, Name> | undefined>;
+    status: import("vue").ComputedRef<EponymeStatus>;
+    publishedAt: import("vue").ComputedRef<string | null>;
+    pending: import("vue").ComputedRef<boolean>;
+    error: Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
+    errors: Ref<ValidationErrors, ValidationErrors>;
+    refresh: () => Promise<void>;
+    save: {
+        (): Promise<EponymeDataByName<any, Name> | undefined>;
+        (patch: Partial<EponymeDataByName<any, Name>>, action?: EponymeAction): Promise<EponymeDataByName<any, Name> | undefined>;
+    };
+};
+export {};

package/dist/runtime/composables/useEponyme.js

@@ -0,0 +1,63 @@
+import { clearNuxtData, useAsyncData, useRequestFetch, useRoute } from "#app";
+import { computed, ref } from "vue";
+import { readPreviewQuery, readPreviewVersion } from "../utils/preview.js";
+export function useEponyme(name, options = {}) {
+  const route = useRoute();
+  const preview = readPreviewQuery(route.query);
+  const version = options.version ?? (preview.entry === name ? readPreviewVersion(preview.version) : "published");
+  const errors = ref({});
+  const saving = ref(false);
+  const requestFetch = useRequestFetch();
+  const { data: response, pending: loading, error, refresh: load } = useAsyncData(
+    `eponyme:${name}:${version}`,
+    () => requestFetch(`/api/eponyme/${name}`, { query: { version }, cache: "no-store" }),
+    { getCachedData: () => void 0 }
+  );
+  const data = computed(() => response.value?.data);
+  const status = computed(() => response.value?.status ?? "published");
+  const publishedAt = computed(() => response.value?.publishedAt ?? null);
+  async function refresh() {
+    errors.value = {};
+    await load();
+  }
+  async function save(patch, action = "publish") {
+    saving.value = true;
+    errors.value = {};
+    try {
+      const next = await requestFetch(`/api/eponyme/${name}`, {
+        method: "PATCH",
+        query: { action },
+        body: patch ?? data.value
+      });
+      response.value = next;
+      if (action === "publish") {
+        clearNuxtData((key) => key.startsWith(`eponyme:${name}:`) && key !== `eponyme:${name}:${version}`);
+        const parts = String(name).split("/");
+        const slug = parts.pop();
+        const collectionName = parts.join("/");
+        if (collectionName && slug) {
+          clearNuxtData(`eponyme:collection:public:${collectionName}`);
+          clearNuxtData((key) => key.startsWith(`eponyme:collection-entry:${collectionName}:${slug}:`));
+        }
+      }
+      return next.data;
+    } catch (error2) {
+      const fetchError = error2;
+      if (fetchError.statusCode === 422)
+        errors.value = fetchError.data?.errors ?? {};
+      throw error2;
+    } finally {
+      saving.value = false;
+    }
+  }
+  return {
+    data,
+    status,
+    publishedAt,
+    pending: computed(() => loading.value || saving.value),
+    error,
+    errors,
+    refresh,
+    save
+  };
+}

package/dist/runtime/composables/useEponymeAuth.d.ts

@@ -0,0 +1,16 @@
+import type { EponymeAuthUser } from '../types/index.js';
+export declare function useEponymeAuth(): {
+    user: import("vue").Ref<EponymeAuthUser | null, EponymeAuthUser | null>;
+    loaded: import("vue").Ref<boolean, boolean>;
+    pending: import("vue").Ref<boolean, boolean>;
+    role: import("vue").ComputedRef<"viewer" | "editor" | "owner" | undefined>;
+    isViewer: import("vue").ComputedRef<boolean>;
+    canEdit: import("vue").ComputedRef<boolean>;
+    isOwner: import("vue").ComputedRef<boolean>;
+    mustChangePassword: import("vue").ComputedRef<boolean>;
+    ensureLoaded: () => Promise<EponymeAuthUser | null>;
+    refresh: () => Promise<EponymeAuthUser | null>;
+    login: (username: string, password: string) => Promise<EponymeAuthUser>;
+    logout: () => Promise<void>;
+    changePassword: (currentPassword: string, newPassword: string) => Promise<EponymeAuthUser>;
+};

package/dist/runtime/composables/useEponymeAuth.js

@@ -0,0 +1,81 @@
+import { useRequestFetch, useState } from "#app";
+import { computed } from "vue";
+export function useEponymeAuth() {
+  const user = useState("eponyme:auth-user", () => null);
+  const loaded = useState("eponyme:auth-loaded", () => false);
+  const pending = useState("eponyme:auth-pending", () => false);
+  const requestFetch = useRequestFetch();
+  async function refresh() {
+    pending.value = true;
+    try {
+      const response = await requestFetch("/api/eponyme-auth/session", {
+        cache: "no-store"
+      });
+      user.value = response.user;
+      loaded.value = true;
+      return response.user;
+    } catch {
+      user.value = null;
+      loaded.value = true;
+      return null;
+    } finally {
+      pending.value = false;
+    }
+  }
+  async function ensureLoaded() {
+    return loaded.value ? user.value : await refresh();
+  }
+  async function login(username, password) {
+    pending.value = true;
+    try {
+      const response = await requestFetch("/api/eponyme-auth/login", {
+        method: "POST",
+        body: { username, password }
+      });
+      user.value = response.user;
+      loaded.value = true;
+      return response.user;
+    } finally {
+      pending.value = false;
+    }
+  }
+  async function logout() {
+    pending.value = true;
+    try {
+      await requestFetch("/api/eponyme-auth/logout", { method: "POST" });
+    } finally {
+      user.value = null;
+      loaded.value = true;
+      pending.value = false;
+    }
+  }
+  async function changePassword(currentPassword, newPassword) {
+    pending.value = true;
+    try {
+      const response = await requestFetch("/api/eponyme-auth/change-password", {
+        method: "POST",
+        body: { currentPassword, newPassword }
+      });
+      user.value = response.user;
+      loaded.value = true;
+      return response.user;
+    } finally {
+      pending.value = false;
+    }
+  }
+  return {
+    user,
+    loaded,
+    pending,
+    role: computed(() => user.value?.role),
+    isViewer: computed(() => user.value?.role === "viewer"),
+    canEdit: computed(() => user.value?.role === "editor" || user.value?.role === "owner"),
+    isOwner: computed(() => user.value?.role === "owner"),
+    mustChangePassword: computed(() => Boolean(user.value?.mustChangePassword)),
+    ensureLoaded,
+    refresh,
+    login,
+    logout,
+    changePassword
+  };
+}

package/dist/runtime/composables/useEponymeCollection.d.ts

@@ -0,0 +1,27 @@
+import type { ComputedRef, Ref } from 'vue';
+import type eponymeConfig from '#eponyme/config';
+import type { EponymeCollectionDataByName, EponymeCollectionName } from '../types/index.js';
+import type { EponymeCollectionEntry, EponymeStatus, EponymeVersionSelector } from '../server/services/eponyme-store.js';
+type ConfigCollectionName = EponymeCollectionName<typeof eponymeConfig>;
+export interface UseEponymeCollectionResult<Data extends Record<string, unknown>> {
+    entries: ComputedRef<EponymeCollectionEntry<Data>[]>;
+    pending: Ref<boolean>;
+    error: Ref<Error | null | undefined>;
+    refresh: () => Promise<void>;
+}
+export interface UseEponymeCollectionEntryOptions {
+    version?: EponymeVersionSelector;
+}
+export interface UseEponymeCollectionEntryResult<Data extends Record<string, unknown>> {
+    data: Ref<{
+        data: Data;
+    } | undefined>;
+    status: ComputedRef<EponymeStatus>;
+    publishedAt: ComputedRef<string | null>;
+    pending: Ref<boolean>;
+    error: Ref<Error | null | undefined>;
+    refresh: () => Promise<void>;
+}
+export declare function useEponymeCollection<const Name extends ConfigCollectionName>(name: Name): UseEponymeCollectionResult<EponymeCollectionDataByName<typeof eponymeConfig, Name>>;
+export declare function useEponymeCollectionEntry<const Name extends ConfigCollectionName>(name: Name, slug: string, options?: UseEponymeCollectionEntryOptions): UseEponymeCollectionEntryResult<EponymeCollectionDataByName<typeof eponymeConfig, Name>>;
+export {};

package/dist/runtime/composables/useEponymeCollection.js

@@ -0,0 +1,44 @@
+import { useAsyncData, useRequestFetch, useRoute } from "#app";
+import { useEventListener } from "@vueuse/core";
+import { computed } from "vue";
+import { readPreviewQuery, readPreviewVersion } from "../utils/preview.js";
+export function useEponymeCollection(name) {
+  const requestFetch = useRequestFetch();
+  const result = useAsyncData(
+    `eponyme:collection:public:${name}`,
+    () => requestFetch(`/api/eponyme-collections/${name}`, { cache: "no-store" }),
+    { getCachedData: () => void 0 }
+  );
+  const entries = computed(() => result.data.value?.entries ?? []);
+  if (import.meta.client) useEventListener(window, "focus", () => void result.refresh());
+  return {
+    entries,
+    pending: result.pending,
+    error: result.error,
+    refresh: async () => {
+      await result.refresh();
+    }
+  };
+}
+export function useEponymeCollectionEntry(name, slug, options = {}) {
+  const route = useRoute();
+  const preview = readPreviewQuery(route.query);
+  const version = options.version ?? (preview.entry === `${name}/${slug}` ? readPreviewVersion(preview.version) : "published");
+  const requestFetch = useRequestFetch();
+  const result = useAsyncData(
+    `eponyme:collection-entry:${name}:${slug}:${version}`,
+    () => requestFetch(`/api/eponyme/${name}/${encodeURIComponent(slug)}`, { query: { version }, cache: "no-store" }),
+    { getCachedData: () => void 0 }
+  );
+  if (import.meta.client) useEventListener(window, "focus", () => void result.refresh());
+  return {
+    data: result.data,
+    status: computed(() => result.data.value?.status ?? "published"),
+    publishedAt: computed(() => result.data.value?.publishedAt ?? null),
+    pending: result.pending,
+    error: result.error,
+    refresh: async () => {
+      await result.refresh();
+    }
+  };
+}

package/dist/runtime/composables/useEponymeColorPresets.d.ts

@@ -0,0 +1,5 @@
+import type { ColorPreset } from '../types/index.js';
+/** Accepts both `'#171714'` and `{ label, value }`, and drops anything that is not a colour. */
+export declare function normalizeColorPresets(presets: ReadonlyArray<string | ColorPreset> | undefined): ColorPreset[];
+/** Palette declared once in `nuxt.config.ts` under `eponyme.colorPresets`. */
+export declare function useEponymeColorPresets(): ColorPreset[];

package/dist/runtime/composables/useEponymeColorPresets.js

@@ -0,0 +1,16 @@
+import { useRuntimeConfig } from "#app";
+import { humanizeLabel } from "../utils/humanize-label.js";
+import { normalizeHexColor } from "../utils/normalize-hex-color.js";
+export function normalizeColorPresets(presets) {
+  return (presets ?? []).flatMap((preset) => {
+    const value = typeof preset === "string" ? preset : preset.value;
+    if (!normalizeHexColor(value)) return [];
+    const label = typeof preset === "string" ? humanizeLabel(value) : preset.label;
+    return [{ label, value }];
+  });
+}
+export function useEponymeColorPresets() {
+  const runtimeConfig = useRuntimeConfig();
+  const eponyme = runtimeConfig.public.eponyme;
+  return normalizeColorPresets(eponyme?.colorPresets);
+}

package/dist/runtime/composables/useEponymeConfig.d.ts

@@ -0,0 +1 @@
+export declare function useEponymeConfig(): any;