@baseplate-dev/react-generators 0.1.1

package/dist/generators/admin/admin-crud-text-input/admin-crud-text-input.generator.d.ts

@@ -0,0 +1,52 @@
+export declare const adminCrudTextInputGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<{
+    order: number;
+    validation: string;
+    label: string;
+    modelField: string;
+    type?: "date" | "text" | "checked" | "dateTime" | undefined;
+}, {
+    main: import("@baseplate-dev/sync").GeneratorTask<any, {
+        adminCrudInputContainer: import("@baseplate-dev/sync").ProviderType<import("../_providers/admin-crud-input-container.js").AdminCrudInputContainer>;
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            Alert: {};
+            AlertIcon: {};
+            BackButton: {};
+            Button: {};
+            ButtonGroup: {};
+            Card: {};
+            CheckedInput: {};
+            ConfirmDialog: {};
+            ErrorableLoader: {};
+            ErrorDisplay: {};
+            FormError: {};
+            FormLabel: {};
+            LinkButton: {};
+            ListGroup: {};
+            Modal: {};
+            NotFoundCard: {};
+            ReactDatePickerInput: {};
+            ReactSelectInput: {};
+            SelectInput: {};
+            Sidebar: {};
+            Spinner: {};
+            Status: {
+                isTypeOnly: true;
+            };
+            StatusType: {
+                isTypeOnly: true;
+            };
+            Table: {};
+            TextAreaInput: {};
+            TextInput: {};
+            Toast: {};
+            useConfirmDialog: {};
+            UseConfirmDialogRequestOptions: {
+                isTypeOnly: true;
+            };
+            useConfirmDialogState: {};
+            useStatus: {};
+            useToast: {};
+        }>>;
+    }, any>;
+}>;
+//# sourceMappingURL=admin-crud-text-input.generator.d.ts.map

package/dist/generators/admin/admin-crud-text-input/admin-crud-text-input.generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-crud-text-input.generator.d.ts","sourceRoot":"","sources":["../../../../src/generators/admin/admin-crud-text-input/admin-crud-text-input.generator.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCtC,CAAC"}

package/dist/generators/admin/admin-crud-text-input/admin-crud-text-input.generator.js

