pacem 0.60.3-mercator → 0.60.3-navier

package/dist/css/pacem-dark-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-dark-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-dark.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/azure-maps.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

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

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.min.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

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

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -564,13 +564,16 @@ declare namespace Pacem.Drawing3D.WebGPU {
         version: number;
     };
     type RenderableBufferSet = Record<'meshes' | 'cameras' | 'lights' | 'groups', RenderableBuffer[]>;
+    type PipelineContext = Context & {
+        pipeline: RenderPipeline;
+    };
     interface ManagedBuffer<T> {
         readonly item: T;
-        buffer(context: Context, key: RenderableBufferKey): Buffer & {
+        buffer(context: PipelineContext, key: RenderableBufferKey): Buffer & {
             fresh: boolean;
         };
         version?: (key: RenderableBufferKey) => number;
-        texture(context: Context, key?: MaterialKey): Texture & {
+        texture(context: PipelineContext, key?: MaterialKey): Texture & {
             fresh: boolean;
         };
         lock(): void;

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

@@ -1,5 +1,5 @@
 /**
- * pacem v0.60.3-mercator (https://js.pacem.it)
+ * pacem v0.60.3-navier (https://js.pacem.it)
  * Copyright 2026 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -3301,7 +3301,7 @@ var Pacem;
                 build(pipelineOptions) {
                     const options = Pacem.Utils.extend({}, DefaultPipelineOptions, pipelineOptions ?? {});
                     const builder = this._builder, wgsl = builder.build(options.modifiers);
-                    const ctx = this._context;
+                    const ctx = Pacem.Utils.extend({ pipeline: this }, this._context);
                     const device = ctx.device;
                     // #region VERTEX
                     // build vertex state
@@ -3539,7 +3539,7 @@ var Pacem;
                         const bindGroup = this._ensureCameraProjectionAndInteractionDataBindGroup(cameraBuffer.item, viewTransformBufferBuffer, interactionDataBufferBuffer, 
                         // since fresh could mean also "camera switched" (e.g. from ortho to perspective and then back to ortho) there's risk
                         // to target destroyed buffers, this refresh the bind group if either buffer is fresh.
-                        // POssibilities for fine-tuning in future.
+                        // Possibilities for fine-tuning in future.
                         viewTransformBuffer.fresh || interactionDataBuffer.fresh, group, raycasting);
                         pass.setBindGroup(group, bindGroup);
                     };
@@ -3575,7 +3575,8 @@ var Pacem;
                         if (hasLighting) {
                             const lightArray = Array.from(buffers);
                             const lightBuffers = lightArray.map(l => { return { buffer: l.buffer(ctx, 'light'), id: l.item.key }; });
-                            const bindGroup = this._ensureLightingBindGroup(lightBuffers, lightArray.some(i => i.item.flags.length > 0), lightingGroupIndex);
+                            const refresh = lightBuffers.some(b => b.buffer.fresh);
+                            const bindGroup = this._ensureLightingBindGroup(lightBuffers, refresh, lightingGroupIndex);
                             for (let lightBuffer of lightBuffers) {
                                 // writes only if buffer is fresh
                                 PipelineUtils.writeBufferConditionally(device, lightBuffer.buffer);
@@ -3593,7 +3594,8 @@ var Pacem;
                         // writes only if buffer is fresh
                         PipelineUtils.writeBufferConditionally(device, u32id);
                         const group = WebGPU.UNIFORM_GROUP_INDEX_COLORPICKING;
-                        const bindGroup = this._ensureU32idBindGroup(meshBuffer.item, u32idBuffer, false /* reuse u32id.fresh*/);
+                        const refresh = u32id.fresh;
+                        const bindGroup = this._ensureU32idBindGroup(meshBuffer.item, u32idBuffer, refresh /* reuse u32id.fresh*/);
                         pass.setBindGroup(group, bindGroup);
                     };
                 }
