synthesisui 0.16.323 → 0.16.324

package/dist/anatomy-from-sketch.js

@@ -52,6 +52,26 @@ const SVG_INTERNALS = new Set([
     "feblend",
     "animate",
 ]);
+/**
+ * UMA TAG INTRÍNSECA, e não um componente com o mesmo nome.
+ *
+ * O QUE O CLIENTE GANHA: o `<Text>` da biblioteca dele chega à receita com as classes que ele
+ * escreveu, em vez de sumir por ter o nome de uma tag de SVG.
+ *
+ * O DEFEITO, medido em 27/08: as duas listas abaixo eram consultadas com `tag.toLowerCase()`, então
+ * `<Text>` virava `"text"` - que é geometria de SVG - e o nó era descartado INTEIRO, antes de a
+ * fronteira ser sequer consultada. No repositório dele são 383 nós capitalizados colidindo, 348
+ * deles com classes, em 94 componentes. E não é só `Text`: a lista tem `line`, `circle`, `path`,
+ * `mask`, `use`, `symbol`, `filter`, `animate` - todos nomes normais de componente, e `Line` do
+ * recharts já aparece lá.
+ *
+ * A DISTINÇÃO É NORMATIVA, não heurística: no JSX, um nome que começa com minúscula É a tag
+ * intrínseca e um que começa com maiúscula É uma referência a variável. `<text>` e `<Text>` são
+ * coisas diferentes pela especificação da linguagem, e o coletor já preserva a grafia. Por isso a
+ * pergunta não precisa de `from`: um `<Text>` declarado no próprio arquivo, sem pacote nenhum,
+ * também não é a tag `<text>`.
+ */
+const intrinsic = (tag) => /^[a-z]/.test(tag);
 /** Not a visual node at all: a script or style island, and `<head>` furniture. */
 const NOT_VISUAL = new Set(["style", "script", "noscript", "template", "head"]);
 /**
@@ -332,15 +352,17 @@ versionOf) {
          * holding a box (probe, 02/08).
          */
         const children = (kids[index] ?? []).filter((child) => {
-            const tag = String(sketch[child]?.tag ?? "").toLowerCase();
+            const tag = String(sketch[child]?.tag ?? "");
+            if (!intrinsic(tag))
+                return true;
             return !SVG_INTERNALS.has(tag) && !NOT_VISUAL.has(tag);
         });
-        if (NOT_VISUAL.has(lower)) {
+        if (intrinsic(tag) && NOT_VISUAL.has(lower)) {
             notes.push(`\`<${tag}>\` is a ${lower} island - its rules are real and this contract has no form that holds them`);
             return [];
         }
         // An svg's insides are geometry: the glyph is the node, and it stops here.
-        if (SVG_INTERNALS.has(lower))
+        if (intrinsic(tag) && SVG_INTERNALS.has(lower))
             return [];
         const capitalised = /^[A-Z]/.test(tag);
         const kind = capitalised

package/dist/install-marks.js

@@ -343,8 +343,16 @@ export const CHECKER_SINCE = "0.16.308";
  * NÃO se moveu, e isso é a informação: os 21 apps dourados têm um componente por arquivo, então a
  * estabilidade ali prova ausência de regressão e não ausência de efeito. Quem tem dois componentes
  * num arquivo só vê a correção depois de remedir.
+ *
+ * 0.16.322 -> 0.16.324 em 27/08: o nome de um componente deixa de ser confundido com uma tag de
+ * SVG. `"Text".toLowerCase()` é `"text"`, que é geometria interna de SVG, e o nó era descartado
+ * INTEIRO - antes de a fronteira ser consultada. Medido no repositório do dono: 383 nós
+ * capitalizados colidiam, 348 deles com classes, em 94 componentes; depois da correção 228 nós
+ * ganham endereço e 50 componentes fecham. O hash do corpus NÃO se moveu, e isso é a informação:
+ * nenhum dos 22 apps dourados tem componente com nome de tag de SVG. Quem tem só vê a correção
+ * depois de remedir.
  */
-export const READER_SINCE = "0.16.322";
+export const READER_SINCE = "0.16.324";
 /**
  * O QUE ESTÁ INSTALADO AQUI FICOU PARA TRÁS - e as DUAS condições que fazem isso ser verdade.
  *

package/package.json

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