expo-router 0.0.1

package/build/onboard/Tutorial.js

@@ -0,0 +1,129 @@
+import React from "react";
+import { SafeAreaView, StatusBar, Platform } from "react-native";
+import { View, Text, Pressable, StyleSheet } from "@bacons/react-views";
+import { createEntryFileAsync } from "./createEntryFile";
+function Header() {
+    return (React.createElement(Pressable, null, ({ hovered }) => (React.createElement(Text, { accessibilityRole: "heading", accessibilityLevel: 1, style: [styles.title, Platform.OS !== "web" && { textAlign: "left" }] },
+        "Welcome to",
+        " ",
+        React.createElement(Text, { href: "https://github.com/expo/expo/", style: [
+                hovered && {
+                    textDecorationColor: "white",
+                    textDecorationLine: "underline",
+                },
+            ] }, "Expo")))));
+}
+export function Tutorial() {
+    React.useEffect(() => {
+        // Reset the route on web so the initial route isn't a 404 after
+        // the user has created the entry file.
+        // This is useful for cases where you are testing the tutorial.
+        // To test: touch the new file, then navigate to a missing route `/foobar`, then delete the app folder.
+        // you should see the tutorial again and be able to create the entry file once more.
+        if (typeof location !== "undefined" && location.pathname !== "/") {
+            location.replace("/");
+        }
+        if (typeof window !== "undefined") {
+            window.document.title = "npx expo start";
+        }
+    }, []);
+    return (React.createElement(View, { style: {
+            backgroundColor: "black",
+            flex: 1,
+            backgroundImage: "radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0)",
+            backgroundPosition: "-3px -3px",
+            backgroundSize: "40px 40px",
+        } },
+        React.createElement(StatusBar, { barStyle: "light-content" }),
+        React.createElement(SafeAreaView, { style: {
+                flex: 1,
+                maxWidth: 960,
+                marginHorizontal: "auto",
+                alignItems: "stretch",
+            } },
+            React.createElement(View, { accessibilityRole: "main", style: styles.container },
+                React.createElement(Header, null),
+                React.createElement(Text, { accessibilityRole: "heading", accessibilityLevel: 2, style: styles.subtitle },
+                    "Get started by creating a file",
+                    "\n",
+                    "in the",
+                    " ",
+                    React.createElement(Text, { style: { fontWeight: "bold" } }, "app"),
+                    " directory",
+                    "\n",
+                    "that exports a React component."),
+                React.createElement(Button, null)))));
+}
+function Button() {
+    return (React.createElement(Pressable, { onPress: () => {
+            createEntryFileAsync();
+        }, style: {
+            ...Platform.select({
+                native: {
+                    position: "absolute",
+                    bottom: 8,
+                    left: 24,
+                    right: 24,
+                },
+            }),
+        } }, ({ pressed, hovered }) => (React.createElement(View, { style: [
+            {
+                transitionDuration: "200ms",
+                backgroundColor: "transparent",
+                borderColor: "white",
+                borderWidth: 2,
+                paddingVertical: 12,
+                paddingHorizontal: 24,
+            },
+            hovered && {
+                backgroundColor: "white",
+            },
+            pressed && {
+                backgroundColor: "rgba(255,255,255,0.7)",
+            },
+        ] },
+        React.createElement(Text, { selectable: false, style: [
+                {
+                    fontSize: 18,
+                    transitionDuration: "200ms",
+                    fontWeight: "bold",
+                    color: "white",
+                },
+                styles.code,
+                hovered && { color: "black" },
+            ] },
+            React.createElement(Text, { style: { color: "#BCC3CD" } }, "$"),
+            " touch app/index.js")))));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 24,
+        alignItems: "start",
+        justifyContent: "center",
+    },
+    title: {
+        color: "white",
+        fontSize: 64,
+        paddingBottom: 24,
+        fontWeight: "bold",
+    },
+    buttonText: {
+        color: "black",
+    },
+    code: {
+        fontFamily: Platform.select({
+            default: "Courier",
+            ios: "Courier New",
+            android: "monospace",
+        }),
+    },
+    subtitle: {
+        color: "#BCC3CD",
+        fontSize: 36,
+        fontWeight: "light",
+        paddingBottom: 36,
+        maxWidth: 960,
+    },
+});
+//# sourceMappingURL=Tutorial.js.map

