@scenar/cli 0.1.18 → 0.1.20-rc.1

package/src/pack/bundle-contract.js

@@ -0,0 +1,116 @@
+/**
+ * The bundle contract — the exact rules the Scenar Cloud backend enforces when
+ * it accepts a deploy. `scenar pack` validates its own output against these
+ * rules so a malformed bundle fails locally with a clear message rather than
+ * mid-upload, and a conformance test asserts pack output satisfies them so pack
+ * and the server can never drift.
+ *
+ * Source of truth (kept in lockstep):
+ *   - DeployContentTypes.java       — extension allowlist + canonical content type
+ *   - DeployManifestValidator.java  — path pattern, depth, dupes, content-type check
+ *   - CompleteDeployUploadSessionHandler.java — sha256/size/content-type shape
+ *   - ScenarioJsonValidator.java    — scenario.json rules
+ *
+ * The backend verifies each file's declared content type equals the canonical
+ * type for its extension (the same declared-then-verified contract as sha256 and
+ * size), so `CONTENT_TYPE_BY_EXTENSION` below must match the server's table
+ * exactly. svg is intentionally absent: it is active content (it can run script
+ * on direct same-origin navigation), so scenarios inline SVG (as a React
+ * component or a data URI) rather than emitting it as a served file.
+ */
+/** Conventional content type per allowed extension. Matches the backend exactly. */
+export const CONTENT_TYPE_BY_EXTENSION = {
+    // The application shell, its scenario descriptor, and narration audio.
+    html: "text/html",
+    js: "text/javascript",
+    css: "text/css",
+    json: "application/json",
+    mp3: "audio/mpeg",
+    // Raster web images.
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    webp: "image/webp",
+    avif: "image/avif",
+    // Modern web fonts (RFC 8081 top-level "font" types).
+    woff2: "font/woff2",
+    woff: "font/woff",
+};
+/** Final-extension allowlist (lowercase, no dot). Derived from the content-type table. */
+export const ALLOWED_EXTENSIONS = Object.keys(CONTENT_TYPE_BY_EXTENSION);
+/** A bundle-relative path: clean POSIX segments, no leading/trailing/double slash. */
+export const RELATIVE_PATH_PATTERN = /^[A-Za-z0-9._-]+(\/[A-Za-z0-9._-]+)*$/;
+/** Maximum number of path segments (directory depth) the backend allows. */
+export const MAX_PATH_DEPTH = 12;
+/** Lowercase hex SHA-256 (exactly 64 chars) — the form the presign binds. */
+export const SHA256_HEX_PATTERN = /^[0-9a-f]{64}$/;
+/** A `type/subtype` content type — the minimal shape the backend requires. */
+export const CONTENT_TYPE_PATTERN = /^[^\s/]+\/[^\s/]+$/;
+/** The file every bundle must contain at its root. */
+export const REQUIRED_FILE = "scenario.json";
+/** Keys forbidden in scenario.json to block prototype-pollution payloads. */
+const FORBIDDEN_JSON_KEYS = ["__proto__", "constructor", "prototype"];
+/** scenario.json must be at most 1 MiB. */
+const MAX_SCENARIO_JSON_BYTES = 1024 * 1024;
+/** Returns the lowercase final extension of a path (no dot), or "" if none. */
+export function finalExtension(path) {
+    const base = path.slice(path.lastIndexOf("/") + 1);
+    const dot = base.lastIndexOf(".");
+    return dot <= 0 ? "" : base.slice(dot + 1).toLowerCase();
+}
+/**
+ * Validate one bundle-relative file path against the backend rules. Returns an
+ * error message, or null if the path is acceptable.
+ */
+export function validateRelativePath(path) {
+    if (!RELATIVE_PATH_PATTERN.test(path)) {
+        return `path "${path}" is not a clean relative path (allowed: A-Z a-z 0-9 . _ - and /)`;
+    }
+    const segments = path.split("/");
+    if (segments.length > MAX_PATH_DEPTH) {
+        return `path "${path}" exceeds the maximum depth of ${MAX_PATH_DEPTH}`;
+    }
+    // The charset regex still admits "." and ".." segments (the dot is allowed);
+    // the backend rejects them as traversal, so we must too.
+    for (const segment of segments) {
+        if (segment === "." || segment === "..") {
+            return `path "${path}" must not contain "." or ".." segments`;
+        }
+    }
+    const ext = finalExtension(path);
+    if (!ALLOWED_EXTENSIONS.includes(ext)) {
+        return `file "${path}" has a disallowed extension; allowed: ${ALLOWED_EXTENSIONS.join(", ")}`;
+    }
+    return null;
+}
+/**
+ * Validate the parsed scenario.json content. Returns an error message, or null
+ * if it satisfies the backend's ScenarioJsonValidator rules.
+ */
+export function validateScenarioJson(raw) {
+    if (Buffer.byteLength(raw, "utf-8") > MAX_SCENARIO_JSON_BYTES) {
+        return "scenario.json exceeds the 1 MiB limit";
+    }
+    let parsed;
+    try {
+        parsed = JSON.parse(raw);
+    }
+    catch {
+        return "scenario.json is not valid JSON";
+    }
+    if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+        return "scenario.json must be a JSON object";
+    }
+    const obj = parsed;
+    if (typeof obj.schemaVersion !== "string" || obj.schemaVersion.length === 0) {
+        return 'scenario.json must have a non-empty string "schemaVersion"';
+    }
+    for (const key of FORBIDDEN_JSON_KEYS) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            return `scenario.json must not contain the forbidden key "${key}"`;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=bundle-contract.js.map

