fimo 2.2.0-staging.1 → 2.2.0-staging.10

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

@@ -1,191 +0,0 @@
-import { RichText, Text, useLabels } from 'fimo-react';
-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

@@ -1,28 +0,0 @@
-{
-  "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

@@ -1,29 +0,0 @@
-// 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-react package.
-import { createSingletonClient } from 'fimo-react';
-import type { ContentSchema, SingletonContentClient } from 'fimo-react';
-
-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

@@ -1,64 +0,0 @@
-// 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-react';
-
-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>;