@publish.os/cli 0.0.1-alpha.1

package/dist/assets/nextjs/defaults/root/page.tsx

@@ -0,0 +1,66 @@
+import ColorPalette from "@publish.os/nextjs/components/color-palette";
+import type {
+  LinkNode,
+  RootPageProps,
+  SectionNode,
+  TreeNode,
+} from "@publish.os/nextjs/types";
+import { log } from "@source/_internal/logger";
+import Link from "next/link";
+
+type RootNavNode = LinkNode | (SectionNode & { path: string });
+
+function rootNavNodes(nodes: TreeNode[]): RootNavNode[] {
+  return nodes.filter((node): node is RootNavNode => {
+    if (node.type === "link") return true;
+    return node.type === "section" && typeof node.path === "string";
+  });
+}
+
+export default function HomePage(props: RootPageProps) {
+  log.debug("[default:root-page]", props);
+  const { site, tree } = props;
+  const navNodes = rootNavNodes(tree);
+
+  return (
+    <main className="mx-auto w-full max-w-3xl px-6 py-10 text-foreground-1 lg:px-10">
+      <h1 className="text-3xl font-semibold tracking-tight text-foreground-1">
+        {site.title}
+      </h1>
+      {site.description && (
+        <p className="mt-3 max-w-2xl text-base leading-7 text-foreground-2">
+          {site.description}
+        </p>
+      )}
+
+      <ColorPalette />
+
+      {navNodes.length > 0 && (
+        <nav className="mt-8">
+          <h2 className="text-lg font-medium text-foreground-1">Sections</h2>
+          <ul className="mt-4 space-y-2 text-sm">
+            {navNodes.map((node) => (
+              <li key={node.id}>
+                {node.type === "link" ? (
+                  <a
+                    className="text-accent-1 underline-offset-4 hover:underline"
+                    href={node.href}
+                  >
+                    {node.title}
+                  </a>
+                ) : (
+                  <Link
+                    className="text-accent-1 underline-offset-4 hover:underline"
+                    href={node.path}
+                  >
+                    {node.title}
+                  </Link>
+                )}
+              </li>
+            ))}
+          </ul>
+        </nav>
+      )}
+    </main>
+  );
+}

package/dist/assets/nextjs/defaults/root/theme.css

