@shopify/react-native-skia 0.1.115

package/lib/module/external/reanimated/useSharedValueEffect.js

@@ -0,0 +1,81 @@
+var _Reanimated;
+
+/* eslint-disable @typescript-eslint/no-shadow */
+
+/* eslint-disable @typescript-eslint/consistent-type-imports */
+
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { useEffect, useMemo } from "react"; // @ts-ignore
+
+let Reanimated;
+let Core;
+
+try {
+  Reanimated = require("react-native-reanimated");
+  Core = require("react-native-reanimated/lib/reanimated2/core");
+} catch (e) {// Ignore
+}
+
+const useSharedValueWrapper = ((_Reanimated = Reanimated) === null || _Reanimated === void 0 ? void 0 : _Reanimated.useSharedValue) === undefined ? value => useMemo(() => ({
+  value
+}), [value]) : Reanimated.useSharedValue;
+/**
+ * Connects a shared value from reanimated to a SkiaView or Canvas
+ * so whenever the shared value changes the SkiaView will redraw.
+ * @param cb Callback that will be called whenever the shared value changes.
+ * @param values One or more shared values to listen for.
+ */
+
+export const useSharedValueEffect = function (cb, value) {
+  for (var _len = arguments.length, values = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    values[_key - 2] = arguments[_key];
+  }
+
+  const input = useSharedValueWrapper(0);
+  const {
+    runOnJS,
+    startMapper,
+    stopMapper
+  } = useMemo(() => {
+    if (Reanimated && Core) {
+      const {
+        runOnJS
+      } = Reanimated;
+      const {
+        startMapper,
+        stopMapper
+      } = Core;
+      return {
+        runOnJS,
+        startMapper,
+        stopMapper
+      };
+    } else {
+      console.warn("Reanimated was not found and the useSharedValueEffect hook will have no effect.");
+      return {
+        runOnJS: undefined,
+        startMapper: undefined,
+        stopMapper: undefined
+      };
+    }
+  }, []);
+  useEffect(() => {
+    if (startMapper !== undefined && runOnJS !== undefined && stopMapper !== undefined) {
+      // Start a mapper in Reanimated
+      const mapperId = startMapper(() => {
+        "worklet";
+
+        runOnJS(cb)();
+      }, [value, ...values], [input]); // Return unregistering the mapper
+
+      return () => {
+        if (stopMapper && mapperId !== undefined) {
+          stopMapper(mapperId);
+        }
+      };
+    }
+
+    return () => {}; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [input, runOnJS, startMapper, stopMapper, value, ...values]);
+};
+//# sourceMappingURL=useSharedValueEffect.js.map

package/lib/module/external/reanimated/useSharedValueEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSharedValueEffect.ts"],"names":["useEffect","useMemo","Reanimated","Core","require","e","useSharedValueWrapper","useSharedValue","undefined","value","useSharedValueEffect","cb","values","input","runOnJS","startMapper","stopMapper","console","warn","mapperId"],"mappings":";;AAAA;;AACA;;AACA;AACA,SAASA,SAAT,EAAoBC,OAApB,QAAmC,OAAnC,C,CAEA;;AACA,IAAIC,UAAJ;AACA,IAAIC,IAAJ;;AAGA,IAAI;AACFD,EAAAA,UAAU,GAAGE,OAAO,CAAC,yBAAD,CAApB;AACAD,EAAAA,IAAI,GAAGC,OAAO,CAAC,8CAAD,CAAd;AACD,CAHD,CAGE,OAAOC,CAAP,EAAU,CACV;AACD;;AAMD,MAAMC,qBAAqB,GACzB,gBAAAJ,UAAU,UAAV,kDAAYK,cAAZ,MAA+BC,SAA/B,GACKC,KAAD,IAAmBR,OAAO,CAAC,OAAO;AAAEQ,EAAAA;AAAF,CAAP,CAAD,EAAoB,CAACA,KAAD,CAApB,CAD9B,GAEIP,UAAU,CAACK,cAHjB;AAKA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMG,oBAAoB,GAAG,UAClCC,EADkC,EAElCF,KAFkC,EAI/B;AAAA,oCADAG,MACA;AADAA,IAAAA,MACA;AAAA;;AACH,QAAMC,KAAK,GAAGP,qBAAqB,CAAC,CAAD,CAAnC;AACA,QAAM;AAAEQ,IAAAA,OAAF;AAAWC,IAAAA,WAAX;AAAwBC,IAAAA;AAAxB,MAAuCf,OAAO,CAAC,MAAM;AACzD,QAAIC,UAAU,IAAIC,IAAlB,EAAwB;AACtB,YAAM;AAAEW,QAAAA;AAAF,UAAcZ,UAApB;AACA,YAAM;AAAEa,QAAAA,WAAF;AAAeC,QAAAA;AAAf,UAA8Bb,IAApC;AACA,aAAO;AAAEW,QAAAA,OAAF;AAAWC,QAAAA,WAAX;AAAwBC,QAAAA;AAAxB,OAAP;AACD,KAJD,MAIO;AACLC,MAAAA,OAAO,CAACC,IAAR,CACE,iFADF;AAGA,aAAO;AACLJ,QAAAA,OAAO,EAAEN,SADJ;AAELO,QAAAA,WAAW,EAAEP,SAFR;AAGLQ,QAAAA,UAAU,EAAER;AAHP,OAAP;AAKD;AACF,GAfmD,EAejD,EAfiD,CAApD;AAiBAR,EAAAA,SAAS,CAAC,MAAM;AACd,QACEe,WAAW,KAAKP,SAAhB,IACAM,OAAO,KAAKN,SADZ,IAEAQ,UAAU,KAAKR,SAHjB,EAIE;AACA;AACA,YAAMW,QAAQ,GAAGJ,WAAW,CAC1B,MAAM;AACJ;;AACAD,QAAAA,OAAO,CAACH,EAAD,CAAP;AACD,OAJyB,EAK1B,CAACF,KAAD,EAAQ,GAAGG,MAAX,CAL0B,EAM1B,CAACC,KAAD,CAN0B,CAA5B,CAFA,CAUA;;AACA,aAAO,MAAM;AACX,YAAIG,UAAU,IAAIG,QAAQ,KAAKX,SAA/B,EAA0C;AACxCQ,UAAAA,UAAU,CAACG,QAAD,CAAV;AACD;AACF,OAJD;AAKD;;AACD,WAAO,MAAM,CAAE,CAAf,CAtBc,CAuBd;AACD,GAxBQ,EAwBN,CAACN,KAAD,EAAQC,OAAR,EAAiBC,WAAjB,EAA8BC,UAA9B,EAA0CP,KAA1C,EAAiD,GAAGG,MAApD,CAxBM,CAAT;AAyBD,CAhDM","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable @typescript-eslint/consistent-type-imports */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { useEffect, useMemo } from \"react\";\n\n// @ts-ignore\nlet Reanimated: typeof import(\"react-native-reanimated\") | undefined;\nlet Core: // @ts-ignore\ntypeof import(\"react-native-reanimated/lib/reanimated2/core\") | undefined;\n\ntry {\n  Reanimated = require(\"react-native-reanimated\");\n  Core = require(\"react-native-reanimated/lib/reanimated2/core\");\n} catch (e) {\n  // Ignore\n}\n\ntype SharedValueTypeWrapper<T = number> = {\n  value: T;\n};\n\nconst useSharedValueWrapper =\n  Reanimated?.useSharedValue === undefined\n    ? (value: number) => useMemo(() => ({ value }), [value])\n    : Reanimated.useSharedValue;\n\n/**\n * Connects a shared value from reanimated to a SkiaView or Canvas\n * so whenever the shared value changes the SkiaView will redraw.\n * @param cb Callback that will be called whenever the shared value changes.\n * @param values One or more shared values to listen for.\n */\nexport const useSharedValueEffect = <T = number>(\n  cb: () => void,\n  value: SharedValueTypeWrapper<T>,\n  ...values: SharedValueTypeWrapper<T>[]\n) => {\n  const input = useSharedValueWrapper(0);\n  const { runOnJS, startMapper, stopMapper } = useMemo(() => {\n    if (Reanimated && Core) {\n      const { runOnJS } = Reanimated;\n      const { startMapper, stopMapper } = Core;\n      return { runOnJS, startMapper, stopMapper };\n    } else {\n      console.warn(\n        \"Reanimated was not found and the useSharedValueEffect hook will have no effect.\"\n      );\n      return {\n        runOnJS: undefined,\n        startMapper: undefined,\n        stopMapper: undefined,\n      };\n    }\n  }, []);\n\n  useEffect(() => {\n    if (\n      startMapper !== undefined &&\n      runOnJS !== undefined &&\n      stopMapper !== undefined\n    ) {\n      // Start a mapper in Reanimated\n      const mapperId = startMapper(\n        () => {\n          \"worklet\";\n          runOnJS(cb)();\n        },\n        [value, ...values],\n        [input]\n      );\n      // Return unregistering the mapper\n      return () => {\n        if (stopMapper && mapperId !== undefined) {\n          stopMapper(mapperId);\n        }\n      };\n    }\n    return () => {};\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [input, runOnJS, startMapper, stopMapper, value, ...values]);\n};\n"]}

