one 1.15.10 → 1.16.0

package/dist/cjs/views/RootErrorBoundary.cjs

@@ -38,6 +38,8 @@ __export(RootErrorBoundary_exports, {
 module.exports = __toCommonJS(RootErrorBoundary_exports);
 var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native-web");
+var import_skewProtection = require("../skewProtection.cjs");
+var import_dynamicImport = require("../utils/dynamicImport.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 class RootErrorBoundary extends import_react.default.Component {
   state = {
@@ -58,20 +60,19 @@ class RootErrorBoundary extends import_react.default.Component {
     console.error(`[One] Root error boundary caught error:
 ${printError(error)}
 ${info.componentStack}`);
-    if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") {
-      window.dispatchEvent(new CustomEvent("one-error", {
-        detail: {
-          error: {
-            message: error.message,
-            stack: error.stack,
-            name: error.name
-          },
-          componentStack: info.componentStack,
-          timestamp: Date.now(),
-          type: "render"
-        }
-      }));
-    }
+    if (process.env.NODE_ENV === "production" && process.env.ONE_SKEW_PROTECTION !== "false") if ((0, import_dynamicImport.isChunkLoadError)(error)) (0, import_dynamicImport.handleSkewError)();else (0, import_skewProtection.checkSkewAndReload)();
+    if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("one-error", {
+      detail: {
+        error: {
+          message: error.message,
+          stack: error.stack,
+          name: error.name
+        },
+        componentStack: info.componentStack,
+        timestamp: Date.now(),
+        type: "render"
+      }
+    }));
   }
   handleRetry = () => {
     this.setState({
@@ -87,120 +88,116 @@ ${info.componentStack}`);
         componentStack
       } = this.state;
       const isDev = process.env.NODE_ENV === "development";
-      if (import_react_native.Platform.OS === "web") {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      if (import_react_native.Platform.OS === "web") return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+        style: {
+          minHeight: "100vh",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "#0a0a0f",
+          fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
+          color: "#e8e8e8",
+          padding: 24
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
           style: {
-            minHeight: "100vh",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            backgroundColor: "#0a0a0f",
-            fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
-            color: "#e8e8e8",
-            padding: 24
+            maxWidth: 500,
+            width: "100%",
+            textAlign: "center"
           },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
             style: {
-              maxWidth: 500,
-              width: "100%",
-              textAlign: "center"
+              width: 64,
+              height: 64,
+              backgroundColor: "#ef4444",
+              borderRadius: "50%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              margin: "0 auto 24px"
             },
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-              style: {
-                width: 64,
-                height: 64,
-                backgroundColor: "#ef4444",
-                borderRadius: "50%",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                margin: "0 auto 24px"
-              },
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-                width: "32",
-                height: "32",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "white",
-                strokeWidth: "2",
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
-                  cx: "12",
-                  cy: "12",
-                  r: "10"
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-                  x1: "12",
-                  y1: "8",
-                  x2: "12",
-                  y2: "12"
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-                  x1: "12",
-                  y1: "16",
-                  x2: "12.01",
-                  y2: "16"
-                })]
-              })
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("h1", {
-              style: {
-                fontSize: 24,
-                fontWeight: 600,
-                marginBottom: 8
-              },
-              children: "Something went wrong"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("p", {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+              width: "32",
+              height: "32",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "white",
+              strokeWidth: "2",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+                cx: "12",
+                cy: "12",
+                r: "10"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+                x1: "12",
+                y1: "8",
+                x2: "12",
+                y2: "12"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+                x1: "12",
+                y1: "16",
+                x2: "12.01",
+                y2: "16"
+              })]
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("h1", {
+            style: {
+              fontSize: 24,
+              fontWeight: 600,
+              marginBottom: 8
+            },
+            children: "Something went wrong"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("p", {
+            style: {
+              fontSize: 14,
+              color: "#888",
+              marginBottom: 24
+            },
+            children: error?.message || "An unexpected error occurred"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+            style: {
+              display: "flex",
+              gap: 12,
+              justifyContent: "center"
+            },
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+              onClick: this.handleRetry,
               style: {
+                padding: "12px 24px",
+                backgroundColor: "#3b82f6",
+                color: "white",
+                border: "none",
+                borderRadius: 8,
                 fontSize: 14,
-                color: "#888",
-                marginBottom: 24
+                fontWeight: 500,
+                cursor: "pointer"
               },
-              children: error?.message || "An unexpected error occurred"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
-              style: {
-                display: "flex",
-                gap: 12,
-                justifyContent: "center"
+              children: "Try Again"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+              onClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/";
               },
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
-                onClick: this.handleRetry,
-                style: {
-                  padding: "12px 24px",
-                  backgroundColor: "#3b82f6",
-                  color: "white",
-                  border: "none",
-                  borderRadius: 8,
-                  fontSize: 14,
-                  fontWeight: 500,
-                  cursor: "pointer"
-                },
-                children: "Try Again"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
-                onClick: () => {
-                  if (typeof window !== "undefined") {
-                    window.location.href = "/";
-                  }
-                },
-                style: {
-                  padding: "12px 24px",
-                  backgroundColor: "transparent",
-                  color: "#888",
-                  border: "1px solid #3a3a5a",
-                  borderRadius: 8,
-                  fontSize: 14,
-                  fontWeight: 500,
-                  cursor: "pointer"
-                },
-                children: "Go Home"
-              })]
-            }), isDev && /* @__PURE__ */(0, import_jsx_runtime.jsx)("p", {
               style: {
-                fontSize: 11,
-                color: "#666",
-                marginTop: 24
+                padding: "12px 24px",
+                backgroundColor: "transparent",
+                color: "#888",
+                border: "1px solid #3a3a5a",
+                borderRadius: 8,
+                fontSize: 14,
+                fontWeight: 500,
+                cursor: "pointer"
               },
-              children: "Press Alt+E to view error details"
+              children: "Go Home"
             })]
-          })
-        });
-      }
+          }), isDev && /* @__PURE__ */(0, import_jsx_runtime.jsx)("p", {
+            style: {
+              fontSize: 11,
+              color: "#666",
+              marginTop: 24
+            },
+            children: "Press Alt+E to view error details"
+          })]
+        })
+      });
       return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
         style: {
           flex: 1,

package/dist/cjs/views/RootErrorBoundary.native.js

@@ -41,10 +41,10 @@ module.exports = __toCommonJS(RootErrorBoundary_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native");
+require("../skewProtection.native.js");
+require("../utils/dynamicImport.native.js");
 function _assert_this_initialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
+  if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return self;
 }
 function _call_super(_this, derived, args) {
@@ -52,9 +52,7 @@ function _call_super(_this, derived, args) {
   return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
 }
 function _class_call_check(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
+  if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
 }
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
@@ -71,16 +69,12 @@ function _create_class(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
+  if (key in obj) Object.defineProperty(obj, key, {
+    value,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  });else obj[key] = value;
   return obj;
 }
 function _get_prototype_of(o) {
@@ -90,9 +84,7 @@ function _get_prototype_of(o) {
   return _get_prototype_of(o);
 }
 function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
+  if (typeof superClass !== "function" && superClass !== null) throw new TypeError("Super expression must either be null or a function");
   subClass.prototype = Object.create(superClass && superClass.prototype, {
     constructor: {
       value: subClass,
@@ -103,16 +95,10 @@ function _inherits(subClass, superClass) {
   if (superClass) _set_prototype_of(subClass, superClass);
 }
 function _instanceof(left, right) {
-  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-    return !!right[Symbol.hasInstance](left);
-  } else {
-    return left instanceof right;
-  }
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) return !!right[Symbol.hasInstance](left);else return left instanceof right;
 }
 function _possible_constructor_return(self, call) {
-  if (call && (_type_of(call) === "object" || typeof call === "function")) {
-    return call;
-  }
+  if (call && (_type_of(call) === "object" || typeof call === "function")) return call;
   return _assert_this_initialized(self);
 }
 function _set_prototype_of(o, p) {
@@ -141,8 +127,8 @@ var RootErrorBoundary = /* @__PURE__ */function (_React_Component) {
   _inherits(RootErrorBoundary2, _React_Component);
   function RootErrorBoundary2() {
     _class_call_check(this, RootErrorBoundary2);
-    var _this;
-    _this = _call_super(this, RootErrorBoundary2, arguments), _define_property(_this, "state", {
+    var _this = _call_super(this, RootErrorBoundary2, arguments);
+    _define_property(_this, "state", {
       hasError: false,
       error: null,
       componentStack: null
@@ -164,20 +150,18 @@ var RootErrorBoundary = /* @__PURE__ */function (_React_Component) {
       console.error(`[One] Root error boundary caught error:
 ${printError(error)}
 ${info.componentStack}`);
-      if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") {
-        window.dispatchEvent(new CustomEvent("one-error", {
-          detail: {
-            error: {
-              message: error.message,
-              stack: error.stack,
-              name: error.name
-            },
-            componentStack: info.componentStack,
-            timestamp: Date.now(),
-            type: "render"
-          }
-        }));
-      }
+      if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("one-error", {
+        detail: {
+          error: {
+            message: error.message,
+            stack: error.stack,
+            name: error.name
+          },
+          componentStack: info.componentStack,
+          timestamp: Date.now(),
+          type: "render"
+        }
+      }));
     }
   }, {
     key: "render",
@@ -188,120 +172,116 @@ ${info.componentStack}`);
           componentStack
         } = this.state;
         var isDev = process.env.NODE_ENV === "development";
-        if (import_react_native.Platform.OS === "web") {
-          return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+        if (import_react_native.Platform.OS === "web") return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+          style: {
+            minHeight: "100vh",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: "#0a0a0f",
+            fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
+            color: "#e8e8e8",
+            padding: 24
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
             style: {
-              minHeight: "100vh",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              backgroundColor: "#0a0a0f",
-              fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
-              color: "#e8e8e8",
-              padding: 24
+              maxWidth: 500,
+              width: "100%",
+              textAlign: "center"
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
               style: {
-                maxWidth: 500,
-                width: "100%",
-                textAlign: "center"
+                width: 64,
+                height: 64,
+                backgroundColor: "#ef4444",
+                borderRadius: "50%",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                margin: "0 auto 24px"
               },
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-                style: {
-                  width: 64,
-                  height: 64,
-                  backgroundColor: "#ef4444",
-                  borderRadius: "50%",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  margin: "0 auto 24px"
-                },
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-                  width: "32",
-                  height: "32",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "white",
-                  strokeWidth: "2",
-                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
-                    cx: "12",
-                    cy: "12",
-                    r: "10"
-                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-                    x1: "12",
-                    y1: "8",
-                    x2: "12",
-                    y2: "12"
-                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-                    x1: "12",
-                    y1: "16",
-                    x2: "12.01",
-                    y2: "16"
-                  })]
-                })
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("h1", {
-                style: {
-                  fontSize: 24,
-                  fontWeight: 600,
-                  marginBottom: 8
-                },
-                children: "Something went wrong"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("p", {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+                width: "32",
+                height: "32",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "white",
+                strokeWidth: "2",
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "10"
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+                  x1: "12",
+                  y1: "8",
+                  x2: "12",
+                  y2: "12"
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+                  x1: "12",
+                  y1: "16",
+                  x2: "12.01",
+                  y2: "16"
+                })]
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("h1", {
+              style: {
+                fontSize: 24,
+                fontWeight: 600,
+                marginBottom: 8
+              },
+              children: "Something went wrong"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("p", {
+              style: {
+                fontSize: 14,
+                color: "#888",
+                marginBottom: 24
+              },
+              children: (error === null || error === void 0 ? void 0 : error.message) || "An unexpected error occurred"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+              style: {
+                display: "flex",
+                gap: 12,
+                justifyContent: "center"
+              },
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+                onClick: this.handleRetry,
                 style: {
+                  padding: "12px 24px",
+                  backgroundColor: "#3b82f6",
+                  color: "white",
+                  border: "none",
+                  borderRadius: 8,
                   fontSize: 14,
-                  color: "#888",
-                  marginBottom: 24
+                  fontWeight: 500,
+                  cursor: "pointer"
                 },
-                children: (error === null || error === void 0 ? void 0 : error.message) || "An unexpected error occurred"
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                  display: "flex",
-                  gap: 12,
-                  justifyContent: "center"
+                children: "Try Again"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+                onClick: function () {
+                  if (typeof window !== "undefined") window.location.href = "/";
                 },
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
-                  onClick: this.handleRetry,
-                  style: {
-                    padding: "12px 24px",
-                    backgroundColor: "#3b82f6",
-                    color: "white",
-                    border: "none",
-                    borderRadius: 8,
-                    fontSize: 14,
-                    fontWeight: 500,
-                    cursor: "pointer"
-                  },
-                  children: "Try Again"
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
-                  onClick: function () {
-                    if (typeof window !== "undefined") {
-                      window.location.href = "/";
-                    }
-                  },
-                  style: {
-                    padding: "12px 24px",
-                    backgroundColor: "transparent",
-                    color: "#888",
-                    border: "1px solid #3a3a5a",
-                    borderRadius: 8,
-                    fontSize: 14,
-                    fontWeight: 500,
-                    cursor: "pointer"
-                  },
-                  children: "Go Home"
-                })]
-              }), isDev && /* @__PURE__ */(0, import_jsx_runtime.jsx)("p", {
                 style: {
-                  fontSize: 11,
-                  color: "#666",
-                  marginTop: 24
+                  padding: "12px 24px",
+                  backgroundColor: "transparent",
+                  color: "#888",
+                  border: "1px solid #3a3a5a",
+                  borderRadius: 8,
+                  fontSize: 14,
+                  fontWeight: 500,
+                  cursor: "pointer"
                 },
-                children: "Press Alt+E to view error details"
+                children: "Go Home"
               })]
-            })
-          });
-        }
+            }), isDev && /* @__PURE__ */(0, import_jsx_runtime.jsx)("p", {
+              style: {
+                fontSize: 11,
+                color: "#666",
+                marginTop: 24
+              },
+              children: "Press Alt+E to view error details"
+            })]
+          })
+        });
         return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
           style: {
             flex: 1,