fimo 0.20.0 → 0.21.0-experimental.1

package/dist/runtime/t/OptionalTracking.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-const defaultLoadPageview = () => import('./Pageview.js');
-export async function loadPageviewComponent(loadPageview = defaultLoadPageview) {
-    try {
-        return (await loadPageview()).Pageview;
-    }
-    catch {
-        return null;
-    }
-}
-export function OptionalTracking({ routes }) {
-    const [PageviewComponent, setPageviewComponent] = useState(null);
-    useEffect(() => {
-        let cancelled = false;
-        loadPageviewComponent()
-            .then((component) => {
-            if (!cancelled) {
-                setPageviewComponent(() => component);
-            }
-        })
-            .catch(() => { });
-        return () => {
-            cancelled = true;
-        };
-    }, []);
-    return PageviewComponent ? _jsx(PageviewComponent, { routes: routes }) : null;
-}

package/dist/runtime/t/Pageview.d.ts

@@ -1,9 +0,0 @@
-type DisplayRoute = {
-    path: string;
-    name: string;
-};
-export declare function Pageview({ routes }: {
-    routes: DisplayRoute[];
-}): null;
-export {};
-//# sourceMappingURL=Pageview.d.ts.map

package/dist/runtime/t/Pageview.js

@@ -1,118 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { useLocation } from 'react-router';
-const VISITOR_ID_STORAGE_KEY = 'fimo.analytics.visitor-id';
-const SESSION_ID_STORAGE_KEY = 'fimo.analytics.session-id';
-const viteEnv = import.meta.env;
-const API_BASE_URL = viteEnv?.VITE_API_URL?.replace(/\/$/, '');
-const ENABLE_ANALYTICS = (viteEnv?.VITE_ENABLE_ANALYTICS ?? '').toLowerCase() === 'true';
-function isPreviewContext() {
-    if (typeof window === 'undefined') {
-        return false;
-    }
-    const search = new URLSearchParams(window.location.search);
-    return search.has('bl_preview_token');
-}
-function createId() {
-    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
-        return crypto.randomUUID();
-    }
-    return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
-}
-function readOrCreateStoredId(storage, key) {
-    const existing = storage.getItem(key);
-    if (existing && existing.length > 0) {
-        return existing;
-    }
-    const generated = createId();
-    storage.setItem(key, generated);
-    return generated;
-}
-function getVisitorId() {
-    if (typeof window === 'undefined') {
-        return createId();
-    }
-    try {
-        return readOrCreateStoredId(window.localStorage, VISITOR_ID_STORAGE_KEY);
-    }
-    catch {
-        return createId();
-    }
-}
-function getSessionId() {
-    if (typeof window === 'undefined') {
-        return createId();
-    }
-    try {
-        return readOrCreateStoredId(window.sessionStorage, SESSION_ID_STORAGE_KEY);
-    }
-    catch {
-        return createId();
-    }
-}
-function normalizePath(path) {
-    const trimmed = path.trim();
-    if (!trimmed) {
-        return '/';
-    }
-    if (trimmed === '/') {
-        return '/';
-    }
-    return trimmed.replace(/\/+$/, '');
-}
-function findRouteName(pathname, routes) {
-    const currentPath = normalizePath(pathname);
-    const exactMatch = routes.find((route) => normalizePath(route.path) === currentPath);
-    if (exactMatch) {
-        return exactMatch.name;
-    }
-    const dynamicMatch = routes.find((route) => {
-        const normalizedPattern = normalizePath(route.path);
-        const regex = new RegExp(`^${normalizedPattern.replace(/:\w+/g, '[^/]+')}$`);
-        return regex.test(currentPath);
-    });
-    if (dynamicMatch) {
-        return dynamicMatch.name;
-    }
-    return null;
-}
-function sendPageview(path, pageName) {
-    if (typeof window === 'undefined' || !API_BASE_URL || !ENABLE_ANALYTICS || isPreviewContext()) {
-        return;
-    }
-    const payload = new URLSearchParams({
-        p: path || '/',
-        n: pageName,
-        v: getVisitorId(),
-        s: getSessionId(),
-    });
-    if (document.referrer) {
-        payload.set('r', document.referrer);
-    }
-    if (navigator.userAgent) {
-        payload.set('u', navigator.userAgent);
-    }
-    void fetch(`${API_BASE_URL}/e/p`, {
-        method: 'POST',
-        body: payload,
-        keepalive: true,
-        mode: 'cors',
-        credentials: 'omit',
-    }).catch(() => {
-        // best-effort analytics
-    });
-}
-export function Pageview({ routes }) {
-    const location = useLocation();
-    const lastTrackedPath = useRef(null);
-    useEffect(() => {
-        const currentPath = `${location.pathname}${location.search}`;
-        const routeName = findRouteName(location.pathname, routes);
-        const currentPageName = routeName ?? normalizePath(location.pathname);
-        if (currentPath === lastTrackedPath.current) {
-            return;
-        }
-        lastTrackedPath.current = currentPath;
-        sendPageview(currentPath, currentPageName);
-    }, [location.pathname, location.search, routes]);
-    return null;
-}

