@baseplate-dev/react-generators 0.1.1

package/dist/generators/core/react/generated/text-templates.js

@@ -0,0 +1,42 @@
+import { createTextTemplateFile, createTextTemplateGroup, } from '@baseplate-dev/sync';
+const indexHtml = createTextTemplateFile({
+    name: 'index-html',
+    group: 'static',
+    source: { path: 'index.html' },
+    variables: {
+        TPL_DESCRIPTION: { description: 'Description of the project' },
+        TPL_TITLE: { description: 'Title of the home page' },
+    },
+});
+const readme = createTextTemplateFile({
+    name: 'readme',
+    group: 'static',
+    source: { path: 'README.md' },
+    variables: { TPL_PROJECT_NAME: { description: 'Name of the project' } },
+});
+const viteEnv = createTextTemplateFile({
+    name: 'vite-env',
+    group: 'static',
+    source: { path: 'src/vite-env.d.ts' },
+    variables: {},
+});
+const staticGroup = createTextTemplateGroup({
+    templates: {
+        indexHtml: {
+            destination: 'index.html',
+            template: indexHtml,
+        },
+        readme: {
+            destination: 'README.md',
+            template: readme,
+        },
+        viteEnv: {
+            destination: 'src/vite-env.d.ts',
+            template: viteEnv,
+        },
+    },
+});
+export const CORE_REACT_TEXT_TEMPLATES = {
+    staticGroup,
+};
+//# sourceMappingURL=text-templates.js.map

package/dist/generators/core/react/generated/text-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-templates.js","sourceRoot":"","sources":["../../../../../src/generators/core/react/generated/text-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,SAAS,GAAG,sBAAsB,CAAC;IACvC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;IAC9B,SAAS,EAAE;QACT,eAAe,EAAE,EAAE,WAAW,EAAE,4BAA4B,EAAE;QAC9D,SAAS,EAAE,EAAE,WAAW,EAAE,wBAAwB,EAAE;KACrD;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,sBAAsB,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;IAC7B,SAAS,EAAE,EAAE,gBAAgB,EAAE,EAAE,WAAW,EAAE,qBAAqB,EAAE,EAAE;CACxE,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,sBAAsB,CAAC;IACrC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;IACrC,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,uBAAuB,CAAC;IAC1C,SAAS,EAAE;QACT,SAAS,EAAE;YACT,WAAW,EAAE,YAAY;YACzB,QAAQ,EAAE,SAAS;SACpB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,WAAW;YACxB,QAAQ,EAAE,MAAM;SACjB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,mBAAmB;YAChC,QAAQ,EAAE,OAAO;SAClB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,WAAW;CACZ,CAAC"}

package/dist/generators/core/react/generated/ts-templates.d.ts

@@ -0,0 +1,10 @@
+export declare const CORE_REACT_TS_TEMPLATES: {
+    index: import("@baseplate-dev/core-generators").TsTemplateFile<{
+        TPL_APP: {};
+        TPL_HEADER: {};
+    }, Record<never, import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/sync").Provider>>>;
+    viteConfig: import("@baseplate-dev/core-generators").TsTemplateFile<{
+        TPL_CONFIG: {};
+    }, Record<never, import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/sync").Provider>>>;
+};
+//# sourceMappingURL=ts-templates.d.ts.map

package/dist/generators/core/react/generated/ts-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.d.ts","sourceRoot":"","sources":["../../../../../src/generators/core/react/generated/ts-templates.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,uBAAuB;;;;;;;;CAAwB,CAAC"}

package/dist/generators/core/react/generated/ts-templates.js

@@ -0,0 +1,15 @@
+import { createTsTemplateFile } from '@baseplate-dev/core-generators';
+const index = createTsTemplateFile({
+    name: 'index',
+    projectExports: {},
+    source: { path: 'src/index.tsx' },
+    variables: { TPL_APP: {}, TPL_HEADER: {} },
+});
+const viteConfig = createTsTemplateFile({
+    name: 'vite-config',
+    projectExports: {},
+    source: { path: 'vite.config.ts' },
+    variables: { TPL_CONFIG: {} },
+});
+export const CORE_REACT_TS_TEMPLATES = { index, viteConfig };
+//# sourceMappingURL=ts-templates.js.map

