@baseplate-dev/plugin-auth 0.6.18 → 0.6.19

package/dist/local-auth/core/generators/auth-hooks/generated/typed-templates.d.ts

@@ -8,6 +8,277 @@ export declare const hooksGroup: {
                 isTypeOnly: true;
             };
         }>>;
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            AddOptionRequiredFields: {
+                isTypeOnly: true;
+            };
+            Alert: {};
+            AlertAction: {};
+            AlertDescription: {};
+            AlertTitle: {};
+            Autocomplete: {};
+            AutocompleteClear: {};
+            AutocompleteCollection: {};
+            AutocompleteContent: {};
+            AutocompleteEmpty: {};
+            AutocompleteGroup: {};
+            AutocompleteInput: {};
+            AutocompleteItem: {};
+            AutocompleteLabel: {};
+            AutocompleteList: {};
+            AutocompleteSeparator: {};
+            AutocompleteStatus: {};
+            AutocompleteTrigger: {};
+            AutocompleteValue: {};
+            Badge: {};
+            badgeVariants: {};
+            Breadcrumb: {};
+            BreadcrumbEllipsis: {};
+            BreadcrumbItem: {};
+            BreadcrumbLink: {};
+            BreadcrumbList: {};
+            BreadcrumbPage: {};
+            BreadcrumbSeparator: {};
+            Button: {};
+            buttonVariants: {};
+            Calendar: {};
+            Card: {};
+            CardAction: {};
+            CardContent: {};
+            CardDescription: {};
+            CardFooter: {};
+            CardHeader: {};
+            CardTitle: {};
+            Checkbox: {};
+            CheckboxField: {};
+            CheckboxFieldController: {};
+            CircularProgress: {};
+            cn: {};
+            Collapsible: {};
+            CollapsibleContent: {};
+            CollapsibleTrigger: {};
+            Combobox: {};
+            ComboboxField: {};
+            ComboboxFieldController: {};
+            ConfirmDialog: {};
+            DatePickerField: {};
+            DatePickerFieldController: {};
+            DateTimePickerField: {};
+            DateTimePickerFieldController: {};
+            Dialog: {};
+            DialogClose: {};
+            DialogContent: {};
+            DialogDescription: {};
+            DialogFooter: {};
+            DialogHeader: {};
+            DialogOverlay: {};
+            DialogPortal: {};
+            DialogTitle: {};
+            DialogTrigger: {};
+            DialogWidth: {
+                isTypeOnly: true;
+            };
+            DropdownMenu: {};
+            DropdownMenuCheckboxItem: {};
+            DropdownMenuContent: {};
+            DropdownMenuGroup: {};
+            DropdownMenuItem: {};
+            DropdownMenuLabel: {};
+            DropdownMenuPortal: {};
+            DropdownMenuRadioGroup: {};
+            DropdownMenuRadioItem: {};
+            DropdownMenuSeparator: {};
+            DropdownMenuShortcut: {};
+            DropdownMenuSub: {};
+            DropdownMenuSubContent: {};
+            DropdownMenuSubTrigger: {};
+            DropdownMenuTrigger: {};
+            Empty: {};
+            EmptyContent: {};
+            EmptyDescription: {};
+            EmptyHeader: {};
+            EmptyMedia: {};
+            emptyMediaVariants: {};
+            EmptyTitle: {};
+            ErrorableLoader: {};
+            ErrorDisplay: {};
+            Field: {};
+            FieldContent: {};
+            FieldDescription: {};
+            FieldError: {};
+            FieldGroup: {};
+            FieldLabel: {};
+            FieldLegend: {};
+            FieldSeparator: {};
+            FieldSet: {};
+            FieldTitle: {};
+            fieldVariants: {};
+            FormFieldProps: {
+                isTypeOnly: true;
+            };
+            IconElement: {
+                isTypeOnly: true;
+            };
+            Input: {};
+            InputField: {};
+            InputFieldController: {};
+            InputGroup: {};
+            InputGroupAddon: {};
+            InputGroupButton: {};
+            InputGroupInput: {};
+            InputGroupText: {};
+            InputGroupTextarea: {};
+            InputOtp: {};
+            InputOtpField: {};
+            InputOtpFieldController: {};
+            InputOtpGroup: {};
+            InputOtpSeparator: {};
+            InputOtpSlot: {};
+            inputVariants: {};
+            Item: {};
+            ItemActions: {};
+            ItemContent: {};
+            ItemDescription: {};
+            ItemFooter: {};
+            ItemGroup: {};
+            ItemHeader: {};
+            ItemMedia: {};
+            itemMediaVariants: {};
+            ItemSeparator: {};
+            ItemTitle: {};
+            itemVariants: {};
+            Label: {};
+            Loader: {};
+            mergeRefs: {};
+            MultiComboboxField: {};
+            MultiComboboxFieldController: {};
+            MultiComboboxFieldProps: {
+                isTypeOnly: true;
+            };
+            MultiSelectOptionProps: {
+                isTypeOnly: true;
+            };
+            NavigationMenu: {};
+            NavigationMenuContent: {};
+            NavigationMenuIndicator: {};
+            NavigationMenuItem: {};
+            NavigationMenuItemWithLink: {};
+            NavigationMenuLink: {};
+            NavigationMenuList: {};
+            NavigationMenuTrigger: {};
+            navigationMenuTriggerStyle: {};
+            NotFoundCard: {};
+            NumberField: {};
+            NumberFieldController: {};
+            PageHeader: {};
+            PageHeaderActions: {};
+            PageHeaderDescription: {};
+            PageHeaderTitle: {};
+            Popover: {};
+            PopoverContent: {};
+            PopoverTrigger: {};
+            RadioField: {};
+            RadioFieldController: {};
+            RadioOptionProps: {
+                isTypeOnly: true;
+            };
+            ScrollArea: {};
+            Section: {};
+            SectionActions: {};
+            SectionDescription: {};
+            SectionHeader: {};
+            SectionTitle: {};
+            Select: {};
+            SelectField: {};
+            SelectFieldController: {};
+            SelectOptionProps: {
+                isTypeOnly: true;
+            };
+            Separator: {};
+            Sheet: {};
+            SheetClose: {};
+            SheetContent: {};
+            SheetDescription: {};
+            SheetFooter: {};
+            SheetHeader: {};
+            SheetTitle: {};
+            SheetTrigger: {};
+            Sidebar: {};
+            SidebarContent: {};
+            SidebarFooter: {};
+            SidebarGroup: {};
+            SidebarGroupAction: {};
+            SidebarGroupContent: {};
+            SidebarGroupLabel: {};
+            SidebarHeader: {};
+            SidebarInput: {};
+            SidebarInset: {};
+            SidebarMenu: {};
+            SidebarMenuAction: {};
+            SidebarMenuBadge: {};
+            SidebarMenuButton: {};
+            SidebarMenuItem: {};
+            SidebarMenuSkeleton: {};
+            SidebarMenuSub: {};
+            SidebarMenuSubButton: {};
+            SidebarMenuSubItem: {};
+            SidebarProvider: {};
+            SidebarRail: {};
+            SidebarSeparator: {};
+            SidebarTrigger: {};
+            Skeleton: {};
+            Slider: {};
+            Spinner: {};
+            Switch: {};
+            SwitchField: {};
+            SwitchFieldController: {};
+            Table: {};
+            TableBody: {};
+            TableCaption: {};
+            TableCell: {};
+            TableFooter: {};
+            TableHead: {};
+            TableHeader: {};
+            TableRow: {};
+            Textarea: {};
+            TextareaField: {};
+            TextareaFieldController: {};
+            Toast: {};
+            toast: {};
+            ToastAction: {};
+            ToastClose: {};
+            ToastContent: {};
+            ToastDescription: {};
+            Toaster: {};
+            toastManager: {};
+            ToastOptions: {
+                isTypeOnly: true;
+            };
+            ToastPortal: {};
+            ToastProvider: {};
+            ToastTitle: {};
+            ToastType: {
+                isTypeOnly: true;
+            };
+            ToastUpdateOptions: {
+                isTypeOnly: true;
+            };
+            ToastViewport: {};
+            Tooltip: {};
+            TooltipContent: {};
+            TooltipProvider: {};
+            TooltipTrigger: {};
+            useAutocompleteFilter: {};
+            useConfirmDialog: {};
+            UseConfirmDialogRequestOptions: {
+                isTypeOnly: true;
+            };
+            useConfirmDialogState: {};
+            useControlledState: {};
+            useControllerMerged: {};
+            useIsMobile: {};
+            useSidebar: {};
+        }>>;
         reactErrorImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
             formatError: {};
             logAndFormatError: {};
