@baseplate-dev/plugin-auth 1.0.2 → 1.0.4

package/dist/auth/core/generators/auth-routes/generated/typed-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typed-templates.js","sourceRoot":"","sources":["../../../../../../src/auth/core/generators/auth-routes/generated/typed-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,0BAA0B,EAC1B,+BAA+B,EAC/B,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,2BAA2B,EAAE,MAAM,0EAA0E,CAAC;AAEvH,MAAM,KAAK,GAAG,oBAAoB,CAAC;IACjC,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;IAClC,KAAK,EAAE,MAAM;IACb,kBAAkB,EAAE;QAClB,kBAAkB,EAAE,0BAA0B;QAC9C,uBAAuB,EAAE,+BAA+B;QACxD,sBAAsB,EAAE,8BAA8B;QACtD,iBAAiB,EAAE,yBAAyB;QAC5C,mBAAmB,EAAE,2BAA2B;KACjD;IACD,IAAI,EAAE,OAAO;IACb,MAAM,EAAE;QACN,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,qCAAqC,CAAC;KAC5E;IACD,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,oBAAoB,CAAC;IACpC,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;IAClC,KAAK,EAAE,MAAM;IACb,kBAAkB,EAAE;QAClB,kBAAkB,EAAE,0BAA0B;QAC9C,uBAAuB,EAAE,+BAA+B;QACxD,sBAAsB,EAAE,8BAA8B;QACtD,iBAAiB,EAAE,yBAAyB;QAC5C,mBAAmB,EAAE,2BAA2B;KACjD;IACD,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE;QACN,IAAI,EAAE,IAAI,CAAC,IAAI,CACb,MAAM,CAAC,IAAI,CAAC,OAAO,EACnB,wCAAwC,CACzC;KACF;IACD,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,oBAAoB,CAAC;IACjC,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;IAClC,KAAK,EAAE,MAAM;IACb,kBAAkB,EAAE,EAAE;IACtB,IAAI,EAAE,OAAO;IACb,MAAM,EAAE;QACN,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,qCAAqC,CAAC;KAC5E;IACD,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAEpD,MAAM,UAAU,GAAG,sBAAsB,CAAC;IACxC,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;IAClC,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE;QACN,IAAI,EAAE,IAAI,CAAC,IAAI,CACb,MAAM,CAAC,IAAI,CAAC,OAAO,EACnB,uCAAuC,CACxC;KACF;IACD,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,+BAA+B,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './auth-routes.generator.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/auth/core/generators/auth-routes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/auth/core/generators/auth-routes/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './auth-routes.generator.js';
+//# sourceMappingURL=index.js.map