package/src/pack/bundle-contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-contract.js","sourceRoot":"","sources":["../../../src/pack/bundle-contract.ts"],"names":[],"mappings":"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"}

package/src/pack/bundle-contract.ts

@@ -0,0 +1,128 @@
+/**
+ * The bundle contract — the exact rules the Scenar Cloud backend enforces when
+ * it accepts a deploy. `scenar pack` validates its own output against these
+ * rules so a malformed bundle fails locally with a clear message rather than
+ * mid-upload, and a conformance test asserts pack output satisfies them so pack
+ * and the server can never drift.
+ *
+ * Source of truth (kept in lockstep):
+ *   - DeployContentTypes.java       — extension allowlist + canonical content type
+ *   - DeployManifestValidator.java  — path pattern, depth, dupes, content-type check
+ *   - CompleteDeployUploadSessionHandler.java — sha256/size/content-type shape
+ *   - ScenarioJsonValidator.java    — scenario.json rules
+ *
+ * The backend verifies each file's declared content type equals the canonical
+ * type for its extension (the same declared-then-verified contract as sha256 and
+ * size), so `CONTENT_TYPE_BY_EXTENSION` below must match the server's table
+ * exactly. svg is intentionally absent: it is active content (it can run script
+ * on direct same-origin navigation), so scenarios inline SVG (as a React
+ * component or a data URI) rather than emitting it as a served file.
+ */
+
+/** Conventional content type per allowed extension. Matches the backend exactly. */
+export const CONTENT_TYPE_BY_EXTENSION = {
+  // The application shell, its scenario descriptor, and narration audio.
+  html: "text/html",
+  js: "text/javascript",
+  css: "text/css",
+  json: "application/json",
+  mp3: "audio/mpeg",
+  // Raster web images.
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  webp: "image/webp",
+  avif: "image/avif",
+  // Modern web fonts (RFC 8081 top-level "font" types).
+  woff2: "font/woff2",
+  woff: "font/woff",
+} as const;
+
+/** Final-extension allowlist (lowercase, no dot). Derived from the content-type table. */
+export const ALLOWED_EXTENSIONS = Object.keys(
+  CONTENT_TYPE_BY_EXTENSION,
+) as (keyof typeof CONTENT_TYPE_BY_EXTENSION)[];
+
+/** A bundle-relative path: clean POSIX segments, no leading/trailing/double slash. */
+export const RELATIVE_PATH_PATTERN = /^[A-Za-z0-9._-]+(\/[A-Za-z0-9._-]+)*$/;
+
+/** Maximum number of path segments (directory depth) the backend allows. */
+export const MAX_PATH_DEPTH = 12;
+
+/** Lowercase hex SHA-256 (exactly 64 chars) — the form the presign binds. */
+export const SHA256_HEX_PATTERN = /^[0-9a-f]{64}$/;
+
+/** A `type/subtype` content type — the minimal shape the backend requires. */
+export const CONTENT_TYPE_PATTERN = /^[^\s/]+\/[^\s/]+$/;
+
+/** The file every bundle must contain at its root. */
+export const REQUIRED_FILE = "scenario.json";
+
+/** Keys forbidden in scenario.json to block prototype-pollution payloads. */
+const FORBIDDEN_JSON_KEYS = ["__proto__", "constructor", "prototype"];
+
+/** scenario.json must be at most 1 MiB. */
+const MAX_SCENARIO_JSON_BYTES = 1024 * 1024;
+
+/** Returns the lowercase final extension of a path (no dot), or "" if none. */
+export function finalExtension(path: string): string {
+  const base = path.slice(path.lastIndexOf("/") + 1);
+  const dot = base.lastIndexOf(".");
+  return dot <= 0 ? "" : base.slice(dot + 1).toLowerCase();
+}
+
+/**
+ * Validate one bundle-relative file path against the backend rules. Returns an
+ * error message, or null if the path is acceptable.
+ */
+export function validateRelativePath(path: string): string | null {
+  if (!RELATIVE_PATH_PATTERN.test(path)) {
+    return `path "${path}" is not a clean relative path (allowed: A-Z a-z 0-9 . _ - and /)`;
+  }
+  const segments = path.split("/");
+  if (segments.length > MAX_PATH_DEPTH) {
+    return `path "${path}" exceeds the maximum depth of ${MAX_PATH_DEPTH}`;
+  }
+  // The charset regex still admits "." and ".." segments (the dot is allowed);
+  // the backend rejects them as traversal, so we must too.
+  for (const segment of segments) {
+    if (segment === "." || segment === "..") {
+      return `path "${path}" must not contain "." or ".." segments`;
+    }
+  }
+  const ext = finalExtension(path);
+  if (!(ALLOWED_EXTENSIONS as readonly string[]).includes(ext)) {
+    return `file "${path}" has a disallowed extension; allowed: ${ALLOWED_EXTENSIONS.join(", ")}`;
+  }
+  return null;
+}
+
+/**
+ * Validate the parsed scenario.json content. Returns an error message, or null
+ * if it satisfies the backend's ScenarioJsonValidator rules.
+ */
+export function validateScenarioJson(raw: string): string | null {
+  if (Buffer.byteLength(raw, "utf-8") > MAX_SCENARIO_JSON_BYTES) {
+    return "scenario.json exceeds the 1 MiB limit";
+  }
+  let parsed: unknown;
+  try {
+    parsed = JSON.parse(raw);
+  } catch {
+    return "scenario.json is not valid JSON";
+  }
+  if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+    return "scenario.json must be a JSON object";
+  }
+  const obj = parsed as Record<string, unknown>;
+  if (typeof obj.schemaVersion !== "string" || obj.schemaVersion.length === 0) {
+    return 'scenario.json must have a non-empty string "schemaVersion"';
+  }
+  for (const key of FORBIDDEN_JSON_KEYS) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      return `scenario.json must not contain the forbidden key "${key}"`;
+    }
+  }
+  return null;
+}

