tshex-cli 1.0.15 → 1.0.16

package/build/main.js

@@ -3,13 +3,15 @@ import { program } from 'commander';
 import fs from 'node:fs';
 import path from 'node:path';
 function readPackageJson() {
-    return JSON.parse(fs.readFileSync(path.join(import.meta.dirname, '..', 'package.json'), 'utf-8'));
+    const filePath = path.join(import.meta.dirname, '..', 'package.json');
+    const fileContents = fs.readFileSync(filePath, 'utf-8');
+    return JSON.parse(fileContents);
 }
 function executeCreateLib(templatesDir, libraryDir) {
     try {
         fs.cpSync(path.join(templatesDir, 'lib'), libraryDir, {
             recursive: true,
-            filter: (src) => !src.endsWith('.gitkeep')
+            filter: (src) => src.endsWith('.gitkeep') === false
         });
         console.log('Library created successfully');
     }
@@ -21,7 +23,7 @@ function executeCreateContext(templatesDir, contextDir) {
     try {
         fs.cpSync(path.join(templatesDir, 'ctx'), contextDir, {
             recursive: true,
-            filter: (src) => !src.endsWith('.gitkeep')
+            filter: (src) => src.endsWith('.gitkeep') === false
         });
         console.log('Context created successfully');
     }
@@ -29,15 +31,52 @@ function executeCreateContext(templatesDir, contextDir) {
         console.error(err);
     }
 }
+function copyDirectoryContents(sourceDir, destinationDir) {
+    const entries = fs.readdirSync(sourceDir, { withFileTypes: true });
+    for (const entry of entries) {
+        const sourcePath = path.join(sourceDir, entry.name);
+        const destinationPath = path.join(destinationDir, entry.name);
+        if (fs.existsSync(destinationPath) === false) {
+            fs.cpSync(sourcePath, destinationPath, {
+                recursive: true,
+                filter: (src) => src.endsWith('.gitkeep') === false
+            });
+        }
+    }
+}
+function executeCreateReactProject(templatesDir, projectDir) {
+    try {
+        fs.cpSync(path.join(templatesDir, 'react-project'), projectDir, {
+            recursive: true,
+            filter: (src) => src.endsWith('.gitkeep') === false
+        });
+        copyDirectoryContents(path.join(templatesDir, 'lib', 'shared'), path.join(projectDir, 'core', 'shared'));
+        console.log('React project created successfully');
+    }
+    catch (err) {
+        console.error(err);
+    }
+}
+function executeCreateReactContext(templatesDir, contextDir) {
+    try {
+        fs.cpSync(path.join(templatesDir, 'react-context'), contextDir, {
+            recursive: true,
+            filter: (src) => src.endsWith('.gitkeep') === false
+        });
+        console.log('React context created successfully');
+    }
+    catch (err) {
+        console.error(err);
+    }
+}
 function main(program) {
     const templatesDir = path.join(import.meta.dirname, '..', 'templates');
     const options = program.opts();
     let targetDir = path.resolve(options.dir ?? process.cwd());
     if (Object.keys(options).length === 0) {
         program.help();
-        return;
     }
-    if (!fs.existsSync(targetDir)) {
+    if (fs.existsSync(targetDir) === false) {
         fs.mkdirSync(targetDir, { recursive: true });
     }
     if (options.lib !== undefined) {
@@ -48,6 +87,14 @@ function main(program) {
         targetDir = path.join(targetDir, options.ctx);
         executeCreateContext(templatesDir, targetDir);
     }
+    if (options.reactProject !== undefined) {
+        targetDir = path.join(targetDir, options.reactProject);
+        executeCreateReactProject(templatesDir, targetDir);
+    }
+    if (options.reactContext !== undefined) {
+        targetDir = path.join(targetDir, options.reactContext);
+        executeCreateReactContext(templatesDir, targetDir);
+    }
 }
 const packageJson = readPackageJson();
 program
@@ -56,5 +103,7 @@ program
     .option('--lib <name>', "creates a new library with it's shared directory")
     .option('--ctx <name>', 'creates a new context')
     .option('--dir <path>', 'sets the directory to create the new item')
+    .option('--react-project <name>', 'creates a new React project')
+    .option('--react-context <name>', 'creates a new React context')
     .parse(process.argv);
 main(program);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tshex-cli",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "author": "https://github.com/virtualitems/",
   "description": "Typescript Hexagonal Architecture CLI",
   "type": "module",

package/readme.md

@@ -20,10 +20,12 @@ https://github.com/virtualitems/tshex-cli/issues
 
 `tshex` scaffolds folders and files for a hexagonal architecture project. It does not write business logic for you; it only generates the structure, so you can fill it in with your own code.
 
-There are two things you can generate:
+There are four things you can generate:
 
 - A **library** (`--lib`): the shared foundation of a project. It contains the domain and application contracts (entities, value objects, services, etc.) that the rest of the code depends on.
 - A **context** (`--ctx`): a specific business area (e.g. `users`, `billing`, `orders`). It contains the `domain/`, `application/`, and `adapters/` folders where you implement that area's logic.
+- A **React project** (`--react-project`): a full React-oriented hexagonal structure with `core/`, `dom-client/`, `dom-server/`, and `native/` folders.
+- A **React context** (`--react-context`): a React-ready context scaffold.
 
 A typical project has one library and one or more contexts inside it.
 
@@ -50,18 +52,20 @@ tshex --help
 ## Usage
 
 ```bash
-tshex [--lib <name>] [--ctx <name>] [--dir <path>]
+tshex [--lib <name>] [--ctx <name>] [--react-project <name>] [--react-context <name>] [--dir <path>]
 ```
 
 | Option         | Purpose                                                            |
 | -------------- | ------------------------------------------------------------------- |
 | `--lib <name>` | Generate a library called `<name>`, based on `templates/lib`.       |
 | `--ctx <name>` | Generate a context called `<name>`, based on `templates/ctx`.       |
+| `--react-project <name>` | Generate a React project called `<name>`, based on `templates/react-project` and `templates/lib/shared`. |
+| `--react-context <name>` | Generate a React context called `<name>`, based on `templates/react-context`. |
 | `--dir <path>` | Parent directory where the library/context will be created. Defaults to the current directory. |
 | `--help`       | Show the command options.                                           |
 | `--version`    | Show the installed version.                                         |
 
-`--lib` and `--ctx` can be used together in a single command (see [Create a library and a context together](#create-a-library-and-a-context-together)). Running `tshex` without any options just prints the help text — it does not generate anything.
+`--lib`, `--ctx`, `--react-project`, and `--react-context` can be used together in a single command. Running `tshex` without any options just prints the help text — it does not generate anything.
 
 ## Create a library
 
@@ -203,3 +207,23 @@ src/
         ├── domain/
         └── index.ts
 ```
+
+    ## Create a React project
+
+    Use this when you want the React-specific project scaffold with the shared `core/shared` contracts copied from the library template:
+
+    ```bash
+    tshex --react-project app
+    ```
+
+    This generates a `app/` folder in the current directory.
+
+    ## Create a React context
+
+    Use this when you want only the React context scaffold:
+
+    ```bash
+    tshex --react-context users
+    ```
+
+    This generates a `users/` folder in the current directory.

package/source/main.ts

@@ -12,19 +12,16 @@ import path from 'node:path'
 // FUNCTIONS
 
 function readPackageJson() {
-    return JSON.parse(
-        fs.readFileSync(
-            path.join(import.meta.dirname, '..', 'package.json'),
-            'utf-8'
-        )
-    )
+    const filePath = path.join(import.meta.dirname, '..', 'package.json')
+    const fileContents = fs.readFileSync(filePath, 'utf-8')
+    return JSON.parse(fileContents)
 }
 
 function executeCreateLib(templatesDir: string, libraryDir: string) {
     try {
         fs.cpSync(path.join(templatesDir, 'lib'), libraryDir, {
             recursive: true,
-            filter: (src) => !src.endsWith('.gitkeep')
+            filter: (src) => src.endsWith('.gitkeep') === false
         })
         console.log('Library created successfully')
     } catch (err) {
@@ -36,7 +33,7 @@ function executeCreateContext(templatesDir: string, contextDir: string) {
     try {
         fs.cpSync(path.join(templatesDir, 'ctx'), contextDir, {
             recursive: true,
-            filter: (src) => !src.endsWith('.gitkeep')
+            filter: (src) => src.endsWith('.gitkeep') === false
         })
         console.log('Context created successfully')
     } catch (err) {
@@ -44,6 +41,49 @@ function executeCreateContext(templatesDir: string, contextDir: string) {
     }
 }
 
+function copyDirectoryContents(sourceDir: string, destinationDir: string) {
+    const entries = fs.readdirSync(sourceDir, { withFileTypes: true })
+
+    for (const entry of entries) {
+        const sourcePath = path.join(sourceDir, entry.name)
+        const destinationPath = path.join(destinationDir, entry.name)
+
+        if (fs.existsSync(destinationPath) === false) {
+            fs.cpSync(sourcePath, destinationPath, {
+                recursive: true,
+                filter: (src) => src.endsWith('.gitkeep') === false
+            })
+        }
+    }
+}
+
+function executeCreateReactProject(templatesDir: string, projectDir: string) {
+    try {
+        fs.cpSync(path.join(templatesDir, 'react-project'), projectDir, {
+            recursive: true,
+            filter: (src) => src.endsWith('.gitkeep') === false
+        })
+
+        copyDirectoryContents(path.join(templatesDir, 'lib', 'shared'), path.join(projectDir, 'core', 'shared'))
+
+        console.log('React project created successfully')
+    } catch (err) {
+        console.error(err)
+    }
+}
+
+function executeCreateReactContext(templatesDir: string, contextDir: string) {
+    try {
+        fs.cpSync(path.join(templatesDir, 'react-context'), contextDir, {
+            recursive: true,
+            filter: (src) => src.endsWith('.gitkeep') === false
+        })
+        console.log('React context created successfully')
+    } catch (err) {
+        console.error(err)
+    }
+}
+
 function main(program: typeof import('commander').program) {
     const templatesDir = path.join(import.meta.dirname, '..', 'templates')
 
@@ -53,10 +93,9 @@ function main(program: typeof import('commander').program) {
 
     if (Object.keys(options).length === 0) {
         program.help()
-        return
     }
 
-    if (!fs.existsSync(targetDir)) {
+    if (fs.existsSync(targetDir) === false) {
         fs.mkdirSync(targetDir, { recursive: true })
     }
 
@@ -69,6 +108,16 @@ function main(program: typeof import('commander').program) {
         targetDir = path.join(targetDir, options.ctx)
         executeCreateContext(templatesDir, targetDir)
     }
+
+    if (options.reactProject !== undefined) {
+        targetDir = path.join(targetDir, options.reactProject)
+        executeCreateReactProject(templatesDir, targetDir)
+    }
+
+    if (options.reactContext !== undefined) {
+        targetDir = path.join(targetDir, options.reactContext)
+        executeCreateReactContext(templatesDir, targetDir)
+    }
 }
 
 const packageJson = readPackageJson()
@@ -79,6 +128,8 @@ program
     .option('--lib <name>', "creates a new library with it's shared directory")
     .option('--ctx <name>', 'creates a new context')
     .option('--dir <path>', 'sets the directory to create the new item')
+    .option('--react-project <name>', 'creates a new React project')
+    .option('--react-context <name>', 'creates a new React context')
     .parse(process.argv)
 
 main(program)

package/templates/ctx/index.ts

@@ -1,9 +0,0 @@
-// Ports layer
-
-// Adapters layer
-
-// Application layer
-
-// Domain layer
-
-// Constants

package/templates/react-project/dom-client/context/Example.tsx

@@ -0,0 +1,11 @@
+type Props = {
+  children?: React.ReactNode
+}
+
+/**
+ * @description Example component that renders its children.
+ */
+export default function Example(props: Props) {
+  const { children } = props
+  return children
+}

package/templates/react-project/dom-server/context/Example.tsx

@@ -0,0 +1,11 @@
+type Props = {
+  children?: React.ReactNode
+}
+
+/**
+ * @description Example component that renders its children.
+ */
+export default function Example(props: Props) {
+  const { children } = props
+  return children
+}

package/templates/react-project/index.d.ts

@@ -0,0 +1 @@
+type Generic<T=unknown> = Record<string, T>;

package/templates/react-project/native/context/Example.tsx

@@ -0,0 +1,11 @@
+type Props = {
+  children?: React.ReactNode
+}
+
+/**
+ * @description Example component that renders its children.
+ */
+export default function Example(props: Props) {
+  const { children } = props
+  return children
+}