@cmssy/cli 1.0.0 → 9.1.1

package/templates/block/Component.module.css.tpl

@@ -1,12 +0,0 @@
-.block {
-  margin: 0 auto;
-  max-width: 42rem;
-  padding: 3rem 1.5rem;
-  font-family: system-ui, -apple-system, sans-serif;
-}
-
-.heading {
-  margin: 0;
-  font-size: 1.5rem;
-  font-weight: 700;
-}

package/templates/block/Component.tsx.tpl

@@ -1,15 +0,0 @@
-import styles from "./{{Pascal}}.module.css";
-
-type {{Pascal}}Content = {
-  heading?: string;
-};
-
-export default function {{Pascal}}({ content }: { content: {{Pascal}}Content }) {
-  const { heading } = content;
-  if (!heading) return null;
-  return (
-    <section className={styles.block}>
-      <h2 className={styles.heading}>{heading}</h2>
-    </section>
-  );
-}

package/templates/block/block.ts.tpl

@@ -1,11 +0,0 @@
-import { defineBlock, fields } from "@cmssy/react";
-import {{Pascal}} from "./{{Pascal}}";
-
-export const {{camel}}Block = defineBlock({
-  type: "{{type}}",
-  label: "{{Label}}",
-  component: {{Pascal}},
-  props: {
-    heading: fields.singleLine({ label: "Heading" }),
-  },
-});

package/templates/init/app/[[...path]]/page.tsx

@@ -1,19 +0,0 @@
-import { buildCmssyMetadata, createCmssyPage } from "@cmssy/next";
-import { cmssy } from "@/cmssy.config";
-import { blocks } from "@/cmssy/blocks";
-import { CmssyEditor } from "@/cmssy/editor";
-
-// SEO comes from the page's cmssy fields (title/description) + workspace
-// branding (OG image), resolved server-side.
-export async function generateMetadata({
-  params,
-}: {
-  params: Promise<{ path?: string[] }>;
-}) {
-  const { path } = await params;
-  return buildCmssyMetadata(cmssy, path);
-}
-
-// One catch-all route renders every cmssy page. Passing `editor` lets the cmssy
-// editor frame and edit this site; published requests render published content.
-export default createCmssyPage(cmssy, blocks, { editor: CmssyEditor });

package/templates/init/app/api/draft/route.ts

@@ -1,5 +0,0 @@
-import { createDraftRoute } from "@cmssy/next";
-import { cmssy } from "@/cmssy.config";
-
-// The cmssy editor hits this route (with the draftSecret) to enter preview mode.
-export const GET = createDraftRoute(cmssy);

package/templates/init/blocks/hero/Hero.module.css

@@ -1,131 +0,0 @@
-.hero {
-  --c-bg: #ffffff;
-  --c-fg: #0a0a0a;
-  --c-primary: #7c3aed;
-  --c-primary-fg: #ffffff;
-  --c-muted: #f4f4f5;
-  --c-muted-fg: #71717a;
-  --c-border: #e4e4e7;
-
-  position: relative;
-  overflow: hidden;
-  background: linear-gradient(
-    135deg,
-    var(--c-muted),
-    var(--c-bg) 50%,
-    var(--c-muted)
-  );
-  color: var(--c-fg);
-  font-family:
-    system-ui,
-    -apple-system,
-    sans-serif;
-}
-
-.inner {
-  margin: 0 auto;
-  max-width: 48rem;
-  padding: 6rem 1.5rem;
-  text-align: center;
-}
-
-.badge {
-  display: inline-block;
-  margin-bottom: 1.5rem;
-  border-radius: 9999px;
-  background: color-mix(in srgb, var(--c-primary) 12%, transparent);
-  padding: 0.375rem 1rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--c-primary);
-}
-
-.title {
-  margin: 0;
-  font-size: clamp(2.25rem, 5vw, 3.75rem);
-  font-weight: 700;
-  letter-spacing: -0.025em;
-  line-height: 1.1;
-}
-
-.highlight {
-  background: linear-gradient(90deg, var(--c-primary), var(--c-fg));
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-}
-
-.subheading {
-  margin: 1.5rem auto 0;
-  max-width: 36rem;
-  font-size: 1.125rem;
-  color: var(--c-muted-fg);
-}
-
-.actions {
-  margin-top: 2.5rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 1rem;
-}
-
-@media (min-width: 640px) {
-  .actions {
-    flex-direction: row;
-  }
-}
-
-.buttonPrimary,
-.buttonSecondary {
-  display: inline-flex;
-  height: 3rem;
-  align-items: center;
-  justify-content: center;
-  border-radius: 0.375rem;
-  padding: 0 2rem;
-  font-size: 1rem;
-  font-weight: 500;
-  text-decoration: none;
-  transition:
-    opacity 0.2s,
-    background-color 0.2s;
-}
-
-.buttonPrimary {
-  background: var(--c-primary);
-  color: var(--c-primary-fg);
-}
-
-.buttonPrimary:hover {
-  opacity: 0.9;
-}
-
-.buttonSecondary {
-  border: 1px solid var(--c-border);
-  color: var(--c-fg);
-}
-
-.buttonSecondary:hover {
-  background: var(--c-muted);
-}
-
-.media {
-  margin-top: 4rem;
-  overflow: hidden;
-  border-radius: 0.75rem;
-  border: 1px solid var(--c-border);
-  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-}
-
-.mediaFrame {
-  position: relative;
-  aspect-ratio: 16 / 9;
-}
-
-.video {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}

