dreaction-react-native 1.0.0

package/lib/plugins/openInEditor.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const DEFAULTS = {
+    url: 'http://localhost:8081',
+};
+const openInEditor = (pluginConfig = {}) => () => {
+    const options = Object.assign({}, DEFAULTS, pluginConfig);
+    return {
+        onCommand: (command) => {
+            if (command.type !== 'editor.open')
+                return;
+            const { payload } = command;
+            const { file, lineNumber } = payload;
+            const url = `${options.url}/open-stack-frame`;
+            const body = { file, lineNumber: lineNumber || 1 };
+            const method = 'POST';
+            fetch(url, { method, body: JSON.stringify(body) });
+        },
+    };
+};
+exports.default = openInEditor;

package/lib/plugins/overlay/index.d.ts

@@ -0,0 +1,3 @@
+export default function OverlayCreator(): () => Plugin<ReactotronCore>;
+export type OverlayFeatures = ReturnType<ReturnType<typeof OverlayCreator>>["features"];
+//# sourceMappingURL=index.d.ts.map

package/lib/plugins/overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/overlay/index.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,cAAc,iCA2BrC;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA"}

package/lib/plugins/overlay/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OverlayCreator;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const mitt_1 = __importDefault(require("mitt"));
+const overlay_1 = __importDefault(require("./overlay"));
+function OverlayCreator() {
+    return function overlay() {
+        const emitter = (0, mitt_1.default)();
+        return {
+            /**
+             * Fires when any Reactotron message arrives.
+             */
+            onCommand: (command) => {
+                if (command.type !== "overlay")
+                    return;
+                // relay this payload on to the emitter
+                emitter.emit("overlay", command.payload);
+            },
+            features: {
+                overlay: (WrappedComponent) => (props = {}) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1 }, children: [(0, jsx_runtime_1.jsx)(WrappedComponent, { ...props }), (0, jsx_runtime_1.jsx)(overlay_1.default, { emitter: emitter })] })),
+            },
+        };
+    };
+}

package/lib/plugins/overlay/overlay.d.ts

