@shopify/react-native-skia 0.1.170 → 0.1.172

package/lib/module/values/hooks/useClockValue.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @returns A new value that will be updated on every frame redraw with the
+ * number of milliseconds elapsed since the value was started.
+ * The clock is created in the stopped state.
+ */
+export declare const useClockValue: () => import("..").SkiaClockValue;

package/lib/module/values/hooks/useComputedValue.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Creates a new computed value - a value that will calculate its value depending
+ * on other values.
+ * @param cb Callback to calculate new value
+ * @param values Dependant values
+ * @returns A readonly value
+ */
+export declare const useComputedValue: <R>(cb: () => R, values: unknown[]) => import("..").SkiaValue<R>;

package/lib/module/values/hooks/useValue.d.ts

@@ -0,0 +1,7 @@
+import type { SkiaMutableValue } from "../types";
+/**
+ * Creates a new value that holds some data.
+ * @param v Value to hold
+ * @returns A Value of type of v
+ */
+export declare const useValue: <T>(v: T) => SkiaMutableValue<T>;

package/lib/module/values/hooks/useValueEffect.d.ts

@@ -0,0 +1,7 @@
+import type { SkiaValue } from "../types";
+/**
+ * Sets up an effect that will be run whenever the value changes
+ * @param value Value to subscribe to changes on
+ * @param cb Callback to run when value changes
+ */
+export declare const useValueEffect: <T>(value: SkiaValue<T>, cb: (v: T) => void) => void;

package/lib/module/values/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./types";
+export * from "./hooks";
+export * from "./api";
+export * from "./selector";

package/lib/module/values/selector.d.ts

@@ -0,0 +1,14 @@
+import type { SkiaValue } from "./types";
+export declare type SkiaSelector<TReturn, TInput = unknown> = {
+    value: SkiaValue<TInput>;
+    selector: (v: TInput) => TReturn;
+};
+/**
+ * Wraps a Skia Value with a selector function. The selector function can access the
+ * inner values of the Skia Value so that we can dynamically ready array values and
+ * object values when doing animations in Skia.
+ * @param value Dependant value
+ * @param selector Selector function to calculate new value from the Skia Value's value
+ * @returns A descriptor that will be used by the reconciler to calculate the value
+ */
+export declare const Selector: <TInput, TReturn>(value: SkiaValue<TInput>, selector: (v: TInput) => TReturn) => SkiaSelector<TReturn, TInput>;

package/lib/module/values/types.d.ts

@@ -0,0 +1,63 @@
+export interface SkiaValue<T = number> {
+    /**
+     * Gets the value hold by the Value object
+     */
+    readonly current: T;
+    /**
+     * Adds a listener that is called when value changes.
+     * Returns unsubscribe method.
+     */
+    addListener: (cb: (value: T) => void) => () => void;
+    /**
+     * Invalidates the value. Has different meaning depending on the type of the value.
+     */
+    __invalidate: () => void;
+    /**
+     * Field to make typechecking easier
+     */
+    __typename__: "RNSkValue";
+}
+export interface SkiaMutableValue<T = number> extends SkiaValue<T> {
+    /**
+     * Get/sets the value hold by the Value object
+     */
+    current: T;
+    /**
+     * Get/sets the animation controlling the value
+     * */
+    animation: SkiaAnimation | undefined;
+}
+export interface SkiaClockValue extends SkiaValue<number> {
+    start: () => void;
+    stop: () => void;
+}
+export interface SkiaAnimation extends SkiaClockValue {
+    cancel: () => void;
+}
+export interface AnimationState {
+    current: number;
+    finished: boolean;
+}
+export interface ISkiaValueApi {
+    /**
+     * Creates a new value that holds the initial value and that
+     * can be changed.
+     */
+    createValue: <T>(initialValue: T) => SkiaMutableValue<T>;
+    /**
+     * Creates a computed value. This is a calculated value that returns the result of
+     * a function that is called with the values of the dependencies.
+     */
+    createComputedValue: <R>(cb: () => R, values: Array<SkiaValue<unknown>>) => SkiaValue<R>;
+    /**
+     * Creates a clock value where the value is the number of milliseconds elapsed
+     * since the clock was created
+     */
+    createClockValue: () => SkiaClockValue;
+    /**
+     * Creates an animation that is driven from a clock and updated every frame.
+     * @param cb Callback to calculate next value from time.
+     * @returns An animation object that can control a value.
+     */
+    createAnimation: <S extends AnimationState = AnimationState>(cb: (t: number, state: S | undefined) => S) => SkiaAnimation;
+}