package/lib/module/index.js

@@ -0,0 +1,7 @@
+import "./skia/NativeSetup";
+export * from "./renderer";
+export * from "./views";
+export * from "./skia";
+export * from "./external";
+export * from "./values";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAP;AAEA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd","sourcesContent":["import \"./skia/NativeSetup\";\n\nexport * from \"./renderer\";\nexport * from \"./views\";\nexport * from \"./skia\";\nexport * from \"./external\";\nexport * from \"./values\";\n"]}

package/lib/module/renderer/Canvas.js

@@ -0,0 +1,149 @@
+import React, { useEffect, useState, useCallback, useMemo, useContext, forwardRef, useRef } from "react";
+import ReactReconciler from "react-reconciler";
+import { SkiaView, useDrawCallback } from "../views";
+import { Skia } from "../skia";
+import { debug as hostDebug, skHostConfig } from "./HostConfig"; // import { debugTree } from "./nodes";
+
+import { vec } from "./processors";
+import { Container } from "./nodes";
+import { DependencyManager } from "./DependencyManager"; // useContextBridge() is taken from https://github.com/pmndrs/drei#usecontextbridge
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export const useContextBridge = function () {
+  for (var _len = arguments.length, contexts = new Array(_len), _key = 0; _key < _len; _key++) {
+    contexts[_key] = arguments[_key];
+  }
+
+  const values = // eslint-disable-next-line react-hooks/rules-of-hooks
+  contexts.map(context => useContext(context));
+  return useMemo(() => _ref => {
+    let {
+      children
+    } = _ref;
+    return contexts.reduceRight((acc, Context, i) => /*#__PURE__*/React.createElement(Context.Provider, {
+      value: values[i],
+      children: acc
+    }), children);
+  }, [contexts, values]);
+};
+const CanvasContext = /*#__PURE__*/React.createContext(null);
+export const useCanvas = () => {
+  const canvas = useContext(CanvasContext);
+
+  if (!canvas) {
+    throw new Error("Canvas context is not available");
+  }
+
+  return canvas;
+};
+export const skiaReconciler = ReactReconciler(skHostConfig);
+skiaReconciler.injectIntoDevTools({
+  bundleType: 1,
+  version: "0.0.1",
+  rendererPackageName: "react-native-skia"
+});
+
+const render = (element, root, container) => {
+  skiaReconciler.updateContainer(element, root, null, () => {
+    hostDebug("updateContainer");
+    container.depMgr.subscribe();
+  });
+};
+
+export const useCanvasRef = () => useRef(null);
+const defaultFontMgr = Skia.FontMgr.RefDefault();
+export const Canvas = /*#__PURE__*/forwardRef((_ref2, forwardedRef) => {
+  let {
+    children,
+    style,
+    debug,
+    mode,
+    onTouch,
+    fontMgr
+  } = _ref2;
+  const innerRef = useCanvasRef();
+  const ref = useCombinedRefs(forwardedRef, innerRef);
+  const [tick, setTick] = useState(0);
+  const redraw = useCallback(() => setTick(t => t + 1), []);
+  const container = useMemo(() => new Container(new DependencyManager(ref), redraw), [redraw, ref]);
+  const canvasCtx = useRef({
+    width: 0,
+    height: 0
+  });
+  const root = useMemo(() => skiaReconciler.createContainer(container, 0, false, null), [container]); // Render effect
+
+  useEffect(() => {
+    render( /*#__PURE__*/React.createElement(CanvasContext.Provider, {
+      value: canvasCtx.current
+    }, children), root, container);
+  }, [children, root, redraw, container]); // Draw callback
+
+  const onDraw = useDrawCallback((canvas, info) => {
+    // TODO: if tree is empty (count === 1) maybe we should not render?
+    const {
+      width,
+      height,
+      timestamp
+    } = info;
+
+    if (onTouch) {
+      onTouch(info.touches);
+    }
+
+    const paint = Skia.Paint();
+    paint.setAntiAlias(true);
+    const ctx = {
+      width,
+      height,
+      timestamp,
+      canvas,
+      paint,
+      opacity: 1,
+      ref,
+      center: vec(width / 2, height / 2),
+      fontMgr: fontMgr !== null && fontMgr !== void 0 ? fontMgr : defaultFontMgr
+    };
+    canvasCtx.current = ctx;
+    container.draw(ctx);
+  }, [tick, onTouch]);
+  useEffect(() => {
+    return () => {
+      container.depMgr.unsubscribe();
+    };
+  }, [container]);
+  return /*#__PURE__*/React.createElement(SkiaView, {
+    ref: ref,
+    style: style,
+    onDraw: onDraw,
+    mode: mode,
+    debug: debug
+  });
+});
+/**
+ * Combines a list of refs into a single ref. This can be used to provide
+ * both a forwarded ref and an internal ref keeping the same functionality
+ * on both of the refs.
+ * @param refs Array of refs to combine
+ * @returns A single ref that can be used in a ref prop.
+ */
+
+const useCombinedRefs = function () {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+
+  const targetRef = React.useRef(null);
+  React.useEffect(() => {
+    refs.forEach(ref => {
+      if (ref) {
+        if (typeof ref === "function") {
+          ref(targetRef.current);
+        } else {
+          ref.current = targetRef.current;
+        }
+      }
+    });
+  }, [refs]);
+  return targetRef;
+};
+//# sourceMappingURL=Canvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Canvas.tsx"],"names":["React","useEffect","useState","useCallback","useMemo","useContext","forwardRef","useRef","ReactReconciler","SkiaView","useDrawCallback","Skia","debug","hostDebug","skHostConfig","vec","Container","DependencyManager","useContextBridge","contexts","values","map","context","children","reduceRight","acc","Context","i","CanvasContext","createContext","useCanvas","canvas","Error","skiaReconciler","injectIntoDevTools","bundleType","version","rendererPackageName","render","element","root","container","updateContainer","depMgr","subscribe","useCanvasRef","defaultFontMgr","FontMgr","RefDefault","Canvas","forwardedRef","style","mode","onTouch","fontMgr","innerRef","ref","useCombinedRefs","tick","setTick","redraw","t","canvasCtx","width","height","createContainer","current","onDraw","info","timestamp","touches","paint","Paint","setAntiAlias","ctx","opacity","center","draw","unsubscribe","refs","targetRef","forEach"],"mappings":"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","sourcesContent":["import React, {\n  useEffect,\n  useState,\n  useCallback,\n  useMemo,\n  useContext,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport type {\n  RefObject,\n  ReactNode,\n  ComponentProps,\n  Context,\n  ReactElement,\n  MutableRefObject,\n  ForwardedRef,\n} from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport { SkiaView, useDrawCallback } from \"../views\";\nimport type { TouchHandler } from \"../views\";\nimport { Skia } from \"../skia\";\nimport type { FontMgr } from \"../skia/FontMgr/FontMgr\";\n\nimport { debug as hostDebug, skHostConfig } from \"./HostConfig\";\n// import { debugTree } from \"./nodes\";\nimport { vec } from \"./processors\";\nimport { Container } from \"./nodes\";\nimport { DependencyManager } from \"./DependencyManager\";\n\n// useContextBridge() is taken from https://github.com/pmndrs/drei#usecontextbridge\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useContextBridge = (...contexts: Context<any>[]) => {\n  const values =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    contexts.map((context) => useContext(context));\n  return useMemo(\n    () =>\n      ({ children }: { children: ReactNode }) =>\n        contexts.reduceRight(\n          (acc, Context, i) => (\n            <Context.Provider value={values[i]} children={acc} />\n          ),\n          children\n        ) as ReactElement,\n    [contexts, values]\n  );\n};\n\ninterface CanvasContext {\n  width: number;\n  height: number;\n}\n\nconst CanvasContext = React.createContext<CanvasContext | null>(null);\n\nexport const useCanvas = () => {\n  const canvas = useContext(CanvasContext);\n  if (!canvas) {\n    throw new Error(\"Canvas context is not available\");\n  }\n  return canvas;\n};\n\nexport const skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nconst render = (element: ReactNode, root: OpaqueRoot, container: Container) => {\n  skiaReconciler.updateContainer(element, root, null, () => {\n    hostDebug(\"updateContainer\");\n\n    container.depMgr.subscribe();\n  });\n};\n\nexport const useCanvasRef = () => useRef<SkiaView>(null);\n\nexport interface CanvasProps extends ComponentProps<typeof SkiaView> {\n  ref?: RefObject<SkiaView>;\n  children: ReactNode;\n  onTouch?: TouchHandler;\n  fontMgr?: FontMgr;\n}\n\nconst defaultFontMgr = Skia.FontMgr.RefDefault();\n\nexport const Canvas = forwardRef<SkiaView, CanvasProps>(\n  ({ children, style, debug, mode, onTouch, fontMgr }, forwardedRef) => {\n    const innerRef = useCanvasRef();\n    const ref = useCombinedRefs(forwardedRef, innerRef);\n    const [tick, setTick] = useState(0);\n    const redraw = useCallback(() => setTick((t) => t + 1), []);\n\n    const container = useMemo(\n      () => new Container(new DependencyManager(ref), redraw),\n      [redraw, ref]\n    );\n\n    const canvasCtx = useRef({ width: 0, height: 0 });\n    const root = useMemo(\n      () => skiaReconciler.createContainer(container, 0, false, null),\n      [container]\n    );\n    // Render effect\n    useEffect(() => {\n      render(\n        <CanvasContext.Provider value={canvasCtx.current}>\n          {children}\n        </CanvasContext.Provider>,\n        root,\n        container\n      );\n    }, [children, root, redraw, container]);\n\n    // Draw callback\n    const onDraw = useDrawCallback(\n      (canvas, info) => {\n        // TODO: if tree is empty (count === 1) maybe we should not render?\n        const { width, height, timestamp } = info;\n        if (onTouch) {\n          onTouch(info.touches);\n        }\n        const paint = Skia.Paint();\n        paint.setAntiAlias(true);\n        const ctx = {\n          width,\n          height,\n          timestamp,\n          canvas,\n          paint,\n          opacity: 1,\n          ref,\n          center: vec(width / 2, height / 2),\n          fontMgr: fontMgr ?? defaultFontMgr,\n        };\n        canvasCtx.current = ctx;\n        container.draw(ctx);\n      },\n      [tick, onTouch]\n    );\n\n    useEffect(() => {\n      return () => {\n        container.depMgr.unsubscribe();\n      };\n    }, [container]);\n\n    return (\n      <SkiaView\n        ref={ref}\n        style={style}\n        onDraw={onDraw}\n        mode={mode}\n        debug={debug}\n      />\n    );\n  }\n);\n\n/**\n * Combines a list of refs into a single ref. This can be used to provide\n * both a forwarded ref and an internal ref keeping the same functionality\n * on both of the refs.\n * @param refs Array of refs to combine\n * @returns A single ref that can be used in a ref prop.\n */\nconst useCombinedRefs = <T,>(\n  ...refs: Array<MutableRefObject<T> | ForwardedRef<T>>\n) => {\n  const targetRef = React.useRef<T>(null);\n  React.useEffect(() => {\n    refs.forEach((ref) => {\n      if (ref) {\n        if (typeof ref === \"function\") {\n          ref(targetRef.current);\n        } else {\n          ref.current = targetRef.current;\n        }\n      }\n    });\n  }, [refs]);\n  return targetRef;\n};\n"]}