@@ -0,0 +1,161 @@
+import { Component } from "react";
+import { ImageResizeMode, FlexAlignType, AnimatableNumericValue } from "react-native";
+interface Props {
+    emitter: any;
+}
+interface State {
+    opacity: AnimatableNumericValue;
+    uri: string;
+    justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    alignItems: FlexAlignType;
+    width?: number;
+    height?: number;
+    growToWindow?: boolean;
+    resizeMode?: ImageResizeMode;
+    marginLeft?: number;
+    marginRight?: number;
+    marginTop?: number;
+    marginBottom?: number;
+    showDebug?: boolean;
+}
+/** An overlay for showing an image to help with layout.
+ *
+ * @class FullScreenOverlay
+ * @extends {Component}
+ */
+declare class FullScreenOverlay extends Component<Props, State> {
+    constructor(props: Props);
+    createContainerStyle(): {
+        opacity: AnimatableNumericValue;
+        width: number;
+        height: number;
+        justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+        alignItems: FlexAlignType;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
+        borderBottomColor?: import("react-native").ColorValue | undefined;
+        borderBottomEndRadius?: AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: AnimatableNumericValue | string | undefined;
+        borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: AnimatableNumericValue | string | undefined;
+        borderLeftColor?: import("react-native").ColorValue | undefined;
+        borderRadius?: AnimatableNumericValue | string | undefined;
+        borderRightColor?: import("react-native").ColorValue | undefined;
+        borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: import("react-native").ColorValue | undefined;
+        borderTopEndRadius?: AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: AnimatableNumericValue | string | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: import("react-native").CursorValue | undefined;
+        boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignSelf?: "auto" | FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
+        display?: "none" | "flex" | undefined;
+        end?: import("react-native").DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical?: import("react-native").DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: import("react-native").DimensionValue | undefined;
+        insetBlock?: import("react-native").DimensionValue | undefined;
+        insetBlockEnd?: import("react-native").DimensionValue | undefined;
+        insetBlockStart?: import("react-native").DimensionValue | undefined;
+        insetInline?: import("react-native").DimensionValue | undefined;
+        insetInlineEnd?: import("react-native").DimensionValue | undefined;
+        insetInlineStart?: import("react-native").DimensionValue | undefined;
+        marginBlock?: import("react-native").DimensionValue | undefined;
+        marginBlockEnd?: import("react-native").DimensionValue | undefined;
+        marginBlockStart?: import("react-native").DimensionValue | undefined;
+        marginInline?: import("react-native").DimensionValue | undefined;
+        marginInlineEnd?: import("react-native").DimensionValue | undefined;
+        marginInlineStart?: import("react-native").DimensionValue | undefined;
+        paddingBlock?: import("react-native").DimensionValue | undefined;
+        paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+        paddingBlockStart?: import("react-native").DimensionValue | undefined;
+        paddingInline?: import("react-native").DimensionValue | undefined;
+        paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+        paddingInlineStart?: import("react-native").DimensionValue | undefined;
+        shadowColor?: import("react-native").ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: AnimatableNumericValue | undefined;
+        scaleX?: AnimatableNumericValue | undefined;
+        scaleY?: AnimatableNumericValue | undefined;
+        translateX?: AnimatableNumericValue | undefined;
+        translateY?: AnimatableNumericValue | undefined;
+    };
+    renderDebug(): import("react/jsx-runtime").JSX.Element | null;
+    /**
+     * Draw.
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default FullScreenOverlay;
+//# sourceMappingURL=overlay.d.ts.map

package/lib/plugins/overlay/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/plugins/overlay/overlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAIL,eAAe,EACf,aAAa,EAIb,sBAAsB,EACvB,MAAM,cAAc,CAAA;AAwCrB,UAAU,KAAK;IACb,OAAO,EAAE,GAAG,CAAA;CACb;AAED,UAAU,KAAK;IACb,OAAO,EAAE,sBAAsB,CAAA;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,cAAc,EACV,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,cAAc,CAAA;IAClB,UAAU,EAAE,aAAa,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;GAIG;AACH,cAAM,iBAAkB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACzC,KAAK,EAAE,KAAK;IAgBxB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAepB,WAAW;IAyBX;;OAEG;IACH,MAAM;CAiCP;AAED,eAAe,iBAAiB,CAAA"}

package/lib/plugins/overlay/overlay.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const Styles = {
+    container: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 1000,
+        opacity: 0.25,
+    },
+    debugContainer: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "transparent",
+        zIndex: 2000,
+    },
+    debugTextContainer: {
+        backgroundColor: "lightgray",
+        margin: 50,
+        padding: 20,
+    },
+    debugText: {
+        color: "red",
+        fontSize: 16,
+        marginBottom: 10,
+    },
+};
+/** An overlay for showing an image to help with layout.
+ *
+ * @class FullScreenOverlay
+ * @extends {Component}
+ */
+class FullScreenOverlay extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            opacity: Styles.container.opacity,
+            uri: null,
+            justifyContent: "center",
+            alignItems: "center",
+        };
+        // when the server sends stuff
+        props.emitter.on("overlay", (payload) => {
+            this.setState({ ...this.state, ...payload });
+        });
+    }
+    createContainerStyle() {
+        const { opacity, justifyContent, alignItems } = this.state;
+        const { width, height } = react_native_1.Dimensions.get("window");
+        const containerStyle = {
+            ...Styles.container,
+            opacity,
+            width,
+            height,
+            justifyContent,
+            alignItems,
+        };
+        return containerStyle;
+    }
+    renderDebug() {
+        const { showDebug } = this.state;
+        // If Reactotron is configured properly it should be disabled in production.
+        // We'll throw a __DEV__ check in here just in case it get's feisty.
+        if (!__DEV__ || !showDebug)
+            return null;
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: Styles.debugContainer, pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: Styles.debugTextContainer, children: Object.keys(this.state).map((key) => {
+                    if (key === "showDebug")
+                        return null;
+                    const keyName = key === "uri" ? "have image" : key;
+                    const value = key === "uri" ? !!this.state[key] : this.state[key];
+                    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: Styles.debugText, children: `${keyName}: ${value}` }, key));
+                }) }) }));
+    }
+    /**
+     * Draw.
+     */
+    render() {
+        const { uri, width, height, growToWindow, resizeMode, marginLeft = 0, marginRight = 0, marginTop = 0, marginBottom = 0, } = this.state;
+        const imageStyle = { width, height, marginTop, marginRight, marginBottom, marginLeft };
+        if (growToWindow) {
+            const windowSize = react_native_1.Dimensions.get("window");
+            imageStyle.width = windowSize.width;
+            imageStyle.height = windowSize.height;
+        }
+        const image = uri ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri }, style: imageStyle, resizeMode: growToWindow ? resizeMode : null })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, {}));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: this.createContainerStyle(), pointerEvents: "none", children: image }), this.renderDebug()] }));
+    }
+}
+exports.default = FullScreenOverlay;

