@shopify/react-native-skia 0.1.236 → 0.1.238

package/lib/module/renderer/HostConfig.js

@@ -1,28 +1,25 @@
 /*global NodeJS*/
+
 import { DefaultEventPriority } from "react-reconciler/constants";
 import { bindReanimatedProps, extractReanimatedProps, unbindReanimatedNode } from "../external/reanimated/renderHelpers";
 import { createNode } from "./HostComponents";
 import { shallowEq } from "./typeddash";
 const DEBUG = false;
-export const debug = function () {
+export const debug = (...args) => {
   if (DEBUG) {
-    console.log(...arguments);
+    console.log(...args);
   }
 };
-
 const appendNode = (parent, child) => {
   parent.addChild(child);
 };
-
 const removeNode = (parent, child) => {
   unbindReanimatedNode(child);
   return parent.removeChild(child);
 };
-
 const insertBefore = (parent, child, before) => {
   parent.insertChildBefore(child, before);
 };
-
 export const skHostConfig = {
   /**
    * This function is used by the reconciler in order to calculate current time for prioritising work.
@@ -33,40 +30,34 @@ export const skHostConfig = {
   supportsPersistence: false,
   supportsHydration: false,
   //supportsMicrotask: true,
+
   scheduleTimeout: setTimeout,
   cancelTimeout: clearTimeout,
   noTimeout: -1,
-
   appendChildToContainer(container, child) {
     debug("appendChildToContainer");
     appendNode(container.root, child);
   },
-
   appendChild(parent, child) {
     debug("appendChild", parent, child);
     appendNode(parent, child);
   },
-
   getRootHostContext: _rootContainerInstance => {
     debug("getRootHostContext");
     return null;
   },
-
   getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {
     debug("getChildHostContext");
     return null;
   },
-
   shouldSetTextContent(_type, _props) {
     return false;
   },
-
   createTextInstance(_text, _rootContainerInstance, _hostContext, _internalInstanceHandle) {
-    debug("createTextInstance"); // return SpanNode({}, text) as SkNode;
-
+    debug("createTextInstance");
+    // return SpanNode({}, text) as SkNode;
     throw new Error("Text nodes are not supported yet");
   },
-
   createInstance(type, pristineProps, container, _hostContext, _internalInstanceHandle) {
     debug("createInstance", type);
     const [props, reanimatedProps] = extractReanimatedProps(pristineProps);
@@ -74,62 +65,50 @@ export const skHostConfig = {
     bindReanimatedProps(container, node, reanimatedProps);
     return node;
   },
-
   appendInitialChild(parentInstance, child) {
     debug("appendInitialChild");
     appendNode(parentInstance, child);
   },
-
   finalizeInitialChildren(parentInstance, _type, _props, _rootContainerInstance, _hostContext) {
     debug("finalizeInitialChildren", parentInstance);
     return false;
   },
-
   commitMount() {
     // if finalizeInitialChildren = true
     debug("commitMount");
   },
-
   prepareForCommit(_containerInfo) {
     debug("prepareForCommit");
     return null;
   },
-
   resetAfterCommit(container) {
     debug("resetAfterCommit");
     container.redraw();
   },
-
   getPublicInstance(node) {
     debug("getPublicInstance");
     return node;
   },
-
   prepareUpdate: (_instance, type, oldProps, newProps, rootContainerInstance, _hostContext) => {
     debug("prepareUpdate");
     const propsAreEqual = shallowEq(oldProps, newProps);
-
     if (propsAreEqual) {
       return null;
     }
-
     debug("update ", type);
     return rootContainerInstance;
   },
-
   commitUpdate(instance, updatePayload, type, prevProps, nextProps, _internalHandle) {
     debug("commitUpdate: ", type);
-
     if (shallowEq(prevProps, nextProps)) {
       return;
     }
-
     const [props, reanimatedProps] = extractReanimatedProps(nextProps);
     instance.setProps(props);
     bindReanimatedProps(updatePayload, instance, reanimatedProps);
   },
-
-  commitTextUpdate: (_textInstance, _oldText, _newText) => {//  textInstance.instance = newText;
+  commitTextUpdate: (_textInstance, _oldText, _newText) => {
+    //  textInstance.instance = newText;
   },
   clearContainer: container => {
     debug("clearContainer");

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

@@ -1 +1 @@
-{"version":3,"names":["DefaultEventPriority","bindReanimatedProps","extractReanimatedProps","unbindReanimatedNode","createNode","shallowEq","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","node","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance"],"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 {\n  bindReanimatedProps,\n  extractReanimatedProps,\n  unbindReanimatedNode,\n} from \"../external/reanimated/renderHelpers\";\n\nimport type { Container } from \"./Container\";\nimport { createNode } from \"./HostComponents\";\nimport { 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\");\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, props);\n    bindReanimatedProps(container, node, reanimatedProps);\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.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    instance.setProps(props);\n    bindReanimatedProps(updatePayload, instance, reanimatedProps);\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"],"mappings":"AAAA;AAEA,SAASA,oBAAT,QAAqC,4BAArC;AAGA,SACEC,mBADF,EAEEC,sBAFF,EAGEC,oBAHF,QAIO,sCAJP;AAOA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,SAAT,QAA0B,aAA1B;AAEA,MAAMC,KAAK,GAAG,KAAd;AACA,OAAO,MAAMC,KAAK,GAAG,YAA6C;EAChE,IAAID,KAAJ,EAAW;IACTE,OAAO,CAACC,GAAR,CAAY,YAAZ;EACD;AACF,CAJM;;AAmCP,MAAMC,UAAU,GAAG,CAACC,MAAD,EAAwBC,KAAxB,KAAiD;EAClED,MAAM,CAACE,QAAP,CAAgBD,KAAhB;AACD,CAFD;;AAIA,MAAME,UAAU,GAAG,CAACH,MAAD,EAAwBC,KAAxB,KAAiD;EAClET,oBAAoB,CAACS,KAAD,CAApB;EACA,OAAOD,MAAM,CAACI,WAAP,CAAmBH,KAAnB,CAAP;AACD,CAHD;;AAKA,MAAMI,YAAY,GAAG,CACnBL,MADmB,EAEnBC,KAFmB,EAGnBK,MAHmB,KAIhB;EACHN,MAAM,CAACO,iBAAP,CAAyBN,KAAzB,EAAgCK,MAAhC;AACD,CAND;;AAQA,OAAO,MAAME,YAA4B,GAAG;EAC1C;AACF;AACA;EACEC,GAAG,EAAEC,IAAI,CAACD,GAJgC;EAK1CE,gBAAgB,EAAE,IALwB;EAM1CC,iBAAiB,EAAE,KANuB;EAO1CC,mBAAmB,EAAE,KAPqB;EAQ1CC,iBAAiB,EAAE,KARuB;EAS1C;EAEAC,eAAe,EAAEC,UAXyB;EAY1CC,aAAa,EAAEC,YAZ2B;EAa1CC,SAAS,EAAE,CAAC,CAb8B;;EAe1CC,sBAAsB,CAACC,SAAD,EAAYpB,KAAZ,EAAmB;IACvCL,KAAK,CAAC,wBAAD,CAAL;IACAG,UAAU,CAACsB,SAAS,CAACC,IAAX,EAAiBrB,KAAjB,CAAV;EACD,CAlByC;;EAoB1CsB,WAAW,CAACvB,MAAD,EAASC,KAAT,EAAgB;IACzBL,KAAK,CAAC,aAAD,EAAgBI,MAAhB,EAAwBC,KAAxB,CAAL;IACAF,UAAU,CAACC,MAAD,EAASC,KAAT,CAAV;EACD,CAvByC;;EAyB1CuB,kBAAkB,EAAGC,sBAAD,IAAuC;IACzD7B,KAAK,CAAC,oBAAD,CAAL;IACA,OAAO,IAAP;EACD,CA5ByC;;EA8B1C8B,mBAAmB,CAACC,kBAAD,EAAqBC,KAArB,EAA4BH,sBAA5B,EAAoD;IACrE7B,KAAK,CAAC,qBAAD,CAAL;IACA,OAAO,IAAP;EACD,CAjCyC;;EAmC1CiC,oBAAoB,CAACD,KAAD,EAAQE,MAAR,EAAgB;IAClC,OAAO,KAAP;EACD,CArCyC;;EAuC1CC,kBAAkB,CAChBC,KADgB,EAEhBP,sBAFgB,EAGhBQ,YAHgB,EAIhBC,uBAJgB,EAKhB;IACAtC,KAAK,CAAC,oBAAD,CAAL,CADA,CAEA;;IACA,MAAM,IAAIuC,KAAJ,CAAU,kCAAV,CAAN;EACD,CAhDyC;;EAkD1CC,cAAc,CACZC,IADY,EAEZC,aAFY,EAGZjB,SAHY,EAIZY,YAJY,EAKZC,uBALY,EAMZ;IACAtC,KAAK,CAAC,gBAAD,EAAmByC,IAAnB,CAAL;IACA,MAAM,CAACE,KAAD,EAAQC,eAAR,IAA2BjD,sBAAsB,CAAC+C,aAAD,CAAvD;IACA,MAAMG,IAAI,GAAGhD,UAAU,CAAC4B,SAAD,EAAYgB,IAAZ,EAAkBE,KAAlB,CAAvB;IACAjD,mBAAmB,CAAC+B,SAAD,EAAYoB,IAAZ,EAAkBD,eAAlB,CAAnB;IACA,OAAOC,IAAP;EACD,CA9DyC;;EAgE1CC,kBAAkB,CAACC,cAAD,EAAiB1C,KAAjB,EAAwB;IACxCL,KAAK,CAAC,oBAAD,CAAL;IACAG,UAAU,CAAC4C,cAAD,EAAiB1C,KAAjB,CAAV;EACD,CAnEyC;;EAqE1C2C,uBAAuB,CACrBD,cADqB,EAErBf,KAFqB,EAGrBE,MAHqB,EAIrBL,sBAJqB,EAKrBQ,YALqB,EAMrB;IACArC,KAAK,CAAC,yBAAD,EAA4B+C,cAA5B,CAAL;IACA,OAAO,KAAP;EACD,CA9EyC;;EAgF1CE,WAAW,GAAG;IACZ;IACAjD,KAAK,CAAC,aAAD,CAAL;EACD,CAnFyC;;EAqF1CkD,gBAAgB,CAACC,cAAD,EAAiB;IAC/BnD,KAAK,CAAC,kBAAD,CAAL;IACA,OAAO,IAAP;EACD,CAxFyC;;EA0F1CoD,gBAAgB,CAAC3B,SAAD,EAAY;IAC1BzB,KAAK,CAAC,kBAAD,CAAL;IACAyB,SAAS,CAAC4B,MAAV;EACD,CA7FyC;;EA+F1CC,iBAAiB,CAACT,IAAD,EAAiB;IAChC7C,KAAK,CAAC,mBAAD,CAAL;IACA,OAAO6C,IAAP;EACD,CAlGyC;;EAoG1CU,aAAa,EAAE,CACbC,SADa,EAEbf,IAFa,EAGbgB,QAHa,EAIbC,QAJa,EAKbC,qBALa,EAMbtB,YANa,KAOV;IACHrC,KAAK,CAAC,eAAD,CAAL;IACA,MAAM4D,aAAa,GAAG9D,SAAS,CAAC2D,QAAD,EAAWC,QAAX,CAA/B;;IACA,IAAIE,aAAJ,EAAmB;MACjB,OAAO,IAAP;IACD;;IACD5D,KAAK,CAAC,SAAD,EAAYyC,IAAZ,CAAL;IACA,OAAOkB,qBAAP;EACD,CAnHyC;;EAqH1CE,YAAY,CACVC,QADU,EAEVC,aAFU,EAGVtB,IAHU,EAIVuB,SAJU,EAKVC,SALU,EAMVC,eANU,EAOV;IACAlE,KAAK,CAAC,gBAAD,EAAmByC,IAAnB,CAAL;;IACA,IAAI3C,SAAS,CAACkE,SAAD,EAAYC,SAAZ,CAAb,EAAqC;MACnC;IACD;;IACD,MAAM,CAACtB,KAAD,EAAQC,eAAR,IAA2BjD,sBAAsB,CAACsE,SAAD,CAAvD;IACAH,QAAQ,CAACK,QAAT,CAAkBxB,KAAlB;IACAjD,mBAAmB,CAACqE,aAAD,EAAgBD,QAAhB,EAA0BlB,eAA1B,CAAnB;EACD,CApIyC;;EAsI1CwB,gBAAgB,EAAE,CAChBC,aADgB,EAEhBC,QAFgB,EAGhBC,QAHgB,KAIb,CACH;EACD,CA5IyC;EA8I1CC,cAAc,EAAG/C,SAAD,IAAe;IAC7BzB,KAAK,CAAC,gBAAD,CAAL;IACAyB,SAAS,CAACC,IAAV,CAAe+C,QAAf,GAA0BC,OAA1B,CAAmCrE,KAAD,IAAW;MAC3CoB,SAAS,CAACC,IAAV,CAAelB,WAAf,CAA2BH,KAA3B;IACD,CAFD;EAGD,CAnJyC;EAqJ1CsE,kBAAkB,EAAE,MAAM;IACxB3E,KAAK,CAAC,oBAAD,CAAL;EACD,CAvJyC;EAyJ1CQ,WAAW,EAAE,CAACJ,MAAD,EAASC,KAAT,KAAmB;IAC9BE,UAAU,CAACH,MAAD,EAASC,KAAT,CAAV;EACD,CA3JyC;EA6J1CuE,wBAAwB,EAAE,CAACnD,SAAD,EAAYpB,KAAZ,KAAsB;IAC9CE,UAAU,CAACkB,SAAS,CAACC,IAAX,EAAiBrB,KAAjB,CAAV;EACD,CA/JyC;EAiK1CwE,uBAAuB,EAAE,CAACpD,SAAD,EAAYpB,KAAZ,EAAmBK,MAAnB,KAA8B;IACrDD,YAAY,CAACgB,SAAS,CAACC,IAAX,EAAiBrB,KAAjB,EAAwBK,MAAxB,CAAZ;EACD,CAnKyC;EAqK1CD,YAAY,EAAE,CAACL,MAAD,EAASC,KAAT,EAAgBK,MAAhB,KAA2B;IACvCD,YAAY,CAACL,MAAD,EAASC,KAAT,EAAgBK,MAAhB,CAAZ;EACD,CAvKyC;EAwK1C;EACA;EACA;EACAoE,uBAAuB,EAAE,MAAMrF,oBA3KW;EA4K1CsF,wBAAwB,EAAE,MAAM,CAAE,CA5KQ;EA6K1CC,uBAAuB,EAAE,MAAM,CAAE,CA7KS;EA8K1CC,qBAAqB,EAAE,MAAM,CAAE;AA9KW,CAArC"}
+{"version":3,"names":["DefaultEventPriority","bindReanimatedProps","extractReanimatedProps","unbindReanimatedNode","createNode","shallowEq","DEBUG","debug","args","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","node","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance"],"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 {\n  bindReanimatedProps,\n  extractReanimatedProps,\n  unbindReanimatedNode,\n} from \"../external/reanimated/renderHelpers\";\n\nimport type { Container } from \"./Container\";\nimport { createNode } from \"./HostComponents\";\nimport { 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\");\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, props);\n    bindReanimatedProps(container, node, reanimatedProps);\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.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    instance.setProps(props);\n    bindReanimatedProps(updatePayload, instance, reanimatedProps);\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"],"mappings":"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"}

package/lib/module/renderer/Offscreen.d.ts

@@ -1,3 +1,5 @@
 import type { ReactElement } from "react";
-export declare const drawAsImage: (element: ReactElement, width: number, height: number) => import("../skia").SkImage;
-export declare const drawAsPicture: (element: ReactElement) => import("../skia").SkPicture;
+import type { SkPicture, SkSize } from "../skia/types";
+export declare const drawAsPicture: (element: ReactElement) => SkPicture;
+export declare const drawAsImage: (element: ReactElement, size: SkSize) => import("../skia").SkImage;
+export declare const drawAsImageFromPicture: (picture: SkPicture, size: SkSize) => import("../skia").SkImage;

package/lib/module/renderer/Offscreen.js

@@ -1,19 +1,6 @@
 import { JsiDrawingContext } from "../dom/types";
 import { Skia } from "../skia";
 import { SkiaRoot } from "./Reconciler";
-export const drawAsImage = (element, width, height) => {
-  const picture = drawAsPicture(element);
-  const surface = Skia.Surface.MakeOffscreen(width, height);
-
-  if (!surface) {
-    throw new Error("Could not create offscreen surface");
-  }
-
-  const canvas = surface.getCanvas();
-  canvas.drawPicture(picture);
-  surface.flush();
-  return surface.makeImageSnapshot();
-};
 export const drawAsPicture = element => {
   const recorder = Skia.PictureRecorder();
   const canvas = recorder.beginRecording();
@@ -24,4 +11,20 @@ export const drawAsPicture = element => {
   const picture = recorder.finishRecordingAsPicture();
   return picture;
 };
+export const drawAsImage = (element, size) => {
+  return drawAsImageFromPicture(drawAsPicture(element), size);
+};
+
+// TODO: We're not sure yet why PixelRatio is not needed here.
+const pd = 1;
+export const drawAsImageFromPicture = (picture, size) => {
+  "worklet";
+
+  const surface = Skia.Surface.MakeOffscreen(size.width * pd, size.height * pd);
+  const canvas = surface.getCanvas();
+  canvas.scale(pd, pd);
+  canvas.drawPicture(picture);
+  surface.flush();
+  return surface.makeImageSnapshot();
+};
 //# sourceMappingURL=Offscreen.js.map

package/lib/module/renderer/Offscreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["JsiDrawingContext","Skia","SkiaRoot","drawAsImage","element","width","height","picture","drawAsPicture","surface","Surface","MakeOffscreen","Error","canvas","getCanvas","drawPicture","flush","makeImageSnapshot","recorder","PictureRecorder","beginRecording","root","render","ctx","dom","finishRecordingAsPicture"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport { JsiDrawingContext } from \"../dom/types\";\nimport { Skia } from \"../skia\";\n\nimport { SkiaRoot } from \"./Reconciler\";\n\nexport const drawAsImage = (\n  element: ReactElement,\n  width: number,\n  height: number\n) => {\n  const picture = drawAsPicture(element);\n  const surface = Skia.Surface.MakeOffscreen(width, height);\n  if (!surface) {\n    throw new Error(\"Could not create offscreen surface\");\n  }\n  const canvas = surface.getCanvas();\n  canvas.drawPicture(picture);\n  surface.flush();\n  return surface.makeImageSnapshot();\n};\n\nexport const drawAsPicture = (element: ReactElement) => {\n  const recorder = Skia.PictureRecorder();\n  const canvas = recorder.beginRecording();\n  const root = new SkiaRoot(Skia, false);\n  root.render(element);\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  const picture = recorder.finishRecordingAsPicture();\n  return picture;\n};\n"],"mappings":"AAEA,SAASA,iBAAT,QAAkC,cAAlC;AACA,SAASC,IAAT,QAAqB,SAArB;AAEA,SAASC,QAAT,QAAyB,cAAzB;AAEA,OAAO,MAAMC,WAAW,GAAG,CACzBC,OADyB,EAEzBC,KAFyB,EAGzBC,MAHyB,KAItB;EACH,MAAMC,OAAO,GAAGC,aAAa,CAACJ,OAAD,CAA7B;EACA,MAAMK,OAAO,GAAGR,IAAI,CAACS,OAAL,CAAaC,aAAb,CAA2BN,KAA3B,EAAkCC,MAAlC,CAAhB;;EACA,IAAI,CAACG,OAAL,EAAc;IACZ,MAAM,IAAIG,KAAJ,CAAU,oCAAV,CAAN;EACD;;EACD,MAAMC,MAAM,GAAGJ,OAAO,CAACK,SAAR,EAAf;EACAD,MAAM,CAACE,WAAP,CAAmBR,OAAnB;EACAE,OAAO,CAACO,KAAR;EACA,OAAOP,OAAO,CAACQ,iBAAR,EAAP;AACD,CAdM;AAgBP,OAAO,MAAMT,aAAa,GAAIJ,OAAD,IAA2B;EACtD,MAAMc,QAAQ,GAAGjB,IAAI,CAACkB,eAAL,EAAjB;EACA,MAAMN,MAAM,GAAGK,QAAQ,CAACE,cAAT,EAAf;EACA,MAAMC,IAAI,GAAG,IAAInB,QAAJ,CAAaD,IAAb,EAAmB,KAAnB,CAAb;EACAoB,IAAI,CAACC,MAAL,CAAYlB,OAAZ;EACA,MAAMmB,GAAG,GAAG,IAAIvB,iBAAJ,CAAsBC,IAAtB,EAA4BY,MAA5B,CAAZ;EACAQ,IAAI,CAACG,GAAL,CAASF,MAAT,CAAgBC,GAAhB;EACA,MAAMhB,OAAO,GAAGW,QAAQ,CAACO,wBAAT,EAAhB;EACA,OAAOlB,OAAP;AACD,CATM"}
+{"version":3,"names":["JsiDrawingContext","Skia","SkiaRoot","drawAsPicture","element","recorder","PictureRecorder","canvas","beginRecording","root","render","ctx","dom","picture","finishRecordingAsPicture","drawAsImage","size","drawAsImageFromPicture","pd","surface","Surface","MakeOffscreen","width","height","getCanvas","scale","drawPicture","flush","makeImageSnapshot"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport { JsiDrawingContext } from \"../dom/types\";\nimport type { SkPicture, SkSize } from \"../skia/types\";\nimport { Skia } from \"../skia\";\n\nimport { SkiaRoot } from \"./Reconciler\";\n\nexport const drawAsPicture = (element: ReactElement) => {\n  const recorder = Skia.PictureRecorder();\n  const canvas = recorder.beginRecording();\n  const root = new SkiaRoot(Skia, false);\n  root.render(element);\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  const picture = recorder.finishRecordingAsPicture();\n  return picture;\n};\n\nexport const drawAsImage = (element: ReactElement, size: SkSize) => {\n  return drawAsImageFromPicture(drawAsPicture(element), size);\n};\n\n// TODO: We're not sure yet why PixelRatio is not needed here.\nconst pd = 1;\nexport const drawAsImageFromPicture = (picture: SkPicture, size: SkSize) => {\n  \"worklet\";\n  const surface = Skia.Surface.MakeOffscreen(\n    size.width * pd,\n    size.height * pd\n  )!;\n  const canvas = surface.getCanvas();\n  canvas.scale(pd, pd);\n  canvas.drawPicture(picture);\n  surface.flush();\n  return surface.makeImageSnapshot();\n};\n"],"mappings":"AAEA,SAASA,iBAAiB,QAAQ,cAAc;AAEhD,SAASC,IAAI,QAAQ,SAAS;AAE9B,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,aAAa,GAAIC,OAAqB,IAAK;EACtD,MAAMC,QAAQ,GAAGJ,IAAI,CAACK,eAAe,CAAC,CAAC;EACvC,MAAMC,MAAM,GAAGF,QAAQ,CAACG,cAAc,CAAC,CAAC;EACxC,MAAMC,IAAI,GAAG,IAAIP,QAAQ,CAACD,IAAI,EAAE,KAAK,CAAC;EACtCQ,IAAI,CAACC,MAAM,CAACN,OAAO,CAAC;EACpB,MAAMO,GAAG,GAAG,IAAIX,iBAAiB,CAACC,IAAI,EAAEM,MAAM,CAAC;EAC/CE,IAAI,CAACG,GAAG,CAACF,MAAM,CAACC,GAAG,CAAC;EACpB,MAAME,OAAO,GAAGR,QAAQ,CAACS,wBAAwB,CAAC,CAAC;EACnD,OAAOD,OAAO;AAChB,CAAC;AAED,OAAO,MAAME,WAAW,GAAGA,CAACX,OAAqB,EAAEY,IAAY,KAAK;EAClE,OAAOC,sBAAsB,CAACd,aAAa,CAACC,OAAO,CAAC,EAAEY,IAAI,CAAC;AAC7D,CAAC;;AAED;AACA,MAAME,EAAE,GAAG,CAAC;AACZ,OAAO,MAAMD,sBAAsB,GAAGA,CAACJ,OAAkB,EAAEG,IAAY,KAAK;EAC1E,SAAS;;EACT,MAAMG,OAAO,GAAGlB,IAAI,CAACmB,OAAO,CAACC,aAAa,CACxCL,IAAI,CAACM,KAAK,GAAGJ,EAAE,EACfF,IAAI,CAACO,MAAM,GAAGL,EAChB,CAAE;EACF,MAAMX,MAAM,GAAGY,OAAO,CAACK,SAAS,CAAC,CAAC;EAClCjB,MAAM,CAACkB,KAAK,CAACP,EAAE,EAAEA,EAAE,CAAC;EACpBX,MAAM,CAACmB,WAAW,CAACb,OAAO,CAAC;EAC3BM,OAAO,CAACQ,KAAK,CAAC,CAAC;EACf,OAAOR,OAAO,CAACS,iBAAiB,CAAC,CAAC;AACpC,CAAC"}

package/lib/module/renderer/Reconciler.js

@@ -1,5 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import ReactReconciler from "react-reconciler";
 import { skHostConfig, debug as hostDebug } from "./HostConfig";
 import { Container } from "./Container";
@@ -10,35 +11,25 @@ skiaReconciler.injectIntoDevTools({
   rendererPackageName: "react-native-skia"
 });
 export class SkiaRoot {
-  constructor(Skia) {
-    let native = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let redraw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
-    let getNativeId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => 0;
-
+  constructor(Skia, native = false, redraw = () => {}, getNativeId = () => 0) {
     _defineProperty(this, "root", void 0);
-
     _defineProperty(this, "container", void 0);
-
     this.container = new Container(Skia, redraw, getNativeId, native);
     this.root = skiaReconciler.createContainer(this.container, 0, null, true, null, "", console.error, null);
   }
-
   render(element) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     skiaReconciler.updateContainer(element, this.root, null, () => {
       hostDebug("updateContainer");
     });
   }
-
   unmount() {
     skiaReconciler.updateContainer(null, this.root, null, () => {
       hostDebug("unmountContainer");
     });
   }
-
   get dom() {
     return this.container.root;
   }
-
 }
 //# sourceMappingURL=Reconciler.js.map

package/lib/module/renderer/Reconciler.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactReconciler","skHostConfig","debug","hostDebug","Container","skiaReconciler","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","native","redraw","getNativeId","container","root","createContainer","console","error","render","element","updateContainer","unmount","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\n\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    native = false,\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    this.container = new Container(Skia, redraw, getNativeId, native);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      hostDebug(\"unmountContainer\");\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;AAEA,OAAOA,eAAP,MAA4B,kBAA5B;AAIA,SAASC,YAAT,EAAuBC,KAAK,IAAIC,SAAhC,QAAiD,cAAjD;AACA,SAASC,SAAT,QAA0B,aAA1B;AAEA,MAAMC,cAAc,GAAGL,eAAe,CAACC,YAAD,CAAtC;AAEAI,cAAc,CAACC,kBAAf,CAAkC;EAChCC,UAAU,EAAE,CADoB;EAEhCC,OAAO,EAAE,OAFuB;EAGhCC,mBAAmB,EAAE;AAHW,CAAlC;AAMA,OAAO,MAAMC,QAAN,CAAe;EAIpBC,WAAW,CACTC,IADS,EAKT;IAAA,IAHAC,MAGA,uEAHS,KAGT;IAAA,IAFAC,MAEA,uEAFqB,MAAM,CAAE,CAE7B;IAAA,IADAC,WACA,uEAD4B,MAAM,CAClC;;IAAA;;IAAA;;IACA,KAAKC,SAAL,GAAiB,IAAIZ,SAAJ,CAAcQ,IAAd,EAAoBE,MAApB,EAA4BC,WAA5B,EAAyCF,MAAzC,CAAjB;IACA,KAAKI,IAAL,GAAYZ,cAAc,CAACa,eAAf,CACV,KAAKF,SADK,EAEV,CAFU,EAGV,IAHU,EAIV,IAJU,EAKV,IALU,EAMV,EANU,EAOVG,OAAO,CAACC,KAPE,EAQV,IARU,CAAZ;EAUD;;EAEDC,MAAM,CAACC,OAAD,EAAqB;IACzB;IACAjB,cAAc,CAACkB,eAAf,CAA+BD,OAA/B,EAA+C,KAAKL,IAApD,EAA0D,IAA1D,EAAgE,MAAM;MACpEd,SAAS,CAAC,iBAAD,CAAT;IACD,CAFD;EAGD;;EAEDqB,OAAO,GAAG;IACRnB,cAAc,CAACkB,eAAf,CAA+B,IAA/B,EAAqC,KAAKN,IAA1C,EAAgD,IAAhD,EAAsD,MAAM;MAC1Dd,SAAS,CAAC,kBAAD,CAAT;IACD,CAFD;EAGD;;EAEM,IAAHsB,GAAG,GAAG;IACR,OAAO,KAAKT,SAAL,CAAeC,IAAtB;EACD;;AAtCmB"}
+{"version":3,"names":["ReactReconciler","skHostConfig","debug","hostDebug","Container","skiaReconciler","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","native","redraw","getNativeId","_defineProperty","container","root","createContainer","console","error","render","element","updateContainer","unmount","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\n\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    native = false,\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    this.container = new Container(Skia, redraw, getNativeId, native);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      hostDebug(\"unmountContainer\");\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;;AAEA,OAAOA,eAAe,MAAM,kBAAkB;AAI9C,SAASC,YAAY,EAAEC,KAAK,IAAIC,SAAS,QAAQ,cAAc;AAC/D,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,cAAc,GAAGL,eAAe,CAACC,YAAY,CAAC;AAEpDI,cAAc,CAACC,kBAAkB,CAAC;EAChCC,UAAU,EAAE,CAAC;EACbC,OAAO,EAAE,OAAO;EAChBC,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,CAAC;EAIpBC,WAAWA,CACTC,IAAU,EACVC,MAAM,GAAG,KAAK,EACdC,MAAkB,GAAGA,CAAA,KAAM,CAAC,CAAC,EAC7BC,WAAyB,GAAGA,CAAA,KAAM,CAAC,EACnC;IAAAC,eAAA;IAAAA,eAAA;IACA,IAAI,CAACC,SAAS,GAAG,IAAIb,SAAS,CAACQ,IAAI,EAAEE,MAAM,EAAEC,WAAW,EAAEF,MAAM,CAAC;IACjE,IAAI,CAACK,IAAI,GAAGb,cAAc,CAACc,eAAe,CACxC,IAAI,CAACF,SAAS,EACd,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,EAAE,EACFG,OAAO,CAACC,KAAK,EACb,IACF,CAAC;EACH;EAEAC,MAAMA,CAACC,OAAkB,EAAE;IACzB;IACAlB,cAAc,CAACmB,eAAe,CAACD,OAAO,EAAS,IAAI,CAACL,IAAI,EAAE,IAAI,EAAE,MAAM;MACpEf,SAAS,CAAC,iBAAiB,CAAC;IAC9B,CAAC,CAAC;EACJ;EAEAsB,OAAOA,CAAA,EAAG;IACRpB,cAAc,CAACmB,eAAe,CAAC,IAAI,EAAE,IAAI,CAACN,IAAI,EAAE,IAAI,EAAE,MAAM;MAC1Df,SAAS,CAAC,kBAAkB,CAAC;IAC/B,CAAC,CAAC;EACJ;EAEA,IAAIuB,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACT,SAAS,CAACC,IAAI;EAC5B;AACF"}

package/lib/module/renderer/components/Blend.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Blend","props"],"sources":["Blend.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { BlendProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Blend = (props: SkiaProps<BlendProps>) => {\n  return <skBlend {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,KAAK,GAAIC,KAAD,IAAkC;EACrD,oBAAO,+BAAaA,KAAb,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","Blend","props","createElement"],"sources":["Blend.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { BlendProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Blend = (props: SkiaProps<BlendProps>) => {\n  return <skBlend {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,KAAK,GAAIC,KAA4B,IAAK;EACrD,oBAAOF,KAAA,CAAAG,aAAA,YAAaD,KAAQ,CAAC;AAC/B,CAAC"}

package/lib/module/renderer/components/Group.js

@@ -1,16 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { isValidElement } from "react";
-export const Group = _ref => {
-  let {
-    layer,
-    ...props
-  } = _ref;
-
+export const Group = ({
+  layer,
+  ...props
+}) => {
   if ( /*#__PURE__*/isValidElement(layer) && typeof layer === "object") {
     return /*#__PURE__*/React.createElement("skLayer", null, layer, /*#__PURE__*/React.createElement("skGroup", props));
   }
-
   return /*#__PURE__*/React.createElement("skGroup", _extends({
     layer: layer
   }, props));

package/lib/module/renderer/components/Group.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isValidElement","Group","layer","props"],"sources":["Group.tsx"],"sourcesContent":["import React, { isValidElement } from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { GroupProps } from \"../../dom/types\";\nimport type { ChildrenProps } from \"../../dom/types/Common\";\n\nexport interface PublicGroupProps extends Omit<GroupProps, \"layer\"> {\n  layer?: GroupProps[\"layer\"] | ChildrenProps[\"children\"];\n}\n\nexport const Group = ({ layer, ...props }: SkiaProps<PublicGroupProps>) => {\n  if (isValidElement(layer) && typeof layer === \"object\") {\n    return (\n      <skLayer>\n        {layer}\n        <skGroup {...props} />\n      </skLayer>\n    );\n  }\n  return <skGroup layer={layer as GroupProps[\"layer\"]} {...props} />;\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,cAAhB,QAAsC,OAAtC;AAUA,OAAO,MAAMC,KAAK,GAAG,QAAsD;EAAA,IAArD;IAAEC,KAAF;IAAS,GAAGC;EAAZ,CAAqD;;EACzE,IAAI,cAAAH,cAAc,CAACE,KAAD,CAAd,IAAyB,OAAOA,KAAP,KAAiB,QAA9C,EAAwD;IACtD,oBACE,qCACGA,KADH,eAEE,+BAAaC,KAAb,CAFF,CADF;EAMD;;EACD,oBAAO;IAAS,KAAK,EAAED;EAAhB,GAAkDC,KAAlD,EAAP;AACD,CAVM"}
+{"version":3,"names":["React","isValidElement","Group","layer","props","createElement","_extends"],"sources":["Group.tsx"],"sourcesContent":["import React, { isValidElement } from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { GroupProps } from \"../../dom/types\";\nimport type { ChildrenProps } from \"../../dom/types/Common\";\n\nexport interface PublicGroupProps extends Omit<GroupProps, \"layer\"> {\n  layer?: GroupProps[\"layer\"] | ChildrenProps[\"children\"];\n}\n\nexport const Group = ({ layer, ...props }: SkiaProps<PublicGroupProps>) => {\n  if (isValidElement(layer) && typeof layer === \"object\") {\n    return (\n      <skLayer>\n        {layer}\n        <skGroup {...props} />\n      </skLayer>\n    );\n  }\n  return <skGroup layer={layer as GroupProps[\"layer\"]} {...props} />;\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,cAAc,QAAQ,OAAO;AAU7C,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAmC,CAAC,KAAK;EACzE,IAAI,cAAAH,cAAc,CAACE,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACtD,oBACEH,KAAA,CAAAK,aAAA,kBACGF,KAAK,eACNH,KAAA,CAAAK,aAAA,YAAaD,KAAQ,CACd,CAAC;EAEd;EACA,oBAAOJ,KAAA,CAAAK,aAAA,YAAAC,QAAA;IAASH,KAAK,EAAEA;EAA6B,GAAKC,KAAK,CAAG,CAAC;AACpE,CAAC"}

package/lib/module/renderer/components/Mask.js

@@ -2,13 +2,12 @@ import React from "react";
 import { Group } from "./Group";
 import { LumaColorFilter } from "./colorFilters/LumaColorFilter";
 import { Paint } from "./Paint";
-export const Mask = _ref => {
-  let {
-    children,
-    mask,
-    mode = "alpha",
-    clip = true
-  } = _ref;
+export const Mask = ({
+  children,
+  mask,
+  mode = "alpha",
+  clip = true
+}) => {
   return /*#__PURE__*/React.createElement(Group, {
     layer: true
   }, /*#__PURE__*/React.createElement(Group, {

package/lib/module/renderer/components/Mask.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Group","LumaColorFilter","Paint","Mask","children","mask","mode","clip"],"sources":["Mask.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { Group } from \"./Group\";\nimport { LumaColorFilter } from \"./colorFilters/LumaColorFilter\";\nimport { Paint } from \"./Paint\";\n\ninterface MaskProps {\n  mode?: \"luminance\" | \"alpha\";\n  clip?: boolean;\n  mask: ReactNode | ReactNode[];\n  children: ReactNode | ReactNode[];\n}\n\nexport const Mask = ({\n  children,\n  mask,\n  mode = \"alpha\",\n  clip = true,\n}: MaskProps) => {\n  return (\n    <Group layer>\n      <Group\n        layer={\n          <Paint blendMode=\"src\">\n            {mode === \"luminance\" && <LumaColorFilter />}\n          </Paint>\n        }\n      >\n        {mask}\n        {clip && <Group layer={<Paint blendMode=\"dstIn\" />}>{children}</Group>}\n      </Group>\n      <Group blendMode=\"srcIn\">{children}</Group>\n    </Group>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,KAAT,QAAsB,SAAtB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,KAAT,QAAsB,SAAtB;AASA,OAAO,MAAMC,IAAI,GAAG,QAKH;EAAA,IALI;IACnBC,QADmB;IAEnBC,IAFmB;IAGnBC,IAAI,GAAG,OAHY;IAInBC,IAAI,GAAG;EAJY,CAKJ;EACf,oBACE,oBAAC,KAAD;IAAO,KAAK;EAAZ,gBACE,oBAAC,KAAD;IACE,KAAK,eACH,oBAAC,KAAD;MAAO,SAAS,EAAC;IAAjB,GACGD,IAAI,KAAK,WAAT,iBAAwB,oBAAC,eAAD,OAD3B;EAFJ,GAOGD,IAPH,EAQGE,IAAI,iBAAI,oBAAC,KAAD;IAAO,KAAK,eAAE,oBAAC,KAAD;MAAO,SAAS,EAAC;IAAjB;EAAd,GAA4CH,QAA5C,CARX,CADF,eAWE,oBAAC,KAAD;IAAO,SAAS,EAAC;EAAjB,GAA0BA,QAA1B,CAXF,CADF;AAeD,CArBM"}
+{"version":3,"names":["React","Group","LumaColorFilter","Paint","Mask","children","mask","mode","clip","createElement","layer","blendMode"],"sources":["Mask.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { Group } from \"./Group\";\nimport { LumaColorFilter } from \"./colorFilters/LumaColorFilter\";\nimport { Paint } from \"./Paint\";\n\ninterface MaskProps {\n  mode?: \"luminance\" | \"alpha\";\n  clip?: boolean;\n  mask: ReactNode | ReactNode[];\n  children: ReactNode | ReactNode[];\n}\n\nexport const Mask = ({\n  children,\n  mask,\n  mode = \"alpha\",\n  clip = true,\n}: MaskProps) => {\n  return (\n    <Group layer>\n      <Group\n        layer={\n          <Paint blendMode=\"src\">\n            {mode === \"luminance\" && <LumaColorFilter />}\n          </Paint>\n        }\n      >\n        {mask}\n        {clip && <Group layer={<Paint blendMode=\"dstIn\" />}>{children}</Group>}\n      </Group>\n      <Group blendMode=\"srcIn\">{children}</Group>\n    </Group>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,KAAK,QAAQ,SAAS;AAS/B,OAAO,MAAMC,IAAI,GAAGA,CAAC;EACnBC,QAAQ;EACRC,IAAI;EACJC,IAAI,GAAG,OAAO;EACdC,IAAI,GAAG;AACE,CAAC,KAAK;EACf,oBACER,KAAA,CAAAS,aAAA,CAACR,KAAK;IAACS,KAAK;EAAA,gBACVV,KAAA,CAAAS,aAAA,CAACR,KAAK;IACJS,KAAK,eACHV,KAAA,CAAAS,aAAA,CAACN,KAAK;MAACQ,SAAS,EAAC;IAAK,GACnBJ,IAAI,KAAK,WAAW,iBAAIP,KAAA,CAAAS,aAAA,CAACP,eAAe,MAAE,CACtC;EACR,GAEAI,IAAI,EACJE,IAAI,iBAAIR,KAAA,CAAAS,aAAA,CAACR,KAAK;IAACS,KAAK,eAAEV,KAAA,CAAAS,aAAA,CAACN,KAAK;MAACQ,SAAS,EAAC;IAAO,CAAE;EAAE,GAAEN,QAAgB,CAChE,CAAC,eACRL,KAAA,CAAAS,aAAA,CAACR,KAAK;IAACU,SAAS,EAAC;EAAO,GAAEN,QAAgB,CACrC,CAAC;AAEZ,CAAC"}

package/lib/module/renderer/components/Paint.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Paint","props"],"sources":["Paint.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { DrawingNodeProps } from \"../../dom/types\";\n\nexport const Paint = (props: SkiaProps<DrawingNodeProps>) => {\n  return <skPaint {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,KAAK,GAAIC,KAAD,IAAwC;EAC3D,oBAAO,+BAAaA,KAAb,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","Paint","props","createElement"],"sources":["Paint.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { DrawingNodeProps } from \"../../dom/types\";\n\nexport const Paint = (props: SkiaProps<DrawingNodeProps>) => {\n  return <skPaint {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,KAAK,GAAIC,KAAkC,IAAK;EAC3D,oBAAOF,KAAA,CAAAG,aAAA,YAAaD,KAAQ,CAAC;AAC/B,CAAC"}

package/lib/module/renderer/components/Picture.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Picture","props"],"sources":["Picture.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { PictureProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Picture = (props: SkiaProps<PictureProps>) => {\n  return <skPicture {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,OAAO,GAAIC,KAAD,IAAoC;EACzD,oBAAO,iCAAeA,KAAf,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","Picture","props","createElement"],"sources":["Picture.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { PictureProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Picture = (props: SkiaProps<PictureProps>) => {\n  return <skPicture {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,OAAO,GAAIC,KAA8B,IAAK;EACzD,oBAAOF,KAAA,CAAAG,aAAA,cAAeD,KAAQ,CAAC;AACjC,CAAC"}

package/lib/module/renderer/components/backdrop/BackdropBlur.js

@@ -1,14 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from "react";
 import { Blur } from "../imageFilters";
 import { BackdropFilter } from "./BackdropFilter";
-export const BackdropBlur = _ref => {
-  let {
-    blur,
-    children,
-    ...props
-  } = _ref;
+export const BackdropBlur = ({
+  blur,
+  children,
+  ...props
+}) => {
   return /*#__PURE__*/React.createElement(BackdropFilter, _extends({
     filter: /*#__PURE__*/React.createElement(Blur, {
       blur: blur,

package/lib/module/renderer/components/backdrop/BackdropBlur.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Blur","BackdropFilter","BackdropBlur","blur","children","props"],"sources":["BackdropBlur.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Blur } from \"../imageFilters\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Radius } from \"../../../dom/types\";\n\nimport type { BackdropFilterProps } from \"./BackdropFilter\";\nimport { BackdropFilter } from \"./BackdropFilter\";\n\ninterface BackdropBlurProps extends Omit<BackdropFilterProps, \"filter\"> {\n  blur: Radius;\n}\n\nexport const BackdropBlur = ({\n  blur,\n  children,\n  ...props\n}: AnimatedProps<BackdropBlurProps>) => {\n  return (\n    <BackdropFilter filter={<Blur blur={blur} mode=\"clamp\" />} {...props}>\n      {children}\n    </BackdropFilter>\n  );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,iBAArB;AAKA,SAASC,cAAT,QAA+B,kBAA/B;AAMA,OAAO,MAAMC,YAAY,GAAG,QAIY;EAAA,IAJX;IAC3BC,IAD2B;IAE3BC,QAF2B;IAG3B,GAAGC;EAHwB,CAIW;EACtC,oBACE,oBAAC,cAAD;IAAgB,MAAM,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAEF,IAAZ;MAAkB,IAAI,EAAC;IAAvB;EAAxB,GAA+DE,KAA/D,GACGD,QADH,CADF;AAKD,CAVM"}
+{"version":3,"names":["React","Blur","BackdropFilter","BackdropBlur","blur","children","props","createElement","_extends","filter","mode"],"sources":["BackdropBlur.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Blur } from \"../imageFilters\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Radius } from \"../../../dom/types\";\n\nimport type { BackdropFilterProps } from \"./BackdropFilter\";\nimport { BackdropFilter } from \"./BackdropFilter\";\n\ninterface BackdropBlurProps extends Omit<BackdropFilterProps, \"filter\"> {\n  blur: Radius;\n}\n\nexport const BackdropBlur = ({\n  blur,\n  children,\n  ...props\n}: AnimatedProps<BackdropBlurProps>) => {\n  return (\n    <BackdropFilter filter={<Blur blur={blur} mode=\"clamp\" />} {...props}>\n      {children}\n    </BackdropFilter>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,iBAAiB;AAKtC,SAASC,cAAc,QAAQ,kBAAkB;AAMjD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,IAAI;EACJC,QAAQ;EACR,GAAGC;AAC6B,CAAC,KAAK;EACtC,oBACEN,KAAA,CAAAO,aAAA,CAACL,cAAc,EAAAM,QAAA;IAACC,MAAM,eAAET,KAAA,CAAAO,aAAA,CAACN,IAAI;MAACG,IAAI,EAAEA,IAAK;MAACM,IAAI,EAAC;IAAO,CAAE;EAAE,GAAKJ,KAAK,GACjED,QACa,CAAC;AAErB,CAAC"}

package/lib/module/renderer/components/backdrop/BackdropFilter.js

@@ -1,11 +1,10 @@
 import React from "react";
 import { Group } from "../Group";
-export const BackdropFilter = _ref => {
-  let {
-    filter,
-    children: groupChildren,
-    ...props
-  } = _ref;
+export const BackdropFilter = ({
+  filter,
+  children: groupChildren,
+  ...props
+}) => {
   return /*#__PURE__*/React.createElement(Group, props, /*#__PURE__*/React.createElement("skBackdropFilter", null, filter), groupChildren);
 };
 //# sourceMappingURL=BackdropFilter.js.map

package/lib/module/renderer/components/backdrop/BackdropFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Group","BackdropFilter","filter","children","groupChildren","props"],"sources":["BackdropFilter.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport type { GroupProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport { Group } from \"../Group\";\n\nexport interface BackdropFilterProps extends GroupProps {\n  filter: ReactNode | ReactNode[];\n}\n\nexport const BackdropFilter = ({\n  filter,\n  children: groupChildren,\n  ...props\n}: SkiaProps<BackdropFilterProps, \"filter\">) => {\n  return (\n    <Group {...props}>\n      <skBackdropFilter>{filter}</skBackdropFilter>\n      {groupChildren}\n    </Group>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,KAAT,QAAsB,UAAtB;AAMA,OAAO,MAAMC,cAAc,GAAG,QAIkB;EAAA,IAJjB;IAC7BC,MAD6B;IAE7BC,QAAQ,EAAEC,aAFmB;IAG7B,GAAGC;EAH0B,CAIiB;EAC9C,oBACE,oBAAC,KAAD,EAAWA,KAAX,eACE,8CAAmBH,MAAnB,CADF,EAEGE,aAFH,CADF;AAMD,CAXM"}
+{"version":3,"names":["React","Group","BackdropFilter","filter","children","groupChildren","props","createElement"],"sources":["BackdropFilter.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport type { GroupProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport { Group } from \"../Group\";\n\nexport interface BackdropFilterProps extends GroupProps {\n  filter: ReactNode | ReactNode[];\n}\n\nexport const BackdropFilter = ({\n  filter,\n  children: groupChildren,\n  ...props\n}: SkiaProps<BackdropFilterProps, \"filter\">) => {\n  return (\n    <Group {...props}>\n      <skBackdropFilter>{filter}</skBackdropFilter>\n      {groupChildren}\n    </Group>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,KAAK,QAAQ,UAAU;AAMhC,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,MAAM;EACNC,QAAQ,EAAEC,aAAa;EACvB,GAAGC;AACqC,CAAC,KAAK;EAC9C,oBACEN,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAKK,KAAK,eACdN,KAAA,CAAAO,aAAA,2BAAmBJ,MAAyB,CAAC,EAC5CE,aACI,CAAC;AAEZ,CAAC"}

package/lib/module/renderer/components/backdrop/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./BackdropFilter\";\nexport * from \"./BackdropBlur\";\n"],"mappings":"AAAA,cAAc,kBAAd;AACA,cAAc,gBAAd"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./BackdropFilter\";\nexport * from \"./BackdropBlur\";\n"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,gBAAgB"}

package/lib/module/renderer/components/colorFilters/BlendColor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BlendColor","props"],"sources":["BlendColor.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { BlendColorFilterProps } from \"../../../dom/types\";\n\nexport const BlendColor = (props: SkiaProps<BlendColorFilterProps>) => {\n  return <skBlendColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,UAAU,GAAIC,KAAD,IAA6C;EACrE,oBAAO,0CAAwBA,KAAxB,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","BlendColor","props","createElement"],"sources":["BlendColor.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { BlendColorFilterProps } from \"../../../dom/types\";\n\nexport const BlendColor = (props: SkiaProps<BlendColorFilterProps>) => {\n  return <skBlendColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,UAAU,GAAIC,KAAuC,IAAK;EACrE,oBAAOF,KAAA,CAAAG,aAAA,uBAAwBD,KAAQ,CAAC;AAC1C,CAAC"}

package/lib/module/renderer/components/colorFilters/Lerp.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Lerp","props"],"sources":["Lerp.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { LerpColorFilterProps } from \"../../../dom/types\";\n\nexport const Lerp = (props: SkiaProps<LerpColorFilterProps>) => {\n  return <skLerpColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,IAAI,GAAIC,KAAD,IAA4C;EAC9D,oBAAO,yCAAuBA,KAAvB,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","Lerp","props","createElement"],"sources":["Lerp.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { LerpColorFilterProps } from \"../../../dom/types\";\n\nexport const Lerp = (props: SkiaProps<LerpColorFilterProps>) => {\n  return <skLerpColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,IAAI,GAAIC,KAAsC,IAAK;EAC9D,oBAAOF,KAAA,CAAAG,aAAA,sBAAuBD,KAAQ,CAAC;AACzC,CAAC"}

package/lib/module/renderer/components/colorFilters/LinearToSRGBGamma.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LinearToSRGBGamma","props"],"sources":["LinearToSRGBGamma.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const LinearToSRGBGamma = (props: SkiaProps<ChildrenProps>) => {\n  return <skLinearToSRGBGammaColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,iBAAiB,GAAIC,KAAD,IAAqC;EACpE,oBAAO,sDAAoCA,KAApC,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","LinearToSRGBGamma","props","createElement"],"sources":["LinearToSRGBGamma.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const LinearToSRGBGamma = (props: SkiaProps<ChildrenProps>) => {\n  return <skLinearToSRGBGammaColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,iBAAiB,GAAIC,KAA+B,IAAK;EACpE,oBAAOF,KAAA,CAAAG,aAAA,mCAAoCD,KAAQ,CAAC;AACtD,CAAC"}

package/lib/module/renderer/components/colorFilters/LumaColorFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LumaColorFilter","props"],"sources":["LumaColorFilter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const LumaColorFilter = (props: SkiaProps<ChildrenProps>) => {\n  return <skLumaColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,eAAe,GAAIC,KAAD,IAAqC;EAClE,oBAAO,yCAAuBA,KAAvB,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","LumaColorFilter","props","createElement"],"sources":["LumaColorFilter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const LumaColorFilter = (props: SkiaProps<ChildrenProps>) => {\n  return <skLumaColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,eAAe,GAAIC,KAA+B,IAAK;EAClE,oBAAOF,KAAA,CAAAG,aAAA,sBAAuBD,KAAQ,CAAC;AACzC,CAAC"}

package/lib/module/renderer/components/colorFilters/Matrix.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ColorMatrix","props","OpacityMatrix","opacity"],"sources":["Matrix.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { MatrixColorFilterProps } from \"../../../dom/types\";\n\nexport const ColorMatrix = (props: SkiaProps<MatrixColorFilterProps>) => {\n  return <skMatrixColorFilter {...props} />;\n};\n\nexport const OpacityMatrix = (opacity: number) => [\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  opacity,\n  0,\n];\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,WAAW,GAAIC,KAAD,IAA8C;EACvE,oBAAO,2CAAyBA,KAAzB,CAAP;AACD,CAFM;AAIP,OAAO,MAAMC,aAAa,GAAIC,OAAD,IAAqB,CAChD,CADgD,EAEhD,CAFgD,EAGhD,CAHgD,EAIhD,CAJgD,EAKhD,CALgD,EAMhD,CANgD,EAOhD,CAPgD,EAQhD,CARgD,EAShD,CATgD,EAUhD,CAVgD,EAWhD,CAXgD,EAYhD,CAZgD,EAahD,CAbgD,EAchD,CAdgD,EAehD,CAfgD,EAgBhD,CAhBgD,EAiBhD,CAjBgD,EAkBhD,CAlBgD,EAmBhDA,OAnBgD,EAoBhD,CApBgD,CAA3C"}
+{"version":3,"names":["React","ColorMatrix","props","createElement","OpacityMatrix","opacity"],"sources":["Matrix.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { MatrixColorFilterProps } from \"../../../dom/types\";\n\nexport const ColorMatrix = (props: SkiaProps<MatrixColorFilterProps>) => {\n  return <skMatrixColorFilter {...props} />;\n};\n\nexport const OpacityMatrix = (opacity: number) => [\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  opacity,\n  0,\n];\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,WAAW,GAAIC,KAAwC,IAAK;EACvE,oBAAOF,KAAA,CAAAG,aAAA,wBAAyBD,KAAQ,CAAC;AAC3C,CAAC;AAED,OAAO,MAAME,aAAa,GAAIC,OAAe,IAAK,CAChD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACDA,OAAO,EACP,CAAC,CACF"}

package/lib/module/renderer/components/colorFilters/SRGBToLinearGamma.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SRGBToLinearGamma","props"],"sources":["SRGBToLinearGamma.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const SRGBToLinearGamma = (props: SkiaProps<ChildrenProps>) => {\n  return <skSRGBToLinearGammaColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,iBAAiB,GAAIC,KAAD,IAAqC;EACpE,oBAAO,sDAAoCA,KAApC,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","SRGBToLinearGamma","props","createElement"],"sources":["SRGBToLinearGamma.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const SRGBToLinearGamma = (props: SkiaProps<ChildrenProps>) => {\n  return <skSRGBToLinearGammaColorFilter {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,iBAAiB,GAAIC,KAA+B,IAAK;EACpE,oBAAOF,KAAA,CAAAG,aAAA,mCAAoCD,KAAQ,CAAC;AACtD,CAAC"}

package/lib/module/renderer/components/colorFilters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Matrix\";\nexport * from \"./BlendColor\";\nexport * from \"./Lerp\";\nexport * from \"./LinearToSRGBGamma\";\nexport * from \"./SRGBToLinearGamma\";\nexport * from \"./LumaColorFilter\";\n"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd;AACA,cAAc,mBAAd"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Matrix\";\nexport * from \"./BlendColor\";\nexport * from \"./Lerp\";\nexport * from \"./LinearToSRGBGamma\";\nexport * from \"./SRGBToLinearGamma\";\nexport * from \"./LumaColorFilter\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,mBAAmB"}

package/lib/module/renderer/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","props"],"sources":["Image.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { ImageProps } from \"../../../dom/types\";\n\nexport const Image = (props: SkiaProps<ImageProps>) => {\n  return <skImage {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,KAAK,GAAIC,KAAD,IAAkC;EACrD,oBAAO,+BAAaA,KAAb,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","Image","props","createElement"],"sources":["Image.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { ImageProps } from \"../../../dom/types\";\n\nexport const Image = (props: SkiaProps<ImageProps>) => {\n  return <skImage {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,KAAK,GAAIC,KAA4B,IAAK;EACrD,oBAAOF,KAAA,CAAAG,aAAA,YAAaD,KAAQ,CAAC;AAC/B,CAAC"}

package/lib/module/renderer/components/image/ImageSVG.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ImageSVG","props"],"sources":["ImageSVG.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ImageSVGProps } from \"../../../dom/types\";\nimport type { AnimatedProps } from \"../../processors\";\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skImageSVG {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,QAAQ,GAAIC,KAAD,IAAyC;EAC/D,oBAAO,kCAAgBA,KAAhB,CAAP;AACD,CAFM"}
+{"version":3,"names":["React","ImageSVG","props","createElement"],"sources":["ImageSVG.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ImageSVGProps } from \"../../../dom/types\";\nimport type { AnimatedProps } from \"../../processors\";\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skImageSVG {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAO,MAAMC,QAAQ,GAAIC,KAAmC,IAAK;EAC/D,oBAAOF,KAAA,CAAAG,aAAA,eAAgBD,KAAQ,CAAC;AAClC,CAAC"}

package/lib/module/renderer/components/image/ImageShader.js

@@ -1,16 +1,14 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from "react";
-export const ImageShader = _ref => {
-  let {
-    tx = "decal",
-    ty = "decal",
-    fm = "nearest",
-    mm = "none",
-    fit = "none",
-    transform = [],
-    ...props
-  } = _ref;
+export const ImageShader = ({
+  tx = "decal",
+  ty = "decal",
+  fm = "nearest",
+  mm = "none",
+  fit = "none",
+  transform = [],
+  ...props
+}) => {
   return /*#__PURE__*/React.createElement("skImageShader", _extends({
     tx: tx,
     ty: ty,