create-cronus-app 0.6.0

package/dist/scaffold.js

@@ -0,0 +1,118 @@
+import { spawnSync } from "node:child_process";
+import { cpSync, existsSync, mkdirSync, readdirSync, readFileSync, statSync, writeFileSync, } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { DEFAULT_MODE, DEFAULT_TEMPLATE, DEFAULT_THEME, templateBaseDir, } from "./utils.js";
+const HERE = dirname(fileURLToPath(import.meta.url));
+/**
+ * Locate the bundled dir for `template` under `templates/`. In the published
+ * package, sources live in `dist/` and templates are a sibling (`../templates`).
+ * When running from source (tests/ts-node), they're one level up from `src/` as
+ * well.
+ */
+function templateRoot(template) {
+    const candidates = [
+        join(HERE, "..", "templates", template),
+        join(HERE, "..", "..", "templates", template),
+    ];
+    const found = candidates.find((p) => existsSync(p));
+    if (!found) {
+        throw new Error(`Could not locate the bundled "${template}" template (looked in: ${candidates.join(", ")}).`);
+    }
+    return found;
+}
+/**
+ * Files whose dot-prefixed name npm strips when packing a template. We store
+ * them undotted in the template and restore the leading "." on scaffold.
+ * `gitignore` → `.gitignore`; a `_`-prefixed file → its dotted form.
+ */
+const DOTFILE_RENAMES = {
+    gitignore: ".gitignore",
+    npmrc: ".npmrc",
+};
+function restoreDotfileName(base) {
+    if (base in DOTFILE_RENAMES)
+        return DOTFILE_RENAMES[base];
+    if (base.startsWith("_") && base.length > 1)
+        return `.${base.slice(1)}`;
+    return base;
+}
+/** Text extensions that get token replacement. Everything else is copied raw. */
+const TEXT_EXTENSIONS = new Set([
+    ".ts",
+    ".tsx",
+    ".js",
+    ".jsx",
+    ".mjs",
+    ".cjs",
+    ".json",
+    ".css",
+    ".md",
+    ".txt",
+    ".html",
+]);
+function isTextFile(path) {
+    const dot = path.lastIndexOf(".");
+    return dot !== -1 && TEXT_EXTENSIONS.has(path.slice(dot));
+}
+/**
+ * Replace template tokens. `__APP_NAME__` is the package name; `__THEME__` /
+ * `__MODE__` are the chosen theme preset + color mode (baked into layout.tsx and
+ * cronus-ui.json). Theme/mode default to the ship defaults so existing callers
+ * (and tests) that pass only a name keep working.
+ */
+export function applyTokens(content, name, theme = DEFAULT_THEME, mode = DEFAULT_MODE) {
+    return content
+        .replaceAll("__APP_NAME__", name)
+        .replaceAll("__THEME__", theme)
+        .replaceAll("__MODE__", mode);
+}
+/**
+ * Recursively copy the chosen template into `targetDir`, replacing tokens in
+ * text files and restoring stripped dotfile names. Returns the file count.
+ */
+export function scaffold(options) {
+    // Composed templates (store/landing) have no bundled dir — copy the base they
+    // build on (`default`), then the post-scaffold composeApp() step generates the
+    // pages/chrome from validated blocks.
+    const src = templateRoot(templateBaseDir(options.template ?? DEFAULT_TEMPLATE));
+    const { targetDir, name, theme = DEFAULT_THEME, mode = DEFAULT_MODE } = options;
+    mkdirSync(targetDir, { recursive: true });
+    const fileCount = copyDir(src, targetDir, name, theme, mode);
+    return { fileCount };
+}
+function copyDir(srcDir, destDir, name, theme, mode) {
+    mkdirSync(destDir, { recursive: true });
+    let count = 0;
+    for (const entry of readdirSync(srcDir)) {
+        const srcPath = join(srcDir, entry);
+        const destPath = join(destDir, restoreDotfileName(entry));
+        if (statSync(srcPath).isDirectory()) {
+            count += copyDir(srcPath, destPath, name, theme, mode);
+            continue;
+        }
+        if (isTextFile(srcPath)) {
+            const content = applyTokens(readFileSync(srcPath, "utf8"), name, theme, mode);
+            writeFileSync(destPath, content);
+        }
+        else {
+            cpSync(srcPath, destPath);
+        }
+        count += 1;
+    }
+    return count;
+}
+/** Run the package manager's install in `cwd`. Throws if it exits non-zero. */
+export function runInstall(pm, cwd) {
+    const result = spawnSync(pm, ["install"], {
+        cwd,
+        stdio: "inherit",
+        shell: process.platform === "win32",
+    });
+    if (result.error)
+        throw result.error;
+    if (typeof result.status === "number" && result.status !== 0) {
+        throw new Error(`${pm} install exited with code ${result.status}`);
+    }
+}
+//# sourceMappingURL=scaffold.js.map

