one 1.2.57 → 1.2.58

package/dist/esm/views/ErrorBoundary.js

@@ -1,12 +1,330 @@
-import { BottomTabBarHeightContext } from "@react-navigation/bottom-tabs";
 import React from "react";
-import { View } from "react-native-web";
-import { SafeAreaView } from "react-native-safe-area-context";
-function ErrorBoundary({ error, retry }) {
-  const Wrapper = React.useContext(BottomTabBarHeightContext) ? View : SafeAreaView;
-  return console.error("error", error), null;
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ErrorBoundary({ error, retry, route }) {
+  const isDev = process.env.NODE_ENV === "development";
+  return React.useEffect(() => {
+    typeof window < "u" && window.dispatchEvent(
+      new CustomEvent("one-error", {
+        detail: {
+          error: {
+            message: error.message,
+            stack: error.stack,
+            name: error.name
+          },
+          route: route || {},
+          timestamp: Date.now(),
+          type: "render"
+        }
+      })
+    );
+  }, [error, route]), /* @__PURE__ */ 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: "24px"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            maxWidth: "600px",
+            width: "100%",
+            backgroundColor: "#1a1a2e",
+            borderRadius: "12px",
+            boxShadow: "0 8px 32px rgba(0, 0, 0, 0.4)",
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  padding: "16px 20px",
+                  backgroundColor: "#ef4444",
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "12px"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      width: "24",
+                      height: "24",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "white",
+                      strokeWidth: "2",
+                      children: [
+                        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                        /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+                        /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, fontSize: "16px", color: "white" }, children: "Something went wrong" }),
+                    route?.pathname && /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          fontSize: "13px",
+                          color: "rgba(255,255,255,0.8)",
+                          marginTop: "2px"
+                        },
+                        children: [
+                          "on ",
+                          route.pathname
+                        ]
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { style: { padding: "20px" }, children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    backgroundColor: "#2a2a4a",
+                    borderRadius: "8px",
+                    padding: "16px",
+                    marginBottom: "16px"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        fontFamily: "monospace",
+                        fontSize: "14px",
+                        lineHeight: "1.5",
+                        color: "#f87171",
+                        wordBreak: "break-word"
+                      },
+                      children: error.message || "An unexpected error occurred"
+                    }
+                  )
+                }
+              ),
+              isDev && error.stack && /* @__PURE__ */ jsxs(
+                "details",
+                {
+                  style: {
+                    marginBottom: "16px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "summary",
+                      {
+                        style: {
+                          cursor: "pointer",
+                          fontSize: "13px",
+                          color: "#888",
+                          marginBottom: "8px"
+                        },
+                        children: "Stack trace"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          backgroundColor: "#16162a",
+                          borderRadius: "8px",
+                          padding: "12px",
+                          maxHeight: "200px",
+                          overflow: "auto"
+                        },
+                        children: /* @__PURE__ */ jsx(
+                          "pre",
+                          {
+                            style: {
+                              fontFamily: "monospace",
+                              fontSize: "11px",
+                              lineHeight: "1.6",
+                              color: "#a0a0a0",
+                              margin: 0,
+                              whiteSpace: "pre-wrap",
+                              wordBreak: "break-word"
+                            },
+                            children: error.stack
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              isDev && route && /* @__PURE__ */ jsxs(
+                "details",
+                {
+                  style: {
+                    marginBottom: "16px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "summary",
+                      {
+                        style: {
+                          cursor: "pointer",
+                          fontSize: "13px",
+                          color: "#888",
+                          marginBottom: "8px"
+                        },
+                        children: "Route info"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          backgroundColor: "#16162a",
+                          borderRadius: "8px",
+                          padding: "12px",
+                          display: "grid",
+                          gridTemplateColumns: "auto 1fr",
+                          gap: "8px",
+                          fontFamily: "monospace",
+                          fontSize: "12px"
+                        },
+                        children: [
+                          route.pathname && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx("span", { style: { color: "#888" }, children: "pathname" }),
+                            /* @__PURE__ */ jsx("span", { style: { color: "#e8e8e8" }, children: route.pathname })
+                          ] }),
+                          route.routeName && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx("span", { style: { color: "#888" }, children: "route" }),
+                            /* @__PURE__ */ jsx("span", { style: { color: "#e8e8e8" }, children: route.routeName })
+                          ] }),
+                          route.params && Object.keys(route.params).length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx("span", { style: { color: "#888" }, children: "params" }),
+                            /* @__PURE__ */ jsx("span", { style: { color: "#e8e8e8" }, children: JSON.stringify(route.params) })
+                          ] })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px" }, children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => retry(),
+                    style: {
+                      flex: 1,
+                      padding: "12px 20px",
+                      backgroundColor: "#3b82f6",
+                      color: "white",
+                      border: "none",
+                      borderRadius: "8px",
+                      fontSize: "14px",
+                      fontWeight: 500,
+                      cursor: "pointer",
+                      transition: "background-color 0.15s"
+                    },
+                    onMouseOver: (e) => {
+                      e.currentTarget.style.backgroundColor = "#2563eb";
+                    },
+                    onMouseOut: (e) => {
+                      e.currentTarget.style.backgroundColor = "#3b82f6";
+                    },
+                    children: "Try Again"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => {
+                      typeof window < "u" && (window.location.href = "/");
+                    },
+                    style: {
+                      padding: "12px 20px",
+                      backgroundColor: "transparent",
+                      color: "#888",
+                      border: "1px solid #3a3a5a",
+                      borderRadius: "8px",
+                      fontSize: "14px",
+                      fontWeight: 500,
+                      cursor: "pointer",
+                      transition: "all 0.15s"
+                    },
+                    onMouseOver: (e) => {
+                      e.currentTarget.style.backgroundColor = "#2a2a4a", e.currentTarget.style.color = "#e8e8e8";
+                    },
+                    onMouseOut: (e) => {
+                      e.currentTarget.style.backgroundColor = "transparent", e.currentTarget.style.color = "#888";
+                    },
+                    children: "Go Home"
+                  }
+                )
+              ] })
+            ] }),
+            isDev && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  padding: "12px 20px",
+                  backgroundColor: "#16162a",
+                  borderTop: "1px solid #2a2a4a",
+                  fontSize: "11px",
+                  color: "#666",
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      width: "12",
+                      height: "12",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "#666",
+                      strokeWidth: "2",
+                      children: [
+                        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                        /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+                        /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    "Press",
+                    " ",
+                    /* @__PURE__ */ jsx(
+                      "kbd",
+                      {
+                        style: {
+                          padding: "2px 6px",
+                          backgroundColor: "#2a2a4a",
+                          borderRadius: "4px"
+                        },
+                        children: "Alt+E"
+                      }
+                    ),
+                    " ",
+                    "to open Error Panel"
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
 }
 export {
   ErrorBoundary
 };
