@real-music-packages/web-core 0.4.0 → 0.5.0

package/dist/video.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Framework-agnostic promo video module.
+ *
+ * Provides:
+ *  - PromoTheme — colour/font/brand tokens
+ *  - Scene — {durationMs, draw, onEnter?}
+ *  - recordScenes — rAF-based canvas capture → Blob (browser only)
+ *  - hookScene / revealScene / ctaScene — scene builders (pure, unit-testable)
+ *  - runPromoCapture — orchestrator with dependency-injected recorder
+ *
+ * Visual style ported from whozart/src/lib/promo.ts + video.ts.
+ */
+interface PromoTheme {
+    paper: string;
+    ink: string;
+    accent: string;
+    sepia: string;
+    gold: string;
+    fontDisplay: string;
+    fontBody: string;
+    brand: string;
+}
+interface Scene {
+    durationMs: number;
+    draw: (ctx: CanvasRenderingContext2D, t01: number) => void;
+    onEnter?: () => void;
+}
+interface RecordOpts {
+    audioStream: MediaStream;
+    width: number;
+    height: number;
+    fps?: number;
+    background?: string;
+    onProgress?: (p: {
+        phase: string;
+        progress01: number;
+    }) => void;
+}
+interface PromoMeta {
+    id?: string;
+    title?: string;
+    composer?: string;
+    [k: string]: unknown;
+}
+interface PromoCaptureOpts {
+    buildScenes: () => Scene[];
+    audioStream: MediaStream;
+    meta: PromoMeta;
+    width?: number;
+    height?: number;
+    fps?: number;
+    background?: string;
+    download?: boolean;
+}
+declare function pickMimeType(): string;
+declare function recordScenes(scenes: Scene[], opts: RecordOpts): Promise<Blob>;
+declare function truncate(s: string, max: number): string;
+declare function initials(name: string): string;
+interface HookSceneOpts {
+    lines: string[];
+    brand?: string;
+}
+declare function hookScene(theme: PromoTheme, opts: HookSceneOpts): Scene;
+interface RevealSceneOpts {
+    title: string;
+    subtitle: string;
+    initials?: string;
+}
+declare function revealScene(theme: PromoTheme, opts: RevealSceneOpts): Scene;
+interface CtaSceneOpts {
+    lines: string[];
+}
+declare function ctaScene(theme: PromoTheme, opts: CtaSceneOpts): Scene;
+declare function runPromoCapture(opts: PromoCaptureOpts, record?: (scenes: Scene[], o: RecordOpts) => Promise<Blob>): Promise<void>;
+
+export { type CtaSceneOpts, type HookSceneOpts, type PromoCaptureOpts, type PromoMeta, type PromoTheme, type RecordOpts, type RevealSceneOpts, type Scene, ctaScene, hookScene, initials, pickMimeType, recordScenes, revealScene, runPromoCapture, truncate };

package/dist/video.js

