fimo 0.7.0-experimental.1 → 0.7.0-experimental.11

package/dist/runtime/strapi/client.js

@@ -0,0 +1,88 @@
+// Native `fimo/strapi` read adapter — the generic interception point. Every
+// Strapi client (hand-rolled or `@strapi/client`) ultimately does a single
+// `fetch(<strapiRestUrl>)`; this returns a `fetch`-compatible function that
+// serves that request from Fimo (via `fetchEntries` + the reshape) when the URL
+// maps to a scaffolded content type, and transparently falls through to the
+// real fetch (the live CMS) otherwise. Intercepting at the fetch boundary is
+// what makes "any Strapi project" work — the client's method surface is
+// irrelevant.
+import { fetchEntries } from '../wrapped/server.js';
+import { fimoEntriesToStrapiList, fimoEntryToStrapiSingle } from './reshape.js';
+function positiveInt(value) {
+    if (value == null) {
+        return undefined;
+    }
+    const n = Number(value);
+    return Number.isFinite(n) && n > 0 ? n : undefined;
+}
+/**
+ * Parse a Strapi REST URL into the parts the Fimo read needs. Best-effort:
+ * pagination + locale + top-level `$eq` filters (enough for list, detail-by-slug,
+ * and singleton reads); richer `qs` filters are ignored (fake content tolerates
+ * an unfiltered set).
+ */
+export function parseStrapiUrl(rawUrl, apiPrefix = '/api') {
+    let url;
+    try {
+        url = new URL(rawUrl, 'http://fimo.local');
+    }
+    catch {
+        return null;
+    }
+    const marker = `${apiPrefix}/`;
+    const at = url.pathname.indexOf(marker);
+    if (at === -1) {
+        return null;
+    }
+    const segments = url.pathname
+        .slice(at + marker.length)
+        .split('/')
+        .filter(Boolean);
+    if (segments.length === 0) {
+        return null;
+    }
+    const q = url.searchParams;
+    const where = {};
+    for (const [key, value] of q.entries()) {
+        const eq = key.match(/^filters\[([^\][]+)\]\[\$eq\]$/);
+        if (eq) {
+            where[eq[1]] = value;
+        }
+    }
+    return {
+        pluralName: segments[0],
+        documentId: segments[1],
+        locale: q.get('locale') ?? undefined,
+        pageSize: positiveInt(q.get('pagination[pageSize]') ?? q.get('pagination[limit]')),
+        where: Object.keys(where).length > 0 ? where : undefined,
+    };
+}
+/** Build a `fetch`-compatible function that serves scaffolded content from Fimo. */
+export function createFimoStrapiFetch(options, realFetch = fetch) {
+    const singletons = new Set(options.singletons ?? []);
+    const read = { apiUrl: options.apiUrl, rootDir: options.rootDir };
+    return (async (input, init) => {
+        const rawUrl = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;
+        const parsed = parseStrapiUrl(rawUrl ?? '', options.apiPrefix);
+        const typeName = parsed ? options.types[parsed.pluralName] : undefined;
+        if (!parsed || !typeName) {
+            return realFetch(input, init); // not a mapped content read → real CMS
+        }
+        const entries = await fetchEntries(typeName, {
+            ...read,
+            ...(parsed.where ? { where: parsed.where } : {}),
+            ...(parsed.pageSize ? { limit: parsed.pageSize } : {}),
+        });
+        if (entries.length === 0) {
+            return realFetch(input, init); // nothing scaffolded → fall back to the CMS
+        }
+        const single = Boolean(parsed.documentId) || singletons.has(typeName);
+        const payload = single
+            ? fimoEntryToStrapiSingle(parsed.documentId ? (entries.find((e) => e.id === parsed.documentId) ?? entries[0]) : entries[0])
+            : fimoEntriesToStrapiList(entries, { pageSize: parsed.pageSize, total: entries.length });
+        return new Response(JSON.stringify(payload), {
+            status: 200,
+            headers: { 'content-type': 'application/json' },
+        });
+    });
+}

package/dist/runtime/strapi/client.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=client.test.d.ts.map

package/dist/runtime/strapi/client.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.test.d.ts","sourceRoot":"","sources":["../../../src/runtime/strapi/client.test.ts"],"names":[],"mappings":""}

package/dist/runtime/strapi/client.test.js