package/lib/module/values/web/RNSkAnimation.d.ts

@@ -0,0 +1,9 @@
+import type { AnimationState, SkiaAnimation } from "../types";
+import { RNSkClockValue } from "./RNSkClockValue";
+export declare class RNSkAnimation<S extends AnimationState = AnimationState> extends RNSkClockValue implements SkiaAnimation {
+    constructor(callback: (t: number, state: S | undefined) => S, raf: (callback: (time: number) => void) => number);
+    private _callback;
+    private _animationState;
+    cancel(): void;
+    protected update(nextValue: number): void;
+}

package/lib/module/values/web/RNSkClockValue.d.ts

@@ -0,0 +1,13 @@
+import type { SkiaClockValue } from "../types";
+import { RNSkReadonlyValue } from "./RNSkReadonlyValue";
+export declare class RNSkClockValue extends RNSkReadonlyValue<number> implements SkiaClockValue {
+    constructor(raf: (callback: (time: number) => void) => number);
+    private _raf;
+    private _start;
+    private _stop;
+    private _state;
+    private notifyUpdate;
+    protected tick(value: number): void;
+    start(): void;
+    stop(): void;
+}

package/lib/module/values/web/RNSkComputedValue.d.ts

@@ -0,0 +1,10 @@
+import type { DependencyList } from "react";
+import { RNSkReadonlyValue } from "./RNSkReadonlyValue";
+export declare class RNSkComputedValue<T> extends RNSkReadonlyValue<T> {
+    constructor(callback: () => T, dependencies: DependencyList);
+    private dependecyUpdated;
+    private _callback;
+    private _unsubscribers;
+    unsubscribe(): void;
+    __invalidate(): void;
+}

package/lib/module/values/web/RNSkReadonlyValue.d.ts

@@ -0,0 +1,12 @@
+import type { SkiaValue } from "../types";
+export declare class RNSkReadonlyValue<T> implements SkiaValue<T> {
+    constructor(value: T);
+    private _current;
+    private _listeners;
+    private notifyListeners;
+    protected update(nextValue: T): void;
+    readonly __typename__ = "RNSkValue";
+    get current(): T;
+    addListener(cb: (value: T) => void): () => void;
+    __invalidate(): void;
+}

package/lib/module/values/web/RNSkValue.d.ts

@@ -0,0 +1,14 @@
+import type { SkiaAnimation, SkiaValue } from "../types";
+import { RNSkReadonlyValue } from "./RNSkReadonlyValue";
+export declare class RNSkValue<T> extends RNSkReadonlyValue<T> implements SkiaValue<T> {
+    constructor(value: T);
+    set current(value: T);
+    get current(): T;
+    private _unsubscribe;
+    private unsubscribe;
+    private subscribe;
+    private animationDidUpdate;
+    private _animation;
+    get animation(): SkiaAnimation | undefined;
+    set animation(v: SkiaAnimation | undefined);
+}

package/lib/module/values/web/api.d.ts

@@ -0,0 +1,2 @@
+import type { ISkiaValueApi } from "../types";
+export declare const ValueApi: ISkiaValueApi;

package/lib/module/values/web/index.d.ts

@@ -0,0 +1 @@
+export * from "./api";

package/lib/module/views/SkiaBaseWebView.d.ts

