@baseplate-dev/react-generators 0.1.3 → 0.2.0

package/dist/generators/core/react-components/react-components.generator.d.ts

@@ -14,53 +14,146 @@ export interface ReactComponentsProvider {
     getComponentsFolder(): string;
 }
 export declare const reactComponentsProvider: import("@baseplate-dev/sync").ProviderType<ReactComponentsProvider>;
-export declare const reactComponentsGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<{
-    includeDatePicker?: boolean | undefined;
-}, {
+export declare const reactComponentsGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<{}, {
     nodePackages: import("@baseplate-dev/sync").AnyGeneratorTask;
-    datePickerPackages: import("@baseplate-dev/sync").AnyGeneratorTask | undefined;
-    main: import("@baseplate-dev/sync").GeneratorTask<{
-        reactComponents: import("@baseplate-dev/sync").ProviderExport<ReactComponentsProvider>;
+    paths: import("@baseplate-dev/sync").GeneratorTask<{
+        coreReactComponentsPaths: import("@baseplate-dev/sync").ProviderExport<import("./generated/template-paths.js").CoreReactComponentsPaths>;
+    }, {
+        packageInfo: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").PackageInfoProvider>;
+    }, undefined>;
+    imports: import("@baseplate-dev/sync").GeneratorTask<{
         reactComponentsImports: import("@baseplate-dev/sync").ProviderExport<import("@baseplate-dev/core-generators").InferTsImportMapFromSchema<{
+            AddOptionRequiredFields: {
+                isTypeOnly: true;
+            };
             Alert: {};
-            AlertIcon: {};
-            BackButton: {};
             Button: {};
-            ButtonGroup: {};
+            buttonVariants: {};
+            Calendar: {};
             Card: {};
+            Checkbox: {};
+            CheckboxField: {};
+            CheckboxFieldController: {};
             CheckedInput: {};
+            CircularProgress: {};
+            cn: {};
+            Combobox: {};
+            ComboboxField: {};
+            ComboboxFieldController: {};
             ConfirmDialog: {};
+            DatePickerField: {};
+            DatePickerFieldController: {};
+            DateTimePickerField: {};
+            DateTimePickerFieldController: {};
+            Dialog: {};
+            DialogClose: {};
+            DialogContent: {};
+            DialogDescription: {};
+            DialogFooter: {};
+            DialogHeader: {};
+            DialogOverlay: {};
+            DialogPortal: {};
+            DialogTitle: {};
+            DialogTrigger: {};
+            DialogWidth: {
+                isTypeOnly: true;
+            };
+            EmptyDisplay: {};
             ErrorableLoader: {};
             ErrorDisplay: {};
-            FormError: {};
+            FormControl: {};
+            FormDescription: {};
+            FormFieldProps: {
+                isTypeOnly: true;
+            };
+            FormItem: {};
             FormLabel: {};
+            FormMessage: {};
+            IconElement: {
+                isTypeOnly: true;
+            };
+            Input: {};
+            InputField: {};
+            InputFieldController: {};
+            inputVariants: {};
+            Label: {};
             LinkButton: {};
             ListGroup: {};
+            Loader: {};
+            mergeRefs: {};
             Modal: {};
+            MultiSelectOptionProps: {
+                isTypeOnly: true;
+            };
+            NavigationMenu: {};
+            NavigationMenuContent: {};
+            NavigationMenuIndicator: {};
+            NavigationMenuItem: {};
+            NavigationMenuItemWithLink: {};
+            NavigationMenuLink: {};
+            NavigationMenuList: {};
+            NavigationMenuTrigger: {};
+            navigationMenuTriggerStyle: {};
+            NavigationMenuViewport: {};
             NotFoundCard: {};
+            Popover: {};
+            PopoverAnchor: {};
+            PopoverContent: {};
+            PopoverTrigger: {};
             ReactDatePickerInput: {};
             ReactSelectInput: {};
+            ScrollArea: {};
+            Select: {};
+            selectCheckVariants: {};
+            selectContentVariants: {};
+            SelectField: {};
+            SelectFieldController: {};
             SelectInput: {};
-            Sidebar: {};
-            Spinner: {};
+            selectItemVariants: {};
+            SelectOptionProps: {
+                isTypeOnly: true;
+            };
+            selectTriggerVariants: {};
+            SidebarLayout: {};
+            SidebarLayoutContent: {};
+            SidebarLayoutSidebar: {};
             Status: {
                 isTypeOnly: true;
             };
             StatusType: {
                 isTypeOnly: true;
             };
+            Switch: {};
+            SwitchField: {};
+            SwitchFieldController: {};
             Table: {};
+            TableBody: {};
+            TableCaption: {};
+            TableCell: {};
+            TableFooter: {};
+            TableHead: {};
+            TableHeader: {};
+            TableRow: {};
+            Textarea: {};
+            TextareaField: {};
+            TextareaFieldController: {};
             TextAreaInput: {};
             TextInput: {};
-            Toast: {};
+            Toaster: {};
             useConfirmDialog: {};
             UseConfirmDialogRequestOptions: {
                 isTypeOnly: true;
             };
             useConfirmDialogState: {};
+            useControlledState: {};
+            useControllerMerged: {};
             useStatus: {};
-            useToast: {};
         }>>;
+    }, {
+        paths: import("@baseplate-dev/sync").ProviderType<import("./generated/template-paths.js").CoreReactComponentsPaths>;
+    }, undefined>;
+    main: import("@baseplate-dev/sync").GeneratorTask<{
+        reactComponents: import("@baseplate-dev/sync").ProviderExport<ReactComponentsProvider>;
     }, {
         typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
         reactAppConfig: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
@@ -69,7 +162,7 @@ export declare const reactComponentsGenerator: import("@baseplate-dev/sync").Gen
             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").CoreReactComponentsPaths>;
     }, any>;
 }>;
-export { reactComponentsImportsProvider, type ReactComponentsImportsProvider, } from './generated/ts-import-maps.js';
 //# sourceMappingURL=react-components.generator.d.ts.map

package/dist/generators/core/react-components/react-components.generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-components.generator.d.ts","sourceRoot":"","sources":["../../../../src/generators/core/react-components/react-components.generator.ts"],"names":[],"mappings":"AA4BA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;CACd;AA6BD,MAAM,WAAW,uBAAuB;IACtC;;;;OAIG;IACH,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACpD;;OAEG;IACH,mBAAmB,IAAI,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,uBAAuB,qEAC6B,CAAC;AAElE,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqHnC,CAAC;AAEH,OAAO,EACL,8BAA8B,EAC9B,KAAK,8BAA8B,GACpC,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"react-components.generator.d.ts","sourceRoot":"","sources":["../../../../src/generators/core/react-components/react-components.generator.ts"],"names":[],"mappings":"AAuBA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,uBAAuB;IACtC;;;;OAIG;IACH,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACpD;;OAEG;IACH,mBAAmB,IAAI,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,uBAAuB,qEAC6B,CAAC;AAElE,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4HnC,CAAC"}

package/dist/generators/core/react-components/react-components.generator.js

@@ -1,117 +1,89 @@
-import { createNodePackagesTask, extractPackageVersions, projectScope, tsCodeFragment, tsImportBuilder, typescriptFileProvider, } from '@baseplate-dev/core-generators';
+import { createNodePackagesTask, extractPackageVersions, packageScope, tsCodeFragment, tsImportBuilder, typescriptFileProvider, } from '@baseplate-dev/core-generators';
 import { createGenerator, createGeneratorTask, createProviderType, } from '@baseplate-dev/sync';
+import { kebabCase } from 'es-toolkit';
 import { z } from 'zod';
 import { REACT_PACKAGES } from '#src/constants/react-packages.js';
-import { reactAppConfigProvider } from '../react-app/react-app.generator.js';
-import { createReactComponentsImports, reactComponentsImportsProvider, } from './generated/ts-import-maps.js';
-import { CORE_REACT_COMPONENTS_TS_TEMPLATES } from './generated/ts-templates.js';
-const descriptorSchema = z.object({
-    includeDatePicker: z.boolean().optional(),
-});
-const REACT_COMPONENTS = [
-    { name: 'Alert' },
-    { name: 'AlertIcon' },
-    { name: 'BackButton' },
-    { name: 'Button' },
-    { name: 'ButtonGroup' },
-    { name: 'Card' },
-    { name: 'CheckedInput' },
-    { name: 'ConfirmDialog' },
-    { name: 'ErrorDisplay' },
-    { name: 'ErrorableLoader' },
-    { name: 'FormError' },
-    { name: 'FormLabel' },
-    { name: 'LinkButton' },
-    { name: 'ListGroup' },
-    { name: 'Modal' },
-    { name: 'NotFoundCard' },
-    { name: 'ReactSelectInput' },
-    { name: 'SelectInput' },
-    { name: 'Sidebar' },
-    { name: 'Spinner' },
-    { name: 'Table' },
-    { name: 'TextAreaInput' },
-    { name: 'TextInput' },
-    { name: 'Toast' },
-];
+import { reactAppConfigProvider } from '../react-app/index.js';
+import { CORE_REACT_COMPONENTS_GENERATED } from './generated/index.js';
+const descriptorSchema = z.object({});
 export const reactComponentsProvider = createProviderType('react-components');
 export const reactComponentsGenerator = createGenerator({
     name: 'core/react-components',
     generatorFileUrl: import.meta.url,
     descriptorSchema,
-    buildTasks: ({ includeDatePicker }) => ({
+    buildTasks: () => ({
         nodePackages: createNodePackagesTask({
             prod: extractPackageVersions(REACT_PACKAGES, [
                 '@headlessui/react',
                 '@hookform/resolvers',
                 'clsx',
                 'react-hook-form',
-                'react-hot-toast',
                 'react-icons',
-                'react-select',
                 'zustand',
+                'radix-ui',
+                'class-variance-authority',
+                'cmdk',
+                'sonner',
+                'react-day-picker',
+                'date-fns',
             ]),
         }),
-        datePickerPackages: includeDatePicker
-            ? createNodePackagesTask({
-                prod: extractPackageVersions(REACT_PACKAGES, [
-                    'react-datepicker',
-                    'date-fns',
-                ]),
-            })
-            : undefined,
+        paths: CORE_REACT_COMPONENTS_GENERATED.paths.task,
+        imports: CORE_REACT_COMPONENTS_GENERATED.imports.task,
         main: createGeneratorTask({
             dependencies: {
                 typescriptFile: typescriptFileProvider,
                 reactAppConfig: reactAppConfigProvider,
+                paths: CORE_REACT_COMPONENTS_GENERATED.paths.provider,
             },
             exports: {
-                reactComponents: reactComponentsProvider.export(projectScope),
-                reactComponentsImports: reactComponentsImportsProvider.export(projectScope),
+                reactComponents: reactComponentsProvider.export(packageScope),
             },
-            run({ typescriptFile, reactAppConfig }) {
-                const coreReactComponents = [...REACT_COMPONENTS];
-                if (includeDatePicker) {
-                    coreReactComponents.push({ name: 'ReactDatePickerInput' });
-                }
+            run({ typescriptFile, reactAppConfig, paths }) {
+                const coreReactComponents = Object.keys(CORE_REACT_COMPONENTS_GENERATED.templates.componentsGroup).map((name) => ({
+                    name: kebabCase(name).replace('-component', ''),
+                }));
                 const allReactComponents = [...coreReactComponents];
                 // add toaster root sibling component
-                reactAppConfig.renderSiblings.set('react-hot-toast', tsCodeFragment('<Toaster />', tsImportBuilder(['Toaster']).from('react-hot-toast')));
+                reactAppConfig.renderSiblings.set('toaster', tsCodeFragment('<Toaster />', tsImportBuilder(['Toaster']).from(paths.index)));
                 // add confirm dialog root sibling component
-                reactAppConfig.renderSiblings.set('react-components', tsCodeFragment('<ConfirmDialog />', tsImportBuilder(['ConfirmDialog']).from('@/src/components/index.js')));
+                reactAppConfig.renderSiblings.set('react-components', tsCodeFragment('<ConfirmDialog />', tsImportBuilder(['ConfirmDialog']).from(paths.index)));
                 return {
                     providers: {
                         reactComponents: {
                             registerComponent: (entry) => allReactComponents.push(entry),
                             getComponentsFolder: () => `@/src/components`,
                         },
-                        reactComponentsImports: createReactComponentsImports('@/src'),
                     },
                     build: async (builder) => {
                         await builder.apply(typescriptFile.renderTemplateGroup({
-                            group: CORE_REACT_COMPONENTS_TS_TEMPLATES.componentsGroup,
-                            baseDirectory: '@/src/components',
+                            group: CORE_REACT_COMPONENTS_GENERATED.templates.componentsGroup,
+                            paths,
+                        }));
+                        await builder.apply(typescriptFile.renderTemplateGroup({
+                            group: CORE_REACT_COMPONENTS_GENERATED.templates.hooksGroup,
+                            paths,
                         }));
                         await builder.apply(typescriptFile.renderTemplateGroup({
-                            group: CORE_REACT_COMPONENTS_TS_TEMPLATES.hooksGroup,
-                            baseDirectory: '@/src/hooks',
+                            group: CORE_REACT_COMPONENTS_GENERATED.templates.stylesGroup,
+                            paths,
                         }));
-                        if (includeDatePicker) {
-                            await builder.apply(typescriptFile.renderTemplateFile({
-                                template: CORE_REACT_COMPONENTS_TS_TEMPLATES.reactDatePickerInput,
-                                destination: `src/components/ReactDatePickerInput/index.tsx`,
-                            }));
-                        }
+                        await builder.apply(typescriptFile.renderTemplateGroup({
+                            group: CORE_REACT_COMPONENTS_GENERATED.templates.utilsGroup,
+                            paths,
+                        }));
+                        // build component index
+                        const getComponentPath = (a) => `./${a.name}/${a.name}.js`;
+                        const sortedComponentPaths = allReactComponents
+                            .map(getComponentPath)
+                            .toSorted();
                         // build component index
-                        const componentNames = allReactComponents
-                            .toSorted((a, b) => a.name.localeCompare(b.name))
-                            .map((entry) => entry.name);
-                        const componentIndex = componentNames
-                            .map((name) => `export { default as ${name} } from './${name}';`)
+                        const componentIndex = sortedComponentPaths
+                            .map((path) => `export * from '${path}';`)
                             .join('\n');
                         await builder.apply(typescriptFile.renderTemplateFile({
-                            template: CORE_REACT_COMPONENTS_TS_TEMPLATES.index,
-                            destination: `src/components/index.ts`,
+                            template: CORE_REACT_COMPONENTS_GENERATED.templates.index,
+                            destination: paths.index,
                             variables: {
                                 TPL_EXPORTS: componentIndex,
                             },
@@ -122,5 +94,4 @@ export const reactComponentsGenerator = createGenerator({
         }),
     }),
 });
-export { reactComponentsImportsProvider, } from './generated/ts-import-maps.js';
 //# sourceMappingURL=react-components.generator.js.map

package/dist/generators/core/react-components/react-components.generator.js.map

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

package/dist/generators/core/react-components/templates/src/components/alert/alert.tsx

@@ -0,0 +1,80 @@
+// @ts-nocheck
+
+import type { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+
+import { cva } from 'class-variance-authority';
+
+import { cn } from '../../utils/cn.js';
+
+const alertVariants = cva(
+  'relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border bg-surface px-4 py-3 text-sm text-surface-foreground has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',
+  {
+    variants: {
+      variant: {
+        default: 'surface-default',
+        error: 'surface-error',
+        success: 'surface-success',
+        warning: 'surface-warning',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+);
+
+/**
+ * Displays a callout for user attention.
+ *
+ * https://ui.shadcn.com/docs/components/alert
+ */
+function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'div'> &
+  VariantProps<typeof alertVariants>): React.ReactElement {
+  return (
+    <div
+      data-slot="alert"
+      role="alert"
+      className={cn(alertVariants({ variant }), className)}
+      {...props}
+    />
+  );
+}
+
+function AlertTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): React.ReactElement {
+  return (
+    <div
+      data-slot="alert-title"
+      className={cn(
+        'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): React.ReactElement {
+  return (
+    <div
+      data-slot="alert-description"
+      className={cn(
+        'text-surface-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Alert, AlertDescription, AlertTitle };

package/dist/generators/core/react-components/templates/src/components/button/button.tsx

@@ -0,0 +1,46 @@
+// @ts-nocheck
+
+import type { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+
+import { Slot } from 'radix-ui';
+
+import { buttonVariants } from '../../styles/button.js';
+import { cn } from '../../utils/cn.js';
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+
+/**
+ * Displays a button or a component that looks like a button.
+ *
+ * https://ui.shadcn.com/docs/components/button
+ */
+function Button({
+  className,
+  variant,
+  size,
+  justify,
+  asChild = false,
+  type = 'button',
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  }): React.ReactElement {
+  const Comp = asChild ? Slot.Root : 'button';
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, justify, className }))}
+      type={type}
+      {...props}
+    />
+  );
+}
+
+export { Button };