jaywcjlove · Mar 29, 2023 · Mar 29, 2023 · Mar 29, 2023
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -1,18 +1,23 @@
-name: Build & Deploy
-on:
-  push:
-    branches:
-      - master
+name: Node.js CI
+
+on: push
 
 jobs:
-  build-deploy:
+  test:
+    name: Ubuntu Node.js ${{ matrix.node-version }}
+    # Containers must run in Linux based operating systems
     runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        node-version:
+          - 18
+          - 16
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
-          registry-url: 'https://registry.npmjs.org'
+          node-version: ${{ matrix.node-version }}
 
       - run: npm install
       - run: npm run build
@@ -76,107 +81,3 @@ jobs:
       - name: example @example/vue
         working-directory: examples/vue
         run: npm run build
-
-      - run: npm install idoc@1.25.0 -g
-      - run: idoc -s "TSBB {{version}}"
-        working-directory: packages/tsbb
-
-      - name: Generate Contributors Images
-        uses: jaywcjlove/github-action-contributors@main
-        with:
-          filter-author: (renovate\[bot\]|renovate-bot|dependabot\[bot\])
-          output: ./packages/tsbb/dist/CONTRIBUTORS.svg
-          avatarSize: 36
-
-      - name: Is a tag created auto?
-        id: create_tag
-        uses: jaywcjlove/create-tag-action@main
-        with:
-          package-path: ./packages/tsbb/package.json
-
-      - name: get tag version
-        id: tag_version
-        uses: jaywcjlove/changelog-generator@main
-
-      - name: Build and Deploy
-        uses: peaceiris/actions-gh-pages@v3
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          commit_message: ${{steps.tag_version.outputs.tag}} ${{ github.event.head_commit.message }}
-          user_name: 'github-actions[bot]'
-          user_email: 'github-actions[bot]@users.noreply.github.com'
-          force_orphan: true
-          publish_branch: gh-pages
-          publish_dir: ./packages/tsbb/dist/
-
-      - name: Generate Changelog
-        id: changelog
-        uses: jaywcjlove/changelog-generator@main
-        if: steps.create_tag.outputs.successful
-        with:
-          head-ref: ${{ steps.create_tag.outputs.version }}
-          filter-author: (renovate-bot|Renovate Bot)
-          filter: '[R|r]elease[d]\s+[v|V]\d(\.\d+){0,2}'
-
-      - name: Create Release
-        uses: jaywcjlove/create-tag-action@main
-        with:
-          package-path: ./packages/tsbb/package.json
-          release: true
-          body: |
-            [![](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/tsbb@${{steps.create_tag.outputs.versionNumber}}/file/README.md)
-
-            Documentation ${{ steps.changelog.outputs.tag }}: https://raw.githack.com/jaywcjlove/tsbb/${{ steps.changelog.outputs.gh-pages-short-hash }}/index.html  
-            Comparing Changes: ${{ steps.changelog.outputs.compareurl }}  
-
-            ```bash
-            npm i tsbb@${{steps.create_tag.outputs.versionNumber}}
-            ```
-
-            ${{ steps.changelog.outputs.changelog }}
-
-      - run: npm publish --access public
-        name: 📦  tsbb publish to NPM
-        continue-on-error: true
-        working-directory: packages/tsbb
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: copy example to create-tsbb
-        working-directory: packages/create-tsbb
-        run: npm run copy
-
-      - run: npm publish --access public
-        name: 📦  create-tsbb publish to NPM
-        continue-on-error: true
-        working-directory: packages/create-tsbb
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - run: npm publish --access public
-        name: 📦  @tsbb/typescript publish to NPM
-        continue-on-error: true
-        working-directory: packages/typescript
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - run: npm publish --access public
-        name: 📦  @tsbb/jest publish to NPM
-        continue-on-error: true
-        working-directory: packages/jest
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - run: npm publish --access public
-        name: 📦  @tsbb/core publish to NPM
-        continue-on-error: true
-        working-directory: packages/core
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - run: npm publish --access public
-        name: 📦  @tsbb/babel publish to NPM
-        continue-on-error: true
-        working-directory: packages/babel
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -0,0 +1,182 @@
+name: Build & Deploy
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          registry-url: 'https://registry.npmjs.org'
+
+      - run: npm install
+      - run: npm run build
+      - run: npm install
+      - run: npm run build:create-tsbb
+      - run: npm run build:template
+      - run: npm run type-check
+
+      - name: copy create-tsbb examples
+        working-directory: packages/create-tsbb
+        run: npm run copy
+
+      - name: example @example/babel-transform-ts
+        working-directory: examples/babel-transform-ts
+        run: npm run build
+
+      - name: example @example/basic
+        working-directory: examples/basic
+        run: npm run build && npm run coverage
+
+      - name: example @example/express
+        working-directory: examples/express
+        run: npm run build
+
+      - name: example @example/hapi
+        working-directory: examples/hapi
+        run: npm run build
+
+      - name: example @example/koa
+        working-directory: examples/koa
+        run: npm run build
+
+      - name: example @example/react-component
+        working-directory: examples/react-component
+        env:
+          CI: true
+        run: |
+          npm run build 
+          npm run doc
+          npm run coverage
+
+      - name: example @example/react-component-tsx
+        working-directory: examples/react-component-tsx
+        env:
+          CI: true
+        run: |
+          npm run build
+          npm run doc
+          npm run coverage
+          cd lib/
+          ls -al
+
+      - name: example @example/typenexus
+        working-directory: examples/typenexus
+        run: npm run build && npm run coverage
+
+      - name: example @example/umd
+        working-directory: examples/umd
+        run: npm run build && npm run coverage
+
+      - name: example @example/vue
+        working-directory: examples/vue
+        run: npm run build
+
+      - run: npm install idoc@1.25.0 -g
+      - run: idoc -s "TSBB {{version}}"
+        working-directory: packages/tsbb
+
+      - name: Generate Contributors Images
+        uses: jaywcjlove/github-action-contributors@main
+        with:
+          filter-author: (renovate\[bot\]|renovate-bot|dependabot\[bot\])
+          output: ./packages/tsbb/dist/CONTRIBUTORS.svg
+          avatarSize: 36
+
+      - name: Is a tag created auto?
+        id: create_tag
+        uses: jaywcjlove/create-tag-action@main
+        with:
+          package-path: ./packages/tsbb/package.json
+
+      - name: get tag version
+        id: tag_version
+        uses: jaywcjlove/changelog-generator@main
+
+      - name: Build and Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          commit_message: ${{steps.tag_version.outputs.tag}} ${{ github.event.head_commit.message }}
+          user_name: 'github-actions[bot]'
+          user_email: 'github-actions[bot]@users.noreply.github.com'
+          force_orphan: true
+          publish_branch: gh-pages
+          publish_dir: ./packages/tsbb/dist/
+
+      - name: Generate Changelog
+        id: changelog
+        uses: jaywcjlove/changelog-generator@main
+        if: steps.create_tag.outputs.successful
+        with:
+          head-ref: ${{ steps.create_tag.outputs.version }}
+          filter-author: (renovate-bot|Renovate Bot)
+          filter: '[R|r]elease[d]\s+[v|V]\d(\.\d+){0,2}'
+
+      - name: Create Release
+        uses: jaywcjlove/create-tag-action@main
+        with:
+          package-path: ./packages/tsbb/package.json
+          release: true
+          body: |
+            [![](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/tsbb@${{steps.create_tag.outputs.versionNumber}}/file/README.md)
+
+            Documentation ${{ steps.changelog.outputs.tag }}: https://raw.githack.com/jaywcjlove/tsbb/${{ steps.changelog.outputs.gh-pages-short-hash }}/index.html  
+            Comparing Changes: ${{ steps.changelog.outputs.compareurl }}  
+
+            ```bash
+            npm i tsbb@${{steps.create_tag.outputs.versionNumber}}
+            ```
+
+            ${{ steps.changelog.outputs.changelog }}
+
+      - run: npm publish --access public
+        name: 📦  tsbb publish to NPM
+        continue-on-error: true
+        working-directory: packages/tsbb
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: copy example to create-tsbb
+        working-directory: packages/create-tsbb
+        run: npm run copy
+
+      - run: npm publish --access public
+        name: 📦  create-tsbb publish to NPM
+        continue-on-error: true
+        working-directory: packages/create-tsbb
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - run: npm publish --access public
+        name: 📦  @tsbb/typescript publish to NPM
+        continue-on-error: true
+        working-directory: packages/typescript
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - run: npm publish --access public
+        name: 📦  @tsbb/jest publish to NPM
+        continue-on-error: true
+        working-directory: packages/jest
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - run: npm publish --access public
+        name: 📦  @tsbb/core publish to NPM
+        continue-on-error: true
+        working-directory: packages/core
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - run: npm publish --access public
+        name: 📦  @tsbb/babel publish to NPM
+        continue-on-error: true
+        working-directory: packages/babel
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/examples/babel-transform-ts/package.json b/examples/babel-transform-ts/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@template/babel-transform-ts",
   "private": true,
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "Transform Typescript Example.",
   "scripts": {
     "watch": "tsbb watch 'src/**/*.ts' --use-babel --no-esm",
@@ -17,6 +17,6 @@
   "keywords": [],
   "license": "MIT",
   "devDependencies": {
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   }
 }
diff --git a/examples/basic/package.json b/examples/basic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@template/basic",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "Basic Example.",
   "license": "MIT",
   "private": true,
@@ -17,6 +17,6 @@
   },
   "keywords": [],
   "devDependencies": {
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   }
 }