@@ -0,0 +1,62 @@
+import React from "react";
+import type { PointerEvent } from "react";
+import type { SkRect, SkCanvas } from "../skia/types";
+import type { SkiaValue } from "../values";
+import type { DrawMode, SkiaBaseViewProps, TouchInfo } from "./types";
+import { TouchType } from "./types";
+export declare abstract class SkiaBaseWebView<TProps extends SkiaBaseViewProps> extends React.Component<TProps> {
+    constructor(props: TProps);
+    private _surface;
+    private _unsubscriptions;
+    private _touches;
+    private _canvas;
+    private _canvasRef;
+    private _mode;
+    private _redrawRequests;
+    private requestId;
+    protected width: number;
+    protected height: number;
+    private unsubscribeAll;
+    private onLayout;
+    protected getSize(): {
+        width: number;
+        height: number;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    /**
+     * Creates a snapshot from the canvas in the surface
+     * @param rect Rect to use as bounds. Optional.
+     * @returns An Image object.
+     */
+    makeImageSnapshot(rect?: SkRect): import("../skia/types").SkImage | undefined;
+    /**
+     * Override to render
+     */
+    protected abstract renderInCanvas(canvas: SkCanvas, touches: TouchInfo[]): void;
+    /**
+     * Sends a redraw request to the native SkiaView.
+     */
+    private tick;
+    redraw(): void;
+    /**
+     * Updates the drawing mode for the skia view. This is the same
+     * as declaratively setting the mode property on the SkiaView.
+     * There are two drawing modes, "continuous" and "default",
+     * where the continuous mode will continuously redraw the view and
+     * the default mode will only redraw when any of the regular react
+     * properties are changed like size and margins.
+     * @param mode Drawing mode to use.
+     */
+    setDrawMode(mode: DrawMode): void;
+    /**
+     * Registers one or move values as a dependant value of the Skia View. The view will
+     * The view will redraw itself when any of the values change.
+     * @param values Values to register
+     */
+    registerValues(_values: SkiaValue<unknown>[]): void;
+    private handleTouchEvent;
+    createTouchHandler(touchType: TouchType): (evt: PointerEvent) => void;
+    render(): JSX.Element;
+}

package/lib/module/views/SkiaDomView.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import type { SkRect } from "../skia/types";
+import type { SkiaValue } from "../values";
+import type { SkiaDomViewProps } from "./types";
+export declare class SkiaDomView extends React.Component<SkiaDomViewProps> {
+    constructor(props: SkiaDomViewProps);
+    private _nativeId;
+    get nativeId(): number;
+    componentDidUpdate(prevProps: SkiaDomViewProps): void;
+    /**
+     * Creates a snapshot from the canvas in the surface
+     * @param rect Rect to use as bounds. Optional.
+     * @returns An Image object.
+     */
+    makeImageSnapshot(rect?: SkRect): import("../skia/types").SkImage;
+    /**
+     * Sends a redraw request to the native SkiaView.
+     */
+    redraw(): void;
+    /**
+     * Registers one or move values as a dependant value of the Skia View. The view will
+     * The view will redraw itself when any of the values change.
+     * @param values Values to register
+     */
+    registerValues(values: SkiaValue<unknown>[]): () => void;
+    /**
+     * Clear up the dom node when unmounting to release resources.
+     */
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}

package/lib/module/views/SkiaDomView.web.d.ts

@@ -0,0 +1,7 @@
+import type { SkCanvas } from "../skia/types";
+import { SkiaBaseWebView } from "./SkiaBaseWebView";
+import type { SkiaDomViewProps, TouchInfo } from "./types";
+export declare class SkiaDomView extends SkiaBaseWebView<SkiaDomViewProps> {
+    constructor(props: SkiaDomViewProps);
+    protected renderInCanvas(canvas: SkCanvas, touches: TouchInfo[]): void;
+}

package/lib/module/views/SkiaPictureView.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { SkRect } from "../skia/types";
+import type { SkiaValue } from "../values";
+import type { SkiaPictureViewProps } from "./types";
+export declare class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
+    constructor(props: SkiaPictureViewProps);
+    private _nativeId;
+    get nativeId(): number;
+    componentDidUpdate(prevProps: SkiaPictureViewProps): void;
+    /**
+     * Creates a snapshot from the canvas in the surface
+     * @param rect Rect to use as bounds. Optional.
+     * @returns An Image object.
+     */
+    makeImageSnapshot(rect?: SkRect): import("../skia/types").SkImage;
+    /**
+     * Sends a redraw request to the native SkiaView.
+     */
+    redraw(): void;
+    /**
+     * Registers one or move values as a dependant value of the Skia View. The view will
+     * The view will redraw itself when any of the values change.
+     * @param values Values to register
+     */
+    registerValues(values: SkiaValue<unknown>[]): () => void;
+    render(): JSX.Element;
+}

package/lib/module/views/SkiaPictureView.web.d.ts

