@maccesar/aiskills 1.10.0 → 1.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maccesar/aiskills",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "AI coding assistant skills for Claude Code, Gemini CLI, and Codex CLI",
   "type": "module",
   "bin": {

package/skills/stitch-showcase/references/index.html

@@ -186,13 +186,13 @@
       // Update badge text
       viewBadge.textContent = currentView === 'mobile' ? 'Mobile' : 'WEB';
 
-      // Update toggle icon: show the icon of the OTHER mode (what you'll switch to)
+      // Update toggle icon: show the icon of the CURRENT mode (matches the badge)
       if (currentView === 'mobile') {
-        iconPhone.classList.add('hidden');
-        iconMonitor.classList.remove('hidden');
-      } else {
         iconPhone.classList.remove('hidden');
         iconMonitor.classList.add('hidden');
+      } else {
+        iconPhone.classList.add('hidden');
+        iconMonitor.classList.remove('hidden');
       }
     }
     applyViewMode();

package/skills/stitch-showcase/references/viewer.html

@@ -219,6 +219,21 @@
       var frameMobile = document.getElementById('viewer-frame-mobile');
       var frameWeb = document.getElementById('viewer-frame-web');
 
+      // Inject scrollbar-hiding CSS into iframes after load (cosmetic, viewer-level only).
+      // Keeps source HTMLs untouched so they're clean for downstream handoff.
+      function injectScrollbarCSS(frame) {
+        try {
+          var doc = frame.contentDocument || frame.contentWindow.document;
+          if (!doc || doc.getElementById('__no-scrollbar-style')) return;
+          var style = doc.createElement('style');
+          style.id = '__no-scrollbar-style';
+          style.textContent = '*::-webkit-scrollbar{display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}';
+          doc.head.appendChild(style);
+        } catch (e) { /* cross-origin or not yet ready */ }
+      }
+      frameMobile.addEventListener('load', function () { injectScrollbarCSS(frameMobile); });
+      frameWeb.addEventListener('load', function () { injectScrollbarCSS(frameWeb); });
+
       var screens = SCREENS;
       var currentIndex = 0;
       var VIEW_KEY = 'showcase-view-mode-' + '{{PROJECT_SLUG}}';
@@ -230,13 +245,13 @@
         root.classList.remove('view-mobile', 'view-web');
         root.classList.add('view-' + currentView);
 
-        // Toggle icon shows what you'll switch TO
+        // Toggle icon shows the CURRENT mode (matches the badge)
         if (currentView === 'mobile') {
-          iconPhone.classList.add('hidden');
-          iconMonitor.classList.remove('hidden');
-        } else {
           iconPhone.classList.remove('hidden');
           iconMonitor.classList.add('hidden');
+        } else {
+          iconPhone.classList.add('hidden');
+          iconMonitor.classList.remove('hidden');
         }
 
         // Recalc phone scaling when switching to mobile

package/skills/stitch-showcase/scripts/build_showcase.py

@@ -106,6 +106,18 @@ def build(source_dir: str, project_type: str = None, project_name: str = None) -
         print("Error: no screens found (no zips or folders with code.html).", file=sys.stderr)
         sys.exit(1)
 
+    # Copy shared asset folders (images, fonts, css, js) referenced by relative paths in HTMLs.
+    # Searches in source/, then source.parent/ (project root). Skips if already copied.
+    for asset_name in ('images', 'fonts', 'css', 'js'):
+        for candidate_root in (source, source.parent):
+            candidate = candidate_root / asset_name
+            if candidate.is_dir():
+                dest = assets_dir / asset_name
+                if not dest.exists():
+                    shutil.copytree(candidate, dest)
+                    print(f"  ✓ Copied shared {asset_name}/ from {candidate_root.name}/")
+                break
+
     # Enrich with DESIGN.md metadata
     screens = _enrich_screens(screens_raw, metadata, source)
 
@@ -160,6 +172,18 @@ def build_context(source_dir: str, project_type: str = None, project_name: str =
         print("Error: no screens found (no zips or folders with code.html).", file=sys.stderr)
         sys.exit(1)
 
+    # Copy shared asset folders (images, fonts, css, js) referenced by relative paths in HTMLs.
+    # Searches in source/, then source.parent/ (project root). Skips if already copied.
+    for asset_name in ('images', 'fonts', 'css', 'js'):
+        for candidate_root in (source, source.parent):
+            candidate = candidate_root / asset_name
+            if candidate.is_dir():
+                dest = assets_dir / asset_name
+                if not dest.exists():
+                    shutil.copytree(candidate, dest)
+                    print(f"  ✓ Copied shared {asset_name}/ from {candidate_root.name}/")
+                break
+
     # Enrich with DESIGN.md metadata
     screens = _enrich_screens(screens_raw, metadata, source)
 

package/skills/stitch-showcase/scripts/extract_zips.py

@@ -136,16 +136,11 @@ def _process_dir(dir_path: Path, slug: str, assets: Path) -> dict | None:
     }
 
 
-_NO_SCROLLBAR_CSS = '<style>*::-webkit-scrollbar{display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}</style>'
-
 def _copy_html(src: Path, dst: Path) -> None:
-    """Copy HTML injecting scrollbar-hiding CSS into <head>."""
-    text = src.read_text(encoding="utf-8", errors="ignore")
-    if "</head>" in text:
-        text = text.replace("</head>", f"{_NO_SCROLLBAR_CSS}</head>", 1)
-    elif "<body" in text:
-        text = text.replace("<body", f"{_NO_SCROLLBAR_CSS}<body", 1)
-    dst.write_text(text, encoding="utf-8")
+    """Copy HTML verbatim. Scrollbar-hiding CSS is now injected at viewer level
+    (see references/viewer.html), keeping the source HTML untouched so it can be
+    handed off cleanly to downstream tools (e.g., Laravel Blade conversion)."""
+    shutil.copy2(src, dst)
 
 
 def _find_file(root: Path, filename: str) -> Path | None: