@barefootjs/cli 0.18.2 → 0.18.4

package/dist/index.js

@@ -2481,6 +2481,8 @@ var init_markers = __esm({
 function toHTMLAttrName(key) {
   if (key === "className") return "class";
   if (key === "htmlFor") return "for";
+  const htmlAlias = HTML_CAMEL_ALIASES[key];
+  if (htmlAlias !== void 0) return htmlAlias;
   const svgKebab = SVG_CAMEL_TO_KEBAB[key];
   if (svgKebab !== void 0) return svgKebab;
   return key;
@@ -2488,7 +2490,7 @@ function toHTMLAttrName(key) {
 function isBooleanAttr(name2) {
   return BOOLEAN_ATTRS.has(name2.toLowerCase());
 }
-var BOOLEAN_ATTRS, SVG_CAMEL_TO_KEBAB;
+var BOOLEAN_ATTRS, SVG_CAMEL_TO_KEBAB, HTML_CAMEL_ALIASES;
 var init_dom_prop = __esm({
   "../shared/src/dom-prop.ts"() {
     "use strict";
@@ -2545,6 +2547,63 @@ var init_dom_prop = __esm({
       markerMid: "marker-mid",
       markerEnd: "marker-end"
     };
+    HTML_CAMEL_ALIASES = {
+      acceptCharset: "accept-charset",
+      accessKey: "accesskey",
+      allowFullScreen: "allowfullscreen",
+      autoCapitalize: "autocapitalize",
+      autoComplete: "autocomplete",
+      autoCorrect: "autocorrect",
+      autoFocus: "autofocus",
+      autoPlay: "autoplay",
+      cellPadding: "cellpadding",
+      cellSpacing: "cellspacing",
+      charSet: "charset",
+      colSpan: "colspan",
+      contentEditable: "contenteditable",
+      controlsList: "controlslist",
+      crossOrigin: "crossorigin",
+      dateTime: "datetime",
+      dirName: "dirname",
+      encType: "enctype",
+      enterKeyHint: "enterkeyhint",
+      fetchPriority: "fetchpriority",
+      formAction: "formaction",
+      formEncType: "formenctype",
+      formMethod: "formmethod",
+      formNoValidate: "formnovalidate",
+      formTarget: "formtarget",
+      frameBorder: "frameborder",
+      hrefLang: "hreflang",
+      httpEquiv: "http-equiv",
+      imageSizes: "imagesizes",
+      imageSrcSet: "imagesrcset",
+      inputMode: "inputmode",
+      itemID: "itemid",
+      itemProp: "itemprop",
+      itemRef: "itemref",
+      itemScope: "itemscope",
+      itemType: "itemtype",
+      marginHeight: "marginheight",
+      marginWidth: "marginwidth",
+      maxLength: "maxlength",
+      minLength: "minlength",
+      noModule: "nomodule",
+      noValidate: "novalidate",
+      playsInline: "playsinline",
+      popoverTarget: "popovertarget",
+      popoverTargetAction: "popovertargetaction",
+      radioGroup: "radiogroup",
+      readOnly: "readonly",
+      referrerPolicy: "referrerpolicy",
+      rowSpan: "rowspan",
+      spellCheck: "spellcheck",
+      srcDoc: "srcdoc",
+      srcLang: "srclang",
+      srcSet: "srcset",
+      tabIndex: "tabindex",
+      useMap: "usemap"
+    };
   }
 });
 
@@ -7929,6 +7988,9 @@ function resolveFreeRefsInternal(node, env, visited) {
   }
   return out;
 }
+function isNameBound(name2, env) {
+  return buildBindingMap(env).has(name2);
+}
 function resolveFreeRefs(node, env) {
   return resolveFreeRefsInternal(node, env, /* @__PURE__ */ new Set());
 }
@@ -8338,7 +8400,7 @@ function clientBuiltinTags(ctx2) {
   ctx2._clientBuiltinTags = map;
   return map;
 }
-function isNameBound(ctx2, name2) {
+function isNameBound2(ctx2, name2) {
   const a = ctx2.analyzer;
   if (a.ambientGlobals.has(name2)) return true;
   if (a.localFunctions.some((f) => f.name === name2)) return true;
@@ -8371,7 +8433,7 @@ function dispatchClientBuiltin(tagName2, ctx2, diagNode, transformAsync, transfo
   const builtin = clientBuiltinTags(ctx2).get(tagName2);
   if (builtin === "Async") return transformAsync();
   if (builtin === "Region") return transformRegion();
-  if (isClientBuiltinName(tagName2) && !isNameBound(ctx2, tagName2)) {
+  if (isClientBuiltinName(tagName2) && !isNameBound2(ctx2, tagName2)) {
     reportBuiltinNotImported(ctx2, diagNode, tagName2);
   }
   return null;
@@ -8700,6 +8762,13 @@ function transformChildren(children2, ctx2) {
   }
   return result2;
 }
+function isRenderNothingLiteral(expr, ctx2) {
+  let e = expr;
+  while (ts11.isParenthesizedExpression(e) || ts11.isAsExpression(e) || ts11.isSatisfiesExpression(e) || ts11.isNonNullExpression(e)) {
+    e = e.expression;
+  }
+  return e.kind === ts11.SyntaxKind.NullKeyword || e.kind === ts11.SyntaxKind.TrueKeyword || e.kind === ts11.SyntaxKind.FalseKeyword || ts11.isIdentifier(e) && e.text === "undefined" && !isNameBound("undefined", makeBindingEnv(ctx2));
+}
 function transformText(node, ctx2) {
   const text = node.text.replace(/\s+/g, " ");
   if (text.trim() === "") {
@@ -8719,6 +8788,9 @@ function transformExpression(node, ctx2) {
 }
 function transformExpressionInner(expr, ctx2, node, isClientOnly) {
   expr = tryDesugarInterleaveTaggedTemplate(expr, ctx2);
+  if (isRenderNothingLiteral(expr, ctx2)) {
+    return null;
+  }
   checkBareSignalOrMemoIdentifier(expr, ctx2);
   if (ts11.isIdentifier(expr)) {
     const jsxNode = ctx2.analyzer.jsxConstants.get(expr.text);
@@ -10202,27 +10274,28 @@ function processAttributes(attributes2, ctx2) {
       continue;
     }
     if (!ts11.isJsxAttribute(attr)) continue;
-    const name2 = attr.name.getText(ctx2.sourceFile);
-    if (name2 === "ref") {
+    const rawName = attr.name.getText(ctx2.sourceFile);
+    if (rawName === "ref") {
       if (attr.initializer && ts11.isJsxExpression(attr.initializer) && attr.initializer.expression) {
         reportJsxBranchLocalInCallback(attr.initializer.expression, ctx2);
         ref = ctx2.getJS(attr.initializer.expression);
       }
       continue;
     }
-    if (/^on[A-Z]/.test(name2)) {
+    if (/^on[A-Z]/.test(rawName)) {
       if (attr.initializer && ts11.isJsxExpression(attr.initializer) && attr.initializer.expression) {
-        const eventName = name2.slice(2).toLowerCase();
+        const eventName = rawName.slice(2).toLowerCase();
         reportJsxBranchLocalInCallback(attr.initializer.expression, ctx2);
         events.push({
           name: eventName,
-          originalAttr: name2,
+          originalAttr: rawName,
           handler: ctx2.getJS(attr.initializer.expression),
           loc: getSourceLocation(attr, ctx2.sourceFile, ctx2.filePath)
         });
       }
       continue;
     }
+    const name2 = toHTMLAttrName(rawName);
     let value2 = getAttributeValue(attr, ctx2);
     let clientOnly;
     if (attr.initializer && ts11.isJsxExpression(attr.initializer) && attr.initializer.expression) {
@@ -11037,6 +11110,7 @@ var init_jsx_to_ir = __esm({
     init_component_scope();
     init_analyzer();
     init_js_scanner();
+    init_src();
     CLIENT_DIRECTIVE_INTERIOR_RE2 = /^\s*@client\s*$/;
     BLOCK_COMMENT_RE2 = /\/\*([\s\S]*?)\*\//g;
     constInitializerCache = /* @__PURE__ */ new WeakMap();
@@ -20206,6 +20280,26 @@ export default ${this.componentName}` : "";
 });
 
 // ../jsx/src/adapters/parsed-expr-emitter.ts
+function isStringTypedOperand(expr, isStringName) {
+  if (expr.kind === "literal" && expr.literalType === "string") return true;
+  if (expr.kind === "template-literal") return true;
+  if (expr.kind === "call" && expr.callee.kind === "identifier" && expr.args.length === 0) {
+    return isStringName(expr.callee.name);
+  }
+  if (expr.kind === "member" && expr.object.kind === "identifier" && expr.object.name === "props") {
+    return isStringName(expr.property);
+  }
+  if (expr.kind === "binary" && expr.op === "+") {
+    return isStringTypedOperand(expr.left, isStringName) || isStringTypedOperand(expr.right, isStringName);
+  }
+  return false;
+}
+function isStringConcatBinary(op, left, right, isStringName) {
+  return op === "+" && (isStringTypedOperand(left, isStringName) || isStringTypedOperand(right, isStringName));
+}
+function groupBinaryOperand(operand, emitted) {
+  return operand.kind === "binary" || operand.kind === "logical" || operand.kind === "conditional" ? `(${emitted})` : emitted;
+}
 function emitParsedExpr(expr, emitter) {
   const emit = (child) => emitParsedExpr(child, emitter);
   switch (expr.kind) {
@@ -23300,11 +23394,14 @@ __export(src_exports, {
   getCompilerCounters: () => getCompilerCounters,
   getLoweringPlugins: () => getLoweringPlugins,
   graphToJSON: () => graphToJSON,
+  groupBinaryOperand: () => groupBinaryOperand,
   identifierPath: () => identifierPath,
   importsSearchParams: () => importsSearchParams,
   isBooleanAttr: () => isBooleanAttr,
   isLowerableLoopDestructure: () => isLowerableLoopDestructure,
   isLowerableObjectRestDestructure: () => isLowerableObjectRestDestructure,
+  isStringConcatBinary: () => isStringConcatBinary,
+  isStringTypedOperand: () => isStringTypedOperand,
   isSupported: () => isSupported,
   isValidHelperId: () => isValidHelperId,
   joinProfilerEvents: () => joinProfilerEvents,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barefootjs/cli",
-  "version": "0.18.2",
+  "version": "0.18.4",
   "description": "CLI for agent-driven UI component discovery and scaffolding",
   "type": "module",
   "main": "./dist/index.js",
@@ -29,11 +29,11 @@
   "dependencies": {
     "esbuild": "^0.25.0",
     "typescript": "^5.0.0",
-    "@barefootjs/client": "0.18.2",
-    "@barefootjs/shared": "0.18.2"
+    "@barefootjs/client": "0.18.4",
+    "@barefootjs/shared": "0.18.4"
   },
   "devDependencies": {
-    "@barefootjs/jsx": "0.18.2",
+    "@barefootjs/jsx": "0.18.4",
     "@types/node": "^22.0.0",
     "@happy-dom/global-registrator": "^20.0.11",
     "happy-dom": "^20.0.11"