refactor!: refactor the project

Author: xiejay97

.eslintrc.json

@@ -101,14 +101,7 @@
     },
     {
       "files": ["*.tsx", "*.jsx"],
-      "rules": {
-        "react-hooks/exhaustive-deps": [
-          "warn",
-          {
-            "additionalHooks": "(useIsomorphicLayoutEffect)"
-          }
-        ]
-      }
+      "rules": {}
     },
     {
       "files": ["**/*.md/*.ts", "**/*.md/*.tsx"],

.github/workflows/main.yml

@@ -14,7 +14,7 @@ jobs:
       - uses: nrwl/nx-set-shas@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '16'
           cache: 'yarn'
       - run: yarn install --frozen-lockfile
       - run: yarn lint:affected
@@ -28,7 +28,7 @@ jobs:
       - uses: nrwl/nx-set-shas@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '16'
           cache: 'yarn'
       - run: yarn install --frozen-lockfile
       - run: yarn test:affected
@@ -42,7 +42,7 @@ jobs:
       - uses: nrwl/nx-set-shas@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '16'
           cache: 'yarn'
       - run: yarn install --frozen-lockfile
       - run: yarn nx build site --configuration=production --skip-nx-cache
@@ -63,7 +63,7 @@ jobs:
       - uses: nrwl/nx-set-shas@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '16'
           cache: 'yarn'
       - run: yarn install --frozen-lockfile
       - run: yarn nx build platform --configuration=production --skip-nx-cache

.github/workflows/pull-request.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: nrwl/nx-set-shas@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '16'
           cache: 'yarn'
       - run: yarn install --frozen-lockfile
       - run: yarn lint:affected
@@ -30,7 +30,7 @@ jobs:
       - uses: nrwl/nx-set-shas@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '16'
           cache: 'yarn'
       - run: yarn install --frozen-lockfile
       - run: yarn test:affected
@@ -88,7 +88,7 @@ jobs:
           fetch-depth: 0
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '16'
           cache: 'yarn'
       - run: yarn install --frozen-lockfile
       - run: yarn nx build site --configuration=production --skip-nx-cache

.nvmrc

@@ -1 +1 @@
-16.13
+16

.vscode/recommended-settings.json

@@ -1,5 +1,5 @@
 {
-  "typescript.tsdk": "./node_modules/typescript/lib",
+  "typescript.tsdk": "node_modules/typescript/lib",
   "eslint.format.enable": true,
   "stylelint.validate": ["css", "scss", "html", "markdown"],
   "editor.defaultFormatter": "esbenp.prettier-vscode",

package.json

@@ -57,10 +57,12 @@
     "axios": "^0.27.2",
     "axios-mock-adapter": "^1.21.2",
     "babel-jest": "^27.5.1",
+    "bootstrap": "^5.2.2",
     "codesandbox": "^2.2.3",
     "colors": "^1.4.0",
     "core-js": "^3.25.2",
     "dayjs": "^1.11.5",
+    "echarts": "^5.3.3",
     "eslint": "^8.23.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",

packages/hooks/.eslintrc.json

@@ -4,7 +4,14 @@
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {}
+      "rules": {
+        "react-hooks/exhaustive-deps": [
+          "warn",
+          {
+            "additionalHooks": "(useIsomorphicLayoutEffect)"
+          }
+        ]
+      }
     },
     {
       "files": ["*.ts", "*.tsx"],

packages/hooks/src/createGlobalState.ts

@@ -1,8 +1,8 @@
 import type { ImmerHook } from './useImmer';
 
-import { freeze, produce } from 'immer';
+import { freeze } from 'immer';
 
-import { useForceUpdate } from './useForceUpdate';
+import { useImmer } from './useImmer';
 import { useUnmount } from './useUnmount';
 
 export function createGlobalState<S>(): () => ImmerHook<S | undefined>;
@@ -11,31 +11,25 @@ export function createGlobalState<S>(initialValue?: S): () => ImmerHook<S | unde
   const store = {
     state: freeze(typeof initialValue === 'function' ? initialValue() : initialValue, true),
     setState(updater: any) {
-      const prev = store.state;
-      if (typeof updater === 'function') {
-        store.state = produce(store.state, updater);
-      } else {
-        store.state = freeze(updater);
-      }
-      if (!Object.is(store.state, prev)) {
-        for (const update of store.updates) {
-          update();
-        }
+      for (const update of store.updates) {
+        update(updater);
       }
     },
-    updates: new Set<() => void>(),
+    updates: new Set<(...args: any[]) => any>(),
   };
 
   return () => {
-    const forceUpdate = useForceUpdate();
-    if (!store.updates.has(forceUpdate)) {
-      store.updates.add(forceUpdate);
+    const [state, setState] = useImmer(store.state);
+    store.state = state;
+
+    if (!store.updates.has(setState)) {
+      store.updates.add(setState);
     }
 
     useUnmount(() => {
-      store.updates.delete(forceUpdate);
+      store.updates.delete(setState);
     });
 
-    return [store.state, store.setState];
+    return [state, store.setState];
   };
 }

packages/hooks/src/index.ts

@@ -1,17 +1,15 @@
+export { useStorage } from './storage';
 export { createGlobalState } from './createGlobalState';
 export { useAsync } from './useAsync';
-export { useBreakpoints } from './useBreakpoints';
 export { useEvent } from './useEvent';
 export { useEventCallback } from './useEventCallback';
-export { useElement } from './useElement';
-export { useEventListener } from './useEventListener';
-export { useEventNotify } from './useEventNotify';
 export { useForceUpdate } from './useForceUpdate';
 export { useForkRef } from './useForkRef';
+export { useId } from './useId';
 export { useImmer } from './useImmer';
 export { useLockScroll } from './useLockScroll';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
-export { useLocalStorage } from './useLocalStorage';
 export { useMount } from './useMount';
+export { useRefExtra } from './useRefExtra';
 export { useResize } from './useResize';
 export { useUnmount } from './useUnmount';

packages/hooks/src/storage/index.ts

@@ -0,0 +1,6 @@
+export * from './useStorage';
+
+export * from './parser';
+
+export * from './storage';
+export * from './localStorage';