@@ -18,9 +289,6 @@ export declare const hooksGroup: {
             userSessionClient: {};
         }>>;
     }, Record<never, Record<never, never>>>;
-    useRequiredUserId: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {}, {
-        useSession: {};
-    }>;
     useSession: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {
         graphqlImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
             '*': {};
@@ -31,6 +299,9 @@ export declare const hooksGroup: {
             };
         }>>;
     }, Record<never, Record<never, never>>>;
+    useUserIdOrThrow: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {}, {
+        useSession: {};
+    }>;
 };
 export declare const LOCAL_AUTH_CORE_AUTH_HOOKS_TEMPLATES: {
     hooksGroup: {
@@ -43,6 +314,277 @@ export declare const LOCAL_AUTH_CORE_AUTH_HOOKS_TEMPLATES: {
                     isTypeOnly: true;
                 };
             }>>;
+            reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+                AddOptionRequiredFields: {
+                    isTypeOnly: true;
+                };
+                Alert: {};
+                AlertAction: {};
+                AlertDescription: {};
+                AlertTitle: {};
+                Autocomplete: {};
+                AutocompleteClear: {};
+                AutocompleteCollection: {};
+                AutocompleteContent: {};
+                AutocompleteEmpty: {};
+                AutocompleteGroup: {};
+                AutocompleteInput: {};
+                AutocompleteItem: {};
+                AutocompleteLabel: {};
+                AutocompleteList: {};
+                AutocompleteSeparator: {};
+                AutocompleteStatus: {};
+                AutocompleteTrigger: {};
+                AutocompleteValue: {};
+                Badge: {};
+                badgeVariants: {};
+                Breadcrumb: {};
+                BreadcrumbEllipsis: {};
+                BreadcrumbItem: {};
+                BreadcrumbLink: {};
+                BreadcrumbList: {};
+                BreadcrumbPage: {};
+                BreadcrumbSeparator: {};
+                Button: {};
+                buttonVariants: {};
+                Calendar: {};
+                Card: {};
+                CardAction: {};
+                CardContent: {};
+                CardDescription: {};
+                CardFooter: {};
+                CardHeader: {};
+                CardTitle: {};
+                Checkbox: {};
+                CheckboxField: {};
+                CheckboxFieldController: {};
+                CircularProgress: {};
+                cn: {};
+                Collapsible: {};
+                CollapsibleContent: {};
+                CollapsibleTrigger: {};
+                Combobox: {};
+                ComboboxField: {};
+                ComboboxFieldController: {};
+                ConfirmDialog: {};
+                DatePickerField: {};
+                DatePickerFieldController: {};
+                DateTimePickerField: {};
+                DateTimePickerFieldController: {};
+                Dialog: {};
+                DialogClose: {};
+                DialogContent: {};
+                DialogDescription: {};
+                DialogFooter: {};
+                DialogHeader: {};
+                DialogOverlay: {};
+                DialogPortal: {};
+                DialogTitle: {};
+                DialogTrigger: {};
+                DialogWidth: {
+                    isTypeOnly: true;
+                };
+                DropdownMenu: {};
+                DropdownMenuCheckboxItem: {};
+                DropdownMenuContent: {};
+                DropdownMenuGroup: {};
+                DropdownMenuItem: {};
+                DropdownMenuLabel: {};
+                DropdownMenuPortal: {};
+                DropdownMenuRadioGroup: {};
+                DropdownMenuRadioItem: {};
+                DropdownMenuSeparator: {};
+                DropdownMenuShortcut: {};
+                DropdownMenuSub: {};
+                DropdownMenuSubContent: {};
+                DropdownMenuSubTrigger: {};
+                DropdownMenuTrigger: {};
+                Empty: {};
+                EmptyContent: {};
+                EmptyDescription: {};
+                EmptyHeader: {};
+                EmptyMedia: {};
+                emptyMediaVariants: {};
+                EmptyTitle: {};
+                ErrorableLoader: {};
+                ErrorDisplay: {};
+                Field: {};
+                FieldContent: {};
+                FieldDescription: {};
+                FieldError: {};
+                FieldGroup: {};
+                FieldLabel: {};
+                FieldLegend: {};
+                FieldSeparator: {};
+                FieldSet: {};
+                FieldTitle: {};
+                fieldVariants: {};
+                FormFieldProps: {
+                    isTypeOnly: true;
+                };
+                IconElement: {
+                    isTypeOnly: true;
+                };
+                Input: {};
+                InputField: {};
+                InputFieldController: {};
+                InputGroup: {};
+                InputGroupAddon: {};
+                InputGroupButton: {};
+                InputGroupInput: {};
+                InputGroupText: {};
+                InputGroupTextarea: {};
+                InputOtp: {};
+                InputOtpField: {};
+                InputOtpFieldController: {};
+                InputOtpGroup: {};
+                InputOtpSeparator: {};
+                InputOtpSlot: {};
+                inputVariants: {};
+                Item: {};
+                ItemActions: {};
+                ItemContent: {};
+                ItemDescription: {};
+                ItemFooter: {};
+                ItemGroup: {};
+                ItemHeader: {};
+                ItemMedia: {};
+                itemMediaVariants: {};
+                ItemSeparator: {};
+                ItemTitle: {};
+                itemVariants: {};
+                Label: {};
+                Loader: {};
+                mergeRefs: {};
+                MultiComboboxField: {};
+                MultiComboboxFieldController: {};
+                MultiComboboxFieldProps: {
+                    isTypeOnly: true;
+                };
+                MultiSelectOptionProps: {
+                    isTypeOnly: true;
+                };
+                NavigationMenu: {};
+                NavigationMenuContent: {};
+                NavigationMenuIndicator: {};
+                NavigationMenuItem: {};
+                NavigationMenuItemWithLink: {};
+                NavigationMenuLink: {};
+                NavigationMenuList: {};
+                NavigationMenuTrigger: {};
+                navigationMenuTriggerStyle: {};
+                NotFoundCard: {};
+                NumberField: {};
+                NumberFieldController: {};
+                PageHeader: {};
+                PageHeaderActions: {};
+                PageHeaderDescription: {};
+                PageHeaderTitle: {};
+                Popover: {};
+                PopoverContent: {};
+                PopoverTrigger: {};
+                RadioField: {};
+                RadioFieldController: {};
+                RadioOptionProps: {
+                    isTypeOnly: true;
+                };
+                ScrollArea: {};
+                Section: {};
+                SectionActions: {};
+                SectionDescription: {};
+                SectionHeader: {};
+                SectionTitle: {};
+                Select: {};
+                SelectField: {};
+                SelectFieldController: {};
+                SelectOptionProps: {
+                    isTypeOnly: true;
+                };
+                Separator: {};
+                Sheet: {};
+                SheetClose: {};
+                SheetContent: {};
+                SheetDescription: {};
+                SheetFooter: {};
+                SheetHeader: {};
+                SheetTitle: {};
+                SheetTrigger: {};
+                Sidebar: {};
+                SidebarContent: {};
+                SidebarFooter: {};
+                SidebarGroup: {};
+                SidebarGroupAction: {};
+                SidebarGroupContent: {};
+                SidebarGroupLabel: {};
+                SidebarHeader: {};
+                SidebarInput: {};
+                SidebarInset: {};
+                SidebarMenu: {};
+                SidebarMenuAction: {};
+                SidebarMenuBadge: {};
+                SidebarMenuButton: {};
+                SidebarMenuItem: {};
+                SidebarMenuSkeleton: {};
+                SidebarMenuSub: {};
+                SidebarMenuSubButton: {};
+                SidebarMenuSubItem: {};
+                SidebarProvider: {};
+                SidebarRail: {};
+                SidebarSeparator: {};
+                SidebarTrigger: {};
+                Skeleton: {};
+                Slider: {};
+                Spinner: {};
+                Switch: {};
+                SwitchField: {};
+                SwitchFieldController: {};
+                Table: {};
+                TableBody: {};
+                TableCaption: {};
+                TableCell: {};
+                TableFooter: {};
+                TableHead: {};
+                TableHeader: {};
+                TableRow: {};
+                Textarea: {};
+                TextareaField: {};
+                TextareaFieldController: {};
+                Toast: {};
+                toast: {};
+                ToastAction: {};
+                ToastClose: {};
+                ToastContent: {};
+                ToastDescription: {};
+                Toaster: {};
+                toastManager: {};
+                ToastOptions: {
+                    isTypeOnly: true;
+                };
+                ToastPortal: {};
+                ToastProvider: {};
+                ToastTitle: {};
+                ToastType: {
+                    isTypeOnly: true;
+                };
+                ToastUpdateOptions: {
+                    isTypeOnly: true;
+                };
+                ToastViewport: {};
+                Tooltip: {};
+                TooltipContent: {};
+                TooltipProvider: {};
+                TooltipTrigger: {};
+                useAutocompleteFilter: {};
+                useConfirmDialog: {};
+                UseConfirmDialogRequestOptions: {
+                    isTypeOnly: true;
+                };
+                useConfirmDialogState: {};
+                useControlledState: {};
+                useControllerMerged: {};
+                useIsMobile: {};
+                useSidebar: {};
+            }>>;
             reactErrorImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
                 formatError: {};
                 logAndFormatError: {};
