fimo 0.15.0-staging.2 → 0.15.0-staging.4

package/templates/astro/astro.config.mjs

@@ -0,0 +1,7 @@
+import { defineConfig } from 'astro/config';
+import { fimo } from 'fimo/astro/config';
+
+export default defineConfig({
+  integrations: [fimo()],
+  output: 'server',
+});

package/templates/astro/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "fimo-template",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "check": "astro sync && astro check"
+  },
+  "dependencies": {
+    "fimo": "latest"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.10",
+    "astro": "^7.1.6",
+    "typescript": "^6.0.3"
+  },
+  "engines": {
+    "node": ">=22.22.0"
+  }
+}

package/templates/astro/pnpm-workspace.yaml

@@ -0,0 +1,7 @@
+# Build approval is handled by Fimo-controlled install commands. Do not add a
+# package-level allowlist because Fimo installs with dangerouslyAllowAllBuilds.
+
+packages: []
+allowBuilds:
+  esbuild: set this to true or false
+  fimo: set this to true or false

package/templates/astro/src/components/ProjectOverview.astro

@@ -0,0 +1,42 @@
+---
+import { getLabels } from 'fimo/astro';
+import { Text } from 'fimo/astro/components';
+
+import * as Project from '../schemas/Project';
+import * as SiteSettings from '../schemas/SiteSettings';
+
+interface Props {
+  locale: 'en';
+  rendering: 'static' | 'server';
+}
+
+const { locale, rendering } = Astro.props;
+const [settings, projects, labels] = await Promise.all([
+  SiteSettings.get({ locale }),
+  Project.list({ locale, limit: 12 }),
+  getLabels({ locale }),
+]);
+---
+
+<main data-framework="astro" data-rendering={rendering} data-locale={locale} data-fimo-starter="projects">
+  <nav aria-label="Language">
+    <a href="/">English</a>
+  </nav>
+  <header>
+    <Text as="h1" value={settings.studioName} />
+    <Text as="p" value={settings.intro} />
+    <a href="/projects"><Text as="span" value={labels.t('navigation.projects')} /></a>
+  </header>
+  <section>
+    <Text as="h2" value={labels.t('projects.heading')} />
+    {
+      projects.items.map((project) => (
+        <article data-project-slug={String(project.slug)}>
+          <Text as="h3" value={project.title} />
+          <Text as="p" value={project.summary} />
+          <a href={`/projects/${String(project.slug)}`}><Text as="span" value={project.title} /></a>
+        </article>
+      ))
+    }
+  </section>
+</main>

package/templates/astro/src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client" />

package/templates/astro/src/layouts/Base.astro

@@ -0,0 +1,81 @@
+---
+interface Props {
+  lang: 'en';
+  title: string;
+}
+
+const { lang, title } = Astro.props;
+---
+
+<!doctype html>
+<html lang={lang}>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <meta name="description" content="A new Fimo project built with Astro." />
+    <title>{title}</title>
+  </head>
+  <body>
+    <slot />
+  </body>
+</html>
+
+<style is:global>
+  :root {
+    color: #181817;
+    background: #f6f5f2;
+    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+  }
+
+  body {
+    margin: 0;
+  }
+
+  main {
+    box-sizing: border-box;
+    width: min(100% - 3rem, 52rem);
+    min-height: 100vh;
+    margin: 0 auto;
+    padding: 4rem 0;
+  }
+
+  nav,
+  header,
+  section,
+  article {
+    display: grid;
+    gap: 0.75rem;
+  }
+
+  nav {
+    grid-auto-flow: column;
+    justify-content: start;
+    margin-bottom: 4rem;
+  }
+
+  section {
+    margin-top: 3rem;
+  }
+
+  article {
+    padding: 1.5rem 0;
+    border-top: 1px solid #d6d3cc;
+  }
+
+  h1,
+  h2,
+  p {
+    margin: 0;
+  }
+
+  h1 {
+    max-width: 16ch;
+    font-size: clamp(2.75rem, 9vw, 5rem);
+    line-height: 0.95;
+    letter-spacing: -0.05em;
+  }
+
+  a {
+    color: inherit;
+  }
+</style>

package/templates/astro/src/pages/index.astro

@@ -0,0 +1,10 @@
+---
+import ProjectOverview from '../components/ProjectOverview.astro';
+import Base from '../layouts/Base.astro';
+
+export const prerender = true;
+---
+
+<Base lang="en" title="Fimo + Astro">
+  <ProjectOverview locale="en" rendering="static" />
+</Base>

package/templates/astro/src/pages/projects/[slug].astro