package/lib/module/renderer/DependencyManager.js

@@ -0,0 +1,60 @@
+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; }
+
+import { isValue } from "./processors";
+export class DependencyManager {
+  constructor(ref) {
+    _defineProperty(this, "ref", void 0);
+
+    _defineProperty(this, "subscriptions", new Map());
+
+    this.ref = ref;
+  }
+
+  unSubscribeNode(node) {
+    const subscription = this.subscriptions.get(node);
+
+    if (subscription && subscription.unsubscribe) {
+      subscription.unsubscribe();
+    }
+
+    this.subscriptions.delete(node);
+  }
+
+  subscribeNode(node, props) {
+    const values = Object.values(props).filter(isValue);
+
+    if (values.length > 0) {
+      this.subscriptions.set(node, {
+        values,
+        unsubscribe: null
+      });
+    }
+  }
+
+  subscribe() {
+    if (this.ref.current === null) {
+      throw new Error("Canvas ref is not set");
+    }
+
+    this.subscriptions.forEach(subscription => {
+      if (subscription.unsubscribe === null) {
+        subscription.unsubscribe = this.ref.current.registerValues(subscription.values);
+      }
+    });
+  }
+
+  unsubscribe() {
+    this.subscriptions.forEach(_ref => {
+      let {
+        unsubscribe
+      } = _ref;
+
+      if (unsubscribe) {
+        unsubscribe();
+      }
+    });
+    this.subscriptions.clear();
+  }
+
+}
+//# sourceMappingURL=DependencyManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DependencyManager.tsx"],"names":["isValue","DependencyManager","constructor","ref","Map","unSubscribeNode","node","subscription","subscriptions","get","unsubscribe","delete","subscribeNode","props","values","Object","filter","length","set","subscribe","current","Error","forEach","registerValues","clear"],"mappings":";;AAKA,SAASA,OAAT,QAAwB,cAAxB;AAMA,OAAO,MAAMC,iBAAN,CAAwB;AAO7BC,EAAAA,WAAW,CAACC,GAAD,EAA2B;AAAA;;AAAA,2CAFlC,IAAIC,GAAJ,EAEkC;;AACpC,SAAKD,GAAL,GAAWA,GAAX;AACD;;AAEDE,EAAAA,eAAe,CAACC,IAAD,EAAa;AAC1B,UAAMC,YAAY,GAAG,KAAKC,aAAL,CAAmBC,GAAnB,CAAuBH,IAAvB,CAArB;;AACA,QAAIC,YAAY,IAAIA,YAAY,CAACG,WAAjC,EAA8C;AAC5CH,MAAAA,YAAY,CAACG,WAAb;AACD;;AACD,SAAKF,aAAL,CAAmBG,MAAnB,CAA0BL,IAA1B;AACD;;AAEDM,EAAAA,aAAa,CAACN,IAAD,EAAaO,KAAb,EAA2B;AACtC,UAAMC,MAAM,GAAGC,MAAM,CAACD,MAAP,CAAcD,KAAd,EAAqBG,MAArB,CAA4BhB,OAA5B,CAAf;;AACA,QAAIc,MAAM,CAACG,MAAP,GAAgB,CAApB,EAAuB;AACrB,WAAKT,aAAL,CAAmBU,GAAnB,CAAuBZ,IAAvB,EAA6B;AAAEQ,QAAAA,MAAF;AAAUJ,QAAAA,WAAW,EAAE;AAAvB,OAA7B;AACD;AACF;;AAEDS,EAAAA,SAAS,GAAG;AACV,QAAI,KAAKhB,GAAL,CAASiB,OAAT,KAAqB,IAAzB,EAA+B;AAC7B,YAAM,IAAIC,KAAJ,CAAU,uBAAV,CAAN;AACD;;AACD,SAAKb,aAAL,CAAmBc,OAAnB,CAA4Bf,YAAD,IAAkB;AAC3C,UAAIA,YAAY,CAACG,WAAb,KAA6B,IAAjC,EAAuC;AACrCH,QAAAA,YAAY,CAACG,WAAb,GAA2B,KAAKP,GAAL,CAASiB,OAAT,CAAkBG,cAAlB,CACzBhB,YAAY,CAACO,MADY,CAA3B;AAGD;AACF,KAND;AAOD;;AAEDJ,EAAAA,WAAW,GAAG;AACZ,SAAKF,aAAL,CAAmBc,OAAnB,CAA2B,QAAqB;AAAA,UAApB;AAAEZ,QAAAA;AAAF,OAAoB;;AAC9C,UAAIA,WAAJ,EAAiB;AACfA,QAAAA,WAAW;AACZ;AACF,KAJD;AAKA,SAAKF,aAAL,CAAmBgB,KAAnB;AACD;;AA9C4B","sourcesContent":["import type { RefObject } from \"react\";\n\nimport type { SkiaView } from \"../views\";\nimport type { SkiaReadonlyValue } from \"../values\";\n\nimport { isValue } from \"./processors\";\nimport type { Node } from \"./nodes\";\n\ntype Unsubscribe = () => void;\ntype Props = { [key: string]: unknown };\n\nexport class DependencyManager {\n  ref: RefObject<SkiaView>;\n  subscriptions: Map<\n    Node,\n    { values: SkiaReadonlyValue<unknown>[]; unsubscribe: null | Unsubscribe }\n  > = new Map();\n\n  constructor(ref: RefObject<SkiaView>) {\n    this.ref = ref;\n  }\n\n  unSubscribeNode(node: Node) {\n    const subscription = this.subscriptions.get(node);\n    if (subscription && subscription.unsubscribe) {\n      subscription.unsubscribe();\n    }\n    this.subscriptions.delete(node);\n  }\n\n  subscribeNode(node: Node, props: Props) {\n    const values = Object.values(props).filter(isValue);\n    if (values.length > 0) {\n      this.subscriptions.set(node, { values, unsubscribe: null });\n    }\n  }\n\n  subscribe() {\n    if (this.ref.current === null) {\n      throw new Error(\"Canvas ref is not set\");\n    }\n    this.subscriptions.forEach((subscription) => {\n      if (subscription.unsubscribe === null) {\n        subscription.unsubscribe = this.ref.current!.registerValues(\n          subscription.values\n        );\n      }\n    });\n  }\n\n  unsubscribe() {\n    this.subscriptions.forEach(({ unsubscribe }) => {\n      if (unsubscribe) {\n        unsubscribe();\n      }\n    });\n    this.subscriptions.clear();\n  }\n}\n"]}