@@ -53,9 +595,6 @@ export declare const LOCAL_AUTH_CORE_AUTH_HOOKS_TEMPLATES: {
                 userSessionClient: {};
             }>>;
         }, Record<never, Record<never, never>>>;
-        useRequiredUserId: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {}, {
-            useSession: {};
-        }>;
         useSession: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {
             graphqlImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
                 '*': {};
@@ -66,6 +605,9 @@ export declare const LOCAL_AUTH_CORE_AUTH_HOOKS_TEMPLATES: {
                 };
             }>>;
         }, Record<never, Record<never, never>>>;
+        useUserIdOrThrow: import("@baseplate-dev/core-generators").TsTemplateFile<{}, {}, {
+            useSession: {};
+        }>;
     };
 };
 //# sourceMappingURL=typed-templates.d.ts.map

package/dist/local-auth/core/generators/auth-hooks/generated/typed-templates.js

@@ -1,5 +1,5 @@
 import { createTsTemplateFile } from '@baseplate-dev/core-generators';
-import { graphqlImportsProvider, reactErrorImportsProvider, } from '@baseplate-dev/react-generators';
+import { graphqlImportsProvider, reactComponentsImportsProvider, reactErrorImportsProvider, } from '@baseplate-dev/react-generators';
 import path from 'node:path';
 import { reactSessionImportsProvider } from '#src/local-auth/core/generators/react-session/generated/ts-import-providers.js';
 const useLogOut = createTsTemplateFile({
@@ -7,6 +7,7 @@ const useLogOut = createTsTemplateFile({
     group: 'hooks',
     importMapProviders: {
         graphqlImports: graphqlImportsProvider,
+        reactComponentsImports: reactComponentsImportsProvider,
         reactErrorImports: reactErrorImportsProvider,
         reactSessionImports: reactSessionImportsProvider,
     },
@@ -17,18 +18,6 @@ const useLogOut = createTsTemplateFile({
     },
     variables: {},
 });
-const useRequiredUserId = createTsTemplateFile({
-    fileOptions: { kind: 'singleton' },
-    group: 'hooks',
-    importMapProviders: {},
-    name: 'use-required-user-id',
-    projectExports: { useRequiredUserId: {} },
-    referencedGeneratorTemplates: { useSession: {} },
-    source: {
-        path: path.join(import.meta.dirname, '../templates/src/hooks/use-user-id-or-throw.ts'),
-    },
-    variables: {},
-});
 const useSession = createTsTemplateFile({
     fileOptions: { kind: 'singleton' },
     group: 'hooks',
@@ -45,6 +34,18 @@ const useSession = createTsTemplateFile({
     },
     variables: {},
 });
-export const hooksGroup = { useLogOut, useRequiredUserId, useSession };
+const useUserIdOrThrow = createTsTemplateFile({
+    fileOptions: { kind: 'singleton' },
+    group: 'hooks',
+    importMapProviders: {},
+    name: 'use-user-id-or-throw',
+    projectExports: { useUserIdOrThrow: {} },
+    referencedGeneratorTemplates: { useSession: {} },
+    source: {
+        path: path.join(import.meta.dirname, '../templates/src/hooks/use-user-id-or-throw.ts'),
+    },
+    variables: {},
+});
+export const hooksGroup = { useLogOut, useSession, useUserIdOrThrow };
 export const LOCAL_AUTH_CORE_AUTH_HOOKS_TEMPLATES = { hooksGroup };
 //# sourceMappingURL=typed-templates.js.map

package/dist/local-auth/core/generators/auth-hooks/templates/src/hooks/use-log-out.js

@@ -1,10 +1,10 @@
 // @ts-nocheck
 import { graphql } from '%graphqlImports';
+import { toast } from '%reactComponentsImports';
 import { logAndFormatError, logError } from '%reactErrorImports';
 import { userSessionClient } from '%reactSessionImports';
 import { useMutation } from '@apollo/client/react';
 import { useNavigate } from '@tanstack/react-router';
-import { toast } from 'sonner';
 export const logOutMutationDocument = graphql(`
   mutation LogOut {
     logOut {

package/dist/local-auth/core/generators/auth-hooks/templates/src/hooks/use-log-out.ts

@@ -1,11 +1,11 @@
 // @ts-nocheck
 
 import { graphql } from '%graphqlImports';
+import { toast } from '%reactComponentsImports';
 import { logAndFormatError, logError } from '%reactErrorImports';
 import { userSessionClient } from '%reactSessionImports';
 import { useMutation } from '@apollo/client/react';
 import { useNavigate } from '@tanstack/react-router';
-import { toast } from 'sonner';
 
 export const logOutMutationDocument = graphql(`
   mutation LogOut {

package/dist/local-auth/core/generators/auth-hooks/templates/src/hooks/use-session.d.ts

@@ -1,8 +1,15 @@
 import type { AuthRole } from '%graphqlImports';
 export interface SessionData {
     userId: string | undefined;
+    /** Whether a user is signed in, which is true even while roles are pending. */
     isAuthenticated: boolean;
+    /** Server-issued roles: `['public']` when signed out and empty while pending. */
     roles: AuthRole[];
+    /**
+     * Whether the identity is known but its roles have not been confirmed by the
+     * server yet. Role checks should be skipped while this is true.
+     */
+    isPending: boolean;
 }
 export declare const AuthSessionContext: import("react").Context<SessionData | undefined>;
 /**

package/dist/local-auth/core/generators/auth-hooks/templates/src/hooks/use-session.ts

@@ -6,8 +6,15 @@ import { createContext, useContext } from 'react';
 
 export interface SessionData {
   userId: string | undefined;
+  /** Whether a user is signed in, which is true even while roles are pending. */
   isAuthenticated: boolean;
+  /** Server-issued roles: `['public']` when signed out and empty while pending. */
   roles: AuthRole[];
+  /**
+   * Whether the identity is known but its roles have not been confirmed by the
+   * server yet. Role checks should be skipped while this is true.
+   */
+  isPending: boolean;
 }
 
 export const AuthSessionContext = createContext<SessionData | undefined>(