package/src/pack/generate-embed-entry.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Inputs required to generate the web entry for a packed scenario.
+ *
+ * All paths are absolute filesystem paths; the generator converts them to
+ * posix-style forward-slash specifiers suitable for Vite/Rollup imports.
+ */
+export interface EmbedEntryInput {
+    /** Absolute path to the scenario directory (contains steps.ts). */
+    scenarioDir: string;
+    /** Absolute path to the file that exports renderStep. */
+    renderFilePath: string;
+    /** Scenario ID (directory basename) — used as the bundle id. */
+    scenarioId: string;
+    /** Whether the scenario has a narration manifest (+ audio). */
+    hasNarration: boolean;
+    /** Absolute path to .scenar/providers.tsx, or null if none. */
+    providersPath: string | null;
+    /** Canonical viewport width in px (children render at this width). */
+    canonicalWidth: number;
+    /** Shell height in px, exposed as --scenar-shell-height. */
+    shellHeight: number;
+}
+/**
+ * Produce the TypeScript source for the browser entry that mounts a scenario as
+ * a live, hosted embed.
+ *
+ * This is the web sibling of the Remotion entry generator: instead of
+ * registering a Remotion composition, it mounts {@link ScenarioPlayer} into
+ * `#root` with the same `bundle` + `renderStep` contract. It imports the
+ * @scenar/react theme + styles so the bundle is self-contained, and scopes the
+ * tree with `SCENAR_CLASS` + `DemoViewport` exactly as the authoring surfaces do.
+ *
+ * Pure function, no side effects — the caller writes the result to disk.
+ */
+export declare function generateEmbedEntry(input: EmbedEntryInput): string;
+/**
+ * Produce the index.html that boots the embed. The entry is referenced as an
+ * external module script (`<script type="module" src>`) — never inline — so the
+ * server CSP (`script-src 'self'`) is satisfied without loosening.
+ */
+export declare function generateEmbedHtml(scenarioId: string, entryFileName: string): string;
+//# sourceMappingURL=generate-embed-entry.d.ts.map

