create-smoodly-app 0.0.50 → 0.0.52

package/templates/lorem-intl/components/sections/PageHero.tsx

@@ -13,7 +13,7 @@ function PageHeroView({ kicker, heading, text, image, styles }: Props<typeof pag
           <h1 className="page-hero__heading" {...m.field("heading")}>{heading}</h1>
           <p className="page-hero__text" {...m.field("text")}>{text}</p>
         </div>
-        {image && <SmoodlyImage image={image} className="page-hero__image" sizes="100vw" priority {...m.field("image")} />}
+        {image && <SmoodlyImage image={image} media={{ tall: "(max-width: 767px)" }} className="page-hero__image" sizes="100vw" priority {...m.field("image")} />}
       </div>
     </smoodly.Section>
   );

package/templates/lorem-intl/next.config.ts

@@ -1,11 +1,8 @@
 import type { NextConfig } from "next";
 import createNextIntlPlugin from "next-intl/plugin";
-import { smoodlyImages } from "smoodly/image/config";
 
 const withNextIntl = createNextIntlPlugin();
 
-// next/image may only optimize from the Supabase host named in SMOODLY_URL
-// (a local stack also needs Next's local-IP allowance; the helper sets it).
-const config: NextConfig = { images: smoodlyImages() };
+const config: NextConfig = {};
 
 export default withNextIntl(config);

package/templates/lorem-intl/package.json

