chore: update

Author: Simon he

README.md

@@ -29,6 +29,25 @@ import {
 
 ```
 
+## writeFile
+- 快速修改文件内容,支持多个文件同时修改
+- 参数:
+  - filePath: string | string[] 文件路径
+  - callback: (content: string, index: number) => string 传入文件string类型的内容,可以修改后返回新的内容
+```js
+writeFile('./a.js', (content) => {
+  return content.replace('a', 'b')
+})
+```
+
+## insertUnocssInclude
+- unocss作为props传入的组件打包会丢失注释// @unocss-include,这个函数会自动插入到打包后的文件头部
+- 参数:
+  - path: string | string[] 文件路径, 默认 ['./dist/index.js', './dist/index.mjs']
+```js
+insertUnocssInclude()
+```
+
 ## useIntersectionObserver
 - 监听元素重叠事件
 - 参数:

README_en.md

@@ -28,6 +28,26 @@ import {
  } from 'simon-js-tool' # Ingestion on demand
 
 ```
+
+## writeFile
+- Quickly modify file content, support multiple files to modify at the same time
+- params:
+  - filePath: string | string[]  file path
+  - callback: (content: string, index: number) => string Incoming file string type content can be modified to return new content
+```js
+writeFile('./a.js', (content) => {
+  return content.replace('a', 'b')
+})
+```
+
+## insertUnocssInclude
+- Unocss packaged components passed in as props will lose comments) @unocss-include, this function is automatically inserted into the header of the packaged file
+- params:
+  - path: string | string[] File path, default is ['./dist/index.js', './dist/index.mjs']
+```js
+insertUnocssInclude()
+```
+
 ## useIntersectionObserver
 - Listen for element overlap events
 - Parameters:

package.json

@@ -63,7 +63,7 @@
     "express": "^4.18.1",
     "htmlparser2": "^8.0.1",
     "pkgroll": "^1.3.1",
-    "simon-js-tool": "workspace:^4.0.2",
+    "simon-js-tool": "workspace:^4.0.6",
     "spark-md5": "^3.0.2",
     "three": "^0.142.0",
     "typescript": "^4.7.2",

playground/src/App.vue

@@ -6,14 +6,14 @@ import {
   exportExcel,
   exportPdf,
   fileSplice,
+  insertUnocssInclude,
   jsonExportExcel,
   jsonExportZip,
   picInPic,
   tableExportExcel,
   useElementBounding,
   useIntersectionObserver,
-} from '../../src'
-
+} from 'simon-js-tool'
 const toggle = picInPic('#video')
 </script>
 

pnpm-lock.yaml

@@ -112,3 +112,4 @@ export { ExportPlugin } from './ExportPlugin'
 export { sortByOrder } from './sortByOrder'
 export { useIntersectionObserver } from './useIntersectionObserver'
 export { insertUnocssInclude } from './insertUnocssInclude'
+export { writeFile } from './writeFile'

src/index.ts

@@ -1,15 +1,7 @@
-import fs from 'fs'
-import { isStr } from './isStr'
-export async function insertUnocssInclude(paths: string[] | string = ['./dist/index.js', './dist/index.mjs']): Promise<void> {
+import { writeFile } from './writeFile'
+export function insertUnocssInclude(paths: string[] | string = ['./dist/index.js', './dist/index.mjs']): void {
   const reg = '// @unocss-include \n'
-  if (isStr(paths))
-    paths = [paths as string];
-  (paths as string[]).forEach(async (relativepath) => {
-    const content = await fs.readFileSync('./dist/index.js', 'utf-8').replace(new RegExp(reg, 'g'), '')
-    fs.writeFile(relativepath, `${reg}${content}`, (err) => {
-      if (err)
-        throw err
-    })
+  writeFile(paths, (content) => {
+    return reg + content.replace(new RegExp(reg, 'g'), '')
   })
 }
-