@@ -0,0 +1,26 @@
+---
+import { getLabels } from 'fimo/astro';
+import { Text } from 'fimo/astro/components';
+
+import Base from '../../layouts/Base.astro';
+import * as Project from '../../schemas/Project';
+
+export const prerender = false;
+
+const slug = Astro.params.slug ?? '';
+const [project, labels] = await Promise.all([Project.getBySlug(slug, { locale: 'en' }), getLabels({ locale: 'en' })]);
+
+if (!project) {
+  return Astro.redirect('/404');
+}
+---
+
+<Base lang="en" title={String(project.title)}>
+  <main data-framework="astro" data-rendering="server" data-project-slug={slug}>
+    <a href="/projects"><Text as="span" value={labels.t('navigation.projects')} /></a>
+    <article>
+      <Text as="h1" value={project.title} />
+      <Text as="p" value={project.summary} />
+    </article>
+  </main>
+</Base>

package/templates/astro/src/pages/projects/index.astro

@@ -0,0 +1,10 @@
+---
+import ProjectOverview from '../../components/ProjectOverview.astro';
+import Base from '../../layouts/Base.astro';
+
+export const prerender = false;
+---
+
+<Base lang="en" title="Projects">
+  <ProjectOverview locale="en" rendering="server" />
+</Base>

package/templates/astro/src/schemas/Project.json

@@ -0,0 +1,9 @@
+{
+  "uid": "Project",
+  "name": "Projects",
+  "i18n": { "enabled": true },
+  "fields": {
+    "title": { "type": "string", "required": true },
+    "summary": { "type": "text", "required": true }
+  }
+}

package/templates/astro/src/schemas/Project.ts

@@ -0,0 +1,29 @@
+// AUTO-GENERATED by `fimo` from src/schemas/Project.json - DO NOT EDIT.
+// Runtime implementation lives in the project-local fimo/astro package export.
+import { createContentClient } from 'fimo/astro';
+import type { CollectionContentClient, ContentSchema } from 'fimo/astro';
+
+import schema from './Project.json';
+import type { Project, ProjectFields, ProjectInput, ProjectPopulate, ProjectQuery } from './Project.types';
+
+export type {
+  Project,
+  ProjectFields,
+  ProjectFimoMeta,
+  ProjectInput,
+  ProjectPopulate,
+  ProjectQuery,
+  ProjectReferences,
+  ProjectResult,
+  ProjectSort,
+  ProjectWhere,
+} from './Project.types';
+export type { CollectionPage, CollectionPageInfo } from 'fimo/astro';
+
+const client: CollectionContentClient<Project, ProjectInput> = createContentClient<Project, ProjectInput>({
+  schema: schema as unknown as ContentSchema,
+});
+
+export const { wrapWithSource, meta, getById, getBySlug, getByField, list, get, create, update, remove } = client;
+
+export default client;

package/templates/astro/src/schemas/Project.types.ts

@@ -0,0 +1,70 @@
+// AUTO-GENERATED ⚠️ – do not edit by hand
+import {
+  type Fields,
+  type FimoBoolean,
+  type FimoMedia,
+  type FimoPolymorphicReference,
+  type FimoReference,
+  type FimoRichText,
+  type FimoRichTextContent,
+  type FimoString,
+  type Populate,
+  type PopulatedResult,
+  type ProjectedWithPopulate,
+  type Query,
+  type Sort,
+  type Where,
+  type WithReferences,
+} from 'fimo/astro';
+
+/*───────────────────────────────────────────────────────────────*/
+/*  ────────────  📄  Type definitions  ────────────             */
+/*───────────────────────────────────────────────────────────────*/
+
+/**
+ * Project entity interface
+ */
+export interface ProjectFimoMeta {
+  contentType: 'Project';
+}
+
+export interface Project extends WithReferences<ProjectReferences> {
+  id: string;
+  entryId: string;
+  documentId: string;
+  slug: FimoString;
+  locale: string;
+  createdAt: string;
+  updatedAt: string;
+  __fimo: ProjectFimoMeta;
+  title: FimoString;
+  summary: FimoString;
+}
+
+export interface ProjectInput {
+  slug?: string;
+  locale?: string;
+  documentId?: string;
+  title: string;
+  summary: string;
+}
+
+export type ProjectReferences = Record<never, never>;
+
+export type ProjectPopulate = Populate<Project>;
+
+/*───────────────────────────────────────────────────────────────*/
+/*  ────────────  🔎  Query types  ────────────                  */
+/*───────────────────────────────────────────────────────────────*/
+
+export type ProjectWhere = Where<Project>;
+export type ProjectSort = Sort<Project>;
+export type ProjectFields = Fields<Project>;
+export type ProjectQuery<
+  TFields extends ProjectFields | undefined = ProjectFields | undefined,
+  TPopulate extends ProjectPopulate | undefined = ProjectPopulate | undefined,
+> = Query<Project, TFields, TPopulate>;
+export type ProjectResult<
+  TFields extends ProjectFields | undefined = undefined,
+  TPopulate extends ProjectPopulate | undefined = undefined,
+> = ProjectedWithPopulate<PopulatedResult<Project, TPopulate>, TFields, TPopulate>;

package/templates/astro/src/schemas/SiteSettings.json

