@bitmagic/cli 0.1.64-dev.1 → 0.1.64-dev.2

package/dist/editor/asset-detail-panel.d.ts

@@ -16,12 +16,17 @@
  * The surface, the pills and the modal backdrop come from `design.ts` (`.bm-overlay`,
  * `.bm-dialog`, `.bm-pill`); only what is specific to this dialog's layout lives here.
  */
-export declare const ASSET_DETAIL_CSS = "\n  /* Above #hq-overlay, which sits at 10 \u2014 a preview opened from a row must cover it. */\n  #asset-overlay { z-index: 11; }\n  #asset-dialog { display: flex; width: min(1100px, 94vw); height: min(760px, 88vh);\n                  overflow: hidden; }\n  /* The viewer takes the room. Everything else is a caption. The near-black ground is the\n     brand's: a creation is the only thing on this surface that carries colour. */\n  #asset-view { flex: 1; min-width: 0; position: relative; background: var(--bm-bg); }\n  #asset-view iframe { display: block; width: 100%; height: 100%; border: 0; }\n  #asset-view img { display: block; width: 100%; height: 100%; object-fit: contain;\n                    background: var(--bm-bg); }\n  #asset-view audio { position: absolute; left: 50%; top: 50%; width: min(420px, 80%);\n                      transform: translate(-50%, -50%); }\n  /* A note here is always a failure or a wait that has gone on too long \u2014 the negative accent. */\n  #asset-note { position: absolute; inset: auto 0 0 0; padding: 10px 12px;\n                background: var(--bm-scrim); color: var(--bm-pink-hover); font-size: 12px; }\n  #asset-note.hidden, #asset-view > .hidden { display: none; }\n  /* Wide enough for the action pills to sit on one row (wrapping to two once Edit voxels shows):\n     uppercase tracked labels are wider than the sentence-case ones this panel used to have. */\n  #asset-meta { width: 360px; flex: none; padding: 16px; overflow-y: auto;\n                border-left: 1px solid var(--bm-border-muted); }\n  #asset-meta h2 { margin: 0 0 4px; word-break: break-word; }\n  #asset-meta .sub { color: var(--bm-text-dim); font-size: 12px; margin-bottom: 16px; }\n  #asset-facts { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; font-size: 12px; }\n  #asset-facts dt { color: var(--bm-text-dim); }\n  #asset-facts dd { margin: 0; color: var(--bm-text); word-break: break-word; }\n  #asset-facts dd.mono { font-family: var(--bm-font-mono); }\n  #asset-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }\n  /* The .hidden rules above are scoped to the viewer side; the actions row needs its own. */\n  #asset-actions .hidden { display: none; }\n  #asset-close { margin-left: auto; }\n";
+export declare const ASSET_DETAIL_CSS = "\n  /* Above #hq-overlay, which sits at 10 \u2014 a preview opened from a row must cover it. */\n  #asset-overlay { z-index: 11; }\n  #asset-dialog { display: flex; width: min(1100px, 94vw); height: min(760px, 88vh);\n                  overflow: hidden; }\n  /* The viewer takes the room. Everything else is a caption. The near-black ground is the\n     brand's: a creation is the only thing on this surface that carries colour. */\n  #asset-view { flex: 1; min-width: 0; position: relative; background: var(--bm-bg); }\n  #asset-view iframe { display: block; width: 100%; height: 100%; border: 0; }\n  #asset-view img { display: block; width: 100%; height: 100%; object-fit: contain;\n                    background: var(--bm-bg); }\n  #asset-view audio { position: absolute; left: 50%; top: 50%; width: min(420px, 80%);\n                      transform: translate(-50%, -50%); }\n  /* Fitted rather than filled, like the image rule above: a generated clip is 16:9 by default but\n     follows its first frame when one was given, so the dialog cannot assume a shape. */\n  #asset-view video { display: block; width: 100%; height: 100%; object-fit: contain;\n                      background: var(--bm-bg); }\n  /* A note here is always a failure or a wait that has gone on too long \u2014 the negative accent. */\n  #asset-note { position: absolute; inset: auto 0 0 0; padding: 10px 12px;\n                background: var(--bm-scrim); color: var(--bm-pink-hover); font-size: 12px; }\n  #asset-note.hidden, #asset-view > .hidden { display: none; }\n  /* Wide enough for the action pills to sit on one row (wrapping to two once Edit voxels shows):\n     uppercase tracked labels are wider than the sentence-case ones this panel used to have. */\n  #asset-meta { width: 360px; flex: none; padding: 16px; overflow-y: auto;\n                border-left: 1px solid var(--bm-border-muted); }\n  #asset-meta h2 { margin: 0 0 4px; word-break: break-word; }\n  #asset-meta .sub { color: var(--bm-text-dim); font-size: 12px; margin-bottom: 16px; }\n  #asset-facts { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; font-size: 12px; }\n  #asset-facts dt { color: var(--bm-text-dim); }\n  #asset-facts dd { margin: 0; color: var(--bm-text); word-break: break-word; }\n  #asset-facts dd.mono { font-family: var(--bm-font-mono); }\n  #asset-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }\n  /* The .hidden rules above are scoped to the viewer side; the actions row needs its own. */\n  #asset-actions .hidden { display: none; }\n  #asset-close { margin-left: auto; }\n";
 /**
  * The overlay itself.
  *
  * `<audio controls>` rather than a play button of our own: the web Creator withholds native
  * controls because its player sits in a 46px row, and here there is a whole dialog. A creator
- * checking a sound effect wants the scrubber.
+ * checking a sound effect wants the scrubber. `<video controls>` is here for the same reason —
+ * a cutscene is watched, scrubbed and watched again.
+ *
+ * `preload="metadata"` on the video, not `none`: the dialog is opened BY a click on the row, so
+ * the creator has already asked for it, and a poster frame beats a black rectangle. Muted is
+ * deliberately absent — a generated clip may carry audio and this is where you would check.
  */