diff --git a/examples/express/package.json b/examples/express/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@template/express",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "private": true,
   "description": "Express Example.",
   "scripts": {
@@ -31,7 +31,7 @@
     "@types/http-errors": "~2.0.1",
     "nodemon": "~2.0.22",
     "ts-node-dev": "~2.0.0",
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   },
   "dependencies": {
     "compression": "~1.7.4",

diff --git a/examples/hapi/package.json b/examples/hapi/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@template/hapi",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "private": true,
   "description": "hapi Example.",
   "main": "index.js",
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "nodemon": "~2.0.22",
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   },
   "dependencies": {
     "@hapi/hapi": "^21.3.0"

diff --git a/examples/koa/package.json b/examples/koa/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@template/koa",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "private": true,
   "description": "Koa Example",
   "scripts": {
@@ -28,7 +28,7 @@
   "devDependencies": {
     "@types/koa": "^2.13.5",
     "nodemon": "~2.0.22",
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   },
   "dependencies": {
     "koa": "^2.14.1"

diff --git a/examples/react-component-tsx/package.json b/examples/react-component-tsx/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@template/react-component-tsx",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "React Component Example for TypeScript.",
   "private": true,
   "main": "lib/index.js",
@@ -51,7 +51,7 @@
     "prettier": "^2.8.6",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   },
   "eslintConfig": {
     "extends": [

diff --git a/examples/react-component/package.json b/examples/react-component/package.json
@@ -1,11 +1,11 @@
 {
   "name": "@template/react-component",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "private": true,
   "description": "React Component Example.",
   "scripts": {
-    "watch": "tsbb watch src/*.{jsx,js} --useBabel",
-    "build": "tsbb build src/*.{jsx,js} --useBabel && npm run css:build && npm run css:build:dist",
+    "watch": "tsbb watch src/*.{jsx,js,d.ts} --useBabel",
+    "build": "tsbb build src/*.{jsx,js,d.ts} --useBabel && npm run css:build && npm run css:build:dist",
     "css:build": "compile-less -d src -o esm",
     "css:watch": "compile-less -d src -o esm --watch",
     "css:build:dist": "compile-less -d src --combine dist/markdown-editor.css --rm-global",
@@ -43,7 +43,7 @@
     "less": "~4.1.3",
     "parcel": "~2.8.3",
     "react-test-renderer": "~18.2.0",
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   },
   "dependencies": {
     "@parcel/transformer-react-refresh-wrap": "~2.8.3",

diff --git a/examples/typenexus/package.json b/examples/typenexus/package.json
@@ -2,7 +2,7 @@
   "name": "@template/typenexus",
   "private": true,
   "type": "module",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "TypeNexus Example.",
   "scripts": {
     "start": "npm run build && node dist/main.js",
@@ -32,6 +32,6 @@
     "supertest": "^6.3.3",
     "supertest-session": "^4.1.0",
     "ts-node": "^10.9.1",
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   }
 }
diff --git a/examples/umd/package.json b/examples/umd/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@template/umd",
   "private": true,
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "UMD Example.",
   "scripts": {
     "watch": "tsbb watch",
@@ -16,6 +16,6 @@
   "keywords": [],
   "license": "MIT",
   "devDependencies": {
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   }
 }
diff --git a/examples/vue/package.json b/examples/vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@template/vue",
   "private": true,
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -15,6 +15,6 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   }
 }
diff --git a/lerna.json b/lerna.json
@@ -1,5 +1,5 @@
 {
-  "version": "4.0.1",
+  "version": "4.0.2",
   "packages": ["examples/*", "packages/*"],
   "useWorkspaces": true
 }
diff --git a/packages/babel/package.json b/packages/babel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tsbb/babel",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "TSBB is a zero-config CLI that helps you develop, test, and publish modern TypeScript project.",
   "author": "kenny wang <wowohoo@qq.com>",
   "homepage": "https://jaywcjlove.github.io/tsbb",
@@ -38,7 +38,7 @@
     "@babel/preset-env": "~7.20.2",
     "@babel/preset-react": "~7.18.6",
     "@babel/preset-typescript": "~7.21.0",
-    "@tsbb/typescript": "4.0.1",
+    "@tsbb/typescript": "4.0.2",
     "@types/babel__core": "^7.20.0",
     "@types/semver": "~7.3.13",
     "@vue/babel-plugin-jsx": "~1.1.1",

diff --git a/packages/babel/src/index.ts b/packages/babel/src/index.ts
@@ -1,9 +1,8 @@
 import fs from 'fs-extra';
 import path from 'node:path';
-import { Log, __dirname } from '@tsbb/typescript';
+import { Log, getEmojiIcon, getExt, __dirname } from '@tsbb/typescript';
 import { TransformOptions } from '@babel/core';
 import babelPluginJsx from '@vue/babel-plugin-jsx';
-// import { TransformOptions } from '@babel/core';
 import { transform } from './transform.js';
 import { getOutputPath } from './utils.js';
 import { getCjsTransformOption, getESMTransformOption } from './config.js';
@@ -126,13 +125,15 @@ function transformFile(
     .then((result) => {
       fs.ensureFileSync(outputFile);
       fs.writeFile(outputFile, result?.code || '');
-      log.icon('🐶').success(`┈┈▶ \x1b[33;1m${folderFilePath}\x1b[0m => \x1b[33;1m${outFileName}\x1b[0m`);
+      log
+        .icon(getEmojiIcon(outputFile))
+        .success(`${getExt(outFileName)}┈┈▶ \x1b[33;1m${folderFilePath}\x1b[0m => \x1b[33;1m${outFileName}\x1b[0m`);
       if (options.sourceMaps === 'both' || options.sourceMaps) {
         if (result?.map) {
           const sourceMapPath = path.join(outputFile + '.map');
           fs.writeFileSync(sourceMapPath, JSON.stringify(result?.map, null, 2));
           log
-            .icon('🐶')
+            .icon(getEmojiIcon(outputFile))
             .success(
               `┈┈▶ \x1b[33;1m${folderFilePath}\x1b[0m => \x1b[33;1m${path.relative(
                 projectDirectory,

diff --git a/packages/babel/src/utils.ts b/packages/babel/src/utils.ts
@@ -6,7 +6,7 @@ import { BabelCompileOptions } from './index.js';
  * Convert suffix
  */
 export const convertExtname = (str: string = '') => {
-  return str.replace(/\.(m?js|m?ts)$/i, '.js').replace(/\.(jsx?|tsx?|c?js)$/i, '.js');
+  return str.replace(/\.(m?ts|m?js|jsx?|tsx?|c?js)(?<!\.d\.ts)$/i, '.js');
 };
 
 interface OutputPathResult {

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tsbb/core",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "TSBB is a zero-config CLI that helps you develop, test, and publish modern TypeScript project.",
   "author": "kenny wang <wowohoo@qq.com>",
   "homepage": "https://jaywcjlove.github.io/tsbb",
@@ -32,9 +32,9 @@
     "node": ">=16.0.0"
   },
   "dependencies": {
-    "@tsbb/babel": "4.0.1",
-    "@tsbb/jest": "4.0.1",
-    "@tsbb/typescript": "4.0.1",
+    "@tsbb/babel": "4.0.2",
+    "@tsbb/jest": "4.0.2",
+    "@tsbb/typescript": "4.0.2",
     "@types/fs-extra": "^11.0.1",
     "chokidar": "~3.5.3",
     "fs-extra": "^11.1.1",

diff --git a/packages/core/src/watcher/babelTransform.ts b/packages/core/src/watcher/babelTransform.ts
@@ -1,5 +1,5 @@
 import babelCompile, { getOutputPath } from '@tsbb/babel';
-import tsCompile, { findConfigFile, Log, getRootsFolderName, CopyFilesOptions } from '@tsbb/typescript';
+import tsCompile, { findConfigFile, Log, getExt, getRootsFolderName, CopyFilesOptions } from '@tsbb/typescript';
 import path from 'node:path';
 import ts from 'typescript';
 import fs from 'fs-extra';
@@ -11,26 +11,42 @@ export function babelTransform(options: CompileOptions = {}) {
   const rootDirsRelative = [...new Set(getRootsFolderName(options.entry))];
   const entry = rootDirsRelative.map((item) => path.resolve(item));
   const onFilesChange: CopyFilesOptions['onFilesChange'] = (eventName, filepath, stats) => {
-    if (/\.(m?js|jsx?|m?ts|tsx?|c?js)$/i.test(filepath) && !/\.d\.ts$/i.test(filepath)) {
-      const log = new Log();
-      if (/^(add|change)$/.test(eventName)) {
+    if (/\.(m?js|jsx?|m?ts|tsx?|c?js)$/i.test(filepath)) {
+      const log = new Log().name();
+      const dt = getOutputPath(filepath, options);
+      if (/^(add|change)$/.test(eventName) && !/\.d\.ts$/i.test(filepath)) {
         babelCompile(filepath, { ...options });
+      } else if (/\.d\.ts$/i.test(filepath)) {
+        if (typeof cjs !== 'boolean') {
+          fs.ensureDirSync(path.dirname(dt.cjs.path));
+          fs.copyFile(filepath, dt.cjs.path);
+          log
+            .icon('🐶')
+            .success(
+              `${getExt(filepath)}┈┈▶ \x1b[32;1m${dt.folderFilePath}\x1b[0m => \x1b[34;1m${dt.cjs.tsFileName}\x1b[0m`,
+            );
+        }
+        if (typeof esm !== 'boolean') {
+          fs.ensureDirSync(path.dirname(dt.esm.path));
+          fs.copyFile(filepath, dt.esm.path);
+          log
+            .icon('🐶')
+            .success(
+              `${getExt(filepath)}┈┈▶ \x1b[32;1m${dt.folderFilePath}\x1b[0m => \x1b[34;1m${dt.esm.tsFileName}\x1b[0m`,
+            );
+        }
       }
       if (/^(unlink|unlinkDir)$/.test(eventName)) {
-        const dt = getOutputPath(filepath, options);
         fs.remove(dt.cjs.path);
         fs.remove(dt.esm.path);
-        log
-          .name()
-          .icon('🗑️')
-          .success(`┈┈▶ \x1b[32;1m${path.relative(process.cwd(), filepath)}\x1b[0m`);
+        log.icon('🗑️').success(`┈┈▶ \x1b[32;1m${path.relative(process.cwd(), filepath)}\x1b[0m`);
       }
     }
   };
   const onReady = () => {
     const log = new Log();
     if (!options.watch) {
-      log.name().icon('\n🎉').error('\x1b[32;1mCompilation successful!\x1b[0m\n');
+      // log.name().icon('\n🎉').error('\x1b[32;1mCompilation successful!\x1b[0m\n');
     } else {
       log.name().icon('\n🎉').error('\x1b[32;1mWatching for file changes.\x1b[0m\n');
     }
@@ -69,5 +85,5 @@ const writeFile = (to: string, target: string, fileName: string, content: string
   const log = new Log();
   log.name();
   ts.sys.writeFile(to, content, writeByteOrderMark);
-  log.icon('🐳').success(`┈┈▶ [ts] \x1b[32;1m${fileName}\x1b[0m => \x1b[34;1m${target}\x1b[0m`);
+  log.icon('🐳').success(`${getExt(fileName)}┈┈▶ \x1b[32;1m${fileName}\x1b[0m => \x1b[34;1m${target}\x1b[0m`);
 };
diff --git a/packages/create-tsbb/package.json b/packages/create-tsbb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-tsbb",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "Creates a TSBB application using the command line.",
   "homepage": "https://jaywcjlove.github.io/tsbb/create-tsbb.html",
   "author": "Kenny Wong <wowohoo@qq.com> (https://github.com/jaywcjlove)",
@@ -55,6 +55,6 @@
   },
   "devDependencies": {
     "cpy": "^9.0.1",
-    "tsbb": "4.0.1"
+    "tsbb": "4.0.2"
   }
 }
diff --git a/packages/jest/package.json b/packages/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tsbb/jest",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "TSBB is a zero-config CLI that helps you develop, test, and publish modern TypeScript project.",
   "author": "kenny wang <wowohoo@qq.com>",
   "homepage": "https://jaywcjlove.github.io/tsbb",

diff --git a/packages/tsbb/README.md b/packages/tsbb/README.md
@@ -27,6 +27,8 @@ TSBB is a CLI tool that enables the development, testing, and publishing of mode
 
 `TypeScript + Babel` = `TSBB`
 
+Migrate from tsbb [3.x to 4.x](https://github.com/jaywcjlove/tsbb/issues/439).
+
 ## `Features`
 
 - 🔥 Single dependency zero-configuration

diff --git a/packages/tsbb/package.json b/packages/tsbb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tsbb",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "TSBB is a zero-config CLI that helps you develop, test, and publish modern TypeScript project.",
   "author": "kenny wang <wowohoo@qq.com>",
   "homepage": "https://jaywcjlove.github.io/tsbb",
@@ -33,6 +33,6 @@
     "node": ">=16.0.0"
   },
   "dependencies": {
-    "@tsbb/core": "4.0.1"
+    "@tsbb/core": "4.0.2"
   }
 }
diff --git a/packages/typescript/package.json b/packages/typescript/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tsbb/typescript",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "TSBB is a zero-config CLI that helps you develop, test, and publish modern TypeScript project.",
   "author": "kenny wang <wowohoo@qq.com>",
   "homepage": "https://jaywcjlove.github.io/tsbb",

diff --git a/packages/typescript/src/utils.ts b/packages/typescript/src/utils.ts
@@ -27,8 +27,8 @@ const getLnCol = (text: string = '', pos: number = 0) => {
   return { ln: lineNum, col: lineStartPos, text: lines[lineNum - 1] };
 };
 
-const getEmoji = (extname: string) => {
-  let ext = extname.toLocaleUpperCase().replace(/^\./, '');
+export const getExt = (extname: string) => {
+  let ext = path.extname(extname).toLocaleUpperCase().replace(/^\./, '');
   ext = ext.padEnd(4, ' ');
   if (/^MAP/.test(ext)) {
     return `\x1b[34;1m${ext}\x1b[0m`;
@@ -41,16 +41,20 @@ const getEmoji = (extname: string) => {
   }
 };
 
+export const getEmojiIcon = (fileName: string) => {
+  let icon = /.d.ts$/i.test(fileName) ? '🐳' : '👉';
+  icon = /.js.map$/i.test(fileName) ? '🚩' : icon;
+  return icon;
+};
+
 export const writeFile = (fileName: string, data: string, writeByteOrderMark?: boolean) => {
   const outputFile = path.join(process.cwd(), fileName);
   ts.sys.writeFile(outputFile, data, writeByteOrderMark);
   const log = new Log();
-  let icon = /.d.ts$/i.test(fileName) ? '🐳' : '👉';
-  icon = /.js.map$/i.test(fileName) ? '🚩' : icon;
   log
     .name()
-    .icon(icon)
-    .success(`${getEmoji(path.extname(fileName))}┈┈▶ \x1b[32;1m${fileName}\x1b[0m`);
+    .icon(getEmojiIcon(fileName))
+    .success(`${getExt(fileName)}┈┈▶ \x1b[32;1m${fileName}\x1b[0m`);
 };
 
 export const getSourceFile: ts.CompilerHost['getSourceFile'] = (fileName, languageVersion, onError) => {