@@ -0,0 +1,202 @@
+// src/video.ts
+function pickMimeType() {
+  const candidates = [
+    "video/webm;codecs=vp9,opus",
+    "video/webm;codecs=vp8,opus",
+    "video/webm"
+  ];
+  for (const t of candidates) {
+    if (typeof MediaRecorder !== "undefined" && MediaRecorder.isTypeSupported(t)) return t;
+  }
+  return "video/webm";
+}
+async function recordScenes(scenes, opts) {
+  const { audioStream, width, height, fps = 30, background = "#000000", onProgress } = opts;
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const maybeCtx = canvas.getContext("2d");
+  if (!maybeCtx) throw new Error("Failed to get 2D context");
+  const ctx = maybeCtx;
+  const videoStream = canvas.captureStream(fps);
+  const combined = new MediaStream([
+    ...videoStream.getVideoTracks(),
+    ...audioStream.getAudioTracks()
+  ]);
+  const mimeType = pickMimeType();
+  const recorder = new MediaRecorder(combined, {
+    mimeType,
+    videoBitsPerSecond: 4e6,
+    audioBitsPerSecond: 128e3
+  });
+  const chunks = [];
+  recorder.ondataavailable = (e) => {
+    if (e.data.size > 0) chunks.push(e.data);
+  };
+  const stopped = new Promise((res) => {
+    recorder.onstop = () => res();
+  });
+  recorder.start();
+  const totalMs = scenes.reduce((s, sc) => s + sc.durationMs, 0);
+  const t0 = performance.now();
+  onProgress?.({ phase: "capturing", progress01: 0 });
+  let sceneStart = 0;
+  let sceneIdx = 0;
+  let enteredScene = -1;
+  ctx.fillStyle = background;
+  ctx.fillRect(0, 0, width, height);
+  scenes[0].draw(ctx, 0);
+  await new Promise((resolve) => {
+    function tick() {
+      const now = performance.now() - t0;
+      if (now >= totalMs) {
+        setTimeout(resolve, 100);
+        return;
+      }
+      while (sceneIdx < scenes.length - 1 && now - sceneStart >= scenes[sceneIdx].durationMs) {
+        sceneStart += scenes[sceneIdx].durationMs;
+        sceneIdx += 1;
+      }
+      const scene = scenes[sceneIdx];
+      if (enteredScene !== sceneIdx) {
+        enteredScene = sceneIdx;
+        scene.onEnter?.();
+      }
+      const tInScene = (now - sceneStart) / scene.durationMs;
+      ctx.fillStyle = background;
+      ctx.fillRect(0, 0, width, height);
+      scene.draw(ctx, Math.min(1, Math.max(0, tInScene)));
+      onProgress?.({
+        phase: "capturing",
+        progress01: Math.min(0.95, now / totalMs)
+      });
+      requestAnimationFrame(tick);
+    }
+    requestAnimationFrame(tick);
+  });
+  onProgress?.({ phase: "finalizing", progress01: 0.96 });
+  recorder.stop();
+  await stopped;
+  return new Blob(chunks, { type: mimeType });
+}
+function truncate(s, max) {
+  return s.length > max ? s.slice(0, max - 1).trimEnd() + "\u2026" : s;
+}
+function initials(name) {
+  return name.split(/\s+/).filter(Boolean).slice(0, 3).map((w) => w[0]).join("").toUpperCase();
+}
+function hookScene(theme, opts) {
+  return {
+    durationMs: 2e3,
+    draw(ctx, _t01) {
+      const W = ctx.canvas.width;
+      const H = ctx.canvas.height;
+      ctx.textAlign = "center";
+      ctx.fillStyle = theme.ink;
+      ctx.font = `bold 64px ${theme.fontDisplay}`;
+      opts.lines.forEach((line, i) => {
+        ctx.fillText(line, W / 2, H * 0.42 + i * 78);
+      });
+      const brand = opts.brand ?? theme.brand;
+      ctx.font = `italic 28px ${theme.fontBody}`;
+      ctx.fillStyle = theme.sepia;
+      ctx.fillText(brand, W / 2, H * 0.42 + opts.lines.length * 78 + 4);
+    }
+  };
+}
+function revealScene(theme, opts) {
+  return {
+    durationMs: 2200,
+    draw(ctx, t01) {
+      const W = ctx.canvas.width;
+      const H = ctx.canvas.height;
+      const cx = W / 2;
+      const cy = H * 0.4;
+      const r = 92;
+      const k = Math.min(1, t01 * 1.4);
+      ctx.globalAlpha = k;
+      ctx.textAlign = "center";
+      ctx.beginPath();
+      ctx.arc(cx, cy, r, 0, Math.PI * 2);
+      ctx.fillStyle = theme.paper;
+      ctx.fill();
+      ctx.lineWidth = 5;
+      ctx.strokeStyle = theme.gold;
+      ctx.stroke();
+      ctx.fillStyle = theme.ink;
+      ctx.font = `bold 60px ${theme.fontDisplay}`;
+      const badge = opts.initials ?? initials(opts.title);
+      ctx.fillText(badge, cx, cy + 21);
+      const truncated = truncate(opts.title, 24);
+      let fontSize = 54;
+      ctx.font = `bold ${fontSize}px ${theme.fontDisplay}`;
+      if (ctx.measureText(truncated).width > W * 0.86) {
+        fontSize = 46;
+        ctx.font = `bold ${fontSize}px ${theme.fontDisplay}`;
+      }
+      ctx.fillStyle = theme.ink;
+      ctx.fillText(truncated, cx, cy + r + 96);
+      ctx.font = `italic 34px ${theme.fontBody}`;
+      ctx.fillStyle = theme.sepia;
+      ctx.fillText(opts.subtitle, cx, cy + r + 150);
+      ctx.globalAlpha = 1;
+    }
+  };
+}
+function ctaScene(theme, opts) {
+  return {
+    durationMs: 2500,
+    draw(ctx, _t01) {
+      const W = ctx.canvas.width;
+      const H = ctx.canvas.height;
+      ctx.textAlign = "center";
+      if (opts.lines.length > 0) {
+        ctx.fillStyle = theme.ink;
+        ctx.font = `bold 52px ${theme.fontDisplay}`;
+        ctx.fillText(opts.lines[0], W / 2, H * 0.42);
+      }
+      opts.lines.slice(1).forEach((line, i) => {
+        ctx.fillStyle = theme.accent;
+        ctx.font = `bold 60px ${theme.fontDisplay}`;
+        ctx.fillText(line, W / 2, H * 0.42 + 86 * (i + 1));
+      });
+    }
+  };
+}
+async function runPromoCapture(opts, record = recordScenes) {
+  const w = window;
+  w.__promoMeta = opts.meta;
+  try {
+    const blob = await record(opts.buildScenes(), {
+      audioStream: opts.audioStream,
+      width: opts.width ?? 1080,
+      height: opts.height ?? 1920,
+      fps: opts.fps,
+      background: opts.background
+    });
+    const url = URL.createObjectURL(blob);
+    w.__promoBlobUrl = url;
+    if (opts.download !== false) {
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `promo-${opts.meta.id ?? "clip"}.webm`;
+      document.body.appendChild(a);
+      a.click();
+    }
+    w.__promoReady = true;
+  } catch (e) {
+    w.__promoError = String(e);
+    throw e;
+  }
+}
+export {
+  ctaScene,
+  hookScene,
+  initials,
+  pickMimeType,
+  recordScenes,
+  revealScene,
+  runPromoCapture,
+  truncate
+};
+//# sourceMappingURL=video.js.map

