@baseplate-dev/plugin-auth 1.0.6 → 1.0.8

package/dist/local-auth/core/generators/auth-routes/templates/routes/auth_/verify-email.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import { getApolloErrorCode } from '%apolloErrorImports';
+import { graphql } from '%graphqlImports';
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from '%reactComponentsImports';
+import { logAndFormatError, logError } from '%reactErrorImports';
+import { useMutation } from '@apollo/client/react';
+import { createFileRoute, redirect, useNavigate } from '@tanstack/react-router';
+import { useCallback, useEffect, useState } from 'react';
+import { toast } from 'sonner';
+import { z } from 'zod';
+export const Route = createFileRoute('/auth_/verify-email')({
+    validateSearch: z.object({
+        token: z.string().optional(),
+    }),
+    component: VerifyEmailPage,
+    beforeLoad: ({ search: { token } }) => {
+        if (!token) {
+            throw redirect({ to: '/' });
+        }
+    },
+});
+const verifyEmailMutation = graphql(`
+  mutation VerifyEmail($input: VerifyEmailInput!) {
+    verifyEmail(input: $input) {
+      success
+    }
+  }
+`);
+const requestEmailVerificationMutation = graphql(`
+  mutation RequestEmailVerification {
+    requestEmailVerification {
+      success
+    }
+  }
+`);
+function VerifyEmailPage() {
+    const { token } = Route.useSearch();
+    const { userId } = Route.useRouteContext();
+    const navigate = useNavigate();
+    const [status, setStatus] = useState(userId ? 'verifying' : 'idle');
+    const [verifyEmail] = useMutation(verifyEmailMutation);
+    const [requestVerification, { loading: resending }] = useMutation(requestEmailVerificationMutation);
+    const doVerify = useCallback(() => {
+        if (!token)
+            return;
+        setStatus('verifying');
+        verifyEmail({
+            variables: { input: { token } },
+        })
+            .then(() => {
+            setStatus('success');
+        })
+            .catch((err) => {
+            const errorCode = getApolloErrorCode(err, [
+                'invalid-token',
+                'token-expired',
+            ]);
+            switch (errorCode) {
+                case 'invalid-token':
+                case 'token-expired': {
+                    setStatus('error');
+                    break;
+                }
+                case null: {
+                    toast.error(logAndFormatError(err, 'Sorry, we could not verify your email.'));
+                    setStatus('error');
+                }
+            }
+        });
+    }, [token, verifyEmail]);
+    // If logged in, auto-verify on mount
+    useEffect(() => {
+        if (userId && token) {
+            doVerify();
+        }
+    }, [userId, token, doVerify]);
+    const handleResend = () => {
+        requestVerification()
+            .then(() => {
+            toast.success('Verification email sent! Check your inbox.');
+        })
+            .catch((err) => {
+            toast.error(logAndFormatError(err, 'Could not resend verification email.'));
+        });
+    };
+    // Verifying state
+    if (status === 'verifying') {
+        return (_jsx(Card, { children: _jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Verifying..." }), _jsx(CardDescription, { children: "Please wait while we verify your email address." })] }) }));
+    }
+    // Success state
+    if (status === 'success') {
+        return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Email Verified!" }), _jsx(CardDescription, { children: "Your email address has been successfully verified." })] }), _jsx(CardContent, { children: _jsx(Button, { variant: "secondary", className: "w-full", onClick: () => {
+                            navigate({ to: '/' }).catch(logError);
+                        }, children: "Continue" }) })] }));
+    }
+    // Error state
+    if (status === 'error') {
+        return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Invalid or Expired Link" }), _jsx(CardDescription, { children: "This verification link is invalid or has expired." })] }), _jsx(CardContent, { children: _jsx("div", { className: "flex flex-col gap-3", children: userId ? (_jsx(Button, { variant: "secondary", className: "w-full", disabled: resending, onClick: handleResend, children: "Resend Verification Email" })) : (_jsx(Button, { variant: "secondary", className: "w-full", onClick: () => {
+                                navigate({ to: '/auth/login' }).catch(logError);
+                            }, children: "Log In to Resend" })) }) })] }));
+    }
+    // Idle state (not logged in) — show button to verify
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Verify your email" }), _jsx(CardDescription, { children: "Click the button below to verify your email address." })] }), _jsx(CardContent, { children: _jsx(Button, { className: "w-full", onClick: doVerify, children: "Verify Email" }) })] }));
+}
+//# sourceMappingURL=verify-email.js.map