@@ -4,17 +4,17 @@
   "type": "module",
   "scripts": {
     "dev": "next dev",
-    "build": "smoodly migrate --check && next build",
+    "build": "next build",
     "start": "next start",
     "seed": "tsx scripts/seed.ts",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "prebuild": "smoodly push"
   },
   "dependencies": {
-    "@supabase/supabase-js": "^2.113.0",
     "next": "^16.3.4",
     "react": "^19",
     "react-dom": "^19",
-    "smoodly": "0.0.50",
+    "smoodly": "0.0.52",
     "next-intl": "^4.14.2"
   },
   "devDependencies": {

package/templates/lorem-intl/scripts/seed.ts

@@ -2,9 +2,9 @@
 // from smoodly/server.ts): the admin's own operations, so validation and
 // the publish checks apply and a failure throws. This file is also the
 // example of writing content from code. Content only; it ships in the template and create-smoodly-app runs
-// `npm run seed` after the first editor. (The example repo's demo
+// `npm run seed` after it pushes the schema. (The example repo's demo
 // editor account is a separate, example-only script.)
-// Run: npm run seed  (needs .env.local and a Supabase stack).
+// Run: npm run seed  (needs .env.local).
 //
 // Locales: the English content goes into the configured default locale,
 // whatever its code, and the Finnish rows are written only when `fi` is
@@ -21,6 +21,12 @@ const { loadEnvConfig } = next;
 
 loadEnvConfig(process.cwd());
 
+// A refusal from Smoodly's API (a space with no schema yet, a wrong key) prints its message and code, not a stack trace.
+process.on("uncaughtException", (e) => {
+  console.error(e.name === "SmoodlyContentError" ? `${e.message} (${(e as Error & { code?: string }).code})` : e);
+  process.exit(1);
+});
+
 const { config } = await import("../smoodly/config");
 const { articles, news } = await import("../smoodly/collections");
 const { content, href, node } = await import("../smoodly/server");
@@ -36,7 +42,7 @@ const EN = config.locales.default;
 const FI = config.locales.supported.includes("fi") && EN !== "fi" ? "fi" : null;
 
 // The home page is code-owned: `find` returns its record, creating it when
-// the database is new. It is seeded once somebody has given it sections.
+// the space is new. It is seeded once somebody has given it sections.
 const home = (await c.pages.find(EN, "/"))!;
 if (Object.values((await c.pages.getTree(home.id, EN))?.zones ?? {}).some((nodes) => nodes.length > 0)) {
   console.log(`Already seeded — the home page has content in "${EN}".`);

package/templates/lorem-intl/smoodly/server.ts

@@ -1,60 +1,47 @@
-// Server-only glue: the client, the stores, the site layer and the
-// renderer, constructed lazily so `next build` doesn't need env vars at
-// import time. The env shape is the package's (SMOODLY_*): the live site
-// needs SMOODLY_URL and SMOODLY_SECRET_KEY, the admin also
-// SMOODLY_PUBLISHABLE_KEY (the `smoodlyEnv("admin")` calls below); whether the
-// secret is a service-role key or a cloud write key is invisible here.
+// Server-only glue: the reads over Smoodly's API and the renderer,
+// constructed lazily so `next build` doesn't need env vars at import time.
+// The env shape is the package's (SMOODLY_*): the live site and the admin need
+// SMOODLY_API_URL, SMOODLY_SPACE_ID and SMOODLY_SECRET_KEY; the admin learns
+// where editors sign in from Smoodly's API. The site opens no database.
 //
 // Lazy on purpose: a page component imports this file to read through
 // `q` (components/pages/Articles.tsx), and this file imports the
 // components through ./views. That is a cycle, so nothing here reads
 // views() or the env at module scope.
-import {
-  createSmoodlyClient, createSmoodlySite, createSupabaseStores, presenceConfig, siteOptions, smoodlyEnv,
-  type PresenceConfig, type SmoodlySite, type SupabaseAssetStore, type SupabaseEntryStore, type SupabaseMemberStore, type SupabasePageStore,
-} from "smoodly";
-// The admin's server pieces: the sign-in check and the content API. No browser code lives in the package's
-// entries; the admin itself is prebuilt and served by app/(smoodly)/admin/[[...segments]]/route.ts.
-import { createSmoodlyContent, supabaseAdminAuth, type AdminAuth, type AuthConfig, type SmoodlyContent } from "smoodly/admin";
+import { apiEnv, createSmoodlyApi, presenceConfig, smoodlyEnv, type ContentReads, type PresenceConfig } from "smoodly";
+// The admin's server pieces: the content API for scripts. No browser code lives in the package's entries;
+// the admin itself is prebuilt and served by app/(smoodly)/admin/[[...segments]]/route.ts.
+import { apiTransport, createSmoodlyContent, type SmoodlyContent } from "smoodly/admin";
 import { buildGate, createPageRenderer, createSmoodlyQueries } from "smoodly/next";
-import type { SupabaseClient } from "@supabase/supabase-js";
 import { getPathname } from "@/i18n/navigation";
 import { collections, config, globals } from "./config";
 import { views } from "./views";
 
 type Renderer = ReturnType<typeof createPageRenderer>;
 type Queries = ReturnType<typeof createSmoodlyQueries<typeof collections, typeof globals>>;
-type Bound = {
-  db: SupabaseClient; pages: SupabasePageStore; entries: SupabaseEntryStore; assets: SupabaseAssetStore; members: SupabaseMemberStore; auth: AdminAuth; site: SmoodlySite; renderer: Renderer; q: Queries;
-};
+type Bound = { site: ContentReads; renderer: Renderer; q: Queries };
 
 let cached: Bound | null = null;
 
 function bound(): Bound {
   if (cached) return cached;
-  const env = smoodlyEnv();
-  const db = createSmoodlyClient(env);
-  // The stores, read off the config: pages, entries, the media library and the admission table.
-  const { pages, entries, assets, members, published } = createSupabaseStores(db, config);
-  const auth = supabaseAdminAuth({ authUrl: env.authUrl, authKey: env.authKey, db });
-  // The site layer: (locale, path) → page or entry, and the content API
-  // `q` wraps below. Not exported — the app reads through `q`, which adds
-  // draft awareness and the cache.
-  const site = createSmoodlySite(siteOptions(config, () => ({ pages, entries, assets, published })));
+  // The site's reads go over Smoodly's API (SMOODLY_API_URL, SMOODLY_SPACE_ID, SMOODLY_SECRET_KEY):
+  // (locale, path) → page or entry, and the reads `q` wraps below. Not exported — the app reads
+  // through `q`, which adds draft awareness and the cache.
+  const site = createSmoodlyApi({ ...apiEnv(), config });
   // The components, checked against the config's schemas here, on first use.
   const renderer = createPageRenderer({ site, ...views(), href });
   // The read API (spec 2026-09-11): typed by the registry, draft-aware, cached under tags the admin expires.
   const q = createSmoodlyQueries({ site, collections, globals });
-  cached = { db, pages, entries, assets, members, auth, site, renderer, q };
+  cached = { site, renderer, q };
   return cached;
 }
 
-/** The admin's wiring, for the admin route only. Scripts write through `content()`. */
+/** The admin's wiring, for the admin route only: the page and its files, the revalidate route the
+ *  service calls and the preview route the browser posts the grant to. Operations run in the service. */
 export function adminDeps() {
-  smoodlyEnv("admin"); // the admin signs in with the publishable key: a missing one is named here, not on a live page
-  const { pages, entries, assets, members, auth, site } = bound();
-  // The projector: a publish writes the finished documents a live page reads.
-  return { pages, entries, assets, members, auth, href, projector: site.projector };
+  const env = smoodlyEnv("admin"); // the admin talks to SMOODLY_API_URL, which also tells it where editors sign in
+  return { apiUrl: env.apiUrl, spaceId: env.spaceId, delivery: "live" as const };
 }
 
 /** Write content from code — seeds, migrations, route handlers (spec 2026-09-30 tester findings §1).
@@ -62,24 +49,15 @@ export function adminDeps() {
  *  throws `SmoodlyContentError`. `content().pages.create(…)`, `.entries.create(…)`, `.globals.set(…)`,
  *  `.media.upload(…)`; build tree nodes with `node(Section, fields)`. */
 export function content(): SmoodlyContent {
-  const { pages, entries, assets, members, site } = bound();
-  return createSmoodlyContent({ config, pages, entries, assets, members, href, projector: site.projector });
+  // Over Smoodly's API with the secret key: the service runs the operations.
+  return createSmoodlyContent({ config, href, transport: apiTransport(apiEnv()) });
 }
 
 export { node } from "smoodly";
 
-/** The server-side client (seed script, one-off admin tasks). */
-export const client = () => bound().db;
-
-/** What the browser needs to sign in — public values only. */
-export function publicAuth(): AuthConfig {
-  const env = smoodlyEnv("admin");
-  return { url: env.authUrl, key: env.authKey };
-}
-
-/** What the browser needs to join the editing-presence channel — public values only (spec 2026-09-26 concurrency §5).
- * The space is asked of the database once per process. */
-export function presence(): Promise<PresenceConfig> {
+/** What the browser needs to open the editing-presence socket — Smoodly's API and the space, public values only
+ * (spec 2026-10-15 the space object §6). */
+export function presence(): PresenceConfig {
   return presenceConfig(smoodlyEnv("admin"));
 }
 
@@ -106,7 +84,7 @@ export const q = (): Queries =>
 // route file without a dynamic segment reads nothing at build and the build needs no keys — a layout
 // reading a global through q() included (2026-10-02, tester round 6). At run time it does nothing: a
 // CMS route renders on its first visit and is cached until a publish expires it (plan 2026-10-09).
-/** The two route files call these. */
+/** The route file calls these. */
 export const renderSmoodlyPath: Renderer["renderSmoodlyPath"] = async (...args) => { await buildGate(); return bound().renderer.renderSmoodlyPath(...args); };
 export const smoodlyMetadata: Renderer["smoodlyMetadata"] = async (...args) => { await buildGate(); return bound().renderer.smoodlyMetadata(...args); };
 export const renderSmoodlyPage: Renderer["renderSmoodlyPage"] = async (...args) => { await buildGate(); return bound().renderer.renderSmoodlyPage(...args); };

package/templates/lorem-intl.tsconfig.json

@@ -10,9 +10,6 @@
       "smoodly": [
         "../../smoodly/src/index.ts"
       ],
-      "smoodly/image/config": [
-        "../../smoodly/src/image/next-config.ts"
-      ],
       "smoodly/*": [
         "../../smoodly/src/*"
       ]

package/templates/lorem.tsconfig.json

@@ -10,9 +10,6 @@
       "smoodly": [
         "../../smoodly/src/index.ts"
       ],
-      "smoodly/image/config": [
-        "../../smoodly/src/image/next-config.ts"
-      ],
       "smoodly/*": [
         "../../smoodly/src/*"
       ]