package/dist/generators/core/react/generated/ts-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.js","sourceRoot":"","sources":["../../../../../src/generators/core/react/generated/ts-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,KAAK,GAAG,oBAAoB,CAAC;IACjC,IAAI,EAAE,OAAO;IACb,cAAc,EAAE,EAAE;IAClB,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;IACjC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;CAC3C,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,oBAAoB,CAAC;IACtC,IAAI,EAAE,aAAa;IACnB,cAAc,EAAE,EAAE;IAClB,MAAM,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IAClC,SAAS,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;CAC9B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC"}

package/dist/generators/core/react/node.d.ts

@@ -0,0 +1,2 @@
+export declare const viteNodeTask: import("@baseplate-dev/sync").AnyGeneratorTask;
+//# sourceMappingURL=node.d.ts.map

package/dist/generators/core/react/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../../src/generators/core/react/node.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,gDAkCvB,CAAC"}

package/dist/generators/core/react/node.js

@@ -0,0 +1,32 @@
+import { createNodeTask, extractPackageVersions, } from '@baseplate-dev/core-generators';
+import { REACT_PACKAGES } from '#src/constants/react-packages.js';
+export const viteNodeTask = createNodeTask((node) => {
+    node.packages.addPackages({
+        prod: extractPackageVersions(REACT_PACKAGES, ['react', 'react-dom']),
+        dev: extractPackageVersions(REACT_PACKAGES, [
+            '@types/node',
+            '@types/react',
+            '@types/react-dom',
+            '@vitejs/plugin-react',
+            'vite',
+            'vite-plugin-svgr',
+            'vite-tsconfig-paths',
+        ]),
+    });
+    node.scripts.mergeObj({
+        dev: 'vite',
+        build: 'tsc && vite build',
+        preview: 'vite preview',
+    }, 'vite');
+    node.extraProperties.merge({
+        browserslist: {
+            production: ['>0.2%', 'not dead', 'not op_mini all'],
+            development: [
+                'last 1 chrome version',
+                'last 1 firefox version',
+                'last 1 safari version',
+            ],
+        },
+    }, 'vite');
+});
+//# sourceMappingURL=node.js.map

