@vosjs/studio-core 0.42.0 → 0.42.2

package/dist/index.js

@@ -623,7 +623,7 @@ function projectFromArtifact(artifact, videoUrl, opts = {}) {
   const coverage = surface === "monitor" || artifact.meta.windowMovedDuringTake || unfocused ? 0 : norm.coverage;
   if (artifact.cursor.length > 0 && coverage < CAPTURE_COVERAGE_MIN) {
     console.warn(
-      "[voila/studio] dropping cursor track \u2014",
+      "[studio] dropping cursor track \u2014",
       surface === "monitor" ? "entire-screen takes have no cursor effects (untrackable outside browser pages)" : artifact.meta.windowMovedDuringTake ? "window moved/resized during the take" : unfocused ? `browser window focused only ${Math.round((artifact.meta.windowFocusedFrac ?? 0) * 100)}% of the take \u2014 a different window was likely shared` : `coverage ${norm.coverage.toFixed(2)} (wrong surface shared, or unusable capture geometry)`
     );
   }
@@ -4843,7 +4843,7 @@ var STUDIO_SETUP = `async (ctx) => {
       // The MediaError rides along: code 4 is an unreadable/unsupported source
       // (a dead blob URL, a 404), code 3 a decode failure, code 2 a network
       // stall. A bare "failed to load" gave the fleet log nothing to act on.
-      v.onerror = () => rej(new Error('[voila] video failed to load' + (v.error ? ' (' + v.error.code + (v.error.message ? ': ' + v.error.message : '') + ')' : '')))
+      v.onerror = () => rej(new Error('[studio] video failed to load' + (v.error ? ' (' + v.error.code + (v.error.message ? ': ' + v.error.message : '') + ')' : '')))
       v.load()
     })
     cache.set(src, v)
@@ -4856,7 +4856,7 @@ var STUDIO_SETUP = `async (ctx) => {
       const img = new Image()
       img.crossOrigin = 'anonymous'
       img.onload = () => { cache.set(src, img); res(img) }
-      img.onerror = () => rej(new Error('[voila] image failed to load'))
+      img.onerror = () => rej(new Error('[studio] image failed to load'))
       img.src = src
     })
   }
@@ -4870,7 +4870,7 @@ var STUDIO_SETUP = `async (ctx) => {
       const faces = ctx.data.overlayFonts || ${JSON.stringify(OVERLAY_FONT_FACES)}
       // Mark what SETUP registers, so ON_FRAME's live path (a text overlay
       // arriving through SET_DATA) never adds the same face twice.
-      const ofSet = window.__voilaFontSet || (window.__voilaFontSet = {})
+      const ofSet = window.__vosFontSet || (window.__vosFontSet = {})
       const loads = faces.map((f) => {
         ofSet[f.family + '|' + f.weight] = 1
         const ff = new FontFace(f.family, 'url(' + f.url + ')', { weight: String(f.weight) })
@@ -4881,7 +4881,7 @@ var STUDIO_SETUP = `async (ctx) => {
         Promise.all(loads).catch(() => {}),
         new Promise((res) => setTimeout(res, 4000)),
       ])
-    } catch (e) { console.warn('[voila] overlay fonts failed to load', e) }
+    } catch (e) { console.warn('[studio] overlay fonts failed to load', e) }
   }
   // An HTML layer arrives as SOURCE, and the picture is built HERE.
   //
@@ -4924,7 +4924,7 @@ var STUDIO_SETUP = `async (ctx) => {
       // Fail open per URL, and NOT sticky: the layer paints without it now
       // and the next build asks again.
       faceData.delete(url)
-      console.warn('[voila] html layer ' + what + ' failed to load', url, e)
+      console.warn('[studio] html layer ' + what + ' failed to load', url, e)
       return ''
     })
     faceData.set(url, p)
@@ -4976,7 +4976,7 @@ var STUDIO_SETUP = `async (ctx) => {
         ns.htmlSafe = true
       } catch (e) {
         ns.htmlSafe = false
-        console.error('[voila] html layers are off: this browser taints a canvas that draws a foreignObject SVG', e)
+        console.error('[studio] html layers are off: this browser taints a canvas that draws a foreignObject SVG', e)
       }
     }
     // One picture per clip in the cache: the previous key goes when a new