-export declare const ASSET_DETAIL_HTML = "\n  <div id=\"asset-overlay\" class=\"bm-overlay\">\n    <div id=\"asset-dialog\" class=\"bm-dialog\">\n      <div id=\"asset-view\">\n        <iframe id=\"asset-frame\" class=\"hidden\" title=\"Asset preview\"></iframe>\n        <img id=\"asset-image\" class=\"hidden\" alt=\"\">\n        <audio id=\"asset-audio\" class=\"hidden\" controls preload=\"none\"></audio>\n        <div id=\"asset-note\" class=\"hidden\"></div>\n      </div>\n      <aside id=\"asset-meta\">\n        <h2 id=\"asset-name\"></h2>\n        <div class=\"sub\" id=\"asset-sub\"></div>\n        <dl id=\"asset-facts\"></dl>\n        <div id=\"asset-actions\">\n          <button id=\"asset-edit-voxels\" class=\"bm-pill bm-pill--primary hidden\" type=\"button\" title=\"Open the 3D voxel editor: add, delete and recolor voxels, and set which ones glow\">Edit voxels</button>\n          <button id=\"asset-reset\" class=\"bm-pill\" type=\"button\" title=\"Back to the angle the thumbnail uses\">Reset view</button>\n          <button id=\"asset-copy\" class=\"bm-pill\" type=\"button\" title=\"Copy this asset's id\">Copy id</button>\n          <button id=\"asset-close\" class=\"bm-pill bm-pill--ghost\" type=\"button\">Close</button>\n        </div>\n      </aside>\n    </div>\n  </div>\n";
+export declare const ASSET_DETAIL_HTML = "\n  <div id=\"asset-overlay\" class=\"bm-overlay\">\n    <div id=\"asset-dialog\" class=\"bm-dialog\">\n      <div id=\"asset-view\">\n        <iframe id=\"asset-frame\" class=\"hidden\" title=\"Asset preview\"></iframe>\n        <img id=\"asset-image\" class=\"hidden\" alt=\"\">\n        <audio id=\"asset-audio\" class=\"hidden\" controls preload=\"none\"></audio>\n        <video id=\"asset-video\" class=\"hidden\" controls playsinline preload=\"metadata\"></video>\n        <div id=\"asset-note\" class=\"hidden\"></div>\n      </div>\n      <aside id=\"asset-meta\">\n        <h2 id=\"asset-name\"></h2>\n        <div class=\"sub\" id=\"asset-sub\"></div>\n        <dl id=\"asset-facts\"></dl>\n        <div id=\"asset-actions\">\n          <button id=\"asset-edit-voxels\" class=\"bm-pill bm-pill--primary hidden\" type=\"button\" title=\"Open the 3D voxel editor: add, delete and recolor voxels, and set which ones glow\">Edit voxels</button>\n          <button id=\"asset-reset\" class=\"bm-pill\" type=\"button\" title=\"Back to the angle the thumbnail uses\">Reset view</button>\n          <button id=\"asset-copy\" class=\"bm-pill\" type=\"button\" title=\"Copy this asset's id\">Copy id</button>\n          <button id=\"asset-close\" class=\"bm-pill bm-pill--ghost\" type=\"button\">Close</button>\n        </div>\n      </aside>\n    </div>\n  </div>\n";