package/dist/runtime/vite/Label.d.ts

@@ -1,13 +0,0 @@
-import type { ElementType } from 'react';
-import type { LabelProps } from '../react/primitives/contracts.js';
-export type { LabelProps } from '../react/primitives/contracts.js';
-/**
- * Render one editable label from the Vite/React Router label context.
- *
- * For attributes, metadata, and composed strings, use `useLabels().t()`.
- *
- * @example
- * <Label value="hero.title" as="h1" />
- */
-export declare function Label<T extends ElementType = 'span'>({ value, ...props }: LabelProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Label.d.ts.map

package/dist/runtime/vite/Label.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from '../react/primitives/editable/Text.js';
-import { useLabels } from './translations.js';
-/**
- * Render one editable label from the Vite/React Router label context.
- *
- * For attributes, metadata, and composed strings, use `useLabels().t()`.
- *
- * @example
- * <Label value="hero.title" as="h1" />
- */
-export function Label({ value, ...props }) {
-    const { t } = useLabels();
-    const textProps = { ...props, value: t(value) };
-    return _jsx(Text, { ...textProps });
-}

package/dist/runtime/vite/primitives/Images.d.ts

@@ -1,4 +0,0 @@
-import type { ImageProps, StaticImageProps } from '../../react/primitives/contracts.js';
-export declare function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;
-export declare function StaticImage(props: StaticImageProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Images.d.ts.map

package/dist/runtime/vite/primitives/Images.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { parseImageHostSuffixes } from '../../primitives/lib/image-optimization.js';
-import { Image as BaseImage } from '../../react/primitives/editable/Image.js';
-import { StaticImage as BaseStaticImage } from '../../react/primitives/renderers/StaticImage.js';
-const viteEnvironment = import.meta.env;
-const IMAGE_HOST_SUFFIXES = parseImageHostSuffixes(viteEnvironment?.VITE_FIMO_IMAGE_HOSTS);
-export function Image(props) {
-    return _jsx(BaseImage, { ...props, hostSuffixes: IMAGE_HOST_SUFFIXES });
-}
-export function StaticImage(props) {
-    return _jsx(BaseStaticImage, { ...props, hostSuffixes: IMAGE_HOST_SUFFIXES });
-}

package/dist/runtime/vite/translations.d.ts

@@ -1,28 +0,0 @@
-import { FimoString } from '../primitives/lib/index.js';
-/**
- * Hook to provide a label function (`t`).
- *
- * Returns FimoString with source tracking for inline editing.
- * Use with <Text> component for rendering, or String() for escape hatch.
- *
- * @example
- * const { t } = useLabels();
- *
- * // With Text component (recommended)
- * <Text value={t('welcome')} />
- *
- * // Escape hatch for attributes
- * <input placeholder={String(t('email.placeholder'))} />
- */
-export declare function useLabels(): {
-    t: (fullKey: string) => FimoString;
-    locale: string;
-};
-/**
- * Legacy alias for older projects. Prefer useLabels() in new code.
- */
-export declare function useTranslations(): {
-    t: (fullKey: string) => FimoString;
-    locale: string;
-};
-//# sourceMappingURL=translations.d.ts.map

package/dist/runtime/vite/translations.js

@@ -1,103 +0,0 @@
-import { useSyncExternalStore } from 'react';
-import { defaultLocale as bundledDefaultLocale, dictionaries as bundledDictionaries, signature as translationSignature, updatedAt as bundledUpdatedAt, } from 'virtual:translations';
-import { useLocale } from '../i18n/FimoLocaleContext.js';
-import { FimoString } from '../primitives/lib/index.js';
-const labelListeners = new Set();
-let labelState = {
-    dictionaries: bundledDictionaries ?? {},
-    defaultLocale: bundledDefaultLocale || 'en',
-    signature: translationSignature,
-    updatedAt: bundledUpdatedAt ?? null,
-};
-function subscribeLabels(listener) {
-    labelListeners.add(listener);
-    return () => {
-        labelListeners.delete(listener);
-    };
-}
-function getLabelSnapshot() {
-    return labelState;
-}
-function setLabelState(next) {
-    if (next.signature === labelState.signature) {
-        return;
-    }
-    labelState = next;
-    for (const listener of labelListeners) {
-        listener();
-    }
-}
-function isRecord(value) {
-    return Boolean(value) && typeof value === 'object' && !Array.isArray(value);
-}
-function normalizeDictionaries(value) {
-    if (!isRecord(value)) {
-        return null;
-    }
-    const dictionaries = {};
-    for (const [locale, labels] of Object.entries(value)) {
-        if (!isRecord(labels)) {
-            continue;
-        }
-        dictionaries[locale] = Object.fromEntries(Object.entries(labels).filter((entry) => typeof entry[1] === 'string'));
-    }
-    return dictionaries;
-}
-function applyLabelUpdate(payload) {
-    if (!isRecord(payload)) {
-        return;
-    }
-    const dictionaries = normalizeDictionaries(payload.dictionaries);
-    if (!dictionaries) {
-        return;
-    }
-    const defaultLocale = typeof payload.defaultLocale === 'string' ? payload.defaultLocale : labelState.defaultLocale;
-    const signature = typeof payload.signature === 'string' ? payload.signature : JSON.stringify({ dictionaries, defaultLocale });
-    const updatedAt = typeof payload.updatedAt === 'string' ? payload.updatedAt : null;
-    setLabelState({ dictionaries, defaultLocale, signature, updatedAt });
-}
-// @ts-ignore - import.meta.hot is provided by Vite during development.
-if (import.meta.hot) {
-    const onLabelsUpdated = (payload) => {
-        applyLabelUpdate(payload);
-    };
-    // @ts-ignore - import.meta.hot is provided by Vite during development.
-    import.meta.hot.on('fimo:labels-updated', onLabelsUpdated);
-    // @ts-ignore - import.meta.hot is provided by Vite during development.
-    import.meta.hot.dispose(() => {
-        // @ts-ignore - import.meta.hot is provided by Vite during development.
-        import.meta.hot.off('fimo:labels-updated', onLabelsUpdated);
-    });
-}
-/**
- * Hook to provide a label function (`t`).
- *
- * Returns FimoString with source tracking for inline editing.
- * Use with <Text> component for rendering, or String() for escape hatch.
- *
- * @example
- * const { t } = useLabels();
- *
- * // With Text component (recommended)
- * <Text value={t('welcome')} />
- *
- * // Escape hatch for attributes
- * <input placeholder={String(t('email.placeholder'))} />
- */
-export function useLabels() {
-    const localeContext = useLocale();
-    const labels = useSyncExternalStore(subscribeLabels, getLabelSnapshot, getLabelSnapshot);
-    const t = (fullKey) => {
-        const locale = localeContext.locale || labels.defaultLocale || 'en';
-        const dictionary = labels.dictionaries[locale] ?? labels.dictionaries[labels.defaultLocale] ?? {};
-        const text = dictionary[fullKey] ?? '';
-        return new FimoString(text, `__labels.${locale}.${fullKey}.value`);
-    };
-    return { t, locale: localeContext.locale };
-}
-/**
- * Legacy alias for older projects. Prefer useLabels() in new code.
- */
-export function useTranslations() {
-    return useLabels();
-}

package/templates/nextjs/src/app/(default)/layout.tsx

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-
-import Document from '../../components/Document';
-import { defaultLocale } from '../../locales';
-
-import '../globals.css';
-
-export default function DefaultLocaleLayout({ children }: Readonly<{ children: ReactNode }>) {
-  return <Document locale={defaultLocale}>{children}</Document>;
-}

package/templates/nextjs/src/app/[locale]/layout.tsx

@@ -1,22 +0,0 @@
-import { notFound } from 'next/navigation';
-import type { ReactNode } from 'react';
-
-import Document from '../../components/Document';
-import { prefixedLocales } from '../../locales';
-
-import '../globals.css';
-
-export default async function LocaleLayout({
-  children,
-  params,
-}: Readonly<{ children: ReactNode; params: Promise<{ locale: string }> }>) {
-  const { locale } = await params;
-
-  // The default locale is served unprefixed by `app/(default)`, so its prefix
-  // is not a second URL for the same page.
-  if (!prefixedLocales.has(locale)) {
-    notFound();
-  }
-
-  return <Document locale={locale}>{children}</Document>;
-}

package/templates/nextjs/src/app/[locale]/page.tsx

@@ -1 +0,0 @@
-export { default } from '../(default)/page';

package/templates/nextjs/src/components/Document.tsx

@@ -1,26 +0,0 @@
-import { FimoProvider } from 'fimo/next/client';
-import type { ReactNode } from 'react';
-
-import FimoPreviewBridge from './FimoPreviewBridge';
-
-/**
- * The HTML document for one locale tree. Only a root layout may render `<html>`
- * in the App Router, so each locale tree has its own root layout and renders
- * this with the locale that tree serves. That is what makes `<html lang>` and
- * the Fimo locale context correct on both the unprefixed and prefixed routes.
- */
-export default function Document({ children, locale }: Readonly<{ children: ReactNode; locale: string }>) {
-  const previewScriptUrl = process.env.NEXT_PUBLIC_FIMO_PREVIEW_SCRIPT_URL;
-
-  return (
-    <html lang={locale}>
-      <body>
-        <FimoProvider locale={locale}>
-          <FimoPreviewBridge />
-          {children}
-        </FimoProvider>
-        {previewScriptUrl ? <script src={previewScriptUrl} defer /> : null}
-      </body>
-    </html>
-  );
-}

package/templates/nextjs/src/components/FimoPreviewBridge.tsx

@@ -1,13 +0,0 @@
-'use client';
-
-import { FimoPreviewBridge as RuntimeFimoPreviewBridge } from 'fimo/next/client';
-import { usePathname, useRouter } from 'next/navigation';
-import { useCallback } from 'react';
-
-export default function FimoPreviewBridge() {
-  const pathname = usePathname();
-  const router = useRouter();
-  const navigate = useCallback((to: string) => router.push(to), [router]);
-
-  return <RuntimeFimoPreviewBridge pathname={pathname} navigate={navigate} />;
-}