@@ -4993,7 +4993,7 @@ var STUDIO_SETUP = `async (ctx) => {
   // recorded on the clip and said at the level a render page forwards.
   ns.buildHtmlLayer = (oc, live) => buildHtmlLayer(oc, live).catch((e) => {
     ns.htmlErrors[oc.id] = String((e && e.message) || e)
-    console.error('[voila] html layer ' + oc.id + ' ' + ns.htmlErrors[oc.id])
+    console.error('[studio] html layer ' + oc.id + ' ' + ns.htmlErrors[oc.id])
   })
   // The capture contract for a LIVE layer, on ANY anchor. A recording's own
   // program installs the settle machinery (pendingDecodes, the wait a
@@ -5036,7 +5036,7 @@ var STUDIO_SETUP = `async (ctx) => {
     try {
       if (oc.kind === 'image') await loadImage(oc.key)
       else await load(oc.key, true)
-    } catch (e) { console.warn('[voila] overlay media failed to load', oc.key, e) }
+    } catch (e) { console.warn('[studio] overlay media failed to load', oc.key, e) }
   }
   // GLB object assets (V3b): load via the engine's GLTFLoader addon into a
   // shared cache, bbox-NORMALIZED (norm = 1/maxDim) so transform3d.scale means
@@ -5048,7 +5048,7 @@ var STUDIO_SETUP = `async (ctx) => {
     if (!oc.asset || oc.asset.kind !== 'gltf' || !oc.asset.key || objCache.has(oc.asset.key)) continue
     try {
       const GL = ctx.loaders && ctx.loaders.GLTFLoader
-      if (!GL) { console.warn('[voila] GLTFLoader unavailable'); continue }
+      if (!GL) { console.warn('[studio] GLTFLoader unavailable'); continue }
       const gltf = await new Promise((res, rej) => new GL().load(oc.asset.key, res, undefined, rej))
       const box = new ctx.THREE.Box3().setFromObject(gltf.scene)
       const size = new ctx.THREE.Vector3()
@@ -5057,7 +5057,7 @@ var STUDIO_SETUP = `async (ctx) => {
       box.getCenter(center)
       const maxDim = Math.max(size.x, size.y, size.z) || 1
       objCache.set(oc.asset.key, { scene: gltf.scene, norm: 1 / maxDim, center: center })
-    } catch (e) { console.warn('[voila] glb failed to load', oc.asset.key, e) }
+    } catch (e) { console.warn('[studio] glb failed to load', oc.asset.key, e) }
   }
   // 3D-text typefaces: FontLoader JSONs into a shared cache, keyed by
   // URL. Awaited here so frame 0 is complete on cold loads (export/chunk
@@ -5068,10 +5068,10 @@ var STUDIO_SETUP = `async (ctx) => {
     if (!oc.asset || oc.asset.kind !== 'text3d' || !oc.asset.url || fontCache.has(oc.asset.url)) continue
     try {
       const FL = ctx.loaders && ctx.loaders.FontLoader
-      if (!FL) { console.warn('[voila] FontLoader unavailable'); continue }
+      if (!FL) { console.warn('[studio] FontLoader unavailable'); continue }
       const font = await new Promise((res, rej) => new FL().load(oc.asset.url, res, undefined, rej))
       fontCache.set(oc.asset.url, font)
-    } catch (e) { console.warn('[voila] typeface failed to load', oc.asset.url, e) }
+    } catch (e) { console.warn('[studio] typeface failed to load', oc.asset.url, e) }
   }
   // Audio clips (music/SFX): start decoding into the shared cache now, but
   // never hold the first frame for it. Playback starts on a press, so the
@@ -5096,7 +5096,7 @@ var STUDIO_SETUP = `async (ctx) => {
           bufs.set(c.key, b)
           if (ns.audioSched) ns.audioSched.sig = ''
         })
-        .catch((e) => console.warn('[voila] audio decode failed', c.key, e))
+        .catch((e) => console.warn('[studio] audio decode failed', c.key, e))
         .then(() => pend.delete(c.key))
     }
   }
