fimo 0.3.1 → 0.3.2-experimental.1783328062928

package/dist/runtime/app/FimoProviders.d.ts

@@ -1,15 +1,5 @@
 import React from 'react';
-export interface ParamInfo {
-    schema: string;
-    queryField: string;
-    displayField: string;
-}
-export interface DisplayRoute {
-    id: string;
-    name: string;
-    path: string;
-    params?: Record<string, ParamInfo>;
-}
+export type { DisplayRoute, ParamInfo } from '../shared/display-routes.js';
 export interface FimoProvidersProps {
     children?: React.ReactNode;
     locale?: string;

package/dist/runtime/app/FimoProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FimoProviders.d.ts","sourceRoot":"","sources":["../../../src/runtime/app/FimoProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAezE,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAwFD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAwCrE"}
+{"version":3,"file":"FimoProviders.d.ts","sourceRoot":"","sources":["../../../src/runtime/app/FimoProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAgBzE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AA+D3E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAwCrE"}

package/dist/runtime/app/FimoProviders.js

@@ -11,31 +11,10 @@ import { ViteLifecycles } from '../core/ViteLifecycles.js';
 import { FimoLocaleProvider } from '../i18n/FimoLocaleContext.js';
 import { getFimoTextDirection, resolveFimoLocale, toHtmlLang } from '../i18n/locale.js';
 import { ScreenshotProvider } from '../iframe/ScreenshotProvider.js';
+import { getDisplayRoutes as getDisplayRoutesFromConfig } from '../shared/display-routes.js';
 import { OptionalTracking } from '../t/OptionalTracking.js';
-const titleCase = (seg) => seg
-    .replace(/[_\-]+/g, ' ')
-    .replace(/([a-z])([A-Z])/g, '$1 $2')
-    .split(/\s+/)
-    .filter(Boolean)
-    .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
-    .join(' ');
-const generateRouteName = (path) => {
-    if (path === '/') {
-        return 'Home';
-    }
-    const firstSegment = path.replace(/^\//, '').split('/')[0];
-    return titleCase(firstSegment);
-};
 function getDisplayRoutes() {
-    const configRoutes = fimoConfig.routes ?? {};
-    return Object.entries(configRoutes)
-        .filter(([, route]) => route.path)
-        .map(([id, route]) => ({
-        id,
-        path: route.path,
-        name: route.name || generateRouteName(route.path),
-        params: route.params,
-    }));
+    return getDisplayRoutesFromConfig(fimoConfig);
 }
 function PreviewBridge() {
     const navigate = useNavigate();

package/dist/runtime/i18n/FimoLocaleContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FimoLocaleContext.d.ts","sourceRoot":"","sources":["../../../src/runtime/i18n/FimoLocaleContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,oBAAoB,EACpB,QAAQ,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,KAAK,CAC1E,CAAC;AAaF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,sBAAsB,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAEpH;AAED,wBAAgB,SAAS,IAAI,sBAAsB,CAElD"}
+{"version":3,"file":"FimoLocaleContext.d.ts","sourceRoot":"","sources":["../../../src/runtime/i18n/FimoLocaleContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,oBAAoB,EACpB,QAAQ,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,KAAK,CAC1E,CAAC;AAaF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,sBAAsB,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAEpH;AAED,wBAAgB,SAAS,IAAI,sBAAsB,CAElD"}

package/dist/runtime/i18n/FimoLocaleContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
 const fallbackLocale = {

package/dist/runtime/next/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/next/FimoFileLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoFileLink.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/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/next/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/next/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/next/FimoMediaImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoMediaImage.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/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/next/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/next/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/next/FimoMediaVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoMediaVideo.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/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/next/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/next/FimoNextProviders.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { FimoConfig } from '../shared/fimo-config.types.js';
+import { type WrappedMediaEntry, type WrappedRichTextEntry } from './WrappedContentContext.js';
+export interface FimoNextLabels {
+    dictionaries: Record<string, Record<string, string>>;
+    defaultLocale: string;
+    locales?: string[];
+    updatedAt?: string | null;
+    signature: string;
+}
+export interface FimoNextProvidersProps {
+    config: FimoConfig;
+    labels?: FimoNextLabels;
+    media?: Record<string, WrappedMediaEntry>;
+    richText?: Record<string, WrappedRichTextEntry>;
+    locale?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Fimo providers for wrapped Next.js apps. Mount once in the root layout:
+ *
+ *   const config = loadFimoConfig();
+ *   const labels = await loadFimoLabels();
+ *   <FimoNextProviders config={config} labels={labels}>{children}</FimoNextProviders>
+ *
+ * Unlike the react-router flavor there are no Vite virtual modules: config and
+ * content arrive as serializable props from `fimo/next/server` loaders.
+ */
+export declare function FimoNextProviders({ config, labels, media, richText, locale, children }: FimoNextProvidersProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FimoNextProviders.d.ts.map

package/dist/runtime/next/FimoNextProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoNextProviders.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/FimoNextProviders.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAUnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAA0B,KAAK,iBAAiB,EAAE,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvH,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAgED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAqD9G"}

package/dist/runtime/next/FimoNextProviders.js

@@ -0,0 +1,106 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { usePathname, useRouter } from 'next/navigation';
+import { Suspense, useCallback, useEffect, useMemo, useState } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { DataSourcesProvider } from '../content/DataSourcesProvider.js';
+import { AppErrorBoundary, onError } from '../core/AppErrorBoundary.js';
+import { FimoLocaleProvider } from '../i18n/FimoLocaleContext.js';
+import { getFimoTextDirection, resolveFimoLocale, toHtmlLang } from '../i18n/locale.js';
+import { ScreenshotProvider } from '../iframe/ScreenshotProvider.js';
+import { hydrateLabels } from '../primitives/labels-store.js';
+import { getDisplayRoutes } from '../shared/display-routes.js';
+import { WrappedContentProvider } from './WrappedContentContext.js';
+function toLabelState(labels) {
+    return {
+        dictionaries: labels.dictionaries,
+        defaultLocale: labels.defaultLocale,
+        signature: labels.signature,
+        updatedAt: labels.updatedAt ?? null,
+    };
+}
+function PreviewBridge({ config }) {
+    const router = useRouter();
+    const pathname = usePathname();
+    const localeResolution = useMemo(() => resolveFimoLocale({ pathname }, config), [pathname, config]);
+    const sendRoutes = useCallback(() => {
+        window.parent.postMessage({ type: 'nav/routes', payload: { routes: getDisplayRoutes(config) } }, '*');
+    }, [config]);
+    const sendLocationChange = useCallback(() => {
+        window.parent.postMessage({
+            type: 'nav/locationChange',
+            payload: {
+                path: pathname,
+                routePath: localeResolution.routePath,
+                locale: localeResolution.locale,
+            },
+        }, '*');
+    }, [pathname, localeResolution.locale, localeResolution.routePath]);
+    useEffect(sendRoutes, [sendRoutes]);
+    useEffect(sendLocationChange, [sendLocationChange]);
+    useEffect(() => {
+        const handleMessage = (event) => {
+            const type = event.data?.type;
+            const payload = event.data?.payload;
+            switch (type) {
+                case 'nav/navigate':
+                    if (payload?.to) {
+                        router.push(payload.to);
+                    }
+                    return;
+                case 'nav/read-routes':
+                    sendRoutes();
+                    sendLocationChange();
+                    return;
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return () => {
+            window.removeEventListener('message', handleMessage);
+        };
+    }, [router, sendRoutes, sendLocationChange]);
+    return null;
+}
+/**
+ * Fimo providers for wrapped Next.js apps. Mount once in the root layout:
+ *
+ *   const config = loadFimoConfig();
+ *   const labels = await loadFimoLabels();
+ *   <FimoNextProviders config={config} labels={labels}>{children}</FimoNextProviders>
+ *
+ * Unlike the react-router flavor there are no Vite virtual modules: config and
+ * content arrive as serializable props from `fimo/next/server` loaders.
+ */
+export function FimoNextProviders({ config, labels, media, richText, locale, children }) {
+    // Wrapped apps have no QueryClientProvider of their own; ScreenshotProvider
+    // (and future data-refresh machinery) need one, so the adapter owns it.
+    const [queryClient] = useState(() => new QueryClient());
+    useState(() => {
+        if (labels) {
+            hydrateLabels(toLabelState(labels));
+        }
+        return null;
+    });
+    useEffect(() => {
+        if (labels) {
+            hydrateLabels(toLabelState(labels));
+        }
+    }, [labels]);
+    const pathname = usePathname();
+    const localeResolution = useMemo(() => resolveFimoLocale({ pathname }, config), [pathname, config]);
+    const activeLocale = locale ?? localeResolution.locale;
+    const activeDir = getFimoTextDirection(activeLocale);
+    useEffect(() => {
+        if (typeof document === 'undefined') {
+            return;
+        }
+        document.documentElement.lang = toHtmlLang(activeLocale);
+        document.documentElement.dir = activeDir;
+    }, [activeDir, activeLocale]);
+    return (_jsx(ErrorBoundary, { FallbackComponent: AppErrorBoundary, onError: onError, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(FimoLocaleProvider, { value: {
+                    ...localeResolution,
+                    locale: activeLocale,
+                    dir: activeDir,
+                }, children: _jsx(WrappedContentProvider, { media: media, richText: richText, children: _jsx(DataSourcesProvider, { children: _jsxs(ScreenshotProvider, { children: [_jsx(PreviewBridge, { config: config }), _jsx(Suspense, { children: children })] }) }) }) }) }) }));
+}

package/dist/runtime/next/FimoNextScripts.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Renders the Fimo preview client script in development so the Fimo Studio
+ * preview can select/edit elements. Mount inside <head> in the root layout.
+ *
+ * The script URL comes from NEXT_PUBLIC_FIMO_PREVIEW_SCRIPT_URL (written by
+ * `fimo init` for wrapped projects, pointing at `<apiUrl>/preview.js`).
+ * Renders nothing in production builds.
+ */
+export declare function FimoNextScripts(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FimoNextScripts.d.ts.map

package/dist/runtime/next/FimoNextScripts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoNextScripts.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/FimoNextScripts.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,eAAe,mDAW9B"}

package/dist/runtime/next/FimoNextScripts.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders the Fimo preview client script in development so the Fimo Studio
+ * preview can select/edit elements. Mount inside <head> in the root layout.
+ *
+ * The script URL comes from NEXT_PUBLIC_FIMO_PREVIEW_SCRIPT_URL (written by
+ * `fimo init` for wrapped projects, pointing at `<apiUrl>/preview.js`).
+ * Renders nothing in production builds.
+ */
+export function FimoNextScripts() {
+    if (process.env.NODE_ENV !== 'development') {
+        return null;
+    }
+    const previewScriptUrl = process.env.NEXT_PUBLIC_FIMO_PREVIEW_SCRIPT_URL;
+    if (!previewScriptUrl) {
+        return null;
+    }
+    return _jsx("script", { type: "module", src: previewScriptUrl });
+}

package/dist/runtime/next/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/next/FimoRichTextBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoRichTextBlock.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/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/next/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/next/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/next/FimoText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FimoText.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/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/next/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 });
+}

package/dist/runtime/next/WrappedContentContext.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FIMO_SOURCE, FimoMedia, type FimoRichTextContent } from '../primitives/lib/index.js';
+export interface WrappedMediaEntry {
+    url: string;
+    alt?: string;
+    name?: string;
+    mime?: string;
+    width?: number;
+    height?: number;
+    /** data-fimo-source path, e.g. `WrappedMedia.<entryId>.image` */
+    source: string;
+}
+export interface WrappedRichTextEntry {
+    content: FimoRichTextContent;
+    /** data-fimo-source path, e.g. `WrappedRichText.<entryId>.body` */
+    source: string;
+}
+export interface WrappedContentValue {
+    media: Record<string, WrappedMediaEntry>;
+    richText: Record<string, WrappedRichTextEntry>;
+}
+export declare function WrappedContentProvider({ media, richText, children, }: Partial<WrappedContentValue> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useWrappedMedia(id: string): FimoMedia | null;
+export declare function useWrappedRichText(id: string): WrappedRichTextEntry | null;
+export { FIMO_SOURCE };
+//# sourceMappingURL=WrappedContentContext.d.ts.map

package/dist/runtime/next/WrappedContentContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrappedContentContext.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/WrappedContentContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAE9F,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,mEAAmE;IACnE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;CAChD;AAMD,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAG/D;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAiB5D;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAG1E;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/runtime/next/WrappedContentContext.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { FIMO_SOURCE, FimoMedia } from '../primitives/lib/index.js';
+const emptyValue = { media: {}, richText: {} };
+const WrappedContentContext = createContext(emptyValue);
+export function WrappedContentProvider({ media, richText, children, }) {
+    const value = useMemo(() => ({ media: media ?? {}, richText: richText ?? {} }), [media, richText]);
+    return _jsx(WrappedContentContext.Provider, { value: value, children: children });
+}
+export function useWrappedMedia(id) {
+    const { media } = useContext(WrappedContentContext);
+    const entry = media[id];
+    if (!entry) {
+        return null;
+    }
+    return new FimoMedia({
+        url: entry.url,
+        alt: entry.alt ?? '',
+        name: entry.name ?? id,
+        mime: entry.mime ?? '',
+        width: entry.width,
+        height: entry.height,
+    }, entry.source);
+}
+export function useWrappedRichText(id) {
+    const { richText } = useContext(WrappedContentContext);
+    return richText[id] ?? null;
+}
+export { FIMO_SOURCE };

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

@@ -0,0 +1,14 @@
+export { FimoNextProviders } from './FimoNextProviders.js';
+export type { FimoNextLabels, FimoNextProvidersProps } from './FimoNextProviders.js';
+export { FimoNextScripts } from './FimoNextScripts.js';
+export { FimoText } from './FimoText.js';
+export { FimoRichTextBlock } from './FimoRichTextBlock.js';
+export { FimoMediaImage } from './FimoMediaImage.js';
+export { FimoMediaVideo } from './FimoMediaVideo.js';
+export { FimoFileLink } from './FimoFileLink.js';
+export { useWrappedMedia, useWrappedRichText } from './WrappedContentContext.js';
+export type { WrappedMediaEntry, WrappedRichTextEntry } from './WrappedContentContext.js';
+export { useLabels, useTranslations } from '../primitives/labels-hook.js';
+export { Text, Image, Video, RichText } from '../react/index.js';
+export type { FimoConfig } from '../shared/fimo-config.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAI1F,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/runtime/next/index.js

@@ -0,0 +1,14 @@
+// fimo/next — the Next.js adapter for wrapped (migrated) sites.
+// Client components; server loaders live in fimo/next/server.
+export { FimoNextProviders } from './FimoNextProviders.js';
+export { FimoNextScripts } from './FimoNextScripts.js';
+export { FimoText } from './FimoText.js';
+export { FimoRichTextBlock } from './FimoRichTextBlock.js';
+export { FimoMediaImage } from './FimoMediaImage.js';
+export { FimoMediaVideo } from './FimoMediaVideo.js';
+export { FimoFileLink } from './FimoFileLink.js';
+export { useWrappedMedia, useWrappedRichText } from './WrappedContentContext.js';
+// Framework-neutral React surface, re-exported for convenience so wrapped
+// apps import everything from fimo/next.
+export { useLabels, useTranslations } from '../primitives/labels-hook.js';
+export { Text, Image, Video, RichText } from '../react/index.js';

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

@@ -0,0 +1,33 @@
+import type { FimoConfig } from '../shared/fimo-config.types.js';
+import type { FimoNextLabels } from './FimoNextProviders.js';
+import type { WrappedMediaEntry, WrappedRichTextEntry } from './WrappedContentContext.js';
+export interface FimoServerOptions {
+    /** Project root (where fimo-config.json and .env live). Defaults to cwd. */
+    rootDir?: string;
+    /** Tenant API base URL. Defaults to NEXT_PUBLIC_FIMO_API_URL / VITE_API_URL. */
+    apiUrl?: string;
+}
+export declare function loadFimoConfig(rootDir?: string): FimoConfig;
+export declare function loadFimoLabels(options?: FimoServerOptions): Promise<FimoNextLabels>;
+export interface FimoEntry {
+    id: string;
+    data: Record<string, unknown>;
+}
+/**
+ * Fetch published entries of a content type from the public tenant API.
+ * Returns [] when the API is unreachable so the wrapped site keeps rendering
+ * its fallbacks.
+ */
+export declare function fetchEntries(typeName: string, options?: FimoServerOptions): Promise<FimoEntry[]>;
+/**
+ * Load the WrappedMedia entries (key → media) seeded by the wrap migration.
+ * Each entry has a `key` (the FimoMediaImage/Video/FileLink id) and an
+ * asset-typed `image` field.
+ */
+export declare function loadWrappedMedia(options?: FimoServerOptions): Promise<Record<string, WrappedMediaEntry>>;
+/**
+ * Load the WrappedRichText entries (key → TipTap JSON) seeded by the wrap
+ * migration for formatted text (bold/italic/underline/links).
+ */
+export declare function loadWrappedRichText(options?: FimoServerOptions): Promise<Record<string, WrappedRichTextEntry>>;
+//# sourceMappingURL=server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/runtime/next/server.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAQjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAE1F,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAC,OAAO,GAAE,MAAsB,GAAG,UAAU,CAE1E;AAED,wBAAsB,cAAc,CAAC,OAAO,GAAE,iBAAsB,GAAG,OAAO,CAAC,cAAc,CAAC,CAI7F;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAUD;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,CAuB1G;AAUD;;;;GAIG;AACH,wBAAsB,gBAAgB,CAAC,OAAO,GAAE,iBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CA2BlH;AAED;;;GAGG;AACH,wBAAsB,mBAAmB,CACvC,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAiB/C"}