fimo 0.14.0 → 0.15.0-staging.2

package/templates/sveltekit/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "fimo-template",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "prepare": "svelte-kit sync"
+  },
+  "dependencies": {
+    "fimo": "latest"
+  },
+  "devDependencies": {
+    "@sveltejs/kit": "^2.70.2",
+    "@sveltejs/vite-plugin-svelte": "^7.2.0",
+    "@types/node": "^24.12.0",
+    "svelte": "^5.56.8",
+    "svelte-check": "^4.7.6",
+    "typescript": "^5.9.3",
+    "vite": "^8.2.0"
+  },
+  "engines": {
+    "node": ">=22.22.0"
+  }
+}

package/templates/sveltekit/pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+# Build approval is handled by Fimo-controlled install commands. Do not add a
+# package-level allowlist because Fimo installs with dangerouslyAllowAllBuilds.
+
+packages: []

package/templates/sveltekit/src/app.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    %sveltekit.head%
+  </head>
+  <body data-sveltekit-preload-data="hover">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
+</html>

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

@@ -0,0 +1,8 @@
+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' }),
+  };
+}

package/templates/sveltekit/src/routes/+layout.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { FimoProvider } from 'fimo/sveltekit/components';
+  import type { Snippet } from 'svelte';
+
+  import type { LayoutData } from './$types';
+
+  let { data, children }: { data: LayoutData; children: Snippet } = $props();
+</script>
+
+<FimoProvider labels={data.labels}>
+  {@render children()}
+</FimoProvider>

package/templates/sveltekit/src/routes/+page.svelte

@@ -0,0 +1,48 @@
+<svelte:head>
+  <title>Fimo + SvelteKit</title>
+  <meta name="description" content="A new Fimo project." />
+</svelte:head>
+
+<main>
+  <p>Fimo + SvelteKit</p>
+  <h1>Your project is ready.</h1>
+  <p>Ask your coding agent to replace this disposable page with the site you want to build.</p>
+</main>
+
+<style>
+  :global(body) {
+    margin: 0;
+    background: #f6f5f2;
+    color: #181817;
+    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+  }
+
+  main {
+    display: grid;
+    min-height: 100vh;
+    box-sizing: border-box;
+    align-content: center;
+    gap: 1rem;
+    max-width: 48rem;
+    margin: 0 auto;
+    padding: 3rem 1.5rem;
+  }
+
+  p,
+  h1 {
+    margin: 0;
+  }
+
+  h1 {
+    font-size: clamp(2.5rem, 8vw, 5rem);
+    line-height: 0.95;
+    letter-spacing: -0.05em;
+  }
+
+  p:last-child {
+    max-width: 36rem;
+    color: #5a5955;
+    font-size: 1.1rem;
+    line-height: 1.6;
+  }
+</style>

package/templates/sveltekit/svelte.config.js

@@ -0,0 +1,5 @@
+import { fimo } from 'fimo/sveltekit/config';
+
+export default {
+  kit: { adapter: fimo() },
+};

package/templates/sveltekit/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true
+  }
+}

package/templates/sveltekit/vite.config.ts

@@ -0,0 +1,5 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { fimo } from 'fimo/sveltekit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({ plugins: [fimo(), sveltekit()] });