@pixodesk/svg-animator-rn 1.0.39 → 1.0.41

package/dist/index.js

@@ -31,30 +31,8 @@ var __objRest = (source, exclude) => {
 };
 
 // src/PixodeskSvgAnimator.tsx
-import {
-  clampSeekMs,
-  createDiagnostics as createDiagnostics2,
-  createRunClock,
-  isValidPlaybackRate,
-  progressSpanMs,
-  progressToTimeMs,
-  PX_RATE_REJECTED,
-  PxDiagnosticKind as PxDiagnosticKind2,
-  seekCeilingMs,
-  timeToProgress,
-  reportDocumentDiagnostics,
-  generateNewIds,
-  getAnimatorConfig as getAnimatorConfig2,
-  getDefs,
-  materializeAllInTree,
-  resolveTrigger,
-  validateNodeEffects,
-  PxTimelineEngine as PxTimelineEngine2,
-  PxControlMode,
-  resolveControlMode,
-  applyAnimatorConfig,
-  foldTimelineOverride
-} from "@pixodesk/svg-animator-core";
+import { clampSeekMs, createRunClock, isValidPlaybackRate, progressSpanMs, progressToTimeMs, PX_RATE_REJECTED, PxDiagnosticKind as PxDiagnosticKind2, seekCeilingMs, timeToProgress, generateNewIds, getAnimatorConfig as getAnimatorConfig2, getDefinitions, materializeAllInTree, resolveTrigger, validateNodeEffects, PxTimelineEngine as PxTimelineEngine2, PxControlMode, resolveControlMode, applyAnimatorConfig, foldTimelineOverride } from "@pixodesk/svg-animator-core";
+import { createDiagnostics as createDiagnostics2, reportDocumentDiagnostics } from "@pixodesk/svg-animator-core/internal";
 import { createElement as createElement2, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Dimensions, Platform, Pressable, View } from "react-native";
 import Animated, {
@@ -70,16 +48,11 @@ import Animated, {
 } from "react-native-reanimated";
 
 // src/PxRnTracks.ts
-import {
-  calcAnimationValues,
-  getAnimatorConfig,
-  getNormalizedBindings,
-  DEFAULT_DURATION_MS,
-  PxTimelineEngine
-} from "@pixodesk/svg-animator-core";
+import { calcAnimationValues, getAnimatorConfig, normalizeBindings, PxTimelineEngine } from "@pixodesk/svg-animator-core";
+import { PX_DEFAULT_DURATION_MS } from "@pixodesk/svg-animator-core/internal";
 
 // src/PxRnPropNames.ts
-import { kebabToCamelCaseWord } from "@pixodesk/svg-animator-core";
+import { kebabToCamelCaseWord } from "@pixodesk/svg-animator-core/internal";
 
 // src/PxRnMatrix.ts
 var DEG = Math.PI / 180;
@@ -177,7 +150,7 @@ function toRnPropValue(rnPropName, value, tag, native = false) {
 function compileTracks(doc, opts) {
   var _a, _b, _c, _d;
   const config = getAnimatorConfig(doc) || {};
-  const duration = +(config.duration || DEFAULT_DURATION_MS);
+  const duration = +(config.duration || PX_DEFAULT_DURATION_MS);
   const _iterations = config.iterations;
   let iterations = 1;
   if (typeof _iterations === "number") iterations = _iterations || 1;
@@ -196,7 +169,7 @@ function compileTracks(doc, opts) {
     ((_a2 = n == null ? void 0 : n.children) != null ? _a2 : []).forEach(indexTags);
   };
   indexTags(doc);
-  const bindings = getNormalizedBindings(doc, PxTimelineEngine.js) || [];
+  const bindings = normalizeBindings(doc, PxTimelineEngine.js) || [];
   const elements = [];
   for (const binding of bindings) {
     const animDef = binding.animate;
@@ -256,13 +229,8 @@ function sampleProps(tracks, tMs, stepMs, sampleCount, native = false) {
 }
 
 // src/PxRnRender.tsx
-import {
-  getNormalizedProps,
-  resolveStyle,
-  sanitizeAttributeValue,
-  DISALLOWED_SVG_TAGS_LOWER,
-  TEXT_CONTENT_ATTR
-} from "@pixodesk/svg-animator-core";
+import { toDomProps } from "@pixodesk/svg-animator-core";
+import { sanitizeAttributeValue, PX_DISALLOWED_SVG_TAGS_LOWER, PX_TEXT_CONTENT_ATTR } from "@pixodesk/svg-animator-core/internal";
 import { createElement } from "react";
 
 // src/PxRnTypeMap.ts
@@ -379,7 +347,7 @@ var RN_SVG_COMPONENTS = {
 
 // src/PxRnRender.tsx
 function toRnProps(props, warnings, tag) {
-  const normalized = getNormalizedProps(props);
+  const normalized = toDomProps(props);
   const out = {};
   for (const key of Object.keys(normalized)) {
     const sanitized = sanitizeAttributeValue(key, normalized[key]);
@@ -397,7 +365,7 @@ function renderRnNode(node, opts = {}, key) {
   const tag = String(type || "g");
   const domType = props.domType;
   if (domType !== void 0) delete props.domType;
-  if (DISALLOWED_SVG_TAGS_LOWER.has(tag.toLowerCase())) {
+  if (PX_DISALLOWED_SVG_TAGS_LOWER.has(tag.toLowerCase())) {
     (_b = opts.warnings) == null ? void 0 : _b.push("tag blocked (dangerous): " + tag);
     return null;
   }
@@ -408,7 +376,7 @@ function renderRnNode(node, opts = {}, key) {
   }
   const rnProps = toRnProps(props, opts.warnings, tag);
   if (domType !== void 0) rnProps.type = domType;
-  const resolved = resolveStyle(style, opts.defs);
+  const resolved = style;
   if (resolved) {
     for (const [k, v] of Object.entries(resolved)) {
       const rnKey = toRnPropName(k);
@@ -418,7 +386,7 @@ function renderRnNode(node, opts = {}, key) {
       rnProps[rnKey] = toRnPropValue(rnKey, String(sanitized), tag);
     }
   }
-  const textContent = props[TEXT_CONTENT_ATTR];
+  const textContent = props[PX_TEXT_CONTENT_ATTR];
   let childElements = void 0;
   if (Array.isArray(children) && children.length > 0) {
     childElements = children.map((ch, i) => {
@@ -444,7 +412,8 @@ function renderRnNode(node, opts = {}, key) {
 
 // src/PxRnErrorBoundary.tsx
 import { Component } from "react";
-import { createDiagnostics, PxDiagnosticKind } from "@pixodesk/svg-animator-core";
+import { PxDiagnosticKind } from "@pixodesk/svg-animator-core";
+import { createDiagnostics } from "@pixodesk/svg-animator-core/internal";
 var PxRnErrorBoundary = class extends Component {
   constructor() {
     super(...arguments);
@@ -454,9 +423,8 @@ var PxRnErrorBoundary = class extends Component {
     return { error };
   }
   componentDidCatch(error, info) {
-    var _a, _b, _c, _d, _e;
-    (_c = (_b = this.props).onError) == null ? void 0 : _c.call(_b, error, (_a = info == null ? void 0 : info.componentStack) != null ? _a : void 0);
-    ((_d = this.props.diag) != null ? _d : createDiagnostics(void 0, "[PixodeskSvgAnimator]")).warn(PxDiagnosticKind.internal, "render failed: " + ((_e = error == null ? void 0 : error.message) != null ? _e : String(error)));
+    var _a, _b;
+    ((_a = this.props.diag) != null ? _a : createDiagnostics(void 0, "[PixodeskSvgAnimator]")).error(PxDiagnosticKind.internal, error, { componentStack: (_b = info == null ? void 0 : info.componentStack) != null ? _b : void 0 });
   }
   componentDidUpdate(prev) {
     if (this.state.error && prev.children !== this.props.children) {
@@ -471,7 +439,7 @@ var PxRnErrorBoundary = class extends Component {
 };
 
 // src/PxRnSafety.ts
-import { deepClone, generateUniqueId } from "@pixodesk/svg-animator-core";
+import { deepClone, generateUniqueId } from "@pixodesk/svg-animator-core/internal";
 function isClosedPath(d) {
   return typeof d === "string" && /[zZ]/.test(d);
 }
@@ -622,7 +590,7 @@ function compileDocument(doc, overrides, diag) {
   reportDocumentDiagnostics(doc, "[PixodeskSvgAnimator]");
   const patch = foldTimelineOverride(timeline, { duration, delay, iterations, startOn });
   if (patch !== void 0 || resetTimeline) {
-    const applied = applyAnimatorConfig(doc, patch != null ? patch : {}, { resetDefaults: !!resetTimeline });
+    const applied = applyAnimatorConfig(doc, patch != null ? patch : {}, { resetTimeline: !!resetTimeline });
     for (const w of applied.warnings) diag.warn(PxDiagnosticKind2.usage, "timeline override: " + w);
     doc = applied.doc;
   }
@@ -658,21 +626,15 @@ function PixodeskSvgAnimator({
   onError,
   fallback,
   onWarn,
-  silent
+  muteWarn,
+  muteError
 }) {
   var _a, _b;
   const timelineKey = typeof timeline === "string" ? timeline : JSON.stringify(timeline != null ? timeline : null);
-  const makeDiag = () => createDiagnostics2({
-    onWarn,
-    // This component's public `onError` is richer — `(error, componentStack?)` — and the
-    // error boundary hands it a component stack. Adapt rather than narrow it; the ternary
-    // keeps "not given" as undefined, so the console fallback still fires.
-    onError: onError ? (d) => {
-      var _a2;
-      return onError((_a2 = d.error) != null ? _a2 : new Error(d.message));
-    } : void 0,
-    silent
-  }, "[PixodeskSvgAnimator]");
+  const makeDiag = () => createDiagnostics2(
+    { onWarn, onError, muteWarn, muteError },
+    "[PixodeskSvgAnimator]"
+  );
   const compiled = useMemo(() => {
     try {
       return compileDocument(
@@ -682,7 +644,7 @@ function PixodeskSvgAnimator({
       );
     } catch (e) {
       const error = e instanceof Error ? e : new Error(String(e));
-      makeDiag().warn(PxDiagnosticKind2.internal, "could not compile the document: " + error.message);
+      makeDiag().error(PxDiagnosticKind2.internal, error, { phase: "compile" });
       return { doc: null, tracks: EMPTY_TRACKS, error };
     }
   }, [doc, timelineKey, resetTimeline, duration, delay, iterations, startOn]);
@@ -878,7 +840,7 @@ function PixodeskSvgAnimator({
     if (!compiled.doc) return null;
     const renderOpts = {
       warnings: warningsRef.current,
-      defs: getDefs(compiled.doc)
+      defs: getDefinitions(compiled.doc)
     };
     try {
       return renderRnNode(compiled.doc, __spreadProps(__spreadValues({}, renderOpts), {
@@ -918,7 +880,7 @@ function PixodeskSvgAnimator({
     } catch (e) {
       const error = e instanceof Error ? e : new Error(String(e));
       renderErrorRef.current = error;
-      makeDiag().warn(PxDiagnosticKind2.internal, "could not render the document: " + error.message);
+      makeDiag().error(PxDiagnosticKind2.internal, error, { phase: "render" });
       return null;
     }
   }, [compiled, trackById]);
@@ -927,9 +889,6 @@ function PixodeskSvgAnimator({
     for (const w of warningsRef.current) diag.warn(PxDiagnosticKind2.platform, w);
   }, [root]);
   const failure = (_b = compiled.error) != null ? _b : renderErrorRef.current;
-  useEffect(() => {
-    if (failure) onError == null ? void 0 : onError(failure);
-  }, [failure]);
   if (failure) return fallback ? fallback(failure) : null;
   let content = root;
   if (autoplay && effectiveStartOn === "scrollIntoView" && root) {
@@ -954,19 +913,11 @@ function PixodeskSvgAnimator({
       }
     );
   }
-  return /* @__PURE__ */ jsx(PxRnErrorBoundary, { onError, fallback, diag: makeDiag(), children: content });
+  return /* @__PURE__ */ jsx(PxRnErrorBoundary, { fallback, diag: makeDiag(), children: content });
 }
 var PixodeskSvgAnimator_default = PixodeskSvgAnimator;
 export {
   PixodeskSvgAnimator,
-  PxRnErrorBoundary,
-  RN_SVG_COMPONENTS,
-  compileTracks,
-  PixodeskSvgAnimator_default as default,
-  openClosedTextPathTargets,
-  renderRnNode,
-  sampleProps,
-  toRnPropName,
-  toRnProps
+  PixodeskSvgAnimator_default as default
 };
 //# sourceMappingURL=index.js.map