pacem 0.53.0-stevin → 0.53.0

package/dist/js/pacem-3d.js

@@ -1,8 +1,9 @@
 /**
- * pacem v0.53.0-stevin (https://js.pacem.it)
+ * pacem v0.53.0 (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
+"use strict";
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1962,7 +1963,7 @@ var Pacem;
                 static create(device, data, label = '') {
                     const buffer = device.createBuffer({
                         size: data.byteLength, label,
-                        usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST,
+                        usage: WebGPU.GPUBufferUsage.VERTEX | WebGPU.GPUBufferUsage.COPY_DST,
                         mappedAtCreation: true
                     });
                     new Float32Array(buffer.getMappedRange()).set(data);
@@ -1972,19 +1973,19 @@ var Pacem;
                 static createUniform(device, data, label = '') {
                     return device.createBuffer({
                         size: data.byteLength, label,
-                        usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
+                        usage: WebGPU.GPUBufferUsage.UNIFORM | WebGPU.GPUBufferUsage.COPY_DST,
                     });
                 }
                 static createStorage(device, data, label = '') {
                     return device.createBuffer({
                         size: data.byteLength, label,
-                        usage: GPUBufferUsage.STORAGE | GPUBufferUsage.COPY_DST,
+                        usage: WebGPU.GPUBufferUsage.STORAGE | WebGPU.GPUBufferUsage.COPY_DST,
                     });
                 }
                 static createIndexed(device, data, label = '') {
                     const buffer = device.createBuffer({
                         size: data.byteLength, label,
-                        usage: GPUBufferUsage.INDEX | GPUBufferUsage.COPY_DST,
+                        usage: WebGPU.GPUBufferUsage.INDEX | WebGPU.GPUBufferUsage.COPY_DST,
                         mappedAtCreation: true
                     });
                     new Uint16Array(buffer.getMappedRange()).set(data);
@@ -2195,6 +2196,39 @@ var Pacem;
             WebGPU.WGSL_VERTEXOUTPUT_STRUCT_NAME = 'VertexOutput';
             WebGPU.WGSL_INTERACTIONDATA_STRUCT_NAME = 'InteractionData';
             // #endregion
+            // Kinda polyfill for WebGPU constants, as TypeScript 6.0 does include WebGPU types but does NOT include these constants for magic numbers:
+            let GPUBufferUsage;
+            (function (GPUBufferUsage) {
+                GPUBufferUsage[GPUBufferUsage["COPY_SRC"] = 4] = "COPY_SRC";
+                GPUBufferUsage[GPUBufferUsage["COPY_DST"] = 8] = "COPY_DST";
+                GPUBufferUsage[GPUBufferUsage["INDEX"] = 16] = "INDEX";
+                GPUBufferUsage[GPUBufferUsage["INDIRECT"] = 256] = "INDIRECT";
+                GPUBufferUsage[GPUBufferUsage["MAP_READ"] = 1] = "MAP_READ";
+                GPUBufferUsage[GPUBufferUsage["MAP_WRITE"] = 2] = "MAP_WRITE";
+                GPUBufferUsage[GPUBufferUsage["QUERY_RESOLVE"] = 512] = "QUERY_RESOLVE";
+                GPUBufferUsage[GPUBufferUsage["STORAGE"] = 128] = "STORAGE";
+                GPUBufferUsage[GPUBufferUsage["UNIFORM"] = 64] = "UNIFORM";
+                GPUBufferUsage[GPUBufferUsage["VERTEX"] = 32] = "VERTEX";
+            })(GPUBufferUsage = WebGPU.GPUBufferUsage || (WebGPU.GPUBufferUsage = {}));
+            let GPUTextureUsage;
+            (function (GPUTextureUsage) {
+                GPUTextureUsage[GPUTextureUsage["COPY_SRC"] = 1] = "COPY_SRC";
+                GPUTextureUsage[GPUTextureUsage["COPY_DST"] = 2] = "COPY_DST";
+                GPUTextureUsage[GPUTextureUsage["RENDER_ATTACHMENT"] = 16] = "RENDER_ATTACHMENT";
+                GPUTextureUsage[GPUTextureUsage["STORAGE_BINDING"] = 8] = "STORAGE_BINDING";
+                GPUTextureUsage[GPUTextureUsage["TEXTURE_BINDING"] = 4] = "TEXTURE_BINDING";
+            })(GPUTextureUsage = WebGPU.GPUTextureUsage || (WebGPU.GPUTextureUsage = {}));
+            let GPUShaderStage;
+            (function (GPUShaderStage) {
+                GPUShaderStage[GPUShaderStage["VERTEX"] = 1] = "VERTEX";
+                GPUShaderStage[GPUShaderStage["FRAGMENT"] = 2] = "FRAGMENT";
+                GPUShaderStage[GPUShaderStage["COMPUTE"] = 4] = "COMPUTE";
+            })(GPUShaderStage = WebGPU.GPUShaderStage || (WebGPU.GPUShaderStage = {}));
+            let GPUMapMode;
+            (function (GPUMapMode) {
+                GPUMapMode[GPUMapMode["READ"] = 1] = "READ";
+                GPUMapMode[GPUMapMode["WRITE"] = 2] = "WRITE";
+            })(GPUMapMode = WebGPU.GPUMapMode || (WebGPU.GPUMapMode = {}));
         })(WebGPU = Drawing3D.WebGPU || (Drawing3D.WebGPU = {}));
     })(Drawing3D = Pacem.Drawing3D || (Pacem.Drawing3D = {}));
 })(Pacem || (Pacem = {}));
@@ -2401,7 +2435,7 @@ var Pacem;
                         const texBmp = material.texture;
                         const texture = device.createTexture({
                             format: 'rgba8unorm',
-                            usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_DST,
+                            usage: WebGPU.GPUTextureUsage.TEXTURE_BINDING | WebGPU.GPUTextureUsage.RENDER_ATTACHMENT | WebGPU.GPUTextureUsage.COPY_DST,
                             size: [texBmp.width, texBmp.height],
                         });
                         return { texture, source: texBmp };
@@ -3293,7 +3327,7 @@ var Pacem;
                             // camera matrices
                             {
                                 binding: WebGPU.UNIFORM_BINDING_INDEX_CAMERA,
-                                visibility: GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT,
+                                visibility: WebGPU.GPUShaderStage.VERTEX | WebGPU.GPUShaderStage.FRAGMENT,
                                 buffer: {
                                     type: 'uniform'
                                 }
@@ -3301,7 +3335,7 @@ var Pacem;
                             // interaction
                             {
                                 binding: WebGPU.UNIFORM_BINDING_INDEX_INTERACTION,
-                                visibility: GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT,
+                                visibility: WebGPU.GPUShaderStage.VERTEX | WebGPU.GPUShaderStage.FRAGMENT,
                                 buffer: {
                                     type: 'uniform'
                                 }
@@ -3313,7 +3347,7 @@ var Pacem;
                             {
                                 // world- and normalMatrix entry
                                 binding: WebGPU.UNIFORM_BINDING_INDEX_TRANSFORM,
-                                visibility: GPUShaderStage.VERTEX,
+                                visibility: WebGPU.GPUShaderStage.VERTEX,
                                 buffer: {
                                     type: 'uniform'
                                 }
@@ -3348,7 +3382,7 @@ var Pacem;
                     const materialBindGroupLayoutDescriptorEntries = [{
                             // vertex colors entry
                             binding: WebGPU.STORAGE_MATERIAL_INDEX,
-                            visibility: GPUShaderStage.FRAGMENT,
+                            visibility: WebGPU.GPUShaderStage.FRAGMENT,
                             buffer: {
                                 type: 'read-only-storage'
                             }
@@ -3356,7 +3390,7 @@ var Pacem;
                     // material / texture
                     const { mapCount } = wgsl.metadata, hasTex = mapCount > 0;
                     if (hasTex) {
-                        materialBindGroupLayoutDescriptorEntries.push({ visibility: GPUShaderStage.FRAGMENT, binding: WebGPU.SAMPLER_BINDING_INDEX, sampler: {} }, ...Array(mapCount).keys().map(index => { return { visibility: GPUShaderStage.FRAGMENT, binding: WebGPU.SAMPLER_BINDING_INDEX + 1 + index, texture: {} }; }));
+                        materialBindGroupLayoutDescriptorEntries.push({ visibility: WebGPU.GPUShaderStage.FRAGMENT, binding: WebGPU.SAMPLER_BINDING_INDEX, sampler: {} }, ...Array(mapCount).keys().map(index => { return { visibility: WebGPU.GPUShaderStage.FRAGMENT, binding: WebGPU.SAMPLER_BINDING_INDEX + 1 + index, texture: {} }; }));
                     }
                     else {
                     }
@@ -3373,7 +3407,7 @@ var Pacem;
                         const lightingBindGroupLayout = device.createBindGroupLayout({
                             entries: [...Array(lightCount).keys()].map((_, index) => {
                                 return {
-                                    visibility: GPUShaderStage.FRAGMENT, binding: index, buffer: {
+                                    visibility: WebGPU.GPUShaderStage.FRAGMENT, binding: index, buffer: {
                                         type: 'uniform'
                                     }
                                 };
@@ -3410,7 +3444,7 @@ var Pacem;
                         label: labelPrefix + 'mesh-colorpick-bind-group-layout',
                         entries: [
                             {
-                                visibility: GPUShaderStage.FRAGMENT,
+                                visibility: WebGPU.GPUShaderStage.FRAGMENT,
                                 binding: 0,
                                 buffer: { type: 'uniform' }
                             }
@@ -3789,7 +3823,7 @@ var Pacem;
                             {
                                 // world- and normalMatrix entry
                                 binding: WebGPU.UNIFORM_BINDING_INDEX_TRANSFORM,
-                                visibility: GPUShaderStage.VERTEX,
+                                visibility: WebGPU.GPUShaderStage.VERTEX,
                                 buffer: {
                                     type: 'uniform'
                                 }
@@ -3801,7 +3835,7 @@ var Pacem;
                             // camera matrices
                             {
                                 binding: WebGPU.UNIFORM_BINDING_INDEX_CAMERA,
-                                visibility: GPUShaderStage.VERTEX,
+                                visibility: WebGPU.GPUShaderStage.VERTEX,
                                 buffer: {
                                     type: 'uniform'
                                 }
@@ -3812,7 +3846,7 @@ var Pacem;
                         // positions array
                         {
                             binding: 0,
-                            visibility: GPUShaderStage.VERTEX,
+                            visibility: WebGPU.GPUShaderStage.VERTEX,
                             buffer: {
                                 type: 'read-only-storage'
                             }
@@ -3823,7 +3857,7 @@ var Pacem;
                         // line properties (width, dash-array, lineCap, ...)
                         {
                             binding: 1,
-                            visibility: GPUShaderStage.VERTEX,
+                            visibility: WebGPU.GPUShaderStage.VERTEX,
                             buffer: {
                                 type: 'uniform'
                             }
@@ -3859,7 +3893,7 @@ var Pacem;
                     const materialBindGroupLayoutDescriptorEntries = [{
                             // vertex colors entry
                             binding: WebGPU.STORAGE_MATERIAL_INDEX,
-                            visibility: GPUShaderStage.FRAGMENT,
+                            visibility: WebGPU.GPUShaderStage.FRAGMENT,
                             buffer: {
                                 type: 'read-only-storage'
                             }
@@ -3899,7 +3933,7 @@ var Pacem;
                         label: labelPrefix + 'line-colorpick-bind-group-layout',
                         entries: [
                             {
-                                visibility: GPUShaderStage.FRAGMENT,
+                                visibility: WebGPU.GPUShaderStage.FRAGMENT,
                                 binding: 0,
                                 buffer: { type: 'uniform' }
                             }
@@ -4134,7 +4168,7 @@ var Pacem;
                             _this._handle = null;
                         };
                         return this._handle = new Promise((resolve, _) => {
-                            pickBuffer.mapAsync(GPUMapMode.READ, 0, 4 * NUM_PIXELS).then(_ => {
+                            pickBuffer.mapAsync(WebGPU.GPUMapMode.READ, 0, 4 * NUM_PIXELS).then(_ => {
                                 const ids = new Uint32Array(pickBuffer.getMappedRange(0, 4 * NUM_PIXELS));
                                 const id = ids[0];
                                 pickBuffer.unmap();
@@ -4161,7 +4195,7 @@ var Pacem;
                     return device.createTexture({
                         size: [width, height, 1],
                         format,
-                        usage: GPUTextureUsage.COPY_SRC | GPUTextureUsage.RENDER_ATTACHMENT
+                        usage: WebGPU.GPUTextureUsage.COPY_SRC | WebGPU.GPUTextureUsage.RENDER_ATTACHMENT
                     });
                 }
                 _ensureBuffer() {
@@ -4173,7 +4207,7 @@ var Pacem;
                     return this._buffer = device.createBuffer({
                         label: WebGPU.LABEL_PREFIX + 'colorpick-output-buffer',
                         size: NUM_PIXELS * 4,
-                        usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST,
+                        usage: WebGPU.GPUBufferUsage.MAP_READ | WebGPU.GPUBufferUsage.COPY_DST,
                     });
                 }
                 _ensureTextures() {
@@ -5108,7 +5142,7 @@ var Pacem;
                             const renderTex = device.createTexture({
                                 label: WebGPU.LABEL_PREFIX + 'render-texture',
                                 format: format ?? canvasTexture.format,
-                                usage: GPUTextureUsage.RENDER_ATTACHMENT,
+                                usage: WebGPU.GPUTextureUsage.RENDER_ATTACHMENT,
                                 size: [canvasTexture.width, canvasTexture.height],
                                 sampleCount: 4,
                             });
@@ -5118,7 +5152,7 @@ var Pacem;
                             const depthTex = device.createTexture({
                                 label: WebGPU.LABEL_PREFIX + 'depth-texture',
                                 format: 'depth24plus',
-                                usage: GPUTextureUsage.RENDER_ATTACHMENT,
+                                usage: WebGPU.GPUTextureUsage.RENDER_ATTACHMENT,
                                 size: [canvasTexture.width, canvasTexture.height],
                                 sampleCount: 4,
                             });