pocketbase-react 0.1.20 → 0.1.22

package/lib/context/Pocketbase.js

@@ -11,12 +11,30 @@ var _store = require("../store/store");
 var _client = require("./client");
 var _content = require("./content");
 var _auth = require("./auth");
+var _Storage = require("../service/Storage");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const PocketbaseContext = (0, React.createContext)(null);
 exports.PocketbaseContext = PocketbaseContext;
 const Pocketbase = props => {
-  const client = new _pocketbase.default(props.serverURL);
+  const [client, setClient] = React.useState(null);
+  const [initialCollections, setInitialCollections] = React.useState();
+  (0, React.useEffect)(() => {
+    const client = new _pocketbase.default(props.serverURL);
+    client.authStore.onChange(async () => {
+      await _Storage.StorageService.set(_Storage.StorageService.Constants.COOKIE, client.authStore.exportToCookie());
+      setInitialCollections([]);
+      setInitialCollections(props.initialCollections);
+    });
+    _Storage.StorageService.get(_Storage.StorageService.Constants.COOKIE).then(cookie => {
+      if (cookie) {
+        client.authStore.loadFromCookie(cookie);
+        setInitialCollections([]);
+        setInitialCollections(props.initialCollections);
+      }
+      setClient(client);
+    });
+  }, [props.serverURL]);
   return client ? /*#__PURE__*/React.createElement(_client.ClientProvider, {
     client: client
   }, /*#__PURE__*/React.createElement(_reactRedux.Provider, {
@@ -28,7 +46,7 @@ const Pocketbase = props => {
     mobileRedirectUrl: props.mobileRedirectUrl,
     openURL: props.openURL
   }, /*#__PURE__*/React.createElement(_content.ContentProvider, {
-    collections: props.initialCollections
+    collections: initialCollections
   }, props.children))))) : null;
 };
 exports.Pocketbase = Pocketbase;

package/lib/context/auth.js

@@ -5,7 +5,6 @@ exports.AuthProvider = exports.AuthContext = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useClientContext = require("../hooks/useClientContext");
 var _Storage = require("../service/Storage");
-var _store = require("../store");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const AuthContext = (0, React.createContext)({});
@@ -62,28 +61,12 @@ const AuthProvider = props => {
       await (client == null ? void 0 : client.users.delete(id));
     }
   };
-  const dispatch = _store.useAppDispatch;
-  const selector = (0, _store.useAppSelector)(state => state.reducer.auth);
   React.useEffect(() => {
-    const listener = client == null ? void 0 : client.authStore.onChange(() => {
-      const cookie = client == null ? void 0 : client.authStore.exportToCookie();
-      if (cookie) dispatch(_store.authAction.setCookie(cookie));
-    });
     (async () => {
       const methods = await (client == null ? void 0 : client.users.listAuthMethods());
       setAuthProviders(methods == null ? void 0 : methods.authProviders);
     })();
-    return () => {
-      if (listener) listener();
-    };
   }, [props.webRedirectUrl, props.mobileRedirectUrl]);
-  React.useEffect(() => {
-    const cookie = selector.cookie;
-    if (cookie) {
-      console.log('cookie', cookie);
-      client == null ? void 0 : client.authStore.loadFromCookie(cookie);
-    }
-  }, [selector.cookie]);
   return /*#__PURE__*/React.createElement(AuthContext.Provider, {
     value: actions
   }, props.children);

package/lib/context/content.js