@@ -0,0 +1,7 @@
+import type { SkCanvas } from "../skia/types";
+import type { SkiaPictureViewProps } from "./types";
+import { SkiaBaseWebView } from "./SkiaBaseWebView";
+export declare class SkiaPictureView extends SkiaBaseWebView<SkiaPictureViewProps> {
+    constructor(props: SkiaPictureViewProps);
+    protected renderInCanvas(canvas: SkCanvas): void;
+}

package/lib/module/views/SkiaView.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type { SkRect } from "../skia/types";
+import type { SkiaValue } from "../values";
+import type { SkiaDrawViewProps } from "./types";
+export declare const SkiaViewNativeId: {
+    current: number;
+};
+export declare class SkiaView extends React.Component<SkiaDrawViewProps> {
+    constructor(props: SkiaDrawViewProps);
+    private _nativeId;
+    get nativeId(): number;
+    componentDidUpdate(prevProps: SkiaDrawViewProps): void;
+    /**
+     * Creates a snapshot from the canvas in the surface
+     * @param rect Rect to use as bounds. Optional.
+     * @returns An Image object.
+     */
+    makeImageSnapshot(rect?: SkRect): import("../skia/types").SkImage;
+    /**
+     * Sends a redraw request to the native SkiaView.
+     */
+    redraw(): void;
+    /**
+     * Registers one or move values as a dependant value of the Skia View. The view will
+     * The view will redraw itself when any of the values change.
+     * @param values Values to register
+     */
+    registerValues(values: SkiaValue<unknown>[]): () => void;
+    render(): JSX.Element;
+}

package/lib/module/views/SkiaView.web.d.ts

@@ -0,0 +1,7 @@
+import type { SkCanvas } from "../skia/types";
+import type { SkiaDrawViewProps, TouchInfo } from "./types";
+import { SkiaBaseWebView } from "./SkiaBaseWebView";
+export declare class SkiaView extends SkiaBaseWebView<SkiaDrawViewProps> {
+    constructor(props: SkiaDrawViewProps);
+    protected renderInCanvas(canvas: SkCanvas, touches: TouchInfo[]): void;
+}

package/lib/module/views/api.d.ts

@@ -0,0 +1,5 @@
+import type { ISkiaViewApi } from "./types";
+declare global {
+    var SkiaViewApi: ISkiaViewApi;
+}
+export declare const SkiaViewApi: ISkiaViewApi;

package/lib/module/views/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./SkiaView";
+export * from "./SkiaPictureView";
+export * from "./SkiaDomView";
+export * from "./types";
+export * from "./useDrawCallback";
+export * from "./useTouchHandler";

package/lib/module/views/types.d.ts

