@stack-dev/cli 0.1.6 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-dev/cli",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "bin": {
     "stack": "./dist/index.js"
   },
@@ -12,7 +12,7 @@
     "json5": "^2.2.3",
     "lodash": "^4.17.21",
     "yaml": "^2.8.0",
-    "@stack-dev/core": "0.1.1"
+    "@stack-dev/core": "0.1.2"
   },
   "devDependencies": {
     "@types/lodash": "^4.17.20",
@@ -21,9 +21,9 @@
     "prettier": "^3.6.2",
     "prettier-plugin-organize-imports": "^4.2.0",
     "tsup": "^7.3.0",
-    "@stack-dev/eslint-config": "0.1.1",
-    "@stack-dev/prettier-config": "0.1.1",
-    "@stack-dev/typescript-config": "0.1.1"
+    "@stack-dev/prettier-config": "0.1.2",
+    "@stack-dev/eslint-config": "0.1.2",
+    "@stack-dev/typescript-config": "0.1.2"
   },
   "scripts": {
     "build": "tsup src/index.ts --dts --format esm,cjs",

package/src/index.ts

@@ -1,8 +1,16 @@
+import { Command } from 'commander';
+import { prompt } from 'enquirer';
+import { version } from '../package.json';
+import { linkPackages } from './link-packages';
 import {
+  createCliApp,
   createConfigPackage,
+  createFastifyApp,
   createLibraryPackage,
   createReactPackage,
+  createViteReactApp,
 } from './packages';
+import { unlinkPackages } from './unlink-packages';
 import {
   comparePackages,
   getAllPackages,
@@ -11,13 +19,6 @@ import {
 } from './utils/package';
 import { packageTypes, pickPackageType } from './utils/package-type';
 import { pickStyleType, styleTypes } from './utils/style-type';
-
-import { Command } from 'commander';
-import { prompt } from 'enquirer';
-import { version } from '../package.json';
-import { linkPackages } from './link-packages';
-import { createViteReactApp } from './packages/vite-react-app/create-vite-react-app';
-import { unlinkPackages } from './unlink-packages';
 import { getDirectoryPackageJson } from './utils/utils';
 import { getNamespace } from './utils/workspace';
 import { createWorkspace } from './workspace';
@@ -68,10 +69,10 @@ program
         await createViteReactApp(name);
         break;
       case 'cli':
-        // await createCliPackage(name)
+        await createCliApp(name);
         break;
       case 'fastify':
-        // await createFastifyApp(name)
+        await createFastifyApp(name);
         break;
       case 'next':
         // await createNextPackage(name)
@@ -92,7 +93,7 @@ program
 
     const development = options.dev ?? false;
 
-    if (!isValidPackageName(name)) {
+    if (!(await isValidPackageName(name))) {
       throw new Error(`Package name "${name}" is not a valid option.`);
     }
 

package/src/packages/cli-app/create-cli-app.ts

@@ -0,0 +1,74 @@
+import path from 'path';
+import { PackageJsonGenerator } from '../../file-generator';
+import { Dependency, PackageJSON } from '../../package-json';
+import { PackageGenerator } from '../../utils/package-generator';
+import { getNamespace, getWorkspaceRoot } from '../../utils/workspace';
+
+import { ESLINT_CONFIG_FILE_GENERATOR } from './files/eslint-config-file-generator';
+import { INDEX_FILE_GENERATOR } from './files/index-file-generator';
+import { PRETTIER_CONFIG_FILE_GENERATOR } from './files/prettier-config-file-generator';
+import { TSCONFIG_FILE_GENERATOR } from './files/tsconfig-file-generator';
+import { TSUP_FILE_GENERATOR } from './files/tsup-file-generator';
+import { VITEST_CONFIG_FILE_GENERATOR } from './files/vitest-config-file-generator';
+
+export async function createCliApp(name: string): Promise<void> {
+  const rootDir = await getWorkspaceRoot();
+  const directory = path.join(rootDir, 'apps', name);
+
+  const namespace = await getNamespace(rootDir);
+  const packageName = `${namespace}/${name}`;
+
+  console.log(`🚀 Creating CLI App: ${packageName}`);
+
+  const generator = new PackageGenerator(
+    directory,
+    makeAppPackageGenerator(packageName, namespace),
+    [
+      INDEX_FILE_GENERATOR,
+      TSCONFIG_FILE_GENERATOR,
+      TSUP_FILE_GENERATOR,
+      PRETTIER_CONFIG_FILE_GENERATOR,
+      ESLINT_CONFIG_FILE_GENERATOR,
+      VITEST_CONFIG_FILE_GENERATOR,
+    ],
+  );
+
+  await generator.generate();
+}
+
+function makeAppPackageGenerator(packageName: string, namespace: string) {
+  const packageJsonModel = new PackageJSON({
+    name: packageName,
+    peerDependencies: [
+      new Dependency('typescript', '^5.9.3'),
+      new Dependency('@types/node', '^25.0.3'),
+    ],
+    dependencies: [new Dependency('commander', '14.0.2')],
+    devDependencies: [
+      new Dependency(`${namespace}/eslint-config`, 'workspace:*'),
+      new Dependency(`${namespace}/prettier-config`, 'workspace:*'),
+      new Dependency(`${namespace}/typescript-config`, 'workspace:*'),
+      new Dependency('tsup', '^8.5.1'),
+      new Dependency('tsx', '^4.21.0'),
+      new Dependency('eslint', '^9.32.0'),
+      new Dependency('prettier', '^3.6.2'),
+      new Dependency('vitest', '^3.2.4'),
+    ],
+    additionalData: {
+      version: '0.1.0',
+      private: true,
+      type: 'module',
+      scripts: {
+        dev: 'tsx watch src/index.ts',
+        build: 'tsup src/index.ts',
+        start: 'node dist/index.mjs',
+        lint: 'eslint .',
+        format: 'prettier . --write',
+        test: 'vitest run',
+        'test:watch': 'vitest',
+      },
+    },
+  });
+
+  return new PackageJsonGenerator(packageJsonModel, namespace);
+}

package/src/packages/cli-app/files/eslint-config-file-generator.ts

@@ -0,0 +1,11 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const ESLINT_CONFIG = `import base from '@stack-dev/eslint-config/base.mjs';
+
+export default [...base, { ignores: ['**/dist/**'] }];
+`;
+
+export const ESLINT_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'eslint.config.mjs',
+  ESLINT_CONFIG,
+);

package/src/packages/cli-app/files/index-file-generator.ts

@@ -0,0 +1,24 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const INDEX = `import { Command } from "commander";;
+
+const program = new Command();
+
+program
+  .name('string-util')
+  .description('CLI to some JavaScript string utilities')
+  .version('0.8.0');
+
+program.command('split')
+  .description('Split a string into substrings and display as an array')
+  .argument('<string>', 'string to split')
+  .option('--first', 'display just the first substring')
+  .option('-s, --separator <char>', 'separator character', ',')
+  .action((str, options) => {
+    const limit = options.first ? 1 : undefined;
+    console.log(str.split(options.separator, limit));
+  });
+
+program.parse();`;
+
+export const INDEX_FILE_GENERATOR = new FileGeneratorImp('src/index.ts', INDEX);

package/src/packages/cli-app/files/prettier-config-file-generator.ts

@@ -0,0 +1,11 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const PRETTIER_CONFIG = `import base from '@stack-dev/prettier-config/base.mjs';
+
+export default base;
+`;
+
+export const PRETTIER_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'prettier.config.mjs',
+  PRETTIER_CONFIG,
+);

package/src/packages/cli-app/files/tsconfig-file-generator.ts

@@ -0,0 +1,15 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const TSCONFIG = `{
+  "extends": "@stack-dev/typescript-config/tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}
+`;
+
+export const TSCONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'tsconfig.json',
+  TSCONFIG,
+);