package/dist/generators/core/react/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../../../src/generators/core/react/node.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,sBAAsB,GACvB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE;IAClD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QACxB,IAAI,EAAE,sBAAsB,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACpE,GAAG,EAAE,sBAAsB,CAAC,cAAc,EAAE;YAC1C,aAAa;YACb,cAAc;YACd,kBAAkB;YAClB,sBAAsB;YACtB,MAAM;YACN,kBAAkB;YAClB,qBAAqB;SACtB,CAAC;KACH,CAAC,CAAC;IACH,IAAI,CAAC,OAAO,CAAC,QAAQ,CACnB;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,mBAAmB;QAC1B,OAAO,EAAE,cAAc;KACxB,EACD,MAAM,CACP,CAAC;IACF,IAAI,CAAC,eAAe,CAAC,KAAK,CACxB;QACE,YAAY,EAAE;YACZ,UAAU,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,iBAAiB,CAAC;YACpD,WAAW,EAAE;gBACX,uBAAuB;gBACvB,wBAAwB;gBACxB,uBAAuB;aACxB;SACF;KACF,EACD,MAAM,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,53 @@
+import type { TsCodeFragment } from '@baseplate-dev/core-generators';
+declare const reactBaseConfigProvider: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
+    appFragment: import("@baseplate-dev/utils").ScalarContainer<TsCodeFragment | undefined>;
+    headerFragments: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+    vitePlugins: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+    viteServerOptions: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+}>, "getValues">>;
+export { reactBaseConfigProvider };
+export declare const reactGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<{
+    description?: string | undefined;
+    title?: string | undefined;
+}, {
+    setup: import("@baseplate-dev/sync").GeneratorTask<import("@baseplate-dev/sync").ProviderExportMap<Record<string, import("@baseplate-dev/sync").Provider>> | undefined, import("@baseplate-dev/sync").ProviderDependencyMap<Record<string, import("@baseplate-dev/sync").Provider>>, import("@baseplate-dev/sync").ProviderExportMap<Record<string, import("@baseplate-dev/sync").Provider>> | undefined>;
+    setupNode: import("@baseplate-dev/sync").GeneratorTask<undefined, {
+        provider: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
+            isEsm: import("@baseplate-dev/utils").ScalarContainer<boolean>;
+        }>, "getValues">>;
+    }, undefined>;
+    viteNode: import("@baseplate-dev/sync").AnyGeneratorTask;
+    gitIgnore: import("@baseplate-dev/sync").GeneratorTask<undefined, {
+        provider: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
+            exclusions: import("@baseplate-dev/utils").MapContainer<string, string[]>;
+        }>, "getValues">>;
+    }, undefined>;
+    eslintConfig: import("@baseplate-dev/sync").GeneratorTask<undefined, {
+        provider: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
+            react: import("@baseplate-dev/utils").ScalarContainer<boolean | undefined>;
+            eslintIgnore: import("@baseplate-dev/utils").ArrayContainer<string>;
+            devDependencies: import("@baseplate-dev/utils").ArrayContainer<string>;
+            disableVitest: import("@baseplate-dev/utils").ScalarContainer<boolean | undefined>;
+            tsDefaultProjectFiles: import("@baseplate-dev/utils").ArrayContainer<string>;
+        }>, "getValues">>;
+    }, undefined>;
+    defaultConfig: import("@baseplate-dev/sync").GeneratorTask<undefined, {
+        provider: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
+            appFragment: import("@baseplate-dev/utils").ScalarContainer<TsCodeFragment | undefined>;
+            headerFragments: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+            vitePlugins: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+            viteServerOptions: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+        }>, "getValues">>;
+    }, undefined>;
+    main: import("@baseplate-dev/sync").GeneratorTask<any, {
+        typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+        project: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").ProjectProvider>;
+        reactConfigValues: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/utils").FieldMapValues<{
+            appFragment: import("@baseplate-dev/utils").ScalarContainer<TsCodeFragment | undefined>;
+            headerFragments: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+            vitePlugins: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+            viteServerOptions: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+        }>>;
+    }, any>;
+}>;
+//# sourceMappingURL=react.generator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react.generator.d.ts","sourceRoot":"","sources":["../../../../src/generators/core/react/react.generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAiCrE,QAAA,MAAkB,uBAAuB;;;;;iBAYtC,CAAC;AAEJ,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC,eAAO,MAAM,cAAc;;;;;;;0BAmBZ,sBACL;;;;;;+BA/DR,sBACA;;;;;0BAFgB,sBACH;iCAIH,sBACG;oCAEb,sBACa;kCAEK,sBACD;0CAGZ,sBAAsB;;;;;;;;;;;;;;;;;;;;;EAuK3B,CAAC"}

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