-//# sourceMappingURL=ErrorBoundary.js.map
+//# sourceMappingURL=ErrorBoundary.web.js.map

package/dist/esm/views/ErrorBoundary.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/views/ErrorBoundary.tsx"],
-  "mappings": "AAGA,SAAS,iCAAiC;AAC1C,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAqCtB,SAAS,cAAc,EAAE,OAAO,MAAM,GAAuB;AAGlE,QAAM,UADW,MAAM,WAAW,yBAAyB,IAChC,OAAO;AAElC,iBAAQ,MAAM,SAAS,KAAK,GAErB;AAkDT;",
+  "sources": ["../../../src/views/ErrorBoundary.web.tsx"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/views/ErrorBoundary.mjs

@@ -1,13 +1,296 @@
-import { BottomTabBarHeightContext } from "@react-navigation/bottom-tabs";
 import React from "react";
-import { View } from "react-native-web";
-import { SafeAreaView } from "react-native-safe-area-context";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ErrorBoundary({
   error,
-  retry
+  retry,
+  route
 }) {
-  const Wrapper = React.useContext(BottomTabBarHeightContext) ? View : SafeAreaView;
-  return console.error("error", error), null;
+  const isDev = process.env.NODE_ENV === "development";
+  return React.useEffect(() => {
+    typeof window < "u" && window.dispatchEvent(new CustomEvent("one-error", {
+      detail: {
+        error: {
+          message: error.message,
+          stack: error.stack,
+          name: error.name
+        },
+        route: route || {},
+        timestamp: Date.now(),
+        type: "render"
+      }
+    }));
+  }, [error, route]), /* @__PURE__ */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: "24px"
+    },
+    children: /* @__PURE__ */jsxs("div", {
+      style: {
+        maxWidth: "600px",
+        width: "100%",
+        backgroundColor: "#1a1a2e",
+        borderRadius: "12px",
+        boxShadow: "0 8px 32px rgba(0, 0, 0, 0.4)",
+        overflow: "hidden"
+      },
+      children: [/* @__PURE__ */jsxs("div", {
+        style: {
+          padding: "16px 20px",
+          backgroundColor: "#ef4444",
+          display: "flex",
+          alignItems: "center",
+          gap: "12px"
+        },
+        children: [/* @__PURE__ */jsxs("svg", {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "white",
+          strokeWidth: "2",
+          children: [/* @__PURE__ */jsx("circle", {
+            cx: "12",
+            cy: "12",
+            r: "10"
+          }), /* @__PURE__ */jsx("line", {
+            x1: "12",
+            y1: "8",
+            x2: "12",
+            y2: "12"
+          }), /* @__PURE__ */jsx("line", {
+            x1: "12",
+            y1: "16",
+            x2: "12.01",
+            y2: "16"
+          })]
+        }), /* @__PURE__ */jsxs("div", {
+          children: [/* @__PURE__ */jsx("div", {
+            style: {
+              fontWeight: 600,
+              fontSize: "16px",
+              color: "white"
+            },
+            children: "Something went wrong"
+          }), route?.pathname && /* @__PURE__ */jsxs("div", {
+            style: {
+              fontSize: "13px",
+              color: "rgba(255,255,255,0.8)",
+              marginTop: "2px"
+            },
+            children: ["on ", route.pathname]
+          })]
+        })]
+      }), /* @__PURE__ */jsxs("div", {
+        style: {
+          padding: "20px"
+        },
+        children: [/* @__PURE__ */jsx("div", {
+          style: {
+            backgroundColor: "#2a2a4a",
+            borderRadius: "8px",
+            padding: "16px",
+            marginBottom: "16px"
+          },
+          children: /* @__PURE__ */jsx("div", {
+            style: {
+              fontFamily: "monospace",
+              fontSize: "14px",
+              lineHeight: "1.5",
+              color: "#f87171",
+              wordBreak: "break-word"
+            },
+            children: error.message || "An unexpected error occurred"
+          })
+        }), isDev && error.stack && /* @__PURE__ */jsxs("details", {
+          style: {
+            marginBottom: "16px"
+          },
+          children: [/* @__PURE__ */jsx("summary", {
+            style: {
+              cursor: "pointer",
+              fontSize: "13px",
+              color: "#888",
+              marginBottom: "8px"
+            },
+            children: "Stack trace"
+          }), /* @__PURE__ */jsx("div", {
+            style: {
+              backgroundColor: "#16162a",
+              borderRadius: "8px",
+              padding: "12px",
+              maxHeight: "200px",
+              overflow: "auto"
+            },
+            children: /* @__PURE__ */jsx("pre", {
+              style: {
+                fontFamily: "monospace",
+                fontSize: "11px",
+                lineHeight: "1.6",
+                color: "#a0a0a0",
+                margin: 0,
+                whiteSpace: "pre-wrap",
+                wordBreak: "break-word"
+              },
+              children: error.stack
+            })
+          })]
+        }), isDev && route && /* @__PURE__ */jsxs("details", {
+          style: {
+            marginBottom: "16px"
+          },
+          children: [/* @__PURE__ */jsx("summary", {
+            style: {
+              cursor: "pointer",
+              fontSize: "13px",
+              color: "#888",
+              marginBottom: "8px"
+            },
+            children: "Route info"
+          }), /* @__PURE__ */jsxs("div", {
+            style: {
+              backgroundColor: "#16162a",
+              borderRadius: "8px",
+              padding: "12px",
+              display: "grid",
+              gridTemplateColumns: "auto 1fr",
+              gap: "8px",
+              fontFamily: "monospace",
+              fontSize: "12px"
+            },
+            children: [route.pathname && /* @__PURE__ */jsxs(Fragment, {
+              children: [/* @__PURE__ */jsx("span", {
+                style: {
+                  color: "#888"
+                },
+                children: "pathname"
+              }), /* @__PURE__ */jsx("span", {
+                style: {
+                  color: "#e8e8e8"
+                },
+                children: route.pathname
+              })]
+            }), route.routeName && /* @__PURE__ */jsxs(Fragment, {
+              children: [/* @__PURE__ */jsx("span", {
+                style: {
+                  color: "#888"
+                },
+                children: "route"
+              }), /* @__PURE__ */jsx("span", {
+                style: {
+                  color: "#e8e8e8"
+                },
+                children: route.routeName
+              })]
+            }), route.params && Object.keys(route.params).length > 0 && /* @__PURE__ */jsxs(Fragment, {
+              children: [/* @__PURE__ */jsx("span", {
+                style: {
+                  color: "#888"
+                },
+                children: "params"
+              }), /* @__PURE__ */jsx("span", {
+                style: {
+                  color: "#e8e8e8"
+                },
+                children: JSON.stringify(route.params)
+              })]
+            })]
+          })]
+        }), /* @__PURE__ */jsxs("div", {
+          style: {
+            display: "flex",
+            gap: "12px"
+          },
+          children: [/* @__PURE__ */jsx("button", {
+            onClick: () => retry(),
+            style: {
+              flex: 1,
+              padding: "12px 20px",
+              backgroundColor: "#3b82f6",
+              color: "white",
+              border: "none",
+              borderRadius: "8px",
+              fontSize: "14px",
+              fontWeight: 500,
+              cursor: "pointer",
+              transition: "background-color 0.15s"
+            },
+            onMouseOver: e => {
+              e.currentTarget.style.backgroundColor = "#2563eb";
+            },
+            onMouseOut: e => {
+              e.currentTarget.style.backgroundColor = "#3b82f6";
+            },
+            children: "Try Again"
+          }), /* @__PURE__ */jsx("button", {
+            onClick: () => {
+              typeof window < "u" && (window.location.href = "/");
+            },
+            style: {
+              padding: "12px 20px",
+              backgroundColor: "transparent",
+              color: "#888",
+              border: "1px solid #3a3a5a",
+              borderRadius: "8px",
+              fontSize: "14px",
+              fontWeight: 500,
+              cursor: "pointer",
+              transition: "all 0.15s"
+            },
+            onMouseOver: e => {
+              e.currentTarget.style.backgroundColor = "#2a2a4a", e.currentTarget.style.color = "#e8e8e8";
+            },
+            onMouseOut: e => {
+              e.currentTarget.style.backgroundColor = "transparent", e.currentTarget.style.color = "#888";
+            },
+            children: "Go Home"
+          })]
+        })]
+      }), isDev && /* @__PURE__ */jsxs("div", {
+        style: {
+          padding: "12px 20px",
+          backgroundColor: "#16162a",
+          borderTop: "1px solid #2a2a4a",
+          fontSize: "11px",
+          color: "#666",
+          display: "flex",
+          alignItems: "center",
+          gap: "8px"
+        },
+        children: [/* @__PURE__ */jsxs("svg", {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "#666",
+          strokeWidth: "2",
+          children: [/* @__PURE__ */jsx("circle", {
+            cx: "12",
+            cy: "12",
+            r: "10"
+          }), /* @__PURE__ */jsx("path", {
+            d: "M12 16v-4"
+          }), /* @__PURE__ */jsx("path", {
+            d: "M12 8h.01"
+          })]
+        }), /* @__PURE__ */jsxs("span", {
+          children: ["Press", " ", /* @__PURE__ */jsx("kbd", {
+            style: {
+              padding: "2px 6px",
+              backgroundColor: "#2a2a4a",
+              borderRadius: "4px"
+            },
+            children: "Alt+E"
+          }), " ", "to open Error Panel"]
+        })]
+      })]
+    })
+  });
 }
 export { ErrorBoundary };
 //# sourceMappingURL=ErrorBoundary.mjs.map