package/dist/video.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/video.ts"],"sourcesContent":["/**\n * Framework-agnostic promo video module.\n *\n * Provides:\n *  - PromoTheme — colour/font/brand tokens\n *  - Scene — {durationMs, draw, onEnter?}\n *  - recordScenes — rAF-based canvas capture → Blob (browser only)\n *  - hookScene / revealScene / ctaScene — scene builders (pure, unit-testable)\n *  - runPromoCapture — orchestrator with dependency-injected recorder\n *\n * Visual style ported from whozart/src/lib/promo.ts + video.ts.\n */\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\nexport interface PromoTheme {\n  paper: string;\n  ink: string;\n  accent: string;\n  sepia: string;\n  gold: string;\n  fontDisplay: string;\n  fontBody: string;\n  brand: string;\n}\n\nexport interface Scene {\n  durationMs: number;\n  draw: (ctx: CanvasRenderingContext2D, t01: number) => void;\n  onEnter?: () => void;\n}\n\nexport interface RecordOpts {\n  audioStream: MediaStream;\n  width: number;\n  height: number;\n  fps?: number;\n  background?: string;\n  onProgress?: (p: { phase: string; progress01: number }) => void;\n}\n\nexport interface PromoMeta {\n  id?: string;\n  title?: string;\n  composer?: string;\n  [k: string]: unknown;\n}\n\nexport interface PromoCaptureOpts {\n  buildScenes: () => Scene[];\n  audioStream: MediaStream;\n  meta: PromoMeta;\n  width?: number;\n  height?: number;\n  fps?: number;\n  background?: string;\n  download?: boolean;\n}\n\n// ─── MIME type picker ─────────────────────────────────────────────────────────\n\nexport function pickMimeType(): string {\n  const candidates = [\n    'video/webm;codecs=vp9,opus',\n    'video/webm;codecs=vp8,opus',\n    'video/webm',\n  ];\n  for (const t of candidates) {\n    if (typeof MediaRecorder !== 'undefined' && MediaRecorder.isTypeSupported(t)) return t;\n  }\n  return 'video/webm';\n}\n\n// ─── recordScenes ─────────────────────────────────────────────────────────────\n\nexport async function recordScenes(scenes: Scene[], opts: RecordOpts): Promise<Blob> {\n  const { audioStream, width, height, fps = 30, background = '#000000', onProgress } = opts;\n\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n\n  const maybeCtx = canvas.getContext('2d');\n  if (!maybeCtx) throw new Error('Failed to get 2D context');\n  const ctx: CanvasRenderingContext2D = maybeCtx;\n\n  const videoStream = canvas.captureStream(fps);\n  const combined = new MediaStream([\n    ...videoStream.getVideoTracks(),\n    ...audioStream.getAudioTracks(),\n  ]);\n\n  const mimeType = pickMimeType();\n  const recorder = new MediaRecorder(combined, {\n    mimeType,\n    videoBitsPerSecond: 4_000_000,\n    audioBitsPerSecond: 128_000,\n  });\n\n  const chunks: Blob[] = [];\n  recorder.ondataavailable = (e) => {\n    if (e.data.size > 0) chunks.push(e.data);\n  };\n  const stopped = new Promise<void>((res) => {\n    recorder.onstop = () => res();\n  });\n\n  recorder.start();\n\n  const totalMs = scenes.reduce((s, sc) => s + sc.durationMs, 0);\n  const t0 = performance.now();\n\n  onProgress?.({ phase: 'capturing', progress01: 0 });\n\n  let sceneStart = 0;\n  let sceneIdx = 0;\n  let enteredScene = -1;\n\n  // Draw first frame immediately\n  ctx.fillStyle = background;\n  ctx.fillRect(0, 0, width, height);\n  scenes[0].draw(ctx, 0);\n\n  await new Promise<void>((resolve) => {\n    function tick() {\n      const now = performance.now() - t0;\n      if (now >= totalMs) {\n        setTimeout(resolve, 100);\n        return;\n      }\n\n      // Advance scene index\n      while (\n        sceneIdx < scenes.length - 1 &&\n        now - sceneStart >= scenes[sceneIdx].durationMs\n      ) {\n        sceneStart += scenes[sceneIdx].durationMs;\n        sceneIdx += 1;\n      }\n\n      const scene = scenes[sceneIdx];\n\n      // Fire onEnter once per scene\n      if (enteredScene !== sceneIdx) {\n        enteredScene = sceneIdx;\n        scene.onEnter?.();\n      }\n\n      const tInScene = (now - sceneStart) / scene.durationMs;\n\n      // Clear to background\n      ctx.fillStyle = background;\n      ctx.fillRect(0, 0, width, height);\n\n      scene.draw(ctx, Math.min(1, Math.max(0, tInScene)));\n\n      onProgress?.({\n        phase: 'capturing',\n        progress01: Math.min(0.95, now / totalMs),\n      });\n\n      requestAnimationFrame(tick);\n    }\n\n    requestAnimationFrame(tick);\n  });\n\n  onProgress?.({ phase: 'finalizing', progress01: 0.96 });\n  recorder.stop();\n  await stopped;\n\n  return new Blob(chunks, { type: mimeType });\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\nexport function truncate(s: string, max: number): string {\n  return s.length > max ? s.slice(0, max - 1).trimEnd() + '…' : s;\n}\n\nexport function initials(name: string): string {\n  return name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 3)\n    .map((w) => w[0])\n    .join('')\n    .toUpperCase();\n}\n\n// ─── Scene builders ───────────────────────────────────────────────────────────\n\nexport interface HookSceneOpts {\n  lines: string[];\n  brand?: string;\n}\n\nexport function hookScene(theme: PromoTheme, opts: HookSceneOpts): Scene {\n  return {\n    durationMs: 2000,\n    draw(ctx, _t01) {\n      const W = ctx.canvas.width;\n      const H = ctx.canvas.height;\n      ctx.textAlign = 'center';\n      ctx.fillStyle = theme.ink;\n      ctx.font = `bold 64px ${theme.fontDisplay}`;\n      opts.lines.forEach((line, i) => {\n        ctx.fillText(line, W / 2, H * 0.42 + i * 78);\n      });\n      const brand = opts.brand ?? theme.brand;\n      ctx.font = `italic 28px ${theme.fontBody}`;\n      ctx.fillStyle = theme.sepia;\n      ctx.fillText(brand, W / 2, H * 0.42 + opts.lines.length * 78 + 4);\n    },\n  };\n}\n\nexport interface RevealSceneOpts {\n  title: string;\n  subtitle: string;\n  initials?: string;\n}\n\nexport function revealScene(theme: PromoTheme, opts: RevealSceneOpts): Scene {\n  return {\n    durationMs: 2200,\n    draw(ctx, t01) {\n      const W = ctx.canvas.width;\n      const H = ctx.canvas.height;\n      const cx = W / 2;\n      const cy = H * 0.40;\n      const r = 92;\n      const k = Math.min(1, t01 * 1.4);\n      ctx.globalAlpha = k;\n      ctx.textAlign = 'center';\n\n      // Medallion circle (faint surface)\n      ctx.beginPath();\n      ctx.arc(cx, cy, r, 0, Math.PI * 2);\n      ctx.fillStyle = theme.paper;\n      ctx.fill();\n      ctx.lineWidth = 5;\n      ctx.strokeStyle = theme.gold;\n      ctx.stroke();\n\n      // Initials inside medallion\n      ctx.fillStyle = theme.ink;\n      ctx.font = `bold 60px ${theme.fontDisplay}`;\n      const badge = opts.initials ?? initials(opts.title);\n      ctx.fillText(badge, cx, cy + 21);\n\n      // Title (with font-size fallback if too wide)\n      const truncated = truncate(opts.title, 24);\n      let fontSize = 54;\n      ctx.font = `bold ${fontSize}px ${theme.fontDisplay}`;\n      if (ctx.measureText(truncated).width > W * 0.86) {\n        fontSize = 46;\n        ctx.font = `bold ${fontSize}px ${theme.fontDisplay}`;\n      }\n      ctx.fillStyle = theme.ink;\n      ctx.fillText(truncated, cx, cy + r + 96);\n\n      // Subtitle\n      ctx.font = `italic 34px ${theme.fontBody}`;\n      ctx.fillStyle = theme.sepia;\n      ctx.fillText(opts.subtitle, cx, cy + r + 150);\n\n      ctx.globalAlpha = 1;\n    },\n  };\n}\n\nexport interface CtaSceneOpts {\n  lines: string[];\n}\n\nexport function ctaScene(theme: PromoTheme, opts: CtaSceneOpts): Scene {\n  return {\n    durationMs: 2500,\n    draw(ctx, _t01) {\n      const W = ctx.canvas.width;\n      const H = ctx.canvas.height;\n      ctx.textAlign = 'center';\n      if (opts.lines.length > 0) {\n        ctx.fillStyle = theme.ink;\n        ctx.font = `bold 52px ${theme.fontDisplay}`;\n        ctx.fillText(opts.lines[0], W / 2, H * 0.42);\n      }\n      opts.lines.slice(1).forEach((line, i) => {\n        ctx.fillStyle = theme.accent;\n        ctx.font = `bold 60px ${theme.fontDisplay}`;\n        ctx.fillText(line, W / 2, H * 0.42 + 86 * (i + 1));\n      });\n    },\n  };\n}\n\n// ─── runPromoCapture ──────────────────────────────────────────────────────────\n\nexport async function runPromoCapture(\n  opts: PromoCaptureOpts,\n  record: (scenes: Scene[], o: RecordOpts) => Promise<Blob> = recordScenes,\n): Promise<void> {\n  const w = window as unknown as Record<string, unknown>;\n  w.__promoMeta = opts.meta;\n  try {\n    const blob = await record(opts.buildScenes(), {\n      audioStream: opts.audioStream,\n      width: opts.width ?? 1080,\n      height: opts.height ?? 1920,\n      fps: opts.fps,\n      background: opts.background,\n    });\n    const url = URL.createObjectURL(blob);\n    w.__promoBlobUrl = url;\n    if (opts.download !== false) {\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = `promo-${opts.meta.id ?? 'clip'}.webm`;\n      document.body.appendChild(a);\n      a.click();\n    }\n    w.__promoReady = true;\n  } catch (e) {\n    w.__promoError = String(e);\n    throw e;\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,16 +1,28 @@
 {
   "name": "@real-music-packages/web-core",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Shared music-theory + audio primitives for the music-suite web apps",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js" },
-    "./audio": { "types": "./dist/audio.d.ts", "import": "./dist/audio.js" }
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./audio": {
+      "types": "./dist/audio.d.ts",
+      "import": "./dist/audio.js"
+    },
+    "./video": {
+      "types": "./dist/video.d.ts",
+      "import": "./dist/video.js"
+    }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "test": "vitest run",
@@ -21,12 +33,17 @@
   "publishConfig": {
     "access": "public"
   },
-  "repository": { "type": "git", "url": "git+https://github.com/e7mac/web-core.git" },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/e7mac/web-core.git"
+  },
   "peerDependencies": {
     "tone": ">=14"
   },
   "peerDependenciesMeta": {
-    "tone": { "optional": true }
+    "tone": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "tone": "^15.1.22",