@pixerate/editor 0.264.0 → 0.265.0

package/dist/paint-editor/index.js

@@ -11,11 +11,15 @@ import {
   mergeBrushPatch,
   multiColorSliders,
   patchBrushValue
-} from "../chunk-4OJC4MCD.js";
+} from "../chunk-Q6RVVJW6.js";
 import {
   createStickerTools,
   describeStickerRef
 } from "../chunk-6JL2D5SG.js";
+import {
+  BRUSH_PREVIEW_DARK_PAPER,
+  brushPreviewsOnDark
+} from "../chunk-ZS7LB2MV.js";
 import {
   toVideoFfmpeg
 } from "../chunk-MWUZCEFT.js";
@@ -30,7 +34,7 @@ import {
   resolveExternalAssets,
   serializeLayers,
   serializeLayersExternal
-} from "../chunk-HAUDEVMC.js";
+} from "../chunk-WY23AUCA.js";
 import "../chunk-WJ4WQJCC.js";
 import {
   LAYER_EFFECT_KINDS,
@@ -88,7 +92,7 @@ import {
   realPresenceClock,
   tweenPresenceCursor
 } from "../chunk-IVSWRVB4.js";
-import "../chunk-WWI6FLH2.js";
+import "../chunk-7PW6VCNW.js";
 import {
   BRUSH_ID,
   BRUSH_PRESETS,
@@ -143,7 +147,7 @@ import {
   parseBrushLibrary,
   resolveBrush,
   usesPaintExchange
-} from "../chunk-EE7SAYBF.js";
+} from "../chunk-J4SGJCPW.js";
 import {
   STAMP_KINDS,
   StickersSlot,
@@ -162,8 +166,7 @@ import {
 import "../chunk-PWBZH3FK.js";
 import {
   brushColourHex
-} from "../chunk-FJBQTZS4.js";
-import "../chunk-3CI7FRMK.js";
+} from "../chunk-DVPQFMH6.js";
 import {
   StickerError
 } from "../chunk-SZTI6EER.js";
@@ -4728,7 +4731,7 @@ function renderBrushThumbnail(brush, options) {
   if (b.engine === "wet") surface = paintWetTestStroke(b, options.paper, options.color, width, height);
   else ({ surface, light } = paintTestStroke(surface, b, options.paper, options.color, width, height));
   const layer = { type: "pixel", id: "thumbnail", name: "thumbnail", visible: true, opacity: 1, blend: "normal", surface, offset: { x: 0, y: 0 } };
-  const paper = light ? { ...options.paper, color: "#141414" } : options.paper;
+  const paper = light && brushPreviewsOnDark(b) ? { ...options.paper, color: BRUSH_PREVIEW_DARK_PAPER } : options.paper;
   const spill = light ? computeSpill(surface, light, { radius: Math.max(4, height / 6), strength: 1 }) : null;
   const layers = [paperNode(paper), layer];
   if (spill) layers.push({ type: "pixel", id: "thumbnail-light", name: "light", visible: true, opacity: 1, blend: "linear-dodge", surface: spill, offset: { x: 0, y: 0 } });
@@ -5579,7 +5582,8 @@ async function replayPainting(source, target, options = {}) {
   const maxStrokes = options.strokes ?? source.strokes.length;
   const chunk = Math.max(1, options.wetChunk ?? 0) || Infinity;
   let strokes = 0;
-  await target.prepareEffectPaints(source.strokes.slice(0, maxStrokes).flatMap((st) => st.paint?.type === "effect" ? [st.paint] : []));
+  const scaled = source.strokes.slice(0, maxStrokes).map((st) => s === 1 ? st : varyStroke(st, scaleM, { scale: s }));
+  await target.prepareEffectPaints(scaled.flatMap((st) => st.paint?.type === "effect" ? [st.paint] : []));
   const advanceTo = async (clock) => {
     const now = target.getState().wet.clock;
     let left = clock - now;
@@ -9588,11 +9592,11 @@ var PaintEditorController = class _PaintEditorController {
     if (!layers.length) return null;
     return { layerIds: layers.map((x) => x.layer.id), strokes: layers.reduce((n, x) => n + x.strokes.filter(isLiveEffect).length, 0), sources: sources.length };
   }
-  /** Plays or pauses live effect paint, and caps its frame rate (1..60). Editor state, not an undo step. */
+  /** Plays or pauses live effect paint, and caps its frame rate (1..60); a setting left out keeps its value. Editor state, not an undo step. */
   setEffectPlayback(update) {
     if (update.playing !== void 0 && typeof update.playing !== "boolean") throw new PaintEditorError("playing must be true or false.");
     if (update.fps !== void 0 && !(Number.isInteger(update.fps) && update.fps >= 1 && update.fps <= 60)) throw new PaintEditorError(`fps ${update.fps} is out of range; use a whole number 1..60.`);
-    this.effectPlaybackState = { ...this.effectPlaybackState, ...update };
+    this.effectPlaybackState = { playing: update.playing ?? this.effectPlaybackState.playing, fps: update.fps ?? this.effectPlaybackState.fps };
     this.emit([]);
     return { ...this.effectPlaybackState, time: this.effectTime };
   }
@@ -12151,10 +12155,11 @@ function strokeSummary(s, withPoints, live) {
 
 // src/paint-editor/brush-library-tools.ts
 function paintBrushPreviewRenderer(paper = () => DEFAULT_PAPER) {
-  return (brush, { width, height, color }) => {
+  const render = (brush, { width, height, color }) => {
     const t = renderBrushThumbnail(resolveBrush(brush), { paper: paper(), width, height, color: color.toLowerCase() });
     return { data: bytesToBase64(encodePng(t.width, t.height, t.data)), mimeType: "image/png" };
   };
+  return Object.defineProperty(render, "paper", { get: () => paper().color, enumerable: true });
 }
 function createPaintBrushLibraryToolProvider(controller, options = {}) {
   return createBrushLibraryToolProvider(controller.brushLibrary, {