Merge pull request #163 from atomic-state/feat-small-rpc

feat(rpc):

Author: danybeltran

package.json

@@ -1,6 +1,6 @@
 {
   "name": "http-react",
-  "version": "3.0.6",
+  "version": "3.1.0",
   "description": "React hooks for data fetching",
   "main": "dist/index.js",
   "scripts": {

src/hooks/index.ts

@@ -36,5 +36,6 @@ export {
   useReFetch,
   useRevalidating,
   useSuccess,
-  useDebounceFetch
+  useDebounceFetch,
+  createActionsHook
 } from './others'

src/hooks/others.ts

@@ -636,3 +636,41 @@ export function useImperative() {
 
   return imperativeFetch
 }
+
+export const createActionsHook = <Acts>(cfg?: FetchInit) =>
+  function useServerAction<T = any>(
+    actionName: keyof Acts,
+    otherConfig?: FetchInit<T>
+  ) {
+    type K = keyof Acts
+    const [args, setArgs] = React.useState<any>()
+
+    const { reFetch, ...other } = useFetch<T>('/[action]', {
+      baseUrl: '/api/actions',
+      method: 'POST',
+      id: {
+        __ACTION_EXECUTION__: actionName
+      },
+      params: {
+        action: actionName
+      },
+      body: args?.args || {},
+      query: args?.search || {},
+      auto: false,
+      ...cfg,
+      ...otherConfig
+    })
+
+    return {
+      ...other,
+      execute(params: Acts[K], searchParams?: any) {
+        setArgs({
+          args: params,
+          search: searchParams
+        })
+        setTimeout(() => {
+          reFetch()
+        }, 0)
+      }
+    }
+  }

src/index.ts

@@ -47,7 +47,8 @@ export {
   useReFetch,
   useRevalidating,
   useSuccess,
-  useDebounceFetch
+  useDebounceFetch,
+  createActionsHook
 } from './hooks'
 
 export { FetchConfig, SSRSuspense } from './components/server'
@@ -72,3 +73,5 @@ export {
   serialize,
   notNull
 } from './utils/shared'
+
+export { createActionHandler } from './server'

src/server/index.ts

@@ -0,0 +1,21 @@
+export function createActionHandler<ActionTypes>(actions: {
+  [e in keyof ActionTypes]: (
+    req: Request,
+    args: ActionTypes[e],
+    searchParams: URLSearchParams
+  ) => any
+}) {
+  return async (
+    req: Request,
+    params: {
+      params: {
+        action: keyof ActionTypes
+      }
+    }
+  ) =>
+    actions[params.params.action](
+      req,
+      await req.json(),
+      new URL(req.url).searchParams
+    )
+}