@astryxdesign/cli 0.3.0-canary.fc1c3f3 → 0.3.0-canary.fcbc342

package/foundation/discovery/template-adapter.mjs

@@ -153,19 +153,33 @@ const PLACEHOLDER_IMAGE =
   'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Crect%20width%3D%22400%22%20height%3D%22300%22%20fill%3D%22%23f5f6f8%22%2F%3E%3Cg%20transform%3D%22translate%28200%20150%29%22%20fill%3D%22none%22%20stroke%3D%22%23c2cad6%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%22-44%22%20y%3D%22-44%22%20width%3D%2288%22%20height%3D%2288%22%20rx%3D%2216%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22-18%22%20r%3D%222.5%22%20fill%3D%22%23c2cad6%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M-34%2030%20L-8%200%20L10%2018%20L20%208%20L34%2024%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E';
 
 /**
- * Demo-image sources to strip from scaffolded projects. Template demo imagery
+ * Extensions that need a video-safe placeholder rather than the image data
+ * URI (see stripTemplateAssetRefs). There's no equivalent self-contained
+ * inline placeholder for video: unlike an SVG data URI, a `<video src>`
+ * needs actual encoded media, and hand-authoring a valid tiny MP4/WebM
+ * blob isn't something we can do reliably here — an unverifiable, possibly
+ * still-broken binary would just trade one silent failure for another.
+ * Rather than mis-render image data as video (the original bug) or guess at
+ * binary bytes, video sources are stripped to an empty string so the
+ * scaffolded example is honest about needing the builder to supply their
+ * own file, instead of silently pointing at something that can't play.
+ *
+ * @type {Set<string>}
+ */
+const VIDEO_EXTENSIONS = new Set(['mp4', 'webm', 'mov', 'ogv']);
+
+/**
+ * Demo-asset sources to strip from scaffolded projects. Template demo imagery
  * is self-hosted under the docsite's `/template-assets/*` dir (committed there,
  * mirrored into the sandbox preview by scripts/sync-templates.js). Those paths
  * only resolve inside the Astryx docsite/sandbox, so on scaffold they're
- * replaced with a self-contained placeholder — a scaffolded project has no
- * `/template-assets/` dir and would otherwise 404. Genuine third-party URLs
- * (e.g. brand logos from paypalobjects.com) are intentionally left untouched.
+ * replaced — a scaffolded project has no `/template-assets/` dir and would
+ * otherwise 404. Genuine third-party URLs (e.g. brand logos from
+ * paypalobjects.com) are intentionally left untouched.
  *
- * @type {RegExp[]}
+ * @type {RegExp}
  */
