feat: migrate create command to standalone package (#27)

* feat: migrate create command to standalone package

* feat: cancel pkg config

* feat: delete main create and move template

* feat: 迁移

* feat: format

* feat: change release templates pkg dependencies version

* feat: dep

* chore: improve

* chore: improve

* chore: update pnpm-lock.yaml

* chore: add changelog

* chore: update

---------

Co-authored-by: sorrycc <[email protected]>

.changeset/config.json

@@ -15,5 +15,10 @@
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "updateInternalDependents": "always"
   },
-  "ignore": ["@examples/hackernews", "@examples/normal", "@examples/with-antd4"]
+  "ignore": [
+    "@examples/hackernews",
+    "@examples/normal",
+    "@examples/normal",
+    "@examples/with-antd4"
+  ]
 }

.changeset/lemon-melons-sort.md

@@ -0,0 +1,6 @@
+---
+'create-tnf': patch
+'@umijs/tnf': patch
+---
+
+use standalone create-tnf package

.gitignore

@@ -4,3 +4,5 @@
 /examples/*/src/.tailwindcss
 /examples/*/dist
 /examples/*/node_modules
+/create-tnf/node_modules
+/create-tnf/dist

CONTRIBUTING.md

@@ -70,3 +70,17 @@ $ pnpm changeset
 Based on the modified package name, select the type to be published, usually choosing `patch`.Then enter `changelog`.
 
 After the code is merged into the main branch, it will be sent to GitHub CI to automatically change the version number of the corresponding package.
+
+## Release
+
+Release tnf package:
+
+```bash
+$ pnpm release
+```
+
+Release create-tnf package:
+
+```bash
+$ pnpm release:create-tnf
+```

README.md

@@ -40,7 +40,6 @@ $ pnpm preview
 
 ## Commands
 
-- `tnf create <project-name> --template=<template-name>`: Create a new project with the given template.
 - `tnf build`: Build the project.
 - `tnf dev`: Start the development server.
 - `tnf generate/g <type> <name>`: Generate a new page (or component and other types in the future).

create-tnf/.fatherrc.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'father';
+
+export default defineConfig({
+  cjs: {
+    input: 'src',
+    output: 'dist',
+  },
+});

create-tnf/README.md

@@ -0,0 +1,15 @@
+# create-tnf
+
+Create a new TNF project.
+
+## Usage
+
+```bash
+$ npm create tnf
+# Create a new project with the given name and template
+$ npm create tnf <project-name> --template=<template-name>
+```
+
+## LICENSE
+
+MIT

create-tnf/bin/create-tnf.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+require('../dist/cli');

create-tnf/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "create-tnf",
+  "version": "0.0.0-alpha.0",
+  "homepage": "https://github.com/umijs/tnf/tree/master/create-tnf",
+  "bugs": "https://github.com/umijs/tnf/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/umijs/tnf"
+  },
+  "bin": {
+    "create-tnf": "bin/create-tnf.js"
+  },
+  "scripts": {
+    "build": "father build",
+    "doctor": "father doctor",
+    "release": "tsx ../scripts/releasePackage.ts --pkg create-tnf"
+  },
+  "files": [
+    "bin",
+    "dist",
+    "templates"
+  ],
+  "dependencies": {
+    "@types/yargs-parser": "^21.0.3",
+    "@clack/prompts": "^0.7.0",
+    "yargs-parser": "^21.1.1"
+  },
+  "devDependencies": {
+    "father": "^4.5.1",
+    "tsx": "^4.19.2",
+    "typescript": "^5.6.3"
+  },
+  "engines": {
+    "node": ">=18.13"
+  }
+}

create-tnf/src/cli.ts

@@ -0,0 +1,16 @@
+import yargsParser from 'yargs-parser';
+import { create } from './create.js';
+
+async function run(cwd: string) {
+  const argv = yargsParser(process.argv.slice(1));
+  return create({
+    cwd: cwd,
+    name: argv._[0] as string | undefined,
+    template: argv.template,
+  });
+}
+
+run(process.cwd()).catch((err) => {
+  console.error(err.message);
+  process.exit(1);
+});

src/create.ts → create-tnf/src/create.ts

@@ -1,6 +1,6 @@
 import { intro, isCancel, outro, select, text } from '@clack/prompts';
 import fs from 'fs';
-import path from 'pathe';
+import path from 'path';
 
 export async function create({
   cwd,
@@ -12,6 +12,7 @@ export async function create({
   template?: string;
 }) {
   intro('Creating a new project...');
+
   const templatesPath = path.join(__dirname, '../templates');
   const templateList = fs
     .readdirSync(templatesPath)

create-tnf/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@total-typescript/tsconfig/bundler/no-dom",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src"]
+}

package.json

@@ -1,6 +1,12 @@
 {
   "name": "@umijs/tnf",
   "version": "0.1.2",
+  "homepage": "https://github.com/umijs/tnf",
+  "bugs": "https://github.com/umijs/tnf/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/umijs/tnf"
+  },
   "scripts": {
     "build": "father build",
     "changeset": "tsx scripts/changeset.ts && changeset",
@@ -9,6 +15,7 @@
     "dev": "father dev",
     "format": "prettier --write .",
     "release": "tsx scripts/release.ts",
+    "release:create-tnf": "pnpm --filter create-tnf release",
     "test": "vitest",
     "test:e2e": "tsx scripts/e2e.ts"
   },

pnpm-workspace.yaml

@@ -1,3 +1,4 @@
 packages:
   - "."
+  - "create-tnf"
   - "examples/*"

scripts/release.ts

@@ -30,7 +30,7 @@ import 'zx/globals';
   );
 
   console.log('update templates');
-  const templateDir = path.join(__dirname, '../templates');
+  const templateDir = path.join(__dirname, '../create-tnf/templates');
   const templateDirs = fs
     .readdirSync(templateDir)
     .filter((dir) => fs.statSync(path.join(templateDir, dir)).isDirectory());

scripts/releasePackage.ts

@@ -0,0 +1,33 @@
+import assert from 'assert';
+import 'zx/globals';
+
+(async () => {
+  const pkg = argv.pkg;
+  assert(pkg, 'pkg is required, specify with --pkg <pkg-name>');
+  const pkgDir = path.join(__dirname, '../', pkg);
+  assert(fs.existsSync(pkgDir), `pkg ${pkg} not found: ${pkgDir}`);
+
+  console.log('Building package...');
+  await $`cd ${pkgDir} && npm run build`;
+
+  console.log('Bumping version...');
+  const npmVersion = argv.minor ? 'minor' : 'patch';
+  await $`cd ${pkgDir} && npm version ${npmVersion}`;
+
+  console.log('Publishing package...');
+  await $`cd ${pkgDir} && npm publish`;
+
+  console.log('Adding to git...');
+  await $`pnpm install`;
+  const newVersion = require(path.join(pkgDir, 'package.json')).version;
+  await $`git add ${pkgDir}`;
+  await $`git commit -m "release: ${pkg}@${newVersion}"`;
+
+  console.log('Pushing to git...');
+  await $`git push`;
+
+  console.log(`Published ${pkg}@${newVersion}`);
+})().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

src/cli.ts

@@ -15,13 +15,6 @@ async function run(cwd: string) {
   const cmd = argv._[0];
   assert(cmd, 'Command is required');
   switch (cmd) {
-    case 'create':
-      const { create } = await import('./create.js');
-      return create({
-        cwd: cwd,
-        name: argv._[1] as string | undefined,
-        template: argv.template,
-      });
     case 'build':
       const { build } = await import('./build.js');
       return build({