@mindexec/cli 0.2.414 → 0.2.416

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.414",
+  "version": "0.2.416",
   "description": "MindExec local runtime and bridge CLI",
   "main": "server.js",
   "type": "module",

package/wwwroot/_content/MindExecution.Shared/js/mind-map-core.js

@@ -5,7 +5,7 @@
     const DEBUG = false;
     const FPS_DEBUG = false;
     const FRAME_PERF_DEBUG = false;
-    const MINDMAP_CORE_BUILD_ID = '20260628-generated-image-asset-verify-v848';
+    const MINDMAP_CORE_BUILD_ID = '20260628-css3d-display-cache-v850';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',

package/wwwroot/_content/MindExecution.Shared/js/mind-map-css3d-manager.js

@@ -3940,10 +3940,58 @@
                     if (_cssImageDisplayQueue.length > 0) {
                         scheduleCssImageDisplayQueuePump();
                     }
-                });
+            });
         }
     }
 
+    function hasVisibleCssImagePixels(mediaEl) {
+        if (!mediaEl || mediaEl.tagName !== 'IMG') {
+            return false;
+        }
+
+        if (String(mediaEl.dataset?.mediaReady || '').trim() === '1') {
+            return true;
+        }
+
+        return mediaEl.complete === true
+            && Number(mediaEl.naturalWidth || 0) > 0
+            && Number(mediaEl.naturalHeight || 0) > 0;
+    }
+
+    async function decodeCssImageBeforeSwap(src) {
+        const normalized = normalizeCssMediaUrl(src);
+        if (!normalized) {
+            return false;
+        }
+
+        return await new Promise((resolve) => {
+            const image = new Image();
+            let settled = false;
+            const finish = (ok) => {
+                if (settled) return;
+                settled = true;
+                image.onload = null;
+                image.onerror = null;
+                resolve(ok === true);
+            };
+
+            image.decoding = 'async';
+            image.onload = () => {
+                if (typeof image.decode === 'function') {
+                    image.decode()
+                        .then(() => finish(true))
+                        .catch(() => finish(true));
+                    return;
+                }
+
+                finish(true);
+            };
+            image.onerror = () => finish(false);
+            image.src = normalized;
+            setTimeout(() => finish(false), 2500);
+        });
+    }
+
     async function applyCssImageElementSource(mediaEl, normalized) {
         if (String(mediaEl.dataset.mediaSourceUrl || '').trim() !== normalized) {
             return false;
@@ -3957,6 +4005,16 @@
 
             const currentDisplaySource = String(mediaEl.getAttribute('src') || '').trim();
             if (currentDisplaySource !== resolvedDisplaySource) {
+                if (currentDisplaySource && hasVisibleCssImagePixels(mediaEl)) {
+                    const decoded = await decodeCssImageBeforeSwap(resolvedDisplaySource);
+                    if (String(mediaEl.dataset.mediaSourceUrl || '').trim() !== normalized) {
+                        return false;
+                    }
+                    if (!decoded) {
+                        return false;
+                    }
+                }
+
                 mediaEl.setAttribute('src', resolvedDisplaySource);
             }
             mediaEl.dataset.resolvedMediaSourceUrl = resolvedDisplaySource;
@@ -3968,8 +4026,10 @@
 
             if (isLoopbackCssAssetUrl(normalized)) {
                 mediaEl.dataset.resolvedMediaSourceUrl = '';
-                mediaEl.removeAttribute('src');
-                if (mediaEl.tagName === 'IMG') {
+                if (hasVisibleCssImagePixels(mediaEl)) {
+                    mediaEl.style.opacity = '1';
+                } else {
+                    mediaEl.removeAttribute('src');
                     mediaEl.dataset.mediaReady = '0';
                     mediaEl.style.opacity = '0';
                 }
@@ -3978,6 +4038,16 @@
 
             const currentDisplaySource = String(mediaEl.getAttribute('src') || '').trim();
             if (currentDisplaySource !== normalized) {
+                if (currentDisplaySource && hasVisibleCssImagePixels(mediaEl)) {
+                    const decoded = await decodeCssImageBeforeSwap(normalized);
+                    if (String(mediaEl.dataset.mediaSourceUrl || '').trim() !== normalized) {
+                        return false;
+                    }
+                    if (!decoded) {
+                        return false;
+                    }
+                }
+
                 mediaEl.setAttribute('src', normalized);
             }
             mediaEl.dataset.resolvedMediaSourceUrl = normalized;
@@ -4458,8 +4528,12 @@
                 return;
             }
             if (contentTypeLower === 'image') {
-                mediaEl.dataset.mediaReady = '0';
-                mediaEl.style.opacity = '0';
+                if (hasVisibleCssImagePixels(mediaEl)) {
+                    mediaEl.style.opacity = '1';
+                } else {
+                    mediaEl.dataset.mediaReady = '0';
+                    mediaEl.style.opacity = '0';
+                }
             }
             const beforeSource = getCssMediaCanonicalSource(mediaEl, nodeModel?.response || nodeModel?.Response || '');
             await tryRefreshCssMediaSource(mediaEl, nodeModel, contentTypeLower);

package/wwwroot/_content/MindExecution.Shared/js/renderers/CSS3DRenderer.js

@@ -40,7 +40,7 @@
         this.setSize = function(width, height){ _width=width; _height=height; _widthHalf=_width/2; _heightHalf=_height/2; domElement.style.width=width+'px'; domElement.style.height=height+'px'; cameraElement.style.width=width+'px'; cameraElement.style.height=height+'px'; };
         function getCameraCSSMatrix(matrix){ var e=matrix.elements; return 'matrix3d('+epsilon(e[0])+','+epsilon(-e[1])+','+epsilon(e[2])+','+epsilon(e[3])+','+epsilon(e[4])+','+epsilon(-e[5])+','+epsilon(e[6])+','+epsilon(e[7])+','+epsilon(e[8])+','+epsilon(-e[9])+','+epsilon(e[10])+','+epsilon(e[11])+','+epsilon(e[12])+','+epsilon(-e[13])+','+epsilon(e[14])+','+epsilon(e[15])+')'; }
         function getObjectCSSMatrix(matrix){ var e=matrix.elements; var m='matrix3d('+epsilon(e[0])+','+epsilon(e[1])+','+epsilon(e[2])+','+epsilon(e[3])+','+epsilon(-e[4])+','+epsilon(-e[5])+','+epsilon(-e[6])+','+epsilon(-e[7])+','+epsilon(e[8])+','+epsilon(e[9])+','+epsilon(e[10])+','+epsilon(e[11])+','+epsilon(e[12])+','+epsilon(e[13])+','+epsilon(e[14])+','+epsilon(e[15])+')'; return m; }
-        function renderObject(object, scene, camera, cameraCSSMatrix){ if (object.isCSS3DObject){ var style=getObjectCSSMatrix(object.matrixWorld); var element=object.element; var cached=cache.objects.get(object); if (cached===undefined || cached.style!==style){ element.style.webkitTransform=element.style.transform=style; cache.objects.set(object, { style }); } element.style.display = object.visible ? '' : 'none'; if (element.parentNode !== cameraElement){ cameraElement.appendChild(element); } } for (var i=0,l=object.children.length;i<l;i++){ renderObject(object.children[i], scene, camera, cameraCSSMatrix); } }
+        function renderObject(object, scene, camera, cameraCSSMatrix){ if (object.isCSS3DObject){ var style=getObjectCSSMatrix(object.matrixWorld); var display=object.visible ? '' : 'none'; var element=object.element; var cached=cache.objects.get(object); var changed=false; if (cached===undefined || cached.style!==style){ element.style.webkitTransform=element.style.transform=style; changed=true; } if (cached===undefined || cached.display!==display){ element.style.display=display; changed=true; } if (changed){ cache.objects.set(object, { style, display }); } if (element.parentNode !== cameraElement){ cameraElement.appendChild(element); } } for (var i=0,l=object.children.length;i<l;i++){ renderObject(object.children[i], scene, camera, cameraCSSMatrix); } }
         function renderCameraOnly(renderer, camera){ var fov=camera.projectionMatrix.elements[5]*_heightHalf; if (cache.camera.fov!==fov){ renderer.domElement.style.webkitPerspective=renderer.domElement.style.perspective=fov+'px'; cache.camera.fov=fov; } if (camera.parent===null) camera.updateMatrixWorld(); var cameraCSSMatrix='translateZ('+fov+'px)'+getCameraCSSMatrix(camera.matrixWorldInverse); var style=cameraCSSMatrix+'translate('+_widthHalf+'px,'+_heightHalf+'px)'; if (cache.camera.style!==style){ cameraElement.style.webkitTransform=cameraElement.style.transform=style; cache.camera.style=style; } return cameraCSSMatrix; }
         this.renderCamera = function(camera){ renderCameraOnly(this, camera); };
         this.render = function(scene, camera){ if (scene.autoUpdate===true) scene.updateMatrixWorld(); var cameraCSSMatrix=renderCameraOnly(this, camera); renderObject(scene, scene, camera, cameraCSSMatrix); };

package/wwwroot/index.html

@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260628-generated-image-asset-verify-v848';
+            const scriptVersion = '20260628-css3d-display-cache-v850';
             const scriptUrl = (script) => `${base}${script}?v=${scriptVersion}`;
             console.log(`[Script Loader] Shared JS version: ${scriptVersion}`);
             const criticalScripts = [

package/wwwroot/service-worker-assets.js

@@ -1,5 +1,5 @@
 self.assetsManifest = {
-    "version":  "LiAiTcYR",
+    "version":  "LokY+L6v",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-i9ro6kKWzS56xpp7W+T6sjPWRPnXUUyUFdz4nQCcVAU=",
+                       "hash":  "sha256-EnIV3DhnSaO0sjXXrEpyU/oK3y8eYeGQaacLts4iHM4=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js"
                    },
                    {
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-cW1g2pILfT1P5dAvJHSXx3CD3fnfNIpCPiOhpYEP3/E=",
+                       "hash":  "sha256-xGt9LTobfy8NmStfgnMGnwq4rmbMaDLpp41TSFZcxEA=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -178,7 +178,7 @@
                        "url":  "_content/MindExecution.Shared/js/plan-master.js"
                    },
                    {
-                       "hash":  "sha256-xE1f8peGyvY5VMWADJjIaPsV8/r49jEn5zzFYkpodsM=",
+                       "hash":  "sha256-yQfQxPDlaJfN38SmEl42Yx6az8cBxcBhHC/Zm0RFkLg=",
                        "url":  "_content/MindExecution.Shared/js/renderers/CSS3DRenderer.js"
                    },
                    {
@@ -826,7 +826,7 @@
                        "url":  "icon-512.png"
                    },
                    {
-                       "hash":  "sha256-wyzu4wKETBaXMK4kgUSfYeaLxNd4bjhNty+/ah8ieCs=",
+                       "hash":  "sha256-8JFKN1z79VP+PMPBbBGG4T+gYhqsjevXJy1qwGKQ/28=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

@@ -1,4 +1,4 @@
-/* Manifest version: LiAiTcYR */
+/* Manifest version: LokY+L6v */
 // Hosted deployments should prefer the network over stale offline caches.
 // This service worker immediately clears old Blazor offline caches and unregisters itself.