-const DEMO_IMAGE_PATTERNS = [
-  /\/template-assets\/[\w-]+\.\w+/g,
-];
+const DEMO_ASSET_PATTERN = /\/template-assets\/[\w-]+\.(\w+)/g;
 
 /**
  * Normalize path into Unix path (using forward slashes) for consistent comparison
@@ -179,16 +193,18 @@ function toPosixPath(p) {
 }
 
 /**
- * Replace demo image references with a self-contained placeholder data URI so
- * scaffolded pages render with zero setup. Builders drop in their own images.
+ * Replace demo asset references with a placeholder so scaffolded pages
+ * render with zero setup. Images get a self-contained data URI; videos
+ * (which have no equivalent inline placeholder — see VIDEO_EXTENSIONS) are
+ * stripped to an empty src instead of being mis-replaced with image data.
+ * Builders drop in their own media either way.
  *
  * @param {string} source - Template source code.
- * @returns {string} Source with demo image references replaced.
+ * @returns {string} Source with demo asset references replaced.
  */
 export function stripTemplateAssetRefs(source) {
-  return DEMO_IMAGE_PATTERNS.reduce(
-    (out, pattern) => out.replace(pattern, PLACEHOLDER_IMAGE),
-    source,
+  return source.replace(DEMO_ASSET_PATTERN, (match, extension) =>
+    VIDEO_EXTENSIONS.has(extension.toLowerCase()) ? '' : PLACEHOLDER_IMAGE,
   );
 }
 /**

package/foundation/response/response-types.doc.mjs

@@ -21,7 +21,7 @@ export const doc = {
     {
       value: 'component.list',
       description:
-        'The component catalog grouped by category: `detail` (the level — names | compact | full) and `components`, the grouped map of names+package, brief entries, or a full ComponentDoc per entry.',
+        'The component catalog grouped by category: `detail` (the level: names | compact | full) and `components`, the grouped map of names+package, brief entries, or a full ComponentDoc per entry.',
     },
     {
       value: 'component.detail',
@@ -61,14 +61,14 @@ export const doc = {
     {
       value: 'docs.detail.section',
       description:
-        'A single ReferenceSection of a topic — the first whose title contains the section query.',
+        'A single ReferenceSection of a topic: the first whose title contains the section query.',
     },
 
     // blog (read from the published RSS feed)
     {
       value: 'blog.list',
       description:
-        'The feed URL plus every post parsed from the RSS feed — each with slug, title, description, date, type, authors, link, and plaintext URL.',
+        'The feed URL plus every post parsed from the RSS feed, each with slug, title, description, date, type, authors, link, and plaintext URL.',
     },
     {
       value: 'blog.detail',
@@ -89,7 +89,7 @@ export const doc = {
     {
       value: 'discover.detail.doc',
       description:
-        'The validated ComponentDoc for one external component — an @scope/name/Component query, or a free-text term resolving to exactly one component.',
+        'The validated ComponentDoc for one external component: an @scope/name/Component query, or a free-text term resolving to exactly one component.',
     },
     {
       value: 'discover.search',
@@ -154,7 +154,7 @@ export const doc = {
     {
       value: 'hook.list',
       description:
-        'The hook catalog grouped by category: `detail` (the level — names | compact | full) and `components`, the grouped map of hook names, brief entries, or a full HookDoc per entry.',
+        'The hook catalog grouped by category: `detail` (the level: names | compact | full) and `components`, the grouped map of hook names, brief entries, or a full HookDoc per entry.',
     },
     {value: 'hook.detail', description: "One hook's full authored HookDoc."},
     {
@@ -176,7 +176,7 @@ export const doc = {
     {
       value: 'theme.list',
       description:
-        'Every bundled theme as a ThemeListEntry[] — each with slug, displayName, description, and a maintained flag.',
+        'Every bundled theme as a ThemeListEntry[]: each with slug, displayName, description, and a maintained flag.',
     },
     {
       value: 'theme.add',
@@ -193,7 +193,7 @@ export const doc = {
     {
       value: 'upgrade.status',
       description:
-        'A short-circuit outcome with no codemods run — up_to_date, no_codemods, or config_fixable — each carrying the agent-docs summary.',
+        'A short-circuit outcome with no codemods run (up_to_date, no_codemods, or config_fixable), each carrying the agent-docs summary.',
     },
     {
       value: 'upgrade.run',

package/foundation/response/response.doc.mjs

@@ -47,7 +47,7 @@ export const doc = {
           name: 'data',
           type: 'unknown',
           description:
-            "The command's payload. Structural by design — narrowed by the " +
+            "The command's payload. Structural by design, narrowed by the " +
             'per-command return type, not by a map in the serializer.',
           required: true,
         },
@@ -63,7 +63,7 @@ export const doc = {
       name: 'Error envelope',
       type: '{ apiVersion: number; error: string; code: ErrorCode; suggestions?: Suggestion[] }',
       description:
-        'Emitted for every failure in --json mode — including uncaught throws ' +
+        'Emitted for every failure in --json mode, including uncaught throws ' +
         'and Commander parse errors, which are converted to this shape.',
       fields: [
         {
@@ -86,7 +86,7 @@ export const doc = {
           name: 'code',
           type: 'ErrorCode',
           description:
-            'Stable, machine-readable identifier — always present, append-only, ' +
+            'Stable, machine-readable identifier; always present, append-only, ' +
             'and never changes meaning. Branch on this.',
           required: true,
           example: "'ERR_UNKNOWN_COMPONENT'",
@@ -95,7 +95,7 @@ export const doc = {
           name: 'suggestions',
           type: 'Suggestion[]',
           description:
-            'Optional "did you mean…" hints, present only when candidates exist.',
+            'Optional "did you mean..." hints, present only when candidates exist.',
           fields: [
             {
               name: 'suggestions[].name',
@@ -146,7 +146,7 @@ export const doc = {
     {
       type: 'prose',
       text:
-        '`code` is the stable contract — see the error-codes enum (ErrorCode) ' +
+        '`code` is the stable contract; see the error-codes enum (ErrorCode) ' +
         'for the full append-only list. Branch on `code`, never on the `error` ' +
         'prose, which can be reworded or localized at any time.',
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/cli",
-  "version": "0.3.0-canary.fc1c3f3",
+  "version": "0.3.0-canary.fcbc342",
   "displayName": "CLI",
   "description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
   "author": "Meta Open Source",
@@ -84,10 +84,10 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@astryxdesign/charts": "0.3.0-canary.fc1c3f3",
-    "@astryxdesign/core": "0.3.0-canary.fc1c3f3",
-    "@astryxdesign/lab": "0.3.0-canary.fc1c3f3",
-    "@astryxdesign/theme-neutral": "0.3.0-canary.fc1c3f3",
+    "@astryxdesign/charts": "0.3.0-canary.fcbc342",
+    "@astryxdesign/core": "0.3.0-canary.fcbc342",
+    "@astryxdesign/lab": "0.3.0-canary.fcbc342",
+    "@astryxdesign/theme-neutral": "0.3.0-canary.fcbc342",
     "gpt-tokenizer": "^3.4.0"
   },
   "peerDependenciesMeta": {
@@ -105,10 +105,10 @@
     }
   },
   "devDependencies": {
-    "@astryxdesign/charts": "0.3.0-canary.fc1c3f3",
-    "@astryxdesign/core": "0.3.0-canary.fc1c3f3",
-    "@astryxdesign/lab": "0.3.0-canary.fc1c3f3",
-    "@astryxdesign/theme-neutral": "0.3.0-canary.fc1c3f3",
+    "@astryxdesign/charts": "0.3.0-canary.fcbc342",
+    "@astryxdesign/core": "0.3.0-canary.fcbc342",
+    "@astryxdesign/lab": "0.3.0-canary.fcbc342",
+    "@astryxdesign/theme-neutral": "0.3.0-canary.fcbc342",
     "gpt-tokenizer": "^3.4.0"
   },
   "scripts": {