package/build/onboard/Tutorial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { SafeAreaView, StatusBar, Platform } from \"react-native\";\nimport { View, Text, Pressable, StyleSheet } from \"@bacons/react-views\";\nimport { createEntryFileAsync } from \"./createEntryFile\";\n\nfunction Header() {\n    return (\n        <Pressable>\n            {({ hovered }) => (\n                <Text\n                    accessibilityRole=\"heading\"\n                    accessibilityLevel={1}\n                    style={[styles.title, Platform.OS !== \"web\" && { textAlign: \"left\" }]}\n                >\n                    Welcome to{\" \"}\n                    <Text\n                        href=\"https://github.com/expo/expo/\"\n                        style={[\n                            hovered && {\n                                textDecorationColor: \"white\",\n                                textDecorationLine: \"underline\",\n                            },\n                        ]}\n                    >\n                        Expo\n                    </Text>\n                </Text>\n            )}\n        </Pressable>\n    );\n}\n\nexport function Tutorial() {\n    React.useEffect(() => {\n        // Reset the route on web so the initial route isn't a 404 after\n        // the user has created the entry file.\n        // This is useful for cases where you are testing the tutorial.\n        // To test: touch the new file, then navigate to a missing route `/foobar`, then delete the app folder.\n        // you should see the tutorial again and be able to create the entry file once more.\n        if (typeof location !== \"undefined\" && location.pathname !== \"/\") {\n            location.replace(\"/\");\n        }\n        if (typeof window !== \"undefined\") {\n            window.document.title = \"npx expo start\";\n        }\n    }, []);\n\n    return (\n        <View\n            style={{\n                backgroundColor: \"black\",\n                flex: 1,\n                backgroundImage:\n                    \"radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0)\",\n                backgroundPosition: \"-3px -3px\",\n                backgroundSize: \"40px 40px\",\n            }}\n        >\n            <StatusBar barStyle=\"light-content\" />\n\n            <SafeAreaView\n                style={{\n                    flex: 1,\n                    maxWidth: 960,\n                    marginHorizontal: \"auto\",\n                    alignItems: \"stretch\",\n                }}\n            >\n                <View accessibilityRole=\"main\" style={styles.container}>\n                    <Header />\n                    <Text\n                        accessibilityRole=\"heading\"\n                        accessibilityLevel={2}\n                        style={styles.subtitle}\n                    >\n                        Get started by creating a file{\"\\n\"}in the{\" \"}\n                        <Text style={{ fontWeight: \"bold\" }}>app</Text> directory{\"\\n\"}that\n                        exports a React component.\n                    </Text>\n                    <Button />\n                </View>\n            </SafeAreaView>\n        </View>\n    );\n}\n\nfunction Button() {\n    return (\n        <Pressable\n            onPress={() => {\n                createEntryFileAsync();\n            }}\n            style={{\n                ...Platform.select({\n                    native: {\n                        position: \"absolute\",\n                        bottom: 8,\n                        left: 24,\n                        right: 24,\n                    },\n                }),\n            }}\n        >\n            {({ pressed, hovered }) => (\n                <View\n                    style={[\n                        {\n                            transitionDuration: \"200ms\",\n                            backgroundColor: \"transparent\",\n                            borderColor: \"white\",\n                            borderWidth: 2,\n                            paddingVertical: 12,\n                            paddingHorizontal: 24,\n                        },\n                        hovered && {\n                            backgroundColor: \"white\",\n                        },\n                        pressed && {\n                            backgroundColor: \"rgba(255,255,255,0.7)\",\n                        },\n                    ]}\n                >\n                    <Text\n                        selectable={false}\n                        style={[\n                            {\n                                fontSize: 18,\n                                transitionDuration: \"200ms\",\n                                fontWeight: \"bold\",\n                                color: \"white\",\n                            },\n                            styles.code,\n                            hovered && { color: \"black\" },\n                        ]}\n                    >\n                        <Text style={{ color: \"#BCC3CD\" }}>$</Text> touch app/index.js\n                    </Text>\n                </View>\n            )}\n        </Pressable>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        padding: 24,\n        alignItems: \"start\",\n        justifyContent: \"center\",\n    },\n    title: {\n        color: \"white\",\n        fontSize: 64,\n        paddingBottom: 24,\n        fontWeight: \"bold\",\n    },\n    buttonText: {\n        color: \"black\",\n    },\n    code: {\n        fontFamily: Platform.select({\n            default: \"Courier\",\n            ios: \"Courier New\",\n            android: \"monospace\",\n        }),\n    },\n    subtitle: {\n        color: \"#BCC3CD\",\n        fontSize: 36,\n        fontWeight: \"light\",\n        paddingBottom: 36,\n        maxWidth: 960,\n    },\n});\n"]}

package/build/onboard/createEntryFile.d.ts

@@ -0,0 +1,3 @@
+/** Middleware for creating an entry file in the project. */
+export declare function createEntryFileAsync(): Promise<Response> | undefined;
+//# sourceMappingURL=createEntryFile.d.ts.map

package/build/onboard/createEntryFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEntryFile.d.ts","sourceRoot":"","sources":["../../src/onboard/createEntryFile.ts"],"names":[],"mappings":"AAEA,4DAA4D;AAC5D,wBAAgB,oBAAoB,kCAenC"}

package/build/onboard/createEntryFile.js

@@ -0,0 +1,54 @@
+import { getDevServer } from "../getDevServer";
+/** Middleware for creating an entry file in the project. */
+export function createEntryFileAsync() {
+    if (process.env.NODE_ENV === "production") {
+        // No dev server
+        console.warn("createEntryFile() cannot be used in production");
+        return;
+    }
+    // Pings middleware in the Expo CLI dev server.
+    return fetch(getDevServer().url + "_expo/touch", {
+        method: "POST",
+        body: JSON.stringify({
+            contents: TEMPLATE,
+            path: "./app/index.js",
+        }),
+    });
+}
+const TEMPLATE = `import { StyleSheet, Text, View } from "react-native";
+
+export default function Page() {
+  return (
+    <View style={styles.container}>
+      <View style={styles.main}>
+        <Text style={styles.title}>Hello World</Text>
+        <Text style={styles.subtitle}>
+          This is the first page of your{"\\n"}native app, and website.
+        </Text>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+  },
+  main: {
+    flex: 1,
+    justifyContent: "center",
+    maxWidth: 960,
+    marginHorizontal: "auto",
+  },
+  title: {
+    fontSize: 64,
+    fontWeight: "bold",
+  },
+  subtitle: {
+    fontSize: 36,
+    color: "#38434D",
+  },
+});
+`;
+//# sourceMappingURL=createEntryFile.js.map