package/templates/init/blocks/hero/Hero.tsx

@@ -1,100 +0,0 @@
-import Image from "next/image";
-import { CmssyLink } from "@cmssy/next/client";
-import styles from "./Hero.module.css";
-
-type HeroContent = {
-  badgeText?: string;
-  heading?: string;
-  headingHighlight?: string;
-  subheading?: string;
-  primaryButtonText?: string;
-  primaryButtonUrl?: string;
-  secondaryButtonText?: string;
-  secondaryButtonUrl?: string;
-  media?: string;
-};
-
-const isVideo = (src: string) => /\.(mp4|webm|ogg)$/i.test(src);
-
-export default function Hero({ content }: { content: HeroContent }) {
-  const {
-    badgeText,
-    heading,
-    headingHighlight,
-    subheading,
-    primaryButtonText,
-    primaryButtonUrl = "#",
-    secondaryButtonText,
-    secondaryButtonUrl = "#",
-    media,
-  } = content;
-
-  if (!heading && !headingHighlight) return null;
-
-  return (
-    <section className={styles.hero}>
-      <div className={styles.inner}>
-        {badgeText && <span className={styles.badge}>{badgeText}</span>}
-
-        <h1 className={styles.title}>
-          {heading}
-          {headingHighlight && (
-            <>
-              {heading ? " " : ""}
-              <span className={styles.highlight}>{headingHighlight}</span>
-            </>
-          )}
-        </h1>
-
-        {subheading && <p className={styles.subheading}>{subheading}</p>}
-
-        {(primaryButtonText || secondaryButtonText) && (
-          <div className={styles.actions}>
-            {primaryButtonText && (
-              <CmssyLink
-                href={primaryButtonUrl}
-                className={styles.buttonPrimary}
-              >
-                {primaryButtonText}
-              </CmssyLink>
-            )}
-            {secondaryButtonText && (
-              <CmssyLink
-                href={secondaryButtonUrl}
-                className={styles.buttonSecondary}
-              >
-                {secondaryButtonText}
-              </CmssyLink>
-            )}
-          </div>
-        )}
-
-        {media && (
-          <div className={styles.media}>
-            <div className={styles.mediaFrame}>
-              {isVideo(media) ? (
-                <video
-                  src={media}
-                  autoPlay
-                  muted
-                  loop
-                  playsInline
-                  className={styles.video}
-                />
-              ) : (
-                <Image
-                  src={media}
-                  alt={heading ?? ""}
-                  fill
-                  sizes="(max-width: 768px) 100vw, 768px"
-                  style={{ objectFit: "cover" }}
-                  priority
-                />
-              )}
-            </div>
-          </div>
-        )}
-      </div>
-    </section>
-  );
-}

package/templates/init/blocks/hero/block.ts