@@ -0,0 +1,64 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const fetchEntriesMock = vi.fn();
+vi.mock('../wrapped/server.js', () => ({
+    fetchEntries: (...args) => fetchEntriesMock(...args),
+}));
+import { createFimoStrapiFetch, parseStrapiUrl } from './client.js';
+describe('parseStrapiUrl', () => {
+    it('parses type, pagination, locale and $eq filters', () => {
+        const parsed = parseStrapiUrl('https://cms.example/api/blog-posts?locale=en&pagination[pageSize]=5&filters[slug][$eq]=hello');
+        expect(parsed).toMatchObject({ pluralName: 'blog-posts', locale: 'en', pageSize: 5, where: { slug: 'hello' } });
+    });
+    it('parses a documentId path', () => {
+        expect(parseStrapiUrl('https://cms.example/api/pages/abc123')).toMatchObject({
+            pluralName: 'pages',
+            documentId: 'abc123',
+        });
+    });
+    it('returns null for non-/api paths', () => {
+        expect(parseStrapiUrl('https://cms.example/health')).toBeNull();
+    });
+});
+describe('createFimoStrapiFetch', () => {
+    const realFetch = vi.fn(async () => new Response('REAL', { status: 200 }));
+    beforeEach(() => {
+        fetchEntriesMock.mockReset();
+        realFetch.mockClear();
+    });
+    it('serves a mapped collection from Fimo as a Strapi list envelope', async () => {
+        fetchEntriesMock.mockResolvedValue([
+            { id: '1', data: { title: 'A' } },
+            { id: '2', data: { title: 'B' } },
+        ]);
+        const fimoFetch = createFimoStrapiFetch({ types: { 'blog-posts': 'BlogPost' } }, realFetch);
+        const body = await (await fimoFetch('https://cms.example/api/blog-posts?pagination[pageSize]=10')).json();
+        expect(body.data).toHaveLength(2);
+        expect(body.data[0]).toMatchObject({ id: '1', documentId: '1', title: 'A' });
+        expect(body.meta.pagination.total).toBe(2);
+        expect(realFetch).not.toHaveBeenCalled();
+        expect(fetchEntriesMock).toHaveBeenCalledWith('BlogPost', expect.objectContaining({ limit: 10 }));
+    });
+    it('serves a singleton as a single envelope, not a list', async () => {
+        fetchEntriesMock.mockResolvedValue([{ id: 'g', data: { siteName: 'X' } }]);
+        const fimoFetch = createFimoStrapiFetch({ types: { global: 'Global' }, singletons: ['Global'] }, realFetch);
+        const body = await (await fimoFetch('https://cms.example/api/global')).json();
+        expect(Array.isArray(body.data)).toBe(false);
+        expect(body.data).toMatchObject({ id: 'g', siteName: 'X' });
+    });
+    it('passes a slug filter through to fetchEntries', async () => {
+        fetchEntriesMock.mockResolvedValue([{ id: '1', data: { slug: 'hello' } }]);
+        const fimoFetch = createFimoStrapiFetch({ types: { 'blog-posts': 'BlogPost' } }, realFetch);
+        await fimoFetch('https://cms.example/api/blog-posts?filters[slug][$eq]=hello');
+        expect(fetchEntriesMock).toHaveBeenCalledWith('BlogPost', expect.objectContaining({ where: { slug: 'hello' } }));
+    });
+    it('falls through to the real fetch for an unmapped path', async () => {
+        const fimoFetch = createFimoStrapiFetch({ types: { 'blog-posts': 'BlogPost' } }, realFetch);
+        expect(await (await fimoFetch('https://cms.example/api/users?filters[slug][$eq]=x')).text()).toBe('REAL');
+        expect(realFetch).toHaveBeenCalled();
+    });
+    it('falls through when Fimo has nothing scaffolded for the type', async () => {
+        fetchEntriesMock.mockResolvedValue([]);
+        const fimoFetch = createFimoStrapiFetch({ types: { 'blog-posts': 'BlogPost' } }, realFetch);
+        expect(await (await fimoFetch('https://cms.example/api/blog-posts')).text()).toBe('REAL');
+    });
+});

package/dist/runtime/strapi/index.d.ts

@@ -0,0 +1,5 @@
+export { createFimoStrapiFetch, parseStrapiUrl } from './client.js';
+export type { FimoStrapiFetchOptions, ParsedStrapiUrl } from './client.js';
+export { fimoEntriesToStrapiList, fimoEntryToStrapiItem, fimoEntryToStrapiSingle } from './reshape.js';
+export type { StrapiListEnvelope, StrapiPagination, StrapiSingleEnvelope } from './reshape.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/runtime/strapi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/strapi/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvG,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC"}