package/src/packages/cli-app/files/tsup-file-generator.ts

@@ -0,0 +1,20 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const TSUP = `import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/index.ts"],
+  format: ["esm"],
+  dts: false,
+  sourcemap: true,
+  clean: true,
+  target: "esnext",
+  outExtension({ format }) {
+    return {
+      js: format === "esm" ? ".mjs" : ".js",
+    };
+  },
+});
+`;
+
+export const TSUP_FILE_GENERATOR = new FileGeneratorImp('tsup.config.ts', TSUP);

package/src/packages/cli-app/files/vitest-config-file-generator.ts

@@ -0,0 +1,19 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const VITEST_CONFIG = `import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    coverage: {
+      provider: 'v8',
+    },
+    environment: 'node',
+  },
+});
+`;
+
+export const VITEST_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'vitest.config.ts',
+  VITEST_CONFIG,
+);

package/src/packages/cli-app/index.ts

@@ -0,0 +1 @@
+export * from './create-cli-app';

package/src/packages/fastify-app/create-fastify-app.ts

@@ -0,0 +1,79 @@
+import path from 'path';
+import { PackageJsonGenerator } from '../../file-generator';
+import { Dependency, PackageJSON } from '../../package-json';
+import { PackageGenerator } from '../../utils/package-generator';
+import { getNamespace, getWorkspaceRoot } from '../../utils/workspace';
+
+import { ESLINT_CONFIG_FILE_GENERATOR } from './files/eslint-config-file-generator';
+import { INDEX_FILE_GENERATOR } from './files/index-file-generator';
+import { PRETTIER_CONFIG_FILE_GENERATOR } from './files/prettier-config-file-generator';
+import { TSCONFIG_FILE_GENERATOR } from './files/tsconfig-file-generator';
+import { TSUP_FILE_GENERATOR } from './files/tsup-file-generator';
+import { VITEST_CONFIG_FILE_GENERATOR } from './files/vitest-config-file-generator';
+
+export async function createFastifyApp(name: string): Promise<void> {
+  const rootDir = await getWorkspaceRoot();
+  const directory = path.join(rootDir, 'apps', name);
+
+  const namespace = await getNamespace(rootDir);
+  const packageName = `${namespace}/${name}`;
+
+  console.log(`🚀 Creating Fastify App: ${packageName}`);
+
+  const generator = new PackageGenerator(
+    directory,
+    makeAppPackageGenerator(packageName, namespace),
+    [
+      INDEX_FILE_GENERATOR,
+      TSCONFIG_FILE_GENERATOR,
+      TSUP_FILE_GENERATOR,
+      PRETTIER_CONFIG_FILE_GENERATOR,
+      ESLINT_CONFIG_FILE_GENERATOR,
+      VITEST_CONFIG_FILE_GENERATOR,
+    ],
+  );
+
+  await generator.generate();
+}
+
+function makeAppPackageGenerator(packageName: string, namespace: string) {
+  const packageJsonModel = new PackageJSON({
+    name: packageName,
+    peerDependencies: [
+      new Dependency('typescript', '^5.9.3'),
+      new Dependency('@types/node', '^25.0.3'),
+    ],
+    dependencies: [
+      new Dependency('fastify', '^5.6.2'),
+      new Dependency('@fastify/swagger', '^9.6.1'),
+      new Dependency('@fastify/swagger-ui', '^5.2.3'),
+      new Dependency('pino-pretty', '^13.1.3'),
+    ],
+    devDependencies: [
+      new Dependency(`${namespace}/eslint-config`, 'workspace:*'),
+      new Dependency(`${namespace}/prettier-config`, 'workspace:*'),
+      new Dependency(`${namespace}/typescript-config`, 'workspace:*'),
+      new Dependency('tsup', '^8.5.1'),
+      new Dependency('tsx', '^4.21.0'),
+      new Dependency('eslint', '^9.32.0'),
+      new Dependency('prettier', '^3.6.2'),
+      new Dependency('vitest', '^3.2.4'),
+    ],
+    additionalData: {
+      version: '0.1.0',
+      private: true,
+      type: 'module',
+      scripts: {
+        dev: 'tsx watch src/index.ts',
+        build: 'tsup src/index.ts',
+        start: 'node dist/index.mjs',
+        lint: 'eslint .',
+        format: 'prettier . --write',
+        test: 'vitest run',
+        'test:watch': 'vitest',
+      },
+    },
+  });
+
+  return new PackageJsonGenerator(packageJsonModel, namespace);
+}

