@shopify/react-native-skia 0.1.214 → 0.1.216

package/lib/commonjs/mock/index.js

@@ -16,6 +16,10 @@ const NoopValue = () => ({
   current: 0
 });
 
+const NoopSharedValue = () => ({
+  value: 0
+});
+
 const Mock = CanvasKit => {
   global.SkiaApi = (0, _web.JsiSkApi)(CanvasKit);
   global.SkiaValueApi = _web2.ValueApi;
@@ -30,6 +34,7 @@ const Mock = CanvasKit => {
     ...require("../dom/nodes"),
     // We could use the real Canvas if we mock the SkiaView component for node
     Canvas: Noop,
+    // Skia Animations
     useValue: NoopValue,
     useComputedValue: NoopValue,
     useTouchHandler: Noop,
@@ -38,6 +43,9 @@ const Mock = CanvasKit => {
     useSpring: NoopValue,
     useClockValue: NoopValue,
     useValueEffect: Noop,
+    // Reanimated hooks
+    useClock: NoopSharedValue,
+    usePathInterpolation: NoopSharedValue,
     useRawData: Noop,
     useData: Noop,
     useFont: () => Skia.Font(undefined, 0),

package/lib/commonjs/mock/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Noop","undefined","NoopValue","current","Mock","CanvasKit","global","SkiaApi","JsiSkApi","SkiaValueApi","ValueApi","Skia","require","Canvas","useValue","useComputedValue","useTouchHandler","useTiming","useLoop","useSpring","useClockValue","useValueEffect","useRawData","useData","useFont","Font","useTypeface","useImage","useSVG"],"sources":["index.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { JsiSkApi } from \"../skia/web\";\nimport { ValueApi } from \"../values/web\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Noop: () => any = () => undefined;\nconst NoopValue = () => ({ current: 0 });\n\nexport const Mock = (CanvasKit: CanvasKit) => {\n  global.SkiaApi = JsiSkApi(CanvasKit);\n  global.SkiaValueApi = ValueApi;\n  const Skia = global.SkiaApi;\n  return {\n    Skia,\n    ...require(\"../renderer/components\"),\n    ...require(\"../skia\"),\n    ...require(\"../values\"),\n    ...require(\"../animation\"),\n    ...require(\"../dom/types\"),\n    ...require(\"../dom/nodes\"),\n    // We could use the real Canvas if we mock the SkiaView component for node\n    Canvas: Noop,\n    useValue: NoopValue,\n    useComputedValue: NoopValue,\n    useTouchHandler: Noop,\n    useTiming: NoopValue,\n    useLoop: NoopValue,\n    useSpring: NoopValue,\n    useClockValue: NoopValue,\n    useValueEffect: Noop,\n    useRawData: Noop,\n    useData: Noop,\n    useFont: () => Skia.Font(undefined, 0),\n    useTypeface: () => null,\n    useImage: () => null,\n    useSVG: () => null,\n  };\n};\n"],"mappings":";;;;;;;AAEA;;AACA;;AAEA;AACA,MAAMA,IAAe,GAAG,MAAMC,SAA9B;;AACA,MAAMC,SAAS,GAAG,OAAO;EAAEC,OAAO,EAAE;AAAX,CAAP,CAAlB;;AAEO,MAAMC,IAAI,GAAIC,SAAD,IAA0B;EAC5CC,MAAM,CAACC,OAAP,GAAiB,IAAAC,aAAA,EAASH,SAAT,CAAjB;EACAC,MAAM,CAACG,YAAP,GAAsBC,cAAtB;EACA,MAAMC,IAAI,GAAGL,MAAM,CAACC,OAApB;EACA,OAAO;IACLI,IADK;IAEL,GAAGC,OAAO,CAAC,wBAAD,CAFL;IAGL,GAAGA,OAAO,CAAC,SAAD,CAHL;IAIL,GAAGA,OAAO,CAAC,WAAD,CAJL;IAKL,GAAGA,OAAO,CAAC,cAAD,CALL;IAML,GAAGA,OAAO,CAAC,cAAD,CANL;IAOL,GAAGA,OAAO,CAAC,cAAD,CAPL;IAQL;IACAC,MAAM,EAAEb,IATH;IAULc,QAAQ,EAAEZ,SAVL;IAWLa,gBAAgB,EAAEb,SAXb;IAYLc,eAAe,EAAEhB,IAZZ;IAaLiB,SAAS,EAAEf,SAbN;IAcLgB,OAAO,EAAEhB,SAdJ;IAeLiB,SAAS,EAAEjB,SAfN;IAgBLkB,aAAa,EAAElB,SAhBV;IAiBLmB,cAAc,EAAErB,IAjBX;IAkBLsB,UAAU,EAAEtB,IAlBP;IAmBLuB,OAAO,EAAEvB,IAnBJ;IAoBLwB,OAAO,EAAE,MAAMb,IAAI,CAACc,IAAL,CAAUxB,SAAV,EAAqB,CAArB,CApBV;IAqBLyB,WAAW,EAAE,MAAM,IArBd;IAsBLC,QAAQ,EAAE,MAAM,IAtBX;IAuBLC,MAAM,EAAE,MAAM;EAvBT,CAAP;AAyBD,CA7BM"}
+{"version":3,"names":["Noop","undefined","NoopValue","current","NoopSharedValue","value","Mock","CanvasKit","global","SkiaApi","JsiSkApi","SkiaValueApi","ValueApi","Skia","require","Canvas","useValue","useComputedValue","useTouchHandler","useTiming","useLoop","useSpring","useClockValue","useValueEffect","useClock","usePathInterpolation","useRawData","useData","useFont","Font","useTypeface","useImage","useSVG"],"sources":["index.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { JsiSkApi } from \"../skia/web\";\nimport { ValueApi } from \"../values/web\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Noop: () => any = () => undefined;\nconst NoopValue = () => ({ current: 0 });\nconst NoopSharedValue = () => ({ value: 0 });\n\nexport const Mock = (CanvasKit: CanvasKit) => {\n  global.SkiaApi = JsiSkApi(CanvasKit);\n  global.SkiaValueApi = ValueApi;\n  const Skia = global.SkiaApi;\n  return {\n    Skia,\n    ...require(\"../renderer/components\"),\n    ...require(\"../skia\"),\n    ...require(\"../values\"),\n    ...require(\"../animation\"),\n    ...require(\"../dom/types\"),\n    ...require(\"../dom/nodes\"),\n    // We could use the real Canvas if we mock the SkiaView component for node\n    Canvas: Noop,\n    // Skia Animations\n    useValue: NoopValue,\n    useComputedValue: NoopValue,\n    useTouchHandler: Noop,\n    useTiming: NoopValue,\n    useLoop: NoopValue,\n    useSpring: NoopValue,\n    useClockValue: NoopValue,\n    useValueEffect: Noop,\n    // Reanimated hooks\n    useClock: NoopSharedValue,\n    usePathInterpolation: NoopSharedValue,\n    useRawData: Noop,\n    useData: Noop,\n    useFont: () => Skia.Font(undefined, 0),\n    useTypeface: () => null,\n    useImage: () => null,\n    useSVG: () => null,\n  };\n};\n"],"mappings":";;;;;;;AAEA;;AACA;;AAEA;AACA,MAAMA,IAAe,GAAG,MAAMC,SAA9B;;AACA,MAAMC,SAAS,GAAG,OAAO;EAAEC,OAAO,EAAE;AAAX,CAAP,CAAlB;;AACA,MAAMC,eAAe,GAAG,OAAO;EAAEC,KAAK,EAAE;AAAT,CAAP,CAAxB;;AAEO,MAAMC,IAAI,GAAIC,SAAD,IAA0B;EAC5CC,MAAM,CAACC,OAAP,GAAiB,IAAAC,aAAA,EAASH,SAAT,CAAjB;EACAC,MAAM,CAACG,YAAP,GAAsBC,cAAtB;EACA,MAAMC,IAAI,GAAGL,MAAM,CAACC,OAApB;EACA,OAAO;IACLI,IADK;IAEL,GAAGC,OAAO,CAAC,wBAAD,CAFL;IAGL,GAAGA,OAAO,CAAC,SAAD,CAHL;IAIL,GAAGA,OAAO,CAAC,WAAD,CAJL;IAKL,GAAGA,OAAO,CAAC,cAAD,CALL;IAML,GAAGA,OAAO,CAAC,cAAD,CANL;IAOL,GAAGA,OAAO,CAAC,cAAD,CAPL;IAQL;IACAC,MAAM,EAAEf,IATH;IAUL;IACAgB,QAAQ,EAAEd,SAXL;IAYLe,gBAAgB,EAAEf,SAZb;IAaLgB,eAAe,EAAElB,IAbZ;IAcLmB,SAAS,EAAEjB,SAdN;IAeLkB,OAAO,EAAElB,SAfJ;IAgBLmB,SAAS,EAAEnB,SAhBN;IAiBLoB,aAAa,EAAEpB,SAjBV;IAkBLqB,cAAc,EAAEvB,IAlBX;IAmBL;IACAwB,QAAQ,EAAEpB,eApBL;IAqBLqB,oBAAoB,EAAErB,eArBjB;IAsBLsB,UAAU,EAAE1B,IAtBP;IAuBL2B,OAAO,EAAE3B,IAvBJ;IAwBL4B,OAAO,EAAE,MAAMf,IAAI,CAACgB,IAAL,CAAU5B,SAAV,EAAqB,CAArB,CAxBV;IAyBL6B,WAAW,EAAE,MAAM,IAzBd;IA0BLC,QAAQ,EAAE,MAAM,IA1BX;IA2BLC,MAAM,EAAE,MAAM;EA3BT,CAAP;AA6BD,CAjCM"}

package/lib/commonjs/renderer/HostConfig.js

@@ -7,7 +7,7 @@ exports.skHostConfig = exports.debug = void 0;
 
 var _constants = require("react-reconciler/constants");
 
-var _reanimated = require("../external/reanimated");
+var _renderHelpers = require("../external/reanimated/renderHelpers");
 
 var _HostComponents = require("./HostComponents");
 
@@ -31,6 +31,7 @@ const appendNode = (parent, child) => {
 };
 
 const removeNode = (parent, child) => {
+  (0, _renderHelpers.unbindReanimatedNode)(child);
   return parent.removeChild(child);
 };
 
@@ -84,9 +85,9 @@ const skHostConfig = {
 
   createInstance(type, pristineProps, container, _hostContext, _internalInstanceHandle) {
     debug("createInstance", type);
-    const [props, reanimatedProps] = (0, _reanimated.extractReanimatedProps)(pristineProps);
+    const [props, reanimatedProps] = (0, _renderHelpers.extractReanimatedProps)(pristineProps);
     const node = (0, _HostComponents.createNode)(container, type, materialize(props));
-    (0, _reanimated.bindReanimatedProps)(container, node, reanimatedProps);
+    (0, _renderHelpers.bindReanimatedProps)(container, node, reanimatedProps);
     container.depMgr.subscribeNode(node, props);
     return node;
   },
@@ -141,10 +142,10 @@ const skHostConfig = {
       return;
     }
 
-    const [props, reanimatedProps] = (0, _reanimated.extractReanimatedProps)(nextProps);
+    const [props, reanimatedProps] = (0, _renderHelpers.extractReanimatedProps)(nextProps);
     updatePayload.depMgr.unsubscribeNode(instance);
     instance.setProps(materialize(props));
-    (0, _reanimated.bindReanimatedProps)(updatePayload, instance, reanimatedProps);
+    (0, _renderHelpers.bindReanimatedProps)(updatePayload, instance, reanimatedProps);
     updatePayload.depMgr.subscribeNode(instance, props);
   },
 

package/lib/commonjs/renderer/HostConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEBUG","debug","console","log","appendNode","parent","child","addChild","removeNode","removeChild","insertBefore","before","insertChildBefore","skHostConfig","now","Date","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","appendChildToContainer","container","root","appendChild","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","type","pristineProps","props","reanimatedProps","extractReanimatedProps","node","createNode","materialize","bindReanimatedProps","depMgr","subscribeNode","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","update","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","shallowEq","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","unsubscribeNode","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","DefaultEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance","result","mapKeys","key","prop","isValue","current","isSelector","selector","value"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport type { NodeType, Node } from \"../dom/types\";\nimport type { SkiaValue } from \"../values\";\nimport {\n  bindReanimatedProps,\n  extractReanimatedProps,\n} from \"../external/reanimated\";\n\nimport type { Container } from \"./Container\";\nimport { createNode } from \"./HostComponents\";\nimport type { AnimatedProps } from \"./processors\";\nimport { isSelector, isValue } from \"./processors\";\nimport { mapKeys, shallowEq } from \"./typeddash\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\ntype Instance = Node<unknown>;\n\ntype Props = object;\ntype TextInstance = Node<unknown>;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = Container;\ntype ChildSet = unknown;\ntype TimeoutHandle = NodeJS.Timeout;\ntype NoTimeout = -1;\n\ntype SkiaHostConfig = HostConfig<\n  NodeType,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>;\n\nconst appendNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  parent.addChild(child);\n};\n\nconst removeNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  return parent.removeChild(child);\n};\n\nconst insertBefore = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  before: Node<unknown>\n) => {\n  parent.insertChildBefore(child, before);\n};\n\nexport const skHostConfig: SkiaHostConfig = {\n  /**\n   * This function is used by the reconciler in order to calculate current time for prioritising work.\n   */\n  now: Date.now,\n  supportsMutation: true,\n  isPrimaryRenderer: false,\n  supportsPersistence: false,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  appendChildToContainer(container, child) {\n    debug(\"appendChildToContainer\", container, child);\n    appendNode(container.root, child);\n  },\n\n  appendChild(parent, child) {\n    debug(\"appendChild\", parent, child);\n    appendNode(parent, child);\n  },\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return null;\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return null;\n  },\n\n  shouldSetTextContent(_type, _props) {\n    return false;\n  },\n\n  createTextInstance(\n    _text,\n    _rootContainerInstance,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createTextInstance\");\n    // return SpanNode({}, text) as SkNode;\n    throw new Error(\"Text nodes are not supported yet\");\n  },\n\n  createInstance(\n    type,\n    pristineProps,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    const [props, reanimatedProps] = extractReanimatedProps(pristineProps);\n    const node = createNode(container, type, materialize(props));\n    bindReanimatedProps(container, node, reanimatedProps);\n    container.depMgr.subscribeNode(node, props);\n    return node;\n  },\n\n  appendInitialChild(parentInstance, child) {\n    debug(\"appendInitialChild\");\n    appendNode(parentInstance, child);\n  },\n\n  finalizeInitialChildren(\n    parentInstance,\n    _type,\n    _props,\n    _rootContainerInstance,\n    _hostContext\n  ) {\n    debug(\"finalizeInitialChildren\", parentInstance);\n    return false;\n  },\n\n  commitMount() {\n    // if finalizeInitialChildren = true\n    debug(\"commitMount\");\n  },\n\n  prepareForCommit(_containerInfo) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container) {\n    debug(\"resetAfterCommit\");\n    container.depMgr.update();\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\n  },\n\n  prepareUpdate: (\n    _instance,\n    type,\n    oldProps,\n    newProps,\n    rootContainerInstance,\n    _hostContext\n  ) => {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    debug(\"update \", type);\n    return rootContainerInstance;\n  },\n\n  commitUpdate(\n    instance,\n    updatePayload,\n    type,\n    prevProps,\n    nextProps,\n    _internalHandle\n  ) {\n    debug(\"commitUpdate: \", type);\n    if (shallowEq(prevProps, nextProps)) {\n      return;\n    }\n    const [props, reanimatedProps] = extractReanimatedProps(nextProps);\n    updatePayload.depMgr.unsubscribeNode(instance);\n    instance.setProps(materialize(props));\n    bindReanimatedProps(updatePayload, instance, reanimatedProps);\n    updatePayload.depMgr.subscribeNode(instance, props);\n  },\n\n  commitTextUpdate: (\n    _textInstance: TextInstance,\n    _oldText: string,\n    _newText: string\n  ) => {\n    //  textInstance.instance = newText;\n  },\n\n  clearContainer: (container) => {\n    debug(\"clearContainer\");\n    container.root.children().forEach((child) => {\n      container.root.removeChild(child);\n    });\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  removeChild: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  removeChildFromContainer: (container, child) => {\n    removeNode(container.root, child);\n  },\n\n  insertInContainerBefore: (container, child, before) => {\n    insertBefore(container.root, child, before);\n  },\n\n  insertBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: () => {},\n};\n\nconst materialize = <P>(props: AnimatedProps<P>) => {\n  const result = { ...props } as P;\n  mapKeys(props).forEach((key) => {\n    const prop = props[key];\n    if (isValue(prop)) {\n      result[key] = (prop as SkiaValue<P[typeof key]>).current;\n    } else if (isSelector(prop)) {\n      result[key] = prop.selector(prop.value.current) as P[typeof key];\n    }\n  });\n\n  return result;\n};\n"],"mappings":"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"}
+{"version":3,"names":["DEBUG","debug","console","log","appendNode","parent","child","addChild","removeNode","unbindReanimatedNode","removeChild","insertBefore","before","insertChildBefore","skHostConfig","now","Date","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","appendChildToContainer","container","root","appendChild","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","type","pristineProps","props","reanimatedProps","extractReanimatedProps","node","createNode","materialize","bindReanimatedProps","depMgr","subscribeNode","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","update","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","shallowEq","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","unsubscribeNode","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","DefaultEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance","result","mapKeys","key","prop","isValue","current","isSelector","selector","value"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport type { NodeType, Node } from \"../dom/types\";\nimport type { SkiaValue } from \"../values\";\nimport {\n  bindReanimatedProps,\n  extractReanimatedProps,\n  unbindReanimatedNode,\n} from \"../external/reanimated/renderHelpers\";\n\nimport type { Container } from \"./Container\";\nimport { createNode } from \"./HostComponents\";\nimport type { AnimatedProps } from \"./processors\";\nimport { isSelector, isValue } from \"./processors\";\nimport { mapKeys, shallowEq } from \"./typeddash\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\ntype Instance = Node<unknown>;\n\ntype Props = object;\ntype TextInstance = Node<unknown>;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = Container;\ntype ChildSet = unknown;\ntype TimeoutHandle = NodeJS.Timeout;\ntype NoTimeout = -1;\n\ntype SkiaHostConfig = HostConfig<\n  NodeType,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>;\n\nconst appendNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  parent.addChild(child);\n};\n\nconst removeNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  unbindReanimatedNode(child);\n  return parent.removeChild(child);\n};\n\nconst insertBefore = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  before: Node<unknown>\n) => {\n  parent.insertChildBefore(child, before);\n};\n\nexport const skHostConfig: SkiaHostConfig = {\n  /**\n   * This function is used by the reconciler in order to calculate current time for prioritising work.\n   */\n  now: Date.now,\n  supportsMutation: true,\n  isPrimaryRenderer: false,\n  supportsPersistence: false,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  appendChildToContainer(container, child) {\n    debug(\"appendChildToContainer\", container, child);\n    appendNode(container.root, child);\n  },\n\n  appendChild(parent, child) {\n    debug(\"appendChild\", parent, child);\n    appendNode(parent, child);\n  },\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return null;\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return null;\n  },\n\n  shouldSetTextContent(_type, _props) {\n    return false;\n  },\n\n  createTextInstance(\n    _text,\n    _rootContainerInstance,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createTextInstance\");\n    // return SpanNode({}, text) as SkNode;\n    throw new Error(\"Text nodes are not supported yet\");\n  },\n\n  createInstance(\n    type,\n    pristineProps,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    const [props, reanimatedProps] = extractReanimatedProps(pristineProps);\n    const node = createNode(container, type, materialize(props));\n    bindReanimatedProps(container, node, reanimatedProps);\n    container.depMgr.subscribeNode(node, props);\n    return node;\n  },\n\n  appendInitialChild(parentInstance, child) {\n    debug(\"appendInitialChild\");\n    appendNode(parentInstance, child);\n  },\n\n  finalizeInitialChildren(\n    parentInstance,\n    _type,\n    _props,\n    _rootContainerInstance,\n    _hostContext\n  ) {\n    debug(\"finalizeInitialChildren\", parentInstance);\n    return false;\n  },\n\n  commitMount() {\n    // if finalizeInitialChildren = true\n    debug(\"commitMount\");\n  },\n\n  prepareForCommit(_containerInfo) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container) {\n    debug(\"resetAfterCommit\");\n    container.depMgr.update();\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\n  },\n\n  prepareUpdate: (\n    _instance,\n    type,\n    oldProps,\n    newProps,\n    rootContainerInstance,\n    _hostContext\n  ) => {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    debug(\"update \", type);\n    return rootContainerInstance;\n  },\n\n  commitUpdate(\n    instance,\n    updatePayload,\n    type,\n    prevProps,\n    nextProps,\n    _internalHandle\n  ) {\n    debug(\"commitUpdate: \", type);\n    if (shallowEq(prevProps, nextProps)) {\n      return;\n    }\n    const [props, reanimatedProps] = extractReanimatedProps(nextProps);\n    updatePayload.depMgr.unsubscribeNode(instance);\n    instance.setProps(materialize(props));\n    bindReanimatedProps(updatePayload, instance, reanimatedProps);\n    updatePayload.depMgr.subscribeNode(instance, props);\n  },\n\n  commitTextUpdate: (\n    _textInstance: TextInstance,\n    _oldText: string,\n    _newText: string\n  ) => {\n    //  textInstance.instance = newText;\n  },\n\n  clearContainer: (container) => {\n    debug(\"clearContainer\");\n    container.root.children().forEach((child) => {\n      container.root.removeChild(child);\n    });\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  removeChild: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  removeChildFromContainer: (container, child) => {\n    removeNode(container.root, child);\n  },\n\n  insertInContainerBefore: (container, child, before) => {\n    insertBefore(container.root, child, before);\n  },\n\n  insertBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: () => {},\n};\n\nconst materialize = <P>(props: AnimatedProps<P>) => {\n  const result = { ...props } as P;\n  mapKeys(props).forEach((key) => {\n    const prop = props[key];\n    if (isValue(prop)) {\n      result[key] = (prop as SkiaValue<P[typeof key]>).current;\n    } else if (isSelector(prop)) {\n      result[key] = prop.selector(prop.value.current) as P[typeof key];\n    }\n  });\n\n  return result;\n};\n"],"mappings":"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"}