@@ -1,21 +0,0 @@
-import { defineBlock, fields } from "@cmssy/react";
-import Hero from "./Hero";
-
-// A simple content block: plain scalar fields, no loader. The component renders
-// nothing until a heading is set, so an empty block is invisible on the page.
-export const heroBlock = defineBlock({
-  type: "hero",
-  label: "Hero",
-  component: Hero,
-  props: {
-    badgeText: fields.singleLine({ label: "Badge" }),
-    heading: fields.singleLine({ label: "Heading", required: true }),
-    headingHighlight: fields.singleLine({ label: "Heading highlight" }),
-    subheading: fields.multiLine({ label: "Subheading" }),
-    primaryButtonText: fields.singleLine({ label: "Primary button text" }),
-    primaryButtonUrl: fields.link({ label: "Primary button URL" }),
-    secondaryButtonText: fields.singleLine({ label: "Secondary button text" }),
-    secondaryButtonUrl: fields.link({ label: "Secondary button URL" }),
-    media: fields.media({ label: "Media (image or video)" }),
-  },
-});

package/templates/init/cmssy/blocks.ts

@@ -1,5 +0,0 @@
-import { heroBlock } from "@/blocks/hero/block";
-
-// The single source of truth for which blocks this site can render. The editor
-// reads each block's schema over the SDK bridge, so they appear in the picker.
-export const blocks = [heroBlock];

package/templates/init/cmssy/editor.tsx

@@ -1,10 +0,0 @@
-"use client";
-
-import { CmssyLazyEditor } from "@cmssy/react/client";
-import type { CmssyEditorProps } from "@cmssy/next";
-
-// The editor lazy-loads your block registry on the client, so server-only
-// code (block loaders) is never bundled for the browser.
-export function CmssyEditor(props: CmssyEditorProps) {
-  return <CmssyLazyEditor {...props} load={() => import("./blocks")} />;
-}

package/templates/init/cmssy.config.ts

@@ -1,8 +0,0 @@
-import type { CmssyNextConfig } from "@cmssy/next";
-
-export const cmssy: CmssyNextConfig = {
-  workspaceSlug: process.env.CMSSY_WORKSPACE_SLUG ?? "",
-  draftSecret: process.env.CMSSY_DRAFT_SECRET ?? "",
-  // apiUrl: process.env.CMSSY_API_URL,
-  // editorOrigin: process.env.CMSSY_EDITOR_ORIGIN,
-};

package/templates/init/env.example

@@ -1,4 +0,0 @@
-# Your workspace slug (Settings -> Headless in the cmssy dashboard)
-CMSSY_WORKSPACE_SLUG=
-# Draft/preview secret, generated per workspace (Settings -> Headless)
-CMSSY_DRAFT_SECRET=

package/templates/init/next.config.mjs

@@ -1,8 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  images: {
-    remotePatterns: [{ protocol: "https", hostname: "assets.cmssy.io" }],
-  },
-};
-
-export default nextConfig;

package/templates/init/proxy.ts

@@ -1,32 +0,0 @@
-import { NextResponse, type NextRequest } from "next/server";
-import {
-  applyCmssyCsp,
-  CMSSY_EDIT_HEADER,
-  isCmssyEditRequest,
-} from "@cmssy/next";
-import { cmssy } from "@/cmssy.config";
-
-// Next.js "proxy" (formerly middleware). It does two things:
-//  1. Detects cmssy edit mode (`?cmssyEdit=1`) and exposes it to server
-//     components via the CMSSY_EDIT_HEADER (stripped from inbound requests
-//     first so a client can't forge it).
-//  2. Applies the CSP `frame-ancestors` so the cmssy editor can frame this
-//     site in edit mode. editorOrigin defaults to the cmssy admin.
-export function proxy(request: NextRequest) {
-  const editMode = isCmssyEditRequest(request);
-
-  const requestHeaders = new Headers(request.headers);
-  requestHeaders.delete(CMSSY_EDIT_HEADER);
-  if (editMode) requestHeaders.set(CMSSY_EDIT_HEADER, "1");
-
-  const response = NextResponse.next({ request: { headers: requestHeaders } });
-  if (editMode) {
-    applyCmssyCsp(response, { editorOrigin: cmssy.editorOrigin });
-  }
-  return response;
-}
-
-export const config = {
-  // Skip Next internals, the API routes, and files with an extension.
-  matcher: ["/((?!_next/|api/|.*\\..*).*)"],
-};