feat: add filter hook

Author: tmm

.envrc.example

@@ -1,3 +1,2 @@
 dist/
 node_modules/
-playground/types/supabase.ts

.eslintignore

@@ -1,5 +1,4 @@
 .DS_Store
-.envrc
 .eslintcache
 dist/
 node_modules/

.gitignore

@@ -1,4 +1,3 @@
 dist/
 node_modules/
-playground/types/supabase.ts
 yarn.lock

.prettierignore

@@ -12,15 +12,12 @@
     "license": "MIT",
     "scripts": {
         "build": "vite build && tsc --emitDeclarationOnly",
-        "build:watch": "vite build --watch",
+        "build:watch": "concurrently \"vite build --watch\" \"tsc --emitDeclarationOnly --watch\"",
         "clean": "rimraf dist",
-        "dev": "vite",
-        "gen": "npx openapi-typescript $VITE_SUPABASE_URL/rest/v1/?apikey=$VITE_SUPABASE_KEY --output playground/types/supabase.ts",
         "lint": "eslint . --cache",
         "lint:fix": "yarn lint --fix",
         "lint:format": "prettier --write .",
         "lint:types": "tsc --noEmit",
-        "predev": "yarn gen",
         "prepare": "husky install .config/husky"
     },
     "peerDependencies": {
@@ -36,6 +33,7 @@
         "@types/react": "^17.0.3",
         "@typescript-eslint/eslint-plugin": "^4.22.0",
         "@typescript-eslint/parser": "^4.22.0",
+        "concurrently": "^6.0.2",
         "eslint": "^7.24.0",
         "eslint-config-prettier": "^8.2.0",
         "eslint-import-resolver-typescript": "^2.4.0",
@@ -53,5 +51,6 @@
         "rimraf": "^3.0.2",
         "typescript": "^4.2.4",
         "vite": "^2.2.1"
-    }
+    },
+    "dependencies": {}
 }

index.html

@@ -1 +1,2 @@
+export { useFilter } from './use-filter'
 export { useSelect } from './use-select'

package.json

@@ -0,0 +1,14 @@
+import { PostgrestFilterBuilder } from '@supabase/postgrest-js'
+import { useCallback } from 'react'
+
+export function useFilter<Data = any>(
+    filter: (
+        query: PostgrestFilterBuilder<Data>,
+    ) => PostgrestFilterBuilder<Data>,
+    deps: any[] = [],
+) {
+    /* eslint-disable react-hooks/exhaustive-deps */
+    const callback = useCallback(filter, deps)
+    /* eslint-enable react-hooks/exhaustive-deps */
+    return callback
+}