distark-render 1.1.9 → 1.1.11

package/dist/tests/test-svg-rerasterization.js

@@ -0,0 +1,97 @@
+import { CharacterRigRenderer } from '../modules/renderRig.js';
+import { ImageLoader } from '../modules/imageLoad.js';
+import { assert, printSummary } from './helpers.js';
+class FakeCanvasContext {
+    clearRect() { }
+    drawImage() { }
+}
+class FakeRasterCanvas {
+    constructor() {
+        this.width = 0;
+        this.height = 0;
+    }
+    getContext(kind) {
+        return kind === '2d' ? new FakeCanvasContext() : null;
+    }
+}
+class MockImage {
+    constructor() {
+        this.width = 0;
+        this.height = 0;
+        this.onload = null;
+        this.onerror = null;
+        this.crossOrigin = '';
+    }
+    set src(_value) {
+        setTimeout(() => {
+            this.width = 10;
+            this.height = 10;
+            this.onload?.();
+        }, 0);
+    }
+}
+function makeSvgDataUrl() {
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="black" /></svg>`;
+    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}
+function makeRig(svgPath, torsoWidth, torsoHeight) {
+    return {
+        imagePaths: {
+            torso: svgPath,
+        },
+        dimensionValues: {
+            torso: { width: torsoWidth, height: torsoHeight },
+        },
+        rotationValues: {},
+        selfRotationValues: {},
+        pivotPoints: {
+            root_torso: { x: 0, y: 0 },
+        },
+        zIndexValues: {
+            torso: 1,
+        },
+    };
+}
+async function main() {
+    console.log('\n=== SVG Re-rasterization Tests ===\n');
+    globalThis.document = {
+        createElement(tag) {
+            if (tag !== 'canvas') {
+                throw new Error(`Unexpected element creation: ${tag}`);
+            }
+            return new FakeRasterCanvas();
+        }
+    };
+    globalThis.Image = MockImage;
+    const svgPath = makeSvgDataUrl();
+    const loader = new ImageLoader('http://example.test');
+    const renderer = new CharacterRigRenderer(loader);
+    const smallRig = makeRig(svgPath, 24, 24);
+    const loadedImages = await loader.loadAllRigImages(smallRig, false);
+    const initialAsset = loadedImages[svgPath];
+    assert(!!initialAsset?.__distarkSvgSource, 'Initial SVG asset keeps original SVG source');
+    assert(initialAsset?.width === 24 && initialAsset?.height === 24, 'Initial SVG raster matches initial rendered size');
+    const largeRig = makeRig(svgPath, 25, 25);
+    const firstLargeRender = renderer.computeCharacterRigData(largeRig, {
+        canvasWidth: 400,
+        canvasHeight: 400,
+        loadedImages,
+    });
+    assert(firstLargeRender.objects[0]?.imageData === initialAsset, 'Upscale request initially uses current cached raster while upgrade is pending');
+    await loader.waitForPendingImageUpgrades();
+    const upgradedAsset = loadedImages[svgPath];
+    assert(upgradedAsset !== initialAsset, 'Upscaling swaps in a regenerated SVG raster asset');
+    assert(upgradedAsset?.width >= 25 && upgradedAsset?.height >= 25, 'Any upscale immediately regenerates a larger SVG raster');
+    const secondLargeRender = renderer.computeCharacterRigData(largeRig, {
+        canvasWidth: 400,
+        canvasHeight: 400,
+        loadedImages,
+    });
+    assert(secondLargeRender.objects[0]?.imageData === upgradedAsset, 'Subsequent renders use the upgraded SVG raster');
+    printSummary();
+}
+main().catch((error) => {
+    console.error(error);
+    process.exit(1);
+});
+//# sourceMappingURL=test-svg-rerasterization.js.map

package/dist/tests/test-svg-rerasterization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-svg-rerasterization.js","sourceRoot":"","sources":["../../tests/test-svg-rerasterization.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "distark-render",
-  "version": "1.1.9",
+  "version": "1.1.11",
   "description": "Rendering-agnostic character rig system with TypeScript",
   "type": "module",
   "main": "./dist/modules/renderRig.js",
@@ -38,6 +38,10 @@
       "types": "./dist/modules/animationDiff.d.ts",
       "import": "./dist/modules/animationDiff.js"
     },
+    "./browserSceneRenderer": {
+      "types": "./dist/modules/browserSceneRenderer.d.ts",
+      "import": "./dist/modules/browserSceneRenderer.js"
+    },
     "./sceneRenderer": {
       "types": "./dist/modules/sceneRenderer.d.ts",
       "import": "./dist/modules/sceneRenderer.js"

package/assets/presets/jumping-jack.json

@@ -1,194 +0,0 @@
-[
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.141593,
-      "rightUpperArm": 3.141593,
-      "leftThigh": -3.141593,
-      "rightThigh": 3.141593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.325734,
-      "rightUpperArm": 3.325734,
-      "leftThigh": -3.088003,
-      "rightThigh": 3.088003
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.828816,
-      "rightUpperArm": 3.828816,
-      "leftThigh": -2.941593,
-      "rightThigh": 2.941593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -4.516039,
-      "rightUpperArm": 4.516039,
-      "leftThigh": -2.741593,
-      "rightThigh": 2.741593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.203263,
-      "rightUpperArm": 5.203263,
-      "leftThigh": -2.541593,
-      "rightThigh": 2.541593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.706345,
-      "rightUpperArm": 5.706345,
-      "leftThigh": -2.395182,
-      "rightThigh": 2.395182
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.890486,
-      "rightUpperArm": 5.890486,
-      "leftThigh": -2.341593,
-      "rightThigh": 2.341593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.706345,
-      "rightUpperArm": 5.706345,
-      "leftThigh": -2.395182,
-      "rightThigh": 2.395182
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.203263,
-      "rightUpperArm": 5.203263,
-      "leftThigh": -2.541593,
-      "rightThigh": 2.541593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -4.516039,
-      "rightUpperArm": 4.516039,
-      "leftThigh": -2.741593,
-      "rightThigh": 2.741593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.828816,
-      "rightUpperArm": 3.828816,
-      "leftThigh": -2.941593,
-      "rightThigh": 2.941593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.325734,
-      "rightUpperArm": 3.325734,
-      "leftThigh": -3.088003,
-      "rightThigh": 3.088003
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.141593,
-      "rightUpperArm": 3.141593,
-      "leftThigh": -3.141593,
-      "rightThigh": 3.141593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.325734,
-      "rightUpperArm": 3.325734,
-      "leftThigh": -3.088003,
-      "rightThigh": 3.088003
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.828816,
-      "rightUpperArm": 3.828816,
-      "leftThigh": -2.941593,
-      "rightThigh": 2.941593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -4.516039,
-      "rightUpperArm": 4.516039,
-      "leftThigh": -2.741593,
-      "rightThigh": 2.741593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.203263,
-      "rightUpperArm": 5.203263,
-      "leftThigh": -2.541593,
-      "rightThigh": 2.541593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.706345,
-      "rightUpperArm": 5.706345,
-      "leftThigh": -2.395182,
-      "rightThigh": 2.395182
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.890486,
-      "rightUpperArm": 5.890486,
-      "leftThigh": -2.341593,
-      "rightThigh": 2.341593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.706345,
-      "rightUpperArm": 5.706345,
-      "leftThigh": -2.395182,
-      "rightThigh": 2.395182
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -5.203263,
-      "rightUpperArm": 5.203263,
-      "leftThigh": -2.541593,
-      "rightThigh": 2.541593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -4.516039,
-      "rightUpperArm": 4.516039,
-      "leftThigh": -2.741593,
-      "rightThigh": 2.741593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.828816,
-      "rightUpperArm": 3.828816,
-      "leftThigh": -2.941593,
-      "rightThigh": 2.941593
-    }
-  },
-  {
-    "rotationValues": {
-      "leftUpperArm": -3.325734,
-      "rightUpperArm": 3.325734,
-      "leftThigh": -3.088003,
-      "rightThigh": 3.088003
-    }
-  }
-]