[2024.09.14] @xionwcfm/react new version 0.0.7 release

.gitignore

@@ -40,3 +40,5 @@ yarn-error.log*
 # Misc
 .DS_Store
 *.pem
+
+*storybook.log

lefthook.yml

@@ -1,17 +1,13 @@
 pre-push:
   parallel: true
   commands:
-    check:
-      run: pnpm run check:biome && git add .
-      stage_fixed: true
     test:
       run: pnpm run test:ci
-
-pre-commit:
-  parallel: true
-  commands:
-    check:
-      run: pnpm run check:biome 
+    format:
+      run: |
+        pnpm run check:biome
+        if ! git diff --exit-code; then
+          git add .
+          git commit -m 'format code by biome'
+        fi
       stage_fixed: true
-    test:
-      run: pnpm run test:ci

packages/jotai/tsup.config.ts

@@ -2,10 +2,11 @@ import { defineConfig } from "tsup";
 
 export default defineConfig({
   format: ["cjs", "esm"],
-  entry: ["./src/index.ts"],
+  entry: ["./src/index.ts", "!./src/**/*.test.(ts|tsx)"],
   sourcemap: true,
   dts: true,
   clean: true,
   minify: true,
   treeshake: true,
+  splitting: false,
 });

packages/react-query/tsup.config.ts

@@ -2,10 +2,11 @@ import { defineConfig } from "tsup";
 
 export default defineConfig({
   format: ["cjs", "esm"],
-  entry: ["./src/*.(ts|tsx)"],
+  entry: ["./src/index.ts", "!./src/**/*.test.(ts|tsx)"],
   sourcemap: true,
   dts: true,
   clean: true,
   minify: true,
   treeshake: true,
+  splitting: false,
 });

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xionwcfm/react",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "license": "MIT",
   "scripts": {
     "build": "tsup",

packages/react/src/create-reducer.ts

@@ -0,0 +1,38 @@
+import { Reducer, useReducer } from "react";
+
+type ActionMap<H> = {
+  [K in keyof H]: H[K] extends (state: any) => any
+    ? { type: K }
+    : H[K] extends (state: any, payload: infer P) => any
+      ? { type: K; payload: P }
+      : never;
+};
+
+type InferState<H> = H extends { [K in keyof H]: (state: infer S, ...args: any[]) => any } ? S : never;
+
+type ActionUnion<H> = ActionMap<H>[keyof H];
+
+export function createReducer<H extends Record<string, (state: any, ...args: any[]) => any>>(handlers: H) {
+  type State = InferState<H>;
+  type Action = ActionUnion<H>;
+
+  const reducer: Reducer<State, Action> = (state, action) => {
+    const handler = handlers[action.type as keyof H];
+    if (handler) {
+      return "payload" in action ? (handler as any)(state, action.payload) : (handler as any)(state);
+    }
+    return state;
+  };
+  return reducer;
+}
+
+type Todo = { checked: boolean };
+
+const reducer = createReducer({
+  addTodo: (state: Todo) => {
+    return state;
+  },
+  removeTodo: (state: Todo, payload: string) => {
+    return state;
+  },
+});

packages/react/src/debounce-event.tsx

@@ -0,0 +1,21 @@
+import { Children, ReactElement, cloneElement } from "react";
+import { useDebounce } from "./use-debounce";
+
+type Props = {
+  capture?: string;
+  children: ReactElement;
+  delay: number;
+};
+
+export function DebounceEvent({ capture = "onClick", children, delay }: Props) {
+  const child = Children.only(children);
+  const debouncedCallback = useDebounce((...args: any[]) => {
+    if (child.props && typeof child.props[capture] === "function") {
+      return child.props[capture](...args);
+    }
+  }, delay);
+
+  return cloneElement(child, {
+    [capture]: debouncedCallback,
+  });
+}