@pixerate/editor 0.278.0 → 0.279.1

package/dist/{chunk-PEQWARCP.cjs → chunk-WZYRYYXN.cjs}

@@ -74,7 +74,7 @@ var _chunkJBZRVLXVcjs = require('./chunk-JBZRVLXV.cjs');
 
 
 
-var _chunkMITQGHN3cjs = require('./chunk-MITQGHN3.cjs');
+var _chunk4BMRQSPBcjs = require('./chunk-4BMRQSPB.cjs');
 
 
 
@@ -3706,7 +3706,7 @@ var PaintDabStroke = (_class4 = class {
 
 // src/paint-editor/wet.ts
 var STROKE_WATER = 0.9;
-var STROKE_MASS = _chunkMITQGHN3cjs.PIGMENT_UNIT * 2.5;
+var STROKE_MASS = _chunk4BMRQSPBcjs.PIGMENT_UNIT * 2.5;
 var STROKE_LIGHT = 1.5;
 var COVERAGE_STEPS = 4096;
 function union(a, b) {
@@ -3737,14 +3737,14 @@ var WetStrokeDriver = (_class5 = class {
     const perDab = Math.min(1, spacing * 1.2);
     const thin = wet.thinner;
     const body = wet.body * (1 - thin);
-    this.medium = new (0, _chunkMITQGHN3cjs.WetMedium)(init.world, init.laneId, {
+    this.medium = new (0, _chunk4BMRQSPBcjs.WetMedium)(init.world, init.laneId, {
       water: STROKE_WATER * Math.min(1, wet.water * (1 + thin)) * perDab,
       mass: STROKE_MASS * wet.pigment * (1 - 0.6 * thin) * perDab,
       body,
       light: 0
     });
     if (wet.tool === "paint" && brush.ghost && wet.pigment > 0) {
-      const one = _chunkMITQGHN3cjs.pigmentOf.call(void 0, init.color, body);
+      const one = _chunk4BMRQSPBcjs.pigmentOf.call(void 0, init.color, body);
       init.world.startGhost(init.laneId, [one[0], one[1], one[2], one[3]], brush.ghost.linger, _nullishCoalesce(init.speed, () => ( 120)), _nullishCoalesce(brush.ghost.trigger, () => ( "immediate")));
     }
     this.lightBase = wet.tool === "paint" ? STROKE_LIGHT * brush.light.amount * (1 - 0.6 * thin) * perDab : 0;
@@ -3978,7 +3978,7 @@ var PaintWetLayers = (_class6 = class {
   
   
   __init41() {this.world = null}
-  __init42() {this.tilt = { ..._chunkMITQGHN3cjs.FLAT }}
+  __init42() {this.tilt = { ..._chunk4BMRQSPBcjs.FLAT }}
   __init43() {this.settings = /* @__PURE__ */ new Map()}
   __init44() {this.patterns = /* @__PURE__ */ new Map()}
   __init45() {this.paused = false}
@@ -4003,8 +4003,8 @@ var PaintWetLayers = (_class6 = class {
   /** Starts the GPU engine for the world (once; it may turn out unavailable). */
   startGpu() {
     if (this.gpuMode === "off" || this.gpu || this.gpuStarting || this.gpuSupport) return;
-    const provider = this.options.gpuProvider === void 0 ? _chunkMITQGHN3cjs.findWebGpu.call(void 0, ) : this.options.gpuProvider;
-    this.gpuStarting = _chunkMITQGHN3cjs.createWetGpuEngine.call(void 0, provider).then(({ engine, support }) => {
+    const provider = this.options.gpuProvider === void 0 ? _chunk4BMRQSPBcjs.findWebGpu.call(void 0, ) : this.options.gpuProvider;
+    this.gpuStarting = _chunk4BMRQSPBcjs.createWetGpuEngine.call(void 0, provider).then(({ engine, support }) => {
       this.gpuSupport = support;
       if (!engine) return;
       if (this.gpuMode === "off" || !this.world) {
@@ -4063,7 +4063,7 @@ var PaintWetLayers = (_class6 = class {
     return this.world;
   }
   makeWorld(width, height, paper) {
-    const world = new (0, _chunkMITQGHN3cjs.WetWorld)(width, height, wetPaperInput(paper), { kernel: this.options.kernel, threads: this.options.threads });
+    const world = new (0, _chunk4BMRQSPBcjs.WetWorld)(width, height, wetPaperInput(paper), { kernel: this.options.kernel, threads: this.options.threads });
     world.setTilt(this.tilt);
     world.gpuMinTiles = this.gpuMinTiles;
     if (this.gpu) world.attachGpu(this.gpu);
@@ -4075,7 +4075,7 @@ var PaintWetLayers = (_class6 = class {
    * sides: the shift has to be whole wet tiles (256 px), and no wet stroke may be live.
    */
   canExtend(left2, top) {
-    return left2 % _chunkMITQGHN3cjs.WET_TILE === 0 && top % _chunkMITQGHN3cjs.WET_TILE === 0 && !this.driver;
+    return left2 % _chunk4BMRQSPBcjs.WET_TILE === 0 && top % _chunk4BMRQSPBcjs.WET_TILE === 0 && !this.driver;
   }
   /**
    * Keeps the wet paint while the canvas grows to `width`×`height` by `left` / `top` on those
@@ -4087,8 +4087,8 @@ var PaintWetLayers = (_class6 = class {
   extend(width, height, left2, top, paper) {
     if (!this.canExtend(left2, top)) throw new Error("Wet paint only moves by whole 256 px tiles, between strokes.");
     for (const [id, s] of this.settings) if (s.flow.center) this.settings.set(id, { ...s, flow: { ...s.flow, center: { x: s.flow.center.x + left2, y: s.flow.center.y + top } } });
-    const tx0 = left2 / _chunkMITQGHN3cjs.WET_TILE;
-    const ty0 = top / _chunkMITQGHN3cjs.WET_TILE;
+    const tx0 = left2 / _chunk4BMRQSPBcjs.WET_TILE;
+    const ty0 = top / _chunk4BMRQSPBcjs.WET_TILE;
     for (const [id, f] of this.patterns) {
       const moved2 = _chunkIFWLZZCWcjs.moveLivePatternSnapshot.call(void 0, f.snapshot(), { width, height }, tx0, ty0);
       const next = new (0, _chunkIFWLZZCWcjs.LivePatternField)(width, height);
@@ -4101,12 +4101,12 @@ var PaintWetLayers = (_class6 = class {
     this.lastTick = null;
     this.stepsOwed = 0;
     if (!old || !snap) return;
-    const moved = _chunkMITQGHN3cjs.moveWetSnapshot.call(void 0, snap, old, { width, height }, left2, top, (l) => {
+    const moved = _chunk4BMRQSPBcjs.moveWetSnapshot.call(void 0, snap, old, { width, height }, left2, top, (l) => {
       const flow = _optionalChain([this, 'access', _104 => _104.settings, 'access', _105 => _105.get, 'call', _106 => _106(l.id), 'optionalAccess', _107 => _107.flow]);
       return {
         base: _chunk474IQG74cjs.translateSurface.call(void 0, l.base, left2, top),
         ...l.light ? { light: _chunk474IQG74cjs.translateSurface.call(void 0, l.light, left2, top) } : {},
-        flow: l.flow && flow && flow.kind !== "none" ? _chunkMITQGHN3cjs.flowField.call(void 0, flow, width, height) : l.flow
+        flow: l.flow && flow && flow.kind !== "none" ? _chunk4BMRQSPBcjs.flowField.call(void 0, flow, width, height) : l.flow
       };
     });
     this.world = this.makeWorld(width, height, paper);
@@ -4130,12 +4130,15 @@ var PaintWetLayers = (_class6 = class {
   }
   /** Resolves when no batch is running. */
   async idle() {
-    while (this.ticking) await this.ticking;
+    while (this.ticking || this.displaying) {
+      if (this.ticking) await this.ticking;
+      else await this.displaying.catch(() => void 0);
+    }
   }
   settingsOf(layerId, medium = "watercolor") {
     let s = this.settings.get(layerId);
     if (!s) {
-      s = { params: _chunkMITQGHN3cjs.normalizeWetParams.call(void 0, WET_MEDIUM_PARAMS[medium], _chunkMITQGHN3cjs.DEFAULT_WET_PARAMS), flow: { ..._chunkMITQGHN3cjs.DEFAULT_FLOW }, livePatterns: null };
+      s = { params: _chunk4BMRQSPBcjs.normalizeWetParams.call(void 0, WET_MEDIUM_PARAMS[medium], _chunk4BMRQSPBcjs.DEFAULT_WET_PARAMS), flow: { ..._chunk4BMRQSPBcjs.DEFAULT_FLOW }, livePatterns: null };
       this.settings.set(layerId, s);
     }
     return s;
@@ -4162,22 +4165,22 @@ var PaintWetLayers = (_class6 = class {
       const s = this.settingsOf(layerId, medium);
       w.ensureLane(layerId, { params: s.params, base, light: this.host.layerLight(layerId), ghost: s.ghost, livePatterns: lp });
       const { width, height } = this.host.canvas();
-      if (s.flow.kind !== "none") w.setFlow(layerId, _chunkMITQGHN3cjs.flowField.call(void 0, s.flow, width, height), s.flow.strength);
+      if (s.flow.kind !== "none") w.setFlow(layerId, _chunk4BMRQSPBcjs.flowField.call(void 0, s.flow, width, height), s.flow.strength);
     }
     return w;
   }
   setParams(layerId, update) {
     const s = this.settingsOf(layerId);
-    s.params = _chunkMITQGHN3cjs.normalizeWetParams.call(void 0, update, s.params);
+    s.params = _chunk4BMRQSPBcjs.normalizeWetParams.call(void 0, update, s.params);
     if (_optionalChain([this, 'access', _117 => _117.world, 'optionalAccess', _118 => _118.hasLane, 'call', _119 => _119(layerId)])) this.world.setParams(layerId, s.params);
     return { ...s.params };
   }
   setFlow(layerId, update) {
     const s = this.settingsOf(layerId);
-    s.flow = _chunkMITQGHN3cjs.normalizeFlow.call(void 0, update, s.flow);
+    s.flow = _chunk4BMRQSPBcjs.normalizeFlow.call(void 0, update, s.flow);
     if (_optionalChain([this, 'access', _120 => _120.world, 'optionalAccess', _121 => _121.hasLane, 'call', _122 => _122(layerId)])) {
       const { width, height } = this.host.canvas();
-      this.world.setFlow(layerId, _chunkMITQGHN3cjs.flowField.call(void 0, s.flow, width, height), s.flow.strength);
+      this.world.setFlow(layerId, _chunk4BMRQSPBcjs.flowField.call(void 0, s.flow, width, height), s.flow.strength);
     }
     return { ...s.flow };
   }
@@ -4241,7 +4244,7 @@ var PaintWetLayers = (_class6 = class {
     };
   }
   setTilt(update) {
-    this.tilt = _chunkMITQGHN3cjs.normalizeTilt.call(void 0, update, this.tilt);
+    this.tilt = _chunk4BMRQSPBcjs.normalizeTilt.call(void 0, update, this.tilt);
     _optionalChain([this, 'access', _146 => _146.world, 'optionalAccess', _147 => _147.setTilt, 'call', _148 => _148(this.tilt)]);
     return { ...this.tilt };
   }
@@ -4265,7 +4268,7 @@ var PaintWetLayers = (_class6 = class {
       params: { ...s.params },
       flow: { ...s.flow },
       livePatterns: s.livePatterns ? { ...s.livePatterns } : null,
-      ...g ? { ghost: { remaining: Math.round(g.remaining * _chunkMITQGHN3cjs.FREE_INTERVAL / this.speed * 100) / 100 } } : {}
+      ...g ? { ghost: { remaining: Math.round(g.remaining * _chunk4BMRQSPBcjs.FREE_INTERVAL / this.speed * 100) / 100 } } : {}
     };
   }
   backend() {
@@ -4387,13 +4390,14 @@ var PaintWetLayers = (_class6 = class {
         this.ticking = null;
       }
       this.flushDriver();
+      if (this.displaying) await this.displaying.catch(() => void 0);
       if (w.gpuActive) {
         const shading = this.syncDisplaysGpu(DISPLAY_TILES_PER_TICK).then(() => void 0);
         this.displaying = shading;
         try {
           await shading;
         } finally {
-          this.displaying = null;
+          if (this.displaying === shading) this.displaying = null;
         }
       } else this.syncDisplays(DISPLAY_TILES_PER_TICK);
       this.retireDry();
@@ -4468,7 +4472,7 @@ var PaintWetLayers = (_class6 = class {
     const s = this.settings.get(layerId);
     if (_optionalChain([s, 'optionalAccess', _175 => _175.ghost, 'optionalAccess', _176 => _176.trigger]) === "agent") {
       const sec = linger !== void 0 ? Math.max(0.5, Math.min(60, linger)) : s.ghost.linger;
-      const total = Math.max(1, Math.round(sec * this.speed / _chunkMITQGHN3cjs.FREE_INTERVAL));
+      const total = Math.max(1, Math.round(sec * this.speed / _chunk4BMRQSPBcjs.FREE_INTERVAL));
       s.ghost = { ...s.ghost, linger: sec, total, remaining: total, trigger: void 0 };
     }
   }
@@ -4593,7 +4597,7 @@ var PaintWetLayers = (_class6 = class {
 }, _class6);
 function wetPigmentOf(hex, body) {
   const [r, g, b] = hexToRgb8(hex);
-  return Array.from(_chunkMITQGHN3cjs.pigmentOf.call(void 0, [r / 255, g / 255, b / 255], body));
+  return Array.from(_chunk4BMRQSPBcjs.pigmentOf.call(void 0, [r / 255, g / 255, b / 255], body));
 }
 
 // src/vector/brushstrokeMedia.ts
@@ -4681,7 +4685,7 @@ var WetBrushstrokeJob = (_class7 = class {
       return;
     }
     const { rect, points } = this.placed;
-    this.world = new (0, _chunkMITQGHN3cjs.WetWorld)(rect.width, rect.height, wetPaperInput(DEFAULT_PAPER), { kernel: "typescript", threads: 0 });
+    this.world = new (0, _chunk4BMRQSPBcjs.WetWorld)(rect.width, rect.height, wetPaperInput(DEFAULT_PAPER), { kernel: "typescript", threads: 0 });
     const medium = _nullishCoalesce(this.placed.brush.wet.medium, () => ( "watercolor"));
     this.world.ensureLane("s", { params: _nullishCoalesce(WET_MEDIUM_PARAMS[medium], () => ( {})) });
     const color2 = this.placed.color;

package/dist/{chunk-HHX7ST6Z.js → chunk-YOM76H2V.js}

@@ -74,7 +74,7 @@ import {
   normalizeTilt,
   normalizeWetParams,
   pigmentOf
-} from "./chunk-CTHWXW5M.js";
+} from "./chunk-V6LQND7D.js";
 import {
   BrushstrokeCache,
   brushstrokeDataUrl,
@@ -4130,7 +4130,10 @@ var PaintWetLayers = class {
   }
   /** Resolves when no batch is running. */
   async idle() {
-    while (this.ticking) await this.ticking;
+    while (this.ticking || this.displaying) {
+      if (this.ticking) await this.ticking;
+      else await this.displaying.catch(() => void 0);
+    }
   }
   settingsOf(layerId, medium = "watercolor") {
     let s = this.settings.get(layerId);
@@ -4387,13 +4390,14 @@ var PaintWetLayers = class {
         this.ticking = null;
       }
       this.flushDriver();
+      if (this.displaying) await this.displaying.catch(() => void 0);
       if (w.gpuActive) {
         const shading = this.syncDisplaysGpu(DISPLAY_TILES_PER_TICK).then(() => void 0);
         this.displaying = shading;
         try {
           await shading;
         } finally {
-          this.displaying = null;
+          if (this.displaying === shading) this.displaying = null;
         }
       } else this.syncDisplays(DISPLAY_TILES_PER_TICK);
       this.retireDry();