pocketbase-react 0.1.10 → 0.1.11

package/README.md

@@ -69,7 +69,7 @@ const mobileRedirectURL = "expo://..." // for example
 
 ## Caveats
 ```tsx
-import { useAppContent } = "pocketbase-react";
+import { useAppContent, useAuth } from "pocketbase-react";
 ```
 ### Records
 Reading the records value directly accesses the Redux Store.
@@ -173,17 +173,4 @@ await actions.updateEmail(email: string);
 Delete user
 ```tsx
 await actions.deleteUser(id: string);
-```
-
-
-## Development
-
-By using
-```sh
-npm run build
-# or
-yarn build
-```
-You will get a folder called dist, which you can use to replace node_modules/pocketbase-react/dist in your React project.
-
-***Maybe someone finds a better way to integrate the package in development with a project***
+```

package/dist/pocketbase-react.js

@@ -5976,11 +5976,12 @@
 	  return context;
 	};
 
-	const ContentContext = react.createContext(null);
+	const ContentContext = react.createContext({});
 	const ContentProvider = props => {
 	  const client = useClientContext();
 	  const dispatch = useAppDispatch;
 	  const [collections, _] = react.useState(props.collections || []);
+	  const [subscribed, setSubscribed] = react.useState([]);
 	  const actions = {
 	    subscribe: async collectionName => {
 	      await (client == null ? void 0 : client.realtime.subscribe(collectionName, event => {
@@ -5995,13 +5996,19 @@
 	            dispatch(deleteRecord$1(collectionName, event.record));
 	            break;
 	        }
+	      }).then(() => {
+	        setSubscribed([...subscribed, collectionName]);
 	      }).catch(_error => {}));
 	    },
 	    unsubscribe: collectionName => {
 	      if (collectionName) {
-	        client == null ? void 0 : client.realtime.unsubscribe(collectionName).catch(_error => {});
+	        client == null ? void 0 : client.realtime.unsubscribe(collectionName).then(() => {
+	          setSubscribed(subscribed.filter(name => name !== collectionName));
+	        }).catch(_error => {});
 	      } else {
-	        client == null ? void 0 : client.realtime.unsubscribe().catch(_error => {});
+	        client == null ? void 0 : client.realtime.unsubscribe().then(() => {
+	          setSubscribed([]);
+	        }).catch(_error => {});
 	      }
 	    },
 	    fetch: async collectionName => {
@@ -6028,7 +6035,10 @@
 	    return () => actions.unsubscribe();
 	  }, [collections]);
 	  return /*#__PURE__*/react.createElement(ContentContext.Provider, {
-	    value: actions
+	    value: {
+	      actions,
+	      subscribed
+	    }
 	  }, props.children);
 	};
 
@@ -6039,7 +6049,7 @@
 	  }, props.children);
 	};
 
-	const AuthContext = react.createContext(null);
+	const AuthContext = react.createContext({});
 	const AuthProvider = props => {
 	  const client = useClientContext();
 	  const [authProviders, setAuthProviders] = react.useState();
@@ -6231,20 +6241,25 @@
 	  const context = react.useContext(ContentContext);
 	  react.useEffect(() => {
 	    if (initialFetch) {
-	      context == null ? void 0 : context.fetch(collectionName);
+	      context.actions.fetch(collectionName);
 	    }
 	  }, [collectionName, initialFetch]);
+	  const [isSubscribed, setIsSubscribed] = react.useState(false);
+	  react.useEffect(() => {
+	    setIsSubscribed(context.subscribed.includes(collectionName));
+	  }, [collectionName, context.subscribed]);
 	  const actions = {
-	    subscribe: async () => await (context == null ? void 0 : context.subscribe(collectionName)),
-	    unsubscribe: () => context == null ? void 0 : context.unsubscribe(collectionName),
-	    fetch: async () => await (context == null ? void 0 : context.fetch(collectionName)),
-	    create: async record => await (context == null ? void 0 : context.create(collectionName, record)),
-	    update: async (id, record) => await (context == null ? void 0 : context.update(collectionName, id, record)),
-	    delete: async id => await (context == null ? void 0 : context.delete(collectionName, id))
+	    subscribe: async () => await context.actions.subscribe(collectionName),
+	    unsubscribe: () => context.actions.unsubscribe(collectionName),
+	    fetch: async () => await context.actions.fetch(collectionName),
+	    create: async record => await context.actions.create(collectionName, record),
+	    update: async (id, record) => await context.actions.update(collectionName, id, record),
+	    delete: async id => await context.actions.delete(collectionName, id)
 	  };
 	  return {
 	    records,
-	    actions
+	    actions,
+	    isSubscribed
 	  };
 	}
 

package/dist/pocketbase-react.min.js

@@ -25,4 +25,4 @@
 	 * This source code is licensed under the MIT license found in the
 	 * LICENSE file in the root directory of this source tree.
 	 */
-var Xr,Gr=Symbol.for("react.element"),Yr=Symbol.for("react.portal"),Qr=Symbol.for("react.fragment"),Zr=Symbol.for("react.strict_mode"),en=Symbol.for("react.profiler"),tn=Symbol.for("react.provider"),rn=Symbol.for("react.context"),nn=Symbol.for("react.server_context"),on=Symbol.for("react.forward_ref"),un=Symbol.for("react.suspense"),cn=Symbol.for("react.suspense_list"),an=Symbol.for("react.memo"),fn=Symbol.for("react.lazy"),sn=Symbol.for("react.offscreen");function ln(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case Gr:switch(e=e.type){case Qr:case en:case Zr:case un:case cn:return e;default:switch(e=e&&e.$$typeof){case nn:case rn:case on:case fn:case an:case tn:return e;default:return t}}case Yr:return t}}}Xr=Symbol.for("react.module.reference");var pn={ContextConsumer:rn,ContextProvider:tn,Element:Gr,ForwardRef:on,Fragment:Qr,Lazy:fn,Memo:an,Portal:Yr,Profiler:en,StrictMode:Zr,Suspense:un,SuspenseList:cn,isAsyncMode:function(){return!1},isConcurrentMode:function(){return!1},isContextConsumer:function(e){return ln(e)===rn},isContextProvider:function(e){return ln(e)===tn},isElement:function(e){return"object"==typeof e&&null!==e&&e.$$typeof===Gr},isForwardRef:function(e){return ln(e)===on},isFragment:function(e){return ln(e)===Qr},isLazy:function(e){return ln(e)===fn},isMemo:function(e){return ln(e)===an},isPortal:function(e){return ln(e)===Yr},isProfiler:function(e){return ln(e)===en},isStrictMode:function(e){return ln(e)===Zr},isSuspense:function(e){return ln(e)===un},isSuspenseList:function(e){return ln(e)===cn},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===Qr||e===en||e===Zr||e===un||e===cn||e===sn||"object"==typeof e&&null!==e&&(e.$$typeof===fn||e.$$typeof===an||e.$$typeof===tn||e.$$typeof===rn||e.$$typeof===on||e.$$typeof===Xr||void 0!==e.getModuleId)},typeOf:ln};u((function(e){e.exports=pn}));const yn={notify(){},get:()=>[]};function dn(e,t){let r,n=yn;function o(){u.onStateChange&&u.onStateChange()}function i(){r||(r=t?t.addNestedSub(o):e.subscribe(o),n=function(){const e=mr();let t=null,r=null;return{clear(){t=null,r=null},notify(){e((()=>{let e=t;for(;e;)e.callback(),e=e.next}))},get(){let e=[],r=t;for(;r;)e.push(r),r=r.next;return e},subscribe(e){let n=!0,o=r={callback:e,next:null,prev:r};return o.prev?o.prev.next=o:t=o,function(){n&&null!==t&&(n=!1,o.next?o.next.prev=o.prev:r=o.prev,o.prev?o.prev.next=o.next:t=o.next)}}}}())}const u={addNestedSub:function(e){return i(),n.subscribe(e)},notifyNestedSubs:function(){n.notify()},handleChangeWrapper:o,isSubscribed:function(){return!!r},trySubscribe:i,tryUnsubscribe:function(){r&&(r(),r=void 0,n.clear(),n=yn)},getListeners:()=>n};return u}const bn=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement)?z.useLayoutEffect:z.useEffect;function vn({store:e,context:t,children:r,serverState:n}){const o=z.useMemo((()=>{const t=dn(e);return{store:e,subscription:t,getServerState:n?()=>n:void 0}}),[e,n]),i=z.useMemo((()=>e.getState()),[e]);bn((()=>{const{subscription:t}=o;return t.onStateChange=t.notifyNestedSubs,t.trySubscribe(),i!==e.getState()&&t.notifyNestedSubs(),()=>{t.tryUnsubscribe(),t.onStateChange=void 0}}),[o,i]);return z.createElement((t||gr).Provider,{value:o},r)}wr=vr.useSyncExternalStoreWithSelector,hr=t.unstable_batchedUpdates;var hn=e=>{if("[object Object]"!==Object.prototype.toString.call(e))return!1;const t=Object.getPrototypeOf(e);return null===t||t===Object.prototype};const{hasOwnProperty:mn}=Object.prototype,{propertyIsEnumerable:gn}=Object,On=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,enumerable:!0,configurable:!0}),wn=i,Sn={concatArrays:!1,ignoreUndefined:!1},Pn=e=>{const t=[];for(const r in e)mn.call(e,r)&&t.push(r);if(Object.getOwnPropertySymbols){const r=Object.getOwnPropertySymbols(e);for(const n of r)gn.call(e,n)&&t.push(n)}return t};function En(e){return Array.isArray(e)?function(e){const t=e.slice(0,0);return Pn(e).forEach((r=>{On(t,r,En(e[r]))})),t}(e):hn(e)?function(e){const t=null===Object.getPrototypeOf(e)?Object.create(null):{};return Pn(e).forEach((r=>{On(t,r,En(e[r]))})),t}(e):e}const jn=(e,t,r,n)=>(r.forEach((r=>{void 0===t[r]&&n.ignoreUndefined||On(e,r,r in e&&e[r]!==Object.getPrototypeOf(e)?_n(e[r],t[r],n):En(t[r]))})),e);function _n(e,t,r){return r.concatArrays&&Array.isArray(e)&&Array.isArray(t)?((e,t,r)=>{let n=e.slice(0,0),o=0;return[e,t].forEach((t=>{const i=[];for(let r=0;t.length>r;r++)mn.call(t,r)&&(i.push(r+""),On(n,o++,t===e?t[r]:En(t[r])));n=jn(n,t,Pn(t).filter((e=>!i.includes(e))),r)})),n})(e,t,r):hn(t)&&hn(e)?jn(e,t,Pn(t),r):En(t)}const Rn=function(...e){const t=_n(En(Sn),this!==wn&&this||{},Sn);let r={_:{}};for(const n of e)if(void 0!==n){if(!hn(n))throw new TypeError("`"+n+"` is not an Option Object");r=_n(r,{_:n},t)}return r._}.bind({concatArrays:!0,ignoreUndefined:!0});function xn(e,t){return new Promise(((r,n)=>{try{const n=e();null==t||t(null,n),r(n)}catch(e){null==t||t(e),n(e)}}))}function kn(e,t,r){return Promise.all(e).then((e=>{var n;const o=null!==(n=null==r?void 0:r(e))&&void 0!==n?n:null;return null==t||t(null,o),Promise.resolve(o)}),(e=>(null==t||t(e),Promise.reject(e))))}const An={getItem:(e,t)=>xn((()=>window.localStorage.getItem(e)),t),setItem:(e,t,r)=>xn((()=>window.localStorage.setItem(e,t)),r),removeItem:(e,t)=>xn((()=>window.localStorage.removeItem(e)),t),mergeItem:(e,t,r)=>xn((()=>function(e,t){const r=window.localStorage.getItem(e);if(r){const n=JSON.parse(r),o=JSON.parse(t),i=JSON.stringify(Rn(n,o));window.localStorage.setItem(e,i)}else window.localStorage.setItem(e,t)}(e,t)),r),clear:e=>xn((()=>window.localStorage.clear()),e),getAllKeys:e=>xn((()=>{const e=window.localStorage.length,t=[];for(let r=0;e>r;r+=1){const e=window.localStorage.key(r)||"";t.push(e)}return t}),e),flushGetRequests:()=>{},multiGet:(e,t)=>kn(e.map((e=>An.getItem(e))),t,(t=>t.map(((t,r)=>[e[r],t])))),multiSet:(e,t)=>kn(e.map((e=>An.setItem(e[0],e[1]))),t),multiRemove:(e,t)=>kn(e.map((e=>An.removeItem(e))),t),multiMerge:(e,t)=>kn(e.map((e=>An.mergeItem(e[0],e[1]))),t)};class Cn{static async get(e){return"undefined"!=typeof document?localStorage.getItem(e):await An.getItem(e)}static async set(e,t){return"undefined"!=typeof document?localStorage.setItem(e,t):await An.setItem(e,t)}static async remove(e){return"undefined"!=typeof document?localStorage.removeItem(e):await An.removeItem(e)}}const Dn={key:"root",storage:{getItem:async(e,...t)=>await Cn.get(e),setItem:async(e,t,...r)=>Cn.set(e,t),removeItem:async(e,...t)=>Cn.remove(e)}},$n=ae({reducer:function(e,t){var r=void 0!==e.version?e.version:-1,n=void 0===e.stateReconciler?Mt:e.stateReconciler,o=e.getStoredState||zt,i=void 0!==e.timeout?e.timeout:5e3,u=null,c=!1,a=!0,f=function(e){return e._persist.rehydrated&&u&&!a&&u.update(e),e};return function(s,l){var p=s||{},y=p._persist,d=Bt(p,["_persist"]);if(l.type===Dt){var b=!1,v=function(t,r){b||(l.rehydrate(e.key,t,r),b=!0)};if(i&&setTimeout((function(){!b&&v(void 0,Error('redux-persist: persist timed out for persist key "'.concat(e.key,'"')))}),i),a=!1,u||(u=Lt(e)),y)return Kt({},t(d,l),{_persist:y});if("function"!=typeof l.rehydrate||"function"!=typeof l.register)throw Error("redux-persist: either rehydrate or register is not a function on the PERSIST action. This can happen if the action is being replayed. This is an unexplored use case, please open an issue and we will figure out a resolution.");return l.register(e.key),o(e).then((function(t){var n=e.migrate||function(e,t){return Promise.resolve(e)};n(t,r).then((function(e){v(e)}),(function(e){v(void 0,e)}))}),(function(e){v(void 0,e)})),Kt({},t(d,l),{_persist:{version:r,rehydrated:!1}})}if(l.type===$t)return c=!0,l.result(function(e){var t=e.storage,r="".concat(void 0!==e.keyPrefix?e.keyPrefix:xt).concat(e.key);return t.removeItem(r,Wt)}(e)),Kt({},t(d,l),{_persist:y});if(l.type===kt)return l.result(u&&u.flush()),Kt({},t(d,l),{_persist:y});if(l.type===Ct)a=!0;else if(l.type===At){if(c)return Kt({},d,{_persist:Kt({},y,{rehydrated:!0})});if(l.key===e.key){var h=t(d,l),m=l.payload,g=Kt({},!1!==n&&void 0!==m?n(m,s,h,e):h,{_persist:Kt({},y,{rehydrated:!0})});return f(g)}}if(!y)return t(s,l);var O=t(d,l);return O===d?s:f(Kt({},O,{_persist:y}))}}(Dn,he)}),In=function(e){var t,r=Rt(),n=e||{},o=n.reducer,i=void 0===o?void 0:o,u=n.middleware,c=void 0===u?r():u,a=n.devTools,f=void 0===a||a,s=n.preloadedState,l=void 0===s?void 0:s,p=n.enhancers,y=void 0===p?void 0:p;if("function"==typeof i)t=i;else{if(!function(e){if("object"!=typeof e||null===e)return!1;var t=Object.getPrototypeOf(e);if(null===t)return!0;for(var r=t;null!==Object.getPrototypeOf(r);)r=Object.getPrototypeOf(r);return t===r}(i))throw Error('"reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers');t=ae(i)}var d=c;"function"==typeof d&&(d=d(r));var b=se.apply(void 0,d),v=fe;f&&(v=jt(function(e,t){for(var r in t||(t={}))St.call(t,r)&&Et(e,r,t[r]);if(wt)for(var n=0,o=wt(t);o.length>n;n++)Pt.call(t,r=o[n])&&Et(e,r,t[r]);return e}({trace:!1},"object"==typeof f&&f)));var h=[b];return Array.isArray(y)?h=gt([b],y):"function"==typeof y&&(h=y(h)),ce(t,l,v.apply(void 0,h))}({reducer:$n,middleware:[ht]}),Tn=In.dispatch,Un=Er,Nn=function(e,t,r){var n=r||!1,o=ce(Zt,Qt,t&&t.enhancer?t.enhancer:void 0),i=function(e){o.dispatch({type:It,key:e})},u=function(t,r,i){var u={type:At,payload:r,err:i,key:t};e.dispatch(u),o.dispatch(u),n&&c.getState().bootstrapped&&(n(),n=!1)},c=Gt({},o,{purge:function(){var t=[];return e.dispatch({type:$t,result:function(e){t.push(e)}}),Promise.all(t)},flush:function(){var t=[];return e.dispatch({type:kt,result:function(e){t.push(e)}}),Promise.all(t)},pause:function(){e.dispatch({type:Ct})},persist:function(){e.dispatch({type:Dt,register:i,rehydrate:u})}});return t&&t.manualPersist||c.persist(),c}(In),Mn=()=>z.useContext(zn),Ln=z.createContext(null),Fn=e=>{const t=Mn(),r=Tn,[n,o]=z.useState(e.collections||[]),i={subscribe:async e=>{await(null==t?void 0:t.realtime.subscribe(e,(t=>{switch(t.action){case"create":r(X(e,t.record));break;case"update":r(Y(e,t.record));break;case"delete":r(G(e,t.record))}})).catch((e=>{})))},unsubscribe:e=>{e?null==t||t.realtime.unsubscribe(e).catch((e=>{})):null==t||t.realtime.unsubscribe().catch((e=>{}))},fetch:async e=>{const n=await(null==t?void 0:t.records.getFullList(e,200).catch((e=>{})));r(H(e,n))},create:async(e,r)=>{await(null==t?void 0:t.records.create(e,r).catch((e=>{})))},update:async(e,r,n)=>{await(null==t?void 0:t.records.update(e,r,n).catch((e=>{})))},delete:async(e,r)=>{await(null==t?void 0:t.records.delete(e,r).catch((e=>{})))}};return z.useEffect((()=>(n&&n.forEach((e=>{i.fetch(e),i.subscribe(e)})),()=>i.unsubscribe())),[n]),z.createElement(Ln.Provider,{value:i},e.children)},zn=z.createContext(null),Vn=e=>z.createElement(zn.Provider,{value:e.client},e.children),Wn=z.createContext(null),qn=e=>{const t=Mn(),[r,n]=z.useState(),o={registerWithEmail:async(e,r)=>{await(null==t?void 0:t.users.create({email:e,password:r,passwordConfirm:r}))},signInWithEmail:async(e,r)=>{await(null==t?void 0:t.users.authViaEmail(e,r))},signInWithProvider:async t=>{const n=null==r?void 0:r.find((e=>e.name===t)),o=(null==n?void 0:n.authUrl)+typeof document!="undefined"?e.webRedirectUrl:e.mobileRedirectUrl;await e.openURL(o),await Cn.set("provider",JSON.stringify(r))},submitProviderResult:async r=>{const n=new URLSearchParams(r.split("?")[1]),o=n.get("code"),i=n.get("state"),u=await Cn.get("provider");if(u){const r=JSON.parse(u),n=null==r?void 0:r.find((e=>e.state===i));n&&o&&await(null==t?void 0:t.users.authViaOAuth2(n.name,o,n.codeVerifier,"undefined"!=typeof document?e.webRedirectUrl:e.mobileRedirectUrl))}},signOut:()=>{null==t||t.authStore.clear()},sendPasswordResetEmail:async e=>{await(null==t?void 0:t.users.requestPasswordReset(e))},sendEmailVerification:async e=>{await(null==t?void 0:t.users.requestVerification(e))},updateProfile:async(e,r)=>{await(null==t?void 0:t.records.update("profiles",e,r))},updateEmail:async e=>{await(null==t?void 0:t.users.requestEmailChange(e))},deleteUser:async e=>{await(null==t?void 0:t.users.delete(e))}};return z.useEffect((()=>{(async()=>{const e=await(null==t?void 0:t.users.listAuthMethods());n(null==e?void 0:e.authProviders)})()}),[e.webRedirectUrl,e.mobileRedirectUrl]),z.createElement(Wn.Provider,{value:o},e.children)};function Kn(e){return Kn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Kn(e)}function Jn(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Bn(e,t){for(var r=0;t.length>r;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function Hn(e,t){return!t||"object"!==Kn(t)&&"function"!=typeof t?Gn(e):t}function Xn(e){return Xn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Xn(e)}function Gn(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Yn(e,t){return Yn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},Yn(e,t)}function Qn(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var Zn=function(e){function t(){var e,r;Jn(this,t);for(var n=arguments.length,o=Array(n),i=0;n>i;i++)o[i]=arguments[i];return Qn(Gn(r=Hn(this,(e=Xn(t)).call.apply(e,[this].concat(o)))),"state",{bootstrapped:!1}),Qn(Gn(r),"_unsubscribe",void 0),Qn(Gn(r),"handlePersistorState",(function(){r.props.persistor.getState().bootstrapped&&(r.props.onBeforeLift?Promise.resolve(r.props.onBeforeLift()).finally((function(){return r.setState({bootstrapped:!0})})):r.setState({bootstrapped:!0}),r._unsubscribe&&r._unsubscribe())})),r}var r,n,o;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Yn(e,t)}(t,e),r=t,(n=[{key:"componentDidMount",value:function(){this._unsubscribe=this.props.persistor.subscribe(this.handlePersistorState),this.handlePersistorState()}},{key:"componentWillUnmount",value:function(){this._unsubscribe&&this._unsubscribe()}},{key:"render",value:function(){return"function"==typeof this.props.children?this.props.children(this.state.bootstrapped):this.state.bootstrapped?this.props.children:this.props.loading}}])&&Bn(r.prototype,n),o&&Bn(r,o),t}(z.PureComponent);Qn(Zn,"defaultProps",{children:null,loading:null});const eo=z.createContext(null);e.ADD_RECORD=W,e.ADD_RECORDS=q,e.AuthContext=Wn,e.AuthProvider=qn,e.ClientContext=zn,e.ClientProvider=Vn,e.ContentContext=Ln,e.ContentProvider=Fn,e.DELETE_RECORD=J,e.DELETE_RECORDS=B,e.Pocketbase=e=>{const t=new o.default(e.serverURL);return t?z.createElement(Vn,{client:t},z.createElement(vn,{store:In},z.createElement(Zn,{persistor:Nn},z.createElement(qn,{webRedirectUrl:e.webRedirectUrl,mobileRedirectUrl:e.mobileRedirectUrl,openURL:e.openURL},z.createElement(Fn,{collections:e.initialCollections},e.children))))):null},e.PocketbaseContext=eo,e.SET_RECORDS=V,e.UPDATE_RECORD=K,e.appReducer=he,e.persistConfig=Dn,e.persistor=Nn,e.recordsAction=Q,e.store=In,e.useAppContent=function(e,t=!1){var r;const n=null!=(r=Un((t=>t.reducer.records[e])))?r:[],o=z.useContext(Ln);return z.useEffect((()=>{t&&(null==o||o.fetch(e))}),[e,t]),{records:n,actions:{subscribe:async()=>await(null==o?void 0:o.subscribe(e)),unsubscribe:()=>null==o?void 0:o.unsubscribe(e),fetch:async()=>await(null==o?void 0:o.fetch(e)),create:async t=>await(null==o?void 0:o.create(e,t)),update:async(t,r)=>await(null==o?void 0:o.update(e,t,r)),delete:async t=>await(null==o?void 0:o.delete(e,t))}}},e.useAppDispatch=Tn,e.useAppSelector=Un,e.useAuth=function(){return{actions:z.useContext(Wn)}},e.useClientContext=Mn,Object.defineProperty(e,"__esModule",{value:!0})}));
+var Xr,Gr=Symbol.for("react.element"),Yr=Symbol.for("react.portal"),Qr=Symbol.for("react.fragment"),Zr=Symbol.for("react.strict_mode"),en=Symbol.for("react.profiler"),tn=Symbol.for("react.provider"),rn=Symbol.for("react.context"),nn=Symbol.for("react.server_context"),on=Symbol.for("react.forward_ref"),un=Symbol.for("react.suspense"),cn=Symbol.for("react.suspense_list"),an=Symbol.for("react.memo"),fn=Symbol.for("react.lazy"),sn=Symbol.for("react.offscreen");function ln(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case Gr:switch(e=e.type){case Qr:case en:case Zr:case un:case cn:return e;default:switch(e=e&&e.$$typeof){case nn:case rn:case on:case fn:case an:case tn:return e;default:return t}}case Yr:return t}}}Xr=Symbol.for("react.module.reference");var pn={ContextConsumer:rn,ContextProvider:tn,Element:Gr,ForwardRef:on,Fragment:Qr,Lazy:fn,Memo:an,Portal:Yr,Profiler:en,StrictMode:Zr,Suspense:un,SuspenseList:cn,isAsyncMode:function(){return!1},isConcurrentMode:function(){return!1},isContextConsumer:function(e){return ln(e)===rn},isContextProvider:function(e){return ln(e)===tn},isElement:function(e){return"object"==typeof e&&null!==e&&e.$$typeof===Gr},isForwardRef:function(e){return ln(e)===on},isFragment:function(e){return ln(e)===Qr},isLazy:function(e){return ln(e)===fn},isMemo:function(e){return ln(e)===an},isPortal:function(e){return ln(e)===Yr},isProfiler:function(e){return ln(e)===en},isStrictMode:function(e){return ln(e)===Zr},isSuspense:function(e){return ln(e)===un},isSuspenseList:function(e){return ln(e)===cn},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===Qr||e===en||e===Zr||e===un||e===cn||e===sn||"object"==typeof e&&null!==e&&(e.$$typeof===fn||e.$$typeof===an||e.$$typeof===tn||e.$$typeof===rn||e.$$typeof===on||e.$$typeof===Xr||void 0!==e.getModuleId)},typeOf:ln};u((function(e){e.exports=pn}));const yn={notify(){},get:()=>[]};function dn(e,t){let r,n=yn;function o(){u.onStateChange&&u.onStateChange()}function i(){r||(r=t?t.addNestedSub(o):e.subscribe(o),n=function(){const e=mr();let t=null,r=null;return{clear(){t=null,r=null},notify(){e((()=>{let e=t;for(;e;)e.callback(),e=e.next}))},get(){let e=[],r=t;for(;r;)e.push(r),r=r.next;return e},subscribe(e){let n=!0,o=r={callback:e,next:null,prev:r};return o.prev?o.prev.next=o:t=o,function(){n&&null!==t&&(n=!1,o.next?o.next.prev=o.prev:r=o.prev,o.prev?o.prev.next=o.next:t=o.next)}}}}())}const u={addNestedSub:function(e){return i(),n.subscribe(e)},notifyNestedSubs:function(){n.notify()},handleChangeWrapper:o,isSubscribed:function(){return!!r},trySubscribe:i,tryUnsubscribe:function(){r&&(r(),r=void 0,n.clear(),n=yn)},getListeners:()=>n};return u}const bn=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement)?z.useLayoutEffect:z.useEffect;function vn({store:e,context:t,children:r,serverState:n}){const o=z.useMemo((()=>{const t=dn(e);return{store:e,subscription:t,getServerState:n?()=>n:void 0}}),[e,n]),i=z.useMemo((()=>e.getState()),[e]);bn((()=>{const{subscription:t}=o;return t.onStateChange=t.notifyNestedSubs,t.trySubscribe(),i!==e.getState()&&t.notifyNestedSubs(),()=>{t.tryUnsubscribe(),t.onStateChange=void 0}}),[o,i]);return z.createElement((t||gr).Provider,{value:o},r)}wr=vr.useSyncExternalStoreWithSelector,hr=t.unstable_batchedUpdates;var hn=e=>{if("[object Object]"!==Object.prototype.toString.call(e))return!1;const t=Object.getPrototypeOf(e);return null===t||t===Object.prototype};const{hasOwnProperty:mn}=Object.prototype,{propertyIsEnumerable:gn}=Object,On=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,enumerable:!0,configurable:!0}),wn=i,Sn={concatArrays:!1,ignoreUndefined:!1},Pn=e=>{const t=[];for(const r in e)mn.call(e,r)&&t.push(r);if(Object.getOwnPropertySymbols){const r=Object.getOwnPropertySymbols(e);for(const n of r)gn.call(e,n)&&t.push(n)}return t};function En(e){return Array.isArray(e)?function(e){const t=e.slice(0,0);return Pn(e).forEach((r=>{On(t,r,En(e[r]))})),t}(e):hn(e)?function(e){const t=null===Object.getPrototypeOf(e)?Object.create(null):{};return Pn(e).forEach((r=>{On(t,r,En(e[r]))})),t}(e):e}const jn=(e,t,r,n)=>(r.forEach((r=>{void 0===t[r]&&n.ignoreUndefined||On(e,r,r in e&&e[r]!==Object.getPrototypeOf(e)?_n(e[r],t[r],n):En(t[r]))})),e);function _n(e,t,r){return r.concatArrays&&Array.isArray(e)&&Array.isArray(t)?((e,t,r)=>{let n=e.slice(0,0),o=0;return[e,t].forEach((t=>{const i=[];for(let r=0;t.length>r;r++)mn.call(t,r)&&(i.push(r+""),On(n,o++,t===e?t[r]:En(t[r])));n=jn(n,t,Pn(t).filter((e=>!i.includes(e))),r)})),n})(e,t,r):hn(t)&&hn(e)?jn(e,t,Pn(t),r):En(t)}const Rn=function(...e){const t=_n(En(Sn),this!==wn&&this||{},Sn);let r={_:{}};for(const n of e)if(void 0!==n){if(!hn(n))throw new TypeError("`"+n+"` is not an Option Object");r=_n(r,{_:n},t)}return r._}.bind({concatArrays:!0,ignoreUndefined:!0});function xn(e,t){return new Promise(((r,n)=>{try{const n=e();null==t||t(null,n),r(n)}catch(e){null==t||t(e),n(e)}}))}function kn(e,t,r){return Promise.all(e).then((e=>{var n;const o=null!==(n=null==r?void 0:r(e))&&void 0!==n?n:null;return null==t||t(null,o),Promise.resolve(o)}),(e=>(null==t||t(e),Promise.reject(e))))}const An={getItem:(e,t)=>xn((()=>window.localStorage.getItem(e)),t),setItem:(e,t,r)=>xn((()=>window.localStorage.setItem(e,t)),r),removeItem:(e,t)=>xn((()=>window.localStorage.removeItem(e)),t),mergeItem:(e,t,r)=>xn((()=>function(e,t){const r=window.localStorage.getItem(e);if(r){const n=JSON.parse(r),o=JSON.parse(t),i=JSON.stringify(Rn(n,o));window.localStorage.setItem(e,i)}else window.localStorage.setItem(e,t)}(e,t)),r),clear:e=>xn((()=>window.localStorage.clear()),e),getAllKeys:e=>xn((()=>{const e=window.localStorage.length,t=[];for(let r=0;e>r;r+=1){const e=window.localStorage.key(r)||"";t.push(e)}return t}),e),flushGetRequests:()=>{},multiGet:(e,t)=>kn(e.map((e=>An.getItem(e))),t,(t=>t.map(((t,r)=>[e[r],t])))),multiSet:(e,t)=>kn(e.map((e=>An.setItem(e[0],e[1]))),t),multiRemove:(e,t)=>kn(e.map((e=>An.removeItem(e))),t),multiMerge:(e,t)=>kn(e.map((e=>An.mergeItem(e[0],e[1]))),t)};class Cn{static async get(e){return"undefined"!=typeof document?localStorage.getItem(e):await An.getItem(e)}static async set(e,t){return"undefined"!=typeof document?localStorage.setItem(e,t):await An.setItem(e,t)}static async remove(e){return"undefined"!=typeof document?localStorage.removeItem(e):await An.removeItem(e)}}const Dn={key:"root",storage:{getItem:async(e,...t)=>await Cn.get(e),setItem:async(e,t,...r)=>Cn.set(e,t),removeItem:async(e,...t)=>Cn.remove(e)}},$n=ae({reducer:function(e,t){var r=void 0!==e.version?e.version:-1,n=void 0===e.stateReconciler?Mt:e.stateReconciler,o=e.getStoredState||zt,i=void 0!==e.timeout?e.timeout:5e3,u=null,c=!1,a=!0,f=function(e){return e._persist.rehydrated&&u&&!a&&u.update(e),e};return function(s,l){var p=s||{},y=p._persist,d=Bt(p,["_persist"]);if(l.type===Dt){var b=!1,v=function(t,r){b||(l.rehydrate(e.key,t,r),b=!0)};if(i&&setTimeout((function(){!b&&v(void 0,Error('redux-persist: persist timed out for persist key "'.concat(e.key,'"')))}),i),a=!1,u||(u=Lt(e)),y)return Kt({},t(d,l),{_persist:y});if("function"!=typeof l.rehydrate||"function"!=typeof l.register)throw Error("redux-persist: either rehydrate or register is not a function on the PERSIST action. This can happen if the action is being replayed. This is an unexplored use case, please open an issue and we will figure out a resolution.");return l.register(e.key),o(e).then((function(t){var n=e.migrate||function(e,t){return Promise.resolve(e)};n(t,r).then((function(e){v(e)}),(function(e){v(void 0,e)}))}),(function(e){v(void 0,e)})),Kt({},t(d,l),{_persist:{version:r,rehydrated:!1}})}if(l.type===$t)return c=!0,l.result(function(e){var t=e.storage,r="".concat(void 0!==e.keyPrefix?e.keyPrefix:xt).concat(e.key);return t.removeItem(r,Wt)}(e)),Kt({},t(d,l),{_persist:y});if(l.type===kt)return l.result(u&&u.flush()),Kt({},t(d,l),{_persist:y});if(l.type===Ct)a=!0;else if(l.type===At){if(c)return Kt({},d,{_persist:Kt({},y,{rehydrated:!0})});if(l.key===e.key){var h=t(d,l),m=l.payload,g=Kt({},!1!==n&&void 0!==m?n(m,s,h,e):h,{_persist:Kt({},y,{rehydrated:!0})});return f(g)}}if(!y)return t(s,l);var O=t(d,l);return O===d?s:f(Kt({},O,{_persist:y}))}}(Dn,he)}),In=function(e){var t,r=Rt(),n=e||{},o=n.reducer,i=void 0===o?void 0:o,u=n.middleware,c=void 0===u?r():u,a=n.devTools,f=void 0===a||a,s=n.preloadedState,l=void 0===s?void 0:s,p=n.enhancers,y=void 0===p?void 0:p;if("function"==typeof i)t=i;else{if(!function(e){if("object"!=typeof e||null===e)return!1;var t=Object.getPrototypeOf(e);if(null===t)return!0;for(var r=t;null!==Object.getPrototypeOf(r);)r=Object.getPrototypeOf(r);return t===r}(i))throw Error('"reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers');t=ae(i)}var d=c;"function"==typeof d&&(d=d(r));var b=se.apply(void 0,d),v=fe;f&&(v=jt(function(e,t){for(var r in t||(t={}))St.call(t,r)&&Et(e,r,t[r]);if(wt)for(var n=0,o=wt(t);o.length>n;n++)Pt.call(t,r=o[n])&&Et(e,r,t[r]);return e}({trace:!1},"object"==typeof f&&f)));var h=[b];return Array.isArray(y)?h=gt([b],y):"function"==typeof y&&(h=y(h)),ce(t,l,v.apply(void 0,h))}({reducer:$n,middleware:[ht]}),Tn=In.dispatch,Un=Er,Nn=function(e,t,r){var n=r||!1,o=ce(Zt,Qt,t&&t.enhancer?t.enhancer:void 0),i=function(e){o.dispatch({type:It,key:e})},u=function(t,r,i){var u={type:At,payload:r,err:i,key:t};e.dispatch(u),o.dispatch(u),n&&c.getState().bootstrapped&&(n(),n=!1)},c=Gt({},o,{purge:function(){var t=[];return e.dispatch({type:$t,result:function(e){t.push(e)}}),Promise.all(t)},flush:function(){var t=[];return e.dispatch({type:kt,result:function(e){t.push(e)}}),Promise.all(t)},pause:function(){e.dispatch({type:Ct})},persist:function(){e.dispatch({type:Dt,register:i,rehydrate:u})}});return t&&t.manualPersist||c.persist(),c}(In),Mn=()=>z.useContext(zn),Ln=z.createContext({}),Fn=e=>{const t=Mn(),r=Tn,[n,o]=z.useState(e.collections||[]),[i,u]=z.useState([]),c={subscribe:async e=>{await(null==t?void 0:t.realtime.subscribe(e,(t=>{switch(t.action){case"create":r(X(e,t.record));break;case"update":r(Y(e,t.record));break;case"delete":r(G(e,t.record))}})).then((()=>{u([...i,e])})).catch((e=>{})))},unsubscribe:e=>{e?null==t||t.realtime.unsubscribe(e).then((()=>{u(i.filter((t=>t!==e)))})).catch((e=>{})):null==t||t.realtime.unsubscribe().then((()=>{u([])})).catch((e=>{}))},fetch:async e=>{const n=await(null==t?void 0:t.records.getFullList(e,200).catch((e=>{})));r(H(e,n))},create:async(e,r)=>{await(null==t?void 0:t.records.create(e,r).catch((e=>{})))},update:async(e,r,n)=>{await(null==t?void 0:t.records.update(e,r,n).catch((e=>{})))},delete:async(e,r)=>{await(null==t?void 0:t.records.delete(e,r).catch((e=>{})))}};return z.useEffect((()=>(n&&n.forEach((e=>{c.fetch(e),c.subscribe(e)})),()=>c.unsubscribe())),[n]),z.createElement(Ln.Provider,{value:{actions:c,subscribed:i}},e.children)},zn=z.createContext(null),Vn=e=>z.createElement(zn.Provider,{value:e.client},e.children),Wn=z.createContext({}),qn=e=>{const t=Mn(),[r,n]=z.useState(),o={registerWithEmail:async(e,r)=>{await(null==t?void 0:t.users.create({email:e,password:r,passwordConfirm:r}))},signInWithEmail:async(e,r)=>{await(null==t?void 0:t.users.authViaEmail(e,r))},signInWithProvider:async t=>{const n=null==r?void 0:r.find((e=>e.name===t)),o=(null==n?void 0:n.authUrl)+typeof document!="undefined"?e.webRedirectUrl:e.mobileRedirectUrl;await e.openURL(o),await Cn.set("provider",JSON.stringify(r))},submitProviderResult:async r=>{const n=new URLSearchParams(r.split("?")[1]),o=n.get("code"),i=n.get("state"),u=await Cn.get("provider");if(u){const r=JSON.parse(u),n=null==r?void 0:r.find((e=>e.state===i));n&&o&&await(null==t?void 0:t.users.authViaOAuth2(n.name,o,n.codeVerifier,"undefined"!=typeof document?e.webRedirectUrl:e.mobileRedirectUrl))}},signOut:()=>{null==t||t.authStore.clear()},sendPasswordResetEmail:async e=>{await(null==t?void 0:t.users.requestPasswordReset(e))},sendEmailVerification:async e=>{await(null==t?void 0:t.users.requestVerification(e))},updateProfile:async(e,r)=>{await(null==t?void 0:t.records.update("profiles",e,r))},updateEmail:async e=>{await(null==t?void 0:t.users.requestEmailChange(e))},deleteUser:async e=>{await(null==t?void 0:t.users.delete(e))}};return z.useEffect((()=>{(async()=>{const e=await(null==t?void 0:t.users.listAuthMethods());n(null==e?void 0:e.authProviders)})()}),[e.webRedirectUrl,e.mobileRedirectUrl]),z.createElement(Wn.Provider,{value:o},e.children)};function Kn(e){return Kn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Kn(e)}function Jn(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Bn(e,t){for(var r=0;t.length>r;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function Hn(e,t){return!t||"object"!==Kn(t)&&"function"!=typeof t?Gn(e):t}function Xn(e){return Xn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Xn(e)}function Gn(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Yn(e,t){return Yn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},Yn(e,t)}function Qn(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var Zn=function(e){function t(){var e,r;Jn(this,t);for(var n=arguments.length,o=Array(n),i=0;n>i;i++)o[i]=arguments[i];return Qn(Gn(r=Hn(this,(e=Xn(t)).call.apply(e,[this].concat(o)))),"state",{bootstrapped:!1}),Qn(Gn(r),"_unsubscribe",void 0),Qn(Gn(r),"handlePersistorState",(function(){r.props.persistor.getState().bootstrapped&&(r.props.onBeforeLift?Promise.resolve(r.props.onBeforeLift()).finally((function(){return r.setState({bootstrapped:!0})})):r.setState({bootstrapped:!0}),r._unsubscribe&&r._unsubscribe())})),r}var r,n,o;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Yn(e,t)}(t,e),r=t,(n=[{key:"componentDidMount",value:function(){this._unsubscribe=this.props.persistor.subscribe(this.handlePersistorState),this.handlePersistorState()}},{key:"componentWillUnmount",value:function(){this._unsubscribe&&this._unsubscribe()}},{key:"render",value:function(){return"function"==typeof this.props.children?this.props.children(this.state.bootstrapped):this.state.bootstrapped?this.props.children:this.props.loading}}])&&Bn(r.prototype,n),o&&Bn(r,o),t}(z.PureComponent);Qn(Zn,"defaultProps",{children:null,loading:null});const eo=z.createContext(null);e.ADD_RECORD=W,e.ADD_RECORDS=q,e.AuthContext=Wn,e.AuthProvider=qn,e.ClientContext=zn,e.ClientProvider=Vn,e.ContentContext=Ln,e.ContentProvider=Fn,e.DELETE_RECORD=J,e.DELETE_RECORDS=B,e.Pocketbase=e=>{const t=new o.default(e.serverURL);return t?z.createElement(Vn,{client:t},z.createElement(vn,{store:In},z.createElement(Zn,{persistor:Nn},z.createElement(qn,{webRedirectUrl:e.webRedirectUrl,mobileRedirectUrl:e.mobileRedirectUrl,openURL:e.openURL},z.createElement(Fn,{collections:e.initialCollections},e.children))))):null},e.PocketbaseContext=eo,e.SET_RECORDS=V,e.UPDATE_RECORD=K,e.appReducer=he,e.persistConfig=Dn,e.persistor=Nn,e.recordsAction=Q,e.store=In,e.useAppContent=function(e,t=!1){var r;const n=null!=(r=Un((t=>t.reducer.records[e])))?r:[],o=z.useContext(Ln);z.useEffect((()=>{t&&o.actions.fetch(e)}),[e,t]);const[i,u]=z.useState(!1);return z.useEffect((()=>{u(o.subscribed.includes(e))}),[e,o.subscribed]),{records:n,actions:{subscribe:async()=>await o.actions.subscribe(e),unsubscribe:()=>o.actions.unsubscribe(e),fetch:async()=>await o.actions.fetch(e),create:async t=>await o.actions.create(e,t),update:async(t,r)=>await o.actions.update(e,t,r),delete:async t=>await o.actions.delete(e,t)},isSubscribed:i}},e.useAppDispatch=Tn,e.useAppSelector=Un,e.useAuth=function(){return{actions:z.useContext(Wn)}},e.useClientContext=Mn,Object.defineProperty(e,"__esModule",{value:!0})}));

package/es/context/auth.d.ts

@@ -29,7 +29,7 @@ export interface AuthActions {
     updateEmail: UpdateEmailType;
     deleteUser: DeleteUserType;
 }
-export declare const AuthContext: React.Context<AuthActions | null>;
+export declare const AuthContext: React.Context<AuthActions>;
 export declare type AuthProviderProps = {
     children: React.ReactNode;
     webRedirectUrl: string;

package/es/context/auth.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { createContext } from 'react';
 import { useClientContext } from '../hooks/useClientContext';
 import { StorageService } from '../service/Storage';
-export const AuthContext = createContext(null);
+export const AuthContext = createContext({});
 export const AuthProvider = props => {
   const client = useClientContext();
   const [authProviders, setAuthProviders] = React.useState();

package/es/context/content.d.ts

@@ -13,7 +13,11 @@ interface ContentActions {
     update: UpdateType;
     delete: DeleteType;
 }
-export declare const ContentContext: React.Context<ContentActions | null>;
+interface ContentContext {
+    actions: ContentActions;
+    subscribed: string[];
+}
+export declare const ContentContext: React.Context<ContentContext>;
 export declare type ContentProviderProps = {
     children: React.ReactNode;
     collections?: string[];

package/es/context/content.js

@@ -3,11 +3,12 @@ import * as React from 'react';
 import { createContext, useEffect } from 'react';
 import { useClientContext } from '../hooks/useClientContext';
 import { recordsAction } from '../store/actions';
-export const ContentContext = createContext(null);
+export const ContentContext = createContext({});
 export const ContentProvider = props => {
   const client = useClientContext();
   const dispatch = store.useAppDispatch;
   const [collections, _] = React.useState(props.collections || []);
+  const [subscribed, setSubscribed] = React.useState([]);
   const actions = {
     subscribe: async collectionName => {
       await (client == null ? void 0 : client.realtime.subscribe(collectionName, event => {
@@ -24,15 +25,19 @@ export const ContentProvider = props => {
           default:
             break;
         }
+      }).then(() => {
+        setSubscribed([...subscribed, collectionName]);
       }).catch(_error => {}));
     },
     unsubscribe: collectionName => {
       if (collectionName) {
-        client == null ? void 0 : client.realtime.unsubscribe(collectionName).catch(_error => {});
-        ;
+        client == null ? void 0 : client.realtime.unsubscribe(collectionName).then(() => {
+          setSubscribed(subscribed.filter(name => name !== collectionName));
+        }).catch(_error => {});
       } else {
-        client == null ? void 0 : client.realtime.unsubscribe().catch(_error => {});
-        ;
+        client == null ? void 0 : client.realtime.unsubscribe().then(() => {
+          setSubscribed([]);
+        }).catch(_error => {});
       }
     },
     fetch: async collectionName => {
@@ -59,6 +64,9 @@ export const ContentProvider = props => {
     return () => actions.unsubscribe();
   }, [collections]);
   return /*#__PURE__*/React.createElement(ContentContext.Provider, {
-    value: actions
+    value: {
+      actions,
+      subscribed
+    }
   }, props.children);
 };

package/es/hooks/useAppContent.d.ts

@@ -16,4 +16,5 @@ export interface Actions {
 export declare function useAppContent<T extends Record>(collectionName: string, initialFetch?: boolean): {
     records: T[];
     actions: Actions;
+    isSubscribed: boolean;
 };

package/es/hooks/useAppContent.js

@@ -1,4 +1,4 @@
-import { useContext, useEffect } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import * as store from '../store';
 import { ContentContext } from '../context';
 export function useAppContent(collectionName, initialFetch = false) {
@@ -7,19 +7,24 @@ export function useAppContent(collectionName, initialFetch = false) {
   const context = useContext(ContentContext);
   useEffect(() => {
     if (initialFetch) {
-      context == null ? void 0 : context.fetch(collectionName);
+      context.actions.fetch(collectionName);
     }
   }, [collectionName, initialFetch]);
+  const [isSubscribed, setIsSubscribed] = useState(false);
+  useEffect(() => {
+    setIsSubscribed(context.subscribed.includes(collectionName));
+  }, [collectionName, context.subscribed]);
   const actions = {
-    subscribe: async () => await (context == null ? void 0 : context.subscribe(collectionName)),
-    unsubscribe: () => context == null ? void 0 : context.unsubscribe(collectionName),
-    fetch: async () => await (context == null ? void 0 : context.fetch(collectionName)),
-    create: async record => await (context == null ? void 0 : context.create(collectionName, record)),
-    update: async (id, record) => await (context == null ? void 0 : context.update(collectionName, id, record)),
-    delete: async id => await (context == null ? void 0 : context.delete(collectionName, id))
+    subscribe: async () => await context.actions.subscribe(collectionName),
+    unsubscribe: () => context.actions.unsubscribe(collectionName),
+    fetch: async () => await context.actions.fetch(collectionName),
+    create: async record => await context.actions.create(collectionName, record),
+    update: async (id, record) => await context.actions.update(collectionName, id, record),
+    delete: async id => await context.actions.delete(collectionName, id)
   };
   return {
     records,
-    actions
+    actions,
+    isSubscribed
   };
 }

package/es/hooks/useAuth.d.ts

@@ -1,4 +1,4 @@
 import { AuthActions } from '../context/auth';
 export declare function useAuth(): {
-    actions: AuthActions | null;
+    actions: AuthActions;
 };

package/lib/context/auth.js

@@ -7,7 +7,7 @@ var _useClientContext = require("../hooks/useClientContext");
 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 AuthContext = (0, React.createContext)(null);
+const AuthContext = (0, React.createContext)({});
 exports.AuthContext = AuthContext;
 const AuthProvider = props => {
   const client = (0, _useClientContext.useClientContext)();

package/lib/context/content.js

@@ -8,12 +8,13 @@ var _useClientContext = require("../hooks/useClientContext");
 var _actions = require("../store/actions");
 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 ContentContext = (0, React.createContext)(null);
+const ContentContext = (0, React.createContext)({});
 exports.ContentContext = ContentContext;
 const ContentProvider = props => {
   const client = (0, _useClientContext.useClientContext)();
   const dispatch = store.useAppDispatch;
   const [collections, _] = React.useState(props.collections || []);
+  const [subscribed, setSubscribed] = React.useState([]);
   const actions = {
     subscribe: async collectionName => {
       await (client == null ? void 0 : client.realtime.subscribe(collectionName, event => {
@@ -30,15 +31,19 @@ const ContentProvider = props => {
           default:
             break;
         }
+      }).then(() => {
+        setSubscribed([...subscribed, collectionName]);
       }).catch(_error => {}));
     },
     unsubscribe: collectionName => {
       if (collectionName) {
-        client == null ? void 0 : client.realtime.unsubscribe(collectionName).catch(_error => {});
-        ;
+        client == null ? void 0 : client.realtime.unsubscribe(collectionName).then(() => {
+          setSubscribed(subscribed.filter(name => name !== collectionName));
+        }).catch(_error => {});
       } else {
-        client == null ? void 0 : client.realtime.unsubscribe().catch(_error => {});
-        ;
+        client == null ? void 0 : client.realtime.unsubscribe().then(() => {
+          setSubscribed([]);
+        }).catch(_error => {});
       }
     },
     fetch: async collectionName => {
@@ -65,7 +70,10 @@ const ContentProvider = props => {
     return () => actions.unsubscribe();
   }, [collections]);
   return /*#__PURE__*/React.createElement(ContentContext.Provider, {
-    value: actions
+    value: {
+      actions,
+      subscribed
+    }
   }, props.children);
 };
 exports.ContentProvider = ContentProvider;

package/lib/hooks/useAppContent.js

@@ -13,19 +13,24 @@ function useAppContent(collectionName, initialFetch = false) {
   const context = (0, _react.useContext)(_context.ContentContext);
   (0, _react.useEffect)(() => {
     if (initialFetch) {
-      context == null ? void 0 : context.fetch(collectionName);
+      context.actions.fetch(collectionName);
     }
   }, [collectionName, initialFetch]);
+  const [isSubscribed, setIsSubscribed] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    setIsSubscribed(context.subscribed.includes(collectionName));
+  }, [collectionName, context.subscribed]);
   const actions = {
-    subscribe: async () => await (context == null ? void 0 : context.subscribe(collectionName)),
-    unsubscribe: () => context == null ? void 0 : context.unsubscribe(collectionName),
-    fetch: async () => await (context == null ? void 0 : context.fetch(collectionName)),
-    create: async record => await (context == null ? void 0 : context.create(collectionName, record)),
-    update: async (id, record) => await (context == null ? void 0 : context.update(collectionName, id, record)),
-    delete: async id => await (context == null ? void 0 : context.delete(collectionName, id))
+    subscribe: async () => await context.actions.subscribe(collectionName),
+    unsubscribe: () => context.actions.unsubscribe(collectionName),
+    fetch: async () => await context.actions.fetch(collectionName),
+    create: async record => await context.actions.create(collectionName, record),
+    update: async (id, record) => await context.actions.update(collectionName, id, record),
+    delete: async id => await context.actions.delete(collectionName, id)
   };
   return {
     records,
-    actions
+    actions,
+    isSubscribed
   };
 }

package/package.json

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

package/src/context/auth.tsx

@@ -37,7 +37,7 @@ export interface AuthActions {
   deleteUser: DeleteUserType;
 }
 
-export const AuthContext = createContext<AuthActions | null>(null);
+export const AuthContext = createContext<AuthActions>({} as AuthActions);
 
 export type AuthProviderProps = {
   children: React.ReactNode;

package/src/context/content.tsx

@@ -21,7 +21,12 @@ interface ContentActions {
   delete: DeleteType;
 }
 
-export const ContentContext = createContext<ContentActions | null>(null);
+interface ContentContext {
+  actions: ContentActions;
+  subscribed: string[];
+}
+
+export const ContentContext = createContext<ContentContext>({} as ContentContext);
 
 export type ContentProviderProps = {
   children: React.ReactNode;
@@ -37,6 +42,7 @@ export const ContentProvider = (props: ContentProviderProps) => {
   const client = useClientContext();
   const dispatch = store.useAppDispatch;
   const [collections, _] = React.useState<string[]>(props.collections || []);
+  const [subscribed, setSubscribed] = React.useState<string[]>([]);
 
   const actions: ContentActions = {
     subscribe: async (collectionName: string) => {
@@ -54,13 +60,25 @@ export const ContentProvider = (props: ContentProviderProps) => {
           default:
             break;
         }
-      }).catch((_error) => {});
+      })
+      .then(() => {
+        setSubscribed([...subscribed, collectionName]);
+      })
+      .catch((_error) => {});
     },
     unsubscribe: (collectionName?: string) => {
       if (collectionName) {
-        client?.realtime.unsubscribe(collectionName).catch((_error) => {});;
+        client?.realtime.unsubscribe(collectionName)
+        .then(() => {
+          setSubscribed(subscribed.filter((name) => name !== collectionName));
+        })
+        .catch((_error) => {});
       } else {
-        client?.realtime.unsubscribe().catch((_error) => {});;
+        client?.realtime.unsubscribe()
+        .then(() => {
+          setSubscribed([]);
+        })
+        .catch((_error) => {});
       }
     },
     fetch: async (collectionName: string) => {
@@ -89,6 +107,9 @@ export const ContentProvider = (props: ContentProviderProps) => {
   }, [collections]);
 
   return (
-    <ContentContext.Provider value={actions}>{props.children}</ContentContext.Provider>
+    <ContentContext.Provider value={{
+      actions,
+      subscribed,
+    }}>{props.children}</ContentContext.Provider>
   );
 };

package/src/hooks/useAppContent.ts

@@ -1,4 +1,4 @@
-import { useContext, useEffect } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import * as store from '../store';
 import { ContentContext } from '../context';
 import { Record } from '../interfaces/Record';
@@ -22,23 +22,30 @@ export interface Actions {
 export function useAppContent<T extends Record>(
   collectionName: string,
   initialFetch: boolean = false
-): {records: T[], actions: Actions} {
+): {records: T[], actions: Actions, isSubscribed: boolean} {
   const records = (store.useAppSelector((state) => state.reducer.records[collectionName]) ?? []) as T[];
   const context = useContext(ContentContext);
 
   useEffect(() => {
     if (initialFetch) {
-      context?.fetch(collectionName);
+      context.actions.fetch(collectionName);
     }
   }, [collectionName, initialFetch]);
 
+  const [isSubscribed, setIsSubscribed] = useState(false);
+
+  useEffect(() => {
+    setIsSubscribed(context.subscribed.includes(collectionName));
+  }, [collectionName, context.subscribed])
+  
+
   const actions: Actions = {
-    subscribe: async () => await context?.subscribe(collectionName),
-    unsubscribe: () => context?.unsubscribe(collectionName),
-    fetch: async () => await context?.fetch(collectionName),
-    create: async (record: {}) => await context?.create(collectionName, record),
-    update: async (id: string, record: {}) => await context?.update(collectionName, id, record),
-    delete: async (id: string) => await context?.delete(collectionName, id),
+    subscribe: async () => await context.actions.subscribe(collectionName),
+    unsubscribe: () => context.actions.unsubscribe(collectionName),
+    fetch: async () => await context.actions.fetch(collectionName),
+    create: async (record: {}) => await context.actions.create(collectionName, record),
+    update: async (id: string, record: {}) => await context.actions.update(collectionName, id, record),
+    delete: async (id: string) => await context.actions.delete(collectionName, id),
   };
-  return { records, actions };
+  return { records, actions, isSubscribed };
 }

package/src/hooks/useAuth.ts

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { AuthActions, AuthContext } from '../context/auth';
 
-export function useAuth(): { actions: AuthActions | null } {
+export function useAuth(): { actions: AuthActions } {
   const actions = useContext(AuthContext);
   return { actions };
 }