@karibsen/eponyme 0.1.0

package/dist/module.d.mts

@@ -0,0 +1,26 @@
+import * as _nuxt_schema from '@nuxt/schema';
+export { collection, defineEponymeConfig, form } from './eponyme.mjs';
+export { field, today } from '../dist/runtime/fields/index.js';
+export { EPONYME_ROLES, canEditEponyme, isEponymeRole } from '../dist/runtime/types/auth.js';
+export { ArrayFieldDefinition, ArrayFieldOptions, ArrayItemDefinition, ArrayItemFieldDefinition, ArrayItemSchema, ArrayItemValue, BooleanFieldDefinition, BooleanFieldOptions, CheckboxGroupFieldDefinition, CheckboxGroupFieldOptions, CollectionSlugField, ColorFieldDefinition, ColorFieldOptions, DateFieldDefinition, DateFieldOptions, EmailFieldDefinition, EmailFieldOptions, EponymeAuthSession, EponymeAuthUser, EponymeCollectionDataByName, EponymeCollectionDefinition, EponymeCollectionDefinitionBase, EponymeCollectionName, EponymeCollectionOptions, EponymeConfig, EponymeData, EponymeDataByName, EponymeFormDataByName, EponymeFormDefinition, EponymeFormDefinitionBase, EponymeFormFieldDefinition, EponymeFormMode, EponymeFormName, EponymeFormOptions, EponymeFormSchema, EponymeManagedUserResult, EponymeName, EponymeRole, EponymeSchema, FieldDefinition, FieldValidationResult, FieldValidator, FieldVisibilityCondition, ImageFieldDefinition, ImageFieldOptions, NumberFieldDefinition, NumberFieldOptions, RadioFieldDefinition, RadioFieldOptions, RichTextFieldDefinition, RichTextFieldOptions, SectionFieldDefinition, SectionFieldOptions, SectionItemFieldDefinition, SectionItemValue, SectionSchema, SectionValue, SelectFieldDefinition, SelectFieldOptions, SelectOption, SlugFieldDefinition, SlugFieldOptions, StringFieldDefinition, StringFieldOptions, TabDefinition, TabFieldDefinition, TabFieldOptions, TabsSchema, TabsValue, TextareaFieldDefinition, TextareaFieldOptions, TodayDateDefault, UrlFieldDefinition, UrlFieldOptions, UrlType, UrlValue } from '../dist/runtime/types/index.js';
+
+interface ModuleOptions {
+    dashboardPath?: string;
+    /** Public routes used for previews and sitemap entries. Collections use a `:slug` placeholder. */
+    previewPaths?: Record<string, string>;
+    /** Path to a server module exporting an already initialized PrismaClient. */
+    prismaClient: string;
+    /** Default palette offered by every color field; a field can override it with its own `presets`. */
+    colorPresets?: Array<string | {
+        label: string;
+        value: string;
+    }>;
+    auth?: {
+        /** Fixed lifetime of an authenticated session. */
+        sessionDurationDays?: number;
+    };
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "@karibsen/eponyme",
+  "configKey": "eponyme",
+  "version": "0.1.0",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,154 @@
+import { defineNuxtModule, useLogger, createResolver, installModule, findPath, addImports, addImportsDir, addServerImports, addRouteMiddleware, addTypeTemplate, addServerHandler, addServerPlugin } from '@nuxt/kit';
+import pc from 'picocolors';
+import tailwindcss from '@tailwindcss/vite';
+import { resolve } from 'node:path';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "@karibsen/eponyme",
+    configKey: "eponyme"
+  },
+  defaults: {
+    dashboardPath: "/__eponyme",
+    previewPaths: {},
+    prismaClient: "",
+    colorPresets: [],
+    auth: {
+      sessionDurationDays: 7
+    }
+  },
+  async setup(options, nuxt) {
+    const logger = useLogger("eponyme");
+    const resolver = createResolver(import.meta.url);
+    const dashboardPath = `/${(options.dashboardPath || "__eponyme").replace(/^\/+|\/+$/g, "")}`;
+    const publicRuntimeConfig = nuxt.options.runtimeConfig.public;
+    publicRuntimeConfig.eponyme = {
+      previewPaths: options.previewPaths ?? {},
+      dashboardPath,
+      colorPresets: options.colorPresets ?? []
+    };
+    nuxt.options.runtimeConfig.eponymeAuth = {
+      sessionDurationDays: options.auth?.sessionDurationDays ?? 7
+    };
+    await installModule("@nuxt/icon", {
+      serverBundle: { collections: ["mingcute"] },
+      clientBundle: {
+        // Explicit list: an icon missing here is not bundled and renders blank in production.
+        icons: [
+          "mingcute:history-anticlockwise-line",
+          "mingcute:eye-2-line",
+          "mingcute:layout-leftbar-close-line",
+          "mingcute:layout-leftbar-open-line",
+          "mingcute:down-small-line",
+          "mingcute:search-line",
+          "mingcute:close-line",
+          "mingcute:arrow-right-line",
+          "mingcute:align-arrow-right-line",
+          "mingcute:link-2-line",
+          "mingcute:settings-3-line",
+          "mingcute:refresh-2-line",
+          "mingcute:external-link-line",
+          "mingcute:paragraph-line",
+          "mingcute:heading-2-line",
+          "mingcute:heading-3-line",
+          "mingcute:bold-line",
+          "mingcute:italic-line",
+          "mingcute:strikethrough-line",
+          "mingcute:link-line",
+          "mingcute:pic-line",
+          "mingcute:list-check-line",
+          "mingcute:list-ordered-line",
+          "mingcute:quote-left-line",
+          "mingcute:back-2-line",
+          "mingcute:forward-2-line"
+        ]
+      }
+    }, nuxt);
+    const preparing = Boolean(nuxt.options._prepare);
+    if (!options.prismaClient) {
+      if (!preparing) throw new Error(`${pc.red("[Eponyme]")} eponyme.prismaClient is required.`);
+      logger.info("No prismaClient configured, skipping wiring (prepare).");
+      return;
+    }
+    const prismaPath = await findPath(resolve(nuxt.options.rootDir, options.prismaClient));
+    if (!prismaPath)
+      throw new Error(`${pc.red("[Eponyme]")} Prisma client module not found: ${options.prismaClient}`);
+    addImports([
+      { name: "defineEponymeConfig", from: resolver.resolve("./config/config") },
+      { name: "collection", from: resolver.resolve("./config/collection") },
+      { name: "form", from: resolver.resolve("./config/form") },
+      { name: "field", from: resolver.resolve("./runtime/fields") },
+      { name: "today", from: resolver.resolve("./runtime/fields") }
+    ]);
+    addImportsDir(resolver.resolve("./runtime/composables"));
+    addServerImports([
+      { name: "getEponymeSitemapEntries", from: resolver.resolve("./runtime/server/utils/eponyme-sitemap") },
+      // A `custom` form posts to the host application's own route, so this is what
+      // keeps server-side validation as the security boundary.
+      { name: "validateEponymeForm", from: resolver.resolve("./runtime/server/utils/eponyme-form") }
+    ]);
+    addRouteMiddleware({
+      name: "eponyme-auth",
+      path: resolver.resolve("./runtime/middleware/eponyme-auth")
+    });
+    addRouteMiddleware({
+      name: "eponyme-owner",
+      path: resolver.resolve("./runtime/middleware/eponyme-owner")
+    });
+    nuxt.options.build.transpile.push("reka-ui");
+    nuxt.options.css.push(resolver.resolve("./runtime/assets/dashboard.css"));
+    nuxt.hook("vite:extendConfig", (viteConfig) => {
+      const plugins = viteConfig.plugins;
+      plugins?.push(tailwindcss());
+    });
+    const configPath = await findPath(resolve(nuxt.options.rootDir, "eponyme.config.ts"));
+    if (!configPath) {
+      if (!preparing) throw new Error(`${pc.red("[Eponyme]")} eponyme.config.ts not found at the project root.`);
+      logger.info("No eponyme.config.ts found, skipping wiring (prepare).");
+      return;
+    }
+    nuxt.options.alias["#eponyme/config"] = configPath;
+    nuxt.options.alias["#eponyme/prisma"] = prismaPath;
+    addTypeTemplate({
+      filename: "types/eponyme-config.d.ts",
+      getContents: () => `declare module '#eponyme/config' {
+  const config: typeof import(${JSON.stringify(configPath)})['default']
+  export default config
+}
+`
+    });
+    addServerHandler({ route: "/api/eponyme/**", handler: resolver.resolve("./runtime/server/api/eponyme/[name].get") });
+    addServerHandler({ route: "/api/eponyme/**", method: "patch", handler: resolver.resolve("./runtime/server/api/eponyme/[name].patch") });
+    addServerHandler({ route: "/api/eponyme-statuses", handler: resolver.resolve("./runtime/server/api/eponyme-statuses.get") });
+    addServerHandler({ route: "/api/eponyme-sitemap", handler: resolver.resolve("./runtime/server/api/eponyme-sitemap.get") });
+    addServerHandler({ route: "/api/eponyme-history/**", handler: resolver.resolve("./runtime/server/api/eponyme-history/[path].get") });
+    addServerHandler({ route: "/api/eponyme-history/**", method: "patch", handler: resolver.resolve("./runtime/server/api/eponyme-history/[path].patch") });
+    addServerHandler({ route: "/api/eponyme-collections/**", handler: resolver.resolve("./runtime/server/api/eponyme-collections/[path].get") });
+    addServerHandler({ route: "/api/eponyme-collections/**", method: "post", handler: resolver.resolve("./runtime/server/api/eponyme-collections/[path].post") });
+    addServerHandler({ route: "/api/eponyme-collections/**", method: "delete", handler: resolver.resolve("./runtime/server/api/eponyme-collections/[path].delete") });
+    addServerHandler({ route: "/api/eponyme-forms/**", handler: resolver.resolve("./runtime/server/api/eponyme-forms/[path].get") });
+    addServerHandler({ route: "/api/eponyme-forms/**", method: "post", handler: resolver.resolve("./runtime/server/api/eponyme-forms/[path].post") });
+    addServerHandler({ route: "/api/eponyme-forms/**", method: "delete", handler: resolver.resolve("./runtime/server/api/eponyme-forms/[path].delete") });
+    addServerHandler({ route: "/api/eponyme-auth/session", handler: resolver.resolve("./runtime/server/api/eponyme-auth/session.get") });
+    addServerHandler({ route: "/api/eponyme-auth/login", method: "post", handler: resolver.resolve("./runtime/server/api/eponyme-auth/login.post") });
+    addServerHandler({ route: "/api/eponyme-auth/logout", method: "post", handler: resolver.resolve("./runtime/server/api/eponyme-auth/logout.post") });
+    addServerHandler({ route: "/api/eponyme-auth/change-password", method: "post", handler: resolver.resolve("./runtime/server/api/eponyme-auth/change-password.post") });
+    addServerHandler({ route: "/api/eponyme-users", handler: resolver.resolve("./runtime/server/api/eponyme-users/index.get") });
+    addServerHandler({ route: "/api/eponyme-users", method: "post", handler: resolver.resolve("./runtime/server/api/eponyme-users/index.post") });
+    addServerHandler({ route: "/api/eponyme-users/:id", method: "patch", handler: resolver.resolve("./runtime/server/api/eponyme-users/[id].patch") });
+    addServerHandler({ route: "/api/eponyme-users/:id/reset-password", method: "post", handler: resolver.resolve("./runtime/server/api/eponyme-users/[id]/reset-password.post") });
+    addServerPlugin(resolver.resolve("./runtime/server/plugins/eponyme-sync"));
+    nuxt.hook("pages:extend", (pages) => {
+      pages.push(
+        { name: "eponyme-login", path: `${dashboardPath}/login`, file: resolver.resolve("./runtime/pages/EponymeLoginPage.vue") },
+        { name: "eponyme-change-password", path: `${dashboardPath}/change-password`, file: resolver.resolve("./runtime/pages/EponymeChangePasswordPage.vue"), meta: { middleware: ["eponyme-auth"] } },
+        { name: "eponyme-users", path: `${dashboardPath}/users`, file: resolver.resolve("./runtime/pages/EponymeUsersPage.vue"), meta: { middleware: ["eponyme-auth", "eponyme-owner"] } },
+        { name: "eponyme-index", path: dashboardPath, file: resolver.resolve("./runtime/pages/EponymeIndexPage.vue"), meta: { middleware: ["eponyme-auth"] } },
+        { name: "eponyme-detail", path: `${dashboardPath}/:eponyme(.*)*`, file: resolver.resolve("./runtime/pages/EponymeDetailPage.vue"), meta: { middleware: ["eponyme-auth"] } }
+      );
+    });
+    logger.debug(`config loaded: ${configPath}`);
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/assets/dashboard.css

@@ -0,0 +1 @@
+@import "tailwindcss/theme" layer(theme) prefix(ep);@import "tailwindcss/preflight" layer(base);@import "tailwindcss/utilities" layer(utilities) prefix(ep);@source "../components";@source "../pages";@theme{--font-sans:"SF Pro Text",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--color-theme-ep:#1c1c1c;--color-border-ep:#343434;--color-selected-ep:#262626;--color-text-ep:#e7e7e7;--color-muted-ep:#8d8d8d;--color-success-ep:#72d39a;--color-warning-ep:#e6b85c;--color-danger-ep:#ff8585}:root.dark{--color-eponyme-50:#fafafa;--color-eponyme-100:#f5f5f5;--color-eponyme-200:#e6e6e6;--color-eponyme-300:#d3d3d3;--color-eponyme-400:#a3a3a3;--color-eponyme-500:#727272;--color-eponyme-600:#535353;--color-eponyme-700:#404040;--color-eponyme-800:#272727;--color-eponyme-900:#1c1c1c;--color-eponyme-950:#0b0b0b}@layer base{.eponyme-portal,.eponyme-root{font-family:var(--ep-font-sans)}:where(.eponyme-root,.eponyme-portal),:where(.eponyme-root,.eponyme-portal) *,:where(.eponyme-root,.eponyme-portal) :after,:where(.eponyme-root,.eponyme-portal) :before{border:0 solid;box-sizing:border-box;margin:0;padding:0}}.eponyme-date-input{color-scheme:dark}

package/dist/runtime/components/editor/EponymeCollectionPage.d.vue.ts

@@ -0,0 +1,9 @@
+import type { EponymeCollectionDefinitionBase } from '../../types/index.js';
+type __VLS_Props = {
+    basePath: string;
+    name: string;
+    definition: EponymeCollectionDefinitionBase;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/EponymeCollectionPage.vue

@@ -0,0 +1,238 @@
+<script setup>
+import { useAsyncData, useRequestFetch, useRoute, useRouter, useState } from "#app";
+import { computed, ref, watch } from "vue";
+import { normalizeSlug } from "../../utils/normalize-slug";
+import { useEponymeAuth } from "../../composables/useEponymeAuth";
+import EPBadge from "../ui/EPBadge.vue";
+import EPButton from "../ui/EPButton.vue";
+import EPDialog from "../ui/EPDialog.vue";
+import EPFormField from "../ui/EPFormField.vue";
+import EPInputText from "../ui/EPInputText.vue";
+const props = defineProps({
+  basePath: { type: String, required: true },
+  name: { type: String, required: true },
+  definition: { type: Object, required: true }
+});
+const route = useRoute();
+const router = useRouter();
+const requestFetch = useRequestFetch();
+const createOpen = ref(route.query.create === "1");
+const creating = ref(false);
+const title = ref("");
+const slug = ref("");
+const slugTouched = ref(false);
+const errors = ref({});
+const collectionEntries = useState("eponyme:collection-entries", () => ({}));
+const endpoint = computed(() => `/api/eponyme-collections/${props.name}`);
+const auth = useEponymeAuth();
+const { data: response, pending, refresh } = useAsyncData(
+  `eponyme:collection:${props.name}`,
+  () => requestFetch(endpoint.value, { query: { version: "draft" } })
+);
+const entries = computed(() => response.value?.entries ?? []);
+const label = computed(() => props.definition.label || humanize(props.name.split("/").at(-1) || props.name));
+watch(title, (value) => {
+  if (!slugTouched.value) slug.value = normalizeSlug(value);
+});
+watch(() => route.query.create, (value) => createOpen.value = value === "1");
+watch(entries, (value) => collectionEntries.value = { ...collectionEntries.value, [props.name]: value }, { immediate: true });
+function humanize(value) {
+  return value.replace(/[-_]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+}
+function truncateTitle(value, maxLength = 48) {
+  const characters = [...value];
+  if (characters.length <= maxLength) return value;
+  return `${characters.slice(0, maxLength - 1).join("")}\u2026`;
+}
+function setSlug(value) {
+  slugTouched.value = true;
+  slug.value = normalizeSlug(String(value));
+}
+function resetCreateForm() {
+  title.value = "";
+  slug.value = "";
+  slugTouched.value = false;
+  errors.value = {};
+}
+async function setCreateOpen(open) {
+  createOpen.value = open;
+  if (!open) {
+    resetCreateForm();
+    if (route.query.create === "1") {
+      const query = { ...route.query };
+      delete query.create;
+      await router.replace({ query });
+    }
+  }
+}
+async function createEntry() {
+  creating.value = true;
+  errors.value = {};
+  try {
+    const result = await requestFetch(endpoint.value, {
+      method: "POST",
+      body: {
+        [props.definition.titleField]: title.value,
+        [props.definition.slugField]: slug.value
+      }
+    });
+    await refresh();
+    await setCreateOpen(false);
+    await router.push(`${props.basePath}/${props.name}/${result.slug}`);
+  } catch (error) {
+    const fetchError = error;
+    errors.value = fetchError.data?.errors ?? { _form: ["Unable to create this entry."] };
+  } finally {
+    creating.value = false;
+  }
+}
+async function deleteEntry(entry) {
+  if (!confirm(`Delete \u201C${entry.title}\u201D? This cannot be undone.`)) return;
+  await requestFetch(`${endpoint.value}/${entry.slug}`, { method: "DELETE" });
+  await refresh();
+}
+function formatDate(value) {
+  return value ? new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(value)) : "";
+}
+</script>
+
+<template>
+  <section class="ep:mx-auto ep:w-full ep:max-w-3xl ep:px-6 ep:py-8 ep:md:px-10 ep:md:py-12">
+    <header class="ep:flex ep:flex-wrap ep:items-start ep:justify-between ep:gap-4">
+      <div>
+        <p class="ep:m-0 ep:text-[11px] ep:font-semibold ep:tracking-widest ep:text-muted-ep ep:uppercase">
+          Collection
+        </p>
+        <h1 class="ep:mt-2 ep:mb-0 ep:text-3xl ep:font-semibold ep:tracking-tight ep:text-white">
+          {{ label }}
+        </h1>
+        <p
+          v-if="definition.description"
+          class="ep:mt-2 ep:mb-0 ep:text-sm ep:text-muted-ep"
+        >
+          {{ definition.description }}
+        </p>
+      </div>
+      <EPButton
+        v-if="auth.canEdit.value"
+        variant="primary"
+        @click="createOpen = true"
+      >
+        + New {{ humanize(name.split("/").at(-1) || "entry").replace(/s$/, "") }}
+      </EPButton>
+    </header>
+
+    <p
+      v-if="pending"
+      class="ep:mt-8 ep:text-sm ep:text-muted-ep"
+    >
+      Loading…
+    </p>
+    <div
+      v-else-if="entries.length"
+      class="ep:mt-8 ep:grid ep:gap-3"
+    >
+      <article
+        v-for="entry in entries"
+        :key="entry.slug"
+        class="ep:group ep:flex ep:items-center ep:justify-between ep:gap-4 ep:rounded-xl ep:bg-selected-ep/50 ep:p-4"
+      >
+        <NuxtLink
+          :to="`${basePath}/${name}/${entry.slug}`"
+          :title="entry.title"
+          class="ep:min-w-0 ep:flex-1 ep:no-underline"
+        >
+          <span class="ep:flex ep:min-w-0 ep:items-center ep:gap-2">
+            <span class="ep:min-w-0 ep:flex-1 ep:overflow-hidden ep:text-ellipsis ep:whitespace-nowrap ep:text-sm ep:font-semibold ep:text-white">{{ truncateTitle(entry.title) }}</span>
+            <EPBadge
+              class="ep:shrink-0"
+              :variant="entry.status === 'draft' ? 'warning' : 'success'"
+            >{{ entry.status }}</EPBadge>
+          </span>
+          <span class="ep:mt-1 ep:block ep:text-xs ep:text-muted-ep">/{{ entry.slug }}<template v-if="entry.updatedAt"> · {{ formatDate(entry.updatedAt) }}</template></span>
+        </NuxtLink>
+        <EPButton
+          v-if="auth.canEdit.value"
+          size="sm"
+          variant="danger"
+          class="ep:opacity-0 ep:group-hover:opacity-100 ep:focus-visible:opacity-100"
+          @click="deleteEntry(entry)"
+        >
+          Delete
+        </EPButton>
+      </article>
+    </div>
+    <div
+      v-else
+      class="ep:mt-8 ep:rounded-xl ep:border ep:border-dashed ep:border-border-ep ep:p-8 ep:text-center"
+    >
+      <p class="ep:m-0 ep:text-sm ep:text-muted-ep">
+        No entries yet.
+      </p>
+      <EPButton
+        v-if="auth.canEdit.value"
+        class="ep:mt-4"
+        @click="createOpen = true"
+      >
+        Create the first one
+      </EPButton>
+    </div>
+
+    <EPDialog
+      :open="createOpen && auth.canEdit.value"
+      :title="`New ${label.replace(/s$/, '')}`"
+      description="Give the entry a title and a permanent URL slug."
+      @update:open="setCreateOpen"
+    >
+      <form
+        class="ep:grid ep:gap-4"
+        @submit.prevent="createEntry"
+      >
+        <EPFormField
+          :id="`collection-${name}-title`"
+          :label="humanize(definition.titleField)"
+          required
+          :errors="errors[definition.titleField]"
+        >
+          <EPInputText
+            :id="`collection-${name}-title`"
+            v-model="title"
+            autofocus
+            :invalid="Boolean(errors[definition.titleField]?.length)"
+          />
+        </EPFormField>
+        <EPFormField
+          :id="`collection-${name}-slug`"
+          :label="humanize(definition.slugField)"
+          required
+          :errors="errors[definition.slugField]"
+        >
+          <EPInputText
+            :id="`collection-${name}-slug`"
+            :model-value="slug"
+            :invalid="Boolean(errors[definition.slugField]?.length)"
+            @update:model-value="setSlug"
+          />
+        </EPFormField>
+        <p
+          v-if="errors._form"
+          class="ep:m-0 ep:text-xs ep:text-danger-ep"
+        >
+          {{ errors._form.join(" ") }}
+        </p>
+        <div class="ep:flex ep:justify-end ep:gap-2">
+          <EPButton @click="setCreateOpen(false)">
+            Cancel
+          </EPButton>
+          <EPButton
+            type="submit"
+            variant="primary"
+            :loading="creating"
+          >
+            Create
+          </EPButton>
+        </div>
+      </form>
+    </EPDialog>
+  </section>
+</template>

package/dist/runtime/components/editor/EponymeCollectionPage.vue.d.ts

@@ -0,0 +1,9 @@
+import type { EponymeCollectionDefinitionBase } from '../../types/index.js';
+type __VLS_Props = {
+    basePath: string;
+    name: string;
+    definition: EponymeCollectionDefinitionBase;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/EponymeCopy.d.vue.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    value: string;
+    label?: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/EponymeCopy.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { useClipboard } from "@vueuse/core";
+import { computed } from "vue";
+import EPButton from "../ui/EPButton.vue";
+const props = defineProps({
+  value: { type: String, required: true },
+  label: { type: String, required: false, default: "Copy" }
+});
+const source = computed(() => props.value);
+const { copy, copied, isSupported } = useClipboard({ source });
+</script>
+
+<template>
+  <div class="ep:flex ep:items-center ep:gap-2 ep:rounded-xl ep:bg-selected-ep ep:p-2">
+    <code class="ep:min-w-0 ep:flex-1 ep:break-all ep:px-1 ep:font-mono ep:text-sm ep:text-white">
+      {{ value }}
+    </code>
+    <EPButton
+      size="sm"
+      variant="secondary"
+      :disabled="!isSupported"
+      :aria-label="label"
+      @click="copy()"
+    >
+      {{ copied ? "Copied" : label }}
+    </EPButton>
+  </div>
+</template>

package/dist/runtime/components/editor/EponymeCopy.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    value: string;
+    label?: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/EponymeFolderNav.d.vue.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    basePath: string;
+    eponyme: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/EponymeFolderNav.vue

@@ -0,0 +1,146 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  basePath: { type: String, required: true },
+  eponyme: { type: String, required: true }
+});
+const parts = computed(() => props.eponyme.split("/"));
+const folder = computed(() => parts.value.slice(0, -1).join("/"));
+const eponymeLabel = computed(() => label(parts.value[parts.value.length - 1] ?? ""));
+const breadcrumbs = computed(() => parts.value.slice(0, -1).map((part, index) => ({
+  label: label(part),
+  path: parts.value.slice(0, index + 1).join("/")
+})));
+const hiddenBreadcrumbs = computed(() => breadcrumbs.value.length > 3 ? breadcrumbs.value.slice(1, -1) : []);
+const breadcrumbMenuAtBottom = ref(false);
+const visibleBreadcrumbs = computed(() => {
+  if (!hiddenBreadcrumbs.value.length) return breadcrumbs.value.map((breadcrumb) => ({ kind: "link", ...breadcrumb }));
+  return [
+    { kind: "link", ...breadcrumbs.value[0] },
+    { kind: "collapsed", label: "Hidden folders", path: "__collapsed__" },
+    { kind: "link", ...breadcrumbs.value.at(-1) }
+  ];
+});
+function label(name) {
+  return name.replace(/[-_]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+}
+function middleEllipsis(value, maxLength = 28) {
+  const characters = [...value];
+  if (characters.length <= maxLength) return value;
+  const available = maxLength - 1;
+  const startLength = Math.ceil(available / 2);
+  const endLength = Math.floor(available / 2);
+  return `${characters.slice(0, startLength).join("")}\u2026${characters.slice(-endLength).join("")}`;
+}
+function updateBreadcrumbMenuScroll(event) {
+  const menu = event.currentTarget;
+  if (!menu) return;
+  const remainingScroll = menu.scrollHeight - menu.clientHeight - menu.scrollTop;
+  breadcrumbMenuAtBottom.value = remainingScroll <= 2;
+}
+watch(() => hiddenBreadcrumbs.value.map((breadcrumb) => breadcrumb.path).join("|"), () => {
+  breadcrumbMenuAtBottom.value = false;
+});
+</script>
+
+<template>
+  <nav
+    v-if="folder"
+    class="ep:relative ep:z-50 ep:flex ep:min-h-14 ep:min-w-0 ep:items-center ep:overflow-visible ep:border-b ep:border-border-ep ep:bg-theme-ep/95 ep:px-3 ep:text-xs ep:backdrop-blur"
+    aria-label="Eponyme navigation"
+  >
+    <div class="eponyme-mobile-breadcrumbs ep:flex ep:min-w-0 ep:flex-1 ep:touch-pan-x ep:items-center ep:overflow-x-auto ep:overscroll-x-contain ep:sm:hidden">
+      <template
+        v-for="breadcrumb in breadcrumbs"
+        :key="breadcrumb.path"
+      >
+        <NuxtLink
+          :to="`${basePath}/${breadcrumb.path}`"
+          :title="breadcrumb.label"
+          class="ep:max-w-40 ep:shrink-0 ep:overflow-hidden ep:text-ellipsis ep:whitespace-nowrap ep:rounded-md ep:px-2 ep:py-1.5 ep:font-medium ep:text-muted-ep ep:no-underline"
+        >
+          {{ middleEllipsis(breadcrumb.label) }}
+        </NuxtLink>
+        <span
+          class="ep:mx-1 ep:shrink-0 ep:text-muted-ep"
+          aria-hidden="true"
+        >/</span>
+      </template>
+      <span
+        :title="eponymeLabel"
+        class="ep:shrink-0 ep:whitespace-nowrap ep:px-2 ep:font-medium ep:text-text-ep"
+      >{{ middleEllipsis(eponymeLabel, 36) }}</span>
+    </div>
+
+    <div class="ep:hidden ep:min-w-0 ep:flex-1 ep:items-center ep:sm:flex">
+      <template
+        v-for="breadcrumb in visibleBreadcrumbs"
+        :key="breadcrumb.path"
+      >
+        <NuxtLink
+          v-if="breadcrumb.kind === 'link'"
+          :to="`${basePath}/${breadcrumb.path}`"
+          :title="breadcrumb.label"
+          class="ep:max-w-40 ep:shrink-0 ep:overflow-hidden ep:text-ellipsis ep:whitespace-nowrap ep:rounded-md ep:px-2 ep:py-1.5 ep:font-medium ep:text-muted-ep ep:no-underline ep:transition ep:hover:bg-selected-ep ep:hover:text-white"
+        >
+          {{ middleEllipsis(breadcrumb.label) }}
+        </NuxtLink>
+        <div
+          v-else
+          class="ep:group ep:relative ep:shrink-0"
+        >
+          <button
+            type="button"
+            class="ep:cursor-default ep:rounded-md ep:border-0 ep:bg-transparent ep:px-2 ep:py-1.5 ep:font-semibold ep:text-muted-ep ep:transition ep:hover:bg-selected-ep ep:hover:text-white ep:focus-visible:bg-selected-ep ep:focus-visible:text-white ep:focus-visible:outline-none ep:focus-visible:ring-2 ep:focus-visible:ring-white/20"
+            aria-haspopup="menu"
+            :aria-label="`${hiddenBreadcrumbs.length} hidden folders`"
+          >
+            …
+          </button>
+          <div class="ep:invisible ep:absolute ep:top-full ep:left-0 ep:z-[60] ep:w-max ep:max-w-72 ep:pt-1 ep:opacity-0 ep:transition ep:group-hover:visible ep:group-hover:opacity-100 ep:group-focus-within:visible ep:group-focus-within:opacity-100">
+            <div class="ep:relative ep:overflow-hidden ep:rounded-xl ep:border ep:border-border-ep ep:bg-theme-ep ep:p-2">
+              <div
+                :key="folder"
+                role="menu"
+                class="eponyme-breadcrumb-menu ep:grid ep:max-h-[212px] ep:gap-1 ep:overflow-y-auto ep:overscroll-contain ep:pr-1"
+                @scroll.passive="updateBreadcrumbMenuScroll"
+              >
+                <NuxtLink
+                  v-for="hiddenBreadcrumb in hiddenBreadcrumbs"
+                  :key="hiddenBreadcrumb.path"
+                  :to="`${basePath}/${hiddenBreadcrumb.path}`"
+                  :title="hiddenBreadcrumb.label"
+                  role="menuitem"
+                  class="ep:block ep:max-w-64 ep:overflow-hidden ep:text-ellipsis ep:whitespace-nowrap ep:rounded-lg ep:px-3 ep:py-2 ep:font-medium ep:text-text-ep ep:no-underline ep:transition ep:hover:bg-selected-ep ep:hover:text-white"
+                >
+                  {{ hiddenBreadcrumb.label }}
+                </NuxtLink>
+              </div>
+              <Transition name="breadcrumb-scroll-hint">
+                <div
+                  v-if="hiddenBreadcrumbs.length > 6 && !breadcrumbMenuAtBottom"
+                  class="eponyme-breadcrumb-scroll-hint ep:pointer-events-none ep:absolute ep:right-2 ep:bottom-2 ep:left-2 ep:flex ep:h-14 ep:items-end ep:justify-center ep:pb-1 ep:text-center ep:text-[10px] ep:font-semibold ep:tracking-widest ep:text-muted-ep ep:uppercase"
+                  aria-hidden="true"
+                >
+                  Scroll ↓
+                </div>
+              </Transition>
+            </div>
+          </div>
+        </div>
+        <span
+          class="ep:mx-1 ep:shrink-0 ep:text-muted-ep"
+          aria-hidden="true"
+        >/</span>
+      </template>
+      <span
+        :title="eponymeLabel"
+        class="ep:min-w-0 ep:overflow-hidden ep:text-ellipsis ep:whitespace-nowrap ep:px-2 ep:font-medium ep:text-text-ep"
+      >{{ middleEllipsis(eponymeLabel, 36) }}</span>
+    </div>
+  </nav>
+</template>
+
+<style scoped>
+.eponyme-breadcrumb-menu{scrollbar-color:hsla(0,0%,100%,.35) transparent;scrollbar-width:thin}.eponyme-breadcrumb-menu::-webkit-scrollbar{width:6px}.eponyme-breadcrumb-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.35);border-radius:999px}.eponyme-breadcrumb-scroll-hint{background:linear-gradient(180deg,transparent,var(--ep-color-theme-ep,#1c1c1c) 65%)}.breadcrumb-scroll-hint-enter-active,.breadcrumb-scroll-hint-leave-active{transition:opacity .16s ease,transform .16s ease}.breadcrumb-scroll-hint-enter-from,.breadcrumb-scroll-hint-leave-to{opacity:0;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.breadcrumb-scroll-hint-enter-active,.breadcrumb-scroll-hint-leave-active{transition:none}}
+</style>