fimo 0.11.0-staging.5 → 0.11.0-staging.7

package/assets/starters/fimo-site/template/src/pages/Index.tsx

@@ -0,0 +1,27 @@
+import HomePageContent from '@/schemas/HomePage';
+
+import { Contact } from './Contact';
+import { ContentFallback, Hero, SiteHeader, Stories } from './SiteContent';
+
+const Index = () => {
+  const { data: page, isLoading } = HomePageContent.useGet();
+
+  return (
+    <div className="bg-background text-foreground min-h-screen">
+      <SiteHeader />
+      <main>
+        {page ? (
+          <>
+            <Hero page={page} />
+            <Stories items={page.featured ?? []} />
+          </>
+        ) : (
+          <ContentFallback loading={isLoading} />
+        )}
+        <Contact page={page} loading={isLoading} />
+      </main>
+    </div>
+  );
+};
+
+export default Index;

package/assets/starters/fimo-site/template/src/pages/SiteContent.tsx

@@ -0,0 +1,191 @@
+import { RichText, Text, useLabels } from 'fimo/ui';
+import { ArrowDown, ArrowUpRight } from 'lucide-react';
+
+import { Button } from '@/components/ui/button';
+import { Skeleton } from '@/components/ui/skeleton';
+import { cn } from '@/lib/utils';
+import type { HomePage } from '@/schemas/HomePage';
+
+export function SiteHeader() {
+  const { t } = useLabels();
+
+  return (
+    <header className="border-border/70 bg-background/85 sticky top-0 z-30 border-b backdrop-blur">
+      <div className="mx-auto flex h-16 w-full max-w-6xl items-center justify-between gap-6 px-6 lg:px-10">
+        <Mark />
+        <nav className="flex min-w-0 items-center gap-5">
+          <a
+            href="#stories"
+            className="text-muted-foreground hover:text-foreground hidden truncate text-sm transition-colors sm:inline"
+          >
+            <Text value={t('nav.stories')} />
+          </a>
+          <Button asChild size="sm" variant="outline" className="min-w-0 shrink">
+            <a href="#contact">
+              <Text value={t('nav.contact')} className="truncate" />
+            </a>
+          </Button>
+        </nav>
+      </div>
+    </header>
+  );
+}
+
+export function Hero({ page }: { page: HomePage }) {
+  const { t } = useLabels();
+
+  return (
+    <section className="border-border/70 border-b">
+      <div className="mx-auto w-full max-w-6xl px-6 py-20 lg:px-10 lg:py-32">
+        <p className="text-muted-foreground flex items-center gap-4 text-[11px] font-semibold tracking-[0.24em] uppercase">
+          <span aria-hidden className="bg-primary h-px w-10 shrink-0" />
+          <Text value={page.eyebrow} />
+        </p>
+
+        <div className="mt-10 grid gap-12 lg:mt-14 lg:grid-cols-12 lg:gap-16">
+          <Text
+            value={page.title}
+            as="h1"
+            className="text-5xl leading-[0.95] font-semibold tracking-[-0.04em] text-balance sm:text-6xl lg:col-span-7 lg:text-7xl"
+          />
+
+          <div className="lg:col-span-5 lg:pt-3">
+            <RichText
+              value={page.intro}
+              className="text-muted-foreground max-w-md text-lg leading-relaxed [&>p+p]:mt-4"
+            />
+
+            <div className="mt-10 flex flex-wrap items-center gap-x-8 gap-y-4">
+              <Button asChild size="lg" className="group">
+                <a href={String(page.primaryCtaHref)}>
+                  <Text value={page.primaryCtaLabel} />
+                  <ArrowUpRight className="transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
+                </a>
+              </Button>
+              <a
+                href="#stories"
+                className="text-muted-foreground hover:text-foreground group inline-flex items-center gap-2 text-sm transition-colors"
+              >
+                <Text value={t('hero.scroll')} />
+                <ArrowDown className="size-4 transition-transform group-hover:translate-y-0.5" />
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export function Stories({ items }: { items: HomePage['featured'] }) {
+  const { t } = useLabels();
+
+  if (items.length === 0) {
+    return null;
+  }
+
+  return (
+    <section id="stories" aria-labelledby="stories-title" className="border-border/70 scroll-mt-16 border-b">
+      <div className="mx-auto w-full max-w-6xl px-6 lg:px-10">
+        <Text
+          value={t('nav.stories')}
+          as="h2"
+          id="stories-title"
+          className="text-muted-foreground pt-16 text-[11px] font-semibold tracking-[0.24em] uppercase lg:pt-24"
+        />
+        <ul className="divide-border/70 border-border/70 mt-8 divide-y border-t">
+          {items.map((item, index) => (
+            <li key={item._key}>
+              <a
+                href={item.href}
+                className="focus-visible:ring-ring/50 group grid gap-5 rounded-md py-10 outline-none focus-visible:ring-[3px] md:grid-cols-12 md:gap-8 md:py-14"
+              >
+                <div className="flex items-baseline gap-4 md:col-span-4">
+                  <span className="text-primary font-mono text-xs tabular-nums">
+                    {String(index + 1).padStart(2, '0')}
+                  </span>
+                  <Text value={item.label} className="text-sm font-medium" />
+                </div>
+
+                <div className="flex items-start gap-6 md:col-span-8">
+                  <div className="min-w-0 transition-transform duration-300 group-hover:translate-x-1">
+                    <Text
+                      value={item.title}
+                      as="h3"
+                      className="text-2xl font-semibold tracking-[-0.02em] text-balance md:text-3xl"
+                    />
+                    <Text
+                      value={item.summary}
+                      as="p"
+                      className="text-muted-foreground mt-3 max-w-xl leading-relaxed whitespace-pre-line"
+                    />
+                  </div>
+                  <ArrowUpRight className="text-muted-foreground/40 group-hover:text-foreground ml-auto size-5 shrink-0 transition-all duration-300 group-hover:translate-x-1 group-hover:-translate-y-1" />
+                </div>
+              </a>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </section>
+  );
+}
+
+export function ContentFallback({ loading }: { loading: boolean }) {
+  return (
+    <>
+      <section aria-hidden className="border-border/70 border-b">
+        <div className="mx-auto w-full max-w-6xl px-6 py-20 lg:px-10 lg:py-32">
+          <Bar loading={loading} className="h-3 w-40" />
+          <div className="mt-10 grid gap-12 lg:mt-14 lg:grid-cols-12 lg:gap-16">
+            <div className="grid gap-4 lg:col-span-7">
+              <Bar loading={loading} className="h-14 w-full lg:h-16" />
+              <Bar loading={loading} className="h-14 w-5/6 lg:h-16" />
+              <Bar loading={loading} className="h-14 w-2/3 lg:h-16" />
+            </div>
+            <div className="grid gap-3 lg:col-span-5 lg:pt-3">
+              <Bar loading={loading} className="h-4 w-full max-w-md" />
+              <Bar loading={loading} className="h-4 w-11/12 max-w-md" />
+              <Bar loading={loading} className="h-4 w-3/4 max-w-md" />
+              <Bar loading={loading} className="mt-7 h-10 w-48" />
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section aria-hidden className="border-border/70 border-b">
+        <div className="mx-auto w-full max-w-6xl px-6 lg:px-10">
+          <Bar loading={loading} className="mt-16 h-3 w-28 lg:mt-24" />
+          <ul className="divide-border/70 border-border/70 mt-8 divide-y border-t">
+            {[0, 1, 2].map((row) => (
+              <li key={row} className="grid gap-5 py-10 md:grid-cols-12 md:gap-8 md:py-14">
+                <Bar loading={loading} className="h-4 w-32 md:col-span-4" />
+                <div className="grid gap-3 md:col-span-8">
+                  <Bar loading={loading} className="h-8 w-3/4" />
+                  <Bar loading={loading} className="h-4 w-full max-w-xl" />
+                  <Bar loading={loading} className="h-4 w-2/3 max-w-xl" />
+                </div>
+              </li>
+            ))}
+          </ul>
+        </div>
+      </section>
+    </>
+  );
+}
+
+/** Pulses while the request is in flight; settles into a static block once it is not. */
+export function Bar({ loading, className }: { loading: boolean; className: string }) {
+  return loading ? <Skeleton className={className} /> : <div className={cn('bg-muted rounded-md', className)} />;
+}
+
+function Mark() {
+  return (
+    <span aria-hidden className="grid size-5 shrink-0 grid-cols-2 gap-[3px]">
+      <span className="bg-foreground rounded-[2px]" />
+      <span className="bg-foreground/25 rounded-[2px]" />
+      <span className="bg-foreground/25 rounded-[2px]" />
+      <span className="bg-primary rounded-[2px]" />
+    </span>
+  );
+}

package/assets/starters/fimo-site/template/src/schemas/HomePage.json

@@ -0,0 +1,28 @@
+{
+  "uid": "HomePage",
+  "name": "Home page",
+  "isSingleton": true,
+  "i18n": { "enabled": false },
+  "fields": {
+    "eyebrow": { "type": "string", "required": true },
+    "title": { "type": "string", "required": true },
+    "intro": { "type": "richtext", "required": true },
+    "primaryCtaLabel": { "type": "string", "required": true },
+    "primaryCtaHref": { "type": "string", "required": true },
+    "featured": {
+      "type": "blocks",
+      "min": 1,
+      "max": 3,
+      "schema": {
+        "fields": {
+          "label": { "type": "string", "required": true },
+          "title": { "type": "string", "required": true },
+          "summary": { "type": "text", "required": true },
+          "href": { "type": "string", "required": true }
+        }
+      }
+    },
+    "contactHeading": { "type": "string", "required": true },
+    "contactIntro": { "type": "text", "required": true }
+  }
+}

package/assets/starters/fimo-site/template/src/schemas/HomePage.ts

@@ -0,0 +1,29 @@
+// AUTO-GENERATED by `fimo` from src/schemas/HomePage.json - DO NOT EDIT.
+// Change content fields in the schema, then run `fimo validate`.
+// Runtime implementation lives in the project-local fimo/ui package.
+import { createSingletonClient } from 'fimo/ui';
+import type { ContentSchema, SingletonContentClient } from 'fimo/ui';
+
+import schema from './HomePage.json';
+import type { HomePage, HomePageInput } from './HomePage.types';
+
+export type {
+  HomePage,
+  HomePageFields,
+  HomePageFimoMeta,
+  HomePageInput,
+  HomePagePopulate,
+  HomePageQuery,
+  HomePageReferences,
+  HomePageResult,
+  HomePageSort,
+  HomePageWhere,
+} from './HomePage.types';
+
+const client: SingletonContentClient<HomePage, HomePageInput> = createSingletonClient<HomePage, HomePageInput>({
+  schema: schema as unknown as ContentSchema,
+});
+
+export const { get, update, useGet, useSuspenseGet, useUpdate, wrapWithSource, meta } = client;
+
+export default client;

package/assets/starters/fimo-site/template/src/schemas/HomePage.types.ts

@@ -0,0 +1,64 @@
+// AUTO-GENERATED ⚠️ – do not edit by hand
+import {
+  type Fields,
+  type FimoRichText,
+  type FimoRichTextContent,
+  type FimoString,
+  type Populate,
+  type PopulatedResult,
+  type ProjectedWithPopulate,
+  type Query,
+  type Sort,
+  type Where,
+  type WithReferences,
+} from 'fimo/ui';
+
+export interface HomePageFimoMeta {
+  contentType: string;
+}
+
+export interface HomePage extends WithReferences<HomePageReferences> {
+  id: string;
+  entryId: string;
+  documentId: string;
+  slug: FimoString;
+  locale?: string;
+  createdAt: string;
+  updatedAt: string;
+  __fimo: HomePageFimoMeta;
+  eyebrow: FimoString;
+  title: FimoString;
+  intro: FimoRichText;
+  primaryCtaLabel: FimoString;
+  primaryCtaHref: FimoString;
+  featured: { _key: string; label: string; title: string; summary: string; href: string }[];
+  contactHeading: FimoString;
+  contactIntro: FimoString;
+}
+
+export interface HomePageInput {
+  slug?: string;
+  eyebrow: string;
+  title: string;
+  intro: FimoRichTextContent;
+  primaryCtaLabel: string;
+  primaryCtaHref: string;
+  featured: { _key?: string; label: string; title: string; summary: string; href: string }[];
+  contactHeading: string;
+  contactIntro: string;
+}
+
+export interface HomePageReferences {}
+
+export type HomePagePopulate = Populate<HomePage>;
+export type HomePageWhere = Where<HomePage>;
+export type HomePageSort = Sort<HomePage>;
+export type HomePageFields = Fields<HomePage>;
+export type HomePageQuery<
+  TFields extends HomePageFields | undefined = HomePageFields | undefined,
+  TPopulate extends HomePagePopulate | undefined = HomePagePopulate | undefined,
+> = Query<HomePage, TFields, TPopulate>;
+export type HomePageResult<
+  TFields extends HomePageFields | undefined = undefined,
+  TPopulate extends HomePagePopulate | undefined = undefined,
+> = ProjectedWithPopulate<PopulatedResult<HomePage, TPopulate>, TFields, TPopulate>;

package/dist/build/vite/index.d.ts

@@ -2,7 +2,7 @@ import type { PluginOption } from 'vite';
 export interface FimoViteOptions {
     /**
      * Emit `sitemap.xml` at build (and serve at `/sitemap.xml` in dev). Reads
-     * `seo.url` from `fimo-config.json` as the base URL.
+     * `seo.url` from `.fimo/config.json` as the base URL.
      *
      * Opt-in via `fimo({ sitemap: true })`.
      */
@@ -10,14 +10,14 @@ export interface FimoViteOptions {
     /**
      * Emit `robots.txt` at build (and serve at `/robots.txt` in dev). Defaults
      * to an allow-all robots policy + a `Sitemap:` directive when `seo.url` is
-     * set in `fimo-config.json`.
+     * set in `.fimo/config.json`.
      *
      * Opt-in via `fimo({ robots: true })`.
      */
     robots?: boolean;
     /**
      * Inject SEO meta tags into `index.html` via `transformIndexHtml`. Resolves
-     * per-route SEO from `fimo-config.json#seo` and the matched route.
+     * per-route SEO from `.fimo/config.json#seo` and the matched route.
      *
      * Only applies in projects that have an `index.html` (plain Vite). Conflicts
      * with frameworks that have their own SEO mechanism — React Router's `meta`

package/dist/build/vite/plugins/fimo-config.d.ts

@@ -1,11 +1,11 @@
 import type { Plugin } from 'vite';
 /**
- * Vite plugin that exposes the user's `fimo-config.json`:
+ * Vite plugin that exposes the user's `.fimo/config.json`:
  * - As a virtual module `virtual:fimo-config` that browser-running package
  *   code (fimo/seo, fimo/app) imports to read `seo`, `routes`, etc. without
  *   relying on `readFileSync` at runtime.
  *
- * Edits to `fimo-config.json` invalidate the virtual module so HMR picks up
+ * Edits to the project config invalidate the virtual module so HMR picks up
  * the new values without a full reload.
  */
 export default function fimoConfigPlugin(): Plugin;

package/dist/build/vite/plugins/fimo-config.js

@@ -1,23 +1,23 @@
 import { readFileSync } from 'fs';
-import { resolve } from 'path';
+import { resolveFimoConfigPath } from '../../../runtime/shared/fimo-config.server.js';
 const VIRTUAL_ID = 'virtual:fimo-config';
 const RESOLVED_ID = '\0' + VIRTUAL_ID;
 /**
- * Vite plugin that exposes the user's `fimo-config.json`:
+ * Vite plugin that exposes the user's `.fimo/config.json`:
  * - As a virtual module `virtual:fimo-config` that browser-running package
  *   code (fimo/seo, fimo/app) imports to read `seo`, `routes`, etc. without
  *   relying on `readFileSync` at runtime.
  *
- * Edits to `fimo-config.json` invalidate the virtual module so HMR picks up
+ * Edits to the project config invalidate the virtual module so HMR picks up
  * the new values without a full reload.
  */
 export default function fimoConfigPlugin() {
-    let configPath = resolve(process.cwd(), 'fimo-config.json');
+    let configPath = resolveFimoConfigPath(process.cwd());
     return {
         name: 'vite-plugin-fimo-config',
         config(userConfig) {
             const root = typeof userConfig.root === 'string' ? userConfig.root : process.cwd();
-            configPath = resolve(root, 'fimo-config.json');
+            configPath = resolveFimoConfigPath(root);
         },
         resolveId(id) {
             if (id === VIRTUAL_ID) {

package/dist/build/vite/plugins/robots.d.ts

@@ -1,7 +1,7 @@
 import type { Plugin } from 'vite';
 /**
  * Emit a minimal `robots.txt` (allow-all + Sitemap reference if `seo.url` is
- * set in `fimo-config.json`). Serves at `/robots.txt` in dev; emits as a
+ * set in `.fimo/config.json`). Serves at `/robots.txt` in dev; emits as a
  * static asset at build time.
  *
  * Opt-in via `fimo({ robots: true })` in your `vite.config.ts`.

package/dist/build/vite/plugins/robots.js

@@ -1,8 +1,8 @@
 import { readFileSync } from 'fs';
-import { resolve } from 'path';
+import { resolveFimoConfigPath } from '../../../runtime/shared/fimo-config.server.js';
 function readSeoUrl() {
     try {
-        const raw = readFileSync(resolve(process.cwd(), 'fimo-config.json'), 'utf-8');
+        const raw = readFileSync(resolveFimoConfigPath(process.cwd()), 'utf-8');
         const config = JSON.parse(raw);
         return config.seo?.url;
     }
@@ -25,7 +25,7 @@ function buildRobotsTxt(baseUrl) {
 }
 /**
  * Emit a minimal `robots.txt` (allow-all + Sitemap reference if `seo.url` is
- * set in `fimo-config.json`). Serves at `/robots.txt` in dev; emits as a
+ * set in `.fimo/config.json`). Serves at `/robots.txt` in dev; emits as a
  * static asset at build time.
  *
  * Opt-in via `fimo({ robots: true })` in your `vite.config.ts`.

package/dist/build/vite/plugins/server-config.js

@@ -9,7 +9,7 @@ export default function serverConfigPlugin() {
                         overlay: false,
                     },
                     watch: {
-                        ignored: ['**/.worktrees/**', '**/fimo-config.json'],
+                        ignored: ['**/.worktrees/**', '**/.fimo/config.json', '**/fimo-config.json'],
                     },
                 },
                 build: {},

package/dist/build/vite/plugins/sitemap.js

@@ -1,9 +1,9 @@
 import { readFileSync } from 'fs';
-import { resolve } from 'path';
 import { getFimoPaths } from '../../../runtime/paths/get-fimo-paths.js';
+import { resolveFimoConfigPath } from '../../../runtime/shared/fimo-config.server.js';
 function readSeoUrl() {
     try {
-        const raw = readFileSync(resolve(process.cwd(), 'fimo-config.json'), 'utf-8');
+        const raw = readFileSync(resolveFimoConfigPath(process.cwd()), 'utf-8');
         const config = JSON.parse(raw);
         return config.seo?.url;
     }

package/dist/build/vite/plugins/translations.js

@@ -4,7 +4,8 @@ import { readFile } from 'node:fs/promises';
 import { homedir } from 'node:os';
 import { join } from 'node:path';
 import { getFimoDefaultLocale, getFimoLocales } from '../../../runtime/i18n/locale.js';
-import { getConfigServer } from '../../../runtime/shared/fimo-config.server.js';
+import { CURRENT_PROJECT_LAYOUT, LEGACY_PROJECT_LAYOUT } from '../../../runtime/project-layout.js';
+import { getConfigServer, resolveFimoConfigPath } from '../../../runtime/shared/fimo-config.server.js';
 const VIRTUAL_ID = 'virtual:translations';
 const RESOLVED_ID = '\0' + VIRTUAL_ID;
 const EVENT_RECONNECT_DELAY_MS = 2000;
@@ -155,7 +156,7 @@ export default function translationsPlugin() {
         },
         async buildStart() {
             bundle = emptyLabelBundle(rootDir);
-            this.addWatchFile(join(rootDir, 'fimo-config.json'));
+            this.addWatchFile(resolveFimoConfigPath(rootDir));
             this.addWatchFile(join(rootDir, '.env'));
             this.addWatchFile(join(rootDir, '.env.local'));
             if (command === 'build') {
@@ -165,7 +166,7 @@ export default function translationsPlugin() {
         configureServer(server) {
             devServer = server;
             closed = false;
-            server.watcher.add([join(rootDir, 'fimo-config.json'), join(rootDir, '.env'), join(rootDir, '.env.local')]);
+            server.watcher.add([resolveFimoConfigPath(rootDir), join(rootDir, '.env'), join(rootDir, '.env.local')]);
             void refreshLabelsAndInvalidateIfChanged().catch(() => undefined);
             startFallbackPolling();
             void connectEvents();
@@ -196,7 +197,7 @@ export default function translationsPlugin() {
             ].join('\n');
         },
         async handleHotUpdate(ctx) {
-            const watched = new Set([join(rootDir, 'fimo-config.json'), join(rootDir, '.env'), join(rootDir, '.env.local')]);
+            const watched = new Set([resolveFimoConfigPath(rootDir), join(rootDir, '.env'), join(rootDir, '.env.local')]);
             if (!watched.has(ctx.file)) {
                 return;
             }
@@ -515,13 +516,16 @@ async function readEnvFile(filePath) {
     }
 }
 async function readProjectSettings(rootDir) {
-    try {
-        const raw = await readFile(join(rootDir, '.fimo.settings.json'), 'utf8');
-        return JSON.parse(raw);
-    }
-    catch {
-        return {};
+    for (const relativePath of [CURRENT_PROJECT_LAYOUT.project, LEGACY_PROJECT_LAYOUT.project]) {
+        try {
+            const raw = await readFile(join(rootDir, relativePath), 'utf8');
+            return JSON.parse(raw);
+        }
+        catch {
+            continue;
+        }
     }
+    return {};
 }
 function deriveEventsRooms(projectId, tenantApiUrl) {
     const rooms = new Set([projectId]);

package/dist/cli/bundle.json

@@ -1,7 +1,7 @@
 {
   "bundled": true,
   "bundler": "esbuild",
-  "bundledAt": "2026-08-03T10:18:45.069Z",
+  "bundledAt": "2026-08-04T21:28:25.010Z",
   "cliVersion": "0.10.0",
   "external": [
     "oxc-parser",