@baseplate-dev/plugin-auth 0.1.1

package/dist/auth0/generators/react/auth0-apollo/auth0-apollo.generator.js

@@ -0,0 +1,41 @@
+import { tsCodeFragment, TsCodeUtils, tsImportBuilder, } from '@baseplate-dev/core-generators';
+import { reactApolloConfigProvider } from '@baseplate-dev/react-generators';
+import { createGenerator, createGeneratorTask } from '@baseplate-dev/sync';
+import { z } from 'zod';
+const descriptorSchema = z.object({});
+export const auth0ApolloGenerator = createGenerator({
+    name: 'auth0/auth0-apollo',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: () => ({
+        main: createGeneratorTask({
+            dependencies: {
+                reactApolloConfig: reactApolloConfigProvider,
+            },
+            run({ reactApolloConfig }) {
+                reactApolloConfig.createApolloClientArguments.add({
+                    name: 'getAccessToken',
+                    type: '() => Promise<string | undefined>',
+                    reactRenderBody: tsCodeFragment('const { getAccessTokenSilently: getAccessToken } = useAuth0();', tsImportBuilder(['useAuth0']).from('@auth0/auth0-react')),
+                });
+                return {
+                    providers: {
+                        auth0Apollo: {},
+                    },
+                    build: async (builder) => {
+                        const linkTemplate = await builder.readTemplate('auth-link.ts');
+                        const authLink = TsCodeUtils.extractTemplateSnippet(linkTemplate, 'AUTH_LINK');
+                        reactApolloConfig.apolloLinks.add({
+                            name: 'authLink',
+                            bodyFragment: tsCodeFragment(authLink, [
+                                tsImportBuilder(['setContext']).from('@apollo/client/link/context'),
+                            ]),
+                            priority: 'auth',
+                        });
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=auth0-apollo.generator.js.map

package/dist/auth0/generators/react/auth0-apollo/auth0-apollo.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth0-apollo.generator.js","sourceRoot":"","sources":["../../../../../src/auth0/generators/react/auth0-apollo/auth0-apollo.generator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,WAAW,EACX,eAAe,GAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAClD,IAAI,EAAE,oBAAoB;IAC1B,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;IACjC,gBAAgB;IAChB,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;QACjB,IAAI,EAAE,mBAAmB,CAAC;YACxB,YAAY,EAAE;gBACZ,iBAAiB,EAAE,yBAAyB;aAC7C;YACD,GAAG,CAAC,EAAE,iBAAiB,EAAE;gBACvB,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,CAAC;oBAChD,IAAI,EAAE,gBAAgB;oBACtB,IAAI,EAAE,mCAAmC;oBACzC,eAAe,EAAE,cAAc,CAC7B,gEAAgE,EAChE,eAAe,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,CACzD;iBACF,CAAC,CAAC;gBAEH,OAAO;oBACL,SAAS,EAAE;wBACT,WAAW,EAAE,EAAE;qBAChB;oBACD,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;wBACvB,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;wBAChE,MAAM,QAAQ,GAAG,WAAW,CAAC,sBAAsB,CACjD,YAAY,EACZ,WAAW,CACZ,CAAC;wBAEF,iBAAiB,CAAC,WAAW,CAAC,GAAG,CAAC;4BAChC,IAAI,EAAE,UAAU;4BAChB,YAAY,EAAE,cAAc,CAAC,QAAQ,EAAE;gCACrC,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAClC,6BAA6B,CAC9B;6BACF,CAAC;4BACF,QAAQ,EAAE,MAAM;yBACjB,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC;YACJ,CAAC;SACF,CAAC;KACH,CAAC;CACH,CAAC,CAAC"}

package/dist/auth0/generators/react/auth0-apollo/templates/auth-link.ts

@@ -0,0 +1,11 @@
+// @ts-nocheck
+
+// AUTH_LINK:START
+const authLink = setContext(async () => {
+  const accessToken = await getAccessToken();
+  if (!accessToken) {
+    return {};
+  }
+  return { headers: { authorization: `Bearer ${accessToken}` } };
+});
+// AUTH_LINK:END

package/dist/auth0/generators/react/auth0-callback/auth0-callback.generator.d.ts

@@ -0,0 +1,61 @@
+export declare const auth0CallbackGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<{}, {
+    main: import("@baseplate-dev/sync").GeneratorTask<any, {
+        typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            Alert: {};
+            AlertIcon: {};
+            BackButton: {};
+            Button: {};
+            ButtonGroup: {};
+            Card: {};
+            CheckedInput: {};
+            ConfirmDialog: {};
+            ErrorableLoader: {};
+            ErrorDisplay: {};
+            FormError: {};
+            FormLabel: {};
+            LinkButton: {};
+            ListGroup: {};
+            Modal: {};
+            NotFoundCard: {};
+            ReactDatePickerInput: {};
+            ReactSelectInput: {};
+            SelectInput: {};
+            Sidebar: {};
+            Spinner: {};
+            Status: {
+                isTypeOnly: true;
+            };
+            StatusType: {
+                isTypeOnly: true;
+            };
+            Table: {};
+            TextAreaInput: {};
+            TextInput: {};
+            Toast: {};
+            useConfirmDialog: {};
+            UseConfirmDialogRequestOptions: {
+                isTypeOnly: true;
+            };
+            useConfirmDialogState: {};
+            useStatus: {};
+            useToast: {};
+        }>>;
+        authHooksImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            SessionData: {
+                isTypeOnly: true;
+            };
+            useCurrentUser: {};
+            useLogOut: {};
+            useRequiredUserId: {};
+            useSession: {};
+        }>>;
+        reactErrorImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            formatError: {};
+            logAndFormatError: {};
+            logError: {};
+        }>>;
+        reactRoutes: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/react-generators").ReactRoutesProvider>;
+    }, any>;
+}>;
+//# sourceMappingURL=auth0-callback.generator.d.ts.map

package/dist/auth0/generators/react/auth0-callback/auth0-callback.generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth0-callback.generator.d.ts","sourceRoot":"","sources":["../../../../../src/auth0/generators/react/auth0-callback/auth0-callback.generator.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEjC,CAAC"}

package/dist/auth0/generators/react/auth0-callback/auth0-callback.generator.js

@@ -0,0 +1,59 @@
+import { typescriptFileProvider } from '@baseplate-dev/core-generators';
+import { authHooksImportsProvider, createRouteElement, reactComponentsImportsProvider, reactErrorImportsProvider, reactRoutesProvider, } from '@baseplate-dev/react-generators';
+import { createGenerator, createGeneratorTask } from '@baseplate-dev/sync';
+import path from 'node:path/posix';
+import { z } from 'zod';
+import { AUTH_0_AUTH_0_CALLBACK_TS_TEMPLATES } from './generated/ts-templates.js';
+const descriptorSchema = z.object({});
+export const auth0CallbackGenerator = createGenerator({
+    name: 'auth0/auth0-callback',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: () => ({
+        main: createGeneratorTask({
+            dependencies: {
+                typescriptFile: typescriptFileProvider,
+                reactComponentsImports: reactComponentsImportsProvider,
+                authHooksImports: authHooksImportsProvider,
+                reactErrorImports: reactErrorImportsProvider,
+                reactRoutes: reactRoutesProvider,
+            },
+            run({ typescriptFile, reactComponentsImports, authHooksImports, reactErrorImports, reactRoutes, }) {
+                const callbackPagePath = path.join(reactRoutes.getDirectoryBase(), 'auth0-callback.page.tsx');
+                const signupPagePath = path.join(reactRoutes.getDirectoryBase(), 'signup.page.tsx');
+                return {
+                    build: async (builder) => {
+                        // Callback page
+                        reactRoutes.registerRoute({
+                            path: 'auth0-callback',
+                            element: createRouteElement('Auth0CallbackPage', callbackPagePath),
+                        });
+                        await builder.apply(typescriptFile.renderTemplateFile({
+                            template: AUTH_0_AUTH_0_CALLBACK_TS_TEMPLATES.auth0CallbackPage,
+                            destination: callbackPagePath,
+                            importMapProviders: {
+                                authHooksImports,
+                                reactComponentsImports,
+                                reactErrorImports,
+                            },
+                        }));
+                        // Signup page
+                        reactRoutes.registerRoute({
+                            path: 'signup',
+                            element: createRouteElement('SignupPage', signupPagePath),
+                        });
+                        await builder.apply(typescriptFile.renderTemplateFile({
+                            template: AUTH_0_AUTH_0_CALLBACK_TS_TEMPLATES.signupPage,
+                            destination: signupPagePath,
+                            importMapProviders: {
+                                reactComponentsImports,
+                                reactErrorImports,
+                            },
+                        }));
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=auth0-callback.generator.js.map

package/dist/auth0/generators/react/auth0-callback/auth0-callback.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth0-callback.generator.js","sourceRoot":"","sources":["../../../../../src/auth0/generators/react/auth0-callback/auth0-callback.generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,8BAA8B,EAC9B,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,mCAAmC,EAAE,MAAM,6BAA6B,CAAC;AAElF,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,eAAe,CAAC;IACpD,IAAI,EAAE,sBAAsB;IAC5B,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;IACjC,gBAAgB;IAChB,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;QACjB,IAAI,EAAE,mBAAmB,CAAC;YACxB,YAAY,EAAE;gBACZ,cAAc,EAAE,sBAAsB;gBACtC,sBAAsB,EAAE,8BAA8B;gBACtD,gBAAgB,EAAE,wBAAwB;gBAC1C,iBAAiB,EAAE,yBAAyB;gBAC5C,WAAW,EAAE,mBAAmB;aACjC;YACD,GAAG,CAAC,EACF,cAAc,EACd,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,GACZ;gBACC,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAChC,WAAW,CAAC,gBAAgB,EAAE,EAC9B,yBAAyB,CAC1B,CAAC;gBACF,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAC9B,WAAW,CAAC,gBAAgB,EAAE,EAC9B,iBAAiB,CAClB,CAAC;gBAEF,OAAO;oBACL,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;wBACvB,gBAAgB;wBAChB,WAAW,CAAC,aAAa,CAAC;4BACxB,IAAI,EAAE,gBAAgB;4BACtB,OAAO,EAAE,kBAAkB,CACzB,mBAAmB,EACnB,gBAAgB,CACjB;yBACF,CAAC,CAAC;wBAEH,MAAM,OAAO,CAAC,KAAK,CACjB,cAAc,CAAC,kBAAkB,CAAC;4BAChC,QAAQ,EAAE,mCAAmC,CAAC,iBAAiB;4BAC/D,WAAW,EAAE,gBAAgB;4BAC7B,kBAAkB,EAAE;gCAClB,gBAAgB;gCAChB,sBAAsB;gCACtB,iBAAiB;6BAClB;yBACF,CAAC,CACH,CAAC;wBAEF,cAAc;wBACd,WAAW,CAAC,aAAa,CAAC;4BACxB,IAAI,EAAE,QAAQ;4BACd,OAAO,EAAE,kBAAkB,CAAC,YAAY,EAAE,cAAc,CAAC;yBAC1D,CAAC,CAAC;wBAEH,MAAM,OAAO,CAAC,KAAK,CACjB,cAAc,CAAC,kBAAkB,CAAC;4BAChC,QAAQ,EAAE,mCAAmC,CAAC,UAAU;4BACxD,WAAW,EAAE,cAAc;4BAC3B,kBAAkB,EAAE;gCAClB,sBAAsB;gCACtB,iBAAiB;6BAClB;yBACF,CAAC,CACH,CAAC;oBACJ,CAAC;iBACF,CAAC;YACJ,CAAC;SACF,CAAC;KACH,CAAC;CACH,CAAC,CAAC"}

package/dist/auth0/generators/react/auth0-callback/generated/ts-templates.d.ts

@@ -0,0 +1,106 @@
+export declare const AUTH_0_AUTH_0_CALLBACK_TS_TEMPLATES: {
+    auth0CallbackPage: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {
+        authHooksImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            SessionData: {
+                isTypeOnly: true;
+            };
+            useCurrentUser: {};
+            useLogOut: {};
+            useRequiredUserId: {};
+            useSession: {};
+        }>>;
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            Alert: {};
+            AlertIcon: {};
+            BackButton: {};
+            Button: {};
+            ButtonGroup: {};
+            Card: {};
+            CheckedInput: {};
+            ConfirmDialog: {};
+            ErrorableLoader: {};
+            ErrorDisplay: {};
+            FormError: {};
+            FormLabel: {};
+            LinkButton: {};
+            ListGroup: {};
+            Modal: {};
+            NotFoundCard: {};
+            ReactDatePickerInput: {};
+            ReactSelectInput: {};
+            SelectInput: {};
+            Sidebar: {};
+            Spinner: {};
+            Status: {
+                isTypeOnly: true;
+            };
+            StatusType: {
+                isTypeOnly: true;
+            };
+            Table: {};
+            TextAreaInput: {};
+            TextInput: {};
+            Toast: {};
+            useConfirmDialog: {};
+            UseConfirmDialogRequestOptions: {
+                isTypeOnly: true;
+            };
+            useConfirmDialogState: {};
+            useStatus: {};
+            useToast: {};
+        }>>;
+        reactErrorImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            formatError: {};
+            logAndFormatError: {};
+            logError: {};
+        }>>;
+    }>;
+    signupPage: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            Alert: {};
+            AlertIcon: {};
+            BackButton: {};
+            Button: {};
+            ButtonGroup: {};
+            Card: {};
+            CheckedInput: {};
+            ConfirmDialog: {};
+            ErrorableLoader: {};
+            ErrorDisplay: {};
+            FormError: {};
+            FormLabel: {};
+            LinkButton: {};
+            ListGroup: {};
+            Modal: {};
+            NotFoundCard: {};
+            ReactDatePickerInput: {};
+            ReactSelectInput: {};
+            SelectInput: {};
+            Sidebar: {};
+            Spinner: {};
+            Status: {
+                isTypeOnly: true;
+            };
+            StatusType: {
+                isTypeOnly: true;
+            };
+            Table: {};
+            TextAreaInput: {};
+            TextInput: {};
+            Toast: {};
+            useConfirmDialog: {};
+            UseConfirmDialogRequestOptions: {
+                isTypeOnly: true;
+            };
+            useConfirmDialogState: {};
+            useStatus: {};
+            useToast: {};
+        }>>;
+        reactErrorImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            formatError: {};
+            logAndFormatError: {};
+            logError: {};
+        }>>;
+    }>;
+};
+//# sourceMappingURL=ts-templates.d.ts.map

package/dist/auth0/generators/react/auth0-callback/generated/ts-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.d.ts","sourceRoot":"","sources":["../../../../../../src/auth0/generators/react/auth0-callback/generated/ts-templates.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG/C,CAAC"}

package/dist/auth0/generators/react/auth0-callback/generated/ts-templates.js

@@ -0,0 +1,28 @@
+import { createTsTemplateFile } from '@baseplate-dev/core-generators';
+import { authHooksImportsProvider, reactComponentsImportsProvider, reactErrorImportsProvider, } from '@baseplate-dev/react-generators';
+const auth0CallbackPage = createTsTemplateFile({
+    importMapProviders: {
+        authHooksImports: authHooksImportsProvider,
+        reactComponentsImports: reactComponentsImportsProvider,
+        reactErrorImports: reactErrorImportsProvider,
+    },
+    name: 'auth0-callback-page',
+    projectExports: {},
+    source: { path: 'auth0-callback.page.tsx' },
+    variables: {},
+});
+const signupPage = createTsTemplateFile({
+    importMapProviders: {
+        reactComponentsImports: reactComponentsImportsProvider,
+        reactErrorImports: reactErrorImportsProvider,
+    },
+    name: 'signup-page',
+    projectExports: {},
+    source: { path: 'signup.page.tsx' },
+    variables: {},
+});
+export const AUTH_0_AUTH_0_CALLBACK_TS_TEMPLATES = {
+    auth0CallbackPage,
+    signupPage,
+};
+//# sourceMappingURL=ts-templates.js.map

package/dist/auth0/generators/react/auth0-callback/generated/ts-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.js","sourceRoot":"","sources":["../../../../../../src/auth0/generators/react/auth0-callback/generated/ts-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EACL,wBAAwB,EACxB,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AAEzC,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;IAC7C,kBAAkB,EAAE;QAClB,gBAAgB,EAAE,wBAAwB;QAC1C,sBAAsB,EAAE,8BAA8B;QACtD,iBAAiB,EAAE,yBAAyB;KAC7C;IACD,IAAI,EAAE,qBAAqB;IAC3B,cAAc,EAAE,EAAE;IAClB,MAAM,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE;IAC3C,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,oBAAoB,CAAC;IACtC,kBAAkB,EAAE;QAClB,sBAAsB,EAAE,8BAA8B;QACtD,iBAAiB,EAAE,yBAAyB;KAC7C;IACD,IAAI,EAAE,aAAa;IACnB,cAAc,EAAE,EAAE;IAClB,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;IACnC,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,iBAAiB;IACjB,UAAU;CACX,CAAC"}

package/dist/auth0/generators/react/auth0-callback/templates/auth0-callback.page.tsx

@@ -0,0 +1,61 @@
+// @ts-nocheck
+
+import type { ReactElement } from 'react';
+
+import { useLogOut } from '%authHooksImports';
+import { Alert, Button, Card, Spinner } from '%reactComponentsImports';
+import { logError } from '%reactErrorImports';
+import { OAuthError, useAuth0 } from '@auth0/auth0-react';
+import { useEffect, useRef, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+function formatAndReportAuthError(error: unknown): string {
+  if (
+    error instanceof OAuthError &&
+    error.error === 'access_denied' &&
+    error.error_description?.includes('INVALID_ROLE')
+  ) {
+    return 'You do not have permission to access this page.';
+  }
+  logError(error);
+  return 'Sorry, we could not log you in. Please try again.';
+}
+
+function Auth0CallbackPage(): ReactElement {
+  const logOut = useLogOut();
+  const navigate = useNavigate();
+
+  const { handleRedirectCallback } = useAuth0();
+  const [error, setError] = useState<string | null>(null);
+  // https://github.com/auth0/auth0-react/pull/355
+  const didHandleRedirect = useRef(false);
+
+  useEffect(() => {
+    if (didHandleRedirect.current) {
+      return;
+    }
+    didHandleRedirect.current = true;
+    handleRedirectCallback()
+      .then(({ appState }: { appState?: { returnTo?: string } }) => {
+        navigate(appState?.returnTo ?? '/', { replace: true });
+      })
+      .catch((err: unknown) => {
+        setError(formatAndReportAuthError(err));
+      });
+  }, [handleRedirectCallback, navigate]);
+
+  return (
+    <div className="flex h-full items-center justify-center">
+      {error ? (
+        <Card className="space-y-4 p-4">
+          <Alert type="error">{error}</Alert>
+          <Button onClick={logOut}>Try Again</Button>
+        </Card>
+      ) : (
+        <Spinner size="large" />
+      )}
+    </div>
+  );
+}
+
+export default Auth0CallbackPage;

package/dist/auth0/generators/react/auth0-callback/templates/signup.page.tsx

@@ -0,0 +1,48 @@
+// @ts-nocheck
+
+import type { ReactElement } from 'react';
+
+import { Alert, Button, Card, Spinner } from '%reactComponentsImports';
+import { logAndFormatError } from '%reactErrorImports';
+import { useAuth0 } from '@auth0/auth0-react';
+import { useCallback, useEffect, useState } from 'react';
+import { Navigate } from 'react-router-dom';
+
+function SignupPage(): ReactElement {
+  const { loginWithRedirect, isAuthenticated } = useAuth0();
+  const [error, setError] = useState<string | null>(null);
+
+  const redirectToSignup = useCallback((): void => {
+    loginWithRedirect({ authorizationParams: { screen_hint: 'signup' } }).catch(
+      (err: unknown) => {
+        setError(logAndFormatError(err));
+      },
+    );
+  }, [loginWithRedirect]);
+
+  useEffect(() => {
+    if (!isAuthenticated) {
+      redirectToSignup();
+    }
+  }, [isAuthenticated, redirectToSignup]);
+
+  // if they are already authenticated, redirect them to home
+  if (isAuthenticated) {
+    return <Navigate to="/" />;
+  }
+
+  return (
+    <div className="flex h-full items-center justify-center">
+      {error ? (
+        <Card className="space-y-4 p-4">
+          <Alert type="error">{error}</Alert>
+          <Button onClick={redirectToSignup}>Try Again</Button>
+        </Card>
+      ) : (
+        <Spinner size="large" />
+      )}
+    </div>
+  );
+}
+
+export default SignupPage;

package/dist/auth0/generators/react/auth0-components/auth0-components.generator.d.ts

@@ -0,0 +1,53 @@
+export declare const auth0ComponentsGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<{}, {
+    main: import("@baseplate-dev/sync").GeneratorTask<{
+        authComponentsImports: import("@baseplate-dev/sync").ProviderExport<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            RequireAuth: {
+                name: string;
+            };
+        }>>;
+    }, {
+        reactComponents: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/react-generators").ReactComponentsProvider>;
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            Alert: {};
+            AlertIcon: {};
+            BackButton: {};
+            Button: {};
+            ButtonGroup: {};
+            Card: {};
+            CheckedInput: {};
+            ConfirmDialog: {};
+            ErrorableLoader: {};
+            ErrorDisplay: {};
+            FormError: {};
+            FormLabel: {};
+            LinkButton: {};
+            ListGroup: {};
+            Modal: {};
+            NotFoundCard: {};
+            ReactDatePickerInput: {};
+            ReactSelectInput: {};
+            SelectInput: {};
+            Sidebar: {};
+            Spinner: {};
+            Status: {
+                isTypeOnly: true;
+            };
+            StatusType: {
+                isTypeOnly: true;
+            };
+            Table: {};
+            TextAreaInput: {};
+            TextInput: {};
+            Toast: {};
+            useConfirmDialog: {};
+            UseConfirmDialogRequestOptions: {
+                isTypeOnly: true;
+            };
+            useConfirmDialogState: {};
+            useStatus: {};
+            useToast: {};
+        }>>;
+        typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+    }, any>;
+}>;
+//# sourceMappingURL=auth0-components.generator.d.ts.map

package/dist/auth0/generators/react/auth0-components/auth0-components.generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth0-components.generator.d.ts","sourceRoot":"","sources":["../../../../../src/auth0/generators/react/auth0-components/auth0-components.generator.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCnC,CAAC"}

package/dist/auth0/generators/react/auth0-components/auth0-components.generator.js

@@ -0,0 +1,44 @@
+import { projectScope, typescriptFileProvider, } from '@baseplate-dev/core-generators';
+import { authComponentsImportsProvider, reactComponentsImportsProvider, reactComponentsProvider, } from '@baseplate-dev/react-generators';
+import { createGenerator, createGeneratorTask } from '@baseplate-dev/sync';
+import path from 'node:path';
+import { z } from 'zod';
+import { createAuth0ComponentsImports } from './generated/ts-import-maps.js';
+import { AUTH_0_AUTH_0_COMPONENTS_TS_TEMPLATES } from './generated/ts-templates.js';
+const descriptorSchema = z.object({});
+export const auth0ComponentsGenerator = createGenerator({
+    name: 'auth0/auth0-components',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: () => ({
+        main: createGeneratorTask({
+            dependencies: {
+                reactComponents: reactComponentsProvider,
+                reactComponentsImports: reactComponentsImportsProvider,
+                typescriptFile: typescriptFileProvider,
+            },
+            exports: {
+                authComponentsImports: authComponentsImportsProvider.export(projectScope),
+            },
+            run({ reactComponents, typescriptFile, reactComponentsImports }) {
+                const requireAuthPath = `${reactComponents.getComponentsFolder()}/RequireAuth/index.tsx`;
+                reactComponents.registerComponent({ name: 'RequireAuth' });
+                return {
+                    providers: {
+                        authComponentsImports: createAuth0ComponentsImports(path.dirname(requireAuthPath)),
+                    },
+                    build: async (builder) => {
+                        await builder.apply(typescriptFile.renderTemplateFile({
+                            template: AUTH_0_AUTH_0_COMPONENTS_TS_TEMPLATES.requireAuth,
+                            destination: requireAuthPath,
+                            importMapProviders: {
+                                reactComponentsImports,
+                            },
+                        }));
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=auth0-components.generator.js.map

package/dist/auth0/generators/react/auth0-components/auth0-components.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth0-components.generator.js","sourceRoot":"","sources":["../../../../../src/auth0/generators/react/auth0-components/auth0-components.generator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,sBAAsB,GACvB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,EAC9B,uBAAuB,GACxB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,qCAAqC,EAAE,MAAM,6BAA6B,CAAC;AAEpF,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,wBAAwB,GAAG,eAAe,CAAC;IACtD,IAAI,EAAE,wBAAwB;IAC9B,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;IACjC,gBAAgB;IAChB,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;QACjB,IAAI,EAAE,mBAAmB,CAAC;YACxB,YAAY,EAAE;gBACZ,eAAe,EAAE,uBAAuB;gBACxC,sBAAsB,EAAE,8BAA8B;gBACtD,cAAc,EAAE,sBAAsB;aACvC;YACD,OAAO,EAAE;gBACP,qBAAqB,EACnB,6BAA6B,CAAC,MAAM,CAAC,YAAY,CAAC;aACrD;YACD,GAAG,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,sBAAsB,EAAE;gBAC7D,MAAM,eAAe,GAAG,GAAG,eAAe,CAAC,mBAAmB,EAAE,wBAAwB,CAAC;gBACzF,eAAe,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;gBAE3D,OAAO;oBACL,SAAS,EAAE;wBACT,qBAAqB,EAAE,4BAA4B,CACjD,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAC9B;qBACF;oBACD,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;wBACvB,MAAM,OAAO,CAAC,KAAK,CACjB,cAAc,CAAC,kBAAkB,CAAC;4BAChC,QAAQ,EAAE,qCAAqC,CAAC,WAAW;4BAC3D,WAAW,EAAE,eAAe;4BAC5B,kBAAkB,EAAE;gCAClB,sBAAsB;6BACvB;yBACF,CAAC,CACH,CAAC;oBACJ,CAAC;iBACF,CAAC;YACJ,CAAC;SACF,CAAC;KACH,CAAC;CACH,CAAC,CAAC"}

package/dist/auth0/generators/react/auth0-components/generated/ts-import-maps.d.ts

@@ -0,0 +1,3 @@
+import type { AuthComponentImportsProvider } from '@baseplate-dev/react-generators';
+export declare function createAuth0ComponentsImports(importBase: string): AuthComponentImportsProvider;
+//# sourceMappingURL=ts-import-maps.d.ts.map

package/dist/auth0/generators/react/auth0-components/generated/ts-import-maps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-import-maps.d.ts","sourceRoot":"","sources":["../../../../../../src/auth0/generators/react/auth0-components/generated/ts-import-maps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAMpF,wBAAgB,4BAA4B,CAC1C,UAAU,EAAE,MAAM,GACjB,4BAA4B,CAQ9B"}

package/dist/auth0/generators/react/auth0-components/generated/ts-import-maps.js

@@ -0,0 +1,12 @@
+import { createTsImportMap } from '@baseplate-dev/core-generators';
+import { authComponentsImportsSchema } from '@baseplate-dev/react-generators';
+import path from 'node:path/posix';
+export function createAuth0ComponentsImports(importBase) {
+    if (!importBase.startsWith('@/')) {
+        throw new Error('importBase must start with @/');
+    }
+    return createTsImportMap(authComponentsImportsSchema, {
+        RequireAuth: path.join(importBase, 'index.js'),
+    });
+}
+//# sourceMappingURL=ts-import-maps.js.map

package/dist/auth0/generators/react/auth0-components/generated/ts-import-maps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-import-maps.js","sourceRoot":"","sources":["../../../../../../src/auth0/generators/react/auth0-components/generated/ts-import-maps.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC,MAAM,UAAU,4BAA4B,CAC1C,UAAkB;IAElB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QACjC,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,iBAAiB,CAAC,2BAA2B,EAAE;QACpD,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;KAC/C,CAAC,CAAC;AACL,CAAC"}

package/dist/auth0/generators/react/auth0-components/generated/ts-templates.d.ts

@@ -0,0 +1,45 @@
+export declare const AUTH_0_AUTH_0_COMPONENTS_TS_TEMPLATES: {
+    requireAuth: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            Alert: {};
+            AlertIcon: {};
+            BackButton: {};
+            Button: {};
+            ButtonGroup: {};
+            Card: {};
+            CheckedInput: {};
+            ConfirmDialog: {};
+            ErrorableLoader: {};
+            ErrorDisplay: {};
+            FormError: {};
+            FormLabel: {};
+            LinkButton: {};
+            ListGroup: {};
+            Modal: {};
+            NotFoundCard: {};
+            ReactDatePickerInput: {};
+            ReactSelectInput: {};
+            SelectInput: {};
+            Sidebar: {};
+            Spinner: {};
+            Status: {
+                isTypeOnly: true;
+            };
+            StatusType: {
+                isTypeOnly: true;
+            };
+            Table: {};
+            TextAreaInput: {};
+            TextInput: {};
+            Toast: {};
+            useConfirmDialog: {};
+            UseConfirmDialogRequestOptions: {
+                isTypeOnly: true;
+            };
+            useConfirmDialogState: {};
+            useStatus: {};
+            useToast: {};
+        }>>;
+    }>;
+};
+//# sourceMappingURL=ts-templates.d.ts.map

package/dist/auth0/generators/react/auth0-components/generated/ts-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.d.ts","sourceRoot":"","sources":["../../../../../../src/auth0/generators/react/auth0-components/generated/ts-templates.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,qCAAqC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkB,CAAC"}

package/dist/auth0/generators/react/auth0-components/generated/ts-templates.js

@@ -0,0 +1,13 @@
+import { createTsTemplateFile } from '@baseplate-dev/core-generators';
+import { reactComponentsImportsProvider } from '@baseplate-dev/react-generators';
+const requireAuth = createTsTemplateFile({
+    importMapProviders: {
+        reactComponentsImports: reactComponentsImportsProvider,
+    },
+    name: 'require-auth',
+    projectExports: { RequireAuth: { exportName: 'default' } },
+    source: { path: 'RequireAuth.tsx' },
+    variables: {},
+});
+export const AUTH_0_AUTH_0_COMPONENTS_TS_TEMPLATES = { requireAuth };
+//# sourceMappingURL=ts-templates.js.map

package/dist/auth0/generators/react/auth0-components/generated/ts-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.js","sourceRoot":"","sources":["../../../../../../src/auth0/generators/react/auth0-components/generated/ts-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF,MAAM,WAAW,GAAG,oBAAoB,CAAC;IACvC,kBAAkB,EAAE;QAClB,sBAAsB,EAAE,8BAA8B;KACvD;IACD,IAAI,EAAE,cAAc;IACpB,cAAc,EAAE,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE;IAC1D,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;IACnC,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qCAAqC,GAAG,EAAE,WAAW,EAAE,CAAC"}