package/dist/runtime/strapi/index.js

@@ -0,0 +1,6 @@
+// `fimo/strapi` — native read adapter that serves a wrapped Strapi frontend's
+// content from Fimo. Drop `createFimoStrapiFetch(...)` in at the CMS client's
+// single `fetch` and every read (list, detail, singleton) is served from Fimo,
+// falling through to the live CMS for anything not scaffolded.
+export { createFimoStrapiFetch, parseStrapiUrl } from './client.js';
+export { fimoEntriesToStrapiList, fimoEntryToStrapiItem, fimoEntryToStrapiSingle } from './reshape.js';

package/dist/runtime/strapi/reshape.d.ts

@@ -0,0 +1,28 @@
+import type { FimoEntry } from '../wrapped/server.js';
+export interface StrapiPagination {
+    page: number;
+    pageSize: number;
+    pageCount: number;
+    total: number;
+}
+export interface StrapiListEnvelope {
+    data: Record<string, unknown>[];
+    meta: {
+        pagination: StrapiPagination;
+    };
+}
+export interface StrapiSingleEnvelope {
+    data: Record<string, unknown> | null;
+    meta: Record<string, unknown>;
+}
+/** One Fimo entry → one Strapi-v5 item (flat fields, `id` + `documentId`). */
+export declare function fimoEntryToStrapiItem(entry: FimoEntry): Record<string, unknown>;
+/** Fimo entries → a Strapi-v5 collection envelope (`{ data, meta.pagination }`). */
+export declare function fimoEntriesToStrapiList(entries: FimoEntry[], options?: {
+    page?: number;
+    pageSize?: number;
+    total?: number;
+}): StrapiListEnvelope;
+/** Fimo entry → a Strapi-v5 single/singleton envelope (`{ data, meta }`). */
+export declare function fimoEntryToStrapiSingle(entry: FimoEntry | undefined): StrapiSingleEnvelope;
+//# sourceMappingURL=reshape.d.ts.map

package/dist/runtime/strapi/reshape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reshape.d.ts","sourceRoot":"","sources":["../../../src/runtime/strapi/reshape.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,IAAI,EAAE;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC;CACxC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAqDD,8EAA8E;AAC9E,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAM/E;AAED,oFAAoF;AACpF,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,SAAS,EAAE,EACpB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAO,GACjE,kBAAkB,CAepB;AAED,6EAA6E;AAC7E,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,oBAAoB,CAE1F"}

package/dist/runtime/strapi/reshape.js

@@ -0,0 +1,79 @@
+// Native `fimo/strapi` read adapter — the generic reshape from Fimo entries
+// (as `fetchEntries` returns them) into the Strapi-v5 response shape a wrapped
+// Strapi frontend's components read. Value-inspection based, so it is generic:
+// no content-type or field names are hardcoded. Relation POPULATION (turning a
+// reference handle into a nested object) is resolved one level up in the client
+// — this module reshapes a single entry's own field values.
+/** ProseMirror/TipTap doc → plain text (Strapi richtext is a string; string
+ *  consumers like read-time estimates must never receive an object). */
+function docToText(node) {
+    if (!node || typeof node !== 'object') {
+        return '';
+    }
+    const record = node;
+    if (typeof record.text === 'string') {
+        return record.text;
+    }
+    if (Array.isArray(record.content)) {
+        return record.content.map(docToText).join(' ').trim();
+    }
+    return '';
+}
+function isRichTextDoc(value) {
+    return Boolean(value) && typeof value === 'object' && value.type === 'doc';
+}
+/** A Fimo media value (seeded/loaded as `{ url, alt, width, height, … }`). */
+function isMedia(value) {
+    return (Boolean(value) &&
+        typeof value === 'object' &&
+        !Array.isArray(value) &&
+        typeof value.url === 'string');
+}
+function reshapeMedia(value) {
+    return {
+        url: value.url,
+        alternativeText: value.alt ?? value.alternativeText ?? null,
+        ...(typeof value.width === 'number' ? { width: value.width } : {}),
+        ...(typeof value.height === 'number' ? { height: value.height } : {}),
+        ...(typeof value.name === 'string' ? { name: value.name } : {}),
+        ...(typeof value.mime === 'string' ? { mime: value.mime } : {}),
+    };
+}
+function reshapeValue(value) {
+    if (isRichTextDoc(value)) {
+        return docToText(value);
+    }
+    if (isMedia(value)) {
+        return reshapeMedia(value);
+    }
+    return value; // scalars, arrays, reference handles pass through
+}
+/** One Fimo entry → one Strapi-v5 item (flat fields, `id` + `documentId`). */
+export function fimoEntryToStrapiItem(entry) {
+    const item = { id: entry.id, documentId: entry.id };
+    for (const [field, value] of Object.entries(entry.data)) {
+        item[field] = reshapeValue(value);
+    }
+    return item;
+}
+/** Fimo entries → a Strapi-v5 collection envelope (`{ data, meta.pagination }`). */
+export function fimoEntriesToStrapiList(entries, options = {}) {
+    const data = entries.map(fimoEntryToStrapiItem);
+    const total = options.total ?? data.length;
+    const pageSize = options.pageSize ?? (data.length || 1);
+    return {
+        data,
+        meta: {
+            pagination: {
+                page: options.page ?? 1,
+                pageSize,
+                pageCount: pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1,
+                total,
+            },
+        },
+    };
+}
+/** Fimo entry → a Strapi-v5 single/singleton envelope (`{ data, meta }`). */
+export function fimoEntryToStrapiSingle(entry) {
+    return { data: entry ? fimoEntryToStrapiItem(entry) : null, meta: {} };
+}