package/src/pack/generate-embed-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-embed-entry.d.ts","sourceRoot":"","sources":["../../../src/pack/generate-embed-entry.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,cAAc,EAAE,MAAM,CAAC;IACvB,gEAAgE;IAChE,UAAU,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,YAAY,EAAE,OAAO,CAAC;IACtB,+DAA+D;IAC/D,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,sEAAsE;IACtE,cAAc,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAqFjE;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,CAgBnF"}

package/src/pack/generate-embed-entry.js

@@ -0,0 +1,125 @@
+import { posix } from "node:path";
+/**
+ * Produce the TypeScript source for the browser entry that mounts a scenario as
+ * a live, hosted embed.
+ *
+ * This is the web sibling of the Remotion entry generator: instead of
+ * registering a Remotion composition, it mounts {@link ScenarioPlayer} into
+ * `#root` with the same `bundle` + `renderStep` contract. It imports the
+ * @scenar/react theme + styles so the bundle is self-contained, and scopes the
+ * tree with `SCENAR_CLASS` + `DemoViewport` exactly as the authoring surfaces do.
+ *
+ * Pure function, no side effects — the caller writes the result to disk.
+ */
+export function generateEmbedEntry(input) {
+    const scenarioPath = toPosix(input.scenarioDir);
+    const stepsImport = `${scenarioPath}/steps`;
+    const renderImport = toPosix(input.renderFilePath).replace(/\.[^.]+$/, "");
+    const lines = [];
+    // --- Imports ---
+    lines.push(`import { createRoot } from "react-dom/client";`);
+    const reactImports = input.hasNarration
+        ? `ScenarioPlayer, DemoViewport, SCENAR_CLASS, useNarrationManifest`
+        : `ScenarioPlayer, DemoViewport, SCENAR_CLASS`;
+    lines.push(`import { ${reactImports} } from "@scenar/react";`);
+    lines.push(`import "@scenar/react/theme.css";`);
+    lines.push(`import "@scenar/react/styles.css";`);
+    lines.push(`import { renderStep } from ${JSON.stringify(renderImport)};`);
+    lines.push(`import * as _stepsModule from ${JSON.stringify(stepsImport)};`);
+    if (input.providersPath) {
+        const providersImport = toPosix(input.providersPath).replace(/\.[^.]+$/, "");
+        lines.push(`import { PreviewProviders as _Providers } from ${JSON.stringify(providersImport)};`);
+    }
+    // --- Steps resolution (duck-type the first array of objects with delayMs) ---
+    lines.push(``);
+    lines.push(`function _findSteps(mod: Record<string, unknown>): unknown[] {`);
+    lines.push(`  for (const val of Object.values(mod)) {`);
+    lines.push(`    if (`);
+    lines.push(`      Array.isArray(val) &&`);
+    lines.push(`      val.length > 0 &&`);
+    lines.push(`      typeof val[0] === "object" &&`);
+    lines.push(`      val[0] !== null &&`);
+    lines.push(`      "delayMs" in val[0]`);
+    lines.push(`    ) return val;`);
+    lines.push(`  }`);
+    lines.push(`  throw new Error("No steps array found in ${escapeForString(stepsImport)}");`);
+    lines.push(`}`);
+    lines.push(``);
+    lines.push(`const _steps: any = _findSteps(_stepsModule as unknown as Record<string, unknown>);`);
+    // --- Narration manifest URL resolver (stable module-level reference) ---
+    // The manifest is fetched at runtime from its own relative location so that
+    // useNarrationManifest resolves each clip src against it (audio lives under
+    // ./narration/). A stable resolver avoids refetch-on-every-render.
+    if (input.hasNarration) {
+        lines.push(``);
+        lines.push(`const _resolveManifestUrl = () => "./narration/manifest.json";`);
+    }
+    // --- App tree ---
+    lines.push(``);
+    lines.push(`function _App() {`);
+    if (input.hasNarration) {
+        lines.push(`  const _manifest = useNarrationManifest(${JSON.stringify(input.scenarioId)}, _resolveManifestUrl);`);
+    }
+    lines.push(`  const _bundle = {`);
+    lines.push(`    id: ${JSON.stringify(input.scenarioId)},`);
+    lines.push(`    steps: _steps,`);
+    lines.push(`    narrationManifest: ${input.hasNarration ? "_manifest" : "undefined"},`);
+    lines.push(`  };`);
+    const open = input.providersPath ? `<_Providers>` : ``;
+    const close = input.providersPath ? `</_Providers>` : ``;
+    lines.push(`  return (`);
+    lines.push(`    <div className={SCENAR_CLASS}>`);
+    lines.push(`      ${open}`);
+    lines.push(`      <DemoViewport canonicalWidth={${input.canonicalWidth}} shellHeight={${input.shellHeight}}>`);
+    lines.push(`        <ScenarioPlayer bundle={_bundle} embed>`);
+    lines.push(`          {(data: any, stepIndex: number) => renderStep(data, stepIndex)}`);
+    lines.push(`        </ScenarioPlayer>`);
+    lines.push(`      </DemoViewport>`);
+    lines.push(`      ${close}`);
+    lines.push(`    </div>`);
+    lines.push(`  );`);
+    lines.push(`}`);
+    // --- Mount ---
+    lines.push(``);
+    lines.push(`const _rootEl = document.getElementById("root");`);
+    lines.push(`if (!_rootEl) throw new Error("Embed root element #root not found");`);
+    lines.push(`createRoot(_rootEl).render(<_App />);`);
+    lines.push(``);
+    return lines.join("\n");
+}
+/**
+ * Produce the index.html that boots the embed. The entry is referenced as an
+ * external module script (`<script type="module" src>`) — never inline — so the
+ * server CSP (`script-src 'self'`) is satisfied without loosening.
+ */
+export function generateEmbedHtml(scenarioId, entryFileName) {
+    return [
+        `<!doctype html>`,
+        `<html lang="en">`,
+        `  <head>`,
+        `    <meta charset="utf-8" />`,
+        `    <meta name="viewport" content="width=device-width, initial-scale=1" />`,
+        `    <title>${escapeHtml(scenarioId)}</title>`,
+        `  </head>`,
+        `  <body>`,
+        `    <div id="root"></div>`,
+        `    <script type="module" src=${JSON.stringify("./" + entryFileName)}></script>`,
+        `  </body>`,
+        `</html>`,
+        ``,
+    ].join("\n");
+}
+/** Convert a filesystem path to posix separators (for bundler imports). */
+function toPosix(fsPath) {
+    return fsPath.split(posix.sep === "/" ? /\\/ : /[\\/]/).join("/");
+}
+function escapeForString(value) {
+    return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+}
+function escapeHtml(value) {
+    return value
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+}
+//# sourceMappingURL=generate-embed-entry.js.map