package/dist/local-auth/core/generators/auth-routes/templates/routes/auth_/verify-email.tsx

@@ -0,0 +1,206 @@
+// @ts-nocheck
+
+import { getApolloErrorCode } from '%apolloErrorImports';
+import { graphql } from '%graphqlImports';
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '%reactComponentsImports';
+import { logAndFormatError, logError } from '%reactErrorImports';
+import { useMutation } from '@apollo/client/react';
+import { createFileRoute, redirect, useNavigate } from '@tanstack/react-router';
+import { useCallback, useEffect, useState } from 'react';
+import { toast } from 'sonner';
+import { z } from 'zod';
+
+export const Route = createFileRoute('/auth_/verify-email')({
+  validateSearch: z.object({
+    token: z.string().optional(),
+  }),
+  component: VerifyEmailPage,
+  beforeLoad: ({ search: { token } }) => {
+    if (!token) {
+      throw redirect({ to: '/' });
+    }
+  },
+});
+
+const verifyEmailMutation = graphql(`
+  mutation VerifyEmail($input: VerifyEmailInput!) {
+    verifyEmail(input: $input) {
+      success
+    }
+  }
+`);
+
+const requestEmailVerificationMutation = graphql(`
+  mutation RequestEmailVerification {
+    requestEmailVerification {
+      success
+    }
+  }
+`);
+
+type VerifyStatus = 'idle' | 'verifying' | 'success' | 'error';
+
+function VerifyEmailPage(): React.JSX.Element {
+  const { token } = Route.useSearch();
+  const { userId } = Route.useRouteContext();
+  const navigate = useNavigate();
+  const [status, setStatus] = useState<VerifyStatus>(
+    userId ? 'verifying' : 'idle',
+  );
+
+  const [verifyEmail] = useMutation(verifyEmailMutation);
+  const [requestVerification, { loading: resending }] = useMutation(
+    requestEmailVerificationMutation,
+  );
+
+  const doVerify = useCallback((): void => {
+    if (!token) return;
+
+    setStatus('verifying');
+    verifyEmail({
+      variables: { input: { token } },
+    })
+      .then(() => {
+        setStatus('success');
+      })
+      .catch((err: unknown) => {
+        const errorCode = getApolloErrorCode(err, [
+          'invalid-token',
+          'token-expired',
+        ] as const);
+        switch (errorCode) {
+          case 'invalid-token':
+          case 'token-expired': {
+            setStatus('error');
+            break;
+          }
+          case null: {
+            toast.error(
+              logAndFormatError(err, 'Sorry, we could not verify your email.'),
+            );
+            setStatus('error');
+          }
+        }
+      });
+  }, [token, verifyEmail]);
+
+  // If logged in, auto-verify on mount
+  useEffect(() => {
+    if (userId && token) {
+      doVerify();
+    }
+  }, [userId, token, doVerify]);
+
+  const handleResend = (): void => {
+    requestVerification()
+      .then(() => {
+        toast.success('Verification email sent! Check your inbox.');
+      })
+      .catch((err: unknown) => {
+        toast.error(
+          logAndFormatError(err, 'Could not resend verification email.'),
+        );
+      });
+  };
+
+  // Verifying state
+  if (status === 'verifying') {
+    return (
+      <Card>
+        <CardHeader>
+          <CardTitle>Verifying...</CardTitle>
+          <CardDescription>
+            Please wait while we verify your email address.
+          </CardDescription>
+        </CardHeader>
+      </Card>
+    );
+  }
+
+  // Success state
+  if (status === 'success') {
+    return (
+      <Card>
+        <CardHeader>
+          <CardTitle>Email Verified!</CardTitle>
+          <CardDescription>
+            Your email address has been successfully verified.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button
+            variant="secondary"
+            className="w-full"
+            onClick={() => {
+              navigate({ to: '/' }).catch(logError);
+            }}
+          >
+            Continue
+          </Button>
+        </CardContent>
+      </Card>
+    );
+  }
+
+  // Error state
+  if (status === 'error') {
+    return (
+      <Card>
+        <CardHeader>
+          <CardTitle>Invalid or Expired Link</CardTitle>
+          <CardDescription>
+            This verification link is invalid or has expired.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="flex flex-col gap-3">
+            {userId ? (
+              <Button
+                variant="secondary"
+                className="w-full"
+                disabled={resending}
+                onClick={handleResend}
+              >
+                Resend Verification Email
+              </Button>
+            ) : (
+              <Button
+                variant="secondary"
+                className="w-full"
+                onClick={() => {
+                  navigate({ to: '/auth/login' }).catch(logError);
+                }}
+              >
+                Log In to Resend
+              </Button>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+    );
+  }
+
+  // Idle state (not logged in) — show button to verify
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Verify your email</CardTitle>
+        <CardDescription>
+          Click the button below to verify your email address.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <Button className="w-full" onClick={doVerify}>
+          Verify Email
+        </Button>
+      </CardContent>
+    </Card>
+  );
+}

package/dist/local-auth/core/generators/index.d.ts

@@ -0,0 +1,10 @@
+export * from './auth-apollo/index.js';
+export * from './auth-email-password/index.js';
+export * from './auth-email-templates/index.js';
+export * from './auth-hooks/index.js';
+export * from './auth-module/index.js';
+export * from './auth-routes/index.js';
+export * from './react-auth/index.js';
+export * from './react-session/index.js';
+export * from './seed-initial-user/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/local-auth/core/generators/index.js

@@ -0,0 +1,10 @@
+export * from './auth-apollo/index.js';
+export * from './auth-email-password/index.js';
+export * from './auth-email-templates/index.js';
+export * from './auth-hooks/index.js';
+export * from './auth-module/index.js';
+export * from './auth-routes/index.js';
+export * from './react-auth/index.js';
+export * from './react-session/index.js';
+export * from './seed-initial-user/index.js';
+//# sourceMappingURL=index.js.map

package/dist/local-auth/core/generators/react-auth/react-auth.generator.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Generator for basic React auth integrations
+ */
+export declare const reactAuthGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<Record<string, never>, {
+    reactAuth: import("@baseplate-dev/sync").GeneratorTask<{
+        reactAuthRoutes: import("@baseplate-dev/sync").ProviderExport<import("@baseplate-dev/react-generators").ReactAuthRoutesProvider>;
+    }, any, any>;
+}>;
+//# sourceMappingURL=react-auth.generator.d.ts.map

package/dist/local-auth/core/generators/react-auth/react-auth.generator.js

@@ -0,0 +1,31 @@
+import { packageScope } from '@baseplate-dev/core-generators';
+import { reactAuthRoutesProvider } from '@baseplate-dev/react-generators';
+import { createGenerator, createGeneratorTask } from '@baseplate-dev/sync';
+import { z } from 'zod';
+const descriptorSchema = z.object({});
+/**
+ * Generator for basic React auth integrations
+ */
+export const reactAuthGenerator = createGenerator({
+    name: 'local-auth/core/react-auth',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: () => ({
+        reactAuth: createGeneratorTask({
+            exports: {
+                reactAuthRoutes: reactAuthRoutesProvider.export(packageScope),
+            },
+            run() {
+                return {
+                    providers: {
+                        reactAuthRoutes: {
+                            getLoginUrlPath: () => '/auth/login',
+                            getRegisterUrlPath: () => '/auth/register',
+                        },
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=react-auth.generator.js.map