package/build/onboard/createEntryFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEntryFile.js","sourceRoot":"","sources":["../../src/onboard/createEntryFile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,4DAA4D;AAC5D,MAAM,UAAU,oBAAoB;IAClC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,gBAAgB;QAChB,OAAO,CAAC,IAAI,CAAC,gDAAgD,CAAC,CAAC;QAC/D,OAAO;KACR;IAED,+CAA+C;IAC/C,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC,GAAG,GAAG,aAAa,EAAE;QAC/C,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,gBAAgB;SACvB,CAAC;KACH,CAAC,CAAC;AACL,CAAC;AAED,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChB,CAAC","sourcesContent":["import { getDevServer } from \"../getDevServer\";\n\n/** Middleware for creating an entry file in the project. */\nexport function createEntryFileAsync() {\n  if (process.env.NODE_ENV === \"production\") {\n    // No dev server\n    console.warn(\"createEntryFile() cannot be used in production\");\n    return;\n  }\n\n  // Pings middleware in the Expo CLI dev server.\n  return fetch(getDevServer().url + \"_expo/touch\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      contents: TEMPLATE,\n      path: \"./app/index.js\",\n    }),\n  });\n}\n\nconst TEMPLATE = `import { StyleSheet, Text, View } from \"react-native\";\n\nexport default function Page() {\n  return (\n    <View style={styles.container}>\n      <View style={styles.main}>\n        <Text style={styles.title}>Hello World</Text>\n        <Text style={styles.subtitle}>\n          This is the first page of your{\"\\\\n\"}native app, and website.\n        </Text>\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignItems: \"center\",\n  },\n  main: {\n    flex: 1,\n    justifyContent: \"center\",\n    maxWidth: 960,\n    marginHorizontal: \"auto\",\n  },\n  title: {\n    fontSize: 64,\n    fontWeight: \"bold\",\n  },\n  subtitle: {\n    fontSize: 36,\n    color: \"#38434D\",\n  },\n});\n`;\n"]}

package/build/primitives.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const Screen: <RouteName extends string>(_: import("@react-navigation/core").RouteConfig<import("@react-navigation/core").ParamListBase, RouteName, Readonly<{
+    key: string;
+    index: number;
+    routeNames: string[];
+    history?: unknown[] | undefined;
+    routes: (Readonly<{
+        key: string;
+        name: string;
+        path?: string | undefined;
+    }> & Readonly<{
+        params?: Readonly<object | undefined>;
+    }> & {
+        state?: Readonly<any> | import("@react-navigation/core").PartialState<Readonly<any>> | undefined;
+    })[];
+    type: string;
+    stale: false;
+}>, {}, import("@react-navigation/core").EventMapBase>) => null, Group: import("react").ComponentType<import("@react-navigation/core").RouteGroupConfig<import("@react-navigation/core").ParamListBase, {}>>;
+//# sourceMappingURL=primitives.d.ts.map

package/build/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../src/primitives.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAQ,MAAM;;;;;;;;;;;;;;;;iEAAE,KAAK,sIAAwC,CAAC"}

package/build/primitives.js

@@ -0,0 +1,5 @@
+import { createNavigatorFactory } from '@react-navigation/core';
+// `@react-navigation/core` does not expose the Screen or Group components directly, so we have to
+// do this hack.
+export const { Screen, Group } = createNavigatorFactory({})();
+//# sourceMappingURL=primitives.js.map

package/build/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","sourceRoot":"","sources":["../src/primitives.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,kGAAkG;AAClG,gBAAgB;AAChB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,sBAAsB,CAAC,EAAS,CAAC,EAAE,CAAC","sourcesContent":["\nimport { createNavigatorFactory } from '@react-navigation/core';\n\n// `@react-navigation/core` does not expose the Screen or Group components directly, so we have to\n// do this hack.\nexport const { Screen, Group } = createNavigatorFactory({} as any)();\n"]}

package/build/types.d.ts

@@ -0,0 +1,11 @@
+export interface RequireContext {
+    /** Return the keys that can be resolved. */
+    keys(): string[];
+    (id: string): any;
+    <T>(id: string): T;
+    /** **Unimplemented:** Return the module identifier for a user request. */
+    resolve(id: string): string;
+    /** **Unimplemented:** Readable identifier for the context module. */
+    id: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,cAAc;IAC7B,4CAA4C;IAC5C,IAAI,IAAI,MAAM,EAAE,CAAC;IACjB,CAAC,EAAE,EAAE,MAAM,GAAG,GAAG,CAAC;IAClB,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAC;CACZ"}

package/build/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["// TODO: Use the global type\nexport interface RequireContext {\n  /** Return the keys that can be resolved. */\n  keys(): string[];\n  (id: string): any;\n  <T>(id: string): T;\n  /** **Unimplemented:** Return the module identifier for a user request. */\n  resolve(id: string): string;\n  /** **Unimplemented:** Readable identifier for the context module. */\n  id: string;\n}\n"]}

