one 1.25.5 → 1.25.6

package/dist/esm/views/ErrorBoundary.mjs

@@ -0,0 +1,303 @@
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ErrorBoundary({
+  error,
+  retry,
+  route
+}) {
+  const isDev = process.env.NODE_ENV === "development";
+  React.useEffect(() => {
+    if (typeof window !== "undefined") {
+      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]);
+  return /* @__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: () => {
+              if (typeof window !== "undefined") {
+                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

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

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

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

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BottomTabBarHeightContext } from "@react-navigation/bottom-tabs";
+import React from "react";
+import { Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+function ErrorBoundary(param) {
+  var {
+    error,
+    retry,
+    route
+  } = param;
+  var inTabBar = React.useContext(BottomTabBarHeightContext);
+  var Wrapper = inTabBar ? View : SafeAreaView;
+  var isDev = process.env.NODE_ENV === "development";
+  console.error("[One] Error in route:", (route === null || route === void 0 ? void 0 : route.routeName) || "unknown", error);
+  return /* @__PURE__ */_jsx(Wrapper, {
+    style: styles.container,
+    children: /* @__PURE__ */_jsxs(View, {
+      style: styles.content,
+      children: [/* Error icon */
+      /* @__PURE__ */_jsx(View, {
+        style: styles.iconContainer,
+        children: /* @__PURE__ */_jsx(Text, {
+          style: styles.iconText,
+          children: "!"
+        })
+      }), /* Title */
+      /* @__PURE__ */_jsx(Text, {
+        style: styles.title,
+        children: "Something went wrong"
+      }), /* Route info */
+      (route === null || route === void 0 ? void 0 : route.routeName) && /* @__PURE__ */_jsxs(Text, {
+        style: styles.routeInfo,
+        children: ["on route: ", route.routeName]
+      }), /* Error message */
+      /* @__PURE__ */_jsx(View, {
+        style: styles.errorBox,
+        children: /* @__PURE__ */_jsx(Text, {
+          style: styles.errorMessage,
+          children: (error === null || error === void 0 ? void 0 : error.message) || "An unexpected error occurred"
+        })
+      }), /* Stack trace (dev only) */
+      isDev && (error === null || error === void 0 ? void 0 : error.stack) && /* @__PURE__ */_jsxs(ScrollView, {
+        style: styles.stackContainer,
+        children: [/* @__PURE__ */_jsx(Text, {
+          style: styles.stackTitle,
+          children: "Stack trace:"
+        }), /* @__PURE__ */_jsx(Text, {
+          style: styles.stackText,
+          children: error.stack
+        })]
+      }), /* Actions */
+      /* @__PURE__ */_jsx(View, {
+        style: styles.actions,
+        children: /* @__PURE__ */_jsx(Pressable, {
+          onPress: function () {
+            return retry();
+          },
+          style: function (param2) {
+            var {
+              pressed
+            } = param2;
+            return [styles.button, styles.primaryButton, pressed && styles.buttonPressed];
+          },
+          children: /* @__PURE__ */_jsx(Text, {
+            style: styles.primaryButtonText,
+            children: "Try Again"
+          })
+        })
+      })]
+    })
+  });
+}
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#0a0a0f"
+  },
+  content: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24
+  },
+  iconContainer: {
+    width: 64,
+    height: 64,
+    backgroundColor: "#ef4444",
+    borderRadius: 32,
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 24
+  },
+  iconText: {
+    color: "white",
+    fontSize: 32,
+    fontWeight: "bold"
+  },
+  title: {
+    fontSize: 22,
+    fontWeight: "600",
+    color: "#e8e8e8",
+    marginBottom: 8,
+    textAlign: "center"
+  },
+  routeInfo: {
+    fontSize: 13,
+    color: "#666",
+    marginBottom: 16
+  },
+  errorBox: {
+    backgroundColor: "#1a1a2e",
+    borderRadius: 8,
+    padding: 16,
+    marginBottom: 16,
+    width: "100%",
+    maxWidth: 400
+  },
+  errorMessage: {
+    fontFamily: "monospace",
+    fontSize: 14,
+    lineHeight: 20,
+    color: "#f87171",
+    textAlign: "center"
+  },
+  stackContainer: {
+    maxHeight: 150,
+    width: "100%",
+    maxWidth: 400,
+    backgroundColor: "#16162a",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 16
+  },
+  stackTitle: {
+    fontSize: 11,
+    color: "#666",
+    marginBottom: 8
+  },
+  stackText: {
+    fontFamily: "monospace",
+    fontSize: 10,
+    lineHeight: 16,
+    color: "#a0a0a0"
+  },
+  actions: {
+    flexDirection: "row",
+    gap: 12,
+    marginTop: 8
+  },
+  button: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 8,
+    minWidth: 120,
+    alignItems: "center"
+  },
+  primaryButton: {
+    backgroundColor: "#3b82f6"
+  },
+  buttonPressed: {
+    opacity: 0.8
+  },
+  primaryButtonText: {
+    color: "white",
+    fontSize: 14,
+    fontWeight: "500"
+  }
+});
+export { ErrorBoundary };
+//# sourceMappingURL=ErrorBoundary.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","BottomTabBarHeightContext","React","Pressable","ScrollView","StyleSheet","Text","View","SafeAreaView","ErrorBoundary","param","error","retry","route","inTabBar","useContext","Wrapper","isDev","process","env","NODE_ENV","console","routeName","style","styles","container","children","content","iconContainer","iconText","title","routeInfo","errorBox","errorMessage","message","stack","stackContainer","stackTitle","stackText","actions","onPress","param2","pressed","button","primaryButton","buttonPressed","primaryButtonText","create","flex","backgroundColor","alignItems","justifyContent","padding","width","height","borderRadius","marginBottom","color","fontSize","fontWeight","textAlign","maxWidth","fontFamily","lineHeight","maxHeight","flexDirection","gap","marginTop","paddingVertical","paddingHorizontal","minWidth","opacity"],"sources":["../../../src/views/ErrorBoundary.web.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAsER,SA+HQC,yBA/HR;AAzDH,OAAAC,KAAS,aAAgB;AAC9B,SAAMC,SAAQ,EAAAC,UAAY,EAAAC,UAAa,EAAAC,IAAA,EAAAC,IAAA;AAGvC,SAAMC,YAAU,QAAM;AACpB,SAAIC,aAAOA,CAAAC,KAAW;EACpB;IAAAC,KAAO;IAAAC,KAAA;IAAAC;EAAA,IAAAH,KAAA;EAAA,IAAAI,QACD,GAAAZ,KAAA,CAAAa,UAAY,CAAAd,yBAAa;EAAA,IAAAe,OAC3B,GAAAF,QAAQ,GAAAP,IAAA,GAAAC,YAAA;EAAA,IAAAS,KAAA,GACNC,OAAO,CAAAC,GAAA,CAAAC,QAAA;EAAAC,OAAA,CAAAV,KACL,wBAAe,GAAAE,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAS,SAAA,gBAAAX,KAAA;EAAA,sBACRb,IAAM,CAAAkB,OAAA;IAAAO,KAAA,EAAAC,MACb,CAAAC,SAAY;IAAAC,QACd,iBAAA1B,KAAA,CAAAO,IAAA;MAAAgB,KAAA,EACAC,MAAO,CAAAG,OAAA;MAAUD,QACjB,GAAoB;MACd,eACR5B,IAAA,CAAAS,IAAA;QACDgB,KAAA,EAAAC,MAAA,CAAAI,aAAA;QACHF,QAAA,iBAAA5B,IAAA,CAAAQ,IAAA;UACFiB,KAAA,EAAAC,MAAA,CAAAK,QAAA;UACEH,QAAa;QAGf;MAAC;MACC,eAAO5B,IAAA,CAAAQ,IAAA;QACLiB,KAAA,EAAAC,MAAW,CAAAM,KAAA;QACXJ,QAAS;MACT,IACA;MACA,CAAAb,KAAA,aAAiBA,KAAA,uBAAAA,KAAA,CAAAS,SAAA,oBAAAtB,KAAA,CAAAM,IAAA;QACjBiB,KAAA,EAAAC,MACE,CAAAO,SAAA;QACFL,QAAO,GACP,YAAS,EACXb,KAAA,CAAAS,SAAA;MAEC;MAAA,eACQxB,IAAA,CAAAS,IAAA;QAAAgB,KACL,EAAAC,MAAU,CAAAQ,QAAA;QAAAN,QACV,EAAO,eAAA5B,IAAA,CAAAQ,IAAA;UACPiB,KAAA,EAAAC,MAAA,CAAAS,YAAiB;UACjBP,QAAA,GAAAf,KAAc,aAAAA,KAAA,uBAAAA,KAAA,CAAAuB,OAAA;QAAA;MACH,IACD;MACZjB,KAGA,KAAAN,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAwB,KAAA,oBAAAnC,KAAA,CAAAI,UAAA;QAAAmB,KAAA,EAAAC,MAAA,CAAAY,cAAA;QAAAV,QAAC,kBAAA5B,IAAA,CAAAQ,IAAA;UAAAiB,KACC,EAAAC,MAAO,CAAAa,UAAA;UAAAX,QACL;QAAS,IACQ,eACR5B,IAAA,CAAAQ,IAAA;UAAAiB,KACT,EAAAC,MAAA,CAAAc,SAAY;UAAAZ,QACZ,EAAKf,KAAA,CAAAwB;QAAA;MAGP;MAAC,eAAArC,IAAA,CAAAS,IAAA;QAAAgB,KAAA,EAAAC,MACC,CAAAe,OAAM;QAAAb,QAAA,iBACC5B,IAAA,CAAAK,SAAA;UAAAqC,OAAA,WAAAA,CAAA,EACC;YAAA,OAAA5B,KACR,EAAK;UAAA;UACEW,KAAA,WAAAA,CACPkB,MAAA,EAAY;YAAA;cAAAC;YAEZ,IAAAD,MAAA;YAAA,QAA+BjB,MAAA,CAAAmB,MAC/B,EAAqCnB,MAAA,CAAAoB,aACrC,EAAyCF,OAAA,IAAAlB,MAAA,CAAAqB,aAAA;UAAA;UAC3CnB,QACA,iBAAA5B,IAAC,CAAAQ,IAAA,EACC;YAAAiB,KAAA,EAAAC,MAAA,CAAAsB,iBAAC;YAEDpB,QACC;UACC;QAAC;MAAA;IAEa;EACH;AACI;AACb,IAAAF,MAAA,GAAAnB,UAAA,CACD0C,MAAA;EAAAtB,SAAA;IAAAuB,IAAA;IACWC,eAAA;EAAA;EAAAtB,OAAA;IACZqB,IAAA;IAEJE,UAAA;IAAAC,cAAA;IAAAC,OAAA,EACF;EAAA;EAKExB,aAAA;IAAAyB,KAAA;IAACC,MAAA;IAAAL,eACC,WAAO;IAAAM,YAAA,IACL;IAAiBL,UAAA,UACjB;IAAcC,cAAA,EACd;IAASK,YAAA;EACK;EAChB3B,QAAA;IAEA4B,KAAA;IAACC,QAAA;IAAAC,UAAA;EACQ;EACO7B,KAAA;IACF4B,QAAA;IACEC,UAAA;IACLF,KAAA;IACID,YAAA;IACbI,SAAA;EAEkB;EAAA7B,SAAA;IACpB2B,QAAA;IAAAD,KAAA,QACF;IAAAD,YAGC;EACC;EAACxB,QAAA;IAAAiB,eACC,WAAO;IAAAM,YAAA;IACSH,OAAA;IAChBI,YAAA,EAEA;IAAAH,KAAA;IAAAQ,QAAA;EAAC;EAAA5B,YAAA;IACQ6B,UAAA,aACL;IAAQJ,QAAA;IACEK,UAAA;IACHN,KAAA;IACOG,SAAA;EAChB;EACDxB,cAAA;IAAA4B,SAAA;IAEDX,KAAA;IACAQ,QAAA;IAACZ,eAAA;IAAAM,YAAA;IACQH,OAAA;IACYI,YAAA;EACH;EACLnB,UAAA;IACEqB,QAAA;IACDD,KAAA;IACZD,YAAA;EAEA;EAAClB,SAAA;IAAAwB,UAAA;IACQJ,QAAA;IACOK,UAAA;IACFN,KAAA;EACE;EACLlB,OAAA;IACC0B,aAAA;IACIC,GAAA;IACDC,SAAA;EACb;EAEOxB,MAAA;IAAAyB,eAAA;IACTC,iBAAA;IAAAd,YAAA;IACFe,QAAA;IAAApB,UAAA;EAAA;EACFN,aAID;IACCK,eAAC;EAAA;EAAAJ,aAAA;IACQ0B,OAAA;EACS;EAChBzB,iBAEA;IAAAW,KAAA;IAAAC,QAAA;IAACC,UAAA;EAAA;AACQ;AACG,SACElD,aAAA","ignoreList":[]}