package/dist/editor/asset-detail-panel.js

@@ -29,6 +29,10 @@ export const ASSET_DETAIL_CSS = `
                     background: var(--bm-bg); }
   #asset-view audio { position: absolute; left: 50%; top: 50%; width: min(420px, 80%);
                       transform: translate(-50%, -50%); }
+  /* Fitted rather than filled, like the image rule above: a generated clip is 16:9 by default but
+     follows its first frame when one was given, so the dialog cannot assume a shape. */
+  #asset-view video { display: block; width: 100%; height: 100%; object-fit: contain;
+                      background: var(--bm-bg); }
   /* A note here is always a failure or a wait that has gone on too long — the negative accent. */
   #asset-note { position: absolute; inset: auto 0 0 0; padding: 10px 12px;
                 background: var(--bm-scrim); color: var(--bm-pink-hover); font-size: 12px; }
@@ -53,7 +57,12 @@ export const ASSET_DETAIL_CSS = `
  *
  * `<audio controls>` rather than a play button of our own: the web Creator withholds native
  * controls because its player sits in a 46px row, and here there is a whole dialog. A creator
- * checking a sound effect wants the scrubber.
+ * checking a sound effect wants the scrubber. `<video controls>` is here for the same reason —
+ * a cutscene is watched, scrubbed and watched again.
+ *
+ * `preload="metadata"` on the video, not `none`: the dialog is opened BY a click on the row, so
+ * the creator has already asked for it, and a poster frame beats a black rectangle. Muted is
+ * deliberately absent — a generated clip may carry audio and this is where you would check.
  */
 export const ASSET_DETAIL_HTML = `
   <div id="asset-overlay" class="bm-overlay">
@@ -62,6 +71,7 @@ export const ASSET_DETAIL_HTML = `
         <iframe id="asset-frame" class="hidden" title="Asset preview"></iframe>
         <img id="asset-image" class="hidden" alt="">
         <audio id="asset-audio" class="hidden" controls preload="none"></audio>
+        <video id="asset-video" class="hidden" controls playsinline preload="metadata"></video>
         <div id="asset-note" class="hidden"></div>
       </div>
       <aside id="asset-meta">

package/dist/editor/asset-detail-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"asset-detail-panel.js","sourceRoot":"","sources":["../../src/editor/asset-detail-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B/B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;CAsBhC,CAAC"}
+{"version":3,"file":"asset-detail-panel.js","sourceRoot":"","sources":["../../src/editor/asset-detail-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC/B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;CAuBhC,CAAC"}

package/dist/editor/shell-page.js

@@ -1374,6 +1374,7 @@ ${ASSET_DETAIL_HTML}
     image: '🖼', skybox: '🖼',
     glb: '🧊', gltf: '🧊', 'polygon-mesh': '🧊', vxl: '🧊', voxels: '🧊',
     animation: '🏃', 'animation-video': '🎥', audio: '🔊', sound: '🔊', 'sound-effect': '🔊', music: '🎵',
+    video: '🎬',
     vwld: '🗺', spz: '✨'
   };
 
@@ -1614,6 +1615,21 @@ ${ASSET_DETAIL_HTML}
 
   var MAX_VXL_PREVIEW_BYTES = 8 * 1024 * 1024;
 
