feat: 一键修改包名 (#2378)

irisSong · web-flow · commit 2c62aff16dbf · 2024-06-27T18:07:40.000+08:00
* feat: 包名一键迁移

* fix: 修改包名

* chore: 移除备选写法

* fix: 修改匹配条件

* fix: 修改匹配条件

* fix: 单个替换移除判断

* fix: 区分内外部

* fix: 修改查找的节点

* fix: 更新包名+ReadMe
diff --git a/packages/nutui-codemod/README.md b/packages/nutui-codemod/README.md
@@ -3,7 +3,7 @@
 一组帮助你升级到 NutUI React 2.x 的 codemod 脚本集合，基于 [jscodeshift](https://github.com/facebook/jscodeshift) 构建。
 
 ## 安装和使用
-在运行 codemod 脚本钱，请先提交你本地代码的修改。
+在运行 codemod 脚本前，请先提交你本地代码的修改。
 
 ### 针对 @nutui/nutui-react 的升级可采用下面的脚本
 ```shell
@@ -82,3 +82,27 @@ const App = () => {
 export default App
 
 ```
+
+`package-name-migration`
+- 包名替换
+
+```shell
+# 使用 npx 直接运行
+npx -p @nutui/nutui-react-codemod nutui-react-codemod src -taro -internal
+
+# 或者使用 pnpm 直接运行
+pnpm --package=@nutui/nutui-react-codemod  dlx nutui-react-codemod src -taro -internal
+```
+
+```diff
+- import { Button, Collapse } from "@nutui/nutui-react-taro";
+- import { Cell } from '@nutui/nutui-react-taro/dist/components/cell/index';
+- import '@nutui/nutui-react-taro/dist/components/cell/index';
+- import "@nutui/nutui-react-taro/dist/style.css";
+- import NutUI from "@nutui/nutui-react-taro";
++ import { Button, Collapse } from "@dongdesign/components";
++ import { Cell } from "@dongdesign/components/dist/components/cell/index";
++ import "@dongdesign/components/dist/components/cell/index";
++ import "@dongdesign/components/dist/style.css";
++ import NutUI from "@dongdesign/components";
+```
diff --git a/packages/nutui-codemod/bin/cli.js b/packages/nutui-codemod/bin/cli.js
@@ -11,6 +11,8 @@ const transformers = [
   'icon-migration',
   'props-changed-migration',
 ]
+process.argv.indexOf('-internal') > -1 &&
+  transformers.push('package-name-migration')
 const transformersDir = path.join(__dirname, '../transforms')
 const ignoreConfig = path.join(__dirname, './codemod.ignore')
 
diff --git a/packages/nutui-codemod/bin/config/index.js b/packages/nutui-codemod/bin/config/index.js
@@ -1,10 +1,12 @@
 const pkgVersion = process.argv.indexOf('-taro') > -1 ? 'taro' : 'h5'
 const pkgInfo = {
   h5: {
+    dongDesign: '@dongdesign/ui',
     icon: '@nutui/icons-react',
     ui: '@nutui/nutui-react',
   },
   taro: {
+    dongDesign: '@dongdesign/ui',
     icon: '@nutui/icons-react-taro',
     ui: '@nutui/nutui-react-taro',
   },
diff --git a/packages/nutui-codemod/transforms/package-name-migration.js b/packages/nutui-codemod/transforms/package-name-migration.js
@@ -0,0 +1,15 @@
+const findImportDeclaration = require('./utils/find-importDeclaration')
+
+module.exports = (file, api, options) => {
+  const j = api.jscodeshift
+  const root = j(file.source)
+  const literals = findImportDeclaration(j, root, options.pkgInfo)
+  literals.forEach((path) => {
+    path.node.source.value = path.node.source.value.replace(
+      options.pkgInfo.ui,
+      options.pkgInfo.dongDesign
+    )
+  })
+
+  return root.toSource()
+}
diff --git a/packages/nutui-codemod/transforms/utils/find-importDeclaration.js b/packages/nutui-codemod/transforms/utils/find-importDeclaration.js
@@ -0,0 +1,7 @@
+function findImportDeclaration(j, pathCollection, pkgInfo) {
+  return pathCollection.find(j.ImportDeclaration).filter((path) => {
+    return path.node.source && path.node.source.value.indexOf(pkgInfo.ui) !== -1
+  })
+}
+
+module.exports = findImportDeclaration

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,8 @@ const transformers = [`
`11`	`11`	`'icon-migration',`
`12`	`12`	`'props-changed-migration',`
`13`	`13`	`]`
	`14`	`+process.argv.indexOf('-internal') > -1 &&`
	`15`	`+ transformers.push('package-name-migration')`
`14`	`16`	`const transformersDir = path.join(__dirname, '../transforms')`
`15`	`17`	`const ignoreConfig = path.join(__dirname, './codemod.ignore')`
`16`	`18`