@@ -0,0 +1,120 @@
+import { eslintConfigProvider, nodeConfigProvider, nodeGitIgnoreProvider, projectProvider, projectScope, tsCodeFragment, TsCodeUtils, tsImportBuilder, typescriptFileProvider, } from '@baseplate-dev/core-generators';
+import { createConfigProviderTask, createGenerator, createGeneratorTask, createProviderTask, renderRawTemplateFileAction, renderTextTemplateGroupAction, } from '@baseplate-dev/sync';
+import { z } from 'zod';
+import { CORE_REACT_RAW_TEMPLATES } from './generated/raw-templates.js';
+import { CORE_REACT_TEXT_TEMPLATES } from './generated/text-templates.js';
+import { CORE_REACT_TS_TEMPLATES } from './generated/ts-templates.js';
+import { viteNodeTask } from './node.js';
+const descriptorSchema = z.object({
+    title: z.string().default('React App'),
+    description: z.string().default('A React app'),
+});
+const [setupTask, reactBaseConfigProvider, reactConfigValuesProvider] = createConfigProviderTask((t) => ({
+    appFragment: t.scalar(),
+    headerFragments: t.map(),
+    vitePlugins: t.map(),
+    viteServerOptions: t.map(),
+}), {
+    prefix: 'react',
+    configScope: projectScope,
+});
+export { reactBaseConfigProvider };
+export const reactGenerator = createGenerator({
+    name: 'core/react',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: (descriptor) => ({
+        setup: setupTask,
+        setupNode: createProviderTask(nodeConfigProvider, (nodeConfig) => {
+            nodeConfig.isEsm.set(true);
+        }),
+        viteNode: viteNodeTask,
+        gitIgnore: createProviderTask(nodeGitIgnoreProvider, (nodeGitIgnore) => {
+            nodeGitIgnore.exclusions.set('react', [
+                '# production',
+                '/build',
+                '',
+                '# misc',
+                '.DS_Store',
+                '.env.local',
+                '.env.development.local',
+                '.env.test.local',
+                '.env.production.local',
+            ]);
+        }),
+        eslintConfig: createProviderTask(eslintConfigProvider, (eslintConfig) => {
+            eslintConfig.react.set(true);
+            eslintConfig.disableVitest.set(true);
+        }),
+        defaultConfig: createProviderTask(reactBaseConfigProvider, (reactConfig) => {
+            // Add default plugins
+            reactConfig.vitePlugins.mergeObj({
+                react: tsCodeFragment(`react()`, tsImportBuilder().default('react').from('@vitejs/plugin-react')),
+                'tsconfig-paths': tsCodeFragment(`viteTsconfigPaths()`, tsImportBuilder()
+                    .default('viteTsconfigPaths')
+                    .from('vite-tsconfig-paths')),
+                svgr: tsCodeFragment(`svgrPlugin()`, tsImportBuilder().default('svgrPlugin').from('vite-plugin-svgr')),
+            });
+            // Add default server options
+            reactConfig.viteServerOptions.mergeObj({
+                port: tsCodeFragment('envVars.PORT ? Number.parseInt(envVars.PORT, 10) : 3000'),
+                watch: tsCodeFragment(JSON.stringify({
+                    ignored: ['**/baseplate/**'],
+                })),
+            });
+        }),
+        main: createGeneratorTask({
+            dependencies: {
+                typescriptFile: typescriptFileProvider,
+                project: projectProvider,
+                reactConfigValues: reactConfigValuesProvider,
+            },
+            run({ typescriptFile, project, reactConfigValues: { appFragment, headerFragments, vitePlugins, viteServerOptions, }, }) {
+                return {
+                    build: async (builder) => {
+                        await builder.apply(renderRawTemplateFileAction({
+                            template: CORE_REACT_RAW_TEMPLATES.favicon,
+                            destination: 'public/favicon.ico',
+                        }));
+                        // render README and index.html
+                        await builder.apply(renderTextTemplateGroupAction({
+                            group: CORE_REACT_TEXT_TEMPLATES.staticGroup,
+                            baseDirectory: '',
+                            variables: {
+                                readme: {
+                                    TPL_PROJECT_NAME: project.getProjectName(),
+                                },
+                                indexHtml: {
+                                    TPL_TITLE: descriptor.title,
+                                    TPL_DESCRIPTION: descriptor.description,
+                                },
+                            },
+                        }));
+                        await builder.apply(typescriptFile.renderTemplateFile({
+                            template: CORE_REACT_TS_TEMPLATES.index,
+                            destination: 'src/index.tsx',
+                            variables: {
+                                TPL_APP: appFragment ?? '<div />',
+                                TPL_HEADER: TsCodeUtils.mergeFragments(headerFragments, '\n\n'),
+                            },
+                        }));
+                        await builder.apply(typescriptFile.renderTemplateFile({
+                            template: CORE_REACT_TS_TEMPLATES.viteConfig,
+                            destination: 'vite.config.ts',
+                            variables: {
+                                TPL_CONFIG: TsCodeUtils.mergeFragmentsAsObject({
+                                    plugins: TsCodeUtils.mergeFragmentsAsArray(vitePlugins),
+                                    server: TsCodeUtils.mergeFragmentsAsObject(viteServerOptions),
+                                    build: JSON.stringify({
+                                        outDir: 'build',
+                                    }),
+                                }),
+                            },
+                        }));
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=react.generator.js.map

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

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

package/dist/generators/core/react/templates/README.md

@@ -0,0 +1,19 @@
+# {{TPL_PROJECT_NAME}}
+
+This project was bootstrapped with Baseplate.
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `pnpm dev`
+
+Runs the app in the development mode.
+
+### `pnpm build`
+
+Builds the app for production to the `build` folder.
+
+### `pnpm serve`
+
+Previews the production build.

package/dist/generators/core/react/templates/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="{{TPL_DESCRIPTION}}" />
+    <title>{{TPL_TITLE}}</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>

package/dist/generators/core/react/templates/src/index.tsx

@@ -0,0 +1,18 @@
+// @ts-nocheck
+
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+
+TPL_HEADER;
+
+const rootElement = document.querySelector('#root');
+if (!rootElement) {
+  throw new Error('Failed to find the root element');
+}
+const root = ReactDOM.createRoot(rootElement);
+
+root.render(
+  <React.StrictMode>
+    <TPL_APP />
+  </React.StrictMode>,
+);

package/dist/generators/core/react/templates/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />

package/dist/generators/core/react/templates/vite.config.ts

@@ -0,0 +1,10 @@
+// @ts-nocheck
+
+import { defineConfig, loadEnv } from 'vite';
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+  const envVars = { ...process.env, ...loadEnv(mode, process.cwd(), '') };
+
+  return TPL_CONFIG;
+});

package/dist/generators/core/react-app/generated/ts-templates.d.ts

@@ -0,0 +1,6 @@
+export declare const CORE_REACT_APP_TS_TEMPLATES: {
+    app: import("@baseplate-dev/core-generators").TsTemplateFile<{
+        TPL_RENDER_ROOT: {};
+    }, Record<never, import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/sync").Provider>>>;
+};
+//# sourceMappingURL=ts-templates.d.ts.map

package/dist/generators/core/react-app/generated/ts-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.d.ts","sourceRoot":"","sources":["../../../../../src/generators/core/react-app/generated/ts-templates.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,2BAA2B;;;;CAAU,CAAC"}

package/dist/generators/core/react-app/generated/ts-templates.js

@@ -0,0 +1,9 @@
+import { createTsTemplateFile } from '@baseplate-dev/core-generators';
+const app = createTsTemplateFile({
+    name: 'app',
+    projectExports: {},
+    source: { path: 'App.tsx' },
+    variables: { TPL_RENDER_ROOT: {} },
+});
+export const CORE_REACT_APP_TS_TEMPLATES = { app };
+//# sourceMappingURL=ts-templates.js.map

package/dist/generators/core/react-app/generated/ts-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-templates.js","sourceRoot":"","sources":["../../../../../src/generators/core/react-app/generated/ts-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,GAAG,GAAG,oBAAoB,CAAC;IAC/B,IAAI,EAAE,KAAK;IACX,cAAc,EAAE,EAAE;IAClB,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3B,SAAS,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,41 @@
+import type { TsCodeFragment } from '@baseplate-dev/core-generators';
+type CodeFragmentWrapper = (contents: TsCodeFragment) => TsCodeFragment;
+/**
+ * Type of render wrapper which determines the order of where it comes
+ *
+ * - `auth`: Wrapper for authentication
+ * - `data`: Wrapper for data fetching
+ */
+type RenderWrapperType = 'auth' | 'data' | 'router';
+export interface RenderWrapper {
+    wrap: CodeFragmentWrapper;
+    type: RenderWrapperType;
+}
+declare const reactAppConfigProvider: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
+    errorBoundary: import("@baseplate-dev/utils").ScalarContainer<CodeFragmentWrapper | undefined>;
+    renderWrappers: import("@baseplate-dev/utils").MapContainer<string, RenderWrapper>;
+    renderSiblings: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+    renderRoot: import("@baseplate-dev/utils").ScalarContainer<TsCodeFragment | undefined>;
+}>, "getValues">>;
+export { reactAppConfigProvider };
+export declare const reactAppGenerator: import("@baseplate-dev/sync").GeneratorBundleCreator<{}, {
+    setup: import("@baseplate-dev/sync").GeneratorTask<import("@baseplate-dev/sync").ProviderExportMap<Record<string, import("@baseplate-dev/sync").Provider>> | undefined, import("@baseplate-dev/sync").ProviderDependencyMap<Record<string, import("@baseplate-dev/sync").Provider>>, import("@baseplate-dev/sync").ProviderExportMap<Record<string, import("@baseplate-dev/sync").Provider>> | undefined>;
+    reactBaseConfig: import("@baseplate-dev/sync").GeneratorTask<undefined, {
+        provider: import("@baseplate-dev/sync").ProviderType<Omit<import("@baseplate-dev/utils").FieldMap<{
+            appFragment: import("@baseplate-dev/utils").ScalarContainer<TsCodeFragment | undefined>;
+            headerFragments: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+            vitePlugins: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+            viteServerOptions: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+        }>, "getValues">>;
+    }, undefined>;
+    main: import("@baseplate-dev/sync").GeneratorTask<any, {
+        typescriptFile: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/core-generators").TypescriptFileProvider>;
+        reactAppConfigValues: import("@baseplate-dev/sync").ProviderType<import("@baseplate-dev/utils").FieldMapValues<{
+            errorBoundary: import("@baseplate-dev/utils").ScalarContainer<CodeFragmentWrapper | undefined>;
+            renderWrappers: import("@baseplate-dev/utils").MapContainer<string, RenderWrapper>;
+            renderSiblings: import("@baseplate-dev/utils").MapContainer<string, TsCodeFragment>;
+            renderRoot: import("@baseplate-dev/utils").ScalarContainer<TsCodeFragment | undefined>;
+        }>>;
+    }, any>;
+}>;
+//# sourceMappingURL=react-app.generator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-app.generator.d.ts","sourceRoot":"","sources":["../../../../src/generators/core/react-app/react-app.generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAuBrE,KAAK,mBAAmB,GAAG,CAAC,QAAQ,EAAE,cAAc,KAAK,cAAc,CAAC;AAExE;;;;;GAKG;AACH,KAAK,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAQpD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,QAAA,MAAkB,sBAAsB;;;;;iBAYrC,CAAC;AAEJ,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAIlC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;EAwE5B,CAAC"}

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

@@ -0,0 +1,70 @@
+import { projectScope, tsCodeFragment, TsCodeUtils, tsImportBuilder, typescriptFileProvider, } from '@baseplate-dev/core-generators';
+import { createConfigProviderTask, createGenerator, createGeneratorTask, createProviderTask, } from '@baseplate-dev/sync';
+import { sortBy } from 'es-toolkit';
+import { z } from 'zod';
+import { reactBaseConfigProvider } from '../react/react.generator.js';
+import { CORE_REACT_APP_TS_TEMPLATES } from './generated/ts-templates.js';
+const descriptorSchema = z.object({});
+const WRAPPER_PRIORITY = {
+    auth: 0,
+    data: 1,
+    router: 2,
+};
+const [setupTask, reactAppConfigProvider, reactAppConfigValuesProvider] = createConfigProviderTask((t) => ({
+    errorBoundary: t.scalar(),
+    renderWrappers: t.map(),
+    renderSiblings: t.map(),
+    renderRoot: t.scalar(),
+}), {
+    prefix: 'react-app',
+    configScope: projectScope,
+});
+export { reactAppConfigProvider };
+const appPath = '@/src/app/App.tsx';
+export const reactAppGenerator = createGenerator({
+    name: 'core/react-app',
+    generatorFileUrl: import.meta.url,
+    descriptorSchema,
+    buildTasks: () => ({
+        setup: setupTask,
+        reactBaseConfig: createProviderTask(reactBaseConfigProvider, (reactBaseConfig) => {
+            reactBaseConfig.appFragment.set(tsCodeFragment('<App />', tsImportBuilder().default('App').from('@/src/app/App')));
+        }),
+        main: createGeneratorTask({
+            dependencies: {
+                typescriptFile: typescriptFileProvider,
+                reactAppConfigValues: reactAppConfigValuesProvider,
+            },
+            run({ typescriptFile, reactAppConfigValues: { errorBoundary, renderWrappers, renderSiblings, renderRoot, }, }) {
+                return {
+                    build: async (builder) => {
+                        const rootWithSiblings = TsCodeUtils.mergeFragmentsPresorted([
+                            renderRoot ?? '<div />',
+                            ...sortBy([...renderSiblings.entries()], [([key]) => key]).map(([, sibling]) => sibling),
+                            '\n',
+                        ]);
+                        const sortedWrappers = [
+                            errorBoundary,
+                            ...sortBy([...renderWrappers.entries()], [
+                                ([, wrapper]) => WRAPPER_PRIORITY[wrapper.type],
+                                ([key]) => key,
+                            ]).map(([, wrapper]) => wrapper.wrap),
+                        ].filter((x) => x !== undefined);
+                        let rootWithWrappers = rootWithSiblings;
+                        for (const wrapper of sortedWrappers.toReversed()) {
+                            rootWithWrappers = wrapper(rootWithWrappers);
+                        }
+                        await builder.apply(typescriptFile.renderTemplateFile({
+                            template: CORE_REACT_APP_TS_TEMPLATES.app,
+                            destination: appPath,
+                            variables: {
+                                TPL_RENDER_ROOT: rootWithWrappers,
+                            },
+                        }));
+                    },
+                };
+            },
+        }),
+    }),
+});
+//# sourceMappingURL=react-app.generator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-app.generator.js","sourceRoot":"","sources":["../../../../src/generators/core/react-app/react-app.generator.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,cAAc,EACd,WAAW,EACX,eAAe,EACf,sBAAsB,GACvB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,wBAAwB,EACxB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAYtC,MAAM,gBAAgB,GAAsC;IAC1D,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;CACV,CAAC;AAOF,MAAM,CAAC,SAAS,EAAE,sBAAsB,EAAE,4BAA4B,CAAC,GACrE,wBAAwB,CACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACN,aAAa,EAAE,CAAC,CAAC,MAAM,EAAuB;IAC9C,cAAc,EAAE,CAAC,CAAC,GAAG,EAAyB;IAC9C,cAAc,EAAE,CAAC,CAAC,GAAG,EAA0B;IAC/C,UAAU,EAAE,CAAC,CAAC,MAAM,EAAkB;CACvC,CAAC,EACF;IACE,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,YAAY;CAC1B,CACF,CAAC;AAEJ,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,MAAM,OAAO,GAAG,mBAAmB,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,gBAAgB;IACtB,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;IACjC,gBAAgB;IAChB,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;QACjB,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,kBAAkB,CACjC,uBAAuB,EACvB,CAAC,eAAe,EAAE,EAAE;YAClB,eAAe,CAAC,WAAW,CAAC,GAAG,CAC7B,cAAc,CACZ,SAAS,EACT,eAAe,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CACvD,CACF,CAAC;QACJ,CAAC,CACF;QACD,IAAI,EAAE,mBAAmB,CAAC;YACxB,YAAY,EAAE;gBACZ,cAAc,EAAE,sBAAsB;gBACtC,oBAAoB,EAAE,4BAA4B;aACnD;YACD,GAAG,CAAC,EACF,cAAc,EACd,oBAAoB,EAAE,EACpB,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,GACX,GACF;gBACC,OAAO;oBACL,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;wBACvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,uBAAuB,CAAC;4BAC3D,UAAU,IAAI,SAAS;4BACvB,GAAG,MAAM,CAAC,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAC5D,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,OAAO,CACzB;4BACD,IAAI;yBACL,CAAC,CAAC;wBAEH,MAAM,cAAc,GAAG;4BACrB,aAAa;4BACb,GAAG,MAAM,CACP,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,EAC7B;gCACE,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC;gCAC/C,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG;6BACf,CACF,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;yBACrC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;wBAEjC,IAAI,gBAAgB,GAAG,gBAAgB,CAAC;wBAExC,KAAK,MAAM,OAAO,IAAI,cAAc,CAAC,UAAU,EAAE,EAAE,CAAC;4BAClD,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;wBAC/C,CAAC;wBAED,MAAM,OAAO,CAAC,KAAK,CACjB,cAAc,CAAC,kBAAkB,CAAC;4BAChC,QAAQ,EAAE,2BAA2B,CAAC,GAAG;4BACzC,WAAW,EAAE,OAAO;4BACpB,SAAS,EAAE;gCACT,eAAe,EAAE,gBAAgB;6BAClC;yBACF,CAAC,CACH,CAAC;oBACJ,CAAC;iBACF,CAAC;YACJ,CAAC;SACF,CAAC;KACH,CAAC;CACH,CAAC,CAAC"}

package/dist/generators/core/react-app/templates/App.tsx

@@ -0,0 +1,9 @@
+// @ts-nocheck
+
+import type { ReactElement } from 'react';
+
+function App(): ReactElement {
+  return TPL_RENDER_ROOT;
+}
+
+export default App;

package/dist/generators/core/react-components/generated/ts-import-maps.d.ts

@@ -0,0 +1,85 @@
+import type { TsImportMapProviderFromSchema } from '@baseplate-dev/core-generators';
+declare const reactComponentsImportsSchema: {
+    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: {};
+};
+export type ReactComponentsImportsProvider = TsImportMapProviderFromSchema<typeof reactComponentsImportsSchema>;
+export declare const reactComponentsImportsProvider: 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: {};
+}>>;
+export declare function createReactComponentsImports(importBase: string): ReactComponentsImportsProvider;
+export {};
+//# sourceMappingURL=ts-import-maps.d.ts.map