@jxsuite/import 0.38.2 → 0.39.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxsuite/import",
-  "version": "0.38.2",
+  "version": "0.39.0",
   "description": "Clone a live website into a Jx project",
   "license": "MIT",
   "repository": {
@@ -31,8 +31,8 @@
     "import": "bun run src/cli.ts"
   },
   "dependencies": {
-    "@jxsuite/markup": "^0.4.2",
-    "@jxsuite/schema": "^1.5.0",
+    "@jxsuite/markup": "^0.4.3",
+    "@jxsuite/schema": "^1.6.0",
     "pixelmatch": "^7.2.0",
     "pngjs": "^7.0.0",
     "puppeteer-core": "^24.9.0"
@@ -42,6 +42,6 @@
     "happy-dom": "^20.10.6"
   },
   "optionalDependencies": {
-    "@jxsuite/compiler": "^1.5.0"
+    "@jxsuite/compiler": "^2.0.0"
   }
 }

package/src/ai-componentize.ts

@@ -279,8 +279,11 @@ function rewriteCallSites(
 ): JxElement {
   const result: JxElement = { ...node };
 
-  if (result.tagName && tagRenames.has(result.tagName)) {
-    const oldTag = result.tagName;
+  /* Import builds every node from parsed HTML, so a tag here is always a literal — the narrow is
+     the type saying so rather than a cast pretending the other shape cannot arrive. */
+  const literalTag = typeof result.tagName === "string" ? result.tagName : null;
+  if (literalTag && tagRenames.has(literalTag)) {
+    const oldTag = literalTag;
     result.tagName = tagRenames.get(oldTag)!;
 
     const propRenames = propRenamesByTag.get(oldTag);

package/src/asset-rewrite.ts

@@ -98,7 +98,7 @@ export function rewriteAssetUrls(
 
       // Href on non-anchor elements (could be link icon, etc.)
       if (typeof attrs.href === "string") {
-        const tag = (node.tagName ?? "").toLowerCase();
+        const tag = (typeof node.tagName === "string" ? node.tagName : "").toLowerCase();
         if (tag !== "a") {
           const rewritten = rewriteUrl(attrs.href);
           if (rewritten) {

package/src/componentize.ts

@@ -1,4 +1,5 @@
 import type { JxElement } from "@jxsuite/schema/types";
+import { displayTagName } from "@jxsuite/schema/guards";
 
 export interface ComponentizeOptions {
   minInstances?: number;
@@ -286,7 +287,7 @@ export function componentize(
     }
 
     const baseTag = unclaimed[0]!.node.tagName ?? "div";
-    const kebabName = toKebabCase(baseTag, compIndex);
+    const kebabName = toKebabCase(displayTagName(baseTag), compIndex);
     const pascalName = toPascalCase(kebabName);
     compIndex += 1;