@@ -0,0 +1,10 @@
+{
+  "uid": "SiteSettings",
+  "name": "Site settings",
+  "isSingleton": true,
+  "i18n": { "enabled": true },
+  "fields": {
+    "studioName": { "type": "string", "required": true },
+    "intro": { "type": "text", "required": true }
+  }
+}

package/templates/astro/src/schemas/SiteSettings.ts

@@ -0,0 +1,31 @@
+// AUTO-GENERATED by `fimo` from src/schemas/SiteSettings.json - DO NOT EDIT.
+// Runtime implementation lives in the project-local fimo/astro package export.
+import { createSingletonClient } from 'fimo/astro';
+import type { ContentSchema, SingletonContentClient } from 'fimo/astro';
+
+import schema from './SiteSettings.json';
+import type { SiteSettings, SiteSettingsInput } from './SiteSettings.types';
+
+export type {
+  SiteSettings,
+  SiteSettingsFields,
+  SiteSettingsFimoMeta,
+  SiteSettingsInput,
+  SiteSettingsPopulate,
+  SiteSettingsQuery,
+  SiteSettingsReferences,
+  SiteSettingsResult,
+  SiteSettingsSort,
+  SiteSettingsWhere,
+} from './SiteSettings.types';
+
+const client: SingletonContentClient<SiteSettings, SiteSettingsInput> = createSingletonClient<
+  SiteSettings,
+  SiteSettingsInput
+>({
+  schema: schema as unknown as ContentSchema,
+});
+
+export const { get, update, wrapWithSource, meta } = client;
+
+export default client;

package/templates/astro/src/schemas/SiteSettings.types.ts

@@ -0,0 +1,69 @@
+// AUTO-GENERATED ⚠️ – do not edit by hand
+import {
+  type Fields,
+  type FimoBoolean,
+  type FimoMedia,
+  type FimoPolymorphicReference,
+  type FimoReference,
+  type FimoRichText,
+  type FimoRichTextContent,
+  type FimoString,
+  type Populate,
+  type PopulatedResult,
+  type ProjectedWithPopulate,
+  type Query,
+  type Sort,
+  type Where,
+  type WithReferences,
+} from 'fimo/astro';
+
+/*───────────────────────────────────────────────────────────────*/
+/*  ────────────  📄  Type definitions  ────────────             */
+/*───────────────────────────────────────────────────────────────*/
+
+/**
+ * SiteSettings entity interface
+ */
+export interface SiteSettingsFimoMeta {
+  contentType: 'SiteSettings';
+}
+
+export interface SiteSettings extends WithReferences<SiteSettingsReferences> {
+  id: string;
+  entryId: string;
+  documentId: string;
+  slug: FimoString;
+  locale: string;
+  createdAt: string;
+  updatedAt: string;
+  __fimo: SiteSettingsFimoMeta;
+  studioName: FimoString;
+  intro: FimoString;
+}
+
+export interface SiteSettingsInput {
+  slug?: string;
+  locale?: string;
+  studioName: string;
+  intro: string;
+}
+
+export type SiteSettingsReferences = Record<never, never>;
+
+export type SiteSettingsPopulate = Populate<SiteSettings>;
+
+/*───────────────────────────────────────────────────────────────*/
+/*  ────────────  🔎  Query types  ────────────                  */
+/*───────────────────────────────────────────────────────────────*/
+
+export type SiteSettingsWhere = Where<SiteSettings>;
+export type SiteSettingsSort = Sort<SiteSettings>;
+export type SiteSettingsFields = Fields<SiteSettings>;
+export type SiteSettingsQuery<
+  TFields extends SiteSettingsFields | undefined = SiteSettingsFields | undefined,
+  TPopulate extends SiteSettingsPopulate | undefined = SiteSettingsPopulate | undefined,
+> = Query<SiteSettings, TFields, TPopulate>;
+export type SiteSettingsResult<
+  TFields extends SiteSettingsFields | undefined = undefined,
+  TPopulate extends SiteSettingsPopulate | undefined = undefined,
+> = ProjectedWithPopulate<PopulatedResult<SiteSettings, TPopulate>, TFields, TPopulate>;

package/templates/astro/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist"]
+}

package/templates/react-router/package.json

@@ -21,7 +21,7 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
-    "fimo": "0.15.0-staging.2",
+    "fimo": "0.15.0-staging.4",
     "input-otp": "^1.4.2",
     "isbot": "^5",
     "lucide-react": "^0.577.0",

package/templates/sveltekit/src/routes/+layout.server.ts

@@ -1,8 +1,7 @@
-import { env } from '$env/dynamic/public';
 import { getLabels } from 'fimo/sveltekit';
 
 export async function load(event) {
   return {
-    labels: await getLabels({ apiUrl: env.PUBLIC_FIMO_API_URL, event, locale: 'en' }),
+    labels: await getLabels({ event }),
   };
 }