package/dist/esm/views/LoadProgressBar.mjs

@@ -0,0 +1,102 @@
+import * as React from "react";
+import { router } from "../router/imperative-api.mjs";
+import { jsx } from "react/jsx-runtime";
+const LoadProgressBar = ({
+  startDelay = 500,
+  finishDelay = 50,
+  initialPercent = 20,
+  updateInterval = 300,
+  sporadicness = 3,
+  style,
+  onLayout,
+  ...props
+}) => {
+  const [loaded, setLoaded] = React.useState(0);
+  const [width, setWidth] = React.useState(0);
+  const elementRef = React.useRef(null);
+  React.useEffect(() => {
+    let loadInterval;
+    const dispose = router.onLoadState(state => {
+      clearTimeout(loadInterval);
+      switch (state) {
+        case "loading":
+          {
+            loadInterval = setTimeout(() => {
+              setLoaded(initialPercent);
+              let intervalCount = 0;
+              loadInterval = setInterval(() => {
+                intervalCount++;
+                if (intervalCount % sporadicness === 0) {
+                  return;
+                }
+                setLoaded(previous => {
+                  const increment = (100 - previous) * (previous > 80 ? 0.05 : 0.1) * Math.random();
+                  return Math.min(previous + increment, 100);
+                });
+              }, updateInterval);
+            }, startDelay);
+            break;
+          }
+        case "loaded":
+          {
+            setLoaded(100);
+            clearInterval(loadInterval);
+            setTimeout(() => {
+              setLoaded(0);
+            }, finishDelay);
+            break;
+          }
+      }
+    });
+    return () => {
+      dispose();
+      clearInterval(loadInterval);
+    };
+  }, [finishDelay, initialPercent, sporadicness, startDelay, updateInterval]);
+  React.useEffect(() => {
+    const element = elementRef.current;
+    if (!element) return;
+    const updateLayout = () => {
+      const rect = element.getBoundingClientRect();
+      setWidth(rect.width);
+      onLayout?.({
+        nativeEvent: {
+          layout: {
+            x: rect.x,
+            y: rect.y,
+            width: rect.width,
+            height: rect.height
+          }
+        }
+      });
+    };
+    updateLayout();
+    const observer = new ResizeObserver(updateLayout);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [onLayout]);
+  const flattenedStyle = React.useMemo(() => {
+    const styleValue = style;
+    const styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
+    return styleValues.reduce((result, value) => value && typeof value === "object" ? Object.assign(result, value) : result, {});
+  }, [style]);
+  return /* @__PURE__ */jsx("div", {
+    ...props,
+    ref: elementRef,
+    style: {
+      display: loaded === 0 ? "none" : "flex",
+      height: 1,
+      position: "fixed",
+      top: 0,
+      left: 0,
+      right: 0,
+      backgroundColor: "rgba(60, 100, 200, 0.65)",
+      width: "100%",
+      transform: `translateX(${-(1 - loaded * 0.01) * width}px)`,
+      zIndex: Number.MAX_SAFE_INTEGER,
+      ...flattenedStyle
+    }
+  });
+};
+export { LoadProgressBar };
+//# sourceMappingURL=LoadProgressBar.mjs.map

package/dist/esm/views/LoadProgressBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","router","jsx","LoadProgressBar","startDelay","finishDelay","initialPercent","updateInterval","sporadicness","style","onLayout","props","loaded","setLoaded","useState","width","setWidth","elementRef","useRef","useEffect","loadInterval","dispose","onLoadState","state","clearTimeout","setTimeout","intervalCount","setInterval","previous","increment","Math","random","min","clearInterval","element","current","updateLayout","rect","getBoundingClientRect","nativeEvent","layout","x","y","height","observer","ResizeObserver","observe","disconnect","flattenedStyle","useMemo","styleValue","styleValues","Array","isArray","flat","Number","POSITIVE_INFINITY","reduce","result","value","Object","assign","ref","display","position","top","left","right","backgroundColor","transform","zIndex","MAX_SAFE_INTEGER"],"sources":["LoadProgressBar.mjs"],"sourcesContent":["import * as React from \"react\";\nimport { router } from \"../router/imperative-api\";\nimport { jsx } from \"react/jsx-runtime\";\nconst LoadProgressBar = ({\n  startDelay = 500,\n  finishDelay = 50,\n  initialPercent = 20,\n  updateInterval = 300,\n  sporadicness = 3,\n  style,\n  onLayout,\n  ...props\n}) => {\n  const [loaded, setLoaded] = React.useState(0);\n  const [width, setWidth] = React.useState(0);\n  const elementRef = React.useRef(null);\n  React.useEffect(() => {\n    let loadInterval;\n    const dispose = router.onLoadState((state) => {\n      clearTimeout(loadInterval);\n      switch (state) {\n        case \"loading\": {\n          loadInterval = setTimeout(() => {\n            setLoaded(initialPercent);\n            let intervalCount = 0;\n            loadInterval = setInterval(() => {\n              intervalCount++;\n              if (intervalCount % sporadicness === 0) {\n                return;\n              }\n              setLoaded((previous) => {\n                const increment = (100 - previous) * (previous > 80 ? 0.05 : 0.1) * Math.random();\n                return Math.min(previous + increment, 100);\n              });\n            }, updateInterval);\n          }, startDelay);\n          break;\n        }\n        case \"loaded\": {\n          setLoaded(100);\n          clearInterval(loadInterval);\n          setTimeout(() => {\n            setLoaded(0);\n          }, finishDelay);\n          break;\n        }\n      }\n    });\n    return () => {\n      dispose();\n      clearInterval(loadInterval);\n    };\n  }, [finishDelay, initialPercent, sporadicness, startDelay, updateInterval]);\n  React.useEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n    const updateLayout = () => {\n      const rect = element.getBoundingClientRect();\n      setWidth(rect.width);\n      onLayout?.({\n        nativeEvent: {\n          layout: { x: rect.x, y: rect.y, width: rect.width, height: rect.height }\n        }\n      });\n    };\n    updateLayout();\n    const observer = new ResizeObserver(updateLayout);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [onLayout]);\n  const flattenedStyle = React.useMemo(() => {\n    const styleValue = style;\n    const styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];\n    return styleValues.reduce(\n      (result, value) => value && typeof value === \"object\" ? Object.assign(result, value) : result,\n      {}\n    );\n  }, [style]);\n  return /* @__PURE__ */ jsx(\n    \"div\",\n    {\n      ...props,\n      ref: elementRef,\n      style: {\n        display: loaded === 0 ? \"none\" : \"flex\",\n        height: 1,\n        position: \"fixed\",\n        top: 0,\n        left: 0,\n        right: 0,\n        backgroundColor: \"rgba(60, 100, 200, 0.65)\",\n        width: \"100%\",\n        transform: `translateX(${-(1 - loaded * 0.01) * width}px)`,\n        zIndex: Number.MAX_SAFE_INTEGER,\n        ...flattenedStyle\n      }\n    }\n  );\n};\nexport {\n  LoadProgressBar\n};\n//# sourceMappingURL=LoadProgressBar.web.js.map\n"],"mappings":"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","ignoreList":[]}