package/build/useScreens.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * @returns React Navigation screens for the route.
+ */
+export declare function useScreens(): React.ReactNode[];
+/**
+ * @returns React Navigation screens sorted by the `route` property.
+ */
+export declare function useScreensRecord(): Record<string, React.ReactNode>;
+//# sourceMappingURL=useScreens.d.ts.map

package/build/useScreens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreens.d.ts","sourceRoot":"","sources":["../src/useScreens.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B;;GAEG;AACH,wBAAgB,UAAU,IAAI,KAAK,CAAC,SAAS,EAAE,CAG9C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAKlE"}

package/build/useScreens.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Screen } from './primitives';
+import { Route, useRoutes } from './Route';
+import { Try } from './views/Try';
+function formatDynamicProps(path, dynamic) {
+    // Remove the first slash
+    const sanitized = path.replace(/^\//, "");
+    if (dynamic.deep) {
+        return [dynamic.name, sanitized.split("/").map((value) => value || "/")];
+    }
+    return [dynamic.name, sanitized];
+}
+/**
+ * @returns React Navigation screens for the route.
+ */
+export function useScreens() {
+    const children = useRoutes();
+    return React.useMemo(() => children.map((value) => routeToScreen(value)), [children]);
+}
+/**
+ * @returns React Navigation screens sorted by the `route` property.
+ */
+export function useScreensRecord() {
+    const children = useRoutes();
+    return React.useMemo(() => Object.fromEntries(children.map((value) => [value.route, routeToScreen(value)])), [children]);
+}
+/** Wrap the component with various enhancements and add access to child routes. */
+function getQualifiedRouteComponent(value) {
+    // console.log('getQualifiedRouteComponent:', value)
+    const getDynamicProps = !value.dynamic
+        ? () => ([])
+        : (path) => {
+            if (path == null) {
+                return [];
+            }
+            return formatDynamicProps(path, value.dynamic);
+        };
+    const Component = value.getComponent();
+    const { ErrorBoundary } = value.getExtras();
+    const QualifiedRoute = React.forwardRef((props, ref) => {
+        // Surface dynamic name as props to the view
+        // const [dynamicKey, dynamicValue] = React.useMemo(
+        //     () => getDynamicProps(props.route?.path),
+        //     [props.route?.path]
+        // );
+        const children = React.createElement(Component, {
+            ...props,
+            ref,
+            // [dynamicKey]: dynamicValue,
+        });
+        const errorBoundary = ErrorBoundary ? (React.createElement(Try, { catch: ErrorBoundary }, children)) : (children);
+        return (React.createElement(Route, { filename: value.contextKey }, errorBoundary));
+    });
+    QualifiedRoute.displayName = `Route(${Component.displayName || Component.name || value.route})`;
+    return QualifiedRoute;
+}
+function routeToScreen(route) {
+    return (React.createElement(Screen, { name: route.screenName, key: route.route, component: getQualifiedRouteComponent(route) }));
+}
+//# sourceMappingURL=useScreens.js.map

package/build/useScreens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreens.js","sourceRoot":"","sources":["../src/useScreens.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,KAAK,EAAa,SAAS,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,SAAS,kBAAkB,CACvB,IAAY,EACZ,OAAwC;IAExC,yBAAyB;IACzB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAE1C,IAAI,OAAO,CAAC,IAAI,EAAE;QACd,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAA;KAC3E;IACD,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;AACpC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU;IACtB,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC1F,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC5B,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,CACzC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAC/D,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,CAAC;AAED,mFAAmF;AACnF,SAAS,0BAA0B,CAAC,KAAgB;IAChD,oDAAoD;IACpD,MAAM,eAAe,GAAG,CAAC,KAAK,CAAC,OAAO;QAClC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;QACZ,CAAC,CAAC,CAAC,IAAoB,EAAE,EAAE;YACvB,IAAI,IAAI,IAAI,IAAI,EAAE;gBACd,OAAO,EAAE,CAAC;aACb;YACD,OAAO,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,OAAQ,CAAC,CAAC;QACpD,CAAC,CAAC;IAGN,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAEvC,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAE5C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,KAAsC,EAAE,GAAQ,EAAE,EAAE;QACjD,4CAA4C;QAC5C,oDAAoD;QACpD,gDAAgD;QAChD,0BAA0B;QAC1B,KAAK;QAEL,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;YAC5C,GAAG,KAAK;YACR,GAAG;YACH,8BAA8B;SACjC,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,CAClC,oBAAC,GAAG,IAAC,KAAK,EAAE,aAAa,IAAG,QAAQ,CAAO,CAC9C,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CAAC;QAEF,OAAO,CACH,oBAAC,KAAK,IAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,IAC5B,aAAa,CACV,CACX,CAAC;IACN,CAAC,CACJ,CAAC;IAEF,cAAc,CAAC,WAAW,GAAG,SAAS,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC;IAEhG,OAAO,cAAc,CAAC;AAC1B,CAAC;AAED,SAAS,aAAa,CAAC,KAAgB;IACnC,OAAO,CACH,oBAAC,MAAM,IACH,IAAI,EAAE,KAAK,CAAC,UAAU,EACtB,GAAG,EAAE,KAAK,CAAC,KAAK,EAChB,SAAS,EAAE,0BAA0B,CAAC,KAAK,CAAC,GAC9C,CACL,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport { Screen } from './primitives';\nimport { Route, RouteNode, useRoutes } from './Route';\nimport { Try } from './views/Try';\n\nfunction formatDynamicProps(\n    path: string,\n    dynamic: { name: string; deep: boolean }\n): [string, string | string[]] {\n    // Remove the first slash\n    const sanitized = path.replace(/^\\//, \"\");\n\n    if (dynamic.deep) {\n        return [dynamic.name, sanitized.split(\"/\").map((value) => value || \"/\")]\n    }\n    return [dynamic.name, sanitized]\n}\n\n/**\n * @returns React Navigation screens for the route.\n */\nexport function useScreens(): React.ReactNode[] {\n    const children = useRoutes();\n    return React.useMemo(() => children.map((value) => routeToScreen(value)), [children]);\n}\n\n/** \n * @returns React Navigation screens sorted by the `route` property.\n */\nexport function useScreensRecord(): Record<string, React.ReactNode> {\n    const children = useRoutes();\n    return React.useMemo(() => Object.fromEntries(\n        children.map((value) => [value.route, routeToScreen(value)])\n    ), [children]);\n}\n\n/** Wrap the component with various enhancements and add access to child routes. */\nfunction getQualifiedRouteComponent(value: RouteNode) {\n    // console.log('getQualifiedRouteComponent:', value)\n    const getDynamicProps = !value.dynamic\n        ? () => ([])\n        : (path?: string | null) => {\n            if (path == null) {\n                return [];\n            }\n            return formatDynamicProps(path, value.dynamic!);\n        };\n\n\n    const Component = value.getComponent();\n\n    const { ErrorBoundary } = value.getExtras();\n\n    const QualifiedRoute = React.forwardRef(\n        (props: { route: any; navigation: any }, ref: any) => {\n            // Surface dynamic name as props to the view\n            // const [dynamicKey, dynamicValue] = React.useMemo(\n            //     () => getDynamicProps(props.route?.path),\n            //     [props.route?.path]\n            // );\n\n            const children = React.createElement(Component, {\n                ...props,\n                ref,\n                // [dynamicKey]: dynamicValue,\n            });\n\n            const errorBoundary = ErrorBoundary ? (\n                <Try catch={ErrorBoundary}>{children}</Try>\n            ) : (\n                children\n            );\n\n            return (\n                <Route filename={value.contextKey}>\n                    {errorBoundary}\n                </Route>\n            );\n        }\n    );\n\n    QualifiedRoute.displayName = `Route(${Component.displayName || Component.name || value.route})`;\n\n    return QualifiedRoute;\n}\n\nfunction routeToScreen(route: RouteNode) {\n    return (\n        <Screen\n            name={route.screenName}\n            key={route.route}\n            component={getQualifiedRouteComponent(route)}\n        />\n    );\n}\n"]}

package/build/views/Directory.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function Directory(): JSX.Element;
+//# sourceMappingURL=Directory.d.ts.map

package/build/views/Directory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Directory.d.ts","sourceRoot":"","sources":["../../src/views/Directory.tsx"],"names":[],"mappings":";AAyEA,wBAAgB,SAAS,gBAwDxB"}

package/build/views/Directory.js

@@ -0,0 +1,142 @@
+import { Image, Pressable, StyleSheet, Text, View } from "@bacons/react-views";
+import React from "react";
+import { ScrollView, StatusBar, useWindowDimensions } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { useRoutesContext } from "../context";
+import { NativeStack } from "../layouts/NativeStack";
+import { matchFragmentName } from "../matchers";
+import { Link } from "./Link";
+const INDENT = 18;
+function useSortedRoutes() {
+    const ctx = useRoutesContext();
+    const routes = React.useMemo(() => ctx
+        .filter((route) => !route.internal)
+        .sort((a, b) => {
+        // Emulate vscode's sorting
+        if (a.route < b.route) {
+            return -1;
+        }
+        if (a.route > b.route) {
+            return 1;
+        }
+        return 0;
+    }), [ctx]);
+    return routes;
+}
+const styles = StyleSheet.create({
+    container: {
+        backgroundColor: "black",
+        flex: 1,
+        alignItems: "stretch",
+    },
+    main: {
+        marginHorizontal: "auto",
+        flex: 1,
+        alignItems: "stretch",
+    },
+    scroll: {
+        padding: 12,
+        flex: 1,
+        // paddingTop: top + 12,
+        alignItems: "stretch",
+    },
+    itemContainer: {
+        borderWidth: 1,
+        borderColor: "#323232",
+        borderRadius: 19,
+        marginBottom: 12,
+        overflow: "hidden",
+    },
+    itemPressable: {
+        paddingHorizontal: INDENT,
+        paddingVertical: 16,
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        transitionDuration: "100ms",
+    },
+    filename: { color: "white", fontSize: 20, marginLeft: 12 },
+    virtual: { textAlign: "right", color: "white" },
+    image: { width: 24, height: 24, resizeMode: "contain" },
+});
+export function Directory() {
+    const routes = useSortedRoutes();
+    const { bottom } = useSafeAreaInsets();
+    const { width } = useWindowDimensions();
+    return (React.createElement(View, { style: styles.container },
+        React.createElement(NativeStack.Screen, { options: {
+                title: "Index",
+                headerShown: true,
+                presentation: "modal",
+                animation: "default",
+                headerLargeTitle: true,
+                headerTitleStyle: {
+                    color: "white",
+                },
+                headerTintColor: "white",
+                headerLargeTitleStyle: {
+                    color: "white",
+                },
+                headerStyle: {
+                    backgroundColor: "black",
+                    // @ts-expect-error: mistyped
+                    borderBottomColor: "#323232",
+                },
+            } }),
+        React.createElement(StatusBar, { barStyle: "light-content" }),
+        React.createElement(View, { style: [
+                styles.main,
+                {
+                    minWidth: Math.min(960, width * 0.9),
+                },
+            ] },
+            React.createElement(ScrollView, { contentInsetAdjustmentBehavior: "automatic", contentContainerStyle: [
+                    styles.scroll,
+                    {
+                        paddingBottom: bottom + 12,
+                    },
+                ], style: { flex: 1 } }, routes.map((child) => (React.createElement(View, { key: child.contextKey, style: styles.itemContainer },
+                React.createElement(FileItem, { route: child }))))))));
+}
+function FileItem({ route, level = 0, parents = [], }) {
+    const disabled = route.children.length > 0;
+    const href = React.useMemo(() => {
+        return ("/" +
+            [...parents, route.route]
+                .map((v) => {
+                // groups and index must be erased
+                return !!matchFragmentName(v) || v === "index" ? "" : v;
+            })
+                .filter(Boolean)
+                .join("/"));
+    }, [parents, route.route]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Link, { href: href, disabled: disabled, asChild: true },
+            React.createElement(Pressable, null, ({ pressed, hovered }) => (React.createElement(View, { style: [
+                    styles.itemPressable,
+                    {
+                        paddingLeft: INDENT + level * INDENT,
+                        backgroundColor: hovered
+                            ? "rgba(255,255,255,0.1)"
+                            : "transparent",
+                    },
+                    pressed && { backgroundColor: "#323232" },
+                    disabled && { opacity: 0.4 },
+                ] },
+                React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } },
+                    route.children.length ? React.createElement(PkgIcon, null) : React.createElement(FileIcon, null),
+                    React.createElement(Text, { style: styles.filename }, route.contextKey)),
+                !disabled && React.createElement(ForwardIcon, null),
+                route.generated && React.createElement(Text, { style: styles.virtual }, "Virtual"))))),
+        route.children.map((child, index) => (React.createElement(FileItem, { key: child.contextKey, route: child, parents: [...parents, route.route], level: level + 1 })))));
+}
+function FileIcon() {
+    return (React.createElement(Image, { style: styles.image, source: require("expo-router/assets/file.png") }));
+}
+function PkgIcon() {
+    return (React.createElement(Image, { style: styles.image, source: require("expo-router/assets/pkg.png") }));
+}
+function ForwardIcon() {
+    return (React.createElement(Image, { style: styles.image, source: require("expo-router/assets/forward.png") }));
+}
+//# sourceMappingURL=Directory.js.map