+  /**
+   * Which of a clip's two renditions to play.
+   *
+   * The forger stores every clip twice, and the VP9 sibling is the one worth fetching where the
+   * browser takes it: same picture, ~6x smaller (757 KB against 4.5 MB on a measured 5 s 720p
+   * clip), and bitmagic dev drives Chrome, which decodes VP9 natively. canPlayType only
+   * promises the codec, never the file, so every caller keeps the mp4 as the fallback.
+   */
+  function videoSourceFor(asset) {
+    var mp4 = typeof asset.url === 'string' ? asset.url : '';
+    var webm = typeof asset.webmUrl === 'string' ? asset.webmUrl : '';
+    if (webm === '') return mp4;
+    return document.createElement('video').canPlayType('video/webm; codecs="vp9"') ? webm : mp4;
+  }
+
   /** The mesh route: the asset itself, or the GLB a voxelized one was baked from. */
   function glbJobFor(asset) {
     var glb = asset.sourceGlbUrl || asset.url;
@@ -1634,6 +1650,18 @@ ${ASSET_DETAIL_HTML}
     return { kind: 'vxl', url: url };
   }
 
+  /**
+   * The clip route. Unlike its two neighbours this one is NOT drawn by the engine — see
+   * grabVideoPoster. It is listed as a job anyway so a video row goes through the same queue,
+   * the same disk cache and the same hasPreview path every other tile already uses.
+   */
+  function videoJobFor(asset) {
+    if (String(asset.type || '').toLowerCase() !== 'video') return null;
+    var url = videoSourceFor(asset);
+    if (typeof url !== 'string' || !/\\.(mp4|webm)(\\?|$)/i.test(url)) return null;
+    return { kind: 'video', url: url };
+  }
+
   /**
    * How the engine should draw this asset's thumbnail, or null when there is nothing to draw.
    *
@@ -1652,7 +1680,7 @@ ${ASSET_DETAIL_HTML}
    * answer for something with no appearance.
    */
   function previewJobFor(asset) {
-    return glbJobFor(asset) || vxlJobFor(asset);
+    return glbJobFor(asset) || vxlJobFor(asset) || videoJobFor(asset);
   }
 
   function assetRow(asset, isFresh, hasPreview) {
@@ -1812,6 +1840,61 @@ ${ASSET_DETAIL_HTML}
     return await_('VOXEL_PREVIEW_RESPONSE', 15000);
   }
 