@@ -0,0 +1,91 @@
+import type { ViewProps } from "react-native";
+import type { GroupProps, RenderNode } from "../dom/types";
+import type { SkCanvas, SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
+import type { SkiaMutableValue, SkiaValue } from "../values";
+export declare type DrawMode = "continuous" | "default";
+export declare type NativeSkiaViewProps = ViewProps & {
+    mode?: DrawMode;
+    debug?: boolean;
+};
+export declare enum TouchType {
+    Start = 0,
+    Active = 1,
+    End = 2,
+    Cancelled = 3
+}
+export interface TouchInfo {
+    x: number;
+    y: number;
+    force: number;
+    type: TouchType;
+    id: number;
+    timestamp: number;
+}
+export interface DrawingInfo {
+    width: number;
+    height: number;
+    timestamp: number;
+    touches: Array<Array<TouchInfo>>;
+}
+export declare type ExtendedTouchInfo = TouchInfo & {
+    velocityX: number;
+    velocityY: number;
+};
+export declare type TouchHandlers = {
+    onStart?: (touchInfo: TouchInfo) => void;
+    onActive?: (touchInfo: ExtendedTouchInfo) => void;
+    onEnd?: (touchInfo: ExtendedTouchInfo) => void;
+};
+export declare type TouchHandler = (touchInfo: Array<Array<TouchInfo>>) => void;
+export declare type RNSkiaDrawCallback = (canvas: SkCanvas, info: DrawingInfo) => void;
+/**
+ * Listener interface for value changes
+ */
+export interface ValueListener {
+    addListener: (callback: () => void) => number;
+    removeListener: (id: number) => void;
+}
+export interface ISkiaViewApi {
+    setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;
+    callJsiMethod: <T extends Array<unknown>>(nativeId: number, name: string, ...args: T) => void;
+    registerValuesInView: (nativeId: number, values: SkiaValue<unknown>[]) => () => void;
+    requestRedraw: (nativeId: number) => void;
+    makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;
+}
+export interface SkiaBaseViewProps extends ViewProps {
+    /**
+     * Sets the drawing mode for the skia view. There are two drawing
+     * modes, "continuous" and "default", where the continuous mode will
+     * continuously redraw the view, and the default mode will only
+     * redraw when any of the regular react properties are changed like
+     * sizes and margins.
+     */
+    mode?: DrawMode;
+    /**
+     * When set to true the view will display information about the
+     * average time it takes to render.
+     */
+    debug?: boolean;
+    /**
+     * Pass an animated value to the onSize property to get updates when
+     * the Skia view is resized.
+     */
+    onSize?: SkiaMutableValue<SkSize>;
+}
+export interface SkiaDrawViewProps extends SkiaBaseViewProps {
+    /**
+     * Draw callback. Will be called whenever the view is invalidated and
+     * needs to redraw. This is either caused by a change in a react
+     * property, a touch event, or a call to redraw. If the view is in
+     * continuous mode the callback will be called 60 frames per second
+     * by the native view.
+     */
+    onDraw?: RNSkiaDrawCallback;
+}
+export interface SkiaPictureViewProps extends SkiaBaseViewProps {
+    picture?: SkPicture;
+}
+export interface SkiaDomViewProps extends SkiaBaseViewProps {
+    root?: RenderNode<GroupProps>;
+    onTouch?: TouchHandler;
+}

package/lib/module/views/useDrawCallback.d.ts

@@ -0,0 +1,8 @@
+import type { DependencyList } from "react";
+import type { RNSkiaDrawCallback } from "./types";
+/**
+ * Creates a memoized callback for the onDraw handler of a Skia component.
+ * @param callback The callback to memoize.
+ * @param deps Dependencies for the callback.
+ * */
+export declare const useDrawCallback: (callback: RNSkiaDrawCallback, deps?: DependencyList) => RNSkiaDrawCallback;

package/lib/module/views/useTouchHandler.d.ts

@@ -0,0 +1,22 @@
+import type { DependencyList } from "react";
+import type { TouchHandlers, TouchHandler } from "./types";
+/**
+ * Provides a callback for handling touch events in the Skia View.
+ * This touch handler only handles single touches.
+ * @param handlers Callbacks for the different touch states
+ * @param deps optional Dependency array to update the handlers
+ * @returns A function that can be used from within the onDraw callback to
+ * update and handle touch events. Call it with the touches property from
+ * the info object.
+ */
+export declare const useTouchHandler: (handlers: TouchHandlers, deps?: DependencyList) => TouchHandler;
+/**
+ * Provides a callback for handling touch events in the Skia View.
+ * This touch handler handles multiple touches.
+ * @param handlers Callbacks for the different touch states
+ * @param deps optional Dependency array to update the handlers
+ * @returns A function that can be used from within the onDraw callback to
+ * update and handle touch events. Call it with the touches property from
+ * the info object.
+ */
+export declare const useMultiTouchHandler: (handlers: TouchHandlers, deps?: DependencyList) => TouchHandler;

package/lib/module/web/LoadSkiaWeb.d.ts

@@ -0,0 +1,6 @@
+import type { CanvasKit as CanvasKitType, CanvasKitInitOptions } from "canvaskit-wasm";
+declare global {
+    var CanvasKit: CanvasKitType;
+}
+export declare const LoadSkiaWeb: (opts?: CanvasKitInitOptions) => Promise<void>;
+export declare const LoadSkia: (opts?: CanvasKitInitOptions) => Promise<void>;

package/lib/module/web/WithSkiaWeb.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentProps, ComponentType } from "react";
+import { Suspense } from "react";
+import { LoadSkiaWeb } from "./LoadSkiaWeb";
+interface WithSkiaProps {
+    fallback?: ComponentProps<typeof Suspense>["fallback"];
+    getComponent: () => Promise<{
+        default: ComponentType;
+    }>;
+    opts?: Parameters<typeof LoadSkiaWeb>[0];
+}
+export declare const WithSkiaWeb: ({ getComponent, fallback, opts, }: WithSkiaProps) => JSX.Element;
+export {};