@@ -3807,7 +3809,7 @@ var Pacem;
                 build(pipelineOptions) {
                     const options = Pacem.Utils.extend({}, DefaultPipelineOptions, pipelineOptions ?? {});
                     const builder = this._lineBuilder, wgsl = builder.build();
-                    const ctx = this.context;
+                    const ctx = Pacem.Utils.extend({ pipeline: this }, this.#context);
                     const device = ctx.device;
                     // TODO: switch topology based on this flag
                     const fatLines = wgsl.metadata.thickness > 1;
@@ -4438,7 +4440,7 @@ var Pacem;
                 }
                 #u32id;
                 #parent;
-                #u32idBuffer;
+                #u32idBuffer = new Map();
                 get parent() {
                     return this.#parent;
                 }
@@ -4473,12 +4475,15 @@ var Pacem;
                 buffer(context, key) {
                     if (key === 'u32id') {
                         const u32idBuffer = this.#u32idBuffer;
-                        if (!Pacem.Utils.isNull(u32idBuffer)) {
-                            return Pacem.Utils.extend({ fresh: false }, u32idBuffer);
+                        const { pipeline, device } = context;
+                        if (u32idBuffer.has(pipeline)) {
+                            return Pacem.Utils.extend({ fresh: false }, u32idBuffer.get(pipeline));
                         }
                         const u32idBufferValue = new Uint32Array([this.id]);
-                        const u32idBufferBuffer = WebGPU.Buffers.createUniform(context.device, u32idBufferValue, WebGPU.LABEL_PREFIX + 'u32id-buffer');
-                        return Pacem.Utils.extend(this.#u32idBuffer = { buffer: u32idBufferBuffer, value: u32idBufferValue, version: performance.now() }, { fresh: true });
+                        const u32idBufferBuffer = WebGPU.Buffers.createUniform(device, u32idBufferValue, WebGPU.LABEL_PREFIX + 'u32id-buffer');
+                        const retval = Pacem.Utils.extend({ buffer: u32idBufferBuffer, value: u32idBufferValue, version: performance.now() }, { fresh: true });
+                        this.#u32idBuffer.set(pipeline, retval);
+                        return retval;
                     }
                     const retval = this.specificBuffer(context, key);
                     this.#versions.set(key, retval.version);
@@ -4513,6 +4518,7 @@ var Pacem;
             // #endregion
             // #region CAMERA
             class RenderableCameraBuffer extends RenderableBufferBase {
+                #viewBag = new Map();
                 #view;
                 constructor(camera) {
                     super(camera);
@@ -4522,10 +4528,17 @@ var Pacem;
                 }
                 specificBuffer(context, key) {
                     //const camera = this.item;
-                    const fresh = Pacem.Utils.isNull(this.#view) || this.allFlags().length > 0;
-                    if (fresh) {
+                    let fresh = false;
+                    if (this.allFlags().length > 0 || Pacem.Utils.isNull(this.#view)) {
+                        fresh = true;
+                        this.#viewBag.clear();
                         this._rebuildMatrices(context);
                     }
+                    const { pipeline } = context;
+                    if (!this.#viewBag.has(pipeline)) {
+                        fresh = true;
+                        this.#viewBag.set(pipeline, this.#view);
+                    }
                     RenderableBuffer.clearFlags(this);
                     switch (key) {
                         case 'cameraViewTransform':
@@ -4557,6 +4570,7 @@ var Pacem;
                     }
                 }
                 _destroyView() {
+                    this.#viewBag.clear();
                     const view = this.#view;
                     this.#view = null;
                     this.destroySafely(view);
@@ -4568,6 +4582,7 @@ var Pacem;
             // #endregion
             // #region GEOMETRY
             class GeometryBuffer extends ManagedBufferBase {
+                #bufferBag = {};
                 #freshness = { positions: true, normals: true, uv: true, packed: true };
                 #geometryBuffers;
                 constructor(geometry) {
@@ -4578,28 +4593,38 @@ var Pacem;
                     const flags = this.item.flags ?? [];
                     if (Pacem.Utils.isNull(this.#geometryBuffers) || flags.includes(Drawing3D.StalePropertyFlag.Geometry)) {
                         flags.splice(0);
+                        this.#bufferBag = /* reset */ {};
                         this._rebuildGeometryBuffers(context);
                     }
                     const freshness = this.#freshness;
                     const geom = this.#geometryBuffers;
+                    const { pipeline } = context;
+                    const bag = (this.#bufferBag[key] ??= new Map());
+                    const newInPipeline = !bag.has(pipeline);
+                    const ensureInBag = (buffer) => {
+                        if (newInPipeline) {
+                            bag.set(pipeline, buffer);
+                        }
+                        return buffer;
+                    };
                     switch (key) {
                         case 'geometryPositions':
                             const { positions } = geom, posFresh = freshness.positions;
                             freshness.positions = false;
-                            return Pacem.Utils.extend(positions, { fresh: posFresh });
+                            return Pacem.Utils.extend(ensureInBag(positions), { fresh: posFresh || newInPipeline });
                         case 'geometryNormals':
                             const { normals } = geom, normFresh = freshness.normals;
                             freshness.normals = false;
-                            return Pacem.Utils.extend(normals, { fresh: normFresh });
+                            return Pacem.Utils.extend(ensureInBag(normals), { fresh: normFresh || newInPipeline });
                         case 'geometryTexCoords':
                             const { uv } = geom, uvFresh = freshness.uv;
                             freshness.uv = false;
-                            return Pacem.Utils.extend({ fresh: uvFresh }, uv);
+                            return Pacem.Utils.extend({ fresh: uvFresh || newInPipeline }, ensureInBag(uv));
                         case 'geometry':
                             // alltogether
                             const { packed } = geom, geomFresh = freshness.packed;
                             freshness.packed = false;
-                            return Pacem.Utils.extend(packed, { fresh: geomFresh });
+                            return Pacem.Utils.extend(ensureInBag(packed), { fresh: geomFresh || newInPipeline });
                         default:
                             throwBufferRequestError(key, GeometryBuffer);
                     }
@@ -4657,6 +4682,7 @@ var Pacem;
                     }
                 }
                 _destroyBuffers() {
+                    this.#bufferBag = {};
                     const obsolete = this.#geometryBuffers;
                     if (!Pacem.Utils.isNull(obsolete)) {
                         this.destroySafely(obsolete.positions, obsolete.normals, obsolete.uv);
@@ -4669,6 +4695,8 @@ var Pacem;
             // #endregion
             // #region MATERIAL
             class MaterialBuffer extends ManagedBufferBase {
+                #bufferBag = {};
+                #textureBag = {};
                 #wgpuMaterial;
                 #buffers = new Map();
                 #textures = new Map();
@@ -4683,16 +4711,23 @@ var Pacem;
                     const flags = this.item.flags ?? [];
                     let fresh = Pacem.Utils.isNull(this.#wgpuMaterial);
                     if (flags.includes(Drawing3D.StalePropertyFlag.Material)) {
+                        this.#bufferBag = /* reset */ {};
                         flags.splice(0);
                         fresh = true;
                         this.#textures.clear();
                         this._resetMaterialBuffers();
                     }
+                    const { pipeline } = context;
+                    const bag = (this.#bufferBag[key] ??= new Map());
                     switch (key) {
                         case 'material':
                         case 'line':
                             const buffer = this._ensureMaterialBuffer(context, key);
                             if (buffer) {
+                                if (!bag.has(pipeline)) {
+                                    fresh = true;
+                                    bag.set(pipeline, buffer);
+                                }
                                 return Pacem.Utils.extend(buffer, { fresh });
                             }
                             return null;
@@ -4729,6 +4764,14 @@ var Pacem;
                         }
                         set.set(key, retval);
                         fresh = true;
+                        //
+                        this.#textureBag = /* reset */ {};
+                    }
+                    const { pipeline } = ctx;
+                    const bag = (this.#textureBag[key] ??= new Map());
+                    if (!bag.has(pipeline)) {
+                        fresh = true;
+                        bag.set(pipeline, retval);
                     }
                     return Pacem.Utils.extend(retval, { fresh });
                 }
@@ -4736,6 +4779,9 @@ var Pacem;
                     this._destroyBuffers();
                 }
                 _destroyBuffers() {
+                    // memoizers
+                    this.#bufferBag = {};
+                    this.#textureBag = {};
                     // buffers
                     const buffers = this.#buffers.values();
                     this.#buffers.clear(); // clear before destroying
@@ -4753,6 +4799,7 @@ var Pacem;
                     time: 0, cursor: { x: 0, y: 0 }, resolution: { width: 0, height: 0 }
                 };
                 #buffer;
+                #bufferBag = new Map();
                 constructor(data) {
                     super(data);
                     Pacem.Utils.extend(this.#fields, data);
@@ -4771,21 +4818,33 @@ var Pacem;
                 }
                 _ensureInteractionBuffer(ctx, key = 'interaction') {
                     const fields = this.#fields, item = this.item;
-                    const fresh = (!this.#buffer
+                    let fresh = (!this.#buffer
                         || item.time !== fields.time
-                        || item.cursor?.x !== fields.cursor.x
-                        || item.cursor?.y !== fields.cursor.y
                         || item.resolution?.width !== fields.resolution.width
                         || item.resolution?.height !== fields.resolution.height);
+                    if (!fresh && !Pacem.Utils.isNull(item.cursor)) {
+                        fresh = item.cursor.x !== fields.cursor.x
+                            || item.cursor.y !== fields.cursor.y;
+                    }
                     if (fresh) {
                         // [4bytes cursor.x, 4bytes cursor.y, 4bytes resolution.width, 4bytes resolution.height, 4bytes time] = 20 bytes total]
                         const value = new Float32Array([item.cursor?.x ?? 0, item.cursor?.y ?? 0, item.resolution.width, item.resolution.height, item.time, /* padding */ .0]);
                         const buffer = WebGPU.Buffers.createUniform(ctx.device, value, WebGPU.LABEL_PREFIX + 'interaction-buffer');
                         this.#buffer = { buffer, value, version: performance.now() };
+                        this.#bufferBag.clear();
+                    }
+                    const { pipeline } = ctx;
+                    const bag = this.#bufferBag;
+                    if (!bag.has(pipeline)) {
+                        fresh = true;
+                        bag.set(pipeline, this.#buffer);
                     }
                     return Pacem.Utils.extend(this.#buffer, { fresh });
                 }
                 _destroyBuffers() {
+                    // memoizer
+                    this.#bufferBag.clear();
+                    // buffer itself
                     const obsolete = this.#buffer;
                     if (!Pacem.Utils.isNull(obsolete)) {
                         this.destroySafely(obsolete);
@@ -4806,6 +4865,7 @@ var Pacem;
                 #freshness = {
                     geometry: true, material: true, transform: true
                 };
+                #worldTransformBufferBag = new Map();
                 constructor(mesh, parent, geometries, materials) {
                     super(mesh, parent);
                     mesh.flags ??= [];
@@ -4829,6 +4889,7 @@ var Pacem;
                     const freshness = this.#freshness;
                     const flags = this.allFlags();
                     if (Pacem.Utils.isNull(this.#worldTransform) || flags.includes(Drawing3D.StalePropertyFlag.Position) || flags.includes(Drawing3D.StalePropertyFlag.Transform)) {
+                        this.#worldTransformBufferBag.clear();
                         // world transform bind group buffer
                         freshness.transform = true;
                         this._rebuildWorldMatrices(context);
@@ -4857,7 +4918,12 @@ var Pacem;
                         case 'objectWorldTransform':
                             const mat = this.#worldTransform, wFresh = freshness.transform;
                             freshness.transform = false;
-                            return Pacem.Utils.extend(mat, { fresh: wFresh });
+                            const bag = this.#worldTransformBufferBag, { pipeline } = context;
+                            const newInPipeline = !bag.has(pipeline);
+                            if (newInPipeline) {
+                                bag.set(pipeline, mat);
+                            }
+                            return Pacem.Utils.extend(mat, { fresh: wFresh || newInPipeline });
                         default:
                             throwBufferRequestError(key, RenderableMeshBuffer);
                     }
@@ -4923,6 +4989,8 @@ var Pacem;
                     //}
                 }
                 dispose() {
+                    // memoizer
+                    this.#worldTransformBufferBag.clear();
                     const world = this.#worldTransform;
                     this.#worldTransform = null;
                     this.destroySafely(world);
@@ -4938,6 +5006,7 @@ var Pacem;
             // #region LIGHTS
             class RenderableLightBuffer extends RenderableBufferBase {
                 #buffer;
+                #bufferBag = new Map();
                 constructor(light) {
                     super(light);
                     light.flags.push(Drawing3D.StalePropertyFlag.Light);
@@ -5021,17 +5090,25 @@ var Pacem;
                     throw new Error("Method not implemented.");
                 }
                 specificBuffer(context, key) {
-                    const fresh = Pacem.Utils.isNull(this.#buffer) || this.allFlags().length > 0;
+                    const bag = this.#bufferBag;
+                    let fresh = Pacem.Utils.isNull(this.#buffer) || this.allFlags().length > 0;
                     if (fresh) {
+                        bag.clear();
                         this._rebuildLight(context);
                     }
                     RenderableBuffer.clearFlags(this);
+                    const { pipeline } = context;
+                    if (!bag.has(pipeline)) {
+                        fresh = true;
+                        bag.set(pipeline, this.#buffer);
+                    }
                     if (key === 'light') {
                         return Pacem.Utils.extend(this.#buffer, { fresh });
                     }
                     throwBufferRequestError(key, RenderableLightBuffer);
                 }
                 dispose() {
+                    this.#bufferBag.clear();
                     const buffer = this.#buffer;
                     this.#buffer = null;
                     this.destroySafely(buffer);
@@ -5470,7 +5547,9 @@ var Pacem;
                         const { context, textureFormat: format } = this._buildContext(this.canvas, size);
                         this._buildUpContext(device, adapter, context, format);
                         // interaction
-                        Pacem.Utils.extend(this.#interaction, { resolution: size });
+                        if (this.#hasModifiers) {
+                            Pacem.Utils.extend(this.#interaction, { resolution: size });
+                        }
                     }
                 }
                 get canvas() {
@@ -5687,7 +5766,8 @@ var Pacem;
                  */
                 render(scene) {
                     // do not render hidden stages
-                    if (!(scene.size?.width > 0) || !(scene.size?.height > 0)) {
+                    const width = scene.size?.width, height = scene.size?.height;
+                    if (!(width > 0) || !(height > 0)) {
                         return;
                     }
                     // retrieve stage renderer
@@ -5701,7 +5781,7 @@ var Pacem;
                     }
                     // draw
                     const pixel = GETVAL(scene, WEBGPU_RAYCAST_PIXEL_PROP);
-                    renderer.render({ cursor: pixel, time: performance.now() });
+                    renderer.render({ cursor: pixel, time: performance.now(), resolution: { width, height } });
                     // raycast, just in case
                     if (!scene.interactive) {
                         return;