+  /** A poster is a thumbnail, not a frame grab for keeps: 256px on the long edge. */
+  var POSTER_MAX_EDGE = 256;
+
+  /**
+   * A clip's poster, drawn HERE rather than by the engine — a video is not a mesh, and this page
+   * can already decode one. Answers in the same shape the two engine renderers do, so the queue
+   * below does not care which drew it.
+   *
+   * The canvas does not taint: the asset host serves 'access-control-allow-origin: *' (checked
+   * against a stored clip), which is what 'crossOrigin' here asks it to honour. Without that
+   * attribute the draw would succeed and toDataURL would throw.
+   *
+   * Seeks a tenth of the way in rather than taking frame zero — a generated clip often opens on a
+   * fade from black, and a black tile is the thing this whole preview cache exists to avoid.
+   */
+  function grabVideoPoster(url, requestId) {
+    return new Promise(function (resolve) {
+      var probe = document.createElement('video');
+      var settled = false;
+      var timer = null;
+      function finish(previewBase64) {
+        if (settled) return;
+        settled = true;
+        if (timer) clearTimeout(timer);
+        probe.removeAttribute('src');
+        resolve({ requestId: requestId, success: previewBase64 !== '', previewBase64: previewBase64 });
+      }
+      timer = setTimeout(function () { finish(''); }, 15000);
+      probe.crossOrigin = 'anonymous';
+      probe.muted = true;
+      probe.preload = 'auto';
+      probe.addEventListener('error', function () { finish(''); });
+      probe.addEventListener('loadeddata', function () {
+        probe.currentTime = Math.min(1, (probe.duration || 1) * 0.1);
+      });
+      probe.addEventListener('seeked', function () {
+        try {
+          var width = probe.videoWidth;
+          var height = probe.videoHeight;
+          if (!width || !height) { finish(''); return; }
+          var scale = Math.min(1, POSTER_MAX_EDGE / Math.max(width, height));
+          var canvas = document.createElement('canvas');
+          canvas.width = Math.max(1, Math.round(width * scale));
+          canvas.height = Math.max(1, Math.round(height * scale));
+          canvas.getContext('2d').drawImage(probe, 0, 0, canvas.width, canvas.height);
+          finish(canvas.toDataURL('image/png'));
+        } catch (error) {
+          // A tainted canvas or a codec the browser will not decode. Neither is worth a retry.
+          finish('');
+        }
+      });
+      probe.src = url;
+    });
+  }
+
   async function drainPreviewQueue() {
     if (previewRunning) return;
     previewRunning = true;
@@ -1819,17 +1902,21 @@ ${ASSET_DETAIL_HTML}
     try {
       while (previewQueue.length > 0) {
         // The engine can only draw once it exists. Anything queued before then waits for the next
-        // pass rather than being dropped — refreshAssets re-queues on every render.
-        if (!loaded) return;
+        // pass rather than being dropped — refreshAssets re-queues on every render. A clip's
+        // poster is drawn in this page, so it is the one kind that does not wait.
+        var next = previewJobFor(previewQueue[0]);
+        if (!loaded && next !== null && next.kind !== 'video') return;
         var asset = previewQueue.shift();
-        var job = previewJobFor(asset);
+        var job = next;
         if (job === null) continue;
 
         previewRequestId += 1;
         var requestId = 'preview-' + previewRequestId;
-        var response = job.kind === 'vxl'
-          ? await requestVoxelPreview(job.url, requestId)
-          : await requestGlbPreview(job.url, requestId);
+        var response = job.kind === 'video'
+          ? await grabVideoPoster(job.url, requestId)
+          : job.kind === 'vxl'
+            ? await requestVoxelPreview(job.url, requestId)
+            : await requestGlbPreview(job.url, requestId);
 
         // The requestId is verified rather than assumed: a late answer from a request that already
         // timed out would otherwise be cached under the NEXT asset's id, which is a wrong picture
@@ -1896,6 +1983,7 @@ ${ASSET_DETAIL_HTML}
   var assetFrame = document.getElementById('asset-frame');
   var assetImage = document.getElementById('asset-image');
   var assetAudio = document.getElementById('asset-audio');
+  var assetVideo = document.getElementById('asset-video');
   var assetNote = document.getElementById('asset-note');
   var assetFacts = document.getElementById('asset-facts');
   var assetResetButton = document.getElementById('asset-reset');
@@ -1907,6 +1995,9 @@ ${ASSET_DETAIL_HTML}
 
   var IMAGE_TYPES = { image: true, skybox: true };
   var AUDIO_TYPES = { audio: true, sound: true, 'sound-effect': true };
+  // Only one member today, but the same shape as its neighbours — and the same '=== true'
+  // read, so a type of 'constructor' cannot find Object.prototype's own property and pass.
+  var VIDEO_TYPES = { video: true };
 
   /**
    * What the VIEWER should load — which is not always what the thumbnail drew.
@@ -1952,6 +2043,10 @@ ${ASSET_DETAIL_HTML}
 
     assetFacts.textContent = '';
     fact('Size', formatSize(asset.size));
+    fact('Length', typeof asset.durationSeconds === 'number' && asset.durationSeconds > 0
+      ? asset.durationSeconds.toFixed(1) + 's' : '');
+    fact('Frame', typeof asset.width === 'number' && typeof asset.height === 'number'
+      ? asset.width + ' × ' + asset.height : '');
     fact('Extent', dimensionsOf(asset));
     fact('Voxels', typeof asset.voxelCount === 'number' ? String(asset.voxelCount) : '');
     fact('Id', asset.id || '');
@@ -1975,6 +2070,16 @@ ${ASSET_DETAIL_HTML}
     } else if (AUDIO_TYPES[type] === true && direct) {
       assetAudio.src = direct;
       assetAudio.classList.remove('hidden');
+    } else if (VIDEO_TYPES[type] === true && direct) {
+      // A clip is already the thing, like an image — no renderer, no iframe. The mp4 is wired to
+      // the error event rather than left to chance: canPlayType answers for the codec, and a
+      // WebM that fails for any other reason would otherwise be a black rectangle with no sound.
+      assetVideo.onerror = function () {
+        if (assetVideo.getAttribute('src') === direct) return;
+        assetVideo.src = direct;
+      };
+      assetVideo.src = videoSourceFor(asset);
+      assetVideo.classList.remove('hidden');
     } else if (type === 'animation' && direct) {
       // The clip plays on the engine's own block character — /animation-preview imports the
       // project's debug/AnimationPreview.js, the module behind the Creator's clip preview.
@@ -2041,6 +2146,11 @@ ${ASSET_DETAIL_HTML}
     assetImage.removeAttribute('src');
     assetAudio.pause();
     assetAudio.removeAttribute('src');
+    // Same reason the iframe goes to about:blank: a dialog nobody is looking at must not keep
+    // decoding video next to the game that wants the GPU.
+    assetVideo.pause();
+    assetVideo.onerror = null;
+    assetVideo.removeAttribute('src');
     if (assetPausedByOverlay) {
       post('SET_PAUSE', { paused: false });
       assetPausedByOverlay = false;

package/dist/editor/shell-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell-page.js","sourceRoot":"","sources":["../../src/editor/shell-page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AAEH,OAAO,EACL,qBAAqB,EAAE,kBAAkB,GAC1C,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE7F,oGAAoG;AACpG,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B;;;;;;GAMG;AACH,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B;;;;;;;;;;;;GAYG;AACH,SAAS,sBAAsB;IAC7B,OAAO;QACL,6BAA6B,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG;QACjE,iCAAiC,qBAAqB,CAAC,QAAQ,EAAE,GAAG;QACpE,8BAA8B,kBAAkB,CAAC,QAAQ,EAAE,GAAG;KAC/D,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACjB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAEnC,kGAAkG;AAClG,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,KAAK;SACT,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC3B,CAAC;AAmBD,oGAAoG;AACpG,MAAM,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAElE,MAAM,UAAU,iBAAiB,CAAC,OAA2B;IAC3D,MAAM,OAAO,GAAG,oBAAoB,OAAO,CAAC,QAAQ,2BAA2B,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;IACpH,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,KAAK,KAAK,CAAC;IAC1C,MAAM,SAAS,GAAG,OAAO;QACvB,CAAC,CAAC,YAAY,OAAO,CAAC,UAAU,uDAAuD;QACvF,CAAC,CAAC,YAAY,OAAO,CAAC,UAAU,qCAAqC,CAAC;IACxE,MAAM,KAAK,GAAG,GAAG,OAAO,CAAC,QAAQ,kBAAkB,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACnF,OAAO;;;;SAIA,UAAU,CAAC,KAAK,CAAC;EACxB,kBAAkB;;EAElB,mBAAmB;EACnB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkIrB,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;;;;;;yCAMwB,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,YAAY,UAAU,CAAC,SAAS,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;oFAC/D,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC;2DACrD,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC;kFACH,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4C/G,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;EAyBhB,kBAAkB;EAClB,oBAAoB;EACpB,iBAAiB;EACjB,iBAAiB;;;;mBAIA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;kBACxB,gBAAgB;yBACT,qBAAqB;2BACnB,gBAAgB;;IAEvC,sBAAsB,EAAE;;;;;;;;0BAQF,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA42BvC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiuC1C,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChB,CAAC;AACF,CAAC"}
+{"version":3,"file":"shell-page.js","sourceRoot":"","sources":["../../src/editor/shell-page.ts"],"names":[],"mappings":"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;;;;;;0BAQF,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA42BvC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+0C1C,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChB,CAAC;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitmagic/cli",
-  "version": "0.1.64-dev.1",
+  "version": "0.1.64-dev.2",
   "description": "Build Bitmagic games from your own agent tool",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Bitmagic Oy",
@@ -25,9 +25,9 @@
     "playwright-core": "^1.59.1",
     "tar": "^7.4.3",
     "ws": "^8.21.3",
-    "@bitmagic/asset-core": "0.2.19-dev.1",
-    "@bitmagic/world-forger": "0.1.24-dev.1",
-    "@bitmagic/animation-forger": "0.1.19-dev.1"
+    "@bitmagic/world-forger": "0.1.24-dev.2",
+    "@bitmagic/animation-forger": "0.1.19-dev.2",
+    "@bitmagic/asset-core": "0.2.19-dev.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.38.0",