synthesisui 0.4.10 → 0.4.11

package/dist/commands/clean.js

@@ -90,7 +90,9 @@ export async function clean(opts) {
     // 4. Default README.
     const readmePath = join(root, "README.md");
     const readmeSrc = await readIf(readmePath);
-    if (readmeSrc && /create-next-app/.test(readmeSrc) && /Getting Started/.test(readmeSrc)) {
+    if (readmeSrc &&
+        /create-next-app/.test(readmeSrc) &&
+        /Getting Started/.test(readmeSrc)) {
         actions.push({
             verb: "remove",
             path: "README.md",

package/dist/commands/template.js

@@ -16,14 +16,15 @@ export async function template(slug, name, opts) {
     const target = opts.target === "general" || opts.target === "next"
         ? opts.target
         : config.target;
-    console.log(`→ generating "${name}" from "${slug}" (${target}) …`);
-    const generated = await fetchTemplate(base, slug, name, target, opts.version);
+    const asName = opts.as && /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(opts.as) ? opts.as : undefined;
+    console.log(`→ generating "${name}"${asName ? ` as "${asName}"` : ""} from "${slug}" (${target}) …`);
+    const generated = await fetchTemplate(base, slug, name, target, opts.version, asName);
     // --out targets the page (1st file); sibling files (e.g. the CSS) land in the
     // same directory. Without --out, everything goes under templates/<name>/ -
     // a loose landing.tsx at the app/ root read as a route without being one,
     // and a second template turned the app dir into soup.
     const [pageFile, ...siblings] = generated.files;
-    const defaultDir = join("templates", name);
+    const defaultDir = join("templates", asName ?? name);
     const pageRel = opts.out ?? join(defaultDir, pageFile.filename);
     const pageDir = dirname(join(root, pageRel));
     await mkdir(pageDir, { recursive: true });

package/dist/index.js

@@ -21,6 +21,7 @@ Usage - deterministic, FREE:
   synthesisui add <slug> [options]         materialize a DS into _synthesisui/ds/<slug>/
   synthesisui component <slug> <name>      bring one EXISTING component in as YOUR <Pascal>.tsx
   synthesisui template <slug> <name>       materialize a whole page from a DS template
+                                           (--as landing-home names the output - multi-page safe)
   synthesisui upgrade <slug>               update an installed DS + regenerate your components + migration brief
   synthesisui use <slug> "<intent>"        print a ready-to-paste agent prompt to build/modify on-system
   synthesisui clean [--force]              strip create-next-app boilerplate (dry run without --force)
@@ -178,7 +179,15 @@ async function main() {
             }
             const target = typeof flags.target === "string" ? flags.target : undefined;
             const out = typeof flags.out === "string" ? flags.out : undefined;
-            await template(slug, name, { registry, dir, out, target, version });
+            const as_ = typeof flags.as === "string" ? flags.as : undefined;
+            await template(slug, name, {
+                registry,
+                dir,
+                out,
+                target,
+                version,
+                as: as_,
+            });
             break;
         }
         case "component": {

package/dist/registry.js

@@ -46,12 +46,14 @@ export async function fetchDesignSystem(base, slug, version) {
  * Fetches a whole page generated from a DS template (`?template=&target=`). The
  * server codegens it from `document.layouts[<template>]`; the CLI just writes it.
  */
-export async function fetchTemplate(base, slug, template, target, version) {
+export async function fetchTemplate(base, slug, template, target, version, as_) {
     const url = new URL(`${base}/api/registry/ds/${encodeURIComponent(slug)}`);
     url.searchParams.set("template", template);
     url.searchParams.set("target", target);
     if (version != null)
         url.searchParams.set("version", String(version));
+    if (as_)
+        url.searchParams.set("as", as_);
     const res = await request(url.toString());
     if (res.status === 404) {
         const body = (await res.json().catch(() => ({})));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synthesisui",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "description": "Traz design systems do SynthesisUI para qualquer projeto (materializa em _local/ds/).",
   "type": "module",
   "bin": {