@expo/metro-runtime 0.0.0

package/build/error-overlay/overlay/LogBoxInspectorHeader.js

@@ -0,0 +1,139 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogBoxInspectorHeader = void 0;
+/**
+ * Copyright (c) Evan Bacon.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const LogContext_1 = require("../Data/LogContext");
+const LogBoxButton_1 = require("../UI/LogBoxButton");
+const LogBoxStyle = __importStar(require("../UI/LogBoxStyle"));
+function LogBoxInspectorHeader(props) {
+    const { selectedLogIndex: selectedIndex, logs } = (0, LogContext_1.useLogs)();
+    const total = logs.length;
+    if (props.level === "syntax") {
+        return (react_1.default.createElement(react_native_1.View, { style: [styles.safeArea, styles[props.level]] },
+            react_1.default.createElement(react_native_1.View, { style: styles.header },
+                react_1.default.createElement(react_native_1.View, { style: styles.title },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.titleText }, "Failed to compile")))));
+    }
+    const prevIndex = selectedIndex - 1 < 0 ? total - 1 : selectedIndex - 1;
+    const nextIndex = selectedIndex + 1 > total - 1 ? 0 : selectedIndex + 1;
+    const titleText = `Log ${selectedIndex + 1} of ${total}`;
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.safeArea, styles[props.level]] },
+        react_1.default.createElement(react_native_1.View, { style: styles.header },
+            react_1.default.createElement(LogBoxInspectorHeaderButton, { disabled: total <= 1, level: props.level, image: require("@expo/metro-runtime/assets/chevron-left.png"), onPress: () => props.onSelectIndex(prevIndex) }),
+            react_1.default.createElement(react_native_1.View, { style: styles.title },
+                react_1.default.createElement(react_native_1.Text, { style: styles.titleText }, titleText)),
+            react_1.default.createElement(LogBoxInspectorHeaderButton, { disabled: total <= 1, level: props.level, image: require("@expo/metro-runtime/assets/chevron-right.png"), onPress: () => props.onSelectIndex(nextIndex) }))));
+}
+exports.LogBoxInspectorHeader = LogBoxInspectorHeader;
+const backgroundForLevel = (level) => ({
+    warn: {
+        default: "transparent",
+        pressed: LogBoxStyle.getWarningDarkColor(),
+    },
+    error: {
+        default: "transparent",
+        pressed: LogBoxStyle.getErrorDarkColor(),
+    },
+    fatal: {
+        default: "transparent",
+        pressed: LogBoxStyle.getFatalDarkColor(),
+    },
+    syntax: {
+        default: "transparent",
+        pressed: LogBoxStyle.getFatalDarkColor(),
+    },
+}[level]);
+function LogBoxInspectorHeaderButton(props) {
+    return (react_1.default.createElement(LogBoxButton_1.LogBoxButton, { backgroundColor: backgroundForLevel(props.level), onPress: props.disabled ? undefined : props.onPress, style: headerStyles.button }, props.disabled ? null : (react_1.default.createElement(react_native_1.Image, { source: props.image, style: headerStyles.buttonImage }))));
+}
+const headerStyles = react_native_1.StyleSheet.create({
+    button: {
+        alignItems: "center",
+        aspectRatio: 1,
+        justifyContent: "center",
+        marginTop: 5,
+        marginRight: 6,
+        marginLeft: 6,
+        marginBottom: react_native_1.Platform.select({
+            web: 0,
+            default: -8,
+        }),
+        borderRadius: 3,
+    },
+    buttonImage: {
+        height: 14,
+        width: 8,
+        tintColor: LogBoxStyle.getTextColor(),
+    },
+});
+const styles = react_native_1.StyleSheet.create({
+    syntax: {
+        backgroundColor: LogBoxStyle.getFatalColor(),
+    },
+    fatal: {
+        backgroundColor: LogBoxStyle.getFatalColor(),
+    },
+    warn: {
+        backgroundColor: LogBoxStyle.getWarningColor(),
+    },
+    error: {
+        backgroundColor: LogBoxStyle.getErrorColor(),
+    },
+    header: {
+        flexDirection: "row",
+        height: react_native_1.Platform.select({
+            default: 48,
+            ios: 44,
+        }),
+    },
+    title: {
+        alignItems: "center",
+        flex: 1,
+        justifyContent: "center",
+    },
+    titleText: {
+        color: LogBoxStyle.getTextColor(),
+        fontSize: 16,
+        fontWeight: "600",
+        includeFontPadding: false,
+        lineHeight: 20,
+    },
+    safeArea: {
+        paddingTop: react_native_1.Platform.OS !== "ios" ? react_native_1.StatusBar.currentHeight : 40,
+    },
+});
+//# sourceMappingURL=LogBoxInspectorHeader.js.map

package/build/error-overlay/overlay/LogBoxInspectorHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogBoxInspectorHeader.js","sourceRoot":"","sources":["../../../src/error-overlay/overlay/LogBoxInspectorHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright (c) Evan Bacon.\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React from \"react\";\nimport {\n  Image,\n  Platform,\n  StatusBar,\n  StyleSheet,\n  Text,\n  View,\n} from \"react-native\";\n\nimport type { LogLevel } from \"../Data/LogBoxLog\";\nimport { useLogs } from \"../Data/LogContext\";\nimport { LogBoxButton } from \"../UI/LogBoxButton\";\nimport * as LogBoxStyle from \"../UI/LogBoxStyle\";\n\ntype Props = {\n  onSelectIndex: (selectedIndex: number) => void;\n  level: LogLevel;\n};\n\nexport function LogBoxInspectorHeader(props: Props) {\n  const { selectedLogIndex: selectedIndex, logs } = useLogs();\n  const total = logs.length;\n\n  if (props.level === \"syntax\") {\n    return (\n      <View style={[styles.safeArea, styles[props.level]]}>\n        <View style={styles.header}>\n          <View style={styles.title}>\n            <Text style={styles.titleText}>Failed to compile</Text>\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  const prevIndex = selectedIndex - 1 < 0 ? total - 1 : selectedIndex - 1;\n  const nextIndex = selectedIndex + 1 > total - 1 ? 0 : selectedIndex + 1;\n\n  const titleText = `Log ${selectedIndex + 1} of ${total}`;\n\n  return (\n    <View style={[styles.safeArea, styles[props.level]]}>\n      <View style={styles.header}>\n        <LogBoxInspectorHeaderButton\n          disabled={total <= 1}\n          level={props.level}\n          image={require(\"@expo/metro-runtime/assets/chevron-left.png\")}\n          onPress={() => props.onSelectIndex(prevIndex)}\n        />\n        <View style={styles.title}>\n          <Text style={styles.titleText}>{titleText}</Text>\n        </View>\n        <LogBoxInspectorHeaderButton\n          disabled={total <= 1}\n          level={props.level}\n          image={require(\"@expo/metro-runtime/assets/chevron-right.png\")}\n          onPress={() => props.onSelectIndex(nextIndex)}\n        />\n      </View>\n    </View>\n  );\n}\n\nconst backgroundForLevel = (level: LogLevel) =>\n  ({\n    warn: {\n      default: \"transparent\",\n      pressed: LogBoxStyle.getWarningDarkColor(),\n    },\n    error: {\n      default: \"transparent\",\n      pressed: LogBoxStyle.getErrorDarkColor(),\n    },\n    fatal: {\n      default: \"transparent\",\n      pressed: LogBoxStyle.getFatalDarkColor(),\n    },\n    syntax: {\n      default: \"transparent\",\n      pressed: LogBoxStyle.getFatalDarkColor(),\n    },\n  }[level]);\n\nfunction LogBoxInspectorHeaderButton(props: {\n  disabled: boolean;\n  image: number;\n  level: LogLevel;\n  onPress?: () => void;\n}) {\n  return (\n    <LogBoxButton\n      backgroundColor={backgroundForLevel(props.level)}\n      onPress={props.disabled ? undefined : props.onPress}\n      style={headerStyles.button}\n    >\n      {props.disabled ? null : (\n        <Image source={props.image} style={headerStyles.buttonImage} />\n      )}\n    </LogBoxButton>\n  );\n}\n\nconst headerStyles = StyleSheet.create({\n  button: {\n    alignItems: \"center\",\n    aspectRatio: 1,\n    justifyContent: \"center\",\n    marginTop: 5,\n    marginRight: 6,\n    marginLeft: 6,\n    marginBottom: Platform.select({\n      web: 0,\n      default: -8,\n    }),\n    borderRadius: 3,\n  },\n  buttonImage: {\n    height: 14,\n    width: 8,\n    tintColor: LogBoxStyle.getTextColor(),\n  },\n});\n\nconst styles = StyleSheet.create({\n  syntax: {\n    backgroundColor: LogBoxStyle.getFatalColor(),\n  },\n  fatal: {\n    backgroundColor: LogBoxStyle.getFatalColor(),\n  },\n  warn: {\n    backgroundColor: LogBoxStyle.getWarningColor(),\n  },\n  error: {\n    backgroundColor: LogBoxStyle.getErrorColor(),\n  },\n  header: {\n    flexDirection: \"row\",\n    height: Platform.select({\n      default: 48,\n      ios: 44,\n    }),\n  },\n  title: {\n    alignItems: \"center\",\n    flex: 1,\n    justifyContent: \"center\",\n  },\n  titleText: {\n    color: LogBoxStyle.getTextColor(),\n    fontSize: 16,\n    fontWeight: \"600\",\n    includeFontPadding: false,\n    lineHeight: 20,\n  },\n  safeArea: {\n    paddingTop: Platform.OS !== \"ios\" ? StatusBar.currentHeight : 40,\n  },\n});\n"]}

package/build/error-overlay/overlay/LogBoxInspectorMessageHeader.d.ts

@@ -0,0 +1,12 @@
+import type { LogLevel } from "../Data/LogBoxLog";
+import type { Message } from "../Data/parseLogBoxLog";
+declare type Props = {
+    collapsed: boolean;
+    message: Message;
+    level: LogLevel;
+    title: string;
+    onPress: () => void;
+};
+export declare function LogBoxInspectorMessageHeader(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=LogBoxInspectorMessageHeader.d.ts.map

package/build/error-overlay/overlay/LogBoxInspectorMessageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogBoxInspectorMessageHeader.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/overlay/LogBoxInspectorMessageHeader.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAItD,aAAK,KAAK,GAAG;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAmBF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,eAkBxD"}

package/build/error-overlay/overlay/LogBoxInspectorMessageHeader.js

@@ -0,0 +1,116 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogBoxInspectorMessageHeader = void 0;
+/**
+ * Copyright (c) Evan Bacon.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const LogBoxMessage_1 = require("../UI/LogBoxMessage");
+const LogBoxStyle = __importStar(require("../UI/LogBoxStyle"));
+const SHOW_MORE_MESSAGE_LENGTH = 300;
+function ShowMoreButton({ message, collapsed, onPress, }) {
+    if (message.content.length < SHOW_MORE_MESSAGE_LENGTH || !collapsed) {
+        return null;
+    }
+    return (react_1.default.createElement(react_native_1.Text, { style: styles.collapse, onPress: onPress }, "... See More"));
+}
+function LogBoxInspectorMessageHeader(props) {
+    return (react_1.default.createElement(react_native_1.View, { style: styles.body },
+        react_1.default.createElement(react_native_1.View, { style: styles.heading },
+            react_1.default.createElement(react_native_1.Text, { style: [styles.headingText, styles[props.level]] }, props.title)),
+        react_1.default.createElement(react_native_1.Text, { style: styles.bodyText },
+            react_1.default.createElement(LogBoxMessage_1.LogBoxMessage, { maxLength: props.collapsed ? SHOW_MORE_MESSAGE_LENGTH : Infinity, message: props.message, style: styles.messageText }),
+            react_1.default.createElement(ShowMoreButton, { ...props }))));
+}
+exports.LogBoxInspectorMessageHeader = LogBoxInspectorMessageHeader;
+const styles = react_native_1.StyleSheet.create({
+    body: {
+        backgroundColor: LogBoxStyle.getBackgroundColor(1),
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowRadius: 2,
+        shadowOpacity: 0.5,
+        // flex: 0,
+    },
+    bodyText: {
+        color: LogBoxStyle.getTextColor(1),
+        fontSize: 14,
+        includeFontPadding: false,
+        lineHeight: 20,
+        fontWeight: "500",
+        paddingHorizontal: 12,
+        paddingBottom: 10,
+    },
+    heading: {
+        alignItems: "center",
+        flexDirection: "row",
+        paddingHorizontal: 12,
+        marginTop: 10,
+        marginBottom: 5,
+    },
+    headingText: {
+        flex: 1,
+        fontSize: 20,
+        fontWeight: "600",
+        includeFontPadding: false,
+        lineHeight: 28,
+    },
+    warn: {
+        color: LogBoxStyle.getWarningColor(1),
+    },
+    error: {
+        color: LogBoxStyle.getErrorColor(1),
+    },
+    fatal: {
+        color: LogBoxStyle.getFatalColor(1),
+    },
+    syntax: {
+        color: LogBoxStyle.getFatalColor(1),
+    },
+    messageText: {
+        color: LogBoxStyle.getTextColor(0.6),
+    },
+    collapse: {
+        color: LogBoxStyle.getTextColor(0.7),
+        fontSize: 14,
+        fontWeight: "300",
+        lineHeight: 12,
+    },
+    button: {
+        paddingVertical: 5,
+        paddingHorizontal: 10,
+        borderRadius: 3,
+    },
+});
+//# sourceMappingURL=LogBoxInspectorMessageHeader.js.map

package/build/error-overlay/overlay/LogBoxInspectorMessageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogBoxInspectorMessageHeader.js","sourceRoot":"","sources":["../../../src/error-overlay/overlay/LogBoxInspectorMessageHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright (c) Evan Bacon.\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\n\nimport type { LogLevel } from \"../Data/LogBoxLog\";\nimport type { Message } from \"../Data/parseLogBoxLog\";\nimport { LogBoxMessage } from \"../UI/LogBoxMessage\";\nimport * as LogBoxStyle from \"../UI/LogBoxStyle\";\n\ntype Props = {\n  collapsed: boolean;\n  message: Message;\n  level: LogLevel;\n  title: string;\n  onPress: () => void;\n};\n\nconst SHOW_MORE_MESSAGE_LENGTH = 300;\n\nfunction ShowMoreButton({\n  message,\n  collapsed,\n  onPress,\n}: Pick<Props, \"collapsed\" | \"message\" | \"onPress\">) {\n  if (message.content.length < SHOW_MORE_MESSAGE_LENGTH || !collapsed) {\n    return null;\n  }\n  return (\n    <Text style={styles.collapse} onPress={onPress}>\n      ... See More\n    </Text>\n  );\n}\n\nexport function LogBoxInspectorMessageHeader(props: Props) {\n  return (\n    <View style={styles.body}>\n      <View style={styles.heading}>\n        <Text style={[styles.headingText, styles[props.level]]}>\n          {props.title}\n        </Text>\n      </View>\n      <Text style={styles.bodyText}>\n        <LogBoxMessage\n          maxLength={props.collapsed ? SHOW_MORE_MESSAGE_LENGTH : Infinity}\n          message={props.message}\n          style={styles.messageText}\n        />\n        <ShowMoreButton {...props} />\n      </Text>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  body: {\n    backgroundColor: LogBoxStyle.getBackgroundColor(1),\n    shadowColor: \"#000\",\n    shadowOffset: { width: 0, height: 2 },\n    shadowRadius: 2,\n    shadowOpacity: 0.5,\n    // flex: 0,\n  },\n  bodyText: {\n    color: LogBoxStyle.getTextColor(1),\n    fontSize: 14,\n    includeFontPadding: false,\n    lineHeight: 20,\n    fontWeight: \"500\",\n    paddingHorizontal: 12,\n    paddingBottom: 10,\n  },\n  heading: {\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    paddingHorizontal: 12,\n    marginTop: 10,\n    marginBottom: 5,\n  },\n  headingText: {\n    flex: 1,\n    fontSize: 20,\n    fontWeight: \"600\",\n    includeFontPadding: false,\n    lineHeight: 28,\n  },\n  warn: {\n    color: LogBoxStyle.getWarningColor(1),\n  },\n  error: {\n    color: LogBoxStyle.getErrorColor(1),\n  },\n  fatal: {\n    color: LogBoxStyle.getFatalColor(1),\n  },\n  syntax: {\n    color: LogBoxStyle.getFatalColor(1),\n  },\n  messageText: {\n    color: LogBoxStyle.getTextColor(0.6),\n  },\n  collapse: {\n    color: LogBoxStyle.getTextColor(0.7),\n    fontSize: 14,\n    fontWeight: \"300\",\n    lineHeight: 12,\n  },\n  button: {\n    paddingVertical: 5,\n    paddingHorizontal: 10,\n    borderRadius: 3,\n  },\n});\n"]}

package/build/error-overlay/overlay/LogBoxInspectorSection.d.ts

@@ -0,0 +1,8 @@
+declare type Props = {
+    heading: string;
+    children: any;
+    action?: any;
+};
+export declare function LogBoxInspectorSection(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=LogBoxInspectorSection.d.ts.map

package/build/error-overlay/overlay/LogBoxInspectorSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogBoxInspectorSection.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/overlay/LogBoxInspectorSection.tsx"],"names":[],"mappings":"AAYA,aAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,MAAC;IACT,MAAM,CAAC,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,KAAK,eAUlD"}

package/build/error-overlay/overlay/LogBoxInspectorSection.js

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogBoxInspectorSection = void 0;
+/**
+ * Copyright (c) Evan Bacon.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const LogBoxStyle = __importStar(require("../UI/LogBoxStyle"));
+function LogBoxInspectorSection(props) {
+    return (react_1.default.createElement(react_native_1.View, { style: styles.section },
+        react_1.default.createElement(react_native_1.View, { style: styles.heading },
+            react_1.default.createElement(react_native_1.Text, { style: styles.headingText }, props.heading),
+            props.action),
+        react_1.default.createElement(react_native_1.View, { style: styles.body }, props.children)));
+}
+exports.LogBoxInspectorSection = LogBoxInspectorSection;
+const styles = react_native_1.StyleSheet.create({
+    section: {
+        marginTop: 15,
+    },
+    heading: {
+        alignItems: "center",
+        flexDirection: "row",
+        paddingHorizontal: 12,
+        marginBottom: 10,
+    },
+    headingText: {
+        color: LogBoxStyle.getTextColor(1),
+        flex: 1,
+        fontSize: 18,
+        fontWeight: "600",
+        includeFontPadding: false,
+        lineHeight: 20,
+    },
+    body: {
+        paddingBottom: 10,
+    },
+});
+//# sourceMappingURL=LogBoxInspectorSection.js.map

package/build/error-overlay/overlay/LogBoxInspectorSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogBoxInspectorSection.js","sourceRoot":"","sources":["../../../src/error-overlay/overlay/LogBoxInspectorSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,kDAA0B;AAC1B,+CAAsD;AAEtD,+DAAiD;AAQjD,SAAgB,sBAAsB,CAAC,KAAY;IACjD,OAAO,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;QACzB,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;YACzB,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,KAAK,CAAC,OAAO,CAAQ;YACtD,KAAK,CAAC,MAAM,CACR;QACP,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAC5C,CACR,CAAC;AACJ,CAAC;AAVD,wDAUC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,SAAS,EAAE,EAAE;KACd;IACD,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;KACjB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC;QAClC,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,kBAAkB,EAAE,KAAK;QACzB,UAAU,EAAE,EAAE;KACf;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,EAAE;KAClB;CACF,CAAC,CAAC","sourcesContent":["/**\n * Copyright (c) Evan Bacon.\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\n\nimport * as LogBoxStyle from \"../UI/LogBoxStyle\";\n\ntype Props = {\n  heading: string;\n  children;\n  action?: any;\n};\n\nexport function LogBoxInspectorSection(props: Props) {\n  return (\n    <View style={styles.section}>\n      <View style={styles.heading}>\n        <Text style={styles.headingText}>{props.heading}</Text>\n        {props.action}\n      </View>\n      <View style={styles.body}>{props.children}</View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  section: {\n    marginTop: 15,\n  },\n  heading: {\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    paddingHorizontal: 12,\n    marginBottom: 10,\n  },\n  headingText: {\n    color: LogBoxStyle.getTextColor(1),\n    flex: 1,\n    fontSize: 18,\n    fontWeight: \"600\",\n    includeFontPadding: false,\n    lineHeight: 20,\n  },\n  body: {\n    paddingBottom: 10,\n  },\n});\n"]}

package/build/error-overlay/overlay/LogBoxInspectorSourceMapStatus.d.ts

@@ -0,0 +1,8 @@
+import { GestureResponderEvent } from "react-native";
+declare type Props = {
+    onPress?: ((event: GestureResponderEvent) => void) | null;
+    status: "COMPLETE" | "FAILED" | "NONE" | "PENDING";
+};
+export declare function LogBoxInspectorSourceMapStatus(props: Props): JSX.Element | null;
+export {};
+//# sourceMappingURL=LogBoxInspectorSourceMapStatus.d.ts.map

package/build/error-overlay/overlay/LogBoxInspectorSourceMapStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogBoxInspectorSourceMapStatus.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/overlay/LogBoxInspectorSourceMapStatus.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,qBAAqB,EAGtB,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,KAAK,sBAuF1D"}

package/build/error-overlay/overlay/LogBoxInspectorSourceMapStatus.js

@@ -0,0 +1,127 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogBoxInspectorSourceMapStatus = void 0;
+/**
+ * Copyright (c) Evan Bacon.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const LogBoxButton_1 = require("../UI/LogBoxButton");
+const LogBoxStyle = __importStar(require("../UI/LogBoxStyle"));
+function LogBoxInspectorSourceMapStatus(props) {
+    const [state, setState] = (0, react_1.useState)({
+        animation: null,
+        rotate: null,
+    });
+    (0, react_1.useEffect)(() => {
+        if (props.status === "PENDING") {
+            if (state.animation == null) {
+                const animated = new react_native_1.Animated.Value(0);
+                const animation = react_native_1.Animated.loop(react_native_1.Animated.timing(animated, {
+                    duration: 2000,
+                    easing: react_native_1.Easing.linear,
+                    toValue: 1,
+                    useNativeDriver: true,
+                }));
+                setState({
+                    animation,
+                    rotate: animated.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: ["0deg", "360deg"],
+                    }),
+                });
+                animation.start();
+            }
+        }
+        else {
+            if (state.animation != null) {
+                state.animation.stop();
+                setState({
+                    animation: null,
+                    rotate: null,
+                });
+            }
+        }
+        return () => {
+            if (state.animation != null) {
+                state.animation.stop();
+            }
+        };
+    }, [props.status, state.animation]);
+    let image;
+    let color;
+    switch (props.status) {
+        case "FAILED":
+            image = require("@expo/metro-runtime/assets/alert-triangle.png");
+            color = LogBoxStyle.getErrorColor(1);
+            break;
+        case "PENDING":
+            image = require("@expo/metro-runtime/assets/loader.png");
+            color = LogBoxStyle.getWarningColor(1);
+            break;
+    }
+    if (props.status === "COMPLETE" || image == null) {
+        return null;
+    }
+    return (react_1.default.createElement(LogBoxButton_1.LogBoxButton, { backgroundColor: {
+            default: "transparent",
+            pressed: LogBoxStyle.getBackgroundColor(1),
+        }, hitSlop: { bottom: 8, left: 8, right: 8, top: 8 }, onPress: props.onPress, style: styles.root },
+        react_1.default.createElement(react_native_1.Animated.Image, { source: image, style: [
+                styles.image,
+                { tintColor: color },
+                state.rotate == null || props.status !== "PENDING"
+                    ? null
+                    : { transform: [{ rotate: state.rotate }] },
+            ] }),
+        react_1.default.createElement(react_native_1.Text, { style: [styles.text, { color }] }, "Source Map")));
+}
+exports.LogBoxInspectorSourceMapStatus = LogBoxInspectorSourceMapStatus;
+const styles = react_native_1.StyleSheet.create({
+    root: {
+        alignItems: "center",
+        borderRadius: 12,
+        flexDirection: "row",
+        height: 24,
+        paddingHorizontal: 8,
+    },
+    image: {
+        height: 14,
+        width: 16,
+        marginEnd: 4,
+        tintColor: LogBoxStyle.getTextColor(0.4),
+    },
+    text: {
+        fontSize: 12,
+        includeFontPadding: false,
+        lineHeight: 16,
+    },
+});
+//# sourceMappingURL=LogBoxInspectorSourceMapStatus.js.map

package/build/error-overlay/overlay/LogBoxInspectorSourceMapStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogBoxInspectorSourceMapStatus.js","sourceRoot":"","sources":["../../../src/error-overlay/overlay/LogBoxInspectorSourceMapStatus.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright (c) Evan Bacon.\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport React, { useEffect, useState } from \"react\";\nimport {\n  Animated,\n  Easing,\n  GestureResponderEvent,\n  StyleSheet,\n  Text,\n} from \"react-native\";\n\nimport { LogBoxButton } from \"../UI/LogBoxButton\";\nimport * as LogBoxStyle from \"../UI/LogBoxStyle\";\n\ntype Props = {\n  onPress?: ((event: GestureResponderEvent) => void) | null;\n  status: \"COMPLETE\" | \"FAILED\" | \"NONE\" | \"PENDING\";\n};\n\nexport function LogBoxInspectorSourceMapStatus(props: Props) {\n  const [state, setState] = useState<{\n    animation: null | Animated.CompositeAnimation;\n    rotate: null | Animated.AnimatedInterpolation;\n  }>({\n    animation: null,\n    rotate: null,\n  });\n\n  useEffect(() => {\n    if (props.status === \"PENDING\") {\n      if (state.animation == null) {\n        const animated = new Animated.Value(0);\n        const animation = Animated.loop(\n          Animated.timing(animated, {\n            duration: 2000,\n            easing: Easing.linear,\n            toValue: 1,\n            useNativeDriver: true,\n          })\n        );\n        setState({\n          animation,\n          rotate: animated.interpolate({\n            inputRange: [0, 1],\n            outputRange: [\"0deg\", \"360deg\"],\n          }),\n        });\n        animation.start();\n      }\n    } else {\n      if (state.animation != null) {\n        state.animation.stop();\n        setState({\n          animation: null,\n          rotate: null,\n        });\n      }\n    }\n\n    return () => {\n      if (state.animation != null) {\n        state.animation.stop();\n      }\n    };\n  }, [props.status, state.animation]);\n\n  let image;\n  let color;\n  switch (props.status) {\n    case \"FAILED\":\n      image = require(\"@expo/metro-runtime/assets/alert-triangle.png\");\n      color = LogBoxStyle.getErrorColor(1);\n      break;\n    case \"PENDING\":\n      image = require(\"@expo/metro-runtime/assets/loader.png\");\n      color = LogBoxStyle.getWarningColor(1);\n      break;\n  }\n\n  if (props.status === \"COMPLETE\" || image == null) {\n    return null;\n  }\n\n  return (\n    <LogBoxButton\n      backgroundColor={{\n        default: \"transparent\",\n        pressed: LogBoxStyle.getBackgroundColor(1),\n      }}\n      hitSlop={{ bottom: 8, left: 8, right: 8, top: 8 }}\n      onPress={props.onPress}\n      style={styles.root}\n    >\n      <Animated.Image\n        source={image}\n        style={[\n          styles.image,\n          { tintColor: color },\n          state.rotate == null || props.status !== \"PENDING\"\n            ? null\n            : { transform: [{ rotate: state.rotate }] },\n        ]}\n      />\n      <Text style={[styles.text, { color }]}>Source Map</Text>\n    </LogBoxButton>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    alignItems: \"center\",\n    borderRadius: 12,\n    flexDirection: \"row\",\n    height: 24,\n    paddingHorizontal: 8,\n  },\n  image: {\n    height: 14,\n    width: 16,\n    marginEnd: 4,\n    tintColor: LogBoxStyle.getTextColor(0.4),\n  },\n  text: {\n    fontSize: 12,\n    includeFontPadding: false,\n    lineHeight: 16,\n  },\n});\n"]}

package/build/error-overlay/overlay/LogBoxInspectorStackFrame.d.ts

@@ -0,0 +1,11 @@
+import { GestureResponderEvent } from "react-native";
+import { StackFrame } from "stacktrace-parser";
+declare type Props = {
+    frame: StackFrame & {
+        collapse?: boolean;
+    };
+    onPress?: (event: GestureResponderEvent) => void;
+};
+export declare function LogBoxInspectorStackFrame(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=LogBoxInspectorStackFrame.d.ts.map

package/build/error-overlay/overlay/LogBoxInspectorStackFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogBoxInspectorStackFrame.d.ts","sourceRoot":"","sources":["../../../src/error-overlay/overlay/LogBoxInspectorStackFrame.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAA0B,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAO/C,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,UAAU,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,KAAK,eAiCrD"}