@domain-first/project-structure 1.1.2 → 1.2.0

package/dist/config-file.d.ts

@@ -9,6 +9,7 @@ declare const configSchema: z.ZodObject<{
         "@domain-first/handlers-rest": "@domain-first/handlers-rest";
     }>>;
     defaultPersistenceLayerImplementation: z.ZodString;
+    useReact: z.ZodBoolean;
 }, z.core.$strip>;
 export declare class ConfigFile {
     readonly data: z.infer<typeof configSchema>;

package/dist/index.cjs

@@ -124,7 +124,8 @@ const configSchema = external_zod_default().object({
         '@domain-first/wire',
         '@domain-first/handlers-rest'
     ])),
-    defaultPersistenceLayerImplementation: external_zod_default().string()
+    defaultPersistenceLayerImplementation: external_zod_default().string(),
+    useReact: external_zod_default().boolean()
 });
 class ConfigFile {
     data;
@@ -166,10 +167,14 @@ const initializeUseCase = async ()=>{
     const defaultPersistenceLayerImplementation = await (0, prompts_namespaceObject.input)({
         message: 'Default persistence layer implementation:'
     });
+    const useReact = await (0, prompts_namespaceObject.confirm)({
+        message: 'Use React'
+    });
     ConfigFile.write({
         rootFolder: rootFolderName,
         domainFirstPackages,
-        defaultPersistenceLayerImplementation
+        defaultPersistenceLayerImplementation,
+        useReact
     });
     const { path } = new ProjectRoot();
     const rootFolder = new Folder(path);
@@ -532,7 +537,7 @@ const scaffoldNewCommand = async (boundedContextFolder)=>{
         return;
     }
     if (ConfigFile.Instance.data.domainFirstPackages.includes('@domain-first/handlers')) commandsFolder.createFile(`${naming.fileName}-command.ts`, `
-import { defineHandler, type Handler } from '@domain-first/handlers'
+import { defineHandler } from '@domain-first/handlers'
 
 export class ${naming.ClassName}Command {
     static inputSchema = {}
@@ -826,7 +831,7 @@ const scaffoldNewQuery = async (boundedContextFolder)=>{
         return;
     }
     if (ConfigFile.Instance.data.domainFirstPackages.includes('@domain-first/handlers')) queriesFolder.createFile(`${naming.fileName}-query.ts`, `
-import { defineHandler, type Handler } from '@domain-first/handlers'
+import { defineHandler } from '@domain-first/handlers'
 
 export class ${naming.ClassName}Query {
     static inputSchema = {}
@@ -902,6 +907,109 @@ export const wire${naming.ClassName}UseCase = wireClass(
 
 `.trim());
 };
+const scaffoldReactWidget = async (presentationReactFolder)=>{
+    const widgetName = await (0, prompts_namespaceObject.input)({
+        message: 'Name: '
+    });
+    const widgetType = await (0, prompts_namespaceObject.select)({
+        choices: [
+            'monolithic',
+            'with separated ui',
+            'headless'
+        ],
+        message: 'Type: '
+    });
+    const { ClassName, fileName } = new UnknownFormatNaming(widgetName);
+    const folder = presentationReactFolder.subitem([
+        'widgets',
+        fileName
+    ]);
+    switch(widgetType){
+        case 'monolithic':
+            folder.createFile('index.tsx', `
+import { type FC } from 'react'
+
+export type ${ClassName}WidgetProps = {}
+
+export const ${ClassName}Widget: FC<${ClassName}WidgetProps> = (props) => {
+    return <></>
+}
+            `.trim());
+            break;
+        case 'with separated ui':
+            folder.createFile('types.ts', `
+export type ${ClassName}WidgetProps = { }
+
+export type ${ClassName}WidgetUIProps = { }
+            `.trim());
+            folder.createFile('index.tsx', `
+import { type FC } from 'react'
+import type { ${ClassName}WidgetProps } from './types'
+import { ${ClassName}WidgetUI } from './ui'
+import { useUIModel } from './hooks/use-ui-model'
+
+export const ${ClassName}Widget: FC<${ClassName}WidgetProps> = (props) => {
+    const uiModel = useUIModel(props)
+    return <${ClassName}WidgetUI {...uiModel} />
+}
+
+export type { ${ClassName}WidgetProps }
+            `.trim());
+            folder.subitem([
+                'ui'
+            ]).createFile('index.tsx', `
+import { FC } from 'react'
+import type { ${ClassName}WidgetUIProps } from '../types'
+
+export const ${ClassName}WidgetUI: FC<${ClassName}WidgetUIProps> = (props) => {
+    return <></>
+}
+            `.trim());
+            folder.subitem([
+                'hooks'
+            ]).createFile('use-ui-model.ts', `
+import type { ${ClassName}WidgetProps, ${ClassName}WidgetUIProps } from '../types'
+
+export const useUIModel = (widgetProps: ${ClassName}WidgetProps): ${ClassName}WidgetUIProps => {
+    return {}
+}
+            `.trim());
+            break;
+        case 'headless':
+            folder.createFile('types.ts', `
+import { type FC } from 'react'
+
+export type ${ClassName}WidgetUIProps = { }
+
+export type ${ClassName}WidgetProps = {
+    UI: FC<${ClassName}WidgetUIProps>
+}
+
+            `.trim());
+            folder.createFile('index.tsx', `
+import { type FC } from 'react'
+import type { ${ClassName}WidgetProps } from './types'
+import { useUIModel } from './hooks/use-ui-model'
+
+export const ${ClassName}Widget: FC<${ClassName}WidgetProps> = (props) => {
+    const uiModel = useUIModel(props)
+    return <props.UI {...uiModel} />
+}
+
+export type { ${ClassName}WidgetProps }
+            `.trim());
+            folder.subitem([
+                'hooks'
+            ]).createFile('use-ui-model.ts', `
+import type { ${ClassName}WidgetProps, ${ClassName}WidgetUIProps } from '../types'
+
+export const useUIModel = (widgetProps: Omit<${ClassName}WidgetProps, 'UI'>): ${ClassName}WidgetUIProps => {
+    return {}
+}
+            `.trim());
+            break;
+    }
+};
 const main = async ()=>{
     if (!ConfigFile.exists) return void await initializeUseCase();
     const rootPath = new ProjectRoot().path;
@@ -918,18 +1026,41 @@ const main = async ()=>{
     };
     const options = [
         ...currentBoundedContextOptions,
+        ConfigFile.Instance.data.useReact ? {
+            name: 'Scaffold React module',
+            action: 'Scaffold React module'
+        } : void 0,
         {
             name: 'Shared Layer',
             action: 'Scaffold in bounded context'
         },
         scaffoldNewBoundedContext
-    ];
+    ].filter((x)=>!!x);
     const result = await (0, prompts_namespaceObject.select)({
         message: '@domain-first/project-structure',
         choices: options.map((x)=>x.name)
     });
     const { action, name } = options.find((x)=>x.name === result);
     switch(action){
+        case 'Scaffold React module':
+            {
+                const action = await (0, prompts_namespaceObject.select)({
+                    message: 'Module: ',
+                    choices: [
+                        'New widget'
+                    ]
+                });
+                switch(action){
+                    case 'New widget':
+                        return void await scaffoldReactWidget(new Folder(rootPath).subitem([
+                            ConfigFile.Instance.data.rootFolder,
+                            'presentation',
+                            'react'
+                        ]));
+                    default:
+                        return;
+                }
+            }
         case 'Scaffold new bounded context':
             return void await scaffoldNewBoundedContextUseCase();
         case 'Scaffold in bounded context':

package/dist/index.js

@@ -94,7 +94,8 @@ const configSchema = zod.object({
         '@domain-first/wire',
         '@domain-first/handlers-rest'
     ])),
-    defaultPersistenceLayerImplementation: zod.string()
+    defaultPersistenceLayerImplementation: zod.string(),
+    useReact: zod.boolean()
 });
 class ConfigFile {
     data;
@@ -136,10 +137,14 @@ const initializeUseCase = async ()=>{
     const defaultPersistenceLayerImplementation = await input({
         message: 'Default persistence layer implementation:'
     });
+    const useReact = await prompts_confirm({
+        message: 'Use React'
+    });
     ConfigFile.write({
         rootFolder: rootFolderName,
         domainFirstPackages,
-        defaultPersistenceLayerImplementation
+        defaultPersistenceLayerImplementation,
+        useReact
     });
     const { path } = new ProjectRoot();
     const rootFolder = new Folder(path);
@@ -502,7 +507,7 @@ const scaffoldNewCommand = async (boundedContextFolder)=>{
         return;
     }
     if (ConfigFile.Instance.data.domainFirstPackages.includes('@domain-first/handlers')) commandsFolder.createFile(`${naming.fileName}-command.ts`, `
-import { defineHandler, type Handler } from '@domain-first/handlers'
+import { defineHandler } from '@domain-first/handlers'
 
 export class ${naming.ClassName}Command {
     static inputSchema = {}
@@ -796,7 +801,7 @@ const scaffoldNewQuery = async (boundedContextFolder)=>{
         return;
     }
     if (ConfigFile.Instance.data.domainFirstPackages.includes('@domain-first/handlers')) queriesFolder.createFile(`${naming.fileName}-query.ts`, `
-import { defineHandler, type Handler } from '@domain-first/handlers'
+import { defineHandler } from '@domain-first/handlers'
 
 export class ${naming.ClassName}Query {
     static inputSchema = {}
@@ -872,6 +877,109 @@ export const wire${naming.ClassName}UseCase = wireClass(
 
 `.trim());
 };
+const scaffoldReactWidget = async (presentationReactFolder)=>{
+    const widgetName = await input({
+        message: 'Name: '
+    });
+    const widgetType = await prompts_select({
+        choices: [
+            'monolithic',
+            'with separated ui',
+            'headless'
+        ],
+        message: 'Type: '
+    });
+    const { ClassName, fileName } = new UnknownFormatNaming(widgetName);
+    const folder = presentationReactFolder.subitem([
+        'widgets',
+        fileName
+    ]);
+    switch(widgetType){
+        case 'monolithic':
+            folder.createFile('index.tsx', `
+import { type FC } from 'react'
+
+export type ${ClassName}WidgetProps = {}
+
+export const ${ClassName}Widget: FC<${ClassName}WidgetProps> = (props) => {
+    return <></>
+}
+            `.trim());
+            break;
+        case 'with separated ui':
+            folder.createFile('types.ts', `
+export type ${ClassName}WidgetProps = { }
+
+export type ${ClassName}WidgetUIProps = { }
+            `.trim());
+            folder.createFile('index.tsx', `
+import { type FC } from 'react'
+import type { ${ClassName}WidgetProps } from './types'
+import { ${ClassName}WidgetUI } from './ui'
+import { useUIModel } from './hooks/use-ui-model'
+
+export const ${ClassName}Widget: FC<${ClassName}WidgetProps> = (props) => {
+    const uiModel = useUIModel(props)
+    return <${ClassName}WidgetUI {...uiModel} />
+}
+
+export type { ${ClassName}WidgetProps }
+            `.trim());
+            folder.subitem([
+                'ui'
+            ]).createFile('index.tsx', `
+import { FC } from 'react'
+import type { ${ClassName}WidgetUIProps } from '../types'
+
+export const ${ClassName}WidgetUI: FC<${ClassName}WidgetUIProps> = (props) => {
+    return <></>
+}
+            `.trim());
+            folder.subitem([
+                'hooks'
+            ]).createFile('use-ui-model.ts', `
+import type { ${ClassName}WidgetProps, ${ClassName}WidgetUIProps } from '../types'
+
+export const useUIModel = (widgetProps: ${ClassName}WidgetProps): ${ClassName}WidgetUIProps => {
+    return {}
+}
+            `.trim());
+            break;
+        case 'headless':
+            folder.createFile('types.ts', `
+import { type FC } from 'react'
+
+export type ${ClassName}WidgetUIProps = { }
+
+export type ${ClassName}WidgetProps = {
+    UI: FC<${ClassName}WidgetUIProps>
+}
+
+            `.trim());
+            folder.createFile('index.tsx', `
+import { type FC } from 'react'
+import type { ${ClassName}WidgetProps } from './types'
+import { useUIModel } from './hooks/use-ui-model'
+
+export const ${ClassName}Widget: FC<${ClassName}WidgetProps> = (props) => {
+    const uiModel = useUIModel(props)
+    return <props.UI {...uiModel} />
+}
+
+export type { ${ClassName}WidgetProps }
+            `.trim());
+            folder.subitem([
+                'hooks'
+            ]).createFile('use-ui-model.ts', `
+import type { ${ClassName}WidgetProps, ${ClassName}WidgetUIProps } from '../types'
+
+export const useUIModel = (widgetProps: Omit<${ClassName}WidgetProps, 'UI'>): ${ClassName}WidgetUIProps => {
+    return {}
+}
+            `.trim());
+            break;
+    }
+};
 const main = async ()=>{
     if (!ConfigFile.exists) return void await initializeUseCase();
     const rootPath = new ProjectRoot().path;
@@ -888,18 +996,41 @@ const main = async ()=>{
     };
     const options = [
         ...currentBoundedContextOptions,
+        ConfigFile.Instance.data.useReact ? {
+            name: 'Scaffold React module',
+            action: 'Scaffold React module'
+        } : void 0,
         {
             name: 'Shared Layer',
             action: 'Scaffold in bounded context'
         },
         scaffoldNewBoundedContext
-    ];
+    ].filter((x)=>!!x);
     const result = await prompts_select({
         message: '@domain-first/project-structure',
         choices: options.map((x)=>x.name)
     });
     const { action, name } = options.find((x)=>x.name === result);
     switch(action){
+        case 'Scaffold React module':
+            {
+                const action = await prompts_select({
+                    message: 'Module: ',
+                    choices: [
+                        'New widget'
+                    ]
+                });
+                switch(action){
+                    case 'New widget':
+                        return void await scaffoldReactWidget(new Folder(rootPath).subitem([
+                            ConfigFile.Instance.data.rootFolder,
+                            'presentation',
+                            'react'
+                        ]));
+                    default:
+                        return;
+                }
+            }
         case 'Scaffold new bounded context':
             return void await scaffoldNewBoundedContextUseCase();
         case 'Scaffold in bounded context':

package/dist/use-cases/index.d.ts

@@ -8,3 +8,4 @@ export * from './scaffold-new-error';
 export * from './scaffold-new-handlers-rest-endpoint';
 export * from './scaffold-new-query';
 export * from './scaffold-new-use-case';
+export * from './scaffold-react-widget';

package/dist/use-cases/scaffold-react-widget.d.ts

@@ -0,0 +1,2 @@
+import type { Folder } from '../file-system';
+export declare const scaffoldReactWidget: (presentationReactFolder: Folder) => Promise<void>;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@domain-first/project-structure",
     "description": "Build and manage your Domain-First project structure with CLI",
-    "version": "1.1.2",
+    "version": "1.2.0",
     "type": "module",
     "repository": {
         "type": "git",