package/lib/module/web/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LoadSkiaWeb";
+export * from "./WithSkiaWeb";

package/lib/typescript/src/renderer/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./components";
-export * from "./useContextBridge";
 export * from "./DependencyManager";

package/package.json

@@ -7,7 +7,7 @@
     "setup-skia-web": "./scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "0.1.170",
+  "version": "0.1.172",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "files": [
@@ -43,7 +43,7 @@
     "test": "jest",
     "e2e": "E2E=true yarn test -i e2e",
     "postinstall": "node scripts/install-npm.js",
-    "build": "bob build"
+    "build": "bob build && merge-dirs lib/typescript/src lib/commonjs && merge-dirs lib/typescript/src lib/module"
   },
   "repository": {
     "type": "git",
@@ -86,8 +86,9 @@
     "eslint-config-react-native-wcandillon": "3.9.0",
     "eslint-plugin-reanimated": "2.0.0",
     "jest": "28.1.3",
+    "merge-dirs": "^0.2.1",
     "react": "18.1.0",
-    "react-native": "0.70.6",
+    "react-native": "0.71.0",
     "react-native-builder-bob": "^0.18.2",
     "ts-jest": "^28.0.7",
     "typescript": "4.8.3"
@@ -96,7 +97,7 @@
     "@types/pixelmatch": "^5.2.4",
     "@types/pngjs": "^6.0.1",
     "@types/ws": "^8.5.3",
-    "canvaskit-wasm": "0.36.1",
+    "canvaskit-wasm": "0.38.0",
     "pixelmatch": "^5.3.0",
     "pngjs": "^6.0.0",
     "react-reconciler": "^0.27.0",

package/src/renderer/index.ts

@@ -1,3 +1,2 @@
 export * from "./components";
-export * from "./useContextBridge";
 export * from "./DependencyManager";

package/lib/commonjs/renderer/useContextBridge.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContextBridge = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// useContextBridge() is taken from https://github.com/pmndrs/drei#usecontextbridge
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-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 => (0, _react.useContext)(context));
-  return (0, _react.useMemo)(() => _ref => {
-    let {
-      children
-    } = _ref;
-    return contexts.reduceRight((acc, Context, i) => /*#__PURE__*/_react.default.createElement(Context.Provider, {
-      value: values[i],
-      children: acc
-    }), children);
-  }, [contexts, values]);
-};
-
-exports.useContextBridge = useContextBridge;
-//# sourceMappingURL=useContextBridge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useContextBridge","contexts","values","map","context","useContext","useMemo","children","reduceRight","acc","Context","i"],"sources":["useContextBridge.tsx"],"sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport type { ReactNode, Context, ReactElement } from \"react\";\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"],"mappings":";;;;;;;AAAA;;;;;;AAGA;AACA;AACO,MAAMA,gBAAgB,GAAG,YAAiC;EAAA,kCAA7BC,QAA6B;IAA7BA,QAA6B;EAAA;;EAC/D,MAAMC,MAAM,GACV;EACAD,QAAQ,CAACE,GAAT,CAAcC,OAAD,IAAa,IAAAC,iBAAA,EAAWD,OAAX,CAA1B,CAFF;EAGA,OAAO,IAAAE,cAAA,EACL,MACE;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OACEN,QAAQ,CAACO,WAAT,CACE,CAACC,GAAD,EAAMC,OAAN,EAAeC,CAAf,kBACE,6BAAC,OAAD,CAAS,QAAT;MAAkB,KAAK,EAAET,MAAM,CAACS,CAAD,CAA/B;MAAoC,QAAQ,EAAEF;IAA9C,EAFJ,EAIEF,QAJF,CADF;EAAA,CAFG,EASL,CAACN,QAAD,EAAWC,MAAX,CATK,CAAP;AAWD,CAfM"}

package/lib/module/renderer/useContextBridge.js

@@ -1,21 +0,0 @@
-import React, { useMemo, useContext } from "react";
-// 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]);
-};
-//# sourceMappingURL=useContextBridge.js.map