@pixerate/editor 0.126.0 → 0.128.0

package/dist/{chunk-X6KTSFAE.js → chunk-Q4NBEVV5.js}

@@ -16,7 +16,7 @@ import {
   solveMonotone,
   subSegment,
   windingNumber
-} from "./chunk-FG274FYT.js";
+} from "./chunk-YGJIER2R.js";
 
 // src/canvas/pathops/planar.ts
 var twin = (h) => h ^ 1;
@@ -734,4 +734,4 @@ export {
   PATHFINDER_OPERATIONS,
   pathfinder
 };
-//# sourceMappingURL=chunk-X6KTSFAE.js.map
+//# sourceMappingURL=chunk-Q4NBEVV5.js.map

package/dist/{chunk-FPRIUR4T.js → chunk-ROZFX4QI.js}

@@ -27,14 +27,14 @@ import {
   transformBezierPath,
   trimSegments,
   windingNumber
-} from "./chunk-FG274FYT.js";
+} from "./chunk-YGJIER2R.js";
 import {
   angleToSvgLinearCoords,
   fitCubicRun,
   fitCubics,
   formatNumber,
   isStraightCubic
-} from "./chunk-GLWZXQ4Q.js";
+} from "./chunk-KHNZ6MOU.js";
 import {
   oklabToRgb,
   rgbToOklab
@@ -10037,4 +10037,4 @@ export {
   lineSubpath,
   roundSubpaths
 };
-//# sourceMappingURL=chunk-FPRIUR4T.js.map
+//# sourceMappingURL=chunk-ROZFX4QI.js.map

package/dist/{chunk-J67OLQUQ.js → chunk-SVYE5HIM.js}

@@ -1,6 +1,6 @@
 import {
   parseSvgPath
-} from "./chunk-GLWZXQ4Q.js";
+} from "./chunk-KHNZ6MOU.js";
 
 // src/canvas/brushstroke.ts
 function isBrushedShape(shape) {
@@ -74,7 +74,7 @@ function profileAlongPolyline(points, values, count = 32) {
 var round3 = (v) => Math.round(v * 1e3) / 1e3;
 var loading = null;
 function loadCanvasBrushstrokeRenderer() {
-  loading ??= import("./brushstrokeRender-LRV7GXGD.js").catch((error) => {
+  loading ??= import("./brushstrokeRender-SII6MG4R.js").catch((error) => {
     loading = null;
     throw error;
   });
@@ -86,6 +86,9 @@ async function listCanvasBrushes() {
 async function validateCanvasBrush(brush) {
   (await loadCanvasBrushstrokeRenderer()).resolveCanvasBrush(brush, 1);
 }
+async function validateCanvasBrushPaint(paint) {
+  (await loadCanvasBrushstrokeRenderer()).resolveCanvasPaint(paint);
+}
 async function renderShapeBrushstroke(shape, options = {}) {
   if (!isBrushedShape(shape)) return null;
   return (await loadCanvasBrushstrokeRenderer()).renderShapeBrushstrokeNow(shape, options.scale ?? 1);
@@ -102,7 +105,8 @@ export {
   loadCanvasBrushstrokeRenderer,
   listCanvasBrushes,
   validateCanvasBrush,
+  validateCanvasBrushPaint,
   renderShapeBrushstroke,
   getBrushedShapeSvg
 };
-//# sourceMappingURL=chunk-J67OLQUQ.js.map
+//# sourceMappingURL=chunk-SVYE5HIM.js.map

package/dist/chunk-SVYE5HIM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/brushstroke.ts"],"sourcesContent":["/**\n * Brushed freehand strokes: a path shape with a `brush` keeps its path (selection, editing, eraser\n * hit-testing, grouping and export work as for any path) and is drawn with the paint engine's\n * dry brushstroke renderer instead of an SVG stroke. The renderer, the paint presets and the colour\n * parser live in a separate chunk, loaded the first time a brushed stroke is drawn, so canvases\n * without brushes never load the paint engine.\n */\nimport { brushstrokeScaleBucket } from '../paint/brushstroke-scale.js';\nimport { parseSvgPath, type PathShape, type ShapeDescription, type ShapeSize } from './shapeGeometry.js';\nimport type { Point } from './types.js';\nimport type { CanvasBrush, CanvasBrushPaint, CanvasBrushPreset, CanvasBrushstroke } from './brushTypes.js';\n\nexport type { CanvasBrush, CanvasBrushPaint, CanvasBrushPaintMapping, CanvasBrushPaintStop, CanvasBrushPreset, CanvasBrushSettings, CanvasBrushstroke } from './brushTypes.js';\n\nexport { brushstrokeScaleBucket };\n\n/** A brushed stroke's image, placed in the path's coordinates (the shape's view box). */\nexport interface CanvasBrushstrokeImage {\n\t/** PNG data URL. */\n\thref: string;\n\tx: number;\n\ty: number;\n\twidth: number;\n\theight: number;\n\t/** Image pixels per path unit. */\n\tscale: number;\n}\n\n/** A path shape with a brush. */\nexport type BrushedPathShape = PathShape & { brush: CanvasBrushstroke };\n\n/** Whether a shape is a brushed stroke. */\nexport function isBrushedShape(shape: ShapeDescription | null | undefined): shape is BrushedPathShape {\n\treturn !!shape && shape.kind === 'path' && !!shape.brush && typeof shape.brush === 'object' && shape.brush.brush != null;\n}\n\n/**\n * The open polyline of a path's first subpath, in path coordinates: lines kept, curves sampled\n * every `step` units or so. Brushed strokes are drawn along it.\n */\nexport function pathDataToPolyline(d: string, step = 2): Point[] {\n\tconst out: Point[] = [];\n\tlet x = 0;\n\tlet y = 0;\n\tlet started = false;\n\tconst push = (px: number, py: number) => {\n\t\tconst last = out[out.length - 1];\n\t\tif (!last || last[0] !== px || last[1] !== py) out.push([px, py]);\n\t};\n\tfor (const c of parseSvgPath(d)) {\n\t\tif (c.type === 'M') {\n\t\t\tif (started) break;\n\t\t\tstarted = true;\n\t\t\tx = c.x;\n\t\t\ty = c.y;\n\t\t\tpush(x, y);\n\t\t} else if (c.type === 'Z') {\n\t\t\tif (out.length) push(out[0][0], out[0][1]);\n\t\t\tbreak;\n\t\t} else if (c.type === 'C' || c.type === 'Q') {\n\t\t\tconst pts = c.type === 'C' ? [[x, y], [c.x1, c.y1], [c.x2, c.y2], [c.x, c.y]] : [[x, y], [c.x1, c.y1], [c.x, c.y]];\n\t\t\tlet hull = 0;\n\t\t\tfor (let i = 1; i < pts.length; i++) hull += Math.hypot(pts[i][0] - pts[i - 1][0], pts[i][1] - pts[i - 1][1]);\n\t\t\tconst n = Math.max(1, Math.min(256, Math.ceil(hull / Math.max(0.25, step))));\n\t\t\tfor (let k = 1; k <= n; k++) {\n\t\t\t\tconst t = k / n;\n\t\t\t\tconst u = 1 - t;\n\t\t\t\tif (c.type === 'C') {\n\t\t\t\t\tpush(\n\t\t\t\t\t\tu * u * u * x + 3 * u * u * t * c.x1 + 3 * u * t * t * c.x2 + t * t * t * c.x,\n\t\t\t\t\t\tu * u * u * y + 3 * u * u * t * c.y1 + 3 * u * t * t * c.y2 + t * t * t * c.y\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tpush(u * u * x + 2 * u * t * c.x1 + t * t * c.x, u * u * y + 2 * u * t * c.y1 + t * t * c.y);\n\t\t\t\t}\n\t\t\t}\n\t\t\tx = c.x;\n\t\t\ty = c.y;\n\t\t} else {\n\t\t\t// Lines, and arcs as their chords (freehand paths have none).\n\t\t\tx = c.x;\n\t\t\ty = c.y;\n\t\t\tpush(x, y);\n\t\t}\n\t}\n\treturn out;\n}\n\n/**\n * Resamples per-point values into `count` values spread evenly along the polyline's length (the\n * profile a brushed stroke stores). Values are rounded to three decimals.\n */\nexport function profileAlongPolyline(points: readonly Point[], values: readonly number[], count = 32): number[] {\n\tconst n = Math.min(points.length, values.length);\n\tif (n === 0) return [];\n\tif (n === 1) return [round3(values[0])];\n\tconst lengths = [0];\n\tfor (let i = 1; i < n; i++) lengths.push(lengths[i - 1] + Math.hypot(points[i][0] - points[i - 1][0], points[i][1] - points[i - 1][1]));\n\tconst total = lengths[n - 1];\n\tconst m = Math.max(2, Math.min(count, n));\n\tconst out: number[] = [];\n\tlet j = 0;\n\tfor (let k = 0; k < m; k++) {\n\t\tconst at = total > 0 ? (total * k) / (m - 1) : 0;\n\t\twhile (j < n - 2 && lengths[j + 1] < at) j++;\n\t\tconst span = lengths[j + 1] - lengths[j];\n\t\tconst f = span > 0 ? Math.min(1, Math.max(0, (at - lengths[j]) / span)) : 0;\n\t\tout.push(round3(values[j] + (values[j + 1] - values[j]) * f));\n\t}\n\treturn out;\n}\n\nconst round3 = (v: number) => Math.round(v * 1000) / 1000;\n\n// ---------------------------------------------------------------------------\n// The lazily loaded renderer\n// ---------------------------------------------------------------------------\n\n/** The renderer chunk (`./brushstrokeRender.ts`). */\nexport interface CanvasBrushstrokeRenderer {\n\tlistCanvasBrushes(): CanvasBrushPreset[];\n\t/** Throws for an unknown or non-dry brush; the result is the paint engine's brush. */\n\tresolveCanvasBrush(brush: CanvasBrush, width: number): unknown;\n\t/** Throws for paint that is not a colour or gradient paint a canvas stroke can use; the result is the paint engine's `PaintSource`. */\n\tresolveCanvasPaint(paint: unknown): unknown;\n\trenderShapeBrushstrokeNow(shape: BrushedPathShape, scale: number): CanvasBrushstrokeImage | null;\n\tbrushedShapeSvgNow(shape: BrushedPathShape, size: ShapeSize, scale: number): string;\n}\n\nlet loading: Promise<CanvasBrushstrokeRenderer> | null = null;\n\n/**\n * Loads the brushstroke renderer (the paint engine's dry brushes, the paint presets and a CSS\n * colour parser). Called for you by the functions below; call it early to warm up.\n */\nexport function loadCanvasBrushstrokeRenderer(): Promise<CanvasBrushstrokeRenderer> {\n\tloading ??= (import('./brushstrokeRender.js') as Promise<CanvasBrushstrokeRenderer>).catch((error) => {\n\t\tloading = null;\n\t\tthrow error;\n\t});\n\treturn loading;\n}\n\n/** The dry paint presets a freehand stroke can use (wet, mixer, blender, smudge and eraser presets are left out). */\nexport async function listCanvasBrushes(): Promise<CanvasBrushPreset[]> {\n\treturn (await loadCanvasBrushstrokeRenderer()).listCanvasBrushes();\n}\n\n/**\n * Checks a brush: an unknown preset id, a wet (or other non-dry) preset, or settings that are not\n * an object throw an error saying which presets can be used.\n */\nexport async function validateCanvasBrush(brush: CanvasBrush): Promise<void> {\n\t(await loadCanvasBrushstrokeRenderer()).resolveCanvasBrush(brush, 1);\n}\n\n/**\n * Checks a brushed stroke's `paint` (a colour or gradient paint): bad stops, an unknown mapping,\n * or a mapping that needs timed samples (`velocity`, `time`) throw an error saying what to use.\n */\nexport async function validateCanvasBrushPaint(paint: CanvasBrushPaint): Promise<void> {\n\t(await loadCanvasBrushstrokeRenderer()).resolveCanvasPaint(paint);\n}\n\nexport interface RenderShapeBrushstrokeOptions {\n\t/** Image pixels per path unit; pass `brushstrokeScaleBucket(zoom × node scale, devicePixelRatio)` (default 1). */\n\tscale?: number;\n}\n\n/**\n * Renders a brushed path shape to a cached PNG placed in path coordinates, or null for a shape\n * without a brush or an empty path. Throws for an unknown or non-dry brush.\n */\nexport async function renderShapeBrushstroke(shape: ShapeDescription, options: RenderShapeBrushstrokeOptions = {}): Promise<CanvasBrushstrokeImage | null> {\n\tif (!isBrushedShape(shape)) return null;\n\treturn (await loadCanvasBrushstrokeRenderer()).renderShapeBrushstrokeNow(shape, options.scale ?? 1);\n}\n\n/**\n * The brushed stroke as a standalone SVG document of `size` (the node box), with the image\n * embedded as a PNG data URL: what an SVG export writes for the node. Shapes without a brush give\n * null (export them as paths).\n */\nexport async function getBrushedShapeSvg(shape: ShapeDescription, size: ShapeSize, options: RenderShapeBrushstrokeOptions = {}): Promise<string | null> {\n\tif (!isBrushedShape(shape)) return null;\n\treturn (await loadCanvasBrushstrokeRenderer()).brushedShapeSvgNow(shape, size, options.scale ?? 2);\n}\n"],"mappings":"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","names":[]}