@pixerate/editor 0.264.0 → 0.265.0

package/dist/{chunk-G5ADO47G.cjs → chunk-7NQOGWLM.cjs}

@@ -74,7 +74,7 @@ function profileAlongPolyline(points, values, count = 32) {
 var round3 = (v) => Math.round(v * 1e3) / 1e3;
 var loading = null;
 function loadCanvasBrushstrokeRenderer() {
-  loading ??= Promise.resolve().then(() => _interopRequireWildcard(require("./brushstrokeRender-SMMPIJF2.cjs"))).catch((error) => {
+  loading ??= Promise.resolve().then(() => _interopRequireWildcard(require("./brushstrokeRender-JQ2XQRUD.cjs"))).catch((error) => {
     loading = null;
     throw error;
   });
@@ -117,7 +117,8 @@ async function renderCanvasBrushSwatch(brush, options = {}, spec) {
   return (await loadCanvasBrushstrokeRenderer()).brushSwatchNow(brush, options, spec);
 }
 var renderCanvasBrushPreview = async (brush, { width, height, color }) => {
-  const url = await renderCanvasBrushSwatch(brush.id, { width, height, color, scale: 1 }, brush);
+  const { light: _light, ...plain } = brush;
+  const url = await renderCanvasBrushSwatch(brush.id, { width, height, color, scale: 1 }, plain);
   return { data: url.replace(/^data:image\/png;base64,/, ""), mimeType: "image/png" };
 };
 

package/dist/{chunk-WWI6FLH2.js → chunk-7PW6VCNW.js}

@@ -7,7 +7,7 @@ import {
   listPresets,
   normalizeBrushSpec,
   resolveBrush
-} from "./chunk-EE7SAYBF.js";
+} from "./chunk-J4SGJCPW.js";
 import {
   parseProvenance
 } from "./chunk-M6DNZNVY.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk-PWBZH3FK.js";
 import {
   brushColourHex
-} from "./chunk-FJBQTZS4.js";
+} from "./chunk-DVPQFMH6.js";
 import {
   BrushstrokeCache,
   GRAIN_PATTERNS,

package/dist/{chunk-CECCP2V7.js → chunk-BLR4KWYQ.js}

@@ -5,7 +5,7 @@ import {
   moveAnchorHandle,
   subpathSegment,
   subpathSegmentCount
-} from "./chunk-WWI6FLH2.js";
+} from "./chunk-7PW6VCNW.js";
 import {
   segmentPoint
 } from "./chunk-WEIK3UYB.js";

package/dist/chunk-DEBIFWY6.cjs

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunk677777GHcjs = require('./chunk-677777GH.cjs');
+
+
+var _chunkJBZRVLXVcjs = require('./chunk-JBZRVLXV.cjs');
+
+
+var _chunkMLLTWAXHcjs = require('./chunk-MLLTWAXH.cjs');
+
+
+
+var _chunkSXQHWXELcjs = require('./chunk-SXQHWXEL.cjs');
+
+
+
+
+
+
+
+
+var _chunk5UEFBM2Mcjs = require('./chunk-5UEFBM2M.cjs');
+
+// src/brushes/preview.ts
+var BRUSH_PREVIEW_DARK_PAPER = "#141414";
+var BRUSH_PREVIEW_MIN_CONTRAST = 3;
+var BRUSH_PREVIEW_FALLBACKS = {
+  dry: { light: "#3f3f46", dark: "#e4e4e7" },
+  ink: { light: "#1e293b", dark: "#e2e8f0" },
+  paint: { light: "#1d4ed8", dark: "#93c5fd" },
+  spray: { light: "#0f766e", dark: "#5eead4" },
+  other: { light: "#334155", dark: "#cbd5e1" },
+  tools: { light: "#475569", dark: "#cbd5e1" }
+};
+function brushPreviewsOnDark(brush) {
+  return (_nullishCoalesce(_optionalChain([brush, 'access', _ => _.light, 'optionalAccess', _2 => _2.amount]), () => ( 0))) > 0 && _optionalChain([brush, 'access', _3 => _3.tip, 'optionalAccess', _4 => _4.blend]) !== "multiply";
+}
+var hexOf = (c) => _nullishCoalesce(_chunkJBZRVLXVcjs.brushColourHex.call(void 0, c, "light"), () => ( "#ffffff"));
+function brushPreviewStrength(brush) {
+  const opacity = _nullishCoalesce(brush.tip.opacity, () => ( 1));
+  const flow = _nullishCoalesce(brush.tip.flow, () => ( 1));
+  const grain = _nullishCoalesce(_optionalChain([brush, 'access', _5 => _5.behaviour, 'optionalAccess', _6 => _6.grain]), () => ( 0));
+  return Math.max(0.25, Math.min(1, 0.85 * opacity * (0.6 + 0.4 * flow) * (1 - 0.3 * grain)));
+}
+var over = (fg, bg, alpha) => ({ r: fg.r * alpha + bg.r * (1 - alpha), g: fg.g * alpha + bg.g * (1 - alpha), b: fg.b * alpha + bg.b * (1 - alpha), a: 1 });
+function brushPreviewColours(brush, options = {}) {
+  const profile = _nullishCoalesce(options.profile, () => ( _chunk677777GHcjs.PAINT_PROFILE));
+  let background = profile.light === "full" && brushPreviewsOnDark(brush) ? BRUSH_PREVIEW_DARK_PAPER : hexOf(_nullishCoalesce(options.paper, () => ( "#ffffff")));
+  if (!options.keepPaper && brush.tip.blend === "multiply" && _chunk5UEFBM2Mcjs.relativeLuminance.call(void 0, _chunk5UEFBM2Mcjs.parseColor.call(void 0, background)) < 0.18) background = "#ffffff";
+  const bg = _chunk5UEFBM2Mcjs.parseColor.call(void 0, background);
+  const scheme = _chunk5UEFBM2Mcjs.relativeLuminance.call(void 0, bg) < 0.18 ? "dark" : "light";
+  const own = brush.kind === "mark" ? _optionalChain([brush, 'access', _7 => _7.colour, 'optionalAccess', _8 => _8.default]) : void 0;
+  const ownHex = typeof own === "string" || _chunkMLLTWAXHcjs.isDualColor.call(void 0, own) ? _chunkJBZRVLXVcjs.brushColourHex.call(void 0, own, scheme) : null;
+  if (ownHex && brush.tip.blend === "multiply" && (_nullishCoalesce(_optionalChain([brush, 'access', _9 => _9.light, 'optionalAccess', _10 => _10.amount]), () => ( 0))) > 0 && scheme === "light") return { background, color: ownHex, scheme };
+  const group = brush.kind === "tool" ? "tools" : _nullishCoalesce(brush.medium, () => ( "other"));
+  const color = _nullishCoalesce(ownHex, () => ( _chunkJBZRVLXVcjs.brushColourHex.call(void 0, _nullishCoalesce(BRUSH_PREVIEW_FALLBACKS[group], () => ( BRUSH_PREVIEW_FALLBACKS.other)), scheme)));
+  const alpha = brushPreviewStrength(brush);
+  const reads = (c) => _chunk5UEFBM2Mcjs.contrastRatio.call(void 0, over(c, bg, alpha), bg) >= BRUSH_PREVIEW_MIN_CONTRAST;
+  const fg = _chunk5UEFBM2Mcjs.parseColor.call(void 0, color);
+  if (reads(fg)) return { background, color, scheme };
+  const lch = _chunk5UEFBM2Mcjs.oklabToOklch.call(void 0, _chunk5UEFBM2Mcjs.rgbToOklab.call(void 0, fg));
+  const step = scheme === "dark" ? 0.01 : -0.01;
+  for (let l = lch.l + step; l >= 0 && l <= 1; l += step) {
+    const hex = _chunkSXQHWXELcjs.formatHex.call(void 0, _chunkSXQHWXELcjs.toSrgbGamut.call(void 0, _chunk5UEFBM2Mcjs.oklabToRgb.call(void 0, _chunk5UEFBM2Mcjs.oklchToOklab.call(void 0, { ...lch, l }))));
+    if (reads(_chunk5UEFBM2Mcjs.parseColor.call(void 0, hex))) return { background, color: hex, scheme };
+  }
+  return { background, color: scheme === "dark" ? "#ffffff" : "#000000", scheme };
+}
+
+
+
+
+
+
+
+
+exports.BRUSH_PREVIEW_DARK_PAPER = BRUSH_PREVIEW_DARK_PAPER; exports.BRUSH_PREVIEW_MIN_CONTRAST = BRUSH_PREVIEW_MIN_CONTRAST; exports.BRUSH_PREVIEW_FALLBACKS = BRUSH_PREVIEW_FALLBACKS; exports.brushPreviewsOnDark = brushPreviewsOnDark; exports.brushPreviewStrength = brushPreviewStrength; exports.brushPreviewColours = brushPreviewColours;