@@ -5218,7 +5218,7 @@ var STUDIO_FRAME = `(ctx, content, dt) => {
           .then(function (res) { return res.arrayBuffer() })
           .then(function (ab) { return actx.decodeAudioData(ab) })
           .then(function (b) { bufs.set(cc.key, b); AS.sig = '' })
-          .catch(function (e) { console.warn('[voila] audio decode failed', cc.key, e) })
+          .catch(function (e) { console.warn('[studio] audio decode failed', cc.key, e) })
           .then(function () { pend.delete(cc.key) })
       })(clips[di])
     }
@@ -5604,7 +5604,7 @@ var STUDIO_FRAME = `(ctx, content, dt) => {
     // Keyed per window, so SETUP's cold-load faces and repeat frames never
     // re-register; fail-open, frames repaint as each face lands.
     if (typeof FontFace !== 'undefined') {
-      var ofSet = window.__voilaFontSet || (window.__voilaFontSet = {})
+      var ofSet = window.__vosFontSet || (window.__vosFontSet = {})
       var ofBase = d.overlayFonts || ${JSON.stringify(OVERLAY_FONT_FACES)}
       for (var ofi = 0; ofi < ofBase.length; ofi++) {
         var ofB = ofBase[ofi]
@@ -6768,7 +6768,7 @@ var FRAME_STEP_SRC = `
     // A WebCodecs provider (capture pages) services the frame by PTS at
     // decode speed \u2014 no element seek, no 250ms settle cap. The element stays
     // paused as the dimension source and fallback.
-    var wcp = vid.__voilaWc
+    var wcp = vid.__vosWc
     if (wcp) {
       var wcT = Math.min(srcT, wcp.duration || srcT)
       if (wcp.req !== wcT) {
@@ -6799,7 +6799,7 @@ var FRAME_STEP_SRC = `
     // Capture pages: the loop's frame by PTS from its own provider, like the
     // footage. The loop clock only moves forward between wraps, so the walk
     // stays sequential and a wrap is one re-seek to the keyframe at 0.
-    var bwc = bgEl.__voilaWc
+    var bwc = bgEl.__vosWc
     if (bwc) {
       var bwT = Math.min(bgT, bwc.duration || bgT)
       if (bwc.req !== bwT) {
@@ -6846,9 +6846,9 @@ var FRAME_STEP_SRC = `
         if (fired) return
         fired = true
         g.removeEventListener('loadeddata', done)
-        if (g.__voilaWant != null && g.readyState >= 1) {
-          var want = g.__voilaWant
-          g.__voilaWant = null
+        if (g.__vosWant != null && g.readyState >= 1) {
+          var want = g.__vosWant
+          g.__vosWant = null
           var seeked = function () { g.removeEventListener('seeked', seeked); resolve() }
           g.addEventListener('seeked', seeked)
           setTimeout(seeked, 250)
@@ -6868,8 +6868,8 @@ var FRAME_STEP_SRC = `
     return g
   }
   function stepGhost(g, at) {
-    if (g.readyState >= 1) { g.__voilaWant = null; stepPaused(g, at); return }
-    g.__voilaWant = at
+    if (g.readyState >= 1) { g.__vosWant = null; stepPaused(g, at); return }
+    g.__vosWant = at
   }`;
 var SETUP = `async (ctx) => {
   ;${timelineRuntimeCode2}
@@ -6897,11 +6897,11 @@ var SETUP = `async (ctx) => {
   const BG_BLOB_MAX = 64 * 1024 * 1024
   const toBlobUrl = async (src) => {
     const resp = await fetch(src)
-    if (!resp.ok) throw new Error('[voila] blob fetch HTTP ' + resp.status)
+    if (!resp.ok) throw new Error('[studio] blob fetch HTTP ' + resp.status)
     const len = Number(resp.headers.get('content-length') || 0)
     if (len > BLOB_FETCH_MAX) {
       try { if (resp.body) await resp.body.cancel() } catch (e) { void e }
-      throw new Error('[voila] blob fetch over size cap')
+      throw new Error('[studio] blob fetch over size cap')
     }
     const fetched = await resp.blob()
     // Keep the Blob itself: the WebCodecs provider demuxes the SAME
@@ -6915,7 +6915,7 @@ var SETUP = `async (ctx) => {
     let url = src
     if (ctx.data.videoFetchMode === 'blob') {
       try { url = await toBlobUrl(src) }
-      catch (e) { console.warn('[voila] blob fetch failed, using network src', e) }
+      catch (e) { console.warn('[studio] blob fetch failed, using network src', e) }
     }
     v = document.createElement('video')
     v.src = url
@@ -6928,7 +6928,7 @@ var SETUP = `async (ctx) => {
       // The MediaError rides along: code 4 is an unreadable/unsupported source
       // (a dead blob URL, a 404), code 3 a decode failure, code 2 a network
       // stall. A bare "failed to load" gave the fleet log nothing to act on.
-      v.onerror = () => rej(new Error('[voila] video failed to load' + (v.error ? ' (' + v.error.code + (v.error.message ? ': ' + v.error.message : '') + ')' : '')))
+      v.onerror = () => rej(new Error('[studio] video failed to load' + (v.error ? ' (' + v.error.code + (v.error.message ? ': ' + v.error.message : '') + ')' : '')))
       v.load()
     })
     cache.set(src, v)
@@ -6943,7 +6943,7 @@ var SETUP = `async (ctx) => {
       const img = new Image()
       img.crossOrigin = 'anonymous'
       img.onload = () => { cache.set(src, img); res(img) }
-      img.onerror = () => rej(new Error('[voila] image failed to load'))
+      img.onerror = () => rej(new Error('[studio] image failed to load'))
       img.src = src
     })
   }
@@ -7019,7 +7019,7 @@ var SETUP = `async (ctx) => {
           provider.req = t
           chain = chain
             .then(() => advanceTo(t))
-            .catch((e) => { console.warn('[voila] webcodecs frame failed', e) })
+            .catch((e) => { console.warn('[studio] webcodecs frame failed', e) })
           return chain
         },
         // Draw the CURRENT frame into the card. Returns false (element path
@@ -7054,12 +7054,12 @@ var SETUP = `async (ctx) => {
           (wcProvider.width === video.videoWidth &&
             wcProvider.height === video.videoHeight))
       ) {
-        video.__voilaWc = wcProvider
+        video.__vosWc = wcProvider
       } else if (wcProvider) {
-        console.warn('[voila] webcodecs dims mismatch \u2014 element path keeps the frame')
+        console.warn('[studio] webcodecs dims mismatch \u2014 element path keeps the frame')
       }
     } catch (e) {
-      console.warn('[voila] webcodecs provider unavailable, seeks stay html5', e)
+      console.warn('[studio] webcodecs provider unavailable, seeks stay html5', e)
     }
   }
   // The webcam is a separate recording (video-only) drawn as an editable bubble overlay.
@@ -7078,14 +7078,14 @@ var SETUP = `async (ctx) => {
       if (!m.isImage && ctx.data.videoDecodeMode === 'webcodecs') {
         try {
           const wp = await makeWcProvider(m.src)
-          if (wp && (!el.videoWidth || (wp.width === el.videoWidth && wp.height === el.videoHeight))) el.__voilaWc = wp
+          if (wp && (!el.videoWidth || (wp.width === el.videoWidth && wp.height === el.videoHeight))) el.__vosWc = wp
         } catch (e) {
-          console.warn('[voila] webcodecs provider unavailable for a media, seeks stay html5', e)
+          console.warn('[studio] webcodecs provider unavailable for a media, seeks stay html5', e)
         }
       }
       mediaEls[m.id] = el
     } catch (e) {
-      console.warn('[voila] a media failed to load', m.id, e)
+      console.warn('[studio] a media failed to load', m.id, e)
     }
   }
   // Background media (frame.backgroundMedia): warm-load so the first paint is
@@ -7105,7 +7105,7 @@ var SETUP = `async (ctx) => {
         // into a Blob first when it is small enough (one request instead
         // of ranged reads against a CDN). FAIL-OPEN to the element at
         // every step, like the footage.
-        if (ctx.data.videoDecodeMode === 'webcodecs' && !bgV.__voilaWc) {
+        if (ctx.data.videoDecodeMode === 'webcodecs' && !bgV.__vosWc) {
           try {
             if (!(ns.videoBlobs && ns.videoBlobs.get(bgm.key)) && bgm.key.indexOf('blob:') !== 0 && bgm.key.indexOf('data:') !== 0) {
               try {
@@ -7119,22 +7119,22 @@ var SETUP = `async (ctx) => {
               } catch (e) { void e }
             }
             const bgWc = await makeWcProvider(bgm.key)
-            if (bgWc && (!bgV.videoWidth || (bgWc.width === bgV.videoWidth && bgWc.height === bgV.videoHeight))) bgV.__voilaWc = bgWc
+            if (bgWc && (!bgV.videoWidth || (bgWc.width === bgV.videoWidth && bgWc.height === bgV.videoHeight))) bgV.__vosWc = bgWc
           } catch (e) {
-            console.warn('[voila] webcodecs provider unavailable for the background, seeks stay html5', e)
+            console.warn('[studio] webcodecs provider unavailable for the background, seeks stay html5', e)
           }
         }
       }
-    } catch (e) { console.warn('[voila] background media failed to load', e) }
+    } catch (e) { console.warn('[studio] background media failed to load', e) }
   }
   // Which path decodes what, for a host's telemetry: 'provider' is the
   // sequential WebCodecs walk, 'element' an HTMLVideoElement seek per frame.
-  ns.voilaDecode = {
-    recording: ctx.data.isImage ? 'none' : video.__voilaWc ? 'provider' : 'element',
+  ns.studioDecode = {
+    recording: ctx.data.isImage ? 'none' : video.__vosWc ? 'provider' : 'element',
     backdrop: (function () {
       if (!bgm || !bgm.key || bgm.kind === 'image') return 'none'
       const bgHit = cache.get(bgm.key)
-      return bgHit && bgHit.__voilaWc ? 'provider' : 'element'
+      return bgHit && bgHit.__vosWc ? 'provider' : 'element'
     })(),
   }
   // Frame prep: a capture harness calls every ns.framePrep hook right after
@@ -7150,7 +7150,7 @@ var SETUP = `async (ctx) => {
   // chaining; playback never calls it; a harness without it keeps the
   // two-phase loop and stays correct.
   ns.framePrep = ns.framePrep || new Map()
-  ns.framePrep.set('voila.card', (t) => {
+  ns.framePrep.set('studio.card', (t) => {
     if (ns.isPaused === false) return
     const d = ctx.data
     const TL = globalThis.__vosTimeline
@@ -7438,17 +7438,17 @@ var ON_FRAME = `(ctx, content, dt) => {
             // allow="autoplay" so the top frame's activation counts here).
             if (!vid.muted && err && err.name === 'NotAllowedError') {
               vid.muted = true
-              vid.__voilaAutoMuted = true
+              vid.__vosAutoMuted = true
               var p2 = vid.play()
               if (p2 && p2.catch) p2.catch(function () {})
             }
           })
-        } else if (vid.__voilaAutoMuted && d.audioUnlocked) {
+        } else if (vid.__vosAutoMuted && d.audioUnlocked) {
           // First user gesture happened \u2014 lift the policy fallback. If the
           // browser still objects it pauses the element, and the paused branch
           // above self-heals (re-mute + resume) on the next frame.
           vid.muted = false
-          vid.__voilaAutoMuted = false
+          vid.__vosAutoMuted = false
         }
       } else {
         // The paused step (FRAME_STEP_SRC): the provider by PTS, else the
@@ -7768,7 +7768,7 @@ var ON_FRAME = `(ctx, content, dt) => {
       // The loop's provider draws its current sample (paused capture
       // pages); false \u21D2 the element (playback, or before the first ask).
       try {
-        var bgWcp = !bgIsImg && !playing ? bgEl.__voilaWc : null
+        var bgWcp = !bgIsImg && !playing ? bgEl.__vosWc : null
         if (!(bgWcp && bgWcp.draw(bgC, null, (W - bgDw) / 2 + bgOx, (H - bgDh) / 2 + bgOy, bgDw, bgDh))) {
           bgC.drawImage(bgEl, (W - bgDw) / 2 + bgOx, (H - bgDh) / 2 + bgOy, bgDw, bgDh)
         }
@@ -8030,7 +8030,7 @@ var ON_FRAME = `(ctx, content, dt) => {
     // The provider draws the current sample directly (crop-capable,
     // dimension-checked at attach); false \u21D2 element path (pre-first-seek,
     // or the provider never attached).
-    var wcp3 = video.__voilaWc
+    var wcp3 = video.__vosWc
     if (!(wcp3 && wcp3.draw(c, crp, ceX, ceY, ceW, ceH))) {
       if (crp) c.drawImage(video, crp.x, crp.y, crp.w, crp.h, ceX, ceY, ceW, ceH)
       else c.drawImage(video, ceX, ceY, ceW, ceH)
@@ -8589,10 +8589,10 @@ var ON_FRAME = `(ctx, content, dt) => {
   // gated inside their blocks (dirty-tracking above).
   if (card.texture) card.texture.needsUpdate = true
 
-  // verification hook (no-op unless the harness sets window.__VOILA_DEBUG__).
+  // verification hook (no-op unless the harness sets window.__STUDIO_DEBUG__).
   // cv = the CARD 2D canvas; bgCv/ovCv are the background/overlay layers (v2).
-  if (typeof window !== 'undefined' && window.__VOILA_DEBUG__) {
-    window.__voilaDebug = { cv: cv, bgCv: bg.canvas, ovCv: ov.canvas, W: W, H: H, glW: gl && gl.width, glH: gl && gl.height, t: t, canvases: document.querySelectorAll('canvas').length }
+  if (typeof window !== 'undefined' && window.__STUDIO_DEBUG__) {
+    window.__studioDebug = { cv: cv, bgCv: bg.canvas, ovCv: ov.canvas, W: W, H: H, glW: gl && gl.width, glH: gl && gl.height, t: t, canvases: document.querySelectorAll('canvas').length }
   }
 }`;
 function studioLayerData(input, duration, pins) {