p5 2.2.2 → 2.2.3-rc.0

package/dist/{main-DDs4QOnh.js → main-CGwYa9-f.js}

@@ -1,9 +1,9 @@
-import { P as P2D, ac as WEBGL, B as BLEND, al as _DEFAULT_FILL, am as _DEFAULT_STROKE, w as ROUND, b as REMOVE, S as SUBTRACT, D as DARKEST, L as LIGHTEST, an as DIFFERENCE, M as MULTIPLY, E as EXCLUSION, a as SCREEN, R as REPLACE, ao as OVERLAY, ap as HARD_LIGHT, aq as SOFT_LIGHT, ar as DODGE, as as BURN, A as ADD, at as PIE, au as CHORD, q as TWO_PI, x as SQUARE, y as PROJECT, z as BEVEL, I as MITER, a9 as RIGHT, v as CENTER, av as LEFT, aw as BOTTOM, ax as BASELINE, ay as TOP, Q as OPEN, az as VERSION, a3 as constants } from './constants-BxjhKpTv.js';
+import { P as P2D, ac as WEBGL, B as BLEND, al as _DEFAULT_FILL, am as _DEFAULT_STROKE, w as ROUND, b as REMOVE, S as SUBTRACT, D as DARKEST, L as LIGHTEST, an as DIFFERENCE, M as MULTIPLY, E as EXCLUSION, a as SCREEN, R as REPLACE, ao as OVERLAY, ap as HARD_LIGHT, aq as SOFT_LIGHT, ar as DODGE, as as BURN, A as ADD, at as PIE, au as CHORD, q as TWO_PI, x as SQUARE, y as PROJECT, z as BEVEL, I as MITER, a9 as RIGHT, v as CENTER, av as LEFT, aw as BOTTOM, ax as BASELINE, ay as TOP, Q as OPEN, az as VERSION, a3 as constants } from './constants-D3ryGa0m.js';
 import transform from './core/transform.js';
 import structure from './core/structure.js';
 import environment from './core/environment.js';
-import { G as Graphics, k as rendering, n as graphics } from './rendering-C9g7uSQ5.js';
-import { R as Renderer, I as Image, r as renderer } from './p5.Renderer-BSGddFv7.js';
+import { G as Graphics, k as rendering, n as graphics } from './rendering-4Z2qdE_W.js';
+import { R as Renderer, I as Image, r as renderer } from './p5.Renderer-C0e0XesC.js';
 import { Element } from './dom/p5.Element.js';
 import { MediaElement } from './dom/p5.MediaElement.js';
 import { b as RGBHDR } from './creating_reading-C7hu6sg1.js';
