@a-type/ui 6.1.4 → 6.1.6

package/dist/components/globalErrorFallback/GlobalErrorFallback.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '@a-type/ui';
+export declare function GlobalErrorFallback({ children, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;
+import { ButtonProps } from '@a-type/ui';
+export interface ReloadButtonProps extends ButtonProps {
+}
+export declare function ReloadButton({ onClick, ...props }: ReloadButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function useHadRecentError(): boolean;

package/dist/components/globalErrorFallback/GlobalErrorFallback.js

@@ -0,0 +1,45 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Heading, P } from '@a-type/ui';
+import { useLocalStorage } from '../../hooks.js';
+export function GlobalErrorFallback(_a) {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const hadRecentError = useHadRecentError();
+    return (_jsx(Box, Object.assign({ col: true, layout: "center center", p: true }, rest, { children: _jsxs(Box, { col: true, items: "start", justify: "center", gap: true, style: { maxWidth: 'max-content' }, children: [_jsx(Heading, { emphasis: "primary", render: _jsx("h1", {}), children: "Something went wrong" }), _jsxs(P, { children: ["Sorry about this. The app has crashed.", ' ', hadRecentError
+                            ? `Looks like refreshing didn't work either... I recommend reporting a bug using the button below.`
+                            : `You can try refreshing, but if
+					that doesn't work, use the button below to report the issue.`] }), children, _jsx(ReloadButton, {})] }) })));
+}
+import { Button, Icon } from '@a-type/ui';
+export function ReloadButton(_a) {
+    var { onClick } = _a, props = __rest(_a, ["onClick"]);
+    const [_, setLastErrorReload] = useLastErrorReload();
+    const refresh = () => {
+        setLastErrorReload(Date.now() + 500);
+        window.location.reload();
+    };
+    return (_jsxs(Button, Object.assign({}, props, { onClick: (ev) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+            refresh();
+        }, children: [_jsx(Icon, { name: "refresh" }), _jsx("span", { children: "Refresh" })] })));
+}
+function useLastErrorReload() {
+    return useLocalStorage('@a-type/ui/lastErrorReload', 0);
+}
+const now = Date.now();
+export function useHadRecentError() {
+    const [lastErrorReload] = useLocalStorage('@a-type/ui/lastErrorReload', 0);
+    const hadRecentError = lastErrorReload < now && lastErrorReload > now - 1000 * 60 * 60;
+    return hadRecentError;
+}
+//# sourceMappingURL=GlobalErrorFallback.js.map

package/dist/components/globalErrorFallback/GlobalErrorFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalErrorFallback.js","sourceRoot":"","sources":["../../../src/components/globalErrorFallback/GlobalErrorFallback.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAY,OAAO,EAAE,CAAC,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,UAAU,mBAAmB,CAAC,EAA+B;QAA/B,EAAE,QAAQ,OAAqB,EAAhB,IAAI,cAAnB,YAAqB,CAAF;IACtD,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,CACN,KAAC,GAAG,kBAAC,GAAG,QAAC,MAAM,EAAC,eAAe,EAAC,CAAC,UAAK,IAAI,cACzC,MAAC,GAAG,IACH,GAAG,QACH,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,QAAQ,EAChB,GAAG,QACH,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,aAElC,KAAC,OAAO,IAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAE,cAAM,qCAEhC,EACV,MAAC,CAAC,yDACsC,GAAG,EACzC,cAAc;4BACd,CAAC,CAAC,iGAAiG;4BACnG,CAAC,CAAC;kEAC0D,IAC1D,EACH,QAAQ,EACT,KAAC,YAAY,KAAG,IACX,IACD,CACN,CAAC;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAe,IAAI,EAAE,MAAM,YAAY,CAAC;AAIvD,MAAM,UAAU,YAAY,CAAC,EAAwC;QAAxC,EAAE,OAAO,OAA+B,EAA1B,KAAK,cAAnB,WAAqB,CAAF;IAC/C,MAAM,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAAG,kBAAkB,EAAE,CAAC;IAErD,MAAM,OAAO,GAAG,GAAG,EAAE;QACpB,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC;QACrC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACN,MAAC,MAAM,oBACF,KAAK,IACT,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;YACf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;YACd,OAAO,EAAE,CAAC;QACX,CAAC,aAED,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,EACvB,qCAAoB,KACZ,CACT,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB;IAC1B,OAAO,eAAe,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;AACvB,MAAM,UAAU,iBAAiB;IAChC,MAAM,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;IAE3E,MAAM,cAAc,GACnB,eAAe,GAAG,GAAG,IAAI,eAAe,GAAG,GAAG,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC;IAEjE,OAAO,cAAc,CAAC;AACvB,CAAC"}

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export * from './editableText/EditableText.js';
 export * from './emojiPicker/EmojiPicker.js';
 export * from './errorBoundary/index.js';
 export * from './forms/index.js';
+export * from './globalErrorFallback/GlobalErrorFallback.js';
 export * from './horizontalList/HorizontalList.js';
 export * from './icon/index.js';
 export * from './imageUploader/index.js';

package/dist/components/index.js

@@ -20,6 +20,7 @@ export * from './editableText/EditableText.js';
 export * from './emojiPicker/EmojiPicker.js';
 export * from './errorBoundary/index.js';
 export * from './forms/index.js';
+export * from './globalErrorFallback/GlobalErrorFallback.js';
 export * from './horizontalList/HorizontalList.js';
 export * from './icon/index.js';
 export * from './imageUploader/index.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,8CAA8C,CAAC;AAC7D,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

package/dist/components/navBar/NavBar.d.ts

@@ -7,6 +7,7 @@ export interface NavBarItemProps extends UseRenderComponentProps<'button'> {
     active?: boolean;
     color?: 'primary' | 'neutral' | 'accent';
     render?: ReactElement | (() => ReactElement);
+    nativeButton?: boolean;
 }
 export declare const NavBarItem: ({ ref, className, active, color, ...rest }: NavBarItemProps & {
     ref?: React.Ref<HTMLButtonElement>;

package/dist/components/navBar/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AACnD,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAUtC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAQ7C;QAR6C,EAC7C,GAAG,EACH,SAAS,EACT,MAAM,EACN,KAAK,GAAG,SAAS,OAIjB,EAHG,IAAI,cALsC,uCAM7C,CADO;IAIP,MAAM,MAAM,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACnD,OAAO,CACN,KAAC,MAAM,kBACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,GAAG,CAAC,IAAI,EACR,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACvC,SAAS,KAAK,EAAE,EAChB,SAAS,CACT,iBACY,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CACjD,KAAK,EACL,aAAa,EACb,GAAG,CAAC,eAAe,CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;AAQlE,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAKhC;QALgC,EACrD,GAAG,EACH,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAJ8C,4BAKrD,CADO;IAEP,OAAO,CACN,KAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAChC,IAAI,IACR,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;CACtB,CAAC,CAAC"}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AACnD,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAWtC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAQ7C;QAR6C,EAC7C,GAAG,EACH,SAAS,EACT,MAAM,EACN,KAAK,GAAG,SAAS,OAIjB,EAHG,IAAI,cALsC,uCAM7C,CADO;IAIP,MAAM,MAAM,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACnD,OAAO,CACN,KAAC,MAAM,kBACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,GAAG,CAAC,IAAI,EACR,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACvC,SAAS,KAAK,EAAE,EAChB,SAAS,CACT,iBACY,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CACjD,KAAK,EACL,aAAa,EACb,GAAG,CAAC,eAAe,CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;AAQlE,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAKhC;QALgC,EACrD,GAAG,EACH,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAJ8C,4BAKrD,CADO;IAEP,OAAO,CACN,KAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAChC,IAAI,IACR,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;CACtB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "6.1.4",
+  "version": "6.1.6",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"

package/src/components/globalErrorFallback/GlobalErrorFallback.tsx

@@ -0,0 +1,71 @@
+import { Box, BoxProps, Heading, P } from '@a-type/ui';
+import { useLocalStorage } from '../../hooks.js';
+
+export function GlobalErrorFallback({ children, ...rest }: BoxProps) {
+	const hadRecentError = useHadRecentError();
+
+	return (
+		<Box col layout="center center" p {...rest}>
+			<Box
+				col
+				items="start"
+				justify="center"
+				gap
+				style={{ maxWidth: 'max-content' }}
+			>
+				<Heading emphasis="primary" render={<h1 />}>
+					Something went wrong
+				</Heading>
+				<P>
+					Sorry about this. The app has crashed.{' '}
+					{hadRecentError
+						? `Looks like refreshing didn't work either... I recommend reporting a bug using the button below.`
+						: `You can try refreshing, but if
+					that doesn't work, use the button below to report the issue.`}
+				</P>
+				{children}
+				<ReloadButton />
+			</Box>
+		</Box>
+	);
+}
+
+import { Button, ButtonProps, Icon } from '@a-type/ui';
+
+export interface ReloadButtonProps extends ButtonProps {}
+
+export function ReloadButton({ onClick, ...props }: ReloadButtonProps) {
+	const [_, setLastErrorReload] = useLastErrorReload();
+
+	const refresh = () => {
+		setLastErrorReload(Date.now() + 500);
+		window.location.reload();
+	};
+
+	return (
+		<Button
+			{...props}
+			onClick={(ev) => {
+				onClick?.(ev);
+				refresh();
+			}}
+		>
+			<Icon name="refresh" />
+			<span>Refresh</span>
+		</Button>
+	);
+}
+
+function useLastErrorReload() {
+	return useLocalStorage('@a-type/ui/lastErrorReload', 0);
+}
+
+const now = Date.now();
+export function useHadRecentError() {
+	const [lastErrorReload] = useLocalStorage('@a-type/ui/lastErrorReload', 0);
+
+	const hadRecentError =
+		lastErrorReload < now && lastErrorReload > now - 1000 * 60 * 60;
+
+	return hadRecentError;
+}

package/src/components/index.ts

@@ -20,6 +20,7 @@ export * from './editableText/EditableText.js';
 export * from './emojiPicker/EmojiPicker.js';
 export * from './errorBoundary/index.js';
 export * from './forms/index.js';
+export * from './globalErrorFallback/GlobalErrorFallback.js';
 export * from './horizontalList/HorizontalList.js';
 export * from './icon/index.js';
 export * from './imageUploader/index.js';

package/src/components/navBar/NavBar.tsx

@@ -13,6 +13,7 @@ export interface NavBarItemProps extends UseRenderComponentProps<'button'> {
 	active?: boolean;
 	color?: 'primary' | 'neutral' | 'accent';
 	render?: ReactElement | (() => ReactElement);
+	nativeButton?: boolean;
 }
 
 export const NavBarItem = function NavBarItem({