synthesisui 0.16.493 → 0.16.495

package/dist/commands/template.js

@@ -1,4 +1,4 @@
-import { mkdir, writeFile } from "node:fs/promises";
+import { mkdir, stat, writeFile } from "node:fs/promises";
 import { dirname, join, relative } from "node:path";
 import { readProjectConfig, resolveRegistry } from "../config.js";
 import { installedSheetCss, RECIPE_HEADER, recipeRulesFor, } from "../recipe-css.js";
@@ -61,7 +61,13 @@ export async function template(slug, name, opts) {
     // 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", asName ?? name);
+    /**
+     * DENTRO DE `src/` QUANDO O APP MORA LÁ (14/10, três agentes do zero seguidos): o `create-next-app` com `src/` aponta o
+     * `@/` para `src/`, e os templates iam para `templates/` na raiz - o import que a frase abaixo sugere não resolvia, e o
+     * agente movia a pasta à mão. Com `src/app`, a pasta é `src/templates/<nome>`; sem, a raiz de sempre.
+     */
+    const underSrc = await stat(join(root, "src", "app")).then((s) => s.isDirectory(), () => false);
+    const defaultDir = join(underSrc ? join("src", "templates") : "templates", asName ?? name);
     const pageRel = opts.out ?? join(defaultDir, pageFile.filename);
     const pageDir = dirname(join(root, pageRel));
     /**
@@ -228,7 +234,7 @@ export async function template(slug, name, opts) {
     console.log("");
     console.log("Next steps:");
     console.log(`  • use it in a route, e.g. ${join(config.pagesDir, "page.tsx")}:`);
-    console.log(`      import Page from "@/${defaultDir.replace(/\\/g, "/")}/${pageFile.filename.replace(/\.tsx$/, "")}";`);
+    console.log(`      import Page from "@/${defaultDir.replace(/\\/g, "/").replace(/^src\//, "")}/${pageFile.filename.replace(/\.tsx$/, "")}";`);
     console.log(`  • nothing to install: this page and its stylesheet stand on their own`);
     console.log("  • refine the file: wire real data, split into components, swap placeholders");
     /**

package/dist/install-marks.js

@@ -328,7 +328,7 @@
  * 0.16.492 -> 0.16.493 em 06/10, e o passo 1 dá **SIM** ("a galeria aprende", E02): o `init` declara as durações do
  * sistema no @theme (`--duration-fast`), e o blueprint as escreve pelo nome. Um componente escrito antes traz `100ms`.
  */
-export const MATERIALISER_SINCE = "0.16.493";
+export const MATERIALISER_SINCE = "0.16.494";
 /**
  * A ÚLTIMA VERSÃO EM QUE O QUE O HOOK RODA MUDOU.
  *

package/dist/their-tongue.js

@@ -1,3 +1,4 @@
+import { FAMILY_SEAM_PREFIX } from "./fonts.js";
 /** `var(--ds-x)` e `var(--ds-x, fallback)` - o que a folha compilada escreve. */
 const OUR_VAR = /var\(\s*(--ds-[a-zA-Z0-9_-]+)\s*(?:,([^()]*))?\)/g;
 /**
@@ -24,6 +25,30 @@ export function sumSpoken(reports) {
         left: [...left].sort(),
     };
 }
+/**
+ * A FAMÍLIA PASSA PELA FONTE QUE O `add` CARREGOU - ele, 14/10, no teste com um agente do zero: o template saía com
+ * `font-family: "Instrument Serif"`, e o `next/font` do `fonts.ts` registra a fonte com um nome interno dele. Os dois não
+ * se encontravam: o agente apagou o `fonts.ts` e trocou o layout por um `<link>` do Google.
+ *
+ * A variável é DELE - o `fonts.ts` que o `add` escreveu declara `variable: "--font-ds-<papel>"`, e o layout a põe no
+ * `<body>`. Com ela ligada, a seção usa a fonte que o `next/font` baixou; sem ela, cai no nome, como antes. Dois papéis
+ * com a mesma família viram UMA const no `fonts.ts` (a do primeiro), então a cadeia passa por todos os papéis que dividem
+ * a família: a variável que existir vence.
+ */
+const FAMILY = FAMILY_SEAM_PREFIX;
+const firstOf = (stack) => (stack.split(",")[0] ?? "").trim().replace(/^["']|["']$/g, "").toLowerCase();
+function viaNextFont(name, value, tongue) {
+    if (!name.startsWith(FAMILY))
+        return null;
+    const family = firstOf(value);
+    if (!family)
+        return null;
+    const roles = [name.slice(FAMILY.length)];
+    for (const [other, v] of tongue.values)
+        if (other !== name && other.startsWith(FAMILY) && firstOf(v) === family)
+            roles.push(other.slice(FAMILY.length));
+    return roles.reduceRight((inner, role) => `var(--font-ds-${role}, ${inner})`, value);
+}
 export function inTheirTongue(css, tongue, destination = "stylesheet") {
     let named = 0;
     let inlined = 0;
@@ -46,7 +71,8 @@ export function inTheirTongue(css, tongue, destination = "stylesheet") {
             inlined += 1;
             if (tongue.frozen.has(name))
                 froze += 1;
-            return write(value);
+            const font = destination === "stylesheet" ? viaNextFont(name, value, tongue) : null;
+            return write(font ?? value);
         }
         /**
          * O FALLBACK ESCRITO NA PRÓPRIA REFERÊNCIA É A ÚLTIMA RESPOSTA, e ela é do autor do texto.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synthesisui",
-  "version": "0.16.493",
+  "version": "0.16.495",
   "description": "Bring SynthesisUI design systems into any project - tokens, typed components, whole pages and an agent-ready CLAUDE.md manifest.",
   "type": "module",
   "bin": {