@@ -0,0 +1,248 @@
+:root {
+  color-scheme: light;
+
+  /*
+   * Fonts
+   * Keep system defaults for now. Replace these when tenant fonts are added.
+   */
+
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    sans-serif;
+  --font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    monospace;
+
+  /*
+   * Global shape controls
+   * --theme-scaling multiplies platform spacing/radius helpers.
+   * --theme-radius accepts one of the radius preset vars below.
+   */
+
+  --theme-scaling: 1;
+  --theme-radius: var(--theme-radius-md);
+
+  /*
+   * Raw color scales
+   * 1 is lightest / quietest. 12 is darkest / highest contrast.
+   */
+
+  --gray-1: #fcfcfc;
+  --gray-2: #f9f9f9;
+  --gray-3: #f0f0f0;
+  --gray-4: #e8e8e8;
+  --gray-5: #e0e0e0;
+  --gray-6: #d9d9d9;
+  --gray-7: #cecece;
+  --gray-8: #bbbbbb;
+  --gray-9: #8d8d8d;
+  --gray-10: #838383;
+  --gray-11: #646464;
+  --gray-12: #202020;
+
+  --gray-dark-1: #111111;
+  --gray-dark-2: #191919;
+  --gray-dark-3: #222222;
+  --gray-dark-4: #2a2a2a;
+  --gray-dark-5: #313131;
+  --gray-dark-6: #3a3a3a;
+  --gray-dark-7: #484848;
+  --gray-dark-8: #606060;
+  --gray-dark-9: #6e6e6e;
+  --gray-dark-10: #7b7b7b;
+  --gray-dark-11: #b4b4b4;
+  --gray-dark-12: #eeeeee;
+
+  --blue-1: oklch(98% 0.015 255);
+  --blue-2: oklch(96% 0.025 255);
+  --blue-3: oklch(92% 0.055 255);
+  --blue-4: oklch(88% 0.08 255);
+  --blue-5: oklch(82% 0.11 255);
+  --blue-6: oklch(76% 0.14 255);
+  --blue-7: oklch(68% 0.17 255);
+  --blue-8: oklch(60% 0.19 255);
+  --blue-9: oklch(52% 0.2 255);
+  --blue-10: oklch(46% 0.18 255);
+  --blue-11: oklch(40% 0.16 255);
+  --blue-12: oklch(28% 0.1 255);
+
+  --blue-dark-1: #0d1520;
+  --blue-dark-2: #111927;
+  --blue-dark-3: #0d2847;
+  --blue-dark-4: #003362;
+  --blue-dark-5: #004074;
+  --blue-dark-6: #104d87;
+  --blue-dark-7: #205d9e;
+  --blue-dark-8: #2870bd;
+  --blue-dark-9: #0090ff;
+  --blue-dark-10: #3b9eff;
+  --blue-dark-11: #70b8ff;
+  --blue-dark-12: #c2e6ff;
+
+  /*
+   * Palette aliases
+   * Swap these to use a different neutral or accent scale without changing
+   * the semantic variables below.
+   */
+
+  --palette-neutral-1: var(--gray-1);
+  --palette-neutral-2: var(--gray-2);
+  --palette-neutral-3: var(--gray-3);
+  --palette-neutral-4: var(--gray-4);
+  --palette-neutral-5: var(--gray-5);
+  --palette-neutral-6: var(--gray-6);
+  --palette-neutral-7: var(--gray-7);
+  --palette-neutral-8: var(--gray-8);
+  --palette-neutral-9: var(--gray-9);
+  --palette-neutral-10: var(--gray-10);
+  --palette-neutral-11: var(--gray-11);
+  --palette-neutral-12: var(--gray-12);
+
+  --palette-accent-1: var(--blue-10);
+  --palette-accent-2: var(--blue-9);
+  --palette-accent-3: var(--blue-3);
+  --palette-accent-4: var(--blue-5);
+
+  /*
+   * Foreground
+   * Text and icons. Use stronger values for headings and important controls.
+   */
+
+  --foreground-1: var(--palette-neutral-12);
+  --foreground-2: var(--palette-neutral-11);
+  --foreground-3: var(--palette-neutral-10);
+  --foreground-4: var(--palette-neutral-8);
+
+  /*
+   * Surfaces
+   * App backgrounds and interaction states. Menu tokens are paired because
+   * menus often sit above overlays and need their own readable foregrounds.
+   */
+
+  --surface-background: var(--palette-neutral-1);
+  --surface-1: var(--palette-neutral-1);
+  --surface-2: var(--palette-neutral-2);
+  --surface-3: var(--palette-neutral-3);
+  --surface-4: var(--palette-neutral-4);
+  --surface-hover: var(--surface-3);
+  --surface-active: var(--surface-4);
+  --surface-overlay: var(--surface-3);
+  --surface-menu: var(--palette-neutral-12);
+  --surface-menu-foreground: var(--palette-neutral-1);
+  --surface-menu-hover: var(--palette-neutral-11);
+  --surface-menu-hover-foreground: var(--palette-neutral-1);
+  --surface-menu-active: var(--palette-neutral-10);
+  --surface-menu-active-foreground: var(--palette-neutral-1);
+  --surface-menu-disabled: var(--palette-neutral-10);
+  --surface-menu-disabled-foreground: var(--palette-neutral-4);
+
+  /*
+   * Accent
+   * Brand emphasis, links, selected states, and primary actions.
+   */
+
+  --accent-1: var(--palette-accent-1);
+  --accent-2: var(--palette-accent-2);
+  --accent-3: var(--palette-accent-3);
+  --accent-4: var(--palette-accent-4);
+  --accent-foreground: white;
+
+  /*
+   * Strokes
+   * Borders, dividers, outlines, and low-emphasis separators.
+   */
+
+  --stroke-1: var(--palette-neutral-8);
+  --stroke-2: var(--palette-neutral-7);
+  --stroke-3: var(--palette-neutral-5);
+  --stroke-4: var(--palette-neutral-4);
+
+  /*
+   * Typography
+   * These affect markdown/MDX prose only.
+   */
+
+  --typography-body: var(--palette-neutral-11);
+  --typography-headings: var(--palette-neutral-12);
+  --typography-lead: var(--palette-neutral-8);
+  --typography-links: var(--accent-1);
+  --typography-bold: var(--palette-neutral-11);
+  --typography-counters: var(--palette-neutral-8);
+  --typography-bullets: var(--palette-neutral-6);
+  --typography-hr: var(--palette-neutral-4);
+  --typography-quotes: var(--palette-neutral-11);
+  --typography-quote-borders: var(--palette-neutral-4);
+  --typography-captions: var(--palette-neutral-7);
+  --typography-code: var(--palette-neutral-11);
+  --typography-variable: var(--accent-1);
+  --typography-pre-code: var(--palette-neutral-11);
+  --typography-pre-bg: var(--palette-neutral-3);
+  --typography-pre-border: var(--palette-neutral-6);
+  --typography-th-borders: var(--palette-neutral-5);
+  --typography-td-borders: var(--palette-neutral-4);
+  --typography-base-size: 1rem;
+  --typography-line-height: 1.6;
+  --typography-size-factor: 1;
+  --typography-spacing-factor: 1;
+
+  /*
+   * Focus
+   * Keyboard and accessibility focus indicators.
+   */
+
+  --focus-ring: var(--accent-2);
+
+  /*
+   * Selection
+   * Native text selection colors.
+   */
+
+  --selection-background: var(--accent-3);
+  --selection-foreground: var(--accent-1);
+
+  /*
+   * Progress bar
+   * Route transition / loading indicator.
+   */
+
+  --progress-bar-fill: var(--accent-2);
+  --progress-bar-background: transparent;
+  --progress-bar-height: 2px;
+
+  /*
+   * Z-index
+   * Layering scale used by platform layout and components.
+   */
+
+  --z-content: 10;
+  --z-nav: 100;
+  --z-overlay: 110;
+  --z-modal: 120;
+  --z-search: 125;
+  --z-toast: 130;
+  --z-progress: 140;
+}
+
+.dark {
+  color-scheme: dark;
+
+  --palette-neutral-1: var(--gray-dark-1);
+  --palette-neutral-2: var(--gray-dark-2);
+  --palette-neutral-3: var(--gray-dark-3);
+  --palette-neutral-4: var(--gray-dark-4);
+  --palette-neutral-5: var(--gray-dark-5);
+  --palette-neutral-6: var(--gray-dark-6);
+  --palette-neutral-7: var(--gray-dark-7);
+  --palette-neutral-8: var(--gray-dark-8);
+  --palette-neutral-9: var(--gray-dark-9);
+  --palette-neutral-10: var(--gray-dark-10);
+  --palette-neutral-11: var(--gray-dark-11);
+  --palette-neutral-12: var(--gray-dark-12);
+
+  --palette-accent-1: var(--blue-dark-11);
+  --palette-accent-2: var(--blue-dark-9);
+  --palette-accent-3: var(--blue-dark-3);
+  --palette-accent-4: var(--blue-dark-5);
+
+  --accent-foreground: black;
+}

