@pixerate/editor 0.74.0 → 0.76.0

package/dist/{chunk-VWZB6BCY.js → chunk-Y3NW4VJE.js}

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

package/dist/{chunk-GTMJ4Y3S.js → chunk-YCSFS3GK.js}

@@ -1,3 +1,239 @@
+// src/canvas/gradient.ts
+var PIXERATE_BRAND_GRADIENT = {
+  type: "linear",
+  angle: 135,
+  stops: [
+    { offset: 0, color: "#8E51FF" },
+    { offset: 1, color: "#e12afb" }
+  ]
+};
+var CANVAS_GRADIENT_PRESETS = {
+  pixerate: PIXERATE_BRAND_GRADIENT,
+  sunset: {
+    type: "linear",
+    angle: 90,
+    stops: [
+      { offset: 0, color: "#f97316" },
+      { offset: 1, color: "#ec4899" }
+    ]
+  },
+  ocean: {
+    type: "linear",
+    angle: 90,
+    stops: [
+      { offset: 0, color: "#06b6d4" },
+      { offset: 1, color: "#3b82f6" }
+    ]
+  },
+  aurora: {
+    type: "linear",
+    angle: 90,
+    stops: [
+      { offset: 0, color: "#10b981" },
+      { offset: 1, color: "#6366f1" }
+    ]
+  },
+  neon: {
+    type: "linear",
+    angle: 90,
+    stops: [
+      { offset: 0, color: "#a855f7" },
+      { offset: 1, color: "#ec4899" }
+    ]
+  },
+  amber: {
+    type: "linear",
+    angle: 90,
+    stops: [
+      { offset: 0, color: "#f59e0b" },
+      { offset: 1, color: "#ef4444" }
+    ]
+  },
+  cosmic: {
+    type: "linear",
+    angle: 90,
+    stops: [
+      { offset: 0, color: "#3b82f6" },
+      { offset: 0.5, color: "#8b5cf6" },
+      { offset: 1, color: "#ec4899" }
+    ]
+  }
+};
+function isCanvasGradient(value) {
+  if (!value || typeof value !== "object") return false;
+  const val = value;
+  if (val.type !== "linear" && val.type !== "radial") return false;
+  if (!Array.isArray(val.stops)) return false;
+  return true;
+}
+function splitCssArgs(str) {
+  const parts = [];
+  let depth = 0;
+  let current = "";
+  for (let i = 0; i < str.length; i++) {
+    const char = str[i];
+    if (char === "(") depth++;
+    else if (char === ")") depth = Math.max(0, depth - 1);
+    if (char === "," && depth === 0) {
+      if (current.trim()) parts.push(current.trim());
+      current = "";
+    } else {
+      current += char;
+    }
+  }
+  if (current.trim()) parts.push(current.trim());
+  return parts;
+}
+function parseCssAngle(val) {
+  const trimmed = val.trim().toLowerCase();
+  if (trimmed.endsWith("deg")) {
+    return parseFloat(trimmed);
+  }
+  if (trimmed.endsWith("turn")) {
+    return parseFloat(trimmed) * 360;
+  }
+  if (trimmed.endsWith("rad")) {
+    return parseFloat(trimmed) * 180 / Math.PI;
+  }
+  if (trimmed.startsWith("to ")) {
+    const dir = trimmed.slice(3).trim();
+    if (dir === "bottom") return 180;
+    if (dir === "top") return 0;
+    if (dir === "right") return 90;
+    if (dir === "left") return 270;
+    if (dir === "bottom right" || dir === "right bottom") return 135;
+    if (dir === "bottom left" || dir === "left bottom") return 225;
+    if (dir === "top right" || dir === "right top") return 45;
+    if (dir === "top left" || dir === "left top") return 315;
+  }
+  const n = parseFloat(trimmed);
+  return Number.isFinite(n) ? n : 180;
+}
+function parseCssGradient(css) {
+  const trimmed = css.trim();
+  const linearMatch = trimmed.match(/^linear-gradient\s*\((.*)\)$/is);
+  if (linearMatch) {
+    const rawArgs = splitCssArgs(linearMatch[1]);
+    if (rawArgs.length === 0) return null;
+    let angle = 180;
+    let stopStartIndex = 0;
+    const first = rawArgs[0].trim().toLowerCase();
+    if (first.endsWith("deg") || first.endsWith("turn") || first.endsWith("rad") || first.startsWith("to ")) {
+      angle = parseCssAngle(first);
+      stopStartIndex = 1;
+    }
+    const stopStrings = rawArgs.slice(stopStartIndex);
+    if (stopStrings.length === 0) return null;
+    const stops = parseStopStrings(stopStrings);
+    if (stops.length === 0) return null;
+    return {
+      type: "linear",
+      angle,
+      stops
+    };
+  }
+  const radialMatch = trimmed.match(/^radial-gradient\s*\((.*)\)$/is);
+  if (radialMatch) {
+    const rawArgs = splitCssArgs(radialMatch[1]);
+    if (rawArgs.length === 0) return null;
+    let stopStartIndex = 0;
+    const first = rawArgs[0].trim().toLowerCase();
+    if (first.startsWith("circle") || first.startsWith("ellipse") || first.includes("at ")) {
+      stopStartIndex = 1;
+    }
+    const stopStrings = rawArgs.slice(stopStartIndex);
+    if (stopStrings.length === 0) return null;
+    const stops = parseStopStrings(stopStrings);
+    if (stops.length === 0) return null;
+    return {
+      type: "radial",
+      cx: 0.5,
+      cy: 0.5,
+      r: 0.5,
+      stops
+    };
+  }
+  return null;
+}
+function parseStopStrings(stopStrings) {
+  const count = stopStrings.length;
+  return stopStrings.map((str, idx) => {
+    const parts = str.trim().split(/\s+(?=[0-9%])/);
+    const color = parts[0];
+    let offset = count === 1 ? 0 : idx / (count - 1);
+    if (parts.length > 1) {
+      const posStr = parts[1].trim();
+      if (posStr.endsWith("%")) {
+        offset = parseFloat(posStr) / 100;
+      } else {
+        const val = parseFloat(posStr);
+        if (Number.isFinite(val)) offset = val;
+      }
+    }
+    return {
+      offset: Math.min(1, Math.max(0, offset)),
+      color
+    };
+  });
+}
+function resolveCanvasGradient(value) {
+  if (!value) return null;
+  if (isCanvasGradient(value)) return value;
+  if (typeof value === "string") {
+    const lower = value.trim().toLowerCase();
+    if (CANVAS_GRADIENT_PRESETS[lower]) {
+      return CANVAS_GRADIENT_PRESETS[lower];
+    }
+    if (lower.startsWith("linear-gradient") || lower.startsWith("radial-gradient")) {
+      return parseCssGradient(value);
+    }
+  }
+  return null;
+}
+function angleToSvgLinearCoords(angleDeg = 180) {
+  const rad = (90 - angleDeg) * Math.PI / 180;
+  const dx = Math.cos(rad);
+  const dy = -Math.sin(rad);
+  const half = 0.5;
+  return {
+    x1: Math.round((half - dx * half) * 1e3) / 1e3,
+    y1: Math.round((half - dy * half) * 1e3) / 1e3,
+    x2: Math.round((half + dx * half) * 1e3) / 1e3,
+    y2: Math.round((half + dy * half) * 1e3) / 1e3
+  };
+}
+function gradientToSvgDef(gradient, id) {
+  const stops = (gradient.stops ?? []).map((s) => ({
+    offset: `${Math.round(s.offset * 1e3) / 10}%`,
+    stopColor: s.color,
+    stopOpacity: s.opacity
+  }));
+  if (gradient.type === "radial") {
+    return {
+      id,
+      type: "radial",
+      attrs: {
+        cx: gradient.cx !== void 0 ? `${gradient.cx * 100}%` : "50%",
+        cy: gradient.cy !== void 0 ? `${gradient.cy * 100}%` : "50%",
+        r: gradient.r !== void 0 ? `${gradient.r * 100}%` : "50%"
+      },
+      stops
+    };
+  }
+  const coords = angleToSvgLinearCoords(gradient.angle ?? 180);
+  return {
+    id,
+    type: "linear",
+    attrs: {
+      x1: `${coords.x1 * 100}%`,
+      y1: `${coords.y1 * 100}%`,
+      x2: `${coords.x2 * 100}%`,
+      y2: `${coords.y2 * 100}%`
+    },
+    stops
+  };
+}
+
 // src/canvas/curveFit.ts
 function formatNumber(value, precision) {
   const factor = 10 ** precision;
@@ -343,242 +579,6 @@ function fitFreehandPath(points, options = {}) {
   return fitPathData(points, { tolerance: 1, ...options, closed: false });
 }
 
-// src/canvas/gradient.ts
-var PIXERATE_BRAND_GRADIENT = {
-  type: "linear",
-  angle: 135,
-  stops: [
-    { offset: 0, color: "#8E51FF" },
-    { offset: 1, color: "#e12afb" }
-  ]
-};
-var CANVAS_GRADIENT_PRESETS = {
-  pixerate: PIXERATE_BRAND_GRADIENT,
-  sunset: {
-    type: "linear",
-    angle: 90,
-    stops: [
-      { offset: 0, color: "#f97316" },
-      { offset: 1, color: "#ec4899" }
-    ]
-  },
-  ocean: {
-    type: "linear",
-    angle: 90,
-    stops: [
-      { offset: 0, color: "#06b6d4" },
-      { offset: 1, color: "#3b82f6" }
-    ]
-  },
-  aurora: {
-    type: "linear",
-    angle: 90,
-    stops: [
-      { offset: 0, color: "#10b981" },
-      { offset: 1, color: "#6366f1" }
-    ]
-  },
-  neon: {
-    type: "linear",
-    angle: 90,
-    stops: [
-      { offset: 0, color: "#a855f7" },
-      { offset: 1, color: "#ec4899" }
-    ]
-  },
-  amber: {
-    type: "linear",
-    angle: 90,
-    stops: [
-      { offset: 0, color: "#f59e0b" },
-      { offset: 1, color: "#ef4444" }
-    ]
-  },
-  cosmic: {
-    type: "linear",
-    angle: 90,
-    stops: [
-      { offset: 0, color: "#3b82f6" },
-      { offset: 0.5, color: "#8b5cf6" },
-      { offset: 1, color: "#ec4899" }
-    ]
-  }
-};
-function isCanvasGradient(value) {
-  if (!value || typeof value !== "object") return false;
-  const val = value;
-  if (val.type !== "linear" && val.type !== "radial") return false;
-  if (!Array.isArray(val.stops)) return false;
-  return true;
-}
-function splitCssArgs(str) {
-  const parts = [];
-  let depth = 0;
-  let current = "";
-  for (let i = 0; i < str.length; i++) {
-    const char = str[i];
-    if (char === "(") depth++;
-    else if (char === ")") depth = Math.max(0, depth - 1);
-    if (char === "," && depth === 0) {
-      if (current.trim()) parts.push(current.trim());
-      current = "";
-    } else {
-      current += char;
-    }
-  }
-  if (current.trim()) parts.push(current.trim());
-  return parts;
-}
-function parseCssAngle(val) {
-  const trimmed = val.trim().toLowerCase();
-  if (trimmed.endsWith("deg")) {
-    return parseFloat(trimmed);
-  }
-  if (trimmed.endsWith("turn")) {
-    return parseFloat(trimmed) * 360;
-  }
-  if (trimmed.endsWith("rad")) {
-    return parseFloat(trimmed) * 180 / Math.PI;
-  }
-  if (trimmed.startsWith("to ")) {
-    const dir = trimmed.slice(3).trim();
-    if (dir === "bottom") return 180;
-    if (dir === "top") return 0;
-    if (dir === "right") return 90;
-    if (dir === "left") return 270;
-    if (dir === "bottom right" || dir === "right bottom") return 135;
-    if (dir === "bottom left" || dir === "left bottom") return 225;
-    if (dir === "top right" || dir === "right top") return 45;
-    if (dir === "top left" || dir === "left top") return 315;
-  }
-  const n = parseFloat(trimmed);
-  return Number.isFinite(n) ? n : 180;
-}
-function parseCssGradient(css) {
-  const trimmed = css.trim();
-  const linearMatch = trimmed.match(/^linear-gradient\s*\((.*)\)$/is);
-  if (linearMatch) {
-    const rawArgs = splitCssArgs(linearMatch[1]);
-    if (rawArgs.length === 0) return null;
-    let angle = 180;
-    let stopStartIndex = 0;
-    const first = rawArgs[0].trim().toLowerCase();
-    if (first.endsWith("deg") || first.endsWith("turn") || first.endsWith("rad") || first.startsWith("to ")) {
-      angle = parseCssAngle(first);
-      stopStartIndex = 1;
-    }
-    const stopStrings = rawArgs.slice(stopStartIndex);
-    if (stopStrings.length === 0) return null;
-    const stops = parseStopStrings(stopStrings);
-    if (stops.length === 0) return null;
-    return {
-      type: "linear",
-      angle,
-      stops
-    };
-  }
-  const radialMatch = trimmed.match(/^radial-gradient\s*\((.*)\)$/is);
-  if (radialMatch) {
-    const rawArgs = splitCssArgs(radialMatch[1]);
-    if (rawArgs.length === 0) return null;
-    let stopStartIndex = 0;
-    const first = rawArgs[0].trim().toLowerCase();
-    if (first.startsWith("circle") || first.startsWith("ellipse") || first.includes("at ")) {
-      stopStartIndex = 1;
-    }
-    const stopStrings = rawArgs.slice(stopStartIndex);
-    if (stopStrings.length === 0) return null;
-    const stops = parseStopStrings(stopStrings);
-    if (stops.length === 0) return null;
-    return {
-      type: "radial",
-      cx: 0.5,
-      cy: 0.5,
-      r: 0.5,
-      stops
-    };
-  }
-  return null;
-}
-function parseStopStrings(stopStrings) {
-  const count = stopStrings.length;
-  return stopStrings.map((str, idx) => {
-    const parts = str.trim().split(/\s+(?=[0-9%])/);
-    const color = parts[0];
-    let offset = count === 1 ? 0 : idx / (count - 1);
-    if (parts.length > 1) {
-      const posStr = parts[1].trim();
-      if (posStr.endsWith("%")) {
-        offset = parseFloat(posStr) / 100;
-      } else {
-        const val = parseFloat(posStr);
-        if (Number.isFinite(val)) offset = val;
-      }
-    }
-    return {
-      offset: Math.min(1, Math.max(0, offset)),
-      color
-    };
-  });
-}
-function resolveCanvasGradient(value) {
-  if (!value) return null;
-  if (isCanvasGradient(value)) return value;
-  if (typeof value === "string") {
-    const lower = value.trim().toLowerCase();
-    if (CANVAS_GRADIENT_PRESETS[lower]) {
-      return CANVAS_GRADIENT_PRESETS[lower];
-    }
-    if (lower.startsWith("linear-gradient") || lower.startsWith("radial-gradient")) {
-      return parseCssGradient(value);
-    }
-  }
-  return null;
-}
-function angleToSvgLinearCoords(angleDeg = 180) {
-  const rad = (90 - angleDeg) * Math.PI / 180;
-  const dx = Math.cos(rad);
-  const dy = -Math.sin(rad);
-  const half = 0.5;
-  return {
-    x1: Math.round((half - dx * half) * 1e3) / 1e3,
-    y1: Math.round((half - dy * half) * 1e3) / 1e3,
-    x2: Math.round((half + dx * half) * 1e3) / 1e3,
-    y2: Math.round((half + dy * half) * 1e3) / 1e3
-  };
-}
-function gradientToSvgDef(gradient, id) {
-  const stops = (gradient.stops ?? []).map((s) => ({
-    offset: `${Math.round(s.offset * 1e3) / 10}%`,
-    stopColor: s.color,
-    stopOpacity: s.opacity
-  }));
-  if (gradient.type === "radial") {
-    return {
-      id,
-      type: "radial",
-      attrs: {
-        cx: gradient.cx !== void 0 ? `${gradient.cx * 100}%` : "50%",
-        cy: gradient.cy !== void 0 ? `${gradient.cy * 100}%` : "50%",
-        r: gradient.r !== void 0 ? `${gradient.r * 100}%` : "50%"
-      },
-      stops
-    };
-  }
-  const coords = angleToSvgLinearCoords(gradient.angle ?? 180);
-  return {
-    id,
-    type: "linear",
-    attrs: {
-      x1: `${coords.x1 * 100}%`,
-      y1: `${coords.y1 * 100}%`,
-      x2: `${coords.x2 * 100}%`,
-      y2: `${coords.y2 * 100}%`
-    },
-    stops
-  };
-}
-
 // src/canvas/shapeGeometry.ts
 var SHAPE_KINDS = ["rect", "ellipse", "polygon", "star", "path"];
 function isShapeDescription(value) {
@@ -3805,6 +3805,13 @@ function offsetPath(input, distance, options = {}) {
 }
 
 export {
+  PIXERATE_BRAND_GRADIENT,
+  CANVAS_GRADIENT_PRESETS,
+  isCanvasGradient,
+  parseCssGradient,
+  resolveCanvasGradient,
+  angleToSvgLinearCoords,
+  gradientToSvgDef,
   cubicPointAt,
   fitCubicWithTangents,
   fitCubicRun,
@@ -3813,13 +3820,6 @@ export {
   cubicsToPathData,
   fitPathData,
   fitFreehandPath,
-  PIXERATE_BRAND_GRADIENT,
-  CANVAS_GRADIENT_PRESETS,
-  isCanvasGradient,
-  parseCssGradient,
-  resolveCanvasGradient,
-  angleToSvgLinearCoords,
-  gradientToSvgDef,
   SHAPE_KINDS,
   isShapeDescription,
   parseSvgPath,
@@ -3890,4 +3890,4 @@ export {
   outlineStroke,
   offsetPath
 };
-//# sourceMappingURL=chunk-GTMJ4Y3S.js.map
+//# sourceMappingURL=chunk-YCSFS3GK.js.map