package/lib/plugins/storybook/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A plugin which provides .storybookSwitcher() on Reactotron.
+ */
+declare const _default: () => () => Plugin<ReactotronCore>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/plugins/storybook/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/storybook/index.tsx"],"names":[],"mappings":"AAMA;;GAEG;;AACH,wBAuBC"}

package/lib/plugins/storybook/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mitt_1 = __importDefault(require("mitt"));
+const storybook_1 = __importDefault(require("./storybook"));
+/**
+ * A plugin which provides .storybookSwitcher() on Reactotron.
+ */
+exports.default = () => () => {
+    const emitter = (0, mitt_1.default)();
+    return {
+        onCommand: (command) => {
+            if (command.type !== "storybook")
+                return;
+            // relay this payload on to the emitter
+            emitter.emit("storybook", command.payload);
+        },
+        features: {
+            storybookSwitcher: (storybookUi) => (WrappedComponent) => function StorybookSwitcherContainer(props) {
+                return ((0, jsx_runtime_1.jsx)(storybook_1.default, { storybookUi: storybookUi, emitter: emitter, children: (0, jsx_runtime_1.jsx)(WrappedComponent, { ...props }) }));
+            },
+        },
+    };
+};

package/lib/plugins/storybook/storybook.d.ts

@@ -0,0 +1,22 @@
+import React, { Component } from "react";
+interface Props {
+    storybookUi: React.ComponentType;
+    emitter: any;
+}
+interface State {
+    showStorybook: boolean;
+}
+declare class StorybookSwitcher extends Component<React.PropsWithChildren<Props>, State> {
+    /**
+     * Creates an instance of FullScreenOverlay.
+     *
+     * @memberOf FullScreenOverlay
+     */
+    constructor(props: Props);
+    /**
+     * Draw.
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default StorybookSwitcher;
+//# sourceMappingURL=storybook.d.ts.map

package/lib/plugins/storybook/storybook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../../../src/plugins/storybook/storybook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,UAAU,KAAK;IACb,WAAW,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,OAAO,EAAE,GAAG,CAAA;CACb;AAED,UAAU,KAAK;IACb,aAAa,EAAE,OAAO,CAAA;CACvB;AAED,cAAM,iBAAkB,SAAQ,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAC9E;;;;OAIG;gBACS,KAAK,EAAE,KAAK;IAaxB;;OAEG;IACH,MAAM;CAMP;AAED,eAAe,iBAAiB,CAAA"}

package/lib/plugins/storybook/storybook.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+class StorybookSwitcher extends react_1.Component {
+    /**
+     * Creates an instance of FullScreenOverlay.
+     *
+     * @memberOf FullScreenOverlay
+     */
+    constructor(props) {
+        super(props);
+        this.state = {
+            showStorybook: false,
+        };
+        // when the server sends stuff
+        props.emitter.on("storybook", (payload) => {
+            this.setState({ showStorybook: payload });
+        });
+    }
+    /**
+     * Draw.
+     */
+    render() {
+        const { showStorybook } = this.state;
+        const { storybookUi: StorybookUi, children } = this.props;
+        return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 }, children: showStorybook ? (0, jsx_runtime_1.jsx)(StorybookUi, {}) : children });
+    }
+}
+exports.default = StorybookSwitcher;