package/dist/assets/nextjs/defaults/source/_internal/logger.ts

@@ -0,0 +1,20 @@
+const isDev = process.env.NODE_ENV !== "production";
+
+export const log = {
+  debug(...args: unknown[]) {
+    // biome-ignore lint/suspicious/noConsole: generated runtime logger intentionally writes render diagnostics.
+    if (isDev) console.debug("[publish.os:debug]", ...args);
+  },
+  info(...args: unknown[]) {
+    // biome-ignore lint/suspicious/noConsole: generated runtime logger intentionally writes render diagnostics.
+    console.log("[publish.os]", ...args);
+  },
+  warn(...args: unknown[]) {
+    // biome-ignore lint/suspicious/noConsole: generated runtime logger intentionally writes render diagnostics.
+    console.warn("[publish.os:warn]", ...args);
+  },
+  error(...args: unknown[]) {
+    // biome-ignore lint/suspicious/noConsole: generated runtime logger intentionally writes render diagnostics.
+    console.error("[publish.os:error]", ...args);
+  },
+};

package/dist/assets/nextjs/shims/global-layout.tsx

@@ -0,0 +1,28 @@
+import manifest from "@manifest";
+import RootLayout from "@source/layout";
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+import { Providers } from "./providers";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: {
+    default: manifest.site.title,
+    template: `%s · ${manifest.site.title}`,
+  },
+  description: manifest.site.description,
+};
+
+export default function AppRootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body>
+        <Providers>
+          <RootLayout site={manifest.site} tree={manifest.tree}>
+            {children}
+          </RootLayout>
+        </Providers>
+      </body>
+    </html>
+  );
+}