package/lib/commonjs/skia/core/AnimatedImage.d.ts

@@ -3,4 +3,3 @@ import type { DataSourceParam } from "../types";
  * Returns a Skia Animated Image object
  * */
 export declare const useAnimatedImage: (source: DataSourceParam, onError?: ((err: Error) => void) | undefined) => import("../types").SkAnimatedImage | null;
-export declare const useAnimatedImageValue: (source: DataSourceParam) => any;

package/lib/commonjs/skia/core/AnimatedImage.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAnimatedImageValue = exports.useAnimatedImage = void 0;
-
-var _moduleWrapper = require("../../external/reanimated/moduleWrapper");
+exports.useAnimatedImage = void 0;
 
 var _Skia = require("../Skia");
 
@@ -20,46 +18,4 @@ const animatedImgFactory = _Skia.Skia.AnimatedImage.MakeAnimatedImageFromEncoded
 const useAnimatedImage = (source, onError) => (0, _Data.useRawData)(source, animatedImgFactory, onError);
 
 exports.useAnimatedImage = useAnimatedImage;
-const DEFAULT_FRAME_DURATION = 60;
-
-const useAnimatedImageValue = source => {
-  (0, _moduleWrapper.throwOnMissingReanimated)();
-  const currentFrame = (0, _moduleWrapper.useSharedValue)(null);
-  const lastTimestamp = (0, _moduleWrapper.useSharedValue)(0);
-  const animatedImage = useAnimatedImage(source, err => {
-    console.error(err);
-    throw new Error(`Could not load animated image - got '${err.message}'`);
-  });
-  const frameDuration = (animatedImage === null || animatedImage === void 0 ? void 0 : animatedImage.currentFrameDuration()) || DEFAULT_FRAME_DURATION; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-  (0, _moduleWrapper.useFrameCallback)(frameInfo => {
-    if (!animatedImage) {
-      currentFrame.value = null;
-      return;
-    }
-
-    const {
-      timestamp
-    } = frameInfo;
-    const elapsed = timestamp - lastTimestamp.value; // Check if it's time to switch frames based on GIF frame duration
-
-    if (elapsed < frameDuration) {
-      return;
-    } // Update the current frame
-
-
-    animatedImage.decodeNextFrame();
-
-    if (currentFrame.value) {
-      currentFrame.value.dispose();
-    }
-
-    currentFrame.value = animatedImage.getCurrentFrame(); // Update the last timestamp
-
-    lastTimestamp.value = timestamp; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, true);
-  return currentFrame;
-};
-
-exports.useAnimatedImageValue = useAnimatedImageValue;
 //# sourceMappingURL=AnimatedImage.js.map

package/lib/commonjs/skia/core/AnimatedImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["animatedImgFactory","Skia","AnimatedImage","MakeAnimatedImageFromEncoded","bind","useAnimatedImage","source","onError","useRawData","DEFAULT_FRAME_DURATION","useAnimatedImageValue","throwOnMissingReanimated","currentFrame","useSharedValue","lastTimestamp","animatedImage","err","console","error","Error","message","frameDuration","currentFrameDuration","useFrameCallback","frameInfo","value","timestamp","elapsed","decodeNextFrame","dispose","getCurrentFrame"],"sources":["AnimatedImage.ts"],"sourcesContent":["import {\n  throwOnMissingReanimated,\n  useFrameCallback,\n  useSharedValue,\n} from \"../../external/reanimated/moduleWrapper\";\nimport { Skia } from \"../Skia\";\nimport type { DataSourceParam } from \"../types\";\n\nimport { useRawData } from \"./Data\";\n\nconst animatedImgFactory = Skia.AnimatedImage.MakeAnimatedImageFromEncoded.bind(\n  Skia.AnimatedImage\n);\n\n/**\n * Returns a Skia Animated Image object\n * */\nexport const useAnimatedImage = (\n  source: DataSourceParam,\n  onError?: (err: Error) => void\n) => useRawData(source, animatedImgFactory, onError);\n\nconst DEFAULT_FRAME_DURATION = 60;\n\nexport const useAnimatedImageValue = (source: DataSourceParam) => {\n  throwOnMissingReanimated();\n  const currentFrame = useSharedValue(null);\n  const lastTimestamp = useSharedValue(0);\n  const animatedImage = useAnimatedImage(source, (err) => {\n    console.error(err);\n    throw new Error(`Could not load animated image - got '${err.message}'`);\n  });\n  const frameDuration =\n    animatedImage?.currentFrameDuration() || DEFAULT_FRAME_DURATION;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  useFrameCallback((frameInfo: any) => {\n    if (!animatedImage) {\n      currentFrame.value = null;\n      return;\n    }\n\n    const { timestamp } = frameInfo;\n    const elapsed = timestamp - lastTimestamp.value;\n\n    // Check if it's time to switch frames based on GIF frame duration\n    if (elapsed < frameDuration) {\n      return;\n    }\n\n    // Update the current frame\n    animatedImage.decodeNextFrame();\n    if (currentFrame.value) {\n      currentFrame.value.dispose();\n    }\n    currentFrame.value = animatedImage.getCurrentFrame();\n\n    // Update the last timestamp\n    lastTimestamp.value = timestamp;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, true);\n  return currentFrame;\n};\n"],"mappings":";;;;;;;AAAA;;AAKA;;AAGA;;AAEA,MAAMA,kBAAkB,GAAGC,UAAA,CAAKC,aAAL,CAAmBC,4BAAnB,CAAgDC,IAAhD,CACzBH,UAAA,CAAKC,aADoB,CAA3B;AAIA;AACA;AACA;;;AACO,MAAMG,gBAAgB,GAAG,CAC9BC,MAD8B,EAE9BC,OAF8B,KAG3B,IAAAC,gBAAA,EAAWF,MAAX,EAAmBN,kBAAnB,EAAuCO,OAAvC,CAHE;;;AAKP,MAAME,sBAAsB,GAAG,EAA/B;;AAEO,MAAMC,qBAAqB,GAAIJ,MAAD,IAA6B;EAChE,IAAAK,uCAAA;EACA,MAAMC,YAAY,GAAG,IAAAC,6BAAA,EAAe,IAAf,CAArB;EACA,MAAMC,aAAa,GAAG,IAAAD,6BAAA,EAAe,CAAf,CAAtB;EACA,MAAME,aAAa,GAAGV,gBAAgB,CAACC,MAAD,EAAUU,GAAD,IAAS;IACtDC,OAAO,CAACC,KAAR,CAAcF,GAAd;IACA,MAAM,IAAIG,KAAJ,CAAW,wCAAuCH,GAAG,CAACI,OAAQ,GAA9D,CAAN;EACD,CAHqC,CAAtC;EAIA,MAAMC,aAAa,GACjB,CAAAN,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEO,oBAAf,OAAyCb,sBAD3C,CARgE,CAWhE;;EACA,IAAAc,+BAAA,EAAkBC,SAAD,IAAoB;IACnC,IAAI,CAACT,aAAL,EAAoB;MAClBH,YAAY,CAACa,KAAb,GAAqB,IAArB;MACA;IACD;;IAED,MAAM;MAAEC;IAAF,IAAgBF,SAAtB;IACA,MAAMG,OAAO,GAAGD,SAAS,GAAGZ,aAAa,CAACW,KAA1C,CAPmC,CASnC;;IACA,IAAIE,OAAO,GAAGN,aAAd,EAA6B;MAC3B;IACD,CAZkC,CAcnC;;;IACAN,aAAa,CAACa,eAAd;;IACA,IAAIhB,YAAY,CAACa,KAAjB,EAAwB;MACtBb,YAAY,CAACa,KAAb,CAAmBI,OAAnB;IACD;;IACDjB,YAAY,CAACa,KAAb,GAAqBV,aAAa,CAACe,eAAd,EAArB,CAnBmC,CAqBnC;;IACAhB,aAAa,CAACW,KAAd,GAAsBC,SAAtB,CAtBmC,CAuBnC;EACD,CAxBD,EAwBG,IAxBH;EAyBA,OAAOd,YAAP;AACD,CAtCM"}
+{"version":3,"names":["animatedImgFactory","Skia","AnimatedImage","MakeAnimatedImageFromEncoded","bind","useAnimatedImage","source","onError","useRawData"],"sources":["AnimatedImage.ts"],"sourcesContent":["import { Skia } from \"../Skia\";\nimport type { DataSourceParam } from \"../types\";\n\nimport { useRawData } from \"./Data\";\n\nconst animatedImgFactory = Skia.AnimatedImage.MakeAnimatedImageFromEncoded.bind(\n  Skia.AnimatedImage\n);\n\n/**\n * Returns a Skia Animated Image object\n * */\nexport const useAnimatedImage = (\n  source: DataSourceParam,\n  onError?: (err: Error) => void\n) => useRawData(source, animatedImgFactory, onError);\n"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA,MAAMA,kBAAkB,GAAGC,UAAA,CAAKC,aAAL,CAAmBC,4BAAnB,CAAgDC,IAAhD,CACzBH,UAAA,CAAKC,aADoB,CAA3B;AAIA;AACA;AACA;;;AACO,MAAMG,gBAAgB,GAAG,CAC9BC,MAD8B,EAE9BC,OAF8B,KAG3B,IAAAC,gBAAA,EAAWF,MAAX,EAAmBN,kBAAnB,EAAuCO,OAAvC,CAHE"}

package/lib/commonjs/skia/types/Matrix.d.ts

@@ -18,6 +18,10 @@ export interface SkMatrix extends SkJSIInstance<"Matrix"> {
     scale: (x: number, y?: number) => SkMatrix;
     skew: (x: number, y: number) => SkMatrix;
     rotate: (theta: number) => SkMatrix;
+    postTranslate: (x: number, y: number) => SkMatrix;
+    postScale: (x: number, y?: number) => SkMatrix;
+    postSkew: (x: number, y: number) => SkMatrix;
+    postRotate: (theta: number) => SkMatrix;
     identity: () => SkMatrix;
     get: () => number[];
 }

package/lib/commonjs/skia/types/Matrix.js.map

@@ -1 +1 @@
-{"version":3,"names":["MatrixIndex","isMatrix","obj","__typename__","processTransform","m","transforms","transform","key","Object","keys","value","translate","scale","skew","rotate","toDegrees","exhaustiveCheck","a","Error","rad","Math","PI"],"sources":["Matrix.ts"],"sourcesContent":["import type { SkJSIInstance } from \"./JsiInstance\";\nimport type { SkCanvas } from \"./Canvas\";\nexport enum MatrixIndex {\n  ScaleX = 0,\n  SkewX = 1,\n  TransX = 2,\n  SkewY = 3,\n  ScaleY = 4,\n  TransY = 5,\n  Persp0 = 6,\n  Persp1 = 7,\n  Persp2 = 8,\n}\n\nexport const isMatrix = (obj: unknown): obj is SkMatrix =>\n  obj !== null && (obj as SkJSIInstance<string>).__typename__ === \"Matrix\";\n\nexport interface SkMatrix extends SkJSIInstance<\"Matrix\"> {\n  concat: (matrix: SkMatrix) => SkMatrix;\n  translate: (x: number, y: number) => SkMatrix;\n  scale: (x: number, y?: number) => SkMatrix;\n  skew: (x: number, y: number) => SkMatrix;\n  rotate: (theta: number) => SkMatrix;\n  identity: () => SkMatrix;\n  get: () => number[];\n}\n\ntype Transform2dName =\n  | \"translateX\"\n  | \"translateY\"\n  | \"scale\"\n  | \"skewX\"\n  | \"skewY\"\n  | \"scaleX\"\n  | \"scaleY\"\n  | \"rotateZ\"\n  | \"rotate\";\n\ntype Transformations = {\n  readonly [Name in Transform2dName]: number;\n};\n\nexport type Transforms2d = readonly (\n  | Pick<Transformations, \"translateX\">\n  | Pick<Transformations, \"translateY\">\n  | Pick<Transformations, \"scale\">\n  | Pick<Transformations, \"scaleX\">\n  | Pick<Transformations, \"scaleY\">\n  | Pick<Transformations, \"skewX\">\n  | Pick<Transformations, \"skewY\">\n  | Pick<Transformations, \"rotate\">\n)[];\n\nexport interface TransformProp {\n  transform?: Transforms2d;\n}\n\nexport const processTransform = <T extends SkMatrix | SkCanvas>(\n  m: T,\n  transforms: Transforms2d\n) => {\n  for (const transform of transforms) {\n    const key = Object.keys(transform)[0] as Transform2dName;\n    const value = (transform as Pick<Transformations, typeof key>)[key];\n    if (key === \"translateX\") {\n      m.translate(value, 0);\n      continue;\n    }\n    if (key === \"translateY\") {\n      m.translate(0, value);\n      continue;\n    }\n    if (key === \"scale\") {\n      m.scale(value, value);\n      continue;\n    }\n    if (key === \"scaleX\") {\n      m.scale(value, 1);\n      continue;\n    }\n    if (key === \"scaleY\") {\n      m.scale(1, value);\n      continue;\n    }\n    if (key === \"skewX\") {\n      m.skew(value, 0);\n      continue;\n    }\n    if (key === \"skewY\") {\n      m.skew(0, value);\n      continue;\n    }\n    if (key === \"rotate\" || key === \"rotateZ\") {\n      if (isMatrix(m)) {\n        m.rotate(value);\n      } else {\n        m.rotate(toDegrees(value), 0, 0);\n      }\n      continue;\n    }\n    exhaustiveCheck(key);\n  }\n  return m;\n};\n\nconst exhaustiveCheck = (a: never): never => {\n  throw new Error(`Unknown transformation: ${a}`);\n};\n\nexport const toDegrees = (rad: number) => {\n  return (rad * 180) / Math.PI;\n};\n"],"mappings":";;;;;;IAEYA,W;;;WAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;GAAAA,W,2BAAAA,W;;AAYL,MAAMC,QAAQ,GAAIC,GAAD,IACtBA,GAAG,KAAK,IAAR,IAAiBA,GAAD,CAA+BC,YAA/B,KAAgD,QAD3D;;;;AA2CA,MAAMC,gBAAgB,GAAG,CAC9BC,CAD8B,EAE9BC,UAF8B,KAG3B;EACH,KAAK,MAAMC,SAAX,IAAwBD,UAAxB,EAAoC;IAClC,MAAME,GAAG,GAAGC,MAAM,CAACC,IAAP,CAAYH,SAAZ,EAAuB,CAAvB,CAAZ;IACA,MAAMI,KAAK,GAAIJ,SAAD,CAAiDC,GAAjD,CAAd;;IACA,IAAIA,GAAG,KAAK,YAAZ,EAA0B;MACxBH,CAAC,CAACO,SAAF,CAAYD,KAAZ,EAAmB,CAAnB;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,YAAZ,EAA0B;MACxBH,CAAC,CAACO,SAAF,CAAY,CAAZ,EAAeD,KAAf;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,OAAZ,EAAqB;MACnBH,CAAC,CAACQ,KAAF,CAAQF,KAAR,EAAeA,KAAf;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,QAAZ,EAAsB;MACpBH,CAAC,CAACQ,KAAF,CAAQF,KAAR,EAAe,CAAf;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,QAAZ,EAAsB;MACpBH,CAAC,CAACQ,KAAF,CAAQ,CAAR,EAAWF,KAAX;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,OAAZ,EAAqB;MACnBH,CAAC,CAACS,IAAF,CAAOH,KAAP,EAAc,CAAd;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,OAAZ,EAAqB;MACnBH,CAAC,CAACS,IAAF,CAAO,CAAP,EAAUH,KAAV;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,QAAR,IAAoBA,GAAG,KAAK,SAAhC,EAA2C;MACzC,IAAIP,QAAQ,CAACI,CAAD,CAAZ,EAAiB;QACfA,CAAC,CAACU,MAAF,CAASJ,KAAT;MACD,CAFD,MAEO;QACLN,CAAC,CAACU,MAAF,CAASC,SAAS,CAACL,KAAD,CAAlB,EAA2B,CAA3B,EAA8B,CAA9B;MACD;;MACD;IACD;;IACDM,eAAe,CAACT,GAAD,CAAf;EACD;;EACD,OAAOH,CAAP;AACD,CA9CM;;;;AAgDP,MAAMY,eAAe,GAAIC,CAAD,IAAqB;EAC3C,MAAM,IAAIC,KAAJ,CAAW,2BAA0BD,CAAE,EAAvC,CAAN;AACD,CAFD;;AAIO,MAAMF,SAAS,GAAII,GAAD,IAAiB;EACxC,OAAQA,GAAG,GAAG,GAAP,GAAcC,IAAI,CAACC,EAA1B;AACD,CAFM"}
+{"version":3,"names":["MatrixIndex","isMatrix","obj","__typename__","processTransform","m","transforms","transform","key","Object","keys","value","translate","scale","skew","rotate","toDegrees","exhaustiveCheck","a","Error","rad","Math","PI"],"sources":["Matrix.ts"],"sourcesContent":["import type { SkJSIInstance } from \"./JsiInstance\";\nimport type { SkCanvas } from \"./Canvas\";\nexport enum MatrixIndex {\n  ScaleX = 0,\n  SkewX = 1,\n  TransX = 2,\n  SkewY = 3,\n  ScaleY = 4,\n  TransY = 5,\n  Persp0 = 6,\n  Persp1 = 7,\n  Persp2 = 8,\n}\n\nexport const isMatrix = (obj: unknown): obj is SkMatrix =>\n  obj !== null && (obj as SkJSIInstance<string>).__typename__ === \"Matrix\";\n\nexport interface SkMatrix extends SkJSIInstance<\"Matrix\"> {\n  concat: (matrix: SkMatrix) => SkMatrix;\n  translate: (x: number, y: number) => SkMatrix;\n  scale: (x: number, y?: number) => SkMatrix;\n  skew: (x: number, y: number) => SkMatrix;\n  rotate: (theta: number) => SkMatrix;\n  postTranslate: (x: number, y: number) => SkMatrix;\n  postScale: (x: number, y?: number) => SkMatrix;\n  postSkew: (x: number, y: number) => SkMatrix;\n  postRotate: (theta: number) => SkMatrix;\n  identity: () => SkMatrix;\n  get: () => number[];\n}\n\ntype Transform2dName =\n  | \"translateX\"\n  | \"translateY\"\n  | \"scale\"\n  | \"skewX\"\n  | \"skewY\"\n  | \"scaleX\"\n  | \"scaleY\"\n  | \"rotateZ\"\n  | \"rotate\";\n\ntype Transformations = {\n  readonly [Name in Transform2dName]: number;\n};\n\nexport type Transforms2d = readonly (\n  | Pick<Transformations, \"translateX\">\n  | Pick<Transformations, \"translateY\">\n  | Pick<Transformations, \"scale\">\n  | Pick<Transformations, \"scaleX\">\n  | Pick<Transformations, \"scaleY\">\n  | Pick<Transformations, \"skewX\">\n  | Pick<Transformations, \"skewY\">\n  | Pick<Transformations, \"rotate\">\n)[];\n\nexport interface TransformProp {\n  transform?: Transforms2d;\n}\n\nexport const processTransform = <T extends SkMatrix | SkCanvas>(\n  m: T,\n  transforms: Transforms2d\n) => {\n  for (const transform of transforms) {\n    const key = Object.keys(transform)[0] as Transform2dName;\n    const value = (transform as Pick<Transformations, typeof key>)[key];\n    if (key === \"translateX\") {\n      m.translate(value, 0);\n      continue;\n    }\n    if (key === \"translateY\") {\n      m.translate(0, value);\n      continue;\n    }\n    if (key === \"scale\") {\n      m.scale(value, value);\n      continue;\n    }\n    if (key === \"scaleX\") {\n      m.scale(value, 1);\n      continue;\n    }\n    if (key === \"scaleY\") {\n      m.scale(1, value);\n      continue;\n    }\n    if (key === \"skewX\") {\n      m.skew(value, 0);\n      continue;\n    }\n    if (key === \"skewY\") {\n      m.skew(0, value);\n      continue;\n    }\n    if (key === \"rotate\" || key === \"rotateZ\") {\n      if (isMatrix(m)) {\n        m.rotate(value);\n      } else {\n        m.rotate(toDegrees(value), 0, 0);\n      }\n      continue;\n    }\n    exhaustiveCheck(key);\n  }\n  return m;\n};\n\nconst exhaustiveCheck = (a: never): never => {\n  throw new Error(`Unknown transformation: ${a}`);\n};\n\nexport const toDegrees = (rad: number) => {\n  return (rad * 180) / Math.PI;\n};\n"],"mappings":";;;;;;IAEYA,W;;;WAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;GAAAA,W,2BAAAA,W;;AAYL,MAAMC,QAAQ,GAAIC,GAAD,IACtBA,GAAG,KAAK,IAAR,IAAiBA,GAAD,CAA+BC,YAA/B,KAAgD,QAD3D;;;;AA+CA,MAAMC,gBAAgB,GAAG,CAC9BC,CAD8B,EAE9BC,UAF8B,KAG3B;EACH,KAAK,MAAMC,SAAX,IAAwBD,UAAxB,EAAoC;IAClC,MAAME,GAAG,GAAGC,MAAM,CAACC,IAAP,CAAYH,SAAZ,EAAuB,CAAvB,CAAZ;IACA,MAAMI,KAAK,GAAIJ,SAAD,CAAiDC,GAAjD,CAAd;;IACA,IAAIA,GAAG,KAAK,YAAZ,EAA0B;MACxBH,CAAC,CAACO,SAAF,CAAYD,KAAZ,EAAmB,CAAnB;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,YAAZ,EAA0B;MACxBH,CAAC,CAACO,SAAF,CAAY,CAAZ,EAAeD,KAAf;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,OAAZ,EAAqB;MACnBH,CAAC,CAACQ,KAAF,CAAQF,KAAR,EAAeA,KAAf;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,QAAZ,EAAsB;MACpBH,CAAC,CAACQ,KAAF,CAAQF,KAAR,EAAe,CAAf;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,QAAZ,EAAsB;MACpBH,CAAC,CAACQ,KAAF,CAAQ,CAAR,EAAWF,KAAX;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,OAAZ,EAAqB;MACnBH,CAAC,CAACS,IAAF,CAAOH,KAAP,EAAc,CAAd;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,OAAZ,EAAqB;MACnBH,CAAC,CAACS,IAAF,CAAO,CAAP,EAAUH,KAAV;MACA;IACD;;IACD,IAAIH,GAAG,KAAK,QAAR,IAAoBA,GAAG,KAAK,SAAhC,EAA2C;MACzC,IAAIP,QAAQ,CAACI,CAAD,CAAZ,EAAiB;QACfA,CAAC,CAACU,MAAF,CAASJ,KAAT;MACD,CAFD,MAEO;QACLN,CAAC,CAACU,MAAF,CAASC,SAAS,CAACL,KAAD,CAAlB,EAA2B,CAA3B,EAA8B,CAA9B;MACD;;MACD;IACD;;IACDM,eAAe,CAACT,GAAD,CAAf;EACD;;EACD,OAAOH,CAAP;AACD,CA9CM;;;;AAgDP,MAAMY,eAAe,GAAIC,CAAD,IAAqB;EAC3C,MAAM,IAAIC,KAAJ,CAAW,2BAA0BD,CAAE,EAAvC,CAAN;AACD,CAFD;;AAIO,MAAMF,SAAS,GAAII,GAAD,IAAiB;EACxC,OAAQA,GAAG,GAAG,GAAP,GAAcC,IAAI,CAACC,EAA1B;AACD,CAFM"}

package/lib/commonjs/skia/types/Path/Path.d.ts

@@ -167,7 +167,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * Sets FillType, the rule used to fill Path.
      * @param fill
      */
-    setFillType(fill: FillType): void;
+    setFillType(fill: FillType): SkPath;
     /**
      * Specifies whether Path is volatile; whether it will be altered or discarded
      * by the caller after it is drawn. Path by default have volatile set false.
@@ -176,7 +176,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * Mark unchanging Path non-volatile to improve repeated rendering.
      * @param volatile
      */
-    setIsVolatile(volatile: boolean): void;
+    setIsVolatile(volatile: boolean): SkPath;
     /**
      * Turns this path into the filled equivalent of the stroked path. Returns false if the operation
      * fails (e.g. the path is a hairline).
@@ -188,13 +188,13 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * Appends CLOSE_VERB to Path. A closed contour connects the first and last point
      * with a line, forming a continuous loop.
      */
-    close(): void;
+    close(): SkPath;
     /**
      * Sets Path to its initial state.
      * Removes verb array, point array, and weights, and sets FillType to Winding.
      * Internal storage associated with Path is released
      */
-    reset(): void;
+    reset(): SkPath;
     /**
      * Sets Path to its initial state.
      * Removes verb array, point array, and weights, and sets FillType to Winding.
@@ -202,7 +202,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * Use rewind() instead of reset() if Path storage will be reused and performance
      * is critical.
      */
-    rewind(): void;
+    rewind(): SkPath;
     /**
      * Returns minimum and maximum axes values of the lines and curves in Path.
      * Returns (0, 0, 0, 0) if Path contains no points.
@@ -330,7 +330,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      reference to SkPath
      example: https://fiddle.skia.org/c/@Path_quadTo
     */
-    quadTo(x1: number, y1: number, x2: number, y2: number): void;
+    quadTo(x1: number, y1: number, x2: number, y2: number): SkPath;
     /**
      * Adds Rect to Path, appending kMove_Verb, three kLine_Verb, and kClose_Verb,
      * starting with top-left corner of Rect; followed by top-right, bottom-right,
@@ -340,7 +340,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param rect
      * @param isCCW
      */
-    addRect(rect: SkRect, isCCW?: boolean): void;
+    addRect(rect: SkRect, isCCW?: boolean): SkPath;
     /**
      * Adds rrect to Path, creating a new closed contour.
      * Returns the modified path for easier chaining.
@@ -440,7 +440,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
     /**
      * Transforms the path by the specified matrix.
      */
-    transform(m3: SkMatrix): void;
+    transform(m3: SkMatrix): SkPath;
     /**
      * Interpolates between Path with point array of equal size.
      * Copy verb array and weights to result, and set result path to a weighted
@@ -457,10 +457,11 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param ending  path to interpolate with
      * @param weight  contribution of this path, and
      *                 one minus contribution of ending path
+     * @param output  path to be replaced with the interpolated averages
      * @return        Path replaced by interpolated averages or null if
      *                not interpolatable
      * */
-    interpolate(end: SkPath, weight: number): SkPath | null;
+    interpolate(end: SkPath, weight: number, output?: SkPath): SkPath | null;
     /** Returns true if Path contain equal verbs and equal weights.
      *     @param compare  path to compare
      *     @return         true if Path can be interpolated equivalent

package/lib/commonjs/skia/types/Path/Path.js.map

@@ -1 +1 @@
-{"version":3,"names":["FillType","PathOp","PathVerb","isPath","obj","__typename__"],"sources":["Path.ts"],"sourcesContent":["import type { SkRect } from \"../Rect\";\nimport type { SkPoint } from \"../Point\";\nimport type { SkRRect } from \"../RRect\";\nimport type { StrokeJoin, StrokeCap } from \"../Paint\";\nimport type { SkMatrix } from \"../Matrix\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\n\n/**\n * Options used for Path.stroke(). If an option is omitted, a sensible default will be used.\n */\nexport interface StrokeOpts {\n  /** The width of the stroked lines. */\n  width?: number;\n  miter_limit?: number;\n  /**\n   * if > 1, increase precision, else if (0 < resScale < 1) reduce precision to\n   * favor speed and size\n   */\n  precision?: number;\n  join?: StrokeJoin;\n  cap?: StrokeCap;\n}\n\nexport enum FillType {\n  Winding,\n  EvenOdd,\n  InverseWinding,\n  InverseEvenOdd,\n}\n\nexport enum PathOp {\n  Difference, //!< subtract the op path from the first path\n  Intersect, //!< intersect the two paths\n  Union, //!< union (inclusive-or) the two paths\n  XOR, //!< exclusive-or the two paths\n  ReverseDifference,\n}\n\nexport enum PathVerb {\n  Move,\n  Line,\n  Quad,\n  Conic,\n  Cubic,\n  Close,\n}\n\nexport type PathCommand = number[];\n\nexport const isPath = (obj: SkJSIInstance<string> | null): obj is SkPath =>\n  obj !== null && obj.__typename__ === \"Path\";\n\nexport interface SkPath extends SkJSIInstance<\"Path\"> {\n  /**\n   * Appends arc to Path, as the start of new contour. Arc added is part of ellipse\n   * bounded by oval, from startAngle through sweepAngle. Both startAngle and\n   * sweepAngle are measured in degrees, where zero degrees is aligned with the\n   * positive x-axis, and positive sweeps extends arc clockwise.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param startAngle\n   * @param sweepAngle\n   */\n  addArc(\n    oval: SkRect,\n    startAngleInDegrees: number,\n    sweepAngleInDegrees: number\n  ): SkPath;\n\n  /**\n   * Adds oval to Path, appending kMove_Verb, four kConic_Verb, and kClose_Verb.\n   * Oval is upright ellipse bounded by Rect oval with radii equal to half oval width\n   * and half oval height. Oval begins at start and continues clockwise by default.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param isCCW - if the path should be drawn counter-clockwise or not\n   * @param startIndex - index of initial point of ellipse\n   */\n  addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): SkPath;\n\n  /**\n   * Returns the number of points in this path. Initially zero.\n   */\n  countPoints(): number;\n\n  /**\n   * Adds contour created from array of n points, adding (count - 1) line segments.\n   * Contour added starts at pts[0], then adds a line for every additional point\n   * in pts array. If close is true, appends kClose_Verb to Path, connecting\n   * pts[count - 1] and pts[0].\n   * Returns the modified path for easier chaining.\n   * @param points\n   * @param close - if true, will add a line connecting last point to the first point.\n   */\n  addPoly(points: SkPoint[], close: boolean): SkPath;\n\n  /** Adds beginning of contour at SkPoint (x, y).\n\n        @param x  x-axis value of contour start\n        @param y  y-axis value of contour start\n        @return   reference to SkPath\n\n        example: https://fiddle.skia.org/c/@Path_moveTo\n    */\n  moveTo(x: number, y: number): SkPath;\n  /** Adds line from last point to (x, y). If SkPath is empty, or last SkPath::Verb is\n        kClose_Verb, last point is set to (0, 0) before adding line.\n\n        lineTo() appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed.\n        lineTo() then appends kLine_Verb to verb array and (x, y) to SkPoint array.\n\n        @param x  end of added line on x-axis\n        @param y  end of added line on y-axis\n        @return   reference to SkPath\n\n        example: https://fiddle.skia.org/c/@Path_lineTo\n    */\n  lineTo(x: number, y: number): SkPath;\n\n  /**\n   * Returns a new path that covers the same area as the original path, but with the\n   * Winding FillType. This may re-draw some contours in the path as counter-clockwise\n   * instead of clockwise to achieve that effect. If such a transformation cannot\n   * be done, null is returned.\n   */\n  makeAsWinding(): SkPath | null;\n\n  /**\n   * Translates all the points in the path by dx, dy.\n   * @param dx\n   * @param dy\n   */\n  offset(dx: number, dy: number): SkPath;\n\n  /**\n   * Relative version of arcToRotated.\n   * @param rx\n   * @param ry\n   * @param xAxisRotate\n   * @param useSmallArc\n   * @param isCCW\n   * @param dx\n   * @param dy\n   */\n  rArcTo(\n    rx: number,\n    ry: number,\n    xAxisRotateInDegrees: number,\n    useSmallArc: boolean,\n    isCCW: boolean,\n    dx: number,\n    dy: number\n  ): SkPath;\n\n  /**\n   * Relative version of conicTo.\n   * @param dx1\n   * @param dy1\n   * @param dx2\n   * @param dy2\n   * @param w\n   */\n  rConicTo(\n    dx1: number,\n    dy1: number,\n    dx2: number,\n    dy2: number,\n    w: number\n  ): SkPath;\n\n  /**\n   * Relative version of cubicTo.\n   * @param cpx1\n   * @param cpy1\n   * @param cpx2\n   * @param cpy2\n   * @param x\n   * @param y\n   */\n  rCubicTo(\n    cpx1: number,\n    cpy1: number,\n    cpx2: number,\n    cpy2: number,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Relative version of moveTo.\n   * @param x\n   * @param y\n   */\n  rMoveTo(x: number, y: number): SkPath;\n\n  /**\n   * Relative version of lineTo.\n   * @param x\n   * @param y\n   */\n  rLineTo(x: number, y: number): SkPath;\n\n  /**\n   * Relative version of quadTo.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   */\n  rQuadTo(x1: number, y1: number, x2: number, y2: number): SkPath;\n\n  /**\n   * Sets FillType, the rule used to fill Path.\n   * @param fill\n   */\n  setFillType(fill: FillType): void;\n\n  /**\n   * Specifies whether Path is volatile; whether it will be altered or discarded\n   * by the caller after it is drawn. Path by default have volatile set false.\n   *\n   * Mark animating or temporary paths as volatile to improve performance.\n   * Mark unchanging Path non-volatile to improve repeated rendering.\n   * @param volatile\n   */\n  setIsVolatile(volatile: boolean): void;\n\n  /**\n   * Turns this path into the filled equivalent of the stroked path. Returns false if the operation\n   * fails (e.g. the path is a hairline).\n   * @param opts - describe how stroked path should look.\n   * If such a transformation cannot be done, null is returned.\n   */\n  stroke(opts?: StrokeOpts): null | SkPath;\n\n  /**\n   * Appends CLOSE_VERB to Path. A closed contour connects the first and last point\n   * with a line, forming a continuous loop.\n   */\n  close(): void;\n\n  /**\n   * Sets Path to its initial state.\n   * Removes verb array, point array, and weights, and sets FillType to Winding.\n   * Internal storage associated with Path is released\n   */\n  reset(): void;\n\n  /**\n   * Sets Path to its initial state.\n   * Removes verb array, point array, and weights, and sets FillType to Winding.\n   * Internal storage associated with Path is *not* released.\n   * Use rewind() instead of reset() if Path storage will be reused and performance\n   * is critical.\n   */\n  rewind(): void;\n\n  /**\n   * Returns minimum and maximum axes values of the lines and curves in Path.\n   * Returns (0, 0, 0, 0) if Path contains no points.\n   * Returned bounds width and height may be larger or smaller than area affected\n   * when Path is drawn.\n   *\n   * Behaves identically to getBounds() when Path contains\n   * only lines. If Path contains curves, computed bounds includes\n   * the maximum extent of the quad, conic, or cubic; is slower than getBounds();\n   * and unlike getBounds(), does not cache the result.\n   */\n  computeTightBounds(): SkRect;\n\n  /**\n   * Appends arc to Path. Arc added is part of ellipse\n   * bounded by oval, from startAngle through sweepAngle. Both startAngle and\n   * sweepAngle are measured in degrees, where zero degrees is aligned with the\n   * positive x-axis, and positive sweeps extends arc clockwise.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param startAngleInDegrees\n   * @param sweepAngleInDegrees\n   * @param forceMoveTo\n   */\n  arcToOval(\n    oval: SkRect,\n    startAngleInDegrees: number,\n    sweepAngleInDegrees: number,\n    forceMoveTo: boolean\n  ): SkPath;\n\n  /**\n   * Appends arc to Path. Arc is implemented by one or more conics weighted to\n   * describe part of oval with radii (rx, ry) rotated by xAxisRotate degrees. Arc\n   * curves from last Path Point to (x, y), choosing one of four possible routes:\n   * clockwise or counterclockwise, and smaller or larger. See SkPath.h for more details.\n   * Returns the modified path for easier chaining.\n   * @param rx\n   * @param ry\n   * @param xAxisRotate\n   * @param useSmallArc\n   * @param isCCW\n   * @param x\n   * @param y\n   */\n  arcToRotated(\n    rx: number,\n    ry: number,\n    xAxisRotateInDegrees: number,\n    useSmallArc: boolean,\n    isCCW: boolean,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Appends arc to Path, after appending line if needed. Arc is implemented by conic\n   * weighted to describe part of circle. Arc is contained by tangent from\n   * last Path point to (x1, y1), and tangent from (x1, y1) to (x2, y2). Arc\n   * is part of circle sized to radius, positioned so it touches both tangent lines.\n   * Returns the modified path for easier chaining.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   * @param radius\n   */\n  arcToTangent(\n    x1: number,\n    y1: number,\n    x2: number,\n    y2: number,\n    radius: number\n  ): SkPath;\n\n  /**\n   * Adds conic from last point towards (x1, y1), to (x2, y2), weighted by w.\n   * If Path is empty, or path is closed, the last point is set to (0, 0)\n   * before adding conic.\n   * Returns the modified path for easier chaining.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   * @param w\n   */\n  conicTo(x1: number, y1: number, x2: number, y2: number, w: number): SkPath;\n\n  /**\n   * Returns true if the point (x, y) is contained by Path, taking into\n   * account FillType.\n   * @param x\n   * @param y\n   */\n  contains(x: number, y: number): boolean;\n\n  /**\n   * Returns a copy of this Path.\n   */\n  copy(): SkPath;\n\n  /**\n   *  Adds cubic from last point towards (x1, y1), then towards (x2, y2), ending at\n   * (x3, y3). If Path is empty, or path is closed, the last point is set to\n   * (0, 0) before adding cubic.\n   * @param cpx1\n   * @param cpy1\n   * @param cpx2\n   * @param cpy2\n   * @param x\n   * @param y\n   */\n  cubicTo(\n    cpx1: number,\n    cpy1: number,\n    cpx2: number,\n    cpy2: number,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Changes this path to be the dashed version of itself. This is the same effect as creating\n   * a DashPathEffect and calling filterPath on this path.\n   * @param on\n   * @param off\n   * @param phase\n   */\n  dash(on: number, off: number, phase: number): boolean;\n\n  /**\n   * Returns true if other path is equal to this path.\n   * @param other\n   */\n  equals(other: SkPath): boolean;\n\n  /**\n   * Returns minimum and maximum axes values of Point array.\n   * Returns (0, 0, 0, 0) if Path contains no points. Returned bounds width and height may\n   * be larger or smaller than area affected when Path is drawn.\n   */\n  getBounds(): SkRect;\n\n  /**\n   * Return the FillType for this path.\n   */\n  getFillType(): FillType;\n\n  /**\n   Adds quad from last point towards (x1, y1), to (x2, y2).\n\n   If SkPath is empty, or last SkPath::Verb is kClose_Verb, last point is set to (0, 0) before adding quad.\n\n   Appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed; then appends kQuad_Verb to verb array;\n   and (x1, y1), (x2, y2) to SkPoint array.\n\n   Parameters\n   x1\tcontrol SkPoint of quad on x-axis\n   y1\tcontrol SkPoint of quad on y-axis\n   x2\tend SkPoint of quad on x-axis\n   y2\tend SkPoint of quad on y-axis\n   Returns\n   reference to SkPath\n   example: https://fiddle.skia.org/c/@Path_quadTo\n  */\n  quadTo(x1: number, y1: number, x2: number, y2: number): void;\n\n  /**\n   * Adds Rect to Path, appending kMove_Verb, three kLine_Verb, and kClose_Verb,\n   * starting with top-left corner of Rect; followed by top-right, bottom-right,\n   * and bottom-left if isCCW is false; or followed by bottom-left,\n   * bottom-right, and top-right if isCCW is true.\n   * Returns the modified path for easier chaining.\n   * @param rect\n   * @param isCCW\n   */\n  addRect(rect: SkRect, isCCW?: boolean): void;\n\n  /**\n   * Adds rrect to Path, creating a new closed contour.\n   * Returns the modified path for easier chaining.\n   * @param rrect\n   * @param isCCW\n   */\n  addRRect(rrect: SkRRect, isCCW?: boolean): SkPath;\n\n  /** Appends src to SkPath, transformed by matrix. Transformed curves may have\n     different verbs, SkPoint, and conic weights.\n\n      If mode is kAppend_AddPathMode, src verb array, SkPoint array, and conic\n     weights are added unaltered. If mode is kExtend_AddPathMode, add line\n     before appending verbs, SkPoint, and conic weights.\n\n      @param src     SkPath verbs, SkPoint, and conic weights to add\n      @param matrix  transform applied to src\n      @param extend  extends path with line if true\n      @return        reference to SkPath\n  */\n  addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): SkPath;\n\n  /**\n   * Returns the Point at index in Point array. Valid range for index is\n   * 0 to countPoints() - 1.\n   * @param index\n   */\n  getPoint(index: number): SkPoint;\n\n  /**\n   * Returns true if there are no verbs in the path.\n   */\n  isEmpty(): boolean;\n\n  /**\n   * Returns true if the path is volatile; it will not be altered or discarded\n   * by the caller after it is drawn. Path by default have volatile set false, allowing\n   * Surface to attach a cache of data which speeds repeated drawing. If true, Surface\n   * may not speed repeated drawing.\n   */\n  isVolatile(): boolean;\n\n  /** Adds circle centered at (x, y) of size radius to SkPath, appending kMove_Verb,\n      four kConic_Verb, and kClose_Verb. Circle begins at: (x + radius, y), continuing\n      clockwise if dir is kCW_Direction, and counterclockwise if dir is kCCW_Direction.\n\n      Has no effect if radius is zero or negative.\n\n      @param x       center of circle\n      @param y       center of circle\n      @param radius  distance from center to edge      \n      @return        reference to SkPath\n  */\n  addCircle(x: number, y: number, r: number): SkPath;\n\n  getLastPt(): { x: number; y: number };\n\n  /** Set this path to the result of applying the Op to this path and the\n    specified path: this = (this op operand).\n    The resulting path will be constructed from non-overlapping contours.\n    The curve order is reduced where possible so that cubics may be turned\n    into quadratics, and quadratics maybe turned into lines.\n\n    Returns true if operation was able to produce a result;\n    otherwise, result is unmodified.\n\n    @param path The second path (for difference, the subtrahend)\n    @param op The operator to apply.\n    @param result The product of the operands. The result may be one of the\n                  inputs.\n    @return True if the operation succeeded.\n    */\n  op(path: SkPath, op: PathOp): boolean;\n\n  /** Set this path to a set of non-overlapping contours that describe the\n    same area as the original path.\n    The curve order is reduced where possible so that cubics may\n    be turned into quadratics, and quadratics maybe turned into lines.\n\n    Returns true if operation was able to produce a result;\n    otherwise, result is unmodified.\n\n    @param result The simplified path. The result may be the input.\n    @return True if simplification succeeded.\n  */\n  simplify(): boolean;\n\n  /**\n   * Returns this path as an SVG string.\n   */\n  toSVGString(): string;\n\n  /**\n   * Take start and stop \"t\" values (values between 0...1), and modify this path such that\n   * it is a subset of the original path.\n   * The trim values apply to the entire path, so if it contains several contours, all of them\n   * are including in the calculation.\n   * Null is returned if either input value is NaN.\n   * @param startT - a value in the range [0.0, 1.0]. 0.0 is the beginning of the path.\n   * @param stopT  - a value in the range [0.0, 1.0]. 1.0 is the end of the path.\n   * @param isComplement\n   */\n  trim(startT: number, stopT: number, isComplement: boolean): null | SkPath;\n\n  /**\n   * Transforms the path by the specified matrix.\n   */\n  transform(m3: SkMatrix): void;\n\n  /**\n   * Interpolates between Path with point array of equal size.\n   * Copy verb array and weights to result, and set result path to a weighted\n   * average of this path array and ending path.\n\n   *  weight is most useful when between zero (ending path) and\n      one (this path); will work with values outside of this\n      range.\n\n   * interpolate() returns undefined if path is not\n   * the same size as ending path. Call isInterpolatable() to check Path\n   * compatibility prior to calling interpolate().\n\n   * @param ending  path to interpolate with\n   * @param weight  contribution of this path, and\n   *                 one minus contribution of ending path\n   * @return        Path replaced by interpolated averages or null if \n   *                not interpolatable\n   * */\n  interpolate(end: SkPath, weight: number): SkPath | null;\n\n  /** Returns true if Path contain equal verbs and equal weights.\n   *     @param compare  path to compare\n   *     @return         true if Path can be interpolated equivalent\n   *\n   * */\n  isInterpolatable(compare: SkPath): boolean;\n\n  /**\n   * Serializes the contents of this path as a series of commands.\n   */\n  toCmds(): PathCommand[];\n}\n"],"mappings":";;;;;;;AAOA;AACA;AACA;IAcYA,Q;;;WAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;GAAAA,Q,wBAAAA,Q;;IAOAC,M;;;WAAAA,M;EAAAA,M,CAAAA,M;EAAAA,M,CAAAA,M;EAAAA,M,CAAAA,M;EAAAA,M,CAAAA,M;EAAAA,M,CAAAA,M;GAAAA,M,sBAAAA,M;;IAQAC,Q;;;WAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAWL,MAAMC,MAAM,GAAIC,GAAD,IACpBA,GAAG,KAAK,IAAR,IAAgBA,GAAG,CAACC,YAAJ,KAAqB,MADhC"}
+{"version":3,"names":["FillType","PathOp","PathVerb","isPath","obj","__typename__"],"sources":["Path.ts"],"sourcesContent":["import type { SkRect } from \"../Rect\";\nimport type { SkPoint } from \"../Point\";\nimport type { SkRRect } from \"../RRect\";\nimport type { StrokeJoin, StrokeCap } from \"../Paint\";\nimport type { SkMatrix } from \"../Matrix\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\n\n/**\n * Options used for Path.stroke(). If an option is omitted, a sensible default will be used.\n */\nexport interface StrokeOpts {\n  /** The width of the stroked lines. */\n  width?: number;\n  miter_limit?: number;\n  /**\n   * if > 1, increase precision, else if (0 < resScale < 1) reduce precision to\n   * favor speed and size\n   */\n  precision?: number;\n  join?: StrokeJoin;\n  cap?: StrokeCap;\n}\n\nexport enum FillType {\n  Winding,\n  EvenOdd,\n  InverseWinding,\n  InverseEvenOdd,\n}\n\nexport enum PathOp {\n  Difference, //!< subtract the op path from the first path\n  Intersect, //!< intersect the two paths\n  Union, //!< union (inclusive-or) the two paths\n  XOR, //!< exclusive-or the two paths\n  ReverseDifference,\n}\n\nexport enum PathVerb {\n  Move,\n  Line,\n  Quad,\n  Conic,\n  Cubic,\n  Close,\n}\n\nexport type PathCommand = number[];\n\nexport const isPath = (obj: SkJSIInstance<string> | null): obj is SkPath =>\n  obj !== null && obj.__typename__ === \"Path\";\n\nexport interface SkPath extends SkJSIInstance<\"Path\"> {\n  /**\n   * Appends arc to Path, as the start of new contour. Arc added is part of ellipse\n   * bounded by oval, from startAngle through sweepAngle. Both startAngle and\n   * sweepAngle are measured in degrees, where zero degrees is aligned with the\n   * positive x-axis, and positive sweeps extends arc clockwise.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param startAngle\n   * @param sweepAngle\n   */\n  addArc(\n    oval: SkRect,\n    startAngleInDegrees: number,\n    sweepAngleInDegrees: number\n  ): SkPath;\n\n  /**\n   * Adds oval to Path, appending kMove_Verb, four kConic_Verb, and kClose_Verb.\n   * Oval is upright ellipse bounded by Rect oval with radii equal to half oval width\n   * and half oval height. Oval begins at start and continues clockwise by default.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param isCCW - if the path should be drawn counter-clockwise or not\n   * @param startIndex - index of initial point of ellipse\n   */\n  addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): SkPath;\n\n  /**\n   * Returns the number of points in this path. Initially zero.\n   */\n  countPoints(): number;\n\n  /**\n   * Adds contour created from array of n points, adding (count - 1) line segments.\n   * Contour added starts at pts[0], then adds a line for every additional point\n   * in pts array. If close is true, appends kClose_Verb to Path, connecting\n   * pts[count - 1] and pts[0].\n   * Returns the modified path for easier chaining.\n   * @param points\n   * @param close - if true, will add a line connecting last point to the first point.\n   */\n  addPoly(points: SkPoint[], close: boolean): SkPath;\n\n  /** Adds beginning of contour at SkPoint (x, y).\n\n        @param x  x-axis value of contour start\n        @param y  y-axis value of contour start\n        @return   reference to SkPath\n\n        example: https://fiddle.skia.org/c/@Path_moveTo\n    */\n  moveTo(x: number, y: number): SkPath;\n  /** Adds line from last point to (x, y). If SkPath is empty, or last SkPath::Verb is\n        kClose_Verb, last point is set to (0, 0) before adding line.\n\n        lineTo() appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed.\n        lineTo() then appends kLine_Verb to verb array and (x, y) to SkPoint array.\n\n        @param x  end of added line on x-axis\n        @param y  end of added line on y-axis\n        @return   reference to SkPath\n\n        example: https://fiddle.skia.org/c/@Path_lineTo\n    */\n  lineTo(x: number, y: number): SkPath;\n\n  /**\n   * Returns a new path that covers the same area as the original path, but with the\n   * Winding FillType. This may re-draw some contours in the path as counter-clockwise\n   * instead of clockwise to achieve that effect. If such a transformation cannot\n   * be done, null is returned.\n   */\n  makeAsWinding(): SkPath | null;\n\n  /**\n   * Translates all the points in the path by dx, dy.\n   * @param dx\n   * @param dy\n   */\n  offset(dx: number, dy: number): SkPath;\n\n  /**\n   * Relative version of arcToRotated.\n   * @param rx\n   * @param ry\n   * @param xAxisRotate\n   * @param useSmallArc\n   * @param isCCW\n   * @param dx\n   * @param dy\n   */\n  rArcTo(\n    rx: number,\n    ry: number,\n    xAxisRotateInDegrees: number,\n    useSmallArc: boolean,\n    isCCW: boolean,\n    dx: number,\n    dy: number\n  ): SkPath;\n\n  /**\n   * Relative version of conicTo.\n   * @param dx1\n   * @param dy1\n   * @param dx2\n   * @param dy2\n   * @param w\n   */\n  rConicTo(\n    dx1: number,\n    dy1: number,\n    dx2: number,\n    dy2: number,\n    w: number\n  ): SkPath;\n\n  /**\n   * Relative version of cubicTo.\n   * @param cpx1\n   * @param cpy1\n   * @param cpx2\n   * @param cpy2\n   * @param x\n   * @param y\n   */\n  rCubicTo(\n    cpx1: number,\n    cpy1: number,\n    cpx2: number,\n    cpy2: number,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Relative version of moveTo.\n   * @param x\n   * @param y\n   */\n  rMoveTo(x: number, y: number): SkPath;\n\n  /**\n   * Relative version of lineTo.\n   * @param x\n   * @param y\n   */\n  rLineTo(x: number, y: number): SkPath;\n\n  /**\n   * Relative version of quadTo.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   */\n  rQuadTo(x1: number, y1: number, x2: number, y2: number): SkPath;\n\n  /**\n   * Sets FillType, the rule used to fill Path.\n   * @param fill\n   */\n  setFillType(fill: FillType): SkPath;\n\n  /**\n   * Specifies whether Path is volatile; whether it will be altered or discarded\n   * by the caller after it is drawn. Path by default have volatile set false.\n   *\n   * Mark animating or temporary paths as volatile to improve performance.\n   * Mark unchanging Path non-volatile to improve repeated rendering.\n   * @param volatile\n   */\n  setIsVolatile(volatile: boolean): SkPath;\n\n  /**\n   * Turns this path into the filled equivalent of the stroked path. Returns false if the operation\n   * fails (e.g. the path is a hairline).\n   * @param opts - describe how stroked path should look.\n   * If such a transformation cannot be done, null is returned.\n   */\n  stroke(opts?: StrokeOpts): null | SkPath;\n\n  /**\n   * Appends CLOSE_VERB to Path. A closed contour connects the first and last point\n   * with a line, forming a continuous loop.\n   */\n  close(): SkPath;\n\n  /**\n   * Sets Path to its initial state.\n   * Removes verb array, point array, and weights, and sets FillType to Winding.\n   * Internal storage associated with Path is released\n   */\n  reset(): SkPath;\n\n  /**\n   * Sets Path to its initial state.\n   * Removes verb array, point array, and weights, and sets FillType to Winding.\n   * Internal storage associated with Path is *not* released.\n   * Use rewind() instead of reset() if Path storage will be reused and performance\n   * is critical.\n   */\n  rewind(): SkPath;\n\n  /**\n   * Returns minimum and maximum axes values of the lines and curves in Path.\n   * Returns (0, 0, 0, 0) if Path contains no points.\n   * Returned bounds width and height may be larger or smaller than area affected\n   * when Path is drawn.\n   *\n   * Behaves identically to getBounds() when Path contains\n   * only lines. If Path contains curves, computed bounds includes\n   * the maximum extent of the quad, conic, or cubic; is slower than getBounds();\n   * and unlike getBounds(), does not cache the result.\n   */\n  computeTightBounds(): SkRect;\n\n  /**\n   * Appends arc to Path. Arc added is part of ellipse\n   * bounded by oval, from startAngle through sweepAngle. Both startAngle and\n   * sweepAngle are measured in degrees, where zero degrees is aligned with the\n   * positive x-axis, and positive sweeps extends arc clockwise.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param startAngleInDegrees\n   * @param sweepAngleInDegrees\n   * @param forceMoveTo\n   */\n  arcToOval(\n    oval: SkRect,\n    startAngleInDegrees: number,\n    sweepAngleInDegrees: number,\n    forceMoveTo: boolean\n  ): SkPath;\n\n  /**\n   * Appends arc to Path. Arc is implemented by one or more conics weighted to\n   * describe part of oval with radii (rx, ry) rotated by xAxisRotate degrees. Arc\n   * curves from last Path Point to (x, y), choosing one of four possible routes:\n   * clockwise or counterclockwise, and smaller or larger. See SkPath.h for more details.\n   * Returns the modified path for easier chaining.\n   * @param rx\n   * @param ry\n   * @param xAxisRotate\n   * @param useSmallArc\n   * @param isCCW\n   * @param x\n   * @param y\n   */\n  arcToRotated(\n    rx: number,\n    ry: number,\n    xAxisRotateInDegrees: number,\n    useSmallArc: boolean,\n    isCCW: boolean,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Appends arc to Path, after appending line if needed. Arc is implemented by conic\n   * weighted to describe part of circle. Arc is contained by tangent from\n   * last Path point to (x1, y1), and tangent from (x1, y1) to (x2, y2). Arc\n   * is part of circle sized to radius, positioned so it touches both tangent lines.\n   * Returns the modified path for easier chaining.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   * @param radius\n   */\n  arcToTangent(\n    x1: number,\n    y1: number,\n    x2: number,\n    y2: number,\n    radius: number\n  ): SkPath;\n\n  /**\n   * Adds conic from last point towards (x1, y1), to (x2, y2), weighted by w.\n   * If Path is empty, or path is closed, the last point is set to (0, 0)\n   * before adding conic.\n   * Returns the modified path for easier chaining.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   * @param w\n   */\n  conicTo(x1: number, y1: number, x2: number, y2: number, w: number): SkPath;\n\n  /**\n   * Returns true if the point (x, y) is contained by Path, taking into\n   * account FillType.\n   * @param x\n   * @param y\n   */\n  contains(x: number, y: number): boolean;\n\n  /**\n   * Returns a copy of this Path.\n   */\n  copy(): SkPath;\n\n  /**\n   *  Adds cubic from last point towards (x1, y1), then towards (x2, y2), ending at\n   * (x3, y3). If Path is empty, or path is closed, the last point is set to\n   * (0, 0) before adding cubic.\n   * @param cpx1\n   * @param cpy1\n   * @param cpx2\n   * @param cpy2\n   * @param x\n   * @param y\n   */\n  cubicTo(\n    cpx1: number,\n    cpy1: number,\n    cpx2: number,\n    cpy2: number,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Changes this path to be the dashed version of itself. This is the same effect as creating\n   * a DashPathEffect and calling filterPath on this path.\n   * @param on\n   * @param off\n   * @param phase\n   */\n  dash(on: number, off: number, phase: number): boolean;\n\n  /**\n   * Returns true if other path is equal to this path.\n   * @param other\n   */\n  equals(other: SkPath): boolean;\n\n  /**\n   * Returns minimum and maximum axes values of Point array.\n   * Returns (0, 0, 0, 0) if Path contains no points. Returned bounds width and height may\n   * be larger or smaller than area affected when Path is drawn.\n   */\n  getBounds(): SkRect;\n\n  /**\n   * Return the FillType for this path.\n   */\n  getFillType(): FillType;\n\n  /**\n   Adds quad from last point towards (x1, y1), to (x2, y2).\n\n   If SkPath is empty, or last SkPath::Verb is kClose_Verb, last point is set to (0, 0) before adding quad.\n\n   Appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed; then appends kQuad_Verb to verb array;\n   and (x1, y1), (x2, y2) to SkPoint array.\n\n   Parameters\n   x1\tcontrol SkPoint of quad on x-axis\n   y1\tcontrol SkPoint of quad on y-axis\n   x2\tend SkPoint of quad on x-axis\n   y2\tend SkPoint of quad on y-axis\n   Returns\n   reference to SkPath\n   example: https://fiddle.skia.org/c/@Path_quadTo\n  */\n  quadTo(x1: number, y1: number, x2: number, y2: number): SkPath;\n\n  /**\n   * Adds Rect to Path, appending kMove_Verb, three kLine_Verb, and kClose_Verb,\n   * starting with top-left corner of Rect; followed by top-right, bottom-right,\n   * and bottom-left if isCCW is false; or followed by bottom-left,\n   * bottom-right, and top-right if isCCW is true.\n   * Returns the modified path for easier chaining.\n   * @param rect\n   * @param isCCW\n   */\n  addRect(rect: SkRect, isCCW?: boolean): SkPath;\n\n  /**\n   * Adds rrect to Path, creating a new closed contour.\n   * Returns the modified path for easier chaining.\n   * @param rrect\n   * @param isCCW\n   */\n  addRRect(rrect: SkRRect, isCCW?: boolean): SkPath;\n\n  /** Appends src to SkPath, transformed by matrix. Transformed curves may have\n     different verbs, SkPoint, and conic weights.\n\n      If mode is kAppend_AddPathMode, src verb array, SkPoint array, and conic\n     weights are added unaltered. If mode is kExtend_AddPathMode, add line\n     before appending verbs, SkPoint, and conic weights.\n\n      @param src     SkPath verbs, SkPoint, and conic weights to add\n      @param matrix  transform applied to src\n      @param extend  extends path with line if true\n      @return        reference to SkPath\n  */\n  addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): SkPath;\n\n  /**\n   * Returns the Point at index in Point array. Valid range for index is\n   * 0 to countPoints() - 1.\n   * @param index\n   */\n  getPoint(index: number): SkPoint;\n\n  /**\n   * Returns true if there are no verbs in the path.\n   */\n  isEmpty(): boolean;\n\n  /**\n   * Returns true if the path is volatile; it will not be altered or discarded\n   * by the caller after it is drawn. Path by default have volatile set false, allowing\n   * Surface to attach a cache of data which speeds repeated drawing. If true, Surface\n   * may not speed repeated drawing.\n   */\n  isVolatile(): boolean;\n\n  /** Adds circle centered at (x, y) of size radius to SkPath, appending kMove_Verb,\n      four kConic_Verb, and kClose_Verb. Circle begins at: (x + radius, y), continuing\n      clockwise if dir is kCW_Direction, and counterclockwise if dir is kCCW_Direction.\n\n      Has no effect if radius is zero or negative.\n\n      @param x       center of circle\n      @param y       center of circle\n      @param radius  distance from center to edge      \n      @return        reference to SkPath\n  */\n  addCircle(x: number, y: number, r: number): SkPath;\n\n  getLastPt(): { x: number; y: number };\n\n  /** Set this path to the result of applying the Op to this path and the\n    specified path: this = (this op operand).\n    The resulting path will be constructed from non-overlapping contours.\n    The curve order is reduced where possible so that cubics may be turned\n    into quadratics, and quadratics maybe turned into lines.\n\n    Returns true if operation was able to produce a result;\n    otherwise, result is unmodified.\n\n    @param path The second path (for difference, the subtrahend)\n    @param op The operator to apply.\n    @param result The product of the operands. The result may be one of the\n                  inputs.\n    @return True if the operation succeeded.\n    */\n  op(path: SkPath, op: PathOp): boolean;\n\n  /** Set this path to a set of non-overlapping contours that describe the\n    same area as the original path.\n    The curve order is reduced where possible so that cubics may\n    be turned into quadratics, and quadratics maybe turned into lines.\n\n    Returns true if operation was able to produce a result;\n    otherwise, result is unmodified.\n\n    @param result The simplified path. The result may be the input.\n    @return True if simplification succeeded.\n  */\n  simplify(): boolean;\n\n  /**\n   * Returns this path as an SVG string.\n   */\n  toSVGString(): string;\n\n  /**\n   * Take start and stop \"t\" values (values between 0...1), and modify this path such that\n   * it is a subset of the original path.\n   * The trim values apply to the entire path, so if it contains several contours, all of them\n   * are including in the calculation.\n   * Null is returned if either input value is NaN.\n   * @param startT - a value in the range [0.0, 1.0]. 0.0 is the beginning of the path.\n   * @param stopT  - a value in the range [0.0, 1.0]. 1.0 is the end of the path.\n   * @param isComplement\n   */\n  trim(startT: number, stopT: number, isComplement: boolean): null | SkPath;\n\n  /**\n   * Transforms the path by the specified matrix.\n   */\n  transform(m3: SkMatrix): SkPath;\n\n  /**\n   * Interpolates between Path with point array of equal size.\n   * Copy verb array and weights to result, and set result path to a weighted\n   * average of this path array and ending path.\n\n   *  weight is most useful when between zero (ending path) and\n      one (this path); will work with values outside of this\n      range.\n\n   * interpolate() returns undefined if path is not\n   * the same size as ending path. Call isInterpolatable() to check Path\n   * compatibility prior to calling interpolate().\n\n   * @param ending  path to interpolate with\n   * @param weight  contribution of this path, and\n   *                 one minus contribution of ending path\n   * @param output  path to be replaced with the interpolated averages\n   * @return        Path replaced by interpolated averages or null if \n   *                not interpolatable\n   * */\n  interpolate(end: SkPath, weight: number, output?: SkPath): SkPath | null;\n\n  /** Returns true if Path contain equal verbs and equal weights.\n   *     @param compare  path to compare\n   *     @return         true if Path can be interpolated equivalent\n   *\n   * */\n  isInterpolatable(compare: SkPath): boolean;\n\n  /**\n   * Serializes the contents of this path as a series of commands.\n   */\n  toCmds(): PathCommand[];\n}\n"],"mappings":";;;;;;;AAOA;AACA;AACA;IAcYA,Q;;;WAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;GAAAA,Q,wBAAAA,Q;;IAOAC,M;;;WAAAA,M;EAAAA,M,CAAAA,M;EAAAA,M,CAAAA,M;EAAAA,M,CAAAA,M;EAAAA,M,CAAAA,M;EAAAA,M,CAAAA,M;GAAAA,M,sBAAAA,M;;IAQAC,Q;;;WAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;EAAAA,Q,CAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAWL,MAAMC,MAAM,GAAIC,GAAD,IACpBA,GAAG,KAAK,IAAR,IAAgBA,GAAG,CAACC,YAAJ,KAAqB,MADhC"}

package/lib/commonjs/skia/web/JsiSkMatrix.d.ts

@@ -3,12 +3,18 @@ import type { SkMatrix } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkMatrix extends HostObject<Matrix3x3, "Matrix"> implements SkMatrix {
     constructor(CanvasKit: CanvasKit, ref: Matrix3x3);
+    private preMultiply;
+    private postMultiply;
     dispose: () => void;
     concat(matrix: SkMatrix): this;
     translate(x: number, y: number): this;
+    postTranslate(x: number, y: number): this;
     scale(x: number, y?: number): this;
+    postScale(x: number, y?: number): this;
     skew(x: number, y: number): this;
+    postSkew(x: number, y: number): this;
     rotate(value: number): this;
+    postRotate(value: number): this;
     identity(): this;
     get(): number[];
 }

package/lib/commonjs/skia/web/JsiSkMatrix.js

@@ -17,28 +17,56 @@ class JsiSkMatrix extends _Host.HostObject {
     });
   }
 
+  preMultiply(matrix) {
+    this.ref.set(this.CanvasKit.Matrix.multiply(this.ref, matrix));
+  }
+
+  postMultiply(matrix) {
+    this.ref.set(this.CanvasKit.Matrix.multiply(matrix, this.ref));
+  }
+
   concat(matrix) {
-    this.ref.set(this.CanvasKit.Matrix.multiply(this.ref, JsiSkMatrix.fromValue(matrix)));
+    this.preMultiply(JsiSkMatrix.fromValue(matrix));
     return this;
   }
 
   translate(x, y) {
-    this.concat(new JsiSkMatrix(this.CanvasKit, Float32Array.of(...this.CanvasKit.Matrix.translated(x, y))));
+    this.preMultiply(this.CanvasKit.Matrix.translated(x, y));
+    return this;
+  }
+
+  postTranslate(x, y) {
+    this.postMultiply(this.CanvasKit.Matrix.translated(x, y));
     return this;
   }
 
   scale(x, y) {
-    this.concat(new JsiSkMatrix(this.CanvasKit, Float32Array.of(...this.CanvasKit.Matrix.scaled(x, y ?? x))));
+    this.preMultiply(this.CanvasKit.Matrix.scaled(x, y ?? x));
+    return this;
+  }
+
+  postScale(x, y) {
+    this.postMultiply(this.CanvasKit.Matrix.scaled(x, y ?? x));
     return this;
   }
 
   skew(x, y) {
-    this.concat(new JsiSkMatrix(this.CanvasKit, Float32Array.of(...this.CanvasKit.Matrix.skewed(x, y))));
+    this.preMultiply(this.CanvasKit.Matrix.skewed(x, y));
+    return this;
+  }
+
+  postSkew(x, y) {
+    this.postMultiply(this.CanvasKit.Matrix.skewed(x, y));
     return this;
   }
 
   rotate(value) {
-    this.concat(new JsiSkMatrix(this.CanvasKit, Float32Array.of(...this.CanvasKit.Matrix.rotated(value))));
+    this.preMultiply(this.CanvasKit.Matrix.rotated(value));
+    return this;
+  }
+
+  postRotate(value) {
+    this.postMultiply(this.CanvasKit.Matrix.rotated(value));
     return this;
   }
 

package/lib/commonjs/skia/web/JsiSkMatrix.js.map

@@ -1 +1 @@
-{"version":3,"names":["JsiSkMatrix","HostObject","constructor","CanvasKit","ref","concat","matrix","set","Matrix","multiply","fromValue","translate","x","y","Float32Array","of","translated","scale","scaled","skew","skewed","rotate","value","rotated","identity","get","Array","from"],"sources":["JsiSkMatrix.ts"],"sourcesContent":["import type { CanvasKit, Matrix3x3 } from \"canvaskit-wasm\";\n\nimport type { SkMatrix } from \"../types\";\n\nimport { HostObject } from \"./Host\";\n\nexport class JsiSkMatrix\n  extends HostObject<Matrix3x3, \"Matrix\">\n  implements SkMatrix\n{\n  constructor(CanvasKit: CanvasKit, ref: Matrix3x3) {\n    super(CanvasKit, ref, \"Matrix\");\n  }\n\n  dispose = () => {\n    // Do nothing - the matrix is represenetd by a Float32Array\n  };\n\n  concat(matrix: SkMatrix) {\n    this.ref.set(\n      this.CanvasKit.Matrix.multiply(this.ref, JsiSkMatrix.fromValue(matrix))\n    );\n    return this;\n  }\n\n  translate(x: number, y: number) {\n    this.concat(\n      new JsiSkMatrix(\n        this.CanvasKit,\n        Float32Array.of(...this.CanvasKit.Matrix.translated(x, y))\n      )\n    );\n    return this;\n  }\n\n  scale(x: number, y?: number) {\n    this.concat(\n      new JsiSkMatrix(\n        this.CanvasKit,\n        Float32Array.of(...this.CanvasKit.Matrix.scaled(x, y ?? x))\n      )\n    );\n    return this;\n  }\n\n  skew(x: number, y: number) {\n    this.concat(\n      new JsiSkMatrix(\n        this.CanvasKit,\n        Float32Array.of(...this.CanvasKit.Matrix.skewed(x, y))\n      )\n    );\n    return this;\n  }\n\n  rotate(value: number) {\n    this.concat(\n      new JsiSkMatrix(\n        this.CanvasKit,\n        Float32Array.of(...this.CanvasKit.Matrix.rotated(value))\n      )\n    );\n    return this;\n  }\n\n  identity() {\n    this.ref.set(this.CanvasKit.Matrix.identity());\n    return this;\n  }\n\n  get() {\n    return Array.from(this.ref);\n  }\n}\n"],"mappings":";;;;;;;AAIA;;;;AAEO,MAAMA,WAAN,SACGC,gBADH,CAGP;EACEC,WAAW,CAACC,SAAD,EAAuBC,GAAvB,EAAuC;IAChD,MAAMD,SAAN,EAAiBC,GAAjB,EAAsB,QAAtB;;IADgD,iCAIxC,MAAM,CACd;IACD,CANiD;EAEjD;;EAMDC,MAAM,CAACC,MAAD,EAAmB;IACvB,KAAKF,GAAL,CAASG,GAAT,CACE,KAAKJ,SAAL,CAAeK,MAAf,CAAsBC,QAAtB,CAA+B,KAAKL,GAApC,EAAyCJ,WAAW,CAACU,SAAZ,CAAsBJ,MAAtB,CAAzC,CADF;IAGA,OAAO,IAAP;EACD;;EAEDK,SAAS,CAACC,CAAD,EAAYC,CAAZ,EAAuB;IAC9B,KAAKR,MAAL,CACE,IAAIL,WAAJ,CACE,KAAKG,SADP,EAEEW,YAAY,CAACC,EAAb,CAAgB,GAAG,KAAKZ,SAAL,CAAeK,MAAf,CAAsBQ,UAAtB,CAAiCJ,CAAjC,EAAoCC,CAApC,CAAnB,CAFF,CADF;IAMA,OAAO,IAAP;EACD;;EAEDI,KAAK,CAACL,CAAD,EAAYC,CAAZ,EAAwB;IAC3B,KAAKR,MAAL,CACE,IAAIL,WAAJ,CACE,KAAKG,SADP,EAEEW,YAAY,CAACC,EAAb,CAAgB,GAAG,KAAKZ,SAAL,CAAeK,MAAf,CAAsBU,MAAtB,CAA6BN,CAA7B,EAAgCC,CAAC,IAAID,CAArC,CAAnB,CAFF,CADF;IAMA,OAAO,IAAP;EACD;;EAEDO,IAAI,CAACP,CAAD,EAAYC,CAAZ,EAAuB;IACzB,KAAKR,MAAL,CACE,IAAIL,WAAJ,CACE,KAAKG,SADP,EAEEW,YAAY,CAACC,EAAb,CAAgB,GAAG,KAAKZ,SAAL,CAAeK,MAAf,CAAsBY,MAAtB,CAA6BR,CAA7B,EAAgCC,CAAhC,CAAnB,CAFF,CADF;IAMA,OAAO,IAAP;EACD;;EAEDQ,MAAM,CAACC,KAAD,EAAgB;IACpB,KAAKjB,MAAL,CACE,IAAIL,WAAJ,CACE,KAAKG,SADP,EAEEW,YAAY,CAACC,EAAb,CAAgB,GAAG,KAAKZ,SAAL,CAAeK,MAAf,CAAsBe,OAAtB,CAA8BD,KAA9B,CAAnB,CAFF,CADF;IAMA,OAAO,IAAP;EACD;;EAEDE,QAAQ,GAAG;IACT,KAAKpB,GAAL,CAASG,GAAT,CAAa,KAAKJ,SAAL,CAAeK,MAAf,CAAsBgB,QAAtB,EAAb;IACA,OAAO,IAAP;EACD;;EAEDC,GAAG,GAAG;IACJ,OAAOC,KAAK,CAACC,IAAN,CAAW,KAAKvB,GAAhB,CAAP;EACD;;AA/DH"}
+{"version":3,"names":["JsiSkMatrix","HostObject","constructor","CanvasKit","ref","preMultiply","matrix","set","Matrix","multiply","postMultiply","concat","fromValue","translate","x","y","translated","postTranslate","scale","scaled","postScale","skew","skewed","postSkew","rotate","value","rotated","postRotate","identity","get","Array","from"],"sources":["JsiSkMatrix.ts"],"sourcesContent":["import type { CanvasKit, Matrix3x3 } from \"canvaskit-wasm\";\n\nimport type { SkMatrix } from \"../types\";\n\nimport { HostObject } from \"./Host\";\n\nexport class JsiSkMatrix\n  extends HostObject<Matrix3x3, \"Matrix\">\n  implements SkMatrix\n{\n  constructor(CanvasKit: CanvasKit, ref: Matrix3x3) {\n    super(CanvasKit, ref, \"Matrix\");\n  }\n\n  private preMultiply(matrix: number[]) {\n    this.ref.set(this.CanvasKit.Matrix.multiply(this.ref, matrix));\n  }\n\n  private postMultiply(matrix: number[]) {\n    this.ref.set(this.CanvasKit.Matrix.multiply(matrix, this.ref));\n  }\n\n  dispose = () => {\n    // Do nothing - the matrix is represenetd by a Float32Array\n  };\n\n  concat(matrix: SkMatrix) {\n    this.preMultiply(JsiSkMatrix.fromValue(matrix));\n    return this;\n  }\n\n  translate(x: number, y: number) {\n    this.preMultiply(this.CanvasKit.Matrix.translated(x, y));\n    return this;\n  }\n\n  postTranslate(x: number, y: number) {\n    this.postMultiply(this.CanvasKit.Matrix.translated(x, y));\n    return this;\n  }\n\n  scale(x: number, y?: number) {\n    this.preMultiply(this.CanvasKit.Matrix.scaled(x, y ?? x));\n    return this;\n  }\n\n  postScale(x: number, y?: number) {\n    this.postMultiply(this.CanvasKit.Matrix.scaled(x, y ?? x));\n    return this;\n  }\n\n  skew(x: number, y: number) {\n    this.preMultiply(this.CanvasKit.Matrix.skewed(x, y));\n    return this;\n  }\n\n  postSkew(x: number, y: number) {\n    this.postMultiply(this.CanvasKit.Matrix.skewed(x, y));\n    return this;\n  }\n\n  rotate(value: number) {\n    this.preMultiply(this.CanvasKit.Matrix.rotated(value));\n    return this;\n  }\n\n  postRotate(value: number) {\n    this.postMultiply(this.CanvasKit.Matrix.rotated(value));\n    return this;\n  }\n\n  identity() {\n    this.ref.set(this.CanvasKit.Matrix.identity());\n    return this;\n  }\n\n  get() {\n    return Array.from(this.ref);\n  }\n}\n"],"mappings":";;;;;;;AAIA;;;;AAEO,MAAMA,WAAN,SACGC,gBADH,CAGP;EACEC,WAAW,CAACC,SAAD,EAAuBC,GAAvB,EAAuC;IAChD,MAAMD,SAAN,EAAiBC,GAAjB,EAAsB,QAAtB;;IADgD,iCAYxC,MAAM,CACd;IACD,CAdiD;EAEjD;;EAEOC,WAAW,CAACC,MAAD,EAAmB;IACpC,KAAKF,GAAL,CAASG,GAAT,CAAa,KAAKJ,SAAL,CAAeK,MAAf,CAAsBC,QAAtB,CAA+B,KAAKL,GAApC,EAAyCE,MAAzC,CAAb;EACD;;EAEOI,YAAY,CAACJ,MAAD,EAAmB;IACrC,KAAKF,GAAL,CAASG,GAAT,CAAa,KAAKJ,SAAL,CAAeK,MAAf,CAAsBC,QAAtB,CAA+BH,MAA/B,EAAuC,KAAKF,GAA5C,CAAb;EACD;;EAMDO,MAAM,CAACL,MAAD,EAAmB;IACvB,KAAKD,WAAL,CAAiBL,WAAW,CAACY,SAAZ,CAAsBN,MAAtB,CAAjB;IACA,OAAO,IAAP;EACD;;EAEDO,SAAS,CAACC,CAAD,EAAYC,CAAZ,EAAuB;IAC9B,KAAKV,WAAL,CAAiB,KAAKF,SAAL,CAAeK,MAAf,CAAsBQ,UAAtB,CAAiCF,CAAjC,EAAoCC,CAApC,CAAjB;IACA,OAAO,IAAP;EACD;;EAEDE,aAAa,CAACH,CAAD,EAAYC,CAAZ,EAAuB;IAClC,KAAKL,YAAL,CAAkB,KAAKP,SAAL,CAAeK,MAAf,CAAsBQ,UAAtB,CAAiCF,CAAjC,EAAoCC,CAApC,CAAlB;IACA,OAAO,IAAP;EACD;;EAEDG,KAAK,CAACJ,CAAD,EAAYC,CAAZ,EAAwB;IAC3B,KAAKV,WAAL,CAAiB,KAAKF,SAAL,CAAeK,MAAf,CAAsBW,MAAtB,CAA6BL,CAA7B,EAAgCC,CAAC,IAAID,CAArC,CAAjB;IACA,OAAO,IAAP;EACD;;EAEDM,SAAS,CAACN,CAAD,EAAYC,CAAZ,EAAwB;IAC/B,KAAKL,YAAL,CAAkB,KAAKP,SAAL,CAAeK,MAAf,CAAsBW,MAAtB,CAA6BL,CAA7B,EAAgCC,CAAC,IAAID,CAArC,CAAlB;IACA,OAAO,IAAP;EACD;;EAEDO,IAAI,CAACP,CAAD,EAAYC,CAAZ,EAAuB;IACzB,KAAKV,WAAL,CAAiB,KAAKF,SAAL,CAAeK,MAAf,CAAsBc,MAAtB,CAA6BR,CAA7B,EAAgCC,CAAhC,CAAjB;IACA,OAAO,IAAP;EACD;;EAEDQ,QAAQ,CAACT,CAAD,EAAYC,CAAZ,EAAuB;IAC7B,KAAKL,YAAL,CAAkB,KAAKP,SAAL,CAAeK,MAAf,CAAsBc,MAAtB,CAA6BR,CAA7B,EAAgCC,CAAhC,CAAlB;IACA,OAAO,IAAP;EACD;;EAEDS,MAAM,CAACC,KAAD,EAAgB;IACpB,KAAKpB,WAAL,CAAiB,KAAKF,SAAL,CAAeK,MAAf,CAAsBkB,OAAtB,CAA8BD,KAA9B,CAAjB;IACA,OAAO,IAAP;EACD;;EAEDE,UAAU,CAACF,KAAD,EAAgB;IACxB,KAAKf,YAAL,CAAkB,KAAKP,SAAL,CAAeK,MAAf,CAAsBkB,OAAtB,CAA8BD,KAA9B,CAAlB;IACA,OAAO,IAAP;EACD;;EAEDG,QAAQ,GAAG;IACT,KAAKxB,GAAL,CAASG,GAAT,CAAa,KAAKJ,SAAL,CAAeK,MAAf,CAAsBoB,QAAtB,EAAb;IACA,OAAO,IAAP;EACD;;EAEDC,GAAG,GAAG;IACJ,OAAOC,KAAK,CAACC,IAAN,CAAW,KAAK3B,GAAhB,CAAP;EACD;;AArEH"}

package/lib/commonjs/skia/web/JsiSkPath.d.ts

@@ -21,12 +21,12 @@ export declare class JsiSkPath extends HostObject<Path, "Path"> implements SkPat
     rMoveTo(x: number, y: number): this;
     rLineTo(x: number, y: number): this;
     rQuadTo(x1: number, y1: number, x2: number, y2: number): this;
-    setFillType(fill: FillType): void;
-    setIsVolatile(volatile: boolean): void;
+    setFillType(fill: FillType): this;
+    setIsVolatile(volatile: boolean): this;
     stroke(opts?: StrokeOpts): this | null;
-    close(): void;
-    reset(): void;
-    rewind(): void;
+    close(): this;
+    reset(): this;
+    rewind(): this;
     computeTightBounds(): SkRect;
     arcToOval(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number, forceMoveTo: boolean): this;
     arcToRotated(rx: number, ry: number, xAxisRotateInDegrees: number, useSmallArc: boolean, isCCW: boolean, x: number, y: number): this;
@@ -39,8 +39,8 @@ export declare class JsiSkPath extends HostObject<Path, "Path"> implements SkPat
     equals(other: SkPath): boolean;
     getBounds(): JsiSkRect;
     getFillType(): number;
-    quadTo(x1: number, y1: number, x2: number, y2: number): void;
-    addRect(rect: SkRect, isCCW?: boolean): void;
+    quadTo(x1: number, y1: number, x2: number, y2: number): this;
+    addRect(rect: SkRect, isCCW?: boolean): this;
     addRRect(rrect: SkRRect, isCCW?: boolean): this;
     getPoint(index: number): JsiSkPoint;
     isEmpty(): boolean;
@@ -51,8 +51,8 @@ export declare class JsiSkPath extends HostObject<Path, "Path"> implements SkPat
     simplify(): boolean;
     toSVGString(): string;
     trim(start: number, stop: number, isComplement: boolean): this | null;
-    transform(m3: SkMatrix): void;
-    interpolate(end: SkPath, t: number): JsiSkPath | null;
+    transform(m3: SkMatrix): this;
+    interpolate(end: SkPath, t: number, output?: SkPath): SkPath | JsiSkPath | null;
     isInterpolatable(path2: SkPath): boolean;
     toCmds(): PathCommand[];
 }