package/dist/runtime/strapi/reshape.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=reshape.test.d.ts.map

package/dist/runtime/strapi/reshape.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reshape.test.d.ts","sourceRoot":"","sources":["../../../src/runtime/strapi/reshape.test.ts"],"names":[],"mappings":""}

package/dist/runtime/strapi/reshape.test.js

@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest';
+import { fimoEntriesToStrapiList, fimoEntryToStrapiItem, fimoEntryToStrapiSingle } from './reshape.js';
+const entry = {
+    id: 'abc',
+    data: {
+        title: 'Hello',
+        readTime: 3,
+        content: { type: 'doc', content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Body text' }] }] },
+        cover: { source: 'local', url: '/img/x.png', alt: 'Alt', width: 800, height: 600 },
+        category: 'post-category-example-1',
+    },
+};
+describe('reshape', () => {
+    it('flattens an entry to a Strapi-v5 item (id + documentId, richtext→text, media→strapi shape)', () => {
+        const item = fimoEntryToStrapiItem(entry);
+        expect(item.id).toBe('abc');
+        expect(item.documentId).toBe('abc');
+        expect(item.title).toBe('Hello');
+        expect(item.readTime).toBe(3);
+        expect(item.content).toBe('Body text');
+        expect(item.cover).toEqual({ url: '/img/x.png', alternativeText: 'Alt', width: 800, height: 600 });
+        expect(item.category).toBe('post-category-example-1'); // reference handle passes through
+    });
+    it('wraps a list in a Strapi envelope with correct pagination', () => {
+        const env = fimoEntriesToStrapiList([entry, entry], { total: 5, pageSize: 2 });
+        expect(env.data).toHaveLength(2);
+        expect(env.meta.pagination).toEqual({ page: 1, pageSize: 2, pageCount: 3, total: 5 });
+    });
+    it('wraps a single/singleton entry, or null when absent', () => {
+        expect(fimoEntryToStrapiSingle(entry).data).toMatchObject({ id: 'abc', title: 'Hello' });
+        expect(fimoEntryToStrapiSingle(undefined).data).toBeNull();
+    });
+});

package/dist/runtime/svelte/index.d.ts

@@ -0,0 +1,3 @@
+export { fimoLabelAttrs, fimoMediaAttrs, FIMO_SOURCE_ATTR } from '../wrapped/dom.js';
+export { makeFimoT } from '../shared/labels-t.pure.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/runtime/svelte/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/svelte/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/runtime/svelte/index.js

@@ -0,0 +1,7 @@
+// fimo/svelte — CLIENT-SAFE surface for .svelte components (they hydrate:
+// importing the server barrel here pulls node builtins into the client
+// bundle, the exact class the Nuxt dogfood broke on). Server loaders live in
+// fimo/svelte/server, called from +layout.server.ts / +page.server.ts —
+// SvelteKit's own server-only convention.
+export { fimoLabelAttrs, fimoMediaAttrs, FIMO_SOURCE_ATTR } from '../wrapped/dom.js';
+export { makeFimoT } from '../shared/labels-t.pure.js';

package/dist/runtime/svelte/server.d.ts

@@ -0,0 +1,3 @@
+export * from '../wrapped/server.js';
+export { fimoLabelAttrs, fimoMediaAttrs } from '../wrapped/dom.js';
+//# sourceMappingURL=server.d.ts.map

package/dist/runtime/svelte/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/runtime/svelte/server.ts"],"names":[],"mappings":"AAIA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/runtime/svelte/server.js

@@ -0,0 +1,6 @@
+// fimo/svelte/server — SvelteKit adapter, server surface. The loaders are
+// framework-neutral (SvelteKit needs no React): call them in server-side code
+// (frontmatter / load functions / useAsyncData) and render values with the
+// DOM attribute helpers so edit mode can select the elements.
+export * from '../wrapped/server.js';
+export { fimoLabelAttrs, fimoMediaAttrs } from '../wrapped/dom.js';

package/dist/runtime/vue/index.d.ts

@@ -0,0 +1,3 @@
+export { fimoLabelAttrs, fimoMediaAttrs, FIMO_SOURCE_ATTR } from '../wrapped/dom.js';
+export { makeFimoT } from '../shared/labels-t.pure.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/runtime/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/vue/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/runtime/vue/index.js

@@ -0,0 +1,5 @@
+// fimo/vue — CLIENT-SAFE surface for Vue SFCs (same rule as fimo/svelte:
+// never re-export the server barrel from a surface component code imports).
+// Server loaders live in fimo/vue/server.
+export { fimoLabelAttrs, fimoMediaAttrs, FIMO_SOURCE_ATTR } from '../wrapped/dom.js';
+export { makeFimoT } from '../shared/labels-t.pure.js';

package/dist/runtime/vue/server.d.ts

@@ -0,0 +1,3 @@
+export * from '../wrapped/server.js';
+export { fimoLabelAttrs, fimoMediaAttrs } from '../wrapped/dom.js';
+//# sourceMappingURL=server.d.ts.map

package/dist/runtime/vue/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/runtime/vue/server.ts"],"names":[],"mappings":"AAIA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/runtime/vue/server.js

@@ -0,0 +1,6 @@
+// fimo/vue/server — Vue adapter, server surface. The loaders are
+// framework-neutral (Vue needs no React): call them in server-side code
+// (frontmatter / load functions / useAsyncData) and render values with the
+// DOM attribute helpers so edit mode can select the elements.
+export * from '../wrapped/server.js';
+export { fimoLabelAttrs, fimoMediaAttrs } from '../wrapped/dom.js';

package/dist/runtime/wrapped/FimoFileLink.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+type FimoFileLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'id'> & {
+    /** WrappedMedia entry key, e.g. `home.whitepaper`. Seeded at migration time. */
+    id: string;
+    children?: ReactNode;
+};
+/**
+ * Wraps a hardcoded file link (pdf, zip, ...) so the file becomes replaceable
+ * in Fimo. The original `href` stays in code as the fallback:
+ *
+ *   <FimoFileLink id="home.whitepaper" href="/whitepaper.pdf">
+ *     <FimoText id="home.whitepaper.cta">Download the whitepaper</FimoText>
+ *   </FimoFileLink>
+ */
+export declare function FimoFileLink({ id, href, children, ...props }: FimoFileLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FimoFileLink.d.ts.map

package/dist/runtime/wrapped/FimoFileLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoFileLink.d.ts","sourceRoot":"","sources":["../../../src/runtime/wrapped/FimoFileLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,KAAK,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG;IACnE,gFAAgF;IAChF,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAgB/E"}

package/dist/runtime/wrapped/FimoFileLink.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FIMO_SOURCE } from '../primitives/lib/index.js';
+import { useWrappedMedia } from './WrappedContentContext.js';
+/**
+ * Wraps a hardcoded file link (pdf, zip, ...) so the file becomes replaceable
+ * in Fimo. The original `href` stays in code as the fallback:
+ *
+ *   <FimoFileLink id="home.whitepaper" href="/whitepaper.pdf">
+ *     <FimoText id="home.whitepaper.cta">Download the whitepaper</FimoText>
+ *   </FimoFileLink>
+ */
+export function FimoFileLink({ id, href, children, ...props }) {
+    const media = useWrappedMedia(id);
+    if (media) {
+        return (_jsx("a", { href: media.url, "data-fimo-source": media[FIMO_SOURCE], ...props, children: children }));
+    }
+    return (_jsx("a", { href: href, ...props, children: children }));
+}

package/dist/runtime/wrapped/FimoMediaImage.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentPropsWithoutRef } from 'react';
+type FimoMediaImageProps = Omit<ComponentPropsWithoutRef<'img'>, 'id' | 'children'> & {
+    /** WrappedMedia entry key, e.g. `home.hero.image`. Seeded at migration time. */
+    id: string;
+};
+/**
+ * Wraps a hardcoded image so it becomes replaceable in Fimo. The original
+ * `src` stays in code as the fallback until the WrappedMedia entry resolves:
+ *
+ *   <FimoMediaImage id="home.hero.image" src="/images/dashboard.png" alt="Dashboard" width={1200} height={630} />
+ */
+export declare function FimoMediaImage({ id, src, alt, ...props }: FimoMediaImageProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FimoMediaImage.d.ts.map

package/dist/runtime/wrapped/FimoMediaImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoMediaImage.d.ts","sourceRoot":"","sources":["../../../src/runtime/wrapped/FimoMediaImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAKtD,KAAK,mBAAmB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,UAAU,CAAC,GAAG;IACpF,gFAAgF;IAChF,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,kDAY7E"}

package/dist/runtime/wrapped/FimoMediaImage.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from '../primitives/components/Image.js';
+import { useWrappedMedia } from './WrappedContentContext.js';
+/**
+ * Wraps a hardcoded image so it becomes replaceable in Fimo. The original
+ * `src` stays in code as the fallback until the WrappedMedia entry resolves:
+ *
+ *   <FimoMediaImage id="home.hero.image" src="/images/dashboard.png" alt="Dashboard" width={1200} height={630} />
+ */
+export function FimoMediaImage({ id, src, alt, ...props }) {
+    const media = useWrappedMedia(id);
+    if (media) {
+        return _jsx(Image, { value: media, alt: alt, ...props });
+    }
+    if (!src) {
+        return null;
+    }
+    return _jsx("img", { src: src, alt: alt, ...props });
+}

package/dist/runtime/wrapped/FimoMediaVideo.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentPropsWithoutRef } from 'react';
+type FimoMediaVideoProps = Omit<ComponentPropsWithoutRef<'video'>, 'id' | 'children'> & {
+    /** WrappedMedia entry key, e.g. `home.demo.video`. Seeded at migration time. */
+    id: string;
+};
+/**
+ * Wraps a hardcoded video so it becomes replaceable in Fimo. The original
+ * `src` stays in code as the fallback until the WrappedMedia entry resolves:
+ *
+ *   <FimoMediaVideo id="home.demo.video" src="/demo.mp4" autoPlay muted loop />
+ */
+export declare function FimoMediaVideo({ id, src, autoPlay, loop, muted, playsInline, ...props }: FimoMediaVideoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FimoMediaVideo.d.ts.map

package/dist/runtime/wrapped/FimoMediaVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoMediaVideo.d.ts","sourceRoot":"","sources":["../../../src/runtime/wrapped/FimoMediaVideo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAKtD,KAAK,mBAAmB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,UAAU,CAAC,GAAG;IACtF,gFAAgF;IAChF,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,kDAY5G"}

package/dist/runtime/wrapped/FimoMediaVideo.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Video } from '../primitives/components/Video.js';
+import { useWrappedMedia } from './WrappedContentContext.js';
+/**
+ * Wraps a hardcoded video so it becomes replaceable in Fimo. The original
+ * `src` stays in code as the fallback until the WrappedMedia entry resolves:
+ *
+ *   <FimoMediaVideo id="home.demo.video" src="/demo.mp4" autoPlay muted loop />
+ */
+export function FimoMediaVideo({ id, src, autoPlay, loop, muted, playsInline, ...props }) {
+    const media = useWrappedMedia(id);
+    if (media) {
+        return _jsx(Video, { value: media, autoPlay: autoPlay, loop: loop, muted: muted, playsInline: playsInline, ...props });
+    }
+    if (!src) {
+        return null;
+    }
+    return _jsx("video", { src: src, autoPlay: autoPlay, loop: loop, muted: muted, playsInline: playsInline, ...props });
+}