@@ -0,0 +1,53 @@
+import { tsCodeFragment } from '@baseplate-dev/core-generators';
+import { createGenerator, createGeneratorTask } from '@baseplate-dev/sync';
+import { z } from 'zod';
+import { reactComponentsImportsProvider } from '#src/generators/core/react-components/react-components.generator.js';
+import { adminCrudInputContainerProvider } from '../_providers/admin-crud-input-container.js';
+const descriptorSchema = z.object({
+    label: z.string().min(1),
+    order: z.number(),
+    modelField: z.string().min(1),
+    validation: z.string().min(1),
+    type: z.enum(['text', 'checked', 'date', 'dateTime']).default('text'),
+});
+const INPUT_TYPE_MAP = {
+    checked: 'CheckedInput',
+    date: 'ReactDatePickerInput',
+    dateTime: 'ReactDatePickerInput',
+    text: 'TextInput',
+};
+export const adminCrudTextInputGenerator = createGenerator({
+    name: 'admin/admin-crud-text-input',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    getInstanceName: (descriptor) => descriptor.modelField,
+    buildTasks: ({ label, modelField, validation, type, order }) => ({
+        main: createGeneratorTask({
+            dependencies: {
+                adminCrudInputContainer: adminCrudInputContainerProvider,
+                reactComponentsImports: reactComponentsImportsProvider,
+            },
+            run({ adminCrudInputContainer, reactComponentsImports }) {
+                const inputType = INPUT_TYPE_MAP[type];
+                adminCrudInputContainer.addInput({
+                    order,
+                    content: tsCodeFragment(`<${inputType}.LabelledController
+          label="${label}"
+          control={control}
+          name="${modelField}"
+          ${type === 'dateTime' ? 'showTimeSelect' : ''}
+        />`, reactComponentsImports[inputType].declaration()),
+                    graphQLFields: [{ name: modelField }],
+                    validation: [
+                        {
+                            key: modelField,
+                            expression: tsCodeFragment(validation),
+                        },
+                    ],
+                });
+                return {};
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=admin-crud-text-input.generator.js.map

package/dist/generators/admin/admin-crud-text-input/admin-crud-text-input.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-crud-text-input.generator.js","sourceRoot":"","sources":["../../../../src/generators/admin/admin-crud-text-input/admin-crud-text-input.generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,OAAO,EAAE,8BAA8B,EAAE,MAAM,qEAAqE,CAAC;AAErH,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAE9F,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC;IAChC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACxB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;IACjB,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;CACtE,CAAC,CAAC;AAIH,MAAM,cAAc,GAGhB;IACF,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,sBAAsB;IAC5B,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,eAAe,CAAC;IACzD,IAAI,EAAE,6BAA6B;IACnC,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;IACjC,gBAAgB;IAChB,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,UAAU;IACtD,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/D,IAAI,EAAE,mBAAmB,CAAC;YACxB,YAAY,EAAE;gBACZ,uBAAuB,EAAE,+BAA+B;gBACxD,sBAAsB,EAAE,8BAA8B;aACvD;YACD,GAAG,CAAC,EAAE,uBAAuB,EAAE,sBAAsB,EAAE;gBACrD,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;gBACvC,uBAAuB,CAAC,QAAQ,CAAC;oBAC/B,KAAK;oBACL,OAAO,EAAE,cAAc,CACrB,IAAI,SAAS;mBACN,KAAK;;kBAEN,UAAU;YAChB,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;WAC5C,EACC,sBAAsB,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAChD;oBACD,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;oBACrC,UAAU,EAAE;wBACV;4BACE,GAAG,EAAE,UAAU;4BACf,UAAU,EAAE,cAAc,CAAC,UAAU,CAAC;yBACvC;qBACF;iBACF,CAAC,CAAC;gBACH,OAAO,EAAE,CAAC;YACZ,CAAC;SACF,CAAC;KACH,CAAC;CACH,CAAC,CAAC"}

package/dist/generators/admin/admin-home/admin-home.generator.d.ts

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

package/dist/generators/admin/admin-home/admin-home.generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-home.generator.d.ts","sourceRoot":"","sources":["../../../../src/generators/admin/admin-home/admin-home.generator.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2C7B,CAAC"}

package/dist/generators/admin/admin-home/admin-home.generator.js

@@ -0,0 +1,45 @@
+import { typescriptFileProvider } from '@baseplate-dev/core-generators';
+import { createGenerator, createGeneratorTask } from '@baseplate-dev/sync';
+import { z } from 'zod';
+import { authHooksImportsProvider } from '#src/generators/auth/_providers/auth-hooks.js';
+import { reactComponentsImportsProvider } from '#src/generators/core/react-components/react-components.generator.js';
+import { reactRoutesProvider } from '#src/providers/routes.js';
+import { createRouteElement } from '#src/utils/routes.js';
+import { ADMIN_ADMIN_HOME_TS_TEMPLATES } from './generated/ts-templates.js';
+const descriptorSchema = z.object({});
+export const adminHomeGenerator = createGenerator({
+    name: 'admin/admin-home',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: () => ({
+        main: createGeneratorTask({
+            dependencies: {
+                reactComponentsImports: reactComponentsImportsProvider,
+                authHooksImports: authHooksImportsProvider,
+                typescriptFile: typescriptFileProvider,
+                reactRoutes: reactRoutesProvider,
+            },
+            run({ authHooksImports, reactComponentsImports, reactRoutes, typescriptFile, }) {
+                const pagePath = `${reactRoutes.getDirectoryBase()}/Home/index.tsx`;
+                reactRoutes.registerRoute({
+                    index: true,
+                    element: createRouteElement('Home', pagePath),
+                    layoutKey: 'admin',
+                });
+                return {
+                    build: async (builder) => {
+                        await builder.apply(typescriptFile.renderTemplateFile({
+                            template: ADMIN_ADMIN_HOME_TS_TEMPLATES.home,
+                            destination: pagePath,
+                            importMapProviders: {
+                                authHooksImports,
+                                reactComponentsImports,
+                            },
+                        }));
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=admin-home.generator.js.map

package/dist/generators/admin/admin-home/admin-home.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-home.generator.js","sourceRoot":"","sources":["../../../../src/generators/admin/admin-home/admin-home.generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,8BAA8B,EAAE,MAAM,qEAAqE,CAAC;AACrH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAE5E,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,kBAAkB;IACxB,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;IACjC,gBAAgB;IAChB,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;QACjB,IAAI,EAAE,mBAAmB,CAAC;YACxB,YAAY,EAAE;gBACZ,sBAAsB,EAAE,8BAA8B;gBACtD,gBAAgB,EAAE,wBAAwB;gBAC1C,cAAc,EAAE,sBAAsB;gBACtC,WAAW,EAAE,mBAAmB;aACjC;YACD,GAAG,CAAC,EACF,gBAAgB,EAChB,sBAAsB,EACtB,WAAW,EACX,cAAc,GACf;gBACC,MAAM,QAAQ,GAAG,GAAG,WAAW,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;gBAEpE,WAAW,CAAC,aAAa,CAAC;oBACxB,KAAK,EAAE,IAAI;oBACX,OAAO,EAAE,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC;oBAC7C,SAAS,EAAE,OAAO;iBACnB,CAAC,CAAC;gBAEH,OAAO;oBACL,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;wBACvB,MAAM,OAAO,CAAC,KAAK,CACjB,cAAc,CAAC,kBAAkB,CAAC;4BAChC,QAAQ,EAAE,6BAA6B,CAAC,IAAI;4BAC5C,WAAW,EAAE,QAAQ;4BACrB,kBAAkB,EAAE;gCAClB,gBAAgB;gCAChB,sBAAsB;6BACvB;yBACF,CAAC,CACH,CAAC;oBACJ,CAAC;iBACF,CAAC;YACJ,CAAC;SACF,CAAC;KACH,CAAC;CACH,CAAC,CAAC"}

package/dist/generators/admin/admin-home/generated/ts-templates.d.ts

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

package/dist/generators/admin/admin-home/generated/ts-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.d.ts","sourceRoot":"","sources":["../../../../../src/generators/admin/admin-home/generated/ts-templates.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAW,CAAC"}

package/dist/generators/admin/admin-home/generated/ts-templates.js

@@ -0,0 +1,15 @@
+import { createTsTemplateFile } from '@baseplate-dev/core-generators';
+import { authHooksImportsProvider } from '../../../auth/_providers/auth-hooks.js';
+import { reactComponentsImportsProvider } from '../../../core/react-components/generated/ts-import-maps.js';
+const home = createTsTemplateFile({
+    importMapProviders: {
+        authHooksImports: authHooksImportsProvider,
+        reactComponentsImports: reactComponentsImportsProvider,
+    },
+    name: 'home',
+    projectExports: {},
+    source: { path: 'Home.page.tsx' },
+    variables: {},
+});
+export const ADMIN_ADMIN_HOME_TS_TEMPLATES = { home };
+//# sourceMappingURL=ts-templates.js.map

package/dist/generators/admin/admin-home/generated/ts-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.js","sourceRoot":"","sources":["../../../../../src/generators/admin/admin-home/generated/ts-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,8BAA8B,EAAE,MAAM,4DAA4D,CAAC;AAE5G,MAAM,IAAI,GAAG,oBAAoB,CAAC;IAChC,kBAAkB,EAAE;QAClB,gBAAgB,EAAE,wBAAwB;QAC1C,sBAAsB,EAAE,8BAA8B;KACvD;IACD,IAAI,EAAE,MAAM;IACZ,cAAc,EAAE,EAAE;IAClB,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;IACjC,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,IAAI,EAAE,CAAC"}

package/dist/generators/admin/admin-home/templates/Home.page.tsx

@@ -0,0 +1,23 @@
+// @ts-nocheck
+
+import type { ReactElement } from 'react';
+
+import { useCurrentUser } from '%authHooksImports';
+import { ErrorableLoader } from '%reactComponentsImports';
+
+function HomePage(): ReactElement {
+  const { user, error } = useCurrentUser();
+
+  if (!user) {
+    return <ErrorableLoader error={error} />;
+  }
+
+  return (
+    <div className="space-y-4">
+      <h1>Home</h1>
+      <p>Welcome {user.email}!</p>
+    </div>
+  );
+}
+
+export default HomePage;

package/dist/generators/admin/admin-layout/admin-layout.generator.d.ts

@@ -0,0 +1,91 @@
+import { z } from 'zod';
+declare const linkItemSchema: z.ZodObject<{
+    type: z.ZodLiteral<"link">;
+    label: z.ZodString;
+    icon: z.ZodString;
+    path: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    type: "link";
+    path: string;
+    label: string;
+    icon: string;
+}, {
+    type: "link";
+    path: string;
+    label: string;
+    icon: string;
+}>;
+export type AdminLayoutLinkItem = z.infer<typeof linkItemSchema>;
+export declare const adminLayoutGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<{
+    links?: {
+        type: "link";
+        path: string;
+        label: string;
+        icon: string;
+    }[] | undefined;
+}, {
+    reactTailwind: import("@baseplate-dev/sync").GeneratorTask<undefined, {
+        provider: import("@baseplate-dev/sync").ProviderType<import("#src/generators/core/react-tailwind/react-tailwind.generator.js").ReactTailwindProvider>;
+    }, undefined>;
+    main: import("@baseplate-dev/sync").GeneratorTask<any, {
+        reactComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            Alert: {};
+            AlertIcon: {};
+            BackButton: {};
+            Button: {};
+            ButtonGroup: {};
+            Card: {};
+            CheckedInput: {};
+            ConfirmDialog: {};
+            ErrorableLoader: {};
+            ErrorDisplay: {};
+            FormError: {};
+            FormLabel: {};
+            LinkButton: {};
+            ListGroup: {};
+            Modal: {};
+            NotFoundCard: {};
+            ReactDatePickerInput: {};
+            ReactSelectInput: {};
+            SelectInput: {};
+            Sidebar: {};
+            Spinner: {};
+            Status: {
+                isTypeOnly: true;
+            };
+            StatusType: {
+                isTypeOnly: true;
+            };
+            Table: {};
+            TextAreaInput: {};
+            TextInput: {};
+            Toast: {};
+            useConfirmDialog: {};
+            UseConfirmDialogRequestOptions: {
+                isTypeOnly: true;
+            };
+            useConfirmDialogState: {};
+            useStatus: {};
+            useToast: {};
+        }>>;
+        reactComponents: import("@baseplate-dev/sync").ProviderType<import("#src/generators/core/react-components/react-components.generator.js").ReactComponentsProvider>;
+        reactRoutes: import("@baseplate-dev/sync").ProviderType<import("#src/providers/routes.js").ReactRoutesProvider>;
+        authComponentsImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            RequireAuth: {
+                name: string;
+            };
+        }>>;
+        typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+        authHooksImports: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            SessionData: {
+                isTypeOnly: true;
+            };
+            useCurrentUser: {};
+            useLogOut: {};
+            useRequiredUserId: {};
+            useSession: {};
+        }>>;
+    }, any>;
+}>;
+export {};
+//# sourceMappingURL=admin-layout.generator.d.ts.map

package/dist/generators/admin/admin-layout/admin-layout.generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-layout.generator.d.ts","sourceRoot":"","sources":["../../../../src/generators/admin/admin-layout/admin-layout.generator.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;EAKlB,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AAgBjE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+E/B,CAAC"}

package/dist/generators/admin/admin-layout/admin-layout.generator.js

@@ -0,0 +1,82 @@
+import { tsCodeFragment, TsCodeUtils, tsImportBuilder, typescriptFileProvider, } from '@baseplate-dev/core-generators';
+import { createGenerator, createGeneratorTask, createProviderTask, } from '@baseplate-dev/sync';
+import { z } from 'zod';
+import { authComponentsImportsProvider } from '#src/generators/auth/_providers/auth-components.js';
+import { authHooksImportsProvider } from '#src/generators/auth/_providers/auth-hooks.js';
+import { reactComponentsImportsProvider, reactComponentsProvider, } from '#src/generators/core/react-components/react-components.generator.js';
+import { reactTailwindProvider } from '#src/generators/core/react-tailwind/react-tailwind.generator.js';
+import { reactRoutesProvider } from '#src/providers/routes.js';
+import { ADMIN_ADMIN_LAYOUT_TS_TEMPLATES } from './generated/ts-templates.js';
+const linkItemSchema = z.object({
+    type: z.literal('link'),
+    label: z.string().min(1),
+    icon: z.string().min(1),
+    path: z.string().min(1),
+});
+const descriptorSchema = z.object({
+    links: z.array(linkItemSchema).optional(),
+});
+const ICON_CATEGORY_REGEX = /^[A-Z][a-z]*/;
+function getIconImport(iconName) {
+    const category = ICON_CATEGORY_REGEX.exec(iconName);
+    if (!category) {
+        throw new Error(`Invalid icon name: ${iconName}`);
+    }
+    return `react-icons/${category[0].toLowerCase()}`;
+}
+export const adminLayoutGenerator = createGenerator({
+    name: 'admin/admin-layout',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: ({ links = [] }) => ({
+        reactTailwind: createProviderTask(reactTailwindProvider, (reactTailwind) => {
+            reactTailwind.addGlobalStyle(`body {
+  overscroll-behavior-y: none;
+}`);
+        }),
+        main: createGeneratorTask({
+            dependencies: {
+                reactComponentsImports: reactComponentsImportsProvider,
+                reactComponents: reactComponentsProvider,
+                reactRoutes: reactRoutesProvider,
+                authComponentsImports: authComponentsImportsProvider,
+                typescriptFile: typescriptFileProvider,
+                authHooksImports: authHooksImportsProvider,
+            },
+            run({ reactComponentsImports, reactComponents, reactRoutes, authComponentsImports, typescriptFile, authHooksImports, }) {
+                const layoutPath = `${reactComponents.getComponentsFolder()}/AdminLayout/index.tsx`;
+                reactRoutes.registerLayout({
+                    key: 'admin',
+                    element: tsCodeFragment(`<RequireAuth><AdminLayout /></RequireAuth>`, [
+                        tsImportBuilder().default('AdminLayout').from(layoutPath),
+                        authComponentsImports.RequireAuth.declaration(),
+                    ]),
+                });
+                return {
+                    build: async (builder) => {
+                        const navEntries = Object.fromEntries(links.map((link) => [
+                            link.path,
+                            TsCodeUtils.mergeFragmentsAsJsxElement('Sidebar.LinkItem', {
+                                Icon: tsCodeFragment(link.icon, tsImportBuilder([link.icon]).from(getIconImport(link.icon))),
+                                to: link.path,
+                                children: link.label,
+                            }),
+                        ]));
+                        await builder.apply(typescriptFile.renderTemplateFile({
+                            template: ADMIN_ADMIN_LAYOUT_TS_TEMPLATES.adminLayout,
+                            destination: layoutPath,
+                            variables: {
+                                TPL_SIDEBAR_LINKS: TsCodeUtils.mergeFragments(navEntries),
+                            },
+                            importMapProviders: {
+                                authHooksImports,
+                                reactComponentsImports,
+                            },
+                        }));
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=admin-layout.generator.js.map

package/dist/generators/admin/admin-layout/admin-layout.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-layout.generator.js","sourceRoot":"","sources":["../../../../src/generators/admin/admin-layout/admin-layout.generator.ts"],"names":[],"mappings":"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"}

package/dist/generators/admin/admin-layout/generated/ts-templates.d.ts

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

package/dist/generators/admin/admin-layout/generated/ts-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.d.ts","sourceRoot":"","sources":["../../../../../src/generators/admin/admin-layout/generated/ts-templates.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkB,CAAC"}

package/dist/generators/admin/admin-layout/generated/ts-templates.js

@@ -0,0 +1,15 @@
+import { createTsTemplateFile } from '@baseplate-dev/core-generators';
+import { authHooksImportsProvider } from '../../../auth/_providers/auth-hooks.js';
+import { reactComponentsImportsProvider } from '../../../core/react-components/generated/ts-import-maps.js';
+const adminLayout = createTsTemplateFile({
+    importMapProviders: {
+        authHooksImports: authHooksImportsProvider,
+        reactComponentsImports: reactComponentsImportsProvider,
+    },
+    name: 'admin-layout',
+    projectExports: {},
+    source: { path: 'AdminLayout.tsx' },
+    variables: { TPL_SIDEBAR_LINKS: {} },
+});
+export const ADMIN_ADMIN_LAYOUT_TS_TEMPLATES = { adminLayout };
+//# sourceMappingURL=ts-templates.js.map

package/dist/generators/admin/admin-layout/generated/ts-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.js","sourceRoot":"","sources":["../../../../../src/generators/admin/admin-layout/generated/ts-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,8BAA8B,EAAE,MAAM,4DAA4D,CAAC;AAE5G,MAAM,WAAW,GAAG,oBAAoB,CAAC;IACvC,kBAAkB,EAAE;QAClB,gBAAgB,EAAE,wBAAwB;QAC1C,sBAAsB,EAAE,8BAA8B;KACvD;IACD,IAAI,EAAE,cAAc;IACpB,cAAc,EAAE,EAAE;IAClB,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;IACnC,SAAS,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE;CACrC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,+BAA+B,GAAG,EAAE,WAAW,EAAE,CAAC"}

package/dist/generators/admin/admin-layout/templates/AdminLayout.tsx

@@ -0,0 +1,43 @@
+// @ts-nocheck
+
+import type { ReactElement } from 'react';
+
+import { useLogOut } from '%authHooksImports';
+import { Sidebar } from '%reactComponentsImports';
+import clsx from 'clsx';
+import { MdLogout } from 'react-icons/md';
+import { Outlet } from 'react-router-dom';
+
+interface Props {
+  className?: string;
+}
+
+function AdminLayout({ className }: Props): ReactElement {
+  const logOut = useLogOut();
+
+  return (
+    <div className={clsx('flex h-full items-stretch', className)}>
+      <Sidebar className="flex-none">
+        <Sidebar.Header className="mb-4 space-y-2">
+          <h1>Admin Dashboard</h1>
+        </Sidebar.Header>
+        <Sidebar.LinkGroup>
+          <TPL_SIDEBAR_LINKS />
+          <Sidebar.ButtonItem
+            Icon={MdLogout}
+            onClick={() => {
+              logOut();
+            }}
+          >
+            Log Out
+          </Sidebar.ButtonItem>
+        </Sidebar.LinkGroup>
+      </Sidebar>
+      <div className="flex flex-auto flex-col overflow-auto p-4">
+        <Outlet />
+      </div>
+    </div>
+  );
+}
+
+export default AdminLayout;