package/dist/auth/core/generators/auth-routes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/auth/core/generators/auth-routes/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/login.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: any;
+//# sourceMappingURL=login.d.ts.map

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/login.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../../../../../../../src/auth/core/generators/auth-routes/templates/routes/auth_/login.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,KAAK,KAahB,CAAC"}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/login.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import { getApolloErrorCode } from '%apolloErrorImports';
+import { LoginWithEmailPasswordDocument } from '%generatedGraphqlImports';
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, InputFieldController, } from '%reactComponentsImports';
+import { logAndFormatError, logError } from '%reactErrorImports';
+import { useUserSessionClient } from '%reactSessionImports';
+import { useMutation } from '@apollo/client';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { createFileRoute, Link, redirect, useNavigate, } from '@tanstack/react-router';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+export const Route = createFileRoute('/auth_/login')({
+    validateSearch: z.object({
+        return_to: z
+            .string()
+            .regex(/^\/[a-zA-Z0-9\-._~!$&'()*+,;=:@?/]*$/)
+            .optional(),
+    }),
+    component: LoginPage,
+    beforeLoad: ({ search: { return_to }, context: { userId } }) => {
+        if (userId) {
+            throw redirect({ to: return_to ?? '/' });
+        }
+    },
+});
+const PASSWORD_MIN_LENGTH = 8;
+const formSchema = z.object({
+    email: z
+        .string()
+        .email()
+        .transform((value) => value.toLowerCase()),
+    password: z.string().min(PASSWORD_MIN_LENGTH),
+});
+function LoginPage() {
+    const { control, handleSubmit, resetField, setError: setFormError, } = useForm({
+        resolver: zodResolver(formSchema),
+        reValidateMode: 'onBlur',
+    });
+    const [loginWithEmailPassword, { loading }] = useMutation(LoginWithEmailPasswordDocument);
+    const { client } = useUserSessionClient();
+    const navigate = useNavigate();
+    const { return_to } = Route.useSearch();
+    const onSubmit = (data) => {
+        loginWithEmailPassword({
+            variables: {
+                input: {
+                    email: data.email,
+                    password: data.password,
+                },
+            },
+        })
+            .then(({ data }) => {
+            if (!data) {
+                throw new Error('No data returned from login mutation');
+            }
+            const { userId } = data.loginWithEmailPassword.session;
+            client.signIn(userId);
+            navigate({ to: return_to ?? '/', replace: true }).catch(logError);
+        })
+            .catch((err) => {
+            const errorCode = getApolloErrorCode(err, [
+                'invalid-email',
+                'invalid-password',
+            ]);
+            switch (errorCode) {
+                case 'invalid-email': {
+                    setFormError('email', { message: 'Email not found' }, { shouldFocus: true });
+                    break;
+                }
+                case 'invalid-password': {
+                    resetField('password');
+                    setFormError('password', { message: 'Password is incorrect' }, { shouldFocus: true });
+                    break;
+                }
+                default: {
+                    toast.error(logAndFormatError(err, 'Sorry, we could not log you in.'));
+                }
+            }
+        });
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Login to your account" }), _jsx(CardDescription, { children: "Enter your email below to login to your account" })] }), _jsx(CardContent, { children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(InputFieldController, { control: control, name: "email", type: "email", autoComplete: "email", placeholder: "user@example.com" }), _jsx(InputFieldController, { control: control, name: "password", type: "password", autoComplete: "current-password", placeholder: "Password" }), _jsx(Button, { type: "submit", className: "w-full", disabled: loading, children: "Login" })] }), _jsxs("div", { className: "mt-4 text-center text-sm", children: ["Don't have an account?", ' ', _jsx(Link, { to: "/auth/register", className: "underline underline-offset-4", children: "Sign up" })] })] }) })] }));
+}
+//# sourceMappingURL=login.js.map

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login.js","sourceRoot":"","sources":["../../../../../../../../src/auth/core/generators/auth-routes/templates/routes/auth_/login.tsx"],"names":[],"mappings":"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"}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/login.tsx

@@ -0,0 +1,161 @@
+// @ts-nocheck
+
+import { getApolloErrorCode } from '%apolloErrorImports';
+import { LoginWithEmailPasswordDocument } from '%generatedGraphqlImports';
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  InputFieldController,
+} from '%reactComponentsImports';
+import { logAndFormatError, logError } from '%reactErrorImports';
+import { useUserSessionClient } from '%reactSessionImports';
+import { useMutation } from '@apollo/client';
+import { zodResolver } from '@hookform/resolvers/zod';
+import {
+  createFileRoute,
+  Link,
+  redirect,
+  useNavigate,
+} from '@tanstack/react-router';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+
+export const Route = createFileRoute('/auth_/login')({
+  validateSearch: z.object({
+    return_to: z
+      .string()
+      .regex(/^\/[a-zA-Z0-9\-._~!$&'()*+,;=:@?/]*$/)
+      .optional(),
+  }),
+  component: LoginPage,
+  beforeLoad: ({ search: { return_to }, context: { userId } }) => {
+    if (userId) {
+      throw redirect({ to: return_to ?? '/' });
+    }
+  },
+});
+
+const PASSWORD_MIN_LENGTH = 8;
+
+const formSchema = z.object({
+  email: z
+    .string()
+    .email()
+    .transform((value) => value.toLowerCase()),
+  password: z.string().min(PASSWORD_MIN_LENGTH),
+});
+
+type FormData = z.infer<typeof formSchema>;
+
+function LoginPage(): React.JSX.Element {
+  const {
+    control,
+    handleSubmit,
+    resetField,
+    setError: setFormError,
+  } = useForm<FormData>({
+    resolver: zodResolver(formSchema),
+    reValidateMode: 'onBlur',
+  });
+  const [loginWithEmailPassword, { loading }] = useMutation(
+    LoginWithEmailPasswordDocument,
+  );
+  const { client } = useUserSessionClient();
+  const navigate = useNavigate();
+  const { return_to } = Route.useSearch();
+
+  const onSubmit = (data: FormData): void => {
+    loginWithEmailPassword({
+      variables: {
+        input: {
+          email: data.email,
+          password: data.password,
+        },
+      },
+    })
+      .then(({ data }) => {
+        if (!data) {
+          throw new Error('No data returned from login mutation');
+        }
+        const { userId } = data.loginWithEmailPassword.session;
+        client.signIn(userId);
+
+        navigate({ to: return_to ?? '/', replace: true }).catch(logError);
+      })
+      .catch((err: unknown) => {
+        const errorCode = getApolloErrorCode(err, [
+          'invalid-email',
+          'invalid-password',
+        ] as const);
+        switch (errorCode) {
+          case 'invalid-email': {
+            setFormError(
+              'email',
+              { message: 'Email not found' },
+              { shouldFocus: true },
+            );
+            break;
+          }
+          case 'invalid-password': {
+            resetField('password');
+            setFormError(
+              'password',
+              { message: 'Password is incorrect' },
+              { shouldFocus: true },
+            );
+            break;
+          }
+          default: {
+            toast.error(
+              logAndFormatError(err, 'Sorry, we could not log you in.'),
+            );
+          }
+        }
+      });
+  };
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Login to your account</CardTitle>
+        <CardDescription>
+          Enter your email below to login to your account
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form onSubmit={handleSubmit(onSubmit)}>
+          <div className="flex flex-col gap-6">
+            <InputFieldController
+              control={control}
+              name="email"
+              type="email"
+              autoComplete="email"
+              placeholder="user@example.com"
+            />
+            <InputFieldController
+              control={control}
+              name="password"
+              type="password"
+              autoComplete="current-password"
+              placeholder="Password"
+            />
+            <Button type="submit" className="w-full" disabled={loading}>
+              Login
+            </Button>
+          </div>
+          <div className="mt-4 text-center text-sm">
+            Don&apos;t have an account?{' '}
+            <Link to="/auth/register" className="underline underline-offset-4">
+              Sign up
+            </Link>
+          </div>
+        </form>
+      </CardContent>
+    </Card>
+  );
+}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/queries.gql

@@ -0,0 +1,15 @@
+mutation RegisterWithEmailPassword($input: RegisterWithEmailPasswordInput!) {
+  registerWithEmailPassword(input: $input) {
+    session {
+      userId
+    }
+  }
+}
+
+mutation LoginWithEmailPassword($input: LoginWithEmailPasswordInput!) {
+  loginWithEmailPassword(input: $input) {
+    session {
+      userId
+    }
+  }
+}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/register.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: any;
+//# sourceMappingURL=register.d.ts.map

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../../../../src/auth/core/generators/auth-routes/templates/routes/auth_/register.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,KAAK,KAahB,CAAC"}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/register.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import { getApolloErrorCode } from '%apolloErrorImports';
+import { RegisterWithEmailPasswordDocument } from '%generatedGraphqlImports';
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, InputFieldController, } from '%reactComponentsImports';
+import { logAndFormatError, logError } from '%reactErrorImports';
+import { useUserSessionClient } from '%reactSessionImports';
+import { useMutation } from '@apollo/client';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { createFileRoute, Link, redirect, useNavigate, } from '@tanstack/react-router';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+export const Route = createFileRoute('/auth_/register')({
+    validateSearch: z.object({
+        return_to: z
+            .string()
+            .regex(/^\/[a-zA-Z0-9\-._~!$&'()*+,;=:@?/]*$/)
+            .optional(),
+    }),
+    component: RegisterPage,
+    beforeLoad: ({ search: { return_to }, context: { userId } }) => {
+        if (userId) {
+            throw redirect({ to: return_to ?? '/' });
+        }
+    },
+});
+const PASSWORD_MIN_LENGTH = 8;
+const formSchema = z.object({
+    email: z
+        .string()
+        .email()
+        .transform((value) => value.toLowerCase()),
+    password: z.string().min(PASSWORD_MIN_LENGTH),
+});
+function RegisterPage() {
+    const { control, handleSubmit, setError: setFormError, } = useForm({
+        resolver: zodResolver(formSchema),
+        reValidateMode: 'onBlur',
+    });
+    const [registerWithEmailPassword, { loading }] = useMutation(RegisterWithEmailPasswordDocument);
+    const { client } = useUserSessionClient();
+    const navigate = useNavigate();
+    const { return_to } = Route.useSearch();
+    const onSubmit = (data) => {
+        registerWithEmailPassword({
+            variables: {
+                input: {
+                    email: data.email,
+                    password: data.password,
+                },
+            },
+        })
+            .then(({ data }) => {
+            if (!data) {
+                throw new Error('No data returned from login mutation');
+            }
+            const { userId } = data.registerWithEmailPassword.session;
+            client.signIn(userId);
+            navigate({ to: return_to ?? '/', replace: true }).catch(logError);
+        })
+            .catch((err) => {
+            const errorCode = getApolloErrorCode(err, ['email-taken']);
+            switch (errorCode) {
+                case 'email-taken': {
+                    setFormError('email', { message: 'Email already taken' }, { shouldFocus: true });
+                    break;
+                }
+                default: {
+                    toast.error(logAndFormatError(err, 'Sorry, we could not register you.'));
+                }
+            }
+        });
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Register to your account" }), _jsx(CardDescription, { children: "Enter your email below to register for an account" })] }), _jsx(CardContent, { children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(InputFieldController, { control: control, name: "email", type: "email", autoComplete: "email", placeholder: "user@example.com" }), _jsx(InputFieldController, { control: control, name: "password", type: "password", autoComplete: "new-password", placeholder: "Password" }), _jsx(Button, { type: "submit", className: "w-full", disabled: loading, children: "Register" })] }), _jsxs("div", { className: "mt-4 text-center text-sm", children: ["Already have an account?", ' ', _jsx(Link, { to: "/auth/login", className: "underline underline-offset-4", children: "Login" })] })] }) })] }));
+}
+//# sourceMappingURL=register.js.map

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../../../../src/auth/core/generators/auth-routes/templates/routes/auth_/register.tsx"],"names":[],"mappings":"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"}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/register.tsx

@@ -0,0 +1,148 @@
+// @ts-nocheck
+
+import { getApolloErrorCode } from '%apolloErrorImports';
+import { RegisterWithEmailPasswordDocument } from '%generatedGraphqlImports';
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  InputFieldController,
+} from '%reactComponentsImports';
+import { logAndFormatError, logError } from '%reactErrorImports';
+import { useUserSessionClient } from '%reactSessionImports';
+import { useMutation } from '@apollo/client';
+import { zodResolver } from '@hookform/resolvers/zod';
+import {
+  createFileRoute,
+  Link,
+  redirect,
+  useNavigate,
+} from '@tanstack/react-router';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+
+export const Route = createFileRoute('/auth_/register')({
+  validateSearch: z.object({
+    return_to: z
+      .string()
+      .regex(/^\/[a-zA-Z0-9\-._~!$&'()*+,;=:@?/]*$/)
+      .optional(),
+  }),
+  component: RegisterPage,
+  beforeLoad: ({ search: { return_to }, context: { userId } }) => {
+    if (userId) {
+      throw redirect({ to: return_to ?? '/' });
+    }
+  },
+});
+
+const PASSWORD_MIN_LENGTH = 8;
+
+const formSchema = z.object({
+  email: z
+    .string()
+    .email()
+    .transform((value) => value.toLowerCase()),
+  password: z.string().min(PASSWORD_MIN_LENGTH),
+});
+
+type FormData = z.infer<typeof formSchema>;
+
+function RegisterPage(): React.JSX.Element {
+  const {
+    control,
+    handleSubmit,
+    setError: setFormError,
+  } = useForm<FormData>({
+    resolver: zodResolver(formSchema),
+    reValidateMode: 'onBlur',
+  });
+  const [registerWithEmailPassword, { loading }] = useMutation(
+    RegisterWithEmailPasswordDocument,
+  );
+  const { client } = useUserSessionClient();
+  const navigate = useNavigate();
+  const { return_to } = Route.useSearch();
+
+  const onSubmit = (data: FormData): void => {
+    registerWithEmailPassword({
+      variables: {
+        input: {
+          email: data.email,
+          password: data.password,
+        },
+      },
+    })
+      .then(({ data }) => {
+        if (!data) {
+          throw new Error('No data returned from login mutation');
+        }
+        const { userId } = data.registerWithEmailPassword.session;
+        client.signIn(userId);
+
+        navigate({ to: return_to ?? '/', replace: true }).catch(logError);
+      })
+      .catch((err: unknown) => {
+        const errorCode = getApolloErrorCode(err, ['email-taken'] as const);
+        switch (errorCode) {
+          case 'email-taken': {
+            setFormError(
+              'email',
+              { message: 'Email already taken' },
+              { shouldFocus: true },
+            );
+            break;
+          }
+          default: {
+            toast.error(
+              logAndFormatError(err, 'Sorry, we could not register you.'),
+            );
+          }
+        }
+      });
+  };
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Register to your account</CardTitle>
+        <CardDescription>
+          Enter your email below to register for an account
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form onSubmit={handleSubmit(onSubmit)}>
+          <div className="flex flex-col gap-6">
+            <InputFieldController
+              control={control}
+              name="email"
+              type="email"
+              autoComplete="email"
+              placeholder="user@example.com"
+            />
+            <InputFieldController
+              control={control}
+              name="password"
+              type="password"
+              autoComplete="new-password"
+              placeholder="Password"
+            />
+            <Button type="submit" className="w-full" disabled={loading}>
+              Register
+            </Button>
+          </div>
+          <div className="mt-4 text-center text-sm">
+            Already have an account?{' '}
+            <Link to="/auth/login" className="underline underline-offset-4">
+              Login
+            </Link>
+          </div>
+        </form>
+      </CardContent>
+    </Card>
+  );
+}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/route.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: any;
+//# sourceMappingURL=route.d.ts.map

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../src/auth/core/generators/auth-routes/templates/routes/auth_/route.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,KAEhB,CAAC"}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/route.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
+import { createFileRoute, Outlet } from '@tanstack/react-router';
+export const Route = createFileRoute('/auth_')({
+    component: RouteComponent,
+});
+function RouteComponent() {
+    return (_jsx("div", { className: "flex min-h-svh w-full items-center justify-center p-6 md:p-10", children: _jsx("div", { className: "w-full max-w-sm", children: _jsx(Outlet, {}) }) }));
+}
+//# sourceMappingURL=route.js.map

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../../../../../../src/auth/core/generators/auth-routes/templates/routes/auth_/route.tsx"],"names":[],"mappings":";AAAA,cAAc;AAEd,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEjE,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC7C,SAAS,EAAE,cAAc;CAC1B,CAAC,CAAC;AAEH,SAAS,cAAc;IACrB,OAAO,CACL,cAAK,SAAS,EAAC,+DAA+D,YAC5E,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,MAAM,KAAG,GACN,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/auth/core/generators/auth-routes/templates/routes/auth_/route.tsx

@@ -0,0 +1,17 @@
+// @ts-nocheck
+
+import { createFileRoute, Outlet } from '@tanstack/react-router';
+
+export const Route = createFileRoute('/auth_')({
+  component: RouteComponent,
+});
+
+function RouteComponent(): React.ReactElement {
+  return (
+    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
+      <div className="w-full max-w-sm">
+        <Outlet />
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,8 @@
+export * from './auth-apollo/index.js';
+export * from './auth-email-password/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';
+//# sourceMappingURL=index.d.ts.map

package/dist/auth/core/generators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/auth/core/generators/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}

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

@@ -0,0 +1,8 @@
+export * from './auth-apollo/index.js';
+export * from './auth-email-password/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';
+//# sourceMappingURL=index.js.map

package/dist/auth/core/generators/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/auth/core/generators/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './react-auth.generator.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/auth/core/generators/react-auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/auth/core/generators/react-auth/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './react-auth.generator.js';
+//# sourceMappingURL=index.js.map

package/dist/auth/core/generators/react-auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/auth/core/generators/react-auth/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/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<{}, {
+    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/auth/core/generators/react-auth/react-auth.generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-auth.generator.d.ts","sourceRoot":"","sources":["../../../../../src/auth/core/generators/react-auth/react-auth.generator.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;EAqB7B,CAAC"}