package/dist/runtime/wrapped/FimoRichTextBlock.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import { type FimoRichTextComponents } from '../primitives/lib/index.js';
+interface FimoRichTextBlockProps {
+    /** WrappedRichText entry key, e.g. `home.hero.subtitle`. Seeded at migration time. */
+    id: string;
+    /** The original formatted markup — rendered when the entry is absent. */
+    children?: ReactNode;
+    components?: FimoRichTextComponents;
+    className?: string;
+}
+/**
+ * Wraps formatted text (bold, italic, underline, links) so it becomes
+ * editable with marks in Fimo. Seeding converts the original markup to
+ * TipTap JSON; the renderer emits the same tags back. The original JSX
+ * stays in code as the fallback:
+ *
+ *   <FimoRichTextBlock id="home.hero.subtitle">
+ *     <p>We help teams <strong>ship faster</strong> and <em>stay safe</em>.</p>
+ *   </FimoRichTextBlock>
+ */
+export declare function FimoRichTextBlock({ id, children, components, className }: FimoRichTextBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FimoRichTextBlock.d.ts.map

package/dist/runtime/wrapped/FimoRichTextBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoRichTextBlock.d.ts","sourceRoot":"","sources":["../../../src/runtime/wrapped/FimoRichTextBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAgB,KAAK,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGvF,UAAU,sBAAsB;IAC9B,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAUhG"}

package/dist/runtime/wrapped/FimoRichTextBlock.js

@@ -0,0 +1,22 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { RichText } from '../primitives/components/RichText.js';
+import { FimoRichText } from '../primitives/lib/index.js';
+import { useWrappedRichText } from './WrappedContentContext.js';
+/**
+ * Wraps formatted text (bold, italic, underline, links) so it becomes
+ * editable with marks in Fimo. Seeding converts the original markup to
+ * TipTap JSON; the renderer emits the same tags back. The original JSX
+ * stays in code as the fallback:
+ *
+ *   <FimoRichTextBlock id="home.hero.subtitle">
+ *     <p>We help teams <strong>ship faster</strong> and <em>stay safe</em>.</p>
+ *   </FimoRichTextBlock>
+ */
+export function FimoRichTextBlock({ id, children, components, className }) {
+    const entry = useWrappedRichText(id);
+    if (!entry) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return (_jsx(RichText, { value: new FimoRichText(entry.content, entry.source), components: components, className: className }));
+}

package/dist/runtime/wrapped/FimoText.d.ts

@@ -0,0 +1,22 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+type FimoTextProps<T extends ElementType = 'span'> = {
+    /** Label key, e.g. `home.hero.title`. Seeded at migration time. */
+    id: string;
+    /** The original hardcoded string — rendered when the key has no value. */
+    children?: string;
+    as?: T;
+} & Omit<ComponentPropsWithoutRef<T>, 'id' | 'as' | 'children'>;
+/**
+ * Wraps a hardcoded string so it becomes editable in Fimo. The original
+ * string stays in code as the fallback:
+ *
+ *   <h1><FimoText id="home.hero.title">Ship your site in hours</FimoText></h1>
+ *
+ * For attribute strings use the two-argument label function instead:
+ *
+ *   const { t } = useLabels();
+ *   <input placeholder={String(t('home.newsletter.placeholder', 'Your work email'))} />
+ */
+export declare function FimoText<T extends ElementType = 'span'>({ id, children, as, ...props }: FimoTextProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FimoText.d.ts.map

package/dist/runtime/wrapped/FimoText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoText.d.ts","sourceRoot":"","sources":["../../../src/runtime/wrapped/FimoText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAKxE,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI;IACnD,mEAAmE;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,UAAU,CAAC,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,2CAIxG"}

package/dist/runtime/wrapped/FimoText.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '../primitives/components/Text.js';
+import { useLabels } from '../primitives/labels-hook.js';
+/**
+ * Wraps a hardcoded string so it becomes editable in Fimo. The original
+ * string stays in code as the fallback:
+ *
+ *   <h1><FimoText id="home.hero.title">Ship your site in hours</FimoText></h1>
+ *
+ * For attribute strings use the two-argument label function instead:
+ *
+ *   const { t } = useLabels();
+ *   <input placeholder={String(t('home.newsletter.placeholder', 'Your work email'))} />
+ */
+export function FimoText({ id, children, as, ...props }) {
+    const { t } = useLabels();
+    const textProps = { value: t(id, children), as, ...props };
+    return _jsx(Text, { ...textProps });
+}