create-smoodly-app 0.0.7 → 0.0.9

package/templates/next/components/sections/ArticleList.tsx

@@ -1,31 +0,0 @@
-import { f, smoodly, type Props } from "smoodly";
-import { articles } from "@/smoodly/collections";
-
-export const articleListSchema = smoodly.schema.section({
-  name: "articleList",
-  title: "Article list",
-  fields: {
-    title: f.text(),
-    // .resolve("author") — hydrate each article AND follow its author ref
-    // one level (article → person), all in resolveTree's batched pass.
-    items: f.refList(() => articles).resolve("author"),
-  },
-});
-
-function ArticleListView({ title, items, styles }: Props<typeof articleListSchema>) {
-  return (
-    <smoodly.Section styles={styles}>
-      <h2>{title}</h2>
-      <ul>
-        {/* an item demoted/deleted after publish resolves to null — skip it */}
-        {items.filter(Boolean).map((article, i) => (
-          <li key={i}>
-            <strong>{article.title}</strong> — {article.author?.name ?? "unknown author"}
-          </li>
-        ))}
-      </ul>
-    </smoodly.Section>
-  );
-}
-
-export const ArticleList = smoodly.section(articleListSchema, ArticleListView);

package/templates/next/components/sections/CtaBanner.tsx

@@ -1,35 +0,0 @@
-import { f, smoodly, type Props } from "smoodly";
-
-// The locked-zone section: every page renders exactly one of these in its
-// `prefooter` zone. Editors change the words, never the structure — no
-// add, remove, move or duplicate. The editor materializes the node from
-// `sample` the first time it opens a page whose prefooter is empty.
-export const ctaBannerSchema = smoodly.schema.section({
-  name: "ctaBanner",
-  title: "CTA banner",
-  description: "The closing call to action under every page.",
-  fields: {
-    heading: f.text(),
-    buttonLabel: f.text(),
-    buttonHref: f.text(),
-  },
-  styles: {
-    tone: f.select(["light", "dark"]).default("dark"),
-  },
-  sample: {
-    heading: "Ready to try Smoodly?",
-    buttonLabel: "Read the docs",
-    buttonHref: "/docs/intro",
-  },
-});
-
-function CtaBannerView({ heading, buttonLabel, buttonHref, styles }: Props<typeof ctaBannerSchema>) {
-  return (
-    <smoodly.Section styles={styles}>
-      <h2>{heading}</h2>
-      <a href={buttonHref}>{buttonLabel}</a>
-    </smoodly.Section>
-  );
-}
-
-export const CtaBanner = smoodly.section(ctaBannerSchema, CtaBannerView);

package/templates/next-intl/components/sections/ArticleList.tsx

@@ -1,31 +0,0 @@
-import { f, smoodly, type Props } from "smoodly";
-import { articles } from "@/smoodly/collections";
-
-export const articleListSchema = smoodly.schema.section({
-  name: "articleList",
-  title: "Article list",
-  fields: {
-    title: f.text(),
-    // .resolve("author") — hydrate each article AND follow its author ref
-    // one level (article → person), all in resolveTree's batched pass.
-    items: f.refList(() => articles).resolve("author"),
-  },
-});
-
-function ArticleListView({ title, items, styles }: Props<typeof articleListSchema>) {
-  return (
-    <smoodly.Section styles={styles}>
-      <h2>{title}</h2>
-      <ul>
-        {/* an item demoted/deleted after publish resolves to null — skip it */}
-        {items.filter(Boolean).map((article, i) => (
-          <li key={i}>
-            <strong>{article.title}</strong> — {article.author?.name ?? "unknown author"}
-          </li>
-        ))}
-      </ul>
-    </smoodly.Section>
-  );
-}
-
-export const ArticleList = smoodly.section(articleListSchema, ArticleListView);

package/templates/next-intl/components/sections/CtaBanner.tsx

@@ -1,35 +0,0 @@
-import { f, smoodly, type Props } from "smoodly";
-
-// The locked-zone section: every page renders exactly one of these in its
-// `prefooter` zone. Editors change the words, never the structure — no
-// add, remove, move or duplicate. The editor materializes the node from
-// `sample` the first time it opens a page whose prefooter is empty.
-export const ctaBannerSchema = smoodly.schema.section({
-  name: "ctaBanner",
-  title: "CTA banner",
-  description: "The closing call to action under every page.",
-  fields: {
-    heading: f.text(),
-    buttonLabel: f.text(),
-    buttonHref: f.text(),
-  },
-  styles: {
-    tone: f.select(["light", "dark"]).default("dark"),
-  },
-  sample: {
-    heading: "Ready to try Smoodly?",
-    buttonLabel: "Read the docs",
-    buttonHref: "/docs/intro",
-  },
-});
-
-function CtaBannerView({ heading, buttonLabel, buttonHref, styles }: Props<typeof ctaBannerSchema>) {
-  return (
-    <smoodly.Section styles={styles}>
-      <h2>{heading}</h2>
-      <a href={buttonHref}>{buttonLabel}</a>
-    </smoodly.Section>
-  );
-}
-
-export const CtaBanner = smoodly.section(ctaBannerSchema, CtaBannerView);