package/lib/module/renderer/DrawingContext.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DrawingContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/renderer/HostConfig.js

@@ -0,0 +1,259 @@
+/*global NodeJS, performance*/
+import { DeclarationNode, DrawingNode, NodeType } from "./nodes";
+import { exhaustiveCheck, mapKeys } from "./typeddash";
+const DEBUG = false;
+export const debug = function () {
+  if (DEBUG) {
+    console.log(...arguments);
+  }
+};
+
+// Shallow eq on props (without children)
+const shallowEq = (p1, p2) => {
+  const keys1 = mapKeys(p1);
+  const keys2 = mapKeys(p2);
+
+  if (keys1.length !== keys2.length) {
+    return false;
+  }
+
+  for (const key of keys1) {
+    if (key === "children") {
+      continue;
+    }
+
+    if (p1[key] !== p2[key]) {
+      return false;
+    }
+  }
+
+  return true;
+};
+
+const allChildrenAreMemoized = node => {
+  if (!node.memoizable) {
+    return false;
+  }
+
+  for (const child of node.children) {
+    if (!child.memoized) {
+      return false;
+    }
+  }
+
+  return true;
+};
+
+const bustBranchMemoization = parent => {
+  if (parent.memoizable) {
+    let ancestor = parent;
+
+    while (ancestor) {
+      ancestor.memoized = false;
+      ancestor = ancestor.parent;
+    }
+  }
+};
+
+const bustBranchMemoizable = parent => {
+  if (parent.memoizable) {
+    let ancestor = parent;
+
+    while (ancestor) {
+      ancestor.memoizable = false;
+      ancestor = ancestor.parent;
+    }
+  }
+};
+
+const appendNode = (parent, child) => {
+  child.parent = parent;
+  bustBranchMemoization(parent);
+
+  if (!child.memoizable) {
+    bustBranchMemoizable(parent);
+  }
+
+  if (!parent.memoizable) {
+    child.memoizable = false;
+  }
+
+  parent.children.push(child);
+};
+
+const removeNode = (parent, child) => {
+  bustBranchMemoization(parent);
+  const index = parent.children.indexOf(child);
+  parent.children.splice(index, 1);
+  child.depMgr.unSubscribeNode(child); // unsubscribe to all children as well
+
+  for (const c of child.children) {
+    removeNode(child, c);
+  }
+};
+
+const insertBefore = (parent, child, before) => {
+  bustBranchMemoization(parent);
+  const index = parent.children.indexOf(child);
+
+  if (index !== -1) {
+    parent.children.splice(index, 1);
+  }
+
+  const beforeIndex = parent.children.indexOf(before);
+  parent.children.splice(beforeIndex, 0, child);
+};
+
+const createNode = (container, type, props) => {
+  switch (type) {
+    case NodeType.Drawing:
+      const {
+        onDraw,
+        skipProcessing,
+        ...p1
+      } = props;
+      return new DrawingNode(container.depMgr, onDraw, skipProcessing, p1);
+
+    case NodeType.Declaration:
+      const {
+        onDeclare,
+        ...p2
+      } = props;
+      return new DeclarationNode(container.depMgr, onDeclare, p2);
+
+    default:
+      // TODO: here we need to throw a nice error message
+      // This is the error that will show up when the user uses nodes not supported by Skia (View, Audio, etc)
+      return exhaustiveCheck(type);
+  }
+};
+
+export const skHostConfig = {
+  /**
+   * This function is used by the reconciler in order to calculate current time for prioritising work.
+   */
+  now: performance.now,
+  supportsMutation: true,
+  isPrimaryRenderer: false,
+  supportsPersistence: false,
+  supportsHydration: false,
+  //supportsMicrotask: true,
+  scheduleTimeout: setTimeout,
+  cancelTimeout: clearTimeout,
+  noTimeout: -1,
+
+  appendChildToContainer(container, child) {
+    debug("appendChildToContainer", container, child);
+    appendNode(container, 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;
+
+    throw new Error("Text nodes are not supported yet");
+  },
+
+  createInstance(type, props, container, _hostContext, _internalInstanceHandle) {
+    debug("createInstance", type);
+    return createNode(container, type, props);
+  },
+
+  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;
+  },
+
+  finalizeContainerChildren: () => {
+    debug("finalizeContainerChildren");
+  },
+
+  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 && !instance.memoizable) {
+      return null;
+    }
+
+    debug("update ", type);
+    return true;
+  },
+
+  commitUpdate(instance, _updatePayload, type, prevProps, nextProps, _internalHandle) {
+    debug("commitUpdate: ", type);
+
+    if (shallowEq(prevProps, nextProps) && allChildrenAreMemoized(instance)) {
+      return;
+    }
+
+    bustBranchMemoization(instance);
+    instance.props = nextProps;
+  },
+
+  commitTextUpdate: (_textInstance, _oldText, _newText) => {//  textInstance.instance = newText;
+  },
+  clearContainer: container => {
+    debug("clearContainer");
+    container.children.splice(0);
+  },
+  preparePortalMount: () => {
+    debug("preparePortalMount");
+  },
+  removeChild: (parent, child) => {
+    removeNode(parent, child);
+  },
+  removeChildFromContainer: (parent, child) => {
+    removeNode(parent, child);
+  },
+  insertInContainerBefore: (parent, child, before) => {
+    insertBefore(parent, child, before);
+  },
+  insertBefore: (parent, child, before) => {
+    insertBefore(parent, child, before);
+  }
+};
+//# sourceMappingURL=HostConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HostConfig.ts"],"names":["DeclarationNode","DrawingNode","NodeType","exhaustiveCheck","mapKeys","DEBUG","debug","console","log","shallowEq","p1","p2","keys1","keys2","length","key","allChildrenAreMemoized","node","memoizable","child","children","memoized","bustBranchMemoization","parent","ancestor","bustBranchMemoizable","appendNode","push","removeNode","index","indexOf","splice","depMgr","unSubscribeNode","c","insertBefore","before","beforeIndex","createNode","container","type","props","Drawing","onDraw","skipProcessing","Declaration","onDeclare","skHostConfig","now","performance","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","appendChildToContainer","appendChild","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","finalizeContainerChildren","resetAfterCommit","redraw","getPublicInstance","prepareUpdate","instance","oldProps","newProps","propsAreEqual","commitUpdate","_updatePayload","prevProps","nextProps","_internalHandle","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","preparePortalMount","removeChild","removeChildFromContainer","insertInContainerBefore"],"mappings":"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","sourcesContent":["/*global NodeJS, performance*/\nimport type { HostConfig } from \"react-reconciler\";\n\nimport type { Node, Container, DeclarationProps, DrawingProps } from \"./nodes\";\nimport { DeclarationNode, DrawingNode, NodeType } from \"./nodes\";\nimport { exhaustiveCheck, mapKeys } from \"./typeddash\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      skDeclaration: DeclarationProps<any>;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      skDrawing: DrawingProps<any>;\n    }\n  }\n}\n\ntype Instance = Node;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Props = any;\ntype TextInstance = Node;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = true;\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\n// Shallow eq on props (without children)\nconst shallowEq = <P extends Props>(p1: P, p2: P): boolean => {\n  const keys1 = mapKeys(p1);\n  const keys2 = mapKeys(p2);\n  if (keys1.length !== keys2.length) {\n    return false;\n  }\n  for (const key of keys1) {\n    if (key === \"children\") {\n      continue;\n    }\n    if (p1[key] !== p2[key]) {\n      return false;\n    }\n  }\n  return true;\n};\n\nconst allChildrenAreMemoized = (node: Instance) => {\n  if (!node.memoizable) {\n    return false;\n  }\n  for (const child of node.children) {\n    if (!child.memoized) {\n      return false;\n    }\n  }\n  return true;\n};\n\nconst bustBranchMemoization = (parent: Node) => {\n  if (parent.memoizable) {\n    let ancestor: Node | undefined = parent;\n    while (ancestor) {\n      ancestor.memoized = false;\n      ancestor = ancestor.parent;\n    }\n  }\n};\n\nconst bustBranchMemoizable = (parent: Node) => {\n  if (parent.memoizable) {\n    let ancestor: Node | undefined = parent;\n    while (ancestor) {\n      ancestor.memoizable = false;\n      ancestor = ancestor.parent;\n    }\n  }\n};\n\nconst appendNode = (parent: Node, child: Node) => {\n  child.parent = parent;\n  bustBranchMemoization(parent);\n  if (!child.memoizable) {\n    bustBranchMemoizable(parent);\n  }\n  if (!parent.memoizable) {\n    child.memoizable = false;\n  }\n  parent.children.push(child);\n};\n\nconst removeNode = (parent: Node, child: Node) => {\n  bustBranchMemoization(parent);\n  const index = parent.children.indexOf(child);\n  parent.children.splice(index, 1);\n  child.depMgr.unSubscribeNode(child);\n  // unsubscribe to all children as well\n  for (const c of child.children) {\n    removeNode(child, c);\n  }\n};\n\nconst insertBefore = (parent: Node, child: Node, before: Node) => {\n  bustBranchMemoization(parent);\n  const index = parent.children.indexOf(child);\n  if (index !== -1) {\n    parent.children.splice(index, 1);\n  }\n  const beforeIndex = parent.children.indexOf(before);\n  parent.children.splice(beforeIndex, 0, child);\n};\n\nconst createNode = (container: Container, type: NodeType, props: Props) => {\n  switch (type) {\n    case NodeType.Drawing:\n      const { onDraw, skipProcessing, ...p1 } = props;\n      return new DrawingNode(container.depMgr, onDraw, skipProcessing, p1);\n    case NodeType.Declaration:\n      const { onDeclare, ...p2 } = props;\n      return new DeclarationNode(container.depMgr, onDeclare, p2);\n    default:\n      // TODO: here we need to throw a nice error message\n      // This is the error that will show up when the user uses nodes not supported by Skia (View, Audio, etc)\n      return exhaustiveCheck(type);\n  }\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: performance.now,\n\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, child);\n  },\n\n  appendChild(parent, child) {\n    debug(\"appendChild\", parent, child);\n    appendNode(parent, child);\n  },\n\n  getRootHostContext: (_rootContainerInstance: Node) => {\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    props,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    return createNode(container, type, props) as 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  finalizeContainerChildren: () => {\n    debug(\"finalizeContainerChildren\");\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 && !instance.memoizable) {\n      return null;\n    }\n    debug(\"update \", type);\n    return true;\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) && allChildrenAreMemoized(instance)) {\n      return;\n    }\n    bustBranchMemoization(instance);\n    instance.props = nextProps;\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.children.splice(0);\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  removeChild: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  removeChildFromContainer: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  insertInContainerBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n\n  insertBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n};\n"]}