package/src/packages/fastify-app/files/eslint-config-file-generator.ts

@@ -0,0 +1,11 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const ESLINT_CONFIG = `import base from '@stack-dev/eslint-config/base.mjs';
+
+export default [...base, { ignores: ['**/dist/**'] }];
+`;
+
+export const ESLINT_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'eslint.config.mjs',
+  ESLINT_CONFIG,
+);

package/src/packages/fastify-app/files/index-file-generator.ts

@@ -0,0 +1,144 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const INDEX = `import Fastify from "fastify";
+import fastifySwagger from "@fastify/swagger";
+import fastifySwaggerUI from "@fastify/swagger-ui";
+
+const fastify = Fastify({
+  logger: {
+    transport: {
+      target: "pino-pretty",
+    },
+    serializers: {
+      res(reply) {
+        // The default
+        return {
+          statusCode: reply.statusCode,
+        };
+      },
+      req(request) {
+        return {
+          method: request.method,
+          url: request.url,
+          path: request.routeOptions.url,
+          parameters: request.params,
+          // Including headers in the log could violate privacy laws,
+          // e.g., GDPR. Use the "redact" option to remove sensitive
+          // fields. It could also leak authentication data in the logs.
+          headers: request.headers,
+        };
+      },
+    },
+  },
+});
+
+await registerSwagger();
+
+registerRoutes();
+
+function registerRoutes() {
+  fastify.get("/", async (request, reply) => {
+    return { hello: "world", docs: "/docs" };
+  });
+
+  fastify.get<{
+    Params: { a: string; b: string };
+  }>(
+    "/add/:a/:b",
+    {
+      schema: {
+        params: {
+          type: "object",
+          properties: {
+            a: { type: "string" },
+            b: { type: "string" },
+          },
+          required: ["a", "b"],
+        },
+        response: {
+          200: {
+            type: "object",
+            properties: {
+              result: { type: "number" },
+            },
+          },
+        },
+      },
+    },
+    async (request, reply) => {
+      // request.params.a should now be recognized as a string
+      const a = Number(request.params.a);
+      const b = Number(request.params.b);
+
+      return { result: a + b };
+    }
+  );
+}
+
+async function registerSwagger() {
+  await fastify.register(fastifySwagger, {
+    openapi: {
+      openapi: "3.0.0",
+      info: {
+        title: "Test swagger",
+        description: "Testing the Fastify swagger API",
+        version: "0.1.0",
+      },
+      servers: [
+        {
+          url: "http://localhost:3000",
+          description: "Development server",
+        },
+      ],
+      components: {
+        securitySchemes: {
+          apiKey: {
+            type: "apiKey",
+            name: "apiKey",
+            in: "header",
+          },
+        },
+      },
+      externalDocs: {
+        url: "https://swagger.io",
+        description: "Find more info here",
+      },
+    },
+  });
+
+  await fastify.register(fastifySwaggerUI, {
+    routePrefix: "/docs",
+    uiConfig: {
+      docExpansion: "list",
+      deepLinking: false,
+    },
+    uiHooks: {
+      onRequest: function (request, reply, next) {
+        next();
+      },
+      preHandler: function (request, reply, next) {
+        next();
+      },
+    },
+    staticCSP: true,
+    transformStaticCSP: (header) => header,
+    transformSpecification: (swaggerObject, request, reply) => {
+      return swaggerObject;
+    },
+    transformSpecificationClone: true,
+  });
+}
+
+async function start() {
+  try {
+    await fastify.listen({ port: 3000 });
+  } catch (err) {
+    fastify.log.error(err);
+    process.exit(1);
+  }
+}
+
+start();
+`;
+
+export const INDEX_FILE_GENERATOR = new FileGeneratorImp('src/index.ts', INDEX);