package/dist/assets/nextjs/shims/group-layout.tsx

@@ -0,0 +1,7 @@
+import manifest from "@manifest";
+import { createGroupLayout } from "@publish.os/nextjs/layouts/group";
+import Layout from "@source/{{GROUP}}/layout";
+
+const route = { group: "{{GROUP}}", manifest, Layout } as const;
+
+export default createGroupLayout(route);

package/dist/assets/nextjs/shims/group-page.tsx

@@ -0,0 +1,12 @@
+import manifest from "@manifest";
+import {
+  createGroupMetadata,
+  createGroupPage,
+} from "@publish.os/nextjs/pages/group";
+import IndexPage from "@source/{{GROUP}}/page";
+import type { Metadata } from "next";
+
+const route = { group: "{{GROUP}}", manifest, IndexPage } as const;
+
+export default createGroupPage(route);
+export const metadata: Metadata = createGroupMetadata(route);

package/dist/assets/nextjs/shims/leaf-page.tsx

@@ -0,0 +1,13 @@
+import manifest from "@manifest";
+import {
+  createLeafMetadata,
+  createLeafPage,
+  createLeafStaticParams,
+} from "@publish.os/nextjs/pages/leaf";
+import Leaf from "@source/{{GROUP}}/leaf";
+
+const route = { group: "{{GROUP}}", manifest, Leaf } as const;
+
+export default createLeafPage(route);
+export const generateMetadata = createLeafMetadata(route);
+export const generateStaticParams = createLeafStaticParams(route);

package/dist/assets/nextjs/shims/metadata-route.tmpl

@@ -0,0 +1,4 @@
+import manifest from "@manifest";
+import { {{FACTORY}} } from "@publish.os/nextjs/routes/{{ROUTE_MODULE}}";
+
+export const GET = {{FACTORY}}(manifest);

package/dist/assets/nextjs/shims/root-page.tsx

@@ -0,0 +1,12 @@
+import manifest from "@manifest";
+import {
+  createRootMetadata,
+  createRootPage,
+} from "@publish.os/nextjs/pages/root";
+import RootPage from "@source/page";
+import type { Metadata } from "next";
+
+const route = { manifest, RootPage } as const;
+
+export default createRootPage(route);
+export const metadata: Metadata = createRootMetadata(route);

package/dist/publish.os.d.mts

@@ -0,0 +1 @@
+#!/usr/bin/env node