package/build/views/Directory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Directory.js","sourceRoot":"","sources":["../../src/views/Directory.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Image, Pressable, StyleSheet, Text, View } from \"@bacons/react-views\";\nimport React from \"react\";\nimport { ScrollView, StatusBar, useWindowDimensions } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport { useRoutesContext } from \"../context\";\nimport { NativeStack } from \"../layouts/NativeStack\";\nimport { matchFragmentName } from \"../matchers\";\nimport { RouteNode } from \"../Route\";\nimport { Link } from \"./Link\";\n\nconst INDENT = 18;\n\nfunction useSortedRoutes() {\n    const ctx = useRoutesContext();\n\n    const routes = React.useMemo(\n        () =>\n            ctx\n                .filter((route) => !route.internal)\n                .sort((a, b) => {\n                    // Emulate vscode's sorting\n                    if (a.route < b.route) {\n                        return -1;\n                    }\n                    if (a.route > b.route) {\n                        return 1;\n                    }\n                    return 0;\n                }),\n        [ctx]\n    );\n    return routes;\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        backgroundColor: \"black\",\n        flex: 1,\n        alignItems: \"stretch\",\n    },\n    main: {\n        marginHorizontal: \"auto\",\n        flex: 1,\n\n        alignItems: \"stretch\",\n    },\n    scroll: {\n        padding: 12,\n        flex: 1,\n        // paddingTop: top + 12,\n        alignItems: \"stretch\",\n    },\n    itemContainer: {\n        borderWidth: 1,\n        borderColor: \"#323232\",\n        borderRadius: 19,\n        marginBottom: 12,\n        overflow: \"hidden\",\n    },\n    itemPressable: {\n        paddingHorizontal: INDENT,\n        paddingVertical: 16,\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        transitionDuration: \"100ms\",\n    },\n    filename: { color: \"white\", fontSize: 20, marginLeft: 12 },\n    virtual: { textAlign: \"right\", color: \"white\" },\n    image: { width: 24, height: 24, resizeMode: \"contain\" },\n});\n\nexport function Directory() {\n    const routes = useSortedRoutes();\n    const { bottom } = useSafeAreaInsets();\n    const { width } = useWindowDimensions();\n    return (\n        <View style={styles.container}>\n            <NativeStack.Screen\n                options={{\n                    title: \"Index\",\n                    headerShown: true,\n                    presentation: \"modal\",\n                    animation: \"default\",\n                    headerLargeTitle: true,\n                    headerTitleStyle: {\n                        color: \"white\",\n                    },\n\n                    headerTintColor: \"white\",\n                    headerLargeTitleStyle: {\n                        color: \"white\",\n                    },\n                    headerStyle: {\n                        backgroundColor: \"black\",\n                        // @ts-expect-error: mistyped\n                        borderBottomColor: \"#323232\",\n                    },\n                }}\n            />\n            <StatusBar barStyle=\"light-content\" />\n            <View\n                style={[\n                    styles.main,\n                    {\n                        minWidth: Math.min(960, width * 0.9),\n                    },\n                ]}\n            >\n                <ScrollView\n                    contentInsetAdjustmentBehavior=\"automatic\"\n                    contentContainerStyle={[\n                        styles.scroll,\n                        {\n                            paddingBottom: bottom + 12,\n                        },\n                    ]}\n                    style={{ flex: 1 }}\n                >\n                    {routes.map((child) => (\n                        <View key={child.contextKey} style={styles.itemContainer}>\n                            <FileItem route={child} />\n                        </View>\n                    ))}\n                </ScrollView>\n            </View>\n        </View>\n    );\n}\n\nfunction FileItem({\n    route,\n    level = 0,\n    parents = [],\n}: {\n    route: RouteNode;\n    level?: number;\n    parents?: string[];\n}) {\n    const disabled = route.children.length > 0;\n\n    const href = React.useMemo(() => {\n        return (\n            \"/\" +\n            [...parents, route.route]\n                .map((v) => {\n                    // groups and index must be erased\n                    return !!matchFragmentName(v) || v === \"index\" ? \"\" : v;\n                })\n                .filter(Boolean)\n                .join(\"/\")\n        );\n    }, [parents, route.route]);\n\n    return (\n        <>\n            {/* @ts-expect-error: disabled not on type */}\n            <Link href={href} disabled={disabled} asChild>\n                <Pressable>\n                    {({ pressed, hovered }) => (\n                        <View\n                            style={[\n                                styles.itemPressable,\n                                {\n                                    paddingLeft: INDENT + level * INDENT,\n                                    backgroundColor: hovered\n                                        ? \"rgba(255,255,255,0.1)\"\n                                        : \"transparent\",\n                                },\n                                pressed && { backgroundColor: \"#323232\" },\n                                disabled && { opacity: 0.4 },\n                            ]}\n                        >\n                            <View style={{ flexDirection: \"row\", alignItems: \"center\" }}>\n                                {route.children.length ? <PkgIcon /> : <FileIcon />}\n                                <Text style={styles.filename}>{route.contextKey}</Text>\n                            </View>\n\n                            {!disabled && <ForwardIcon />}\n                            {route.generated && <Text style={styles.virtual}>Virtual</Text>}\n                        </View>\n                    )}\n                </Pressable>\n            </Link>\n            {route.children.map((child, index) => (\n                <FileItem\n                    key={child.contextKey}\n                    route={child}\n                    parents={[...parents, route.route]}\n                    level={level + 1}\n                />\n            ))}\n        </>\n    );\n}\n\nfunction FileIcon() {\n    return (\n        <Image\n            style={styles.image}\n            source={require(\"expo-router/assets/file.png\")}\n        />\n    );\n}\n\nfunction PkgIcon() {\n    return (\n        <Image\n            style={styles.image}\n            source={require(\"expo-router/assets/pkg.png\")}\n        />\n    );\n}\n\nfunction ForwardIcon() {\n    return (\n        <Image\n            style={styles.image}\n            source={require(\"expo-router/assets/forward.png\")}\n        />\n    );\n}\n"]}

