@baseplate-dev/plugin-auth 1.0.6 → 1.0.7

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

@@ -0,0 +1,290 @@
+/**
+ * Generator for React session management
+ */
+export declare const reactSessionGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<Record<string, never>, {
+    paths: import("@baseplate-dev/sync").GeneratorTask<{
+        localAuthCoreReactSessionPaths: import("@baseplate-dev/sync").ProviderExport<import("./generated/template-paths.js").LocalAuthCoreReactSessionPaths>;
+    }, {
+        packageInfo: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").PackageInfoProvider>;
+    }, undefined>;
+    imports: import("@baseplate-dev/sync").GeneratorTask<{
+        reactSessionImports: import("@baseplate-dev/sync").ProviderExport<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            UserSessionClient: {};
+            userSessionClient: {};
+        }>>;
+    }, {
+        paths: import("@baseplate-dev/sync").ProviderType<import("./generated/template-paths.js").LocalAuthCoreReactSessionPaths>;
+    }, undefined>;
+    renderers: import("@baseplate-dev/sync").GeneratorTask<{
+        localAuthCoreReactSessionRenderers: import("@baseplate-dev/sync").ProviderExport<import("./generated/template-renderers.js").LocalAuthCoreReactSessionRenderers>;
+    }, {
+        authHooksImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            SessionData: {
+                isTypeOnly: true;
+            };
+            useLogOut: {};
+            useRequiredUserId: {};
+            useSession: {};
+            AuthRole: {
+                isTypeOnly: true;
+            };
+        }>>;
+        graphqlImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            '*': {};
+            graphql: {};
+            readFragment: {};
+            FragmentType: {
+                isTypeOnly: true;
+            };
+        }>>;
+        localAuthHooksImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            AuthSessionContext: {};
+        }>>;
+        paths: import("@baseplate-dev/sync").ProviderType<import("./generated/template-paths.js").LocalAuthCoreReactSessionPaths>;
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            AddOptionRequiredFields: {
+                isTypeOnly: true;
+            };
+            Alert: {};
+            AlertDescription: {};
+            AlertTitle: {};
+            Autocomplete: {};
+            AutocompleteClear: {};
+            AutocompleteCollection: {};
+            AutocompleteContent: {};
+            AutocompleteEmpty: {};
+            AutocompleteGroup: {};
+            AutocompleteInput: {};
+            AutocompleteItem: {};
+            AutocompleteLabel: {};
+            AutocompleteList: {};
+            AutocompleteSeparator: {};
+            AutocompleteStatus: {};
+            AutocompleteTrigger: {};
+            AutocompleteValue: {};
+            Badge: {};
+            badgeVariants: {};
+            BadgeWithIcon: {};
+            BadgeWithIconProps: {
+                isTypeOnly: true;
+            };
+            Breadcrumb: {};
+            BreadcrumbEllipsis: {};
+            BreadcrumbItem: {};
+            BreadcrumbLink: {};
+            BreadcrumbList: {};
+            BreadcrumbPage: {};
+            BreadcrumbSeparator: {};
+            Button: {};
+            buttonVariants: {};
+            Calendar: {};
+            Card: {};
+            CardContent: {};
+            CardDescription: {};
+            CardFooter: {};
+            CardHeader: {};
+            CardTitle: {};
+            Checkbox: {};
+            CheckboxField: {};
+            CheckboxFieldController: {};
+            CheckedInput: {};
+            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: {};
+            EmptyDisplay: {};
+            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: {};
+            inputVariants: {};
+            Label: {};
+            LinkButton: {};
+            Loader: {};
+            mergeRefs: {};
+            Modal: {};
+            MultiComboboxField: {};
+            MultiComboboxFieldController: {};
+            MultiComboboxFieldProps: {
+                isTypeOnly: true;
+            };
+            MultiSelectOptionProps: {
+                isTypeOnly: true;
+            };
+            NavigationMenu: {};
+            NavigationMenuContent: {};
+            NavigationMenuIndicator: {};
+            NavigationMenuItem: {};
+            NavigationMenuItemWithLink: {};
+            NavigationMenuLink: {};
+            NavigationMenuList: {};
+            NavigationMenuTrigger: {};
+            navigationMenuTriggerStyle: {};
+            NavigationMenuViewport: {};
+            NotFoundCard: {};
+            Popover: {};
+            PopoverAnchor: {};
+            PopoverContent: {};
+            PopoverTrigger: {};
+            ReactDatePickerInput: {};
+            ReactSelectInput: {};
+            ScrollArea: {};
+            Select: {};
+            SelectField: {};
+            SelectFieldController: {};
+            SelectInput: {};
+            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: {};
+            TextAreaInput: {};
+            TextInput: {};
+            Toaster: {};
+            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: {};
+            logError: {};
+        }>>;
+        reactUtilsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            getSafeLocalStorage: {};
+        }>>;
+        typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+    }, undefined>;
+    reactAppConfig: import("@baseplate-dev/sync").GeneratorTask<any, {
+        reactAppConfig: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
+            errorBoundary: import("@baseplate-dev/utils").ScalarContainer<((contents: import("@baseplate-dev/core-generators").TsCodeFragment) => import("@baseplate-dev/core-generators").TsCodeFragment) | undefined>;
+            renderWrappers: import("@baseplate-dev/utils").MapContainer<string, import("@baseplate-dev/react-generators").RenderWrapper>;
+            renderSiblings: import("@baseplate-dev/utils").MapContainer<string, import("@baseplate-dev/core-generators").TsCodeFragment>;
+            renderRoot: import("@baseplate-dev/utils").ScalarContainer<import("@baseplate-dev/core-generators").TsCodeFragment | undefined>;
+        }>, "getValues">>;
+        paths: import("@baseplate-dev/sync").ProviderType<import("./generated/template-paths.js").LocalAuthCoreReactSessionPaths>;
+    }, any>;
+    main: import("@baseplate-dev/sync").GeneratorTask<any, {
+        renderers: import("@baseplate-dev/sync").ProviderType<import("./generated/template-renderers.js").LocalAuthCoreReactSessionRenderers>;
+    }, any>;
+}>;
+//# sourceMappingURL=react-session.generator.d.ts.map

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

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

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