package/src/pack/generate-embed-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-embed-entry.js","sourceRoot":"","sources":["../../../src/pack/generate-embed-entry.ts"],"names":[],"mappings":"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"}

package/src/pack/generate-embed-entry.ts

@@ -0,0 +1,162 @@
+import { posix } from "node:path";
+
+/**
+ * Inputs required to generate the web entry for a packed scenario.
+ *
+ * All paths are absolute filesystem paths; the generator converts them to
+ * posix-style forward-slash specifiers suitable for Vite/Rollup imports.
+ */
+export interface EmbedEntryInput {
+  /** Absolute path to the scenario directory (contains steps.ts). */
+  scenarioDir: string;
+  /** Absolute path to the file that exports renderStep. */
+  renderFilePath: string;
+  /** Scenario ID (directory basename) — used as the bundle id. */
+  scenarioId: string;
+  /** Whether the scenario has a narration manifest (+ audio). */
+  hasNarration: boolean;
+  /** Absolute path to .scenar/providers.tsx, or null if none. */
+  providersPath: string | null;
+  /** Canonical viewport width in px (children render at this width). */
+  canonicalWidth: number;
+  /** Shell height in px, exposed as --scenar-shell-height. */
+  shellHeight: number;
+}
+
+/**
+ * Produce the TypeScript source for the browser entry that mounts a scenario as
+ * a live, hosted embed.
+ *
+ * This is the web sibling of the Remotion entry generator: instead of
+ * registering a Remotion composition, it mounts {@link ScenarioPlayer} into
+ * `#root` with the same `bundle` + `renderStep` contract. It imports the
+ * @scenar/react theme + styles so the bundle is self-contained, and scopes the
+ * tree with `SCENAR_CLASS` + `DemoViewport` exactly as the authoring surfaces do.
+ *
+ * Pure function, no side effects — the caller writes the result to disk.
+ */
+export function generateEmbedEntry(input: EmbedEntryInput): string {
+  const scenarioPath = toPosix(input.scenarioDir);
+  const stepsImport = `${scenarioPath}/steps`;
+  const renderImport = toPosix(input.renderFilePath).replace(/\.[^.]+$/, "");
+
+  const lines: string[] = [];
+
+  // --- Imports ---
+  lines.push(`import { createRoot } from "react-dom/client";`);
+  const reactImports = input.hasNarration
+    ? `ScenarioPlayer, DemoViewport, SCENAR_CLASS, useNarrationManifest`
+    : `ScenarioPlayer, DemoViewport, SCENAR_CLASS`;
+  lines.push(`import { ${reactImports} } from "@scenar/react";`);
+  lines.push(`import "@scenar/react/theme.css";`);
+  lines.push(`import "@scenar/react/styles.css";`);
+  lines.push(`import { renderStep } from ${JSON.stringify(renderImport)};`);
+  lines.push(`import * as _stepsModule from ${JSON.stringify(stepsImport)};`);
+
+  if (input.providersPath) {
+    const providersImport = toPosix(input.providersPath).replace(/\.[^.]+$/, "");
+    lines.push(
+      `import { PreviewProviders as _Providers } from ${JSON.stringify(providersImport)};`,
+    );
+  }
+
+  // --- Steps resolution (duck-type the first array of objects with delayMs) ---
+  lines.push(``);
+  lines.push(`function _findSteps(mod: Record<string, unknown>): unknown[] {`);
+  lines.push(`  for (const val of Object.values(mod)) {`);
+  lines.push(`    if (`);
+  lines.push(`      Array.isArray(val) &&`);
+  lines.push(`      val.length > 0 &&`);
+  lines.push(`      typeof val[0] === "object" &&`);
+  lines.push(`      val[0] !== null &&`);
+  lines.push(`      "delayMs" in val[0]`);
+  lines.push(`    ) return val;`);
+  lines.push(`  }`);
+  lines.push(`  throw new Error("No steps array found in ${escapeForString(stepsImport)}");`);
+  lines.push(`}`);
+  lines.push(``);
+  lines.push(`const _steps: any = _findSteps(_stepsModule as unknown as Record<string, unknown>);`);
+
+  // --- Narration manifest URL resolver (stable module-level reference) ---
+  // The manifest is fetched at runtime from its own relative location so that
+  // useNarrationManifest resolves each clip src against it (audio lives under
+  // ./narration/). A stable resolver avoids refetch-on-every-render.
+  if (input.hasNarration) {
+    lines.push(``);
+    lines.push(`const _resolveManifestUrl = () => "./narration/manifest.json";`);
+  }
+
+  // --- App tree ---
+  lines.push(``);
+  lines.push(`function _App() {`);
+  if (input.hasNarration) {
+    lines.push(`  const _manifest = useNarrationManifest(${JSON.stringify(input.scenarioId)}, _resolveManifestUrl);`);
+  }
+  lines.push(`  const _bundle = {`);
+  lines.push(`    id: ${JSON.stringify(input.scenarioId)},`);
+  lines.push(`    steps: _steps,`);
+  lines.push(`    narrationManifest: ${input.hasNarration ? "_manifest" : "undefined"},`);
+  lines.push(`  };`);
+  const open = input.providersPath ? `<_Providers>` : ``;
+  const close = input.providersPath ? `</_Providers>` : ``;
+  lines.push(`  return (`);
+  lines.push(`    <div className={SCENAR_CLASS}>`);
+  lines.push(`      ${open}`);
+  lines.push(`      <DemoViewport canonicalWidth={${input.canonicalWidth}} shellHeight={${input.shellHeight}}>`);
+  lines.push(`        <ScenarioPlayer bundle={_bundle} embed>`);
+  lines.push(`          {(data: any, stepIndex: number) => renderStep(data, stepIndex)}`);
+  lines.push(`        </ScenarioPlayer>`);
+  lines.push(`      </DemoViewport>`);
+  lines.push(`      ${close}`);
+  lines.push(`    </div>`);
+  lines.push(`  );`);
+  lines.push(`}`);
+
+  // --- Mount ---
+  lines.push(``);
+  lines.push(`const _rootEl = document.getElementById("root");`);
+  lines.push(`if (!_rootEl) throw new Error("Embed root element #root not found");`);
+  lines.push(`createRoot(_rootEl).render(<_App />);`);
+  lines.push(``);
+
+  return lines.join("\n");
+}
+
+/**
+ * Produce the index.html that boots the embed. The entry is referenced as an
+ * external module script (`<script type="module" src>`) — never inline — so the
+ * server CSP (`script-src 'self'`) is satisfied without loosening.
+ */
+export function generateEmbedHtml(scenarioId: string, entryFileName: string): string {
+  return [
+    `<!doctype html>`,
+    `<html lang="en">`,
+    `  <head>`,
+    `    <meta charset="utf-8" />`,
+    `    <meta name="viewport" content="width=device-width, initial-scale=1" />`,
+    `    <title>${escapeHtml(scenarioId)}</title>`,
+    `  </head>`,
+    `  <body>`,
+    `    <div id="root"></div>`,
+    `    <script type="module" src=${JSON.stringify("./" + entryFileName)}></script>`,
+    `  </body>`,
+    `</html>`,
+    ``,
+  ].join("\n");
+}
+
+/** Convert a filesystem path to posix separators (for bundler imports). */
+function toPosix(fsPath: string): string {
+  return fsPath.split(posix.sep === "/" ? /\\/ : /[\\/]/).join("/");
+}
+
+function escapeForString(value: string): string {
+  return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+}
+
+function escapeHtml(value: string): string {
+  return value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;");
+}

