similarbuild 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "similarbuild",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Visual migration framework for Claude Code — clone a live page, get a paste-ready WordPress/Elementor or Shopify section file, validated and auto-corrected.",
   "type": "module",
   "bin": {

package/templates/skills/sb-inspect-live/scripts/inspect-live.mjs

@@ -978,7 +978,7 @@ function extractInPage({ selector, maxDepth, maxChildren, maxText }) {
   function classifySection(el) {
     const cls = (typeof el.className === 'string' ? el.className : '').toLowerCase()
     const tag = el.tagName.toLowerCase()
-    const id = (el.id || '').toLowerCase()
+    const id = (typeof el.id === 'string' ? el.id : '').toLowerCase()
     const blob = `${tag} ${cls} ${id}`
     if (/\bhero\b/.test(blob)) return 'hero'
     if (/\bbanner\b/.test(blob)) return 'banner'
@@ -1107,7 +1107,7 @@ function extractInPage({ selector, maxDepth, maxChildren, maxText }) {
     const node = {
       tag: el.tagName.toLowerCase(),
       classes: typeof el.className === 'string' ? el.className.split(/\s+/).filter(Boolean) : [],
-      id: el.id || null,
+      id: typeof el.id === 'string' && el.id ? el.id : null,
       attrs: {},
       text: directText(el),
       bbox: bbox(el),
@@ -1239,7 +1239,7 @@ function extractInPage({ selector, maxDepth, maxChildren, maxText }) {
   // pseudo-elements, so this filters automatically.
   const pseudoElements = []
   function pseudoSelectorFor(el) {
-    if (el.id) return `#${el.id}`
+    if (typeof el.id === 'string' && el.id) return `#${el.id}`
     const cls = typeof el.className === 'string' ? el.className.trim().split(/\s+/).filter(Boolean) : []
     if (cls.length) return `${el.tagName.toLowerCase()}.${cls.slice(0, 3).join('.')}`
     return el.tagName.toLowerCase()