@@ -0,0 +1,48 @@
+import { TsCodeUtils, tsImportBuilder } from '@baseplate-dev/core-generators';
+import { reactAppConfigProvider } from '@baseplate-dev/react-generators';
+import { createGenerator, createGeneratorTask } from '@baseplate-dev/sync';
+import { z } from 'zod';
+import { LOCAL_AUTH_CORE_REACT_SESSION_GENERATED as GENERATED_TEMPLATES } from './generated/index.js';
+const descriptorSchema = z.object({});
+/**
+ * Generator for React session management
+ */
+export const reactSessionGenerator = createGenerator({
+    name: 'local-auth/core/react-session',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: () => ({
+        paths: GENERATED_TEMPLATES.paths.task,
+        imports: GENERATED_TEMPLATES.imports.task,
+        renderers: GENERATED_TEMPLATES.renderers.task,
+        reactAppConfig: createGeneratorTask({
+            dependencies: {
+                reactAppConfig: reactAppConfigProvider,
+                paths: GENERATED_TEMPLATES.paths.provider,
+            },
+            run({ reactAppConfig, paths }) {
+                reactAppConfig.renderWrappers.set('react-session', {
+                    wrap: (contents) => TsCodeUtils.templateWithImports([
+                        tsImportBuilder(['UserSessionProvider']).from(paths.userSessionProvider),
+                    ]) `<UserSessionProvider>${contents}</UserSessionProvider>`,
+                    type: 'router',
+                });
+            },
+        }),
+        main: createGeneratorTask({
+            dependencies: {
+                renderers: GENERATED_TEMPLATES.renderers.provider,
+            },
+            run({ renderers }) {
+                return {
+                    build: async (builder) => {
+                        await builder.apply(renderers.mainGroup.render({
+                            variables: {},
+                        }));
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=react-session.generator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-session.generator.js","sourceRoot":"","sources":["../../../../../src/local-auth/core/generators/react-session/react-session.generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,uCAAuC,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEtG,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAEtC;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,CAAC;IACnD,IAAI,EAAE,+BAA+B;IACrC,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;IACjC,gBAAgB;IAChB,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;QACjB,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,IAAI;QACrC,OAAO,EAAE,mBAAmB,CAAC,OAAO,CAAC,IAAI;QACzC,SAAS,EAAE,mBAAmB,CAAC,SAAS,CAAC,IAAI;QAC7C,cAAc,EAAE,mBAAmB,CAAC;YAClC,YAAY,EAAE;gBACZ,cAAc,EAAE,sBAAsB;gBACtC,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,QAAQ;aAC1C;YACD,GAAG,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE;gBAC3B,cAAc,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,EAAE;oBACjD,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CACjB,WAAW,CAAC,mBAAmB,CAAC;wBAC9B,eAAe,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAC3C,KAAK,CAAC,mBAAmB,CAC1B;qBACF,CAAC,CAAA,wBAAwB,QAAQ,wBAAwB;oBAC5D,IAAI,EAAE,QAAQ;iBACf,CAAC,CAAC;YACL,CAAC;SACF,CAAC;QACF,IAAI,EAAE,mBAAmB,CAAC;YACxB,YAAY,EAAE;gBACZ,SAAS,EAAE,mBAAmB,CAAC,SAAS,CAAC,QAAQ;aAClD;YACD,GAAG,CAAC,EAAE,SAAS,EAAE;gBACf,OAAO;oBACL,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;wBACvB,MAAM,OAAO,CAAC,KAAK,CACjB,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;4BACzB,SAAS,EAAE,EAAE;yBACd,CAAC,CACH,CAAC;oBACJ,CAAC;iBACF,CAAC;YACJ,CAAC;SACF,CAAC;KACH,CAAC;CACH,CAAC,CAAC"}

package/dist/local-auth/core/generators/react-session/templates/src/app/user-session-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-session-provider.d.ts","sourceRoot":"","sources":["../../../../../../../../src/local-auth/core/generators/react-session/templates/src/app/user-session-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAWD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,GACT,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsE9C"}

package/dist/local-auth/core/generators/react-session/templates/src/app/user-session-provider.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { userSessionClient } from '$userSessionClient';
+import { graphql } from '%graphqlImports';
+import { AuthSessionContext } from '%localAuthHooksImports';
+import { ErrorableLoader } from '%reactComponentsImports';
+import { logError } from '%reactErrorImports';
+import { useApolloClient, useQuery } from '@apollo/client/react';
+import { useEffect, useMemo, useState } from 'react';
+const getCurrentUserSessionQuery = graphql(`
+  query CurrentUserSession {
+    currentUserSession {
+      userId
+      roles
+    }
+  }
+`);
+export function UserSessionProvider({ children, }) {
+    const [cachedUserId, setCachedUserId] = useState(userSessionClient.getUserId());
+    const apolloClient = useApolloClient();
+    const { data: sessionQueryData, error: sessionError } = useQuery(getCurrentUserSessionQuery, {
+        notifyOnNetworkStatusChange: true,
+    });
+    const session = useMemo(() => {
+        if (!sessionQueryData && cachedUserId) {
+            // wait for server to fetch before loading session
+            return undefined;
+        }
+        if (!sessionQueryData?.currentUserSession) {
+            return {
+                userId: undefined,
+                isAuthenticated: false,
+                roles: ['public'],
+            };
+        }
+        return {
+            userId: sessionQueryData.currentUserSession.userId,
+            isAuthenticated: true,
+            roles: sessionQueryData.currentUserSession.roles,
+        };
+    }, [sessionQueryData, cachedUserId]);
+    useEffect(() => {
+        const unsubscribe = userSessionClient.onUserIdChange((newUserId) => {
+            if (newUserId !== cachedUserId) {
+                setCachedUserId(newUserId);
+                // Make sure to reset the Apollo client to clear any cached data
+                apolloClient.resetStore().catch(logError);
+            }
+        });
+        return unsubscribe;
+    }, [cachedUserId, apolloClient]);
+    useEffect(() => {
+        // Once we have server session data, sync it with the client
+        if (sessionQueryData) {
+            const serverUserId = sessionQueryData.currentUserSession?.userId;
+            const clientUserId = userSessionClient.getUserId();
+            // If server says different user (or no user), update the client
+            if (serverUserId !== clientUserId) {
+                if (serverUserId) {
+                    userSessionClient.signIn(serverUserId);
+                }
+                else {
+                    userSessionClient.signOut();
+                }
+            }
+        }
+    }, [sessionQueryData]);
+    if (!session) {
+        return _jsx(ErrorableLoader, { error: sessionError });
+    }
+    return (_jsx(AuthSessionContext.Provider, { value: session, children: children }));
+}
+//# sourceMappingURL=user-session-provider.js.map

package/dist/local-auth/core/generators/react-session/templates/src/app/user-session-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-session-provider.js","sourceRoot":"","sources":["../../../../../../../../src/local-auth/core/generators/react-session/templates/src/app/user-session-provider.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMrD,MAAM,0BAA0B,GAAG,OAAO,CAAC;;;;;;;CAO1C,CAAC,CAAC;AAEH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,GACiB;IACzB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,iBAAiB,CAAC,SAAS,EAAE,CAC9B,CAAC;IACF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,QAAQ,CAC9D,0BAA0B,EAC1B;QACE,2BAA2B,EAAE,IAAI;KAClC,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAA4B,EAAE;QACpD,IAAI,CAAC,gBAAgB,IAAI,YAAY,EAAE,CAAC;YACtC,kDAAkD;YAClD,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,CAAC;YAC1C,OAAO;gBACL,MAAM,EAAE,SAAS;gBACjB,eAAe,EAAE,KAAK;gBACtB,KAAK,EAAE,CAAC,QAAQ,CAAC;aAClB,CAAC;QACJ,CAAC;QACD,OAAO;YACL,MAAM,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,MAAM;YAClD,eAAe,EAAE,IAAI;YACrB,KAAK,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,KAAK;SACjD,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE;YACjE,IAAI,SAAS,KAAK,YAAY,EAAE,CAAC;gBAC/B,eAAe,CAAC,SAAS,CAAC,CAAC;gBAC3B,gEAAgE;gBAChE,YAAY,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,4DAA4D;QAC5D,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,YAAY,GAAG,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC;YACjE,MAAM,YAAY,GAAG,iBAAiB,CAAC,SAAS,EAAE,CAAC;YAEnD,gEAAgE;YAChE,IAAI,YAAY,KAAK,YAAY,EAAE,CAAC;gBAClC,IAAI,YAAY,EAAE,CAAC;oBACjB,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;gBACzC,CAAC;qBAAM,CAAC;oBACN,iBAAiB,CAAC,OAAO,EAAE,CAAC;gBAC9B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,YAAY,GAAI,CAAC;IAClD,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC"}

package/dist/local-auth/core/generators/react-session/templates/src/app/user-session-provider.tsx

@@ -0,0 +1,99 @@
+// @ts-nocheck
+
+import type { SessionData } from '%authHooksImports';
+import type React from 'react';
+
+import { userSessionClient } from '$userSessionClient';
+import { graphql } from '%graphqlImports';
+import { AuthSessionContext } from '%localAuthHooksImports';
+import { ErrorableLoader } from '%reactComponentsImports';
+import { logError } from '%reactErrorImports';
+import { useApolloClient, useQuery } from '@apollo/client/react';
+import { useEffect, useMemo, useState } from 'react';
+
+interface UserSessionProviderProps {
+  children: React.ReactNode;
+}
+
+const getCurrentUserSessionQuery = graphql(`
+  query CurrentUserSession {
+    currentUserSession {
+      userId
+      roles
+    }
+  }
+`);
+
+export function UserSessionProvider({
+  children,
+}: UserSessionProviderProps): React.JSX.Element {
+  const [cachedUserId, setCachedUserId] = useState<string | undefined>(
+    userSessionClient.getUserId(),
+  );
+  const apolloClient = useApolloClient();
+
+  const { data: sessionQueryData, error: sessionError } = useQuery(
+    getCurrentUserSessionQuery,
+    {
+      notifyOnNetworkStatusChange: true,
+    },
+  );
+
+  const session = useMemo((): SessionData | undefined => {
+    if (!sessionQueryData && cachedUserId) {
+      // wait for server to fetch before loading session
+      return undefined;
+    }
+    if (!sessionQueryData?.currentUserSession) {
+      return {
+        userId: undefined,
+        isAuthenticated: false,
+        roles: ['public'],
+      };
+    }
+    return {
+      userId: sessionQueryData.currentUserSession.userId,
+      isAuthenticated: true,
+      roles: sessionQueryData.currentUserSession.roles,
+    };
+  }, [sessionQueryData, cachedUserId]);
+
+  useEffect(() => {
+    const unsubscribe = userSessionClient.onUserIdChange((newUserId) => {
+      if (newUserId !== cachedUserId) {
+        setCachedUserId(newUserId);
+        // Make sure to reset the Apollo client to clear any cached data
+        apolloClient.resetStore().catch(logError);
+      }
+    });
+
+    return unsubscribe;
+  }, [cachedUserId, apolloClient]);
+
+  useEffect(() => {
+    // Once we have server session data, sync it with the client
+    if (sessionQueryData) {
+      const serverUserId = sessionQueryData.currentUserSession?.userId;
+      const clientUserId = userSessionClient.getUserId();
+
+      // If server says different user (or no user), update the client
+      if (serverUserId !== clientUserId) {
+        if (serverUserId) {
+          userSessionClient.signIn(serverUserId);
+        } else {
+          userSessionClient.signOut();
+        }
+      }
+    }
+  }, [sessionQueryData]);
+
+  if (!session) {
+    return <ErrorableLoader error={sessionError} />;
+  }
+
+  return (
+    <AuthSessionContext.Provider value={session}>
+      {children}
+    </AuthSessionContext.Provider>
+  );
+}

package/dist/local-auth/core/generators/react-session/templates/src/services/user-session-client.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Callback function for user ID change events
+ */
+type UserIdChangeCallback = (userId: string | undefined) => void;
+/**
+ * User session client for managing session persistence using localStorage
+ * Handles session state persistence and cross-tab synchronization
+ */
+export declare class UserSessionClient {
+    private static readonly USER_ID_STORAGE_KEY;
+    private readonly storage;
+    private readonly callbacks;
+    private cleanupListener?;
+    constructor();
+    /**
+     * Sign in a user with the given user ID
+     * @param userId - The user ID to sign in
+     */
+    signIn(userId: string): void;
+    /**
+     * Sign out the current user
+     */
+    signOut(): void;
+    /**
+     * Subscribe to user ID changes
+     * @param callback - Function to call when user ID changes
+     * @returns Cleanup function to unsubscribe
+     */
+    onUserIdChange(callback: UserIdChangeCallback): () => void;
+    /**
+     * Clean up resources when the client is no longer needed
+     */
+    destroy(): void;
+    /**
+     * Get the current user ID from storage
+     * @returns User ID or null if not authenticated
+     */
+    getUserId(): string | undefined;
+    /**
+     * Set the user ID in storage
+     * @param userId - User ID to store, or null to clear
+     */
+    private setUserId;
+    /**
+     * Set up storage listener for cross-tab synchronization
+     */
+    private setupStorageListener;
+    /**
+     * Notify all registered callbacks of session changes
+     */
+    private notifyCallbacks;
+}
+/**
+ * Global user session client instance
+ */
+export declare const userSessionClient: UserSessionClient;
+export {};
+//# sourceMappingURL=user-session-client.d.ts.map

package/dist/local-auth/core/generators/react-session/templates/src/services/user-session-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-session-client.d.ts","sourceRoot":"","sources":["../../../../../../../../src/local-auth/core/generators/react-session/templates/src/services/user-session-client.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,KAAK,oBAAoB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;AAEjE;;;GAGG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAiB;IAC5D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAyB;IACjD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmC;IAC7D,OAAO,CAAC,eAAe,CAAC,CAAa;;IAOrC;;;OAGG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ5B;;OAEG;IACH,OAAO,IAAI,IAAI;IAQf;;;;OAIG;IACH,cAAc,CAAC,QAAQ,EAAE,oBAAoB,GAAG,MAAM,IAAI;IAO1D;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf;;;OAGG;IACH,SAAS,IAAI,MAAM,GAAG,SAAS;IAM/B;;;OAGG;IACH,OAAO,CAAC,SAAS;IAejB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAQ5B;;OAEG;IACH,OAAO,CAAC,eAAe;CAMxB;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,mBAA0B,CAAC"}