package/src/pack/pack-manifest.d.ts

@@ -0,0 +1,45 @@
+import type { Viewport } from "./viewport.js";
+/** One uploadable file, described exactly as the deploy session needs it. */
+export interface PackFile {
+    /** Bundle-relative POSIX path (e.g. "assets/index-abc.js"). */
+    readonly path: string;
+    /** Lowercase-hex SHA-256 of the bytes (64 chars). */
+    readonly sha256: string;
+    /** Byte length (> 0). */
+    readonly sizeBytes: number;
+    /** Content type the server binds into the presign and the edge serves. */
+    readonly contentType: string;
+}
+/** The deploy instruction file `scenar deploy` consumes. */
+export interface PackManifest {
+    readonly schemaVersion: number;
+    readonly scenarioId: string;
+    /** Files to upload — excludes the manifest itself. */
+    readonly files: PackFile[];
+}
+/** Name of the manifest file written at the bundle root (not itself uploaded). */
+export declare const PACK_MANIFEST_FILE = "pack-manifest.json";
+/** Name of the required scenario descriptor at the bundle root. */
+export declare const SCENARIO_JSON_FILE = "scenario.json";
+/**
+ * Write the bundle's scenario.json — the required-at-root descriptor. Kept
+ * intentionally minimal (a validated metadata header) plus the canonical
+ * `viewport` baked into the bundle: the player reads its steps from the bundled
+ * JS, so the full serialized spec is still a follow-up, but `deploy` needs the
+ * viewport to derive a correctly-proportioned embed snippet (DD-004). The
+ * viewport mirrors `ViewportConfig { width, height }`. Validated against the
+ * backend rules before writing (which accept the extra `viewport` key).
+ */
+export declare function writeScenarioJson(outDir: string, scenarioId: string, generatorVersion: string, viewport: Viewport): Promise<void>;
+/**
+ * Walk the build output and produce the pack manifest: one validated entry per
+ * file (excluding the manifest itself), with a lowercase-hex SHA-256, byte size,
+ * and content type. Throws with a clear message if any file violates the bundle
+ * contract (e.g. a disallowed extension), so the failure is local and obvious.
+ */
+export declare function buildPackManifest(outDir: string, scenarioId: string): Promise<PackManifest>;
+/** Write pack-manifest.json at the bundle root. */
+export declare function writePackManifest(outDir: string, manifest: PackManifest): Promise<void>;
+/** True if every listed file exists on disk under outDir with the recorded size. */
+export declare function verifyManifestFilesExist(outDir: string, manifest: PackManifest): Promise<void>;
+//# sourceMappingURL=pack-manifest.d.ts.map

package/src/pack/pack-manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pack-manifest.d.ts","sourceRoot":"","sources":["../../../src/pack/pack-manifest.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,6EAA6E;AAC7E,MAAM,WAAW,QAAQ;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,yBAAyB;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,0EAA0E;IAC1E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,4DAA4D;AAC5D,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;CAC5B;AAED,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AAEvD,mEAAmE;AACnE,eAAO,MAAM,kBAAkB,kBAAkB,CAAC;AAElD;;;;;;;;GAQG;AACH,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,MAAM,EACxB,QAAQ,EAAE,QAAQ,GACjB,OAAO,CAAC,IAAI,CAAC,CAgBf;AAED;;;;;GAKG;AACH,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CA+BjG;AAED,mDAAmD;AACnD,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAM7F;AAiBD,oFAAoF;AACpF,wBAAsB,wBAAwB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAQpG"}