package/dist/utils.d.ts

@@ -0,0 +1,121 @@
+/** Supported package managers, in detection-fallback order. */
+export declare const PACKAGE_MANAGERS: readonly ["bun", "npm", "pnpm", "yarn"];
+export type PackageManager = (typeof PACKAGE_MANAGERS)[number];
+export declare const c: {
+    bold: (s: string) => string;
+    dim: (s: string) => string;
+    green: (s: string) => string;
+    yellow: (s: string) => string;
+    red: (s: string) => string;
+    cyan: (s: string) => string;
+    magenta: (s: string) => string;
+};
+/**
+ * Next-step lines printed after a successful scaffold. Pure so tests can assert
+ * the copy without scraping stdout. `template` is optional for back-compat: omit
+ * it (or pass a bundled template) to keep the component-add path; composed
+ * templates (`saas`/`store`/`landing`) get add-page / theme / upgrade instead.
+ */
+export declare function outroLines(name: string, pm: PackageManager, installed: boolean, template?: TemplateName): string[];
+export declare const log: {
+    intro(): void;
+    step(msg: string): void;
+    ok(msg: string): void;
+    warn(msg: string): void;
+    error(msg: string): void;
+    outro(name: string, pm: PackageManager, installed: boolean, template?: TemplateName): void;
+};
+/**
+ * The starter templates a user can pick. `default`/`dashboard`/`marketing` copy
+ * a bundled directory under `templates/`; `store`/`landing`/`saas` have NO
+ * template dir — they scaffold the `default` base and then compose validated
+ * blocks on top (see {@link TEMPLATE_BASE_DIR} and the post-scaffold
+ * `composeApp()` step).
+ */
+/**
+ * Product landing flavors (compose apps). Each is a distinctive stack of
+ * validated marketing blocks + a theme/mode default — not a bundled directory.
+ * `landing` stays the generic marketing page; these are the named flavors.
+ */
+export declare const LANDING_FLAVORS: readonly ["landing-studio", "landing-ops", "landing-secure", "landing-care", "landing-shop", "landing-docs", "landing-premium", "landing-agents", "landing-coverage", "landing-broadcast", "landing-agency", "landing-glass"];
+export type LandingFlavor = (typeof LANDING_FLAVORS)[number];
+/**
+ * Pro compose apps. Additive product surfaces (mail, chat, finance) — not
+ * landings. OSS keeps saas/store/landing; these are the Pro pack.
+ */
+export declare const PRO_APPS: readonly ["mail", "chat", "finance"];
+export type ProApp = (typeof PRO_APPS)[number];
+export declare const TEMPLATES: readonly ["default", "dashboard", "marketing", "store", "landing", "saas", "landing-studio", "landing-ops", "landing-secure", "landing-care", "landing-shop", "landing-docs", "landing-premium", "landing-agents", "landing-coverage", "landing-broadcast", "landing-agency", "landing-glass", "mail", "chat", "finance"];
+export type TemplateName = (typeof TEMPLATES)[number];
+export declare const DEFAULT_TEMPLATE: TemplateName;
+/**
+ * The template names generated by the Cronus Compose app generator (no bundled
+ * dir): they scaffold the `default` base, then `composeApp()` from the bundled
+ * manifest renders the pages + chrome from validated blocks. The value is the
+ * manifest/template name passed to `composeApp`.
+ */
+export declare const COMPOSED_TEMPLATES: {
+    readonly store: "store";
+    readonly landing: "landing";
+    readonly saas: "saas";
+    readonly "landing-studio": "landing-studio";
+    readonly "landing-ops": "landing-ops";
+    readonly "landing-secure": "landing-secure";
+    readonly "landing-care": "landing-care";
+    readonly "landing-shop": "landing-shop";
+    readonly "landing-docs": "landing-docs";
+    readonly "landing-premium": "landing-premium";
+    readonly "landing-agents": "landing-agents";
+    readonly "landing-coverage": "landing-coverage";
+    readonly "landing-broadcast": "landing-broadcast";
+    readonly "landing-agency": "landing-agency";
+    readonly "landing-glass": "landing-glass";
+    readonly mail: "mail";
+    readonly chat: "chat";
+    readonly finance: "finance";
+};
+export type ComposedTemplateName = keyof typeof COMPOSED_TEMPLATES;
+/** True when `template` is generated by the composer (no bundled dir). */
+export declare function isComposedTemplate(template: TemplateName): template is ComposedTemplateName;
+/**
+ * The bundled base directory each template copies before any composition.
+ * Composed templates (`store`/`landing`/`saas`) reuse the `default` base; the
+ * others are their own name.
+ */
+export declare function templateBaseDir(template: TemplateName): TemplateName;
+/** One-line summary per template, shown in the picker. */
+export declare const TEMPLATE_HINTS: Record<TemplateName, string>;
+/** The five shipped theme presets (must match @cronus-ui/tokens `ThemeName`). */
+export declare const THEMES: readonly ["aurora", "neutral", "midnight", "sunset", "emerald"];
+export type Theme = (typeof THEMES)[number];
+export declare const DEFAULT_THEME: Theme;
+/** One-line vibe per theme, shown in the picker. */
+export declare const THEME_HINTS: Record<Theme, string>;
+/** Color modes the provider supports natively (no built-in "system"). */
+export declare const MODES: readonly ["dark", "light"];
+export type ModeName = (typeof MODES)[number];
+export declare const DEFAULT_MODE: ModeName;
+/** Theme/mode baked when the user picks a landing flavor without `--theme`/`--mode`. */
+export declare const TEMPLATE_APPEARANCE: Partial<Record<TemplateName, {
+    theme: Theme;
+    mode: ModeName;
+}>>;
+/**
+ * A single-select TTY prompt: prints a numbered list and returns the option the
+ * user picks (by number or name), the default on empty input, or the default
+ * verbatim when stdin is not a TTY (piped/CI) so scaffolding never blocks.
+ */
+export declare function promptSelect<T extends string>(label: string, options: readonly T[], defaultValue: T, hints?: Partial<Record<T, string>>): Promise<T>;
+/**
+ * A yes/no TTY prompt. Returns `defaultValue` on empty input or when stdin is
+ * not a TTY (piped/CI), so scaffolding never blocks on a confirmation.
+ */
+export declare function promptConfirm(label: string, defaultValue?: boolean): Promise<boolean>;
+/** Validate that `name` is safe to use as an npm package name and a dir name. */
+export declare function isValidProjectName(name: string): boolean;
+/**
+ * Derive the on-disk directory name from a (possibly scoped) package name:
+ * "@acme/widget" → "widget", "my-app" → "my-app".
+ */
+export declare function dirNameFromProjectName(name: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.js

@@ -0,0 +1,285 @@
+/** Supported package managers, in detection-fallback order. */
+export const PACKAGE_MANAGERS = ["bun", "npm", "pnpm", "yarn"];
+// Minimal ANSI helpers — no dependency needed. Colors are dropped when stdout
+// is not a TTY or NO_COLOR is set, so piped/CI output stays clean.
+const useColor = Boolean(process.stdout.isTTY) && !process.env.NO_COLOR;
+const wrap = (open, close) => (s) => useColor ? `[${open}m${s}[${close}m` : s;
+export const c = {
+    bold: wrap(1, 22),
+    dim: wrap(2, 22),
+    green: wrap(32, 39),
+    yellow: wrap(33, 39),
+    red: wrap(31, 39),
+    cyan: wrap(36, 39),
+    magenta: wrap(35, 39),
+};
+/**
+ * Next-step lines printed after a successful scaffold. Pure so tests can assert
+ * the copy without scraping stdout. `template` is optional for back-compat: omit
+ * it (or pass a bundled template) to keep the component-add path; composed
+ * templates (`saas`/`store`/`landing`) get add-page / theme / upgrade instead.
+ */
+export function outroLines(name, pm, installed, template) {
+    const dev = pm === "npm" ? "npm run dev" : `${pm} dev`;
+    const install = pm === "yarn" ? "yarn" : `${pm} install`;
+    const dollar = c.dim("$");
+    const composed = template !== undefined && isComposedTemplate(template);
+    const grow = composed
+        ? [
+            "Grow the app anytime:",
+            `  ${dollar} npx cronus-ui add-page --route /pricing --blocks pricing,cta --nav Pricing`,
+            `  ${dollar} npx cronus-ui theme set aurora --mode dark`,
+            `  ${dollar} npx cronus-ui upgrade --all --dry-run`,
+        ]
+        : [
+            `Add more components anytime:  ${dollar} npx cronus-ui add dialog table tabs`,
+            `Want a multi-page app?        ${dollar} npx cronus-ui compose saas`,
+        ];
+    return [
+        "",
+        `${c.green(c.bold("Done!"))} Your Cronus UI app is ready in ${c.cyan(name)}.`,
+        "",
+        "Next steps:",
+        `  ${dollar} cd ${name}`,
+        ...(installed ? [] : [`  ${dollar} ${install}`]),
+        `  ${dollar} ${dev}`,
+        "",
+        `Then open ${c.cyan("http://localhost:3000")}.`,
+        "",
+        ...grow,
+        "",
+    ];
+}
+export const log = {
+    intro() {
+        process.stdout.write(`\n${c.magenta(c.bold("create-cronus-app"))}\n\n`);
+    },
+    step(msg) {
+        process.stdout.write(`${c.cyan("›")} ${msg}\n`);
+    },
+    ok(msg) {
+        process.stdout.write(`${c.green("✓")} ${msg}\n`);
+    },
+    warn(msg) {
+        process.stdout.write(`${c.yellow("!")} ${msg}\n`);
+    },
+    error(msg) {
+        process.stderr.write(`${c.red("✗")} ${msg}\n`);
+    },
+    outro(name, pm, installed, template) {
+        process.stdout.write(`${outroLines(name, pm, installed, template).join("\n")}\n`);
+    },
+};
+/**
+ * The starter templates a user can pick. `default`/`dashboard`/`marketing` copy
+ * a bundled directory under `templates/`; `store`/`landing`/`saas` have NO
+ * template dir — they scaffold the `default` base and then compose validated
+ * blocks on top (see {@link TEMPLATE_BASE_DIR} and the post-scaffold
+ * `composeApp()` step).
+ */
+/**
+ * Product landing flavors (compose apps). Each is a distinctive stack of
+ * validated marketing blocks + a theme/mode default — not a bundled directory.
+ * `landing` stays the generic marketing page; these are the named flavors.
+ */
+export const LANDING_FLAVORS = [
+    "landing-studio",
+    "landing-ops",
+    "landing-secure",
+    "landing-care",
+    "landing-shop",
+    "landing-docs",
+    "landing-premium",
+    "landing-agents",
+    "landing-coverage",
+    "landing-broadcast",
+    "landing-agency",
+    "landing-glass",
+];
+/**
+ * Pro compose apps. Additive product surfaces (mail, chat, finance) — not
+ * landings. OSS keeps saas/store/landing; these are the Pro pack.
+ */
+export const PRO_APPS = ["mail", "chat", "finance"];
+export const TEMPLATES = [
+    "default",
+    "dashboard",
+    "marketing",
+    "store",
+    "landing",
+    "saas",
+    ...LANDING_FLAVORS,
+    ...PRO_APPS,
+];
+export const DEFAULT_TEMPLATE = "default";
+/**
+ * The template names generated by the Cronus Compose app generator (no bundled
+ * dir): they scaffold the `default` base, then `composeApp()` from the bundled
+ * manifest renders the pages + chrome from validated blocks. The value is the
+ * manifest/template name passed to `composeApp`.
+ */
+export const COMPOSED_TEMPLATES = {
+    store: "store",
+    landing: "landing",
+    saas: "saas",
+    "landing-studio": "landing-studio",
+    "landing-ops": "landing-ops",
+    "landing-secure": "landing-secure",
+    "landing-care": "landing-care",
+    "landing-shop": "landing-shop",
+    "landing-docs": "landing-docs",
+    "landing-premium": "landing-premium",
+    "landing-agents": "landing-agents",
+    "landing-coverage": "landing-coverage",
+    "landing-broadcast": "landing-broadcast",
+    "landing-agency": "landing-agency",
+    "landing-glass": "landing-glass",
+    mail: "mail",
+    chat: "chat",
+    finance: "finance",
+};
+/** True when `template` is generated by the composer (no bundled dir). */
+export function isComposedTemplate(template) {
+    return template in COMPOSED_TEMPLATES;
+}
+/**
+ * The bundled base directory each template copies before any composition.
+ * Composed templates (`store`/`landing`/`saas`) reuse the `default` base; the
+ * others are their own name.
+ */
+export function templateBaseDir(template) {
+    return isComposedTemplate(template) ? "default" : template;
+}
+/** One-line summary per template, shown in the picker. */
+export const TEMPLATE_HINTS = {
+    default: "single-page starter — metrics, table & cards (default)",
+    dashboard: "multi-page app — sidebar shell, KPIs, chart, data table, settings",
+    marketing: "landing site — hero, features, pricing, testimonials, FAQ, waitlist",
+    store: "generated storefront — 9 navigable pages, real nav, from validated blocks",
+    landing: "generated landing page — hero, features, pricing, testimonials, FAQ, CTA",
+    saas: "recommended for a full product — split auth + shell dashboard, team, billing, settings",
+    "landing-studio": "dark AI studio landing — atmosphere hero, marquee, bento, stats, pricing",
+    "landing-ops": "ops/workflow landing — split hero, logos, features, integrations",
+    "landing-secure": "security/infra landing — compact hero, metrics, usage pricing, split FAQ",
+    "landing-care": "healthcare/conversion landing — waitlist hero, bento, proof (emerald light)",
+    "landing-shop": "storefront landing — compact hero + editorial product showcase (sunset light)",
+    "landing-docs": "developer-tool landing — compact hero, logos, features, integrations",
+    "landing-premium": "full SaaS marketing page — split hero, toggle pricing, FAQ (aurora light)",
+    "landing-agents": "automation landing — split hero, marquee, bento, stats (emerald light)",
+    "landing-coverage": "services landing — hero, stats, testimonial grid, FAQ (sunset light)",
+    "landing-broadcast": "studio/show landing — atmosphere hero, marquee logos, features, pricing",
+    "landing-agency": "agency landing — split hero, about, services, stats (midnight dark)",
+    "landing-glass": "glass-dark landing — atmosphere hero, bento, split FAQ, split CTA",
+    mail: "Pro inbox — notification panel, activity feed, compose, preferences (midnight dark)",
+    chat: "Pro assistant — chat thread, prompt box, replies, settings (aurora dark)",
+    finance: "Pro money app — payouts, invoices, billing, analytics (emerald light)",
+};
+/** The five shipped theme presets (must match @cronus-ui/tokens `ThemeName`). */
+export const THEMES = ["aurora", "neutral", "midnight", "sunset", "emerald"];
+export const DEFAULT_THEME = "aurora";
+/** One-line vibe per theme, shown in the picker. */
+export const THEME_HINTS = {
+    aurora: "sky → cyan premium gradient (default)",
+    neutral: "clean black & white — docs-site chrome, achromatic",
+    midnight: "deep indigo / violet",
+    sunset: "warm amber / rose",
+    emerald: "fresh green / teal",
+};
+/** Color modes the provider supports natively (no built-in "system"). */
+export const MODES = ["dark", "light"];
+export const DEFAULT_MODE = "dark";
+/** Theme/mode baked when the user picks a landing flavor without `--theme`/`--mode`. */
+export const TEMPLATE_APPEARANCE = {
+    "landing-studio": { theme: "midnight", mode: "dark" },
+    "landing-ops": { theme: "aurora", mode: "dark" },
+    "landing-secure": { theme: "midnight", mode: "dark" },
+    "landing-care": { theme: "emerald", mode: "light" },
+    "landing-shop": { theme: "sunset", mode: "light" },
+    "landing-docs": { theme: "aurora", mode: "dark" },
+    "landing-premium": { theme: "aurora", mode: "light" },
+    "landing-agents": { theme: "emerald", mode: "light" },
+    "landing-coverage": { theme: "sunset", mode: "light" },
+    "landing-broadcast": { theme: "aurora", mode: "dark" },
+    "landing-agency": { theme: "midnight", mode: "dark" },
+    "landing-glass": { theme: "midnight", mode: "dark" },
+    mail: { theme: "midnight", mode: "dark" },
+    chat: { theme: "aurora", mode: "dark" },
+    finance: { theme: "emerald", mode: "light" },
+};
+/**
+ * A single-select TTY prompt: prints a numbered list and returns the option the
+ * user picks (by number or name), the default on empty input, or the default
+ * verbatim when stdin is not a TTY (piped/CI) so scaffolding never blocks.
+ */
+export async function promptSelect(label, options, defaultValue, hints) {
+    if (!process.stdin.isTTY)
+        return defaultValue;
+    const { createInterface } = await import("node:readline/promises");
+    const rl = createInterface({ input: process.stdin, output: process.stdout });
+    try {
+        process.stdout.write(`${c.bold(label)}\n`);
+        options.forEach((opt, i) => {
+            const marker = opt === defaultValue ? c.green("●") : c.dim("○");
+            const hint = hints?.[opt] ? `  ${c.dim(hints[opt])}` : "";
+            process.stdout.write(`  ${marker} ${c.cyan(String(i + 1))} ${opt}${hint}\n`);
+        });
+        const answer = (await rl.question(`${c.dim(`(1-${options.length} or name, default ${defaultValue})`)} `)).trim();
+        if (!answer)
+            return defaultValue;
+        const asNum = Number.parseInt(answer, 10);
+        if (Number.isInteger(asNum) && asNum >= 1 && asNum <= options.length) {
+            return options[asNum - 1];
+        }
+        const byName = options.find((o) => o === answer.toLowerCase());
+        return byName ?? defaultValue;
+    }
+    finally {
+        rl.close();
+    }
+}
+/**
+ * A yes/no TTY prompt. Returns `defaultValue` on empty input or when stdin is
+ * not a TTY (piped/CI), so scaffolding never blocks on a confirmation.
+ */
+export async function promptConfirm(label, defaultValue = true) {
+    if (!process.stdin.isTTY)
+        return defaultValue;
+    const { createInterface } = await import("node:readline/promises");
+    const rl = createInterface({ input: process.stdin, output: process.stdout });
+    try {
+        const hint = defaultValue ? "Y/n" : "y/N";
+        const answer = (await rl.question(`${c.bold(label)} ${c.dim(`(${hint})`)} `))
+            .trim()
+            .toLowerCase();
+        if (!answer)
+            return defaultValue;
+        return answer === "y" || answer === "yes";
+    }
+    finally {
+        rl.close();
+    }
+}
+// npm's package-name rules (the spec subset we care about): optionally scoped,
+// lowercase, URL-safe, may not start with "." or "_", <= 214 chars.
+const SCOPED = /^(?:@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/;
+/** Validate that `name` is safe to use as an npm package name and a dir name. */
+export function isValidProjectName(name) {
+    if (!name || name.length > 214)
+        return false;
+    if (name.trim() !== name)
+        return false;
+    // Reject path separators outright (a scoped name's single "/" is allowed by
+    // the regex, but the literal dir is the unscoped trailing segment).
+    if (name.includes("\\"))
+        return false;
+    return SCOPED.test(name);
+}
+/**
+ * Derive the on-disk directory name from a (possibly scoped) package name:
+ * "@acme/widget" → "widget", "my-app" → "my-app".
+ */
+export function dirNameFromProjectName(name) {
+    const slash = name.lastIndexOf("/");
+    return slash === -1 ? name : name.slice(slash + 1);
+}
+//# sourceMappingURL=utils.js.map

package/dist/version.d.ts

@@ -0,0 +1,3 @@
+/** Kept in sync with package.json#version. */
+export declare const CREATE_VERSION = "0.6.0";
+//# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -0,0 +1,3 @@
+/** Kept in sync with package.json#version. */
+export const CREATE_VERSION = "0.6.0";
+//# sourceMappingURL=version.js.map

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "create-cronus-app",
+  "version": "0.6.0",
+  "description": "Scaffold a Next.js + Cronus UI app: npx create-cronus-app my-app --template saas.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Cronus",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pedrogbraz/cronus-ui.git",
+    "directory": "packages/create-cronus-app"
+  },
+  "homepage": "https://aicronus.com",
+  "bugs": {
+    "url": "https://github.com/pedrogbraz/cronus-ui/issues"
+  },
+  "keywords": [
+    "cronus",
+    "create-cronus-app",
+    "design-system",
+    "next",
+    "scaffold",
+    "starter",
+    "tailwind",
+    "ui"
+  ],
+  "bin": {
+    "create-cronus-app": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates",
+    "LICENSE",
+    "README.md",
+    "!dist/**/*.map"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "prepublishOnly": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "@cronus-ui/ai-kit": "0.6.0",
+    "cronus-ui": "0.6.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.0",
+    "typescript": "^6.0.3"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/templates/dashboard/README.md

@@ -0,0 +1,61 @@
+# __APP_NAME__
+
+A multi-page dashboard built with [Next.js](https://nextjs.org) (App Router) and
+[Cronus UI](https://www.npmjs.com/package/@cronus-ui/ui) — themeable, accessible React
+components on Tailwind v4.
+
+> **Screenshot placeholder** — run `npm run dev`, open http://localhost:3000, and drop a
+> capture here (e.g. `docs/screenshot.png`) so your repo landing page shows the app.
+
+## Getting started
+
+```sh
+npm install   # or: pnpm install / yarn / bun install
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) — the pages hot-reload as you save.
+
+## What's inside
+
+| Route | File | Contents |
+| --- | --- | --- |
+| `/` | `app/page.tsx` | KPI metric cards, a revenue bar chart, and a searchable, sortable orders `DataTable`. |
+| `/settings` | `app/settings/page.tsx` | Profile, workspace, and notification forms (`Field`, `Input`, `Select`, `Switch`). |
+
+The persistent chrome lives in `components/dashboard-shell.tsx`: an `AppShell` with an
+icon-collapsible `Sidebar` (route-aware via `usePathname`) and a sticky topbar with a
+light/dark toggle.
+
+## How it's wired
+
+- **`app/globals.css`** imports Tailwind and the Cronus token CSS, plus the required
+  `@source "../node_modules/@cronus-ui/ui/dist/**/*.js";` line so Tailwind v4 emits the
+  component utility classes (it skips `node_modules` by default).
+- **`app/layout.tsx`** mounts `<CronusUIProvider>` and the anti-flash `<CronusThemeScript>`
+  so the right theme is applied before hydration, then wraps every page in the shell.
+- **`components/revenue-chart.tsx`** shows the `ChartContainer` + recharts pattern — the
+  chart colors come from your theme tokens (`--color-chart-*`).
+- **`components/orders-table.tsx`** shows the `DataTable` pattern — column defs via
+  `@tanstack/react-table`, sortable headers via `DataTableColumnHeader`.
+
+## Add more components
+
+This app includes a `cronus-ui.json`, so you can pull any component from the registry:
+
+```sh
+npx cronus-ui add dialog tabs dropdown-menu
+```
+
+## Scripts
+
+| Script | Description |
+| --- | --- |
+| `dev` | Start the dev server. |
+| `build` | Production build. |
+| `start` | Serve the production build. |
+
+## Learn more
+
+- [Next.js documentation](https://nextjs.org/docs)
+- [Tailwind CSS v4](https://tailwindcss.com)

package/templates/dashboard/app/globals.css

@@ -0,0 +1,16 @@
+@import "tailwindcss";
+@import "@cronus-ui/tokens/styles.css";
+
+/*
+ * REQUIRED on Tailwind v4.
+ *
+ * Tailwind v4 does not scan node_modules by default, and @cronus-ui/ui ships its
+ * Tailwind class strings baked into pre-compiled JS under dist. Without the
+ * @source below, none of the component utility classes (bg-primary, rounded-lg,
+ * bg-surface-raised, …) would be emitted and the components would render
+ * unstyled.
+ */
+@source "../node_modules/@cronus-ui/ui/dist/**/*.js";
+
+/* Scan this app's own source too. */
+@source "./**/*.{ts,tsx}";