package/build/views/ErrorBoundary.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ErrorBoundaryProps } from './Try';
+export declare function ErrorBoundary({ error, retry }: ErrorBoundaryProps): JSX.Element;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/build/views/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/views/ErrorBoundary.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAG3C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,kBAAkB,eAiCjE"}

package/build/views/ErrorBoundary.js

@@ -0,0 +1,53 @@
+import { Pressable, StyleSheet, Text, View } from '@bacons/react-views';
+import React from 'react';
+import { Platform, ScrollView, TouchableOpacity } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { Link } from './Link';
+export function ErrorBoundary({ error, retry }) {
+    return (React.createElement(View, { accessibilityRole: 'main', style: [styles.container] },
+        React.createElement(SafeAreaView, { style: { flex: 1, maxWidth: 720, marginHorizontal: 'auto' } },
+            React.createElement(View, { style: { marginBottom: 12, flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between', alignItems: 'center' } },
+                React.createElement(Text, { accessibilityRole: "heading", accessibilityLevel: 1, style: styles.title }, "Something went wrong"),
+                React.createElement(View, { style: { flexDirection: 'row', alignItems: 'center' } },
+                    React.createElement(Pressable, null, ({ hovered }) => (React.createElement(TouchableOpacity, { onPress: retry },
+                        React.createElement(View, { style: [{ transitionDuration: '100ms', paddingVertical: 12, paddingHorizontal: 24, borderColor: 'white', borderWidth: 2, marginLeft: 8 }, hovered && { backgroundColor: 'white' }] },
+                            React.createElement(Text, { style: [styles.buttonText, { transitionDuration: '100ms', color: hovered ? 'black' : 'white' }] }, "Retry"))))))),
+            React.createElement(StackTrace, { error: error }),
+            process.env.NODE_ENV === 'development' && React.createElement(Link, { href: '/__index', style: styles.link }, "Sitemap"))));
+}
+function StackTrace({ error }) {
+    return (React.createElement(ScrollView, { style: { marginVertical: 8, borderColor: 'rgba(255,255,255,0.5)', borderWidth: 1, padding: 12, } },
+        React.createElement(Text, { style: [styles.code, { color: 'white' }] }, error.stack)));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: "black",
+        padding: 24,
+        alignItems: "stretch",
+        justifyContent: "center",
+    },
+    title: {
+        color: "white",
+        fontSize: 36,
+        // textAlign: "center",
+        fontWeight: "bold",
+    },
+    buttonText: {
+        fontSize: 18,
+        fontWeight: 'bold',
+        color: 'black',
+    },
+    code: {
+        fontFamily: Platform.select({ default: 'Courier', ios: 'Courier New', android: 'monospace' }),
+        fontWeight: '500',
+    },
+    subtitle: {
+        color: "white",
+        fontSize: 14,
+        marginBottom: 12,
+        // textAlign: "center",
+    },
+    link: { color: "rgba(255,255,255,0.4)", textDecorationStyle: 'solid', textDecorationLine: 'underline', fontSize: 14, textAlign: "center" },
+});
+//# sourceMappingURL=ErrorBoundary.js.map