package/src/packages/fastify-app/files/prettier-config-file-generator.ts

@@ -0,0 +1,11 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const PRETTIER_CONFIG = `import base from '@stack-dev/prettier-config/base.mjs';
+
+export default base;
+`;
+
+export const PRETTIER_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'prettier.config.mjs',
+  PRETTIER_CONFIG,
+);

package/src/packages/fastify-app/files/tsconfig-file-generator.ts

@@ -0,0 +1,15 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const TSCONFIG = `{
+  "extends": "@stack-dev/typescript-config/tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}
+`;
+
+export const TSCONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'tsconfig.json',
+  TSCONFIG,
+);

package/src/packages/fastify-app/files/tsup-file-generator.ts

@@ -0,0 +1,20 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const TSUP = `import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/index.ts"],
+  format: ["esm"],
+  dts: false,
+  sourcemap: true,
+  clean: true,
+  target: "esnext",
+  outExtension({ format }) {
+    return {
+      js: format === "esm" ? ".mjs" : ".js",
+    };
+  },
+});
+`;
+
+export const TSUP_FILE_GENERATOR = new FileGeneratorImp('tsup.config.ts', TSUP);

package/src/packages/fastify-app/files/vitest-config-file-generator.ts

@@ -0,0 +1,19 @@
+import { FileGeneratorImp } from '../../../file-generator/file-generator-imp';
+
+const VITEST_CONFIG = `import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    coverage: {
+      provider: 'v8',
+    },
+    environment: 'node',
+  },
+});
+`;
+
+export const VITEST_CONFIG_FILE_GENERATOR = new FileGeneratorImp(
+  'vitest.config.ts',
+  VITEST_CONFIG,
+);

