create-packer 1.25.22 → 1.25.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.25.22",
+  "version": "1.25.24",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",

package/template/web-app/next/.gitignore

@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+.history
 
 # testing
 /coverage
@@ -23,6 +24,7 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-lock.yaml
 
 # local env files
 .env*.local

package/template/web-app/next/package.json

@@ -31,6 +31,7 @@
         "@commitlint/cli": "17.6.7",
         "@commitlint/config-conventional": "17.6.7",
         "@commitlint/cz-commitlint": "17.6.7",
+        "commitizen": "4.3.0",
         "eslint-plugin-import": "2.27.5",
         "eslint-plugin-prettier": "5.0.0",
         "husky": "8.0.3",

package/template/web-app/react/hooks/index.ts

@@ -1,4 +1,5 @@
 export { default as useLoadingAction } from './useLoadingAction'
 export { default as useInterval } from './useInterval'
 export { default as useVisible } from './useVisible'
+export { default as useLowPriorityState } from './useLowPriorityState'
 export * from './useSyncState'

package/template/web-app/react/hooks/useLowPriorityState.ts

@@ -0,0 +1,26 @@
+import { useEffect, useState, useTransition, DependencyList } from 'react'
+
+/**
+ *
+ * @param callback
+ * @param watches If set, it is autorun callback
+ * @returns
+ */
+export default function useLowPriorityState<V>(callback: () => V, watches?: DependencyList) {
+    const [value, setValue] = useState<V>(callback)
+    const [loading, startTransition] = useTransition()
+
+    function startLoad() {
+        startTransition(() => {
+            setValue(callback())
+        })
+    }
+
+    useEffect(() => {
+        if (watches) {
+            startLoad()
+        }
+    }, watches)
+
+    return [value, { loading, startLoad }] as const
+}

package/template/web-app/react-webpack/hooks/index.ts

@@ -1,4 +1,5 @@
 export { default as useLoadingAction } from './useLoadingAction'
 export { default as useInterval } from './useInterval'
 export { default as useVisible } from './useVisible'
+export { default as useLowPriorityState } from './useLowPriorityState'
 export * from './useSyncState'

package/template/web-app/react-webpack/hooks/useLowPriorityState.ts

@@ -0,0 +1,26 @@
+import { useEffect, useState, useTransition, DependencyList } from 'react'
+
+/**
+ *
+ * @param callback
+ * @param watches If set, it is autorun callback
+ * @returns
+ */
+export default function useLowPriorityState<V>(callback: () => V, watches?: DependencyList) {
+    const [value, setValue] = useState<V>(callback)
+    const [loading, startTransition] = useTransition()
+
+    function startLoad() {
+        startTransition(() => {
+            setValue(callback())
+        })
+    }
+
+    useEffect(() => {
+        if (watches) {
+            startLoad()
+        }
+    }, watches)
+
+    return [value, { loading, startLoad }] as const
+}

package/template/web-app/react-webpack/webpack.config.mjs

@@ -43,7 +43,9 @@ export default function (env) {
             publicPath,
             clean: true
         },
-        bail: true,
+        experiments: {
+            lazyCompilation: true
+        },
         mode: isProd ? 'production' : 'development',
         stats: isProd ? 'normal' : 'errors-only',
         performance: {

package/template/workspace/pnpm/package.json

@@ -5,14 +5,14 @@
     "private": true,
     "main": "index.js",
     "scripts": {
-        "build": "ts-node ./scripts/build.ts",
+        "build": "pnpm run clean:dist && ts-node ./scripts/build.ts",
         "changeVersion": "pnpm changeset && pnpm changeset version && pnpm run clear:changelog",
         "clear:changelog": "pnpm -r exec rimraf CHANGELOG.md",
         "commit": "git add . && cz",
         "push": "pnpm run commit && git push",
         "login": "npm login --registry http://registry.npmjs.org",
         "clean:dist": "pnpm -r exec rimraf dist",
-        "pub": "pnpm run changeVersion && pnpm run build && pnpm run push && pnpm -r publish --registry https://registry.npmjs.org"
+        "pub": "pnpm run build && pnpm run changeVersion && pnpm run push && pnpm -r publish --registry https://registry.npmjs.org"
     },
     "keywords": [],
     "author": "kevily",