package/build/views/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/views/ErrorBoundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Pressable, StyleSheet, Text, View } from '@bacons/react-views';\nimport React from 'react';\nimport { Platform, ScrollView, TouchableOpacity } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { ErrorBoundaryProps } from './Try';\nimport { Link } from './Link';\n\nexport function ErrorBoundary({ error, retry }: ErrorBoundaryProps) {\n    return (\n        <View accessibilityRole='main' style={[styles.container]}>\n            <SafeAreaView style={{ flex: 1, maxWidth: 720, marginHorizontal: 'auto' }}>\n                <View style={{ marginBottom: 12, flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between', alignItems: 'center' }}>\n                    <Text\n                        accessibilityRole=\"heading\" accessibilityLevel={1}\n                        style={styles.title}\n                    >\n                        Something went wrong\n                    </Text>\n                    <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n                        <Pressable>\n                            {({ hovered }) => (\n                                <TouchableOpacity onPress={retry}>\n                                    <View style={[{ transitionDuration: '100ms', paddingVertical: 12, paddingHorizontal: 24, borderColor: 'white', borderWidth: 2, marginLeft: 8 }, hovered && { backgroundColor: 'white' }]}>\n                                        <Text style={[styles.buttonText, { transitionDuration: '100ms', color: hovered ? 'black' : 'white' }]}>\n                                            Retry\n                                        </Text>\n                                    </View>\n                                </TouchableOpacity>\n                            )}\n                        </Pressable>\n                    </View>\n                </View>\n\n                <StackTrace error={error} />\n                {process.env.NODE_ENV === 'development' && <Link href={'/__index'} style={styles.link}>\n                    Sitemap\n                </Link>}\n            </SafeAreaView>\n        </View>\n    );\n}\n\nfunction StackTrace({ error }: { error: Error }) {\n    return (\n        <ScrollView style={{ marginVertical: 8, borderColor: 'rgba(255,255,255,0.5)', borderWidth: 1, padding: 12, }}>\n            <Text style={[styles.code, { color: 'white' }]}>\n                {error.stack}\n            </Text>\n        </ScrollView>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: \"black\",\n        padding: 24,\n        alignItems: \"stretch\",\n        justifyContent: \"center\",\n    },\n    title: {\n        color: \"white\",\n        fontSize: 36,\n\n        // textAlign: \"center\",\n        fontWeight: \"bold\",\n    },\n    buttonText: {\n        fontSize: 18,\n        fontWeight: 'bold',\n        color: 'black',\n    },\n    code: {\n        fontFamily: Platform.select({ default: 'Courier', ios: 'Courier New', android: 'monospace' }),\n        fontWeight: '500',\n    },\n    subtitle: {\n        color: \"white\",\n        fontSize: 14,\n        marginBottom: 12,\n        // textAlign: \"center\",\n    },\n    link: { color: \"rgba(255,255,255,0.4)\", textDecorationStyle: 'solid', textDecorationLine: 'underline', fontSize: 14, textAlign: \"center\" },\n});\n"]}