package/lib/plugins/trackGlobalErrors.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Provides a global error handler to report errors..
+ */
+import { DReactionCore } from 'dreaction-client-core';
+import { LogBoxStatic as LogBoxStaticPublic } from 'react-native/Libraries/LogBox/LogBox';
+interface LogBoxStaticPrivate extends LogBoxStaticPublic {
+    /**
+     * @see https://github.com/facebook/react-native/blob/v0.72.1/packages/react-native/Libraries/LogBox/LogBox.js#L29
+     */
+    addException: (error: any) => void;
+}
+declare const LogBox: LogBoxStaticPrivate;
+export interface ErrorStackFrame {
+    fileName: string;
+    functionName: string;
+    lineNumber: number;
+    columnNumber?: number | null;
+}
+export interface TrackGlobalErrorsOptions {
+    veto?: (frame: ErrorStackFrame) => boolean;
+}
+/**
+ * Track global errors and send them to Reactotron logger.
+ */
+declare const trackGlobalErrors: (options?: TrackGlobalErrorsOptions) => (reactotron: DReactionCore) => {
+    onConnect: () => void;
+    features: {
+        reportError: (error: Parameters<typeof LogBox.addException>[0]) => void;
+    };
+};
+export default trackGlobalErrors;
+//# sourceMappingURL=trackGlobalErrors.d.ts.map

package/lib/plugins/trackGlobalErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackGlobalErrors.d.ts","sourceRoot":"","sources":["../../src/plugins/trackGlobalErrors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAGL,aAAa,EAGd,MAAM,uBAAuB,CAAC;AAC/B,OAAgB,EACd,YAAY,IAAI,kBAAkB,EAEnC,MAAM,sCAAsC,CAAC;AAM9C,UAAU,mBAAoB,SAAQ,kBAAkB;IACtD;;OAEG;IAEH,YAAY,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,MAAM,EAAyB,mBAAmB,CAAC;AAOzD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC;CAC5C;AAiBD;;GAEG;AACH,QAAA,MAAM,iBAAiB,aACV,wBAAwB,kBAAkB,aAAa;;;6BAUpC,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;CA+EtE,CAAC;AAEJ,eAAe,iBAAiB,CAAC"}

package/lib/plugins/trackGlobalErrors.js

@@ -0,0 +1,100 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Provides a global error handler to report errors..
+ */
+const dreaction_client_core_1 = require("dreaction-client-core");
+const LogBox_1 = __importDefault(require("react-native/Libraries/LogBox/LogBox"));
+const LogBox = LogBox_1.default;
+// a few functions to help source map errors -- these seem to be not available immediately
+// so we're lazy loading.
+let parseErrorStack;
+let symbolicateStackTrace;
+// defaults
+const PLUGIN_DEFAULTS = {
+    veto: undefined,
+};
+const objectifyError = (error) => {
+    const objectifiedError = {};
+    Object.getOwnPropertyNames(error).forEach((key) => {
+        objectifiedError[key] = error[key];
+    });
+    return objectifiedError;
+};
+// const reactNativeFrameFinder = frame => contains('/node_modules/react-native/', frame.fileName)
+/**
+ * Track global errors and send them to Reactotron logger.
+ */
+const trackGlobalErrors = (options) => (reactotron) => {
+    // make sure we have the logger plugin
+    (0, dreaction_client_core_1.assertHasLoggerPlugin)(reactotron);
+    const client = reactotron;
+    // setup configuration
+    const config = Object.assign({}, PLUGIN_DEFAULTS, options || {});
+    // manually fire an error
+    function reportError(error) {
+        try {
+            parseErrorStack =
+                parseErrorStack ||
+                    require('react-native/Libraries/Core/Devtools/parseErrorStack');
+            symbolicateStackTrace =
+                symbolicateStackTrace ||
+                    require('react-native/Libraries/Core/Devtools/symbolicateStackTrace');
+        }
+        catch (e) {
+            client.error('Unable to load "react-native/Libraries/Core/Devtools/parseErrorStack" or "react-native/Libraries/Core/Devtools/symbolicateStackTrace"', []);
+            client.debug(objectifyError(e));
+            return;
+        }
+        if (!parseErrorStack || !symbolicateStackTrace) {
+            return;
+        }
+        let parsedStacktrace;
+        try {
+            // parseErrorStack arg type is wrong, it's expecting an array, a string, or a hermes error data, https://github.com/facebook/react-native/blob/v0.72.1/packages/react-native/Libraries/Core/Devtools/parseErrorStack.js#L41
+            parsedStacktrace = parseErrorStack(error.stack);
+        }
+        catch (e) {
+            client.error('Unable to parse stack trace from error object', []);
+            client.debug(objectifyError(e));
+            return;
+        }
+        symbolicateStackTrace(parsedStacktrace)
+            .then((symbolicatedStackTrace) => {
+            let prettyStackFrames = symbolicatedStackTrace.stack.map((stackFrame) => ({
+                fileName: stackFrame.file,
+                functionName: stackFrame.methodName,
+                lineNumber: stackFrame.lineNumber,
+            }));
+            // does the dev want us to keep each frame?
+            if (config.veto) {
+                prettyStackFrames = prettyStackFrames.filter((frame) => config?.veto?.(frame));
+            }
+            client.error(error.message, prettyStackFrames); // TODO: Fix this.
+        })
+            .catch((e) => {
+            client.error('Unable to symbolicate stack trace from error object', []);
+            client.debug(objectifyError(e));
+        });
+    }
+    // the reactotron plugin interface
+    return {
+        onConnect: () => {
+            LogBox.addException = new Proxy(LogBox.addException, {
+                apply: function (target, thisArg, argumentsList) {
+                    const error = argumentsList[0];
+                    reportError(error);
+                    return target.apply(thisArg, argumentsList);
+                },
+            });
+        },
+        // attach these functions to the Reactotron
+        features: {
+            reportError,
+        },
+    };
+};
+exports.default = trackGlobalErrors;

