pocketbase-react 0.1.1 → 0.1.3

package/src/store/reducers/records.tsx

@@ -0,0 +1,78 @@
+import { Record } from '../../interfaces/Record';
+import * as ReduxType from '../types';
+
+export interface ReduxRecord {
+  [key: string]: Record[];
+}
+
+export type RecordAction = {
+  type: ReduxType.Types;
+  key: string;
+  payload: null | Record | Record[];
+};
+
+function appendRecord(record: Record, records: Record[]): Record[] {
+  return [...records, record];
+}
+
+function appendRecords(recordsToAppend: Record[], records: Record[]): Record[] {
+  return [...records, ...recordsToAppend];
+}
+
+function updateRecord(record: Record, records: Record[]): Record[] {
+  return records.map((r) => {
+    if (r.id === record.id) {
+      return record;
+    }
+    return r;
+  });
+}
+
+function deleteRecord(record: Record, records: Record[]): Record[] {
+  return records.filter((r) => r.id !== record.id);
+}
+
+function deleteRecords(recordsToDelete: Record[], records: Record[]): Record[] {
+  return records.filter((r) => !recordsToDelete.includes(r));
+}
+
+export const records = (state: ReduxRecord = {}, action: RecordAction) => {
+  const list = state[action.key] ?? [];
+
+  switch (action.type) {
+    case ReduxType.SET_RECORDS:
+      if (Array.isArray(action.payload)) {
+        return {
+          ...state,
+          [action.key]: action.payload,
+        };
+      }
+    case ReduxType.ADD_RECORD:
+      return {
+        ...state,
+        [action.key]: appendRecord(action.payload as Record, list),
+      };
+    case ReduxType.ADD_RECORDS:
+      return {
+        ...state,
+        [action.key]: appendRecords(action.payload as Record[], list),
+      };
+    case ReduxType.DELETE_RECORD:
+      return {
+        ...state,
+        [action.key]: deleteRecord(action.payload as Record, list),
+      };
+    case ReduxType.DELETE_RECORDS:
+      return {
+        ...state,
+        [action.key]: deleteRecords(action.payload as Record[], list),
+      };
+    case ReduxType.UPDATE_RECORD:
+      return {
+        ...state,
+        [action.key]: updateRecord(action.payload as Record, list),
+      };
+    default:
+      return state;
+  }
+};

package/src/store/store.tsx

@@ -0,0 +1,65 @@
+import { combineReducers, configureStore } from '@reduxjs/toolkit';
+import { persistStore, persistReducer } from 'redux-persist';
+import { TypedUseSelectorHook, useSelector } from 'react-redux';
+import { appReducer } from './reducers';
+import thunk from 'redux-thunk';
+import { RecordAction } from './reducers/records';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+interface Storage {
+  getItem(key: string, ...args: Array<any>): any;
+  setItem(key: string, value: any, ...args: Array<any>): any;
+  removeItem(key: string, ...args: Array<any>): any;
+}
+
+
+const CustomStorage: Storage = {
+  getItem: async (_key: string, ..._args: Array<any>) => {
+    if (typeof document !== 'undefined') {
+      return localStorage.getItem(_key);
+    }
+    else if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {
+      return await AsyncStorage.getItem(_key);
+    }
+  },
+  setItem: async (_key: string, _value: any, ..._args: Array<any>) => {
+    if (typeof document !== 'undefined') {
+      return localStorage.setItem(_key, _value);
+    }
+    else if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {
+      return await AsyncStorage.setItem(_key, _value);
+    }
+  },
+  removeItem: async (_key: string, ..._args: Array<any>) => {
+    if (typeof document !== 'undefined') {
+      return localStorage.removeItem(_key);
+    }
+    else if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {
+      return await AsyncStorage.removeItem(_key);
+    }
+  },
+};
+
+export const persistConfig = {
+  key: 'root',
+  storage: CustomStorage
+};
+
+const reducer = combineReducers({
+  reducer: persistReducer(persistConfig, appReducer),
+});
+
+const store = configureStore({
+  reducer,
+  middleware: [thunk],
+});
+
+type AppDispatch = typeof store.dispatch<RecordAction>;
+const useAppDispatch = store.dispatch;
+type RootState = ReturnType<typeof store.getState>;
+const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
+
+
+const persistor = persistStore(store);
+
+export { AppDispatch, RootState, useAppDispatch, useAppSelector, store, persistor };

package/src/store/types/index.ts

@@ -0,0 +1,14 @@
+export const SET_RECORDS = 'SET_RECORDS';
+export const ADD_RECORD = 'ADD_RECORD';
+export const ADD_RECORDS = 'ADD_RECORDS';
+export const UPDATE_RECORD = 'UPDATE_RECORD';
+export const DELETE_RECORD = 'DELETE_RECORD';
+export const DELETE_RECORDS = 'DELETE_RECORDS';
+
+export type Types =
+  | typeof SET_RECORDS
+  | typeof ADD_RECORD
+  | typeof ADD_RECORDS
+  | typeof UPDATE_RECORD
+  | typeof DELETE_RECORD
+  | typeof DELETE_RECORDS;

package/dist/cjs/EventSource.d.ts

@@ -1 +0,0 @@
-declare var Source: any;

package/dist/cjs/context/Pocketbase.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import PocketBase from 'pocketbase/dist/pocketbase.cjs';
-import { AsyncStorageStatic } from '@react-native-async-storage/async-storage';
-export declare const PocketbaseContext: React.Context<PocketBase | null>;
-export declare type PocketbaseProviderProps = {
-    children: React.ReactNode;
-    serverURL: string;
-    credentials: {
-        username: string;
-        password: string;
-    };
-    initialCollections?: string[];
-    storage: AsyncStorageStatic;
-};
-export declare const Pocketbase: (props: PocketbaseProviderProps) => JSX.Element | null;

package/dist/cjs/hooks/useClientContext.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => import("pocketbase/dist/pocketbase.cjs").default | null;
-export default _default;