@@ -13,6 +13,14 @@ exports.ContentContext = ContentContext;
 const ContentProvider = props => {
   const client = (0, _useClientContext.useClientContext)();
   const dispatch = store.useAppDispatch;
+  function tempErrorHandler(error) {
+    var _error$originalError;
+    // TODO: Handle error
+    // IDEA: Create new ErrorContext and Update it with error
+    if ((error == null ? void 0 : (_error$originalError = error.originalError) == null ? void 0 : _error$originalError.name) !== 'AbortError') {
+      console.log('Error in content provider', JSON.stringify(error));
+    }
+  }
   const actions = {
     subscribe: async collectionName => {
       await (client == null ? void 0 : client.realtime.subscribe(collectionName, event => {
@@ -31,33 +39,32 @@ const ContentProvider = props => {
         }
       }).then(() => {
         dispatch(_actions.subscriptionsAction.addSubscription(collectionName));
-      }).catch(_error => {
-        dispatch(_actions.subscriptionsAction.deleteSubscription(collectionName));
-      }));
+      }).catch(tempErrorHandler));
     },
     unsubscribe: async collectionName => {
       if (collectionName) {
         await (client == null ? void 0 : client.realtime.unsubscribe(collectionName).then(() => {
           dispatch(_actions.subscriptionsAction.deleteSubscription(collectionName));
-        }).catch(_error => {}));
+        }).catch(tempErrorHandler));
       } else {
         await (client == null ? void 0 : client.realtime.unsubscribe().then(() => {
           dispatch(_actions.subscriptionsAction.setSubscriptions([]));
-        }).catch(_error => {}));
+        }).catch(tempErrorHandler));
       }
     },
     fetch: async collectionName => {
-      const records = await (client == null ? void 0 : client.records.getFullList(collectionName, 200).catch(_error => {}));
-      dispatch(_actions.recordsAction.setRecords(collectionName, records));
+      await (client == null ? void 0 : client.records.getFullList(collectionName, 200).then(records => {
+        dispatch(_actions.recordsAction.setRecords(collectionName, records));
+      }).catch(tempErrorHandler));
     },
     create: async (collectionName, record) => {
-      await (client == null ? void 0 : client.records.create(collectionName, record).catch(_error => {}));
+      await (client == null ? void 0 : client.records.create(collectionName, record).catch(tempErrorHandler));
     },
     update: async (collectionName, recordId, record) => {
-      await (client == null ? void 0 : client.records.update(collectionName, recordId, record).catch(_error => {}));
+      await (client == null ? void 0 : client.records.update(collectionName, recordId, record).catch(tempErrorHandler));
     },
     delete: async (collectionName, recordId) => {
-      await (client == null ? void 0 : client.records.delete(collectionName, recordId).catch(_error => {}));
+      await (client == null ? void 0 : client.records.delete(collectionName, recordId).catch(tempErrorHandler));
     }
   };
   (0, React.useEffect)(() => {

package/lib/hooks/useAppContent.js

@@ -3,18 +3,17 @@
 exports.__esModule = true;
 exports.useAppContent = useAppContent;
 var _react = require("react");
-var store = _interopRequireWildcard(require("../store"));
 var _context = require("../context");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _store = require("../store");
 function useAppContent(collectionName, initialFetch = false) {
-  var _store$useAppSelector;
-  const records = (_store$useAppSelector = store.useAppSelector(state => state.reducer.records[collectionName])) != null ? _store$useAppSelector : [];
-  const subscriptions = store.useAppSelector(state => state.reducer.subscriptions).subscriptions;
+  const records = (0, _store.useAppSelector)(state => state.reducer.records[collectionName]);
+  const subscriptions = (0, _store.useAppSelector)(state => state.reducer.subscriptions);
   const context = (0, _react.useContext)(_context.ContentContext);
   (0, _react.useEffect)(() => {
     if (initialFetch) {
-      context.fetch(collectionName);
+      (async () => {
+        await context.fetch(collectionName);
+      })();
     }
   }, [collectionName, initialFetch]);
   const [isSubscribed, setIsSubscribed] = (0, _react.useState)(false);

package/lib/hooks/useAuth.js

@@ -4,7 +4,6 @@ exports.__esModule = true;
 exports.useAuth = useAuth;
 var _react = require("react");
 var _auth = require("../context/auth");
-var _Storage = require("../service/Storage");
 var _useClientContext = require("./useClientContext");
 function useAuth() {
   const client = (0, _useClientContext.useClientContext)();
@@ -15,10 +14,6 @@ function useAuth() {
     var _client$authStore$mod;
     setIsSignedIn((client == null ? void 0 : client.authStore.token) !== '');
     setUser((_client$authStore$mod = client == null ? void 0 : client.authStore.model) != null ? _client$authStore$mod : null);
-    const cookie = client == null ? void 0 : client.authStore.exportToCookie();
-    if (cookie) {
-      _Storage.StorageService.set(_Storage.StorageService.Constants.COOKIE, cookie);
-    }
   }
   (0, _react.useEffect)(() => {
     updateAuth();

package/lib/store/actions/index.js

@@ -1,12 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.subscriptionsAction = exports.recordsAction = exports.authAction = void 0;
+exports.subscriptionsAction = exports.recordsAction = void 0;
 var recordsAction = _interopRequireWildcard(require("./records"));
 exports.recordsAction = recordsAction;
 var subscriptionsAction = _interopRequireWildcard(require("./subscriptions"));
 exports.subscriptionsAction = subscriptionsAction;
-var authAction = _interopRequireWildcard(require("./auth"));
-exports.authAction = authAction;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/store/reducers/index.js

@@ -5,10 +5,8 @@ exports.appReducer = void 0;
 var _redux = require("redux");
 var _records = require("./records");
 var _subscriptions = require("./subscriptions");
-var _auth = require("./auth");
 const appReducer = (0, _redux.combineReducers)({
   records: _records.records,
-  subscriptions: _subscriptions.subscriptions,
-  auth: _auth.auth
+  subscriptions: _subscriptions.subscriptions
 });
 exports.appReducer = appReducer;

package/lib/store/reducers/subscriptions.js

@@ -6,30 +6,21 @@ var ReduxType = _interopRequireWildcard(require("../types"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function appendSubscription(subscription, subscriptions) {
-  return [...subscriptions, subscription];
+  return subscriptions.includes(subscription) ? subscriptions : [...subscriptions, subscription];
 }
 function deleteSubscription(subscription, subscriptions) {
   return subscriptions.filter(sub => sub !== subscription);
 }
-const subscriptions = (state = {
-  subscriptions: []
-}, action) => {
-  const list = state.subscriptions;
+const subscriptions = (state = [], action) => {
   switch (action.type) {
     case ReduxType.SET_SUBSCRIPTIONS:
       if (Array.isArray(action.payload)) {
-        return {
-          subscriptions: action.payload
-        };
+        return action.payload;
       }
     case ReduxType.ADD_SUBSCRIPTION:
-      return {
-        subscriptions: appendSubscription(action.payload, list)
-      };
+      return appendSubscription(action.payload, state);
     case ReduxType.DELETE_SUBSCRIPTION:
-      return {
-        subscriptions: deleteSubscription(action.payload, list)
-      };
+      return deleteSubscription(action.payload, state);
     default:
       return state;
   }

package/lib/store/types/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.UPDATE_RECORD = exports.SET_TOKEN = exports.SET_SUBSCRIPTIONS = exports.SET_RECORDS = exports.SET_MODEL = exports.SET_COOKIE = exports.DELETE_TOKEN = exports.DELETE_SUBSCRIPTION = exports.DELETE_RECORDS = exports.DELETE_RECORD = exports.DELETE_MODEL = exports.DELETE_COOKIE = exports.ADD_SUBSCRIPTION = exports.ADD_RECORDS = exports.ADD_RECORD = void 0;
+exports.UPDATE_RECORD = exports.SET_SUBSCRIPTIONS = exports.SET_RECORDS = exports.DELETE_SUBSCRIPTION = exports.DELETE_RECORDS = exports.DELETE_RECORD = exports.ADD_SUBSCRIPTION = exports.ADD_RECORDS = exports.ADD_RECORD = void 0;
 const SET_RECORDS = 'SET_RECORDS';
 exports.SET_RECORDS = SET_RECORDS;
 const ADD_RECORD = 'ADD_RECORD';
@@ -19,16 +19,4 @@ exports.SET_SUBSCRIPTIONS = SET_SUBSCRIPTIONS;
 const ADD_SUBSCRIPTION = 'ADD_SUBSCRIPTION';
 exports.ADD_SUBSCRIPTION = ADD_SUBSCRIPTION;
 const DELETE_SUBSCRIPTION = 'DELETE_SUBSCRIPTION';
-exports.DELETE_SUBSCRIPTION = DELETE_SUBSCRIPTION;
-const SET_MODEL = 'SET_MODEL';
-exports.SET_MODEL = SET_MODEL;
-const SET_TOKEN = 'SET_TOKEN';
-exports.SET_TOKEN = SET_TOKEN;
-const SET_COOKIE = 'SET_COOKIE';
-exports.SET_COOKIE = SET_COOKIE;
-const DELETE_MODEL = 'DELETE_MODEL';
-exports.DELETE_MODEL = DELETE_MODEL;
-const DELETE_TOKEN = 'DELETE_TOKEN';
-exports.DELETE_TOKEN = DELETE_TOKEN;
-const DELETE_COOKIE = 'DELETE_COOKIE';
-exports.DELETE_COOKIE = DELETE_COOKIE;
+exports.DELETE_SUBSCRIPTION = DELETE_SUBSCRIPTION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pocketbase-react",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Unofficial React SDK (React, React Native, Expo) for interacting with the PocketBase JS SDK",
   "keywords": [
     "pocketbase",

package/src/context/Pocketbase.tsx

@@ -8,7 +8,6 @@ import { ClientProvider } from './client';
 import { ContentProvider } from './content';
 import { AuthProvider } from './auth';
 import { StorageService } from '../service/Storage';
-import { authAction } from '../store';
 
 export const PocketbaseContext = createContext<PocketBase | null>(null);
 
@@ -22,7 +21,24 @@ export type PocketbaseProviderProps = {
 };
 
 export const Pocketbase = (props: PocketbaseProviderProps) => {
-  const client = new PocketBase(props.serverURL);
+  const [client, setClient] = React.useState<PocketBase | null>(null);
+  const [initialCollections, setInitialCollections] = React.useState<string[]>();
+  useEffect(() => {
+    const client = new PocketBase(props.serverURL);
+    client.authStore.onChange(async () => {
+      await StorageService.set(StorageService.Constants.COOKIE, client.authStore.exportToCookie());
+      setInitialCollections([]);
+      setInitialCollections(props.initialCollections);
+    });
+    StorageService.get(StorageService.Constants.COOKIE).then((cookie) => {
+      if (cookie) {
+        client.authStore.loadFromCookie(cookie);
+        setInitialCollections([]);
+        setInitialCollections(props.initialCollections);
+      }
+      setClient(client);
+    });
+  }, [props.serverURL]);
 
   return client ? (
     <ClientProvider client={client}>
@@ -32,9 +48,7 @@ export const Pocketbase = (props: PocketbaseProviderProps) => {
             webRedirectUrl={props.webRedirectUrl}
             mobileRedirectUrl={props.mobileRedirectUrl}
             openURL={props.openURL}>
-            <ContentProvider collections={props.initialCollections}>
-              {props.children}
-            </ContentProvider>
+            <ContentProvider collections={initialCollections}>{props.children}</ContentProvider>
           </AuthProvider>
         </PersistGate>
       </Provider>

package/src/context/auth.tsx

@@ -1,10 +1,7 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
-import { Admin, User } from '@tobicrain/pocketbase';
 import * as React from 'react';
-import { createContext, useEffect } from 'react';
+import { createContext } from 'react';
 import { useClientContext } from '../hooks/useClientContext';
 import { StorageService } from '../service/Storage';
-import { authAction, store, useAppDispatch, useAppSelector } from '../store';
 
 export type AuthProviderInfo = {
   name: string;
@@ -109,32 +106,13 @@ export const AuthProvider = (props: AuthProviderProps) => {
       await client?.users.delete(id);
     },
   };
-  const dispatch = useAppDispatch;
-  const selector = useAppSelector((state) => state.reducer.auth);
 
   React.useEffect(() => {
-    const listener = client?.authStore.onChange(() => {
-      const cookie = client?.authStore.exportToCookie();
-      if (cookie) dispatch(authAction.setCookie(cookie));
-    });
-
     (async () => {
       const methods = await client?.users.listAuthMethods();
       setAuthProviders(methods?.authProviders);
     })();
-
-    return () => {
-      if (listener) listener();
-    };
   }, [props.webRedirectUrl, props.mobileRedirectUrl]);
 
-  React.useEffect(() => {
-    const cookie = selector.cookie;
-    if (cookie) {
-      console.log('cookie', cookie);
-      client?.authStore.loadFromCookie(cookie);
-    }
-  }, [selector.cookie]);
-
   return <AuthContext.Provider value={actions}>{props.children}</AuthContext.Provider>;
 };

package/src/context/content.tsx

@@ -38,6 +38,13 @@ export const ContentProvider = (props: ContentProviderProps) => {
   const client = useClientContext();
   const dispatch = store.useAppDispatch;
 
+  function tempErrorHandler(error: any) {
+    // TODO: Handle error
+    // IDEA: Create new ErrorContext and Update it with error
+    if (error?.originalError?.name !== 'AbortError') {
+      console.log('Error in content provider', JSON.stringify(error));
+    }
+  }
   const actions: ContentActions = {
     subscribe: async (collectionName: string) => {
       await client?.realtime
@@ -59,9 +66,7 @@ export const ContentProvider = (props: ContentProviderProps) => {
         .then(() => {
           dispatch(subscriptionsAction.addSubscription(collectionName));
         })
-        .catch((_error) => {
-          dispatch(subscriptionsAction.deleteSubscription(collectionName));
-        });
+        .catch(tempErrorHandler);
     },
     unsubscribe: async (collectionName?: string) => {
       if (collectionName) {
@@ -70,28 +75,32 @@ export const ContentProvider = (props: ContentProviderProps) => {
           .then(() => {
             dispatch(subscriptionsAction.deleteSubscription(collectionName));
           })
-          .catch((_error) => {});
+          .catch(tempErrorHandler);
       } else {
         await client?.realtime
           .unsubscribe()
           .then(() => {
             dispatch(subscriptionsAction.setSubscriptions([]));
           })
-          .catch((_error) => {});
+          .catch(tempErrorHandler);
       }
     },
     fetch: async (collectionName: string) => {
-      const records = await client?.records.getFullList(collectionName, 200).catch((_error) => {});
-      dispatch(recordsAction.setRecords(collectionName, records as Record[]));
+      await client?.records
+        .getFullList(collectionName, 200)
+        .then((records) => {
+          dispatch(recordsAction.setRecords(collectionName, records as Record[]));
+        })
+        .catch(tempErrorHandler);
     },
     create: async (collectionName: string, record: {}) => {
-      await client?.records.create(collectionName, record).catch((_error) => {});
+      await client?.records.create(collectionName, record).catch(tempErrorHandler);
     },
     update: async (collectionName: string, recordId: string, record: {}) => {
-      await client?.records.update(collectionName, recordId, record).catch((_error) => {});
+      await client?.records.update(collectionName, recordId, record).catch(tempErrorHandler);
     },
     delete: async (collectionName: string, recordId: string) => {
-      await client?.records.delete(collectionName, recordId).catch((_error) => {});
+      await client?.records.delete(collectionName, recordId).catch(tempErrorHandler);
     },
   };
 

package/src/hooks/useAppContent.ts

@@ -3,6 +3,7 @@ import * as store from '../store';
 import { ContentContext } from '../context';
 import { Record } from '../interfaces/Record';
 import { StorageService } from '../service/Storage';
+import { useAppSelector } from '../store';
 
 export type SubscribeType = () => Promise<void | undefined>;
 export type UnsubscribeType = () => Promise<void | undefined>;
@@ -24,14 +25,15 @@ export function useAppContent<T extends Record>(
   collectionName: string,
   initialFetch: boolean = false
 ): { records: T[]; actions: Actions; isSubscribed: boolean } {
-  const records = (store.useAppSelector((state) => state.reducer.records[collectionName]) ??
-    []) as T[];
-  const subscriptions = store.useAppSelector((state) => state.reducer.subscriptions).subscriptions;
+  const records = useAppSelector((state) => state.reducer.records[collectionName]) as T[];
+  const subscriptions = useAppSelector((state) => state.reducer.subscriptions);
   const context = useContext(ContentContext);
 
   useEffect(() => {
     if (initialFetch) {
-      context.fetch(collectionName);
+      (async () => {
+        await context.fetch(collectionName);
+      })();
     }
   }, [collectionName, initialFetch]);
 

package/src/hooks/useAuth.ts

@@ -19,10 +19,6 @@ export function useAuth(): AuthContextInterface {
   function updateAuth() {
     setIsSignedIn(client?.authStore.token !== '');
     setUser(client?.authStore.model ?? null);
-    const cookie = client?.authStore.exportToCookie();
-    if (cookie) {
-      StorageService.set(StorageService.Constants.COOKIE, cookie);
-    }
   }
 
   useEffect(() => {

package/src/store/actions/index.tsx

@@ -1,5 +1,4 @@
 import * as recordsAction from './records';
 import * as subscriptionsAction from './subscriptions';
-import * as authAction from './auth';
 
-export { recordsAction, subscriptionsAction, authAction };
+export { recordsAction, subscriptionsAction };

package/src/store/reducers/index.tsx

@@ -1,16 +1,10 @@
 import { combineReducers } from 'redux';
 import { records } from './records';
 import { subscriptions } from './subscriptions';
-import { auth } from './auth';
 
 export const appReducer = combineReducers({
-  records: records,
-  subscriptions: subscriptions,
-  auth: auth,
+  records,
+  subscriptions,
 });
 
-interface AppReducer {
-  records: ReturnType<typeof appReducer>;
-}
-
-export type State = AppReducer;
+export type State = ReturnType<typeof appReducer>;

package/src/store/reducers/subscriptions.tsx

@@ -1,46 +1,29 @@
 import * as ReduxType from '../types';
 
-export interface ReduxSubscriptions {
-  subscriptions: string[];
-}
-
 export type SubscriptionAction = {
   type: ReduxType.SubscriptionsTypes;
   payload: string | string[];
 };
 
 function appendSubscription(subscription: string, subscriptions: string[]): string[] {
-  return [...subscriptions, subscription];
+  return subscriptions.includes(subscription) ? subscriptions : [...subscriptions, subscription];
 }
 
 function deleteSubscription(subscription: string, subscriptions: string[]): string[] {
   return subscriptions.filter((sub) => sub !== subscription);
 }
 
-export const subscriptions = (
-  state: ReduxSubscriptions = {
-    subscriptions: [],
-  },
-  action: SubscriptionAction
-) => {
-  const list = state.subscriptions;
-
+export const subscriptions = (state: string[] = [], action: SubscriptionAction) => {
   switch (action.type) {
     case ReduxType.SET_SUBSCRIPTIONS:
       if (Array.isArray(action.payload)) {
-        return {
-          subscriptions: action.payload,
-        };
+        return action.payload as string[];
       }
     case ReduxType.ADD_SUBSCRIPTION:
-      return {
-        subscriptions: appendSubscription(action.payload as string, list),
-      };
+      return appendSubscription(action.payload as string, state) as string[];
     case ReduxType.DELETE_SUBSCRIPTION:
-      return {
-        subscriptions: deleteSubscription(action.payload as string, list),
-      };
+      return deleteSubscription(action.payload as string, state) as string[];
     default:
-      return state;
+      return state as string[];
   }
 };

package/src/store/types/index.ts

@@ -21,18 +21,3 @@ export type SubscriptionsTypes =
   | typeof SET_SUBSCRIPTIONS
   | typeof ADD_SUBSCRIPTION
   | typeof DELETE_SUBSCRIPTION;
-
-export const SET_MODEL = 'SET_MODEL';
-export const SET_TOKEN = 'SET_TOKEN';
-export const SET_COOKIE = 'SET_COOKIE';
-export const DELETE_MODEL = 'DELETE_MODEL';
-export const DELETE_TOKEN = 'DELETE_TOKEN';
-export const DELETE_COOKIE = 'DELETE_COOKIE';
-
-export type AuthTypes =
-  | typeof SET_MODEL
-  | typeof SET_TOKEN
-  | typeof DELETE_MODEL
-  | typeof DELETE_TOKEN
-  | typeof SET_COOKIE
-  | typeof DELETE_COOKIE;

package/es/service/Authentication.d.ts

@@ -1,23 +0,0 @@
-import PocketBase from '@tobicrain/pocketbase';
-export declare class AuthenticationService {
-    private client;
-    redirect_url: string;
-    constructor(client: PocketBase);
-    getListAuthMethods(): Promise<{
-        [key: string]: any;
-        emailPassword: boolean;
-        authProviders: {
-            name: string;
-            state: string;
-            codeVerifier: string;
-            codeChallenge: string;
-            codeChallengeMethod: string;
-            authUrl: string;
-        }[];
-    }>;
-    getDataAuth(): Promise<void>;
-    AuthWithOauth(provider: string, code: string, verifier: string): Promise<void>;
-    AuthWithEmail(email: string, password: string): Promise<void>;
-    RegisterWithEmail(email: string, password: string): Promise<void>;
-    getUserData(id: string, token: string): Promise<import("@tobicrain/pocketbase").User>;
-}

package/es/service/Authentication.js

@@ -1,32 +0,0 @@
-export class AuthenticationService {
-  constructor(client) {
-    this.client = void 0;
-    this.redirect_url = void 0;
-    this.client = client;
-    this.redirect_url = '';
-  }
-  async getListAuthMethods() {
-    return await this.client.users.listAuthMethods();
-  }
-  async getDataAuth() {
-    await this.client.users.authViaOAuth2('google', 'CODE', 'VERIFIER', 'REDIRECT_URL');
-  }
-  async AuthWithOauth(provider, code, verifier) {
-    await this.client.users.authViaOAuth2(provider, code, verifier, this.redirect_url);
-  }
-  async AuthWithEmail(email, password) {
-    await this.client.users.authViaEmail(email, password);
-  }
-  async RegisterWithEmail(email, password) {
-    await this.client.users.create({
-      email: email,
-      password: password,
-      passwordConfirm: password
-    });
-  }
-  async getUserData(id, token) {
-    const headers = new Headers();
-    headers.append('Authorization', 'user ' + token);
-    return await this.client.users.getOne(id);
-  }
-}