package/src/packages/fastify-app/index.ts

@@ -0,0 +1 @@
+export * from './create-fastify-app';

package/src/packages/index.ts

@@ -1,4 +1,7 @@
+export * from './cli-app';
+export * from './fastify-app';
 export * from './library-package';
 export * from './react-package';
+export * from './vite-react-app';
 
 export * from './create-config-package';

package/src/packages/react-package/create-react-package.ts

@@ -1,20 +1,12 @@
 import { StyleType } from '../../utils/style-type';
-import { createTailwindReactPackage } from './create-tailwind-react-package';
-import { createUnstyledReactPackage } from './create-unstyled-react-package';
-import { createCssReactPackage } from './css-react-package/create-css-react-package';
 import { createStyledComponentsReactPackage } from './styled-components-react-package/create-styled-components-react-package';
+import { createUnstyledReactPackage } from './unstyled-react-package/create-unstyled-react-package';
 
 export async function createReactPackage(
   name: string,
   style: StyleType,
 ): Promise<void> {
   switch (style) {
-    case 'tailwind':
-      await createTailwindReactPackage(name);
-      break;
-    case 'css-modules':
-      await createCssReactPackage(name);
-      break;
     case 'styled-components':
       await createStyledComponentsReactPackage(name);
       break;

package/src/packages/react-package/styled-components-react-package/create-styled-components-react-package.ts

@@ -21,9 +21,7 @@ export async function createStyledComponentsReactPackage(
   const namespace = await getNamespace(rootDir);
   const packageName = `${namespace}/${name}`;
 
-  console.log(
-    `✨ Creating Styled Components Modules React library: ${packageName}`,
-  );
+  console.log(`✨ Creating Styled Components React library: ${packageName}`);
 
   const generator = new PackageGenerator(
     directory,