package/lib/plugins/trackGlobalLogs.d.ts

@@ -0,0 +1,9 @@
+import { DReactionCore } from 'dreaction-client-core';
+/**
+ * Track calls to console.log, console.warn, and console.debug and send them to Reactotron logger
+ */
+declare const trackGlobalLogs: () => (reactotron: DReactionCore) => {
+    onConnect: () => void;
+};
+export default trackGlobalLogs;
+//# sourceMappingURL=trackGlobalLogs.d.ts.map

package/lib/plugins/trackGlobalLogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackGlobalLogs.d.ts","sourceRoot":"","sources":["../../src/plugins/trackGlobalLogs.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,aAAa,EAGd,MAAM,uBAAuB,CAAC;AAE/B;;GAEG;AACH,QAAA,MAAM,eAAe,qBAAsB,aAAa;;CA4BvD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/plugins/trackGlobalLogs.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dreaction_client_core_1 = require("dreaction-client-core");
+/**
+ * Track calls to console.log, console.warn, and console.debug and send them to Reactotron logger
+ */
+const trackGlobalLogs = () => (reactotron) => {
+    (0, dreaction_client_core_1.assertHasLoggerPlugin)(reactotron);
+    const client = reactotron;
+    return {
+        onConnect: () => {
+            const originalConsoleLog = console.log;
+            console.log = (...args) => {
+                originalConsoleLog(...args);
+                client.log(...args);
+            };
+            const originalConsoleWarn = console.warn;
+            console.warn = (...args) => {
+                originalConsoleWarn(...args);
+                client.warn(args[0]);
+            };
+            const originalConsoleDebug = console.debug;
+            console.debug = (...args) => {
+                originalConsoleDebug(...args);
+                client.debug(args[0]);
+            };
+            // console.error is taken care of by ./trackGlobalErrors.ts
+        },
+    };
+};
+exports.default = trackGlobalLogs;

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "dreaction-react-native",
+  "version": "1.0.0",
+  "private": false,
+  "description": "",
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "src"
+  ],
+  "keywords": [
+    "dreaction"
+  ],
+  "author": "moonrailgun <moonrailgun@gmail.com>",
+  "license": "MIT",
+  "dependencies": {
+    "dreaction-client-core": "1.0.0",
+    "dreaction-protocol": "1.0.0"
+  },
+  "devDependencies": {
+    "@types/react-native": "^0.73.0",
+    "typescript": "^5.4.5"
+  },
+  "scripts": {
+    "dev": "tsc --watch",
+    "build": "tsc",
+    "test": "vitest"
+  }
+}