@@ -1304,30 +1304,7 @@ class p5 {
   constructor(sketch, node) {
     // Apply addon defined decorations
     if(p5.decorations.size > 0){
-      for (const [patternArray, decoration] of p5.decorations) {
-        for(const member in p5.prototype) {
-          // Member must be a function
-          if (typeof p5.prototype[member] !== 'function') continue;
-
-          if (!patternArray.some(pattern => {
-            if (typeof pattern === 'string') {
-              return pattern === member;
-            } else if (pattern instanceof RegExp) {
-              return pattern.test(member);
-            }
-          })) continue;
-
-          p5.prototype[member] = decoration(p5.prototype[member], {
-            kind: 'method',
-            name: member,
-            access: {},
-            static: false,
-            private: false,
-            addInitializer(initializer){}
-          });
-        }
-      }
-
+      decorateClass(p5, p5.decorations);
       p5.decorations.clear();
     }
 
@@ -1419,11 +1396,11 @@ class p5 {
   }
 
   get pixels(){
-    return this._renderer.pixels;
+    return this._renderer?.pixels;
   }
 
   get drawingContext(){
-    return this._renderer.drawingContext;
+    return this._renderer?.drawingContext;
   }
 
   static _registeredAddons = new Set();
@@ -1447,10 +1424,20 @@ class p5 {
   }
 
   static decorations = new Map();
-  static decorateHelper(pattern, decoration){
-    let patternArray = pattern;
-    if (!Array.isArray(pattern)) patternArray = [pattern];
-    p5.decorations.set(patternArray, decoration);
+  static registerDecorator(pattern, decoration){
+    if(typeof pattern === 'string'){
+      const patternStr = pattern;
+      pattern = ({ path }) => patternStr === path;
+    }else if(
+      Array.isArray(pattern) &&
+      pattern.every(value => typeof value === 'string')
+    ){
+      const patternArray = pattern;
+      pattern = ({ path }) => patternArray.includes(path);
+    }else if(typeof pattern !== 'function'){
+      throw new Error('Decorator matching pattern must be a function, a string, or an array of strings');
+    }
+    p5.decorations.set(pattern, decoration);
   }
 
   #customActions = {};
@@ -1691,6 +1678,11 @@ class p5 {
   }
 }
 
+// Attach constants to p5 prototype
+for (const k in constants) {
+  p5.prototype[k] = constants[k];
+}
+
 // Global helper function for binding properties to window in global mode
 function createBindGlobal(instance) {
   return function bindGlobal(property) {
@@ -1781,9 +1773,107 @@ function createBindGlobal(instance) {
   };
 }
 
-// Attach constants to p5 prototype
-for (const k in constants) {
-  p5.prototype[k] = constants[k];
+// Generic function to decorate classes
+function decorateClass(Target, decorations, path){
+  path ??= Target.name;
+  // Static properties
+  for(const key in Target){
+    if(!key.startsWith('_')){
+      for (const [pattern, decorator] of decorations) {
+        if(pattern({ path: `${path}.${key}` })){
+          // Check if method or accessor
+          if(typeof Target[key] === 'function'){
+            const result = decorator(Target[key], {
+              kind: 'method',
+              name: key,
+              static: true
+            });
+            if(result){
+              Object.defineProperty(Target, key, {
+                enumerable: true,
+                writable: true,
+                value: result
+              });
+            }
+          }else {
+            const result = decorator(undefined, {
+              kind: 'field',
+              name: key,
+              static: true
+            });
+            if(result && typeof result === 'function'){
+              Target[key] = result(Target[key]);
+            }
+          }
+        }
+      }
+
+      if(typeof Target[key] === 'function' && Target[key].prototype){
+        decorateClass(Target[key], decorations, `${path}.${key}`);
+      }
+    }
+  }
+
+  // Member properties
+  for(const member of Object.getOwnPropertyNames(Target.prototype)){
+    if(member !== 'constructor' && !member.startsWith('_')){
+      for (const [pattern, decorator] of decorations) {
+        if(pattern({ path: `${path}.prototype.${member}` })){
+          // Check if method or accessor
+          if(typeof Target.prototype[member] === 'function'){
+            const result = decorator(Target.prototype[member], {
+              kind: 'method',
+              name: member,
+              static: false
+            });
+            if(result) {
+              Object.defineProperty(Target.prototype, member, {
+                enumerable: true,
+                writable: true,
+                value: result
+              });
+            }
+          }else {
+            const descriptor = Object.getOwnPropertyDescriptor(
+              Target.prototype,
+              member
+            );
+            if(descriptor.hasOwnProperty('value')){
+              const result = decorator(undefined, {
+                kind: 'field',
+                name: member,
+                static: false
+              });
+              Object.defineProperty(Target.prototype, member, {
+                enumerable: true,
+                writable: true,
+                value: result && typeof result === 'function' ?
+                  result(Target.prototype[member]) :
+                  Target.prototype[member]
+              });
+            }else {
+              const { get, set } = descriptor;
+              const getterResult = decorator(get, {
+                kind: 'getter',
+                name: member,
+                static: false
+              });
+              const setterResult = decorator(set, {
+                kind: 'setter',
+                name: member,
+                static: false
+              });
+              Object.defineProperty(Target.prototype, member, {
+                enumerable: true,
+                get: getterResult ?? get,
+                set: setterResult ?? set
+              });
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 p5.registerAddon(transform);

package/dist/math/Matrices/Matrix.js

@@ -1,6 +1,6 @@
 import { Vector } from '../p5.Vector.js';
 import { MatrixInterface } from './MatrixInterface.js';
-import '../../constants-BxjhKpTv.js';
+import '../../constants-D3ryGa0m.js';
 
 /**
  * @module Math

package/dist/math/Matrices/MatrixNumjs.js

@@ -1,7 +1,7 @@
 import nj from '@d4c/numjs/build/module/numjs.min.js';
 import { Vector } from '../p5.Vector.js';
 import { MatrixInterface } from './MatrixInterface.js';
-import '../../constants-BxjhKpTv.js';
+import '../../constants-D3ryGa0m.js';
 
 let isMatrixArray = x => Array.isArray(x);
 if (typeof Float32Array !== 'undefined') {

package/dist/math/index.js

@@ -4,7 +4,7 @@ import random from './random.js';
 import trigonometry from './trigonometry.js';
 import math$1 from './math.js';
 import vector from './p5.Vector.js';
-import '../constants-BxjhKpTv.js';
+import '../constants-D3ryGa0m.js';
 
 function math(p5){
   p5.registerAddon(calculation);

package/dist/math/p5.Matrix.js

@@ -1,6 +1,6 @@
 import { Matrix } from './Matrices/Matrix.js';
 import './p5.Vector.js';
-import '../constants-BxjhKpTv.js';
+import '../constants-D3ryGa0m.js';
 import './Matrices/MatrixInterface.js';
 
 /**

package/dist/math/p5.Vector.js

@@ -1,4 +1,4 @@
-import { q as TWO_PI } from '../constants-BxjhKpTv.js';
+import { q as TWO_PI } from '../constants-D3ryGa0m.js';
 
 /**
  * @module Math

package/dist/math/trigonometry.js

@@ -1,4 +1,4 @@
-import { a5 as RAD_TO_DEG, a6 as DEG_TO_RAD } from '../constants-BxjhKpTv.js';
+import { a5 as RAD_TO_DEG, a6 as DEG_TO_RAD } from '../constants-D3ryGa0m.js';
 
 /**
  * @module Math

package/dist/{p5.Renderer-BSGddFv7.js → p5.Renderer-C0e0XesC.js}

@@ -1,5 +1,5 @@
 import { C as Color } from './creating_reading-C7hu6sg1.js';
-import { a2 as NORMAL, aA as WORD, ax as BASELINE, av as LEFT, v as CENTER, p as CORNER, J as INCLUDE } from './constants-BxjhKpTv.js';
+import { a2 as NORMAL, aA as WORD, ax as BASELINE, av as LEFT, v as CENTER, p as CORNER, J as INCLUDE } from './constants-D3ryGa0m.js';
 import Filters from './image/filters.js';
 import { Vector } from './math/p5.Vector.js';
 import { Shape } from './shape/custom_shapes.js';
@@ -2317,7 +2317,14 @@ class Renderer {
     this._pInst = pInst;
     this._isMainCanvas = isMainCanvas;
     this.pixels = [];
-    this._pixelDensity = Math.ceil(window.devicePixelRatio) || 1;
+
+    if (isMainCanvas) {
+      this._pixelDensity = Math.ceil(window.devicePixelRatio) || 1;
+    } else {
+      
+      const parentDensity = pInst._pInst?._renderer?._pixelDensity;
+      this._pixelDensity = parentDensity || Math.ceil(window.devicePixelRatio) || 1;
+    }
 
     this.width = w;
     this.height = h;

package/dist/{rendering-C9g7uSQ5.js → rendering-4Z2qdE_W.js}

@@ -1,7 +1,7 @@
-import { p as CORNER, t as CORNERS, v as CENTER, aB as COVER, aC as CONTAIN, a9 as RIGHT, aw as BOTTOM, B as BLEND, aD as FILL, ad as IMAGE, C as CLAMP, w as ROUND, Y as LINES, X as POINTS, c as TRIANGLES, ab as BLUR, D as DARKEST, L as LIGHTEST, A as ADD, S as SUBTRACT, a as SCREEN, E as EXCLUSION, R as REPLACE, M as MULTIPLY, b as REMOVE, as as BURN, ao as OVERLAY, ap as HARD_LIGHT, aq as SOFT_LIGHT, ar as DODGE, d as UNSIGNED_INT, U as UNSIGNED_BYTE, av as LEFT, ax as BASELINE, ay as TOP, aE as SIMPLE, aF as FULL, q as TWO_PI, Q as OPEN, a2 as NORMAL, V as CLOSE, at as PIE, au as CHORD, h as TEXTURE, P as P2D, g as LINEAR, aa as WEBGL2, N as NEAREST, aG as LINEAR_MIPMAP, f as REPEAT, e as MIRROR, F as FLOAT, ac as WEBGL, H as HALF_FLOAT } from './constants-BxjhKpTv.js';
+import { p as CORNER, t as CORNERS, v as CENTER, aB as COVER, aC as CONTAIN, a9 as RIGHT, aw as BOTTOM, B as BLEND, aD as FILL, ad as IMAGE, C as CLAMP, w as ROUND, Y as LINES, X as POINTS, c as TRIANGLES, ab as BLUR, D as DARKEST, L as LIGHTEST, A as ADD, S as SUBTRACT, a as SCREEN, E as EXCLUSION, R as REPLACE, M as MULTIPLY, b as REMOVE, as as BURN, ao as OVERLAY, ap as HARD_LIGHT, aq as SOFT_LIGHT, ar as DODGE, d as UNSIGNED_INT, U as UNSIGNED_BYTE, av as LEFT, ax as BASELINE, ay as TOP, aE as SIMPLE, aF as FULL, q as TWO_PI, Q as OPEN, a2 as NORMAL, V as CLOSE, at as PIE, au as CHORD, h as TEXTURE, P as P2D, g as LINEAR, aa as WEBGL2, N as NEAREST, aG as LINEAR_MIPMAP, f as REPEAT, e as MIRROR, F as FLOAT, ac as WEBGL, H as HALF_FLOAT } from './constants-D3ryGa0m.js';
 import { C as Color, c as creatingReading, h as RGBA, R as RGB } from './creating_reading-C7hu6sg1.js';
 import { Element } from './dom/p5.Element.js';
-import { R as Renderer, I as Image } from './p5.Renderer-BSGddFv7.js';
+import { R as Renderer, I as Image } from './p5.Renderer-C0e0XesC.js';
 import { MediaElement } from './dom/p5.MediaElement.js';
 import primitives from './shape/2d_primitives.js';
 import attributes from './shape/attributes.js';
@@ -1008,8 +1008,11 @@ function files(p5, fn){
 
     try{
       const { data } = await request(path, 'json');
-      if (successCallback) return successCallback(data);
-      return data;
+      const cb = () => {
+        if (successCallback) return successCallback(data);
+        return data;
+      };
+      return this._internal ? this._internal(cb) : cb();
     } catch(err) {
       p5._friendlyFileLoadError(5, path);
       if(errorCallback) {
@@ -1144,10 +1147,12 @@ function files(p5, fn){
 
     try{
       let { data } = await request(path, 'text');
-      data = data.split(/\r?\n/);
-
-      if (successCallback) return successCallback(data);
-      return data;
+      const cb = () => {
+        data = data.split(/\r?\n/);
+        if (successCallback) return successCallback(data);
+        return data;
+      };
+      return this._internal ? this._internal(cb) : cb();
     } catch(err) {
       p5._friendlyFileLoadError(3, path);
       if(errorCallback) {
@@ -1231,28 +1236,30 @@ function files(p5, fn){
 
     try{
       let { data } = await request(path, 'text');
+      const cb = () => {
+        let ret = new p5.Table();
+        data = parse(data, {
+          separator
+        });
 
-      let ret = new p5.Table();
-      data = parse(data, {
-        separator
-      });
-
-      if(header){
-        ret.columns = data.shift();
-      }else {
-        ret.columns = Array(data[0].length).fill(null);
-      }
+        if(header){
+          ret.columns = data.shift();
+        }else {
+          ret.columns = Array(data[0].length).fill(null);
+        }
 
-      data.forEach(line => {
-        const row = new p5.TableRow(line);
-        ret.addRow(row);
-      });
+        data.forEach(line => {
+          const row = new p5.TableRow(line);
+          ret.addRow(row);
+        });
 
-      if (successCallback) {
-        return successCallback(ret);
-      } else {
-        return ret;
-      }
+        if (successCallback) {
+          return successCallback(ret);
+        } else {
+          return ret;
+        }
+      };
+      return this._internal ? this._internal(cb) : cb();
     } catch(err) {
       p5._friendlyFileLoadError(2, path);
       if(errorCallback) {
@@ -1416,11 +1423,13 @@ function files(p5, fn){
       const parser = new DOMParser();
 
       let { data } = await request(path, 'text');
-      const parsedDOM = parser.parseFromString(data, 'application/xml');
-      data = new p5.XML(parsedDOM);
-
-      if (successCallback) return successCallback(data);
-      return data;
+      const cb = () => {
+        const parsedDOM = parser.parseFromString(data, 'application/xml');
+        data = new p5.XML(parsedDOM);
+        if (successCallback) return successCallback(data);
+        return data;
+      };
+      return this._internal ? this._internal(cb) : cb();
     } catch(err) {
       p5._friendlyFileLoadError(1, path);
       if(errorCallback) {
@@ -1464,9 +1473,12 @@ function files(p5, fn){
   fn.loadBytes = async function (path, successCallback, errorCallback) {
     try{
       let { data } = await request(path, 'arrayBuffer');
-      data = new Uint8Array(data);
-      if (successCallback) return successCallback(data);
-      return data;
+      const cb = () => {
+        data = new Uint8Array(data);
+        if (successCallback) return successCallback(data);
+        return data;
+      };
+      return this._internal ? this._internal(cb) : cb();
     } catch(err) {
       p5._friendlyFileLoadError(6, path);
       if(errorCallback) {
@@ -1519,8 +1531,11 @@ function files(p5, fn){
   fn.loadBlob = async function(path, successCallback, errorCallback) {
     try{
       const { data } = await request(path, 'blob');
-      if (successCallback) return successCallback(data);
-      return data;
+      const cb = () => {
+        if (successCallback) return successCallback(data);
+        return data;
+      };
+      return this._internal ? this._internal(cb) : cb();
     } catch(err) {
       if(errorCallback) {
         return errorCallback(err);
@@ -2969,13 +2984,15 @@ function loadingDisplaying(p5, fn){
         pImg.drawingContext.drawImage(img, 0, 0);
       }
 
-      pImg.modified = true;
-
-      if(successCallback){
-        return successCallback(pImg);
-      }else {
-        return pImg;
-      }
+      const cb = () => {
+        pImg.modified = true;
+        if(successCallback){
+          return successCallback(pImg);
+        }else {
+          return pImg;
+        }
+      };
+      return this._internal ? this._internal(cb) : cb();
 
     } catch(err) {
       p5._friendlyFileLoadError(0, path);
@@ -6017,6 +6034,17 @@ class Camera {
 
     _cam.cameraType = this.cameraType;
 
+    _cam.defaultAspectRatio = this.defaultAspectRatio;
+    _cam.defaultEyeX = this.defaultEyeX;
+    _cam.defaultEyeY = this.defaultEyeY;
+    _cam.defaultEyeZ = this.defaultEyeZ;
+    _cam.defaultCameraFOV = this.defaultCameraFOV;
+    _cam.defaultCenterX = this.defaultCenterX;
+    _cam.defaultCenterY = this.defaultCenterY;
+    _cam.defaultCenterZ = this.defaultCenterZ;
+    _cam.defaultCameraNear = this.defaultCameraNear;
+    _cam.defaultCameraFar = this.defaultCameraFar;
+
     return _cam;
   }
 
@@ -14944,11 +14972,11 @@ function material(p5, fn) {
       // Test if we've loaded GLSL or not by checking for the existence of `void main`
       let loadedShader;
       if (/void\s+main/.exec(fragString)) {
-        loadedShader = this.createFilterShader(fragString, true);
+        loadedShader = this._internal(() => this.createFilterShader(fragString, true));
       } else {
-        loadedShader = withGlobalStrands(this, () =>
+        loadedShader = this._internal(() => withGlobalStrands(this, () =>
           this.baseFilterShader().modify(new Function(fragString)),
-        );
+        ));
       }
 
       if (successCallback) {
@@ -16055,7 +16083,7 @@ function material(p5, fn) {
   fn.loadMaterialShader = async function (url, onSuccess, onFail) {
     try {
       const cb = await urlToStrandsCallback(url);
-      let shader = withGlobalStrands(this, () => this.buildMaterialShader(cb));
+      let shader = this._internal(() => withGlobalStrands(this, () => this.buildMaterialShader(cb)));
       if (onSuccess) {
         shader = onSuccess(shader) || shader;
       }
@@ -16274,9 +16302,9 @@ function material(p5, fn) {
   fn.loadNormalShader = async function (url, onSuccess, onFail) {
     try {
       const cb = await urlToStrandsCallback(url);
-      let shader = this.withGlobalStrands(this, () =>
+      let shader = this._internal(() => this.withGlobalStrands(this, () =>
         this.buildNormalShader(cb),
-      );
+      ));
       if (onSuccess) {
         shader = onSuccess(shader) || shader;
       }
@@ -16440,7 +16468,7 @@ function material(p5, fn) {
   fn.loadColorShader = async function (url, onSuccess, onFail) {
     try {
       const cb = await urlToStrandsCallback(url);
-      let shader = withGlobalStrands(this, () => this.buildColorShader(cb));
+      let shader = this._internal(() => withGlobalStrands(this, () => this.buildColorShader(cb)));
       if (onSuccess) {
         shader = onSuccess(shader) || shader;
       }
@@ -16701,7 +16729,7 @@ function material(p5, fn) {
   fn.loadStrokeShader = async function (url, onSuccess, onFail) {
     try {
       const cb = await urlToStrandsCallback(url);
-      let shader = withGlobalStrands(this, () => this.buildStrokeShader(cb));
+      let shader = this._internal(() => withGlobalStrands(this, () => this.buildStrokeShader(cb)));
       if (onSuccess) {
         shader = onSuccess(shader) || shader;
       }
@@ -18997,11 +19025,18 @@ class Texture {
       this.isSrcMediaElement ||
       this.isSrcHTMLElement
     ) {
-      // if param is a video HTML element
-      if (this.src._ensureCanvas) {
+      // createCapture elements that are flipped need
+      // to go through a canvas
+      if (this.isSrcMediaElement && this.src.flipped) {
         this.src._ensureCanvas();
+        textureData = this.src.canvas;
+      } else {
+        // if param is a video HTML element
+        if (this.src._checkIfTextureNeedsUpdate) {
+          this.src._checkIfTextureNeedsUpdate();
+        }
+        textureData = this.src.elt;
       }
-      textureData = this.src.elt;
     } else if (this.isSrcP5Graphics || this.isSrcP5Renderer) {
       textureData = this.src.canvas;
     } else if (this.isImageData) {

package/dist/shape/2d_primitives.js

@@ -1,4 +1,4 @@
-import { p as CORNER, q as TWO_PI, r as HALF_PI, s as PI } from '../constants-BxjhKpTv.js';
+import { p as CORNER, q as TWO_PI, r as HALF_PI, s as PI } from '../constants-D3ryGa0m.js';
 import canvas from '../core/helpers.js';
 
 /**

package/dist/shape/attributes.js

@@ -1,4 +1,4 @@
-import { p as CORNER, t as CORNERS, u as RADIUS, v as CENTER, w as ROUND, x as SQUARE, y as PROJECT, z as BEVEL, I as MITER } from '../constants-BxjhKpTv.js';
+import { p as CORNER, t as CORNERS, u as RADIUS, v as CENTER, w as ROUND, x as SQUARE, y as PROJECT, z as BEVEL, I as MITER } from '../constants-D3ryGa0m.js';
 
 /**
  * @module Shape

package/dist/shape/custom_shapes.js

@@ -1,6 +1,6 @@
 import { C as Color } from '../creating_reading-C7hu6sg1.js';
 import { Vector } from '../math/p5.Vector.js';
-import { J as INCLUDE, K as PATH, O as EMPTY_PATH, Q as OPEN, V as CLOSE, X as POINTS, Y as LINES, c as TRIANGLES, Z as QUADS, _ as TRIANGLE_FAN, T as TRIANGLE_STRIP, $ as QUAD_STRIP, a0 as EXCLUDE, a1 as JOIN } from '../constants-BxjhKpTv.js';
+import { J as INCLUDE, K as PATH, O as EMPTY_PATH, Q as OPEN, V as CLOSE, X as POINTS, Y as LINES, c as TRIANGLES, Z as QUADS, _ as TRIANGLE_FAN, T as TRIANGLE_STRIP, $ as QUAD_STRIP, a0 as EXCLUDE, a1 as JOIN } from '../constants-D3ryGa0m.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 

package/dist/shape/index.js

@@ -3,7 +3,7 @@ import attributes from './attributes.js';
 import curves from './curves.js';
 import vertex from './vertex.js';
 import customShapes from './custom_shapes.js';
-import '../constants-BxjhKpTv.js';
+import '../constants-D3ryGa0m.js';
 import '../core/helpers.js';
 import '../creating_reading-C7hu6sg1.js';
 import 'colorjs.io/fn';

package/dist/strands/ir_builders.js

@@ -2,5 +2,5 @@ import './ir_dag.js';
 import './ir_cfg.js';
 import './strands_FES.js';
 import './ir_types.js';
-export { d as binaryOpNode, h as castToFloat, g as constructTypeFromIDs, f as functionCallNode, m as memberAccessNode, p as primitiveConstructorNode, e as scalarLiteralNode, s as statementNode, b as structConstructorNode, a as structInstanceNode, i as swizzleNode, j as swizzleTrap, u as unaryOpNode, v as variableNode } from '../ir_builders-w12-GSxu.js';
+export { b as binaryOpNode, h as castToFloat, g as constructTypeFromIDs, f as functionCallNode, m as memberAccessNode, p as primitiveConstructorNode, e as scalarLiteralNode, s as statementNode, d as structConstructorNode, a as structInstanceNode, i as swizzleNode, j as swizzleTrap, u as unaryOpNode, v as variableNode } from '../ir_builders-DMfaOLIL.js';
 import './strands_builtins.js';

package/dist/strands/ir_dag.js

@@ -1,4 +1,4 @@
-import { BasePriority, NodeTypeRequiredFields, NodeTypeToName } from './ir_types.js';
+import { BasePriority, NodeTypeRequiredFields, NodeTypeToName, BaseType } from './ir_types.js';
 import { internalError } from './strands_FES.js';
 
 /////////////////////////////////
@@ -81,6 +81,36 @@ function extractNodeTypeInfo(dag, nodeID) {
   };
 }
 
+// Propagate a known type to an ASSIGN_ON_USE node and all its ASSIGN_ON_USE dependencies
+function propagateTypeToAssignOnUse(dag, nodeId, baseType, dimension, visited = new Set()) {
+  // Avoid infinite loops
+  if (visited.has(nodeId)) {
+    return;
+  }
+  visited.add(nodeId);
+
+  const node = getNodeDataFromID(dag, nodeId);
+
+  // Only update if this node is ASSIGN_ON_USE
+  if (node.baseType !== BaseType.ASSIGN_ON_USE) {
+    return;
+  }
+
+  // Update this node's type
+  dag.baseTypes[nodeId] = baseType;
+  dag.dimensions[nodeId] = dimension;
+
+  // Recursively propagate to any ASSIGN_ON_USE dependencies
+  if (node.dependsOn && node.dependsOn.length > 0) {
+    for (const depId of node.dependsOn) {
+      const dep = getNodeDataFromID(dag, depId);
+      if (dep.baseType === BaseType.ASSIGN_ON_USE) {
+        propagateTypeToAssignOnUse(dag, depId, baseType, dimension, visited);
+      }
+    }
+  }
+}
+
 /////////////////////////////////
 // Private functions
 /////////////////////////////////
@@ -127,4 +157,4 @@ function validateNode(node){
   }
 }
 
-export { createDirectedAcyclicGraph, createNodeData, extractNodeTypeInfo, getNodeDataFromID, getOrCreateNode };
+export { createDirectedAcyclicGraph, createNodeData, extractNodeTypeInfo, getNodeDataFromID, getOrCreateNode, propagateTypeToAssignOnUse };