@ossy/sdk-react 0.0.1-beta.3

package/README.md

@@ -0,0 +1,100 @@
+# React bindings
+
+To make it as easy as possible to use our cms we have created a library
+with react hooks you can use to fetch data.
+
+## Getting started
+
+To use these hooks install the package **@ossy/cms-client-react**
+
+```
+npm install @ossy/cms-client-react
+```
+
+Then we simply need to wrap our app in a <WorkspaceProvider /> that will
+handle data storage and configuration for us.
+You will need the workspaceId for the workspace you want to fetch data from.
+The workspaceId can be found in the list of workspaces you have access to or
+in the url when you view the resources in the UI.
+
+```
+// App.jsx
+import { WorkspaceProvider } from '@ossy/cms-client-react'
+import { MyComponent } from './MyComponent.jsx'
+
+export const App = () => (
+  <WorkspaceProvider workspaceId="your-workspace-id">
+    <MyComponent />
+  </WorkspaceProvider>
+)
+```
+```
+// MyComponent.jsx
+import { useResources } from '@ossy/cms-client-react'
+
+export const MyComponent = () => {
+  const { status, resources } = useResources('/folder/path/in/cms')
+
+  return (
+    <>
+      { status === 'Error' && (
+        <>Something went wrong</>
+      )}
+
+      { status === 'Loading' && (
+        <>Loading...</>
+      )}
+
+      { status === 'Success' && (
+        resources.map(resource => (
+          <div key={resource.id}>
+            {resource.name}
+          </div>
+        ))
+      )}
+    </>  
+  )
+}
+```
+
+## Reference
+
+### useResources
+
+```
+const { status, resources } = useResources('/')
+```
+
+**Parameters**
+
+- **path** - Folder path in the cms UI
+
+**Returns**
+
+Returns an object containing
+
+- **status** - String value that indicates loading status.
+  Can be used to show loading indicators or error screens.
+  Possible values are: NotInitialized, Loading, Success, Error
+- **resources** - Array of resources, defaults to an empty array when
+  loading is not Success
+
+### useResource
+
+```
+const { status, resource } = useResource('resourceId')
+```
+
+**Parameters**
+
+- **resourceId** - Id of the resource you want to fetch
+
+**Returns**
+
+Returns an object containing
+
+- **status** - String value that indicates loading status.
+  Can be used to show loading indicators or error screens.
+  Possible values are: NotInitialized, Loading, Success, Error
+- **resource** - The fetched resource, defaults to an empty object
+  when status is not Success

package/build/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react");function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=e(t);const n={NotInitialized:"NotInitialized",Loading:"Loading",Success:"Success",Error:"Error"};function a(){return a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},a.apply(null,arguments)}const u=t.createContext(),s="SET",o=(e,r)=>{const{get:n,set:a}=t.useContext(u);return{data:(()=>{const t=n(e);return null==t?r:t})(),set:a(e)}};function c(t){return null!=t&&"object"==typeof t&&!0===t["@@functional/placeholder"]}function i(t){return function e(r){return 0===arguments.length||c(r)?e:t.apply(this,arguments)}}function l(t){return function e(r,n){switch(arguments.length){case 0:return e;case 1:return c(r)?e:i((function(e){return t(r,e)}));default:return c(r)&&c(n)?e:c(r)?i((function(e){return t(e,n)})):c(n)?i((function(e){return t(r,e)})):t(r,n)}}}function f(t,e){switch(t){case 0:return function(){return e.apply(this,arguments)};case 1:return function(t){return e.apply(this,arguments)};case 2:return function(t,r){return e.apply(this,arguments)};case 3:return function(t,r,n){return e.apply(this,arguments)};case 4:return function(t,r,n,a){return e.apply(this,arguments)};case 5:return function(t,r,n,a,u){return e.apply(this,arguments)};case 6:return function(t,r,n,a,u,s){return e.apply(this,arguments)};case 7:return function(t,r,n,a,u,s,o){return e.apply(this,arguments)};case 8:return function(t,r,n,a,u,s,o,c){return e.apply(this,arguments)};case 9:return function(t,r,n,a,u,s,o,c,i){return e.apply(this,arguments)};case 10:return function(t,r,n,a,u,s,o,c,i,l){return e.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}}function d(t,e,r){return function(){for(var n=[],a=0,u=t,s=0;s<e.length||a<arguments.length;){var o;s<e.length&&(!c(e[s])||a>=arguments.length)?o=e[s]:(o=arguments[a],a+=1),n[s]=o,c(o)||(u-=1),s+=1}return u<=0?r.apply(this,n):f(u,d(t,n,r))}}var p=l((function(t,e){return 1===t?i(e):f(t,d(t,[],e))}));function h(t){return function e(r,n,a){switch(arguments.length){case 0:return e;case 1:return c(r)?e:l((function(e,n){return t(r,e,n)}));case 2:return c(r)&&c(n)?e:c(r)?l((function(e,r){return t(e,n,r)})):c(n)?l((function(e,n){return t(r,e,n)})):i((function(e){return t(r,n,e)}));default:return c(r)&&c(n)&&c(a)?e:c(r)&&c(n)?l((function(e,r){return t(e,r,a)})):c(r)&&c(a)?l((function(e,r){return t(e,n,r)})):c(n)&&c(a)?l((function(e,n){return t(r,e,n)})):c(r)?i((function(e){return t(e,n,a)})):c(n)?i((function(e){return t(r,e,a)})):c(a)?i((function(e){return t(r,n,e)})):t(r,n,a)}}}var y=Array.isArray||function(t){return null!=t&&t.length>=0&&"[object Array]"===Object.prototype.toString.call(t)};function g(t,e,r){return function(){if(0===arguments.length)return r();var n=Array.prototype.slice.call(arguments,0),a=n.pop();if(!y(a)){for(var u=0;u<t.length;){if("function"==typeof a[t[u]])return a[t[u]].apply(a,n);u+=1}if(function(t){return null!=t&&"function"==typeof t["@@transducer/step"]}(a))return e.apply(null,n)(a)}return r.apply(this,arguments)}}var k=function(){return this.xf["@@transducer/init"]()},b=function(t){return this.xf["@@transducer/result"](t)};function v(t){return"[object String]"===Object.prototype.toString.call(t)}var m=i((function(t){return!!y(t)||!!t&&("object"==typeof t&&(!v(t)&&(1===t.nodeType?!!t.length:0===t.length||t.length>0&&(t.hasOwnProperty(0)&&t.hasOwnProperty(t.length-1)))))})),A=function(){function t(t){this.f=t}return t.prototype["@@transducer/init"]=function(){throw new Error("init not implemented on XWrap")},t.prototype["@@transducer/result"]=function(t){return t},t.prototype["@@transducer/step"]=function(t,e){return this.f(t,e)},t}();var I=l((function(t,e){return f(t.length,(function(){return t.apply(e,arguments)}))}));function C(t,e,r){for(var n=r.next();!n.done;){if((e=t["@@transducer/step"](e,n.value))&&e["@@transducer/reduced"]){e=e["@@transducer/value"];break}n=r.next()}return t["@@transducer/result"](e)}function w(t,e,r,n){return t["@@transducer/result"](r[n](I(t["@@transducer/step"],t),e))}var E="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator";function x(t,e,r){if("function"==typeof t&&(t=function(t){return new A(t)}(t)),m(r))return function(t,e,r){for(var n=0,a=r.length;n<a;){if((e=t["@@transducer/step"](e,r[n]))&&e["@@transducer/reduced"]){e=e["@@transducer/value"];break}n+=1}return t["@@transducer/result"](e)}(t,e,r);if("function"==typeof r["fantasy-land/reduce"])return w(t,e,r,"fantasy-land/reduce");if(null!=r[E])return C(t,e,r[E]());if("function"==typeof r.next)return C(t,e,r);if("function"==typeof r.reduce)return w(t,e,r,"reduce");throw new TypeError("reduce: list must be array or iterable")}var S=function(){function t(t,e){this.xf=e,this.f=t}return t.prototype["@@transducer/init"]=k,t.prototype["@@transducer/result"]=b,t.prototype["@@transducer/step"]=function(t,e){return this.xf["@@transducer/step"](t,this.f(e))},t}(),j=l((function(t,e){return new S(t,e)}));function N(t,e){return Object.prototype.hasOwnProperty.call(e,t)}var O=Object.prototype.toString,z=function(){return"[object Arguments]"===O.call(arguments)?function(t){return"[object Arguments]"===O.call(t)}:function(t){return N("callee",t)}}(),P=!{toString:null}.propertyIsEnumerable("toString"),R=["constructor","valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],T=function(){return arguments.propertyIsEnumerable("length")}(),q=function(t,e){for(var r=0;r<t.length;){if(t[r]===e)return!0;r+=1}return!1},L="function"!=typeof Object.keys||T?i((function(t){if(Object(t)!==t)return[];var e,r,n=[],a=T&&z(t);for(e in t)!N(e,t)||a&&"length"===e||(n[n.length]=e);if(P)for(r=R.length-1;r>=0;)N(e=R[r],t)&&!q(n,e)&&(n[n.length]=e),r-=1;return n})):i((function(t){return Object(t)!==t?[]:Object.keys(t)})),U=l(g(["fantasy-land/map","map"],j,(function(t,e){switch(Object.prototype.toString.call(e)){case"[object Function]":return p(e.length,(function(){return t.call(this,e.apply(this,arguments))}));case"[object Object]":return x((function(r,n){return r[n]=t(e[n]),r}),{},L(e));default:return function(t,e){for(var r=0,n=e.length,a=Array(n);r<n;)a[r]=t(e[r]),r+=1;return a}(t,e)}}))),M=Number.isInteger||function(t){return(t|0)===t},V=l((function(t,e){var r=t<0?e.length+t:t;return v(e)?e.charAt(r):e[r]})),W=l((function(t,e){return t.map((function(t){for(var r,n=e,a=0;a<t.length;){if(null==n)return;r=t[a],n=M(r)?V(r,n):n[r],a+=1}return n}))})),D=l((function(t,e){return W([t],e)[0]})),F=i((function(t){return function(){return t}})),B=h((function(t,e,r){var n={};for(var a in r)n[a]=r[a];return n[t]=e,n})),Q=i((function(t){return null==t})),_=h((function t(e,r,n){if(0===e.length)return r;var a=e[0];if(e.length>1){var u=!Q(n)&&N(a,n)?n[a]:M(e[1])?[]:{};r=t(Array.prototype.slice.call(e,1),r,u)}if(M(a)&&y(n)){var s=[].concat(n);return s[a]=r,s}return B(a,r,n)})),X=_,G=i((function(t){return p(t.length,t)})),H=i((function(t){return null===t?"Null":void 0===t?"Undefined":Object.prototype.toString.call(t).slice(8,-1)}));function J(t){for(var e,r=[];!(e=t.next()).done;)r.push(e.value);return r}function K(t,e,r){for(var n=0,a=r.length;n<a;){if(t(e,r[n]))return!0;n+=1}return!1}var Y="function"==typeof Object.is?Object.is:function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e};function Z(t,e,r,n){var a=J(t);function u(t,e){return $(t,e,r.slice(),n.slice())}return!K((function(t,e){return!K(u,e,t)}),J(e),a)}function $(t,e,r,n){if(Y(t,e))return!0;var a,u,s=H(t);if(s!==H(e))return!1;if(null==t||null==e)return!1;if("function"==typeof t["fantasy-land/equals"]||"function"==typeof e["fantasy-land/equals"])return"function"==typeof t["fantasy-land/equals"]&&t["fantasy-land/equals"](e)&&"function"==typeof e["fantasy-land/equals"]&&e["fantasy-land/equals"](t);if("function"==typeof t.equals||"function"==typeof e.equals)return"function"==typeof t.equals&&t.equals(e)&&"function"==typeof e.equals&&e.equals(t);switch(s){case"Arguments":case"Array":case"Object":if("function"==typeof t.constructor&&"Promise"===(a=t.constructor,null==(u=String(a).match(/^function (\w*)/))?"":u[1]))return t===e;break;case"Boolean":case"Number":case"String":if(typeof t!=typeof e||!Y(t.valueOf(),e.valueOf()))return!1;break;case"Date":if(!Y(t.valueOf(),e.valueOf()))return!1;break;case"Error":return t.name===e.name&&t.message===e.message;case"RegExp":if(t.source!==e.source||t.global!==e.global||t.ignoreCase!==e.ignoreCase||t.multiline!==e.multiline||t.sticky!==e.sticky||t.unicode!==e.unicode)return!1}for(var o=r.length-1;o>=0;){if(r[o]===t)return n[o]===e;o-=1}switch(s){case"Map":return t.size===e.size&&Z(t.entries(),e.entries(),r.concat([t]),n.concat([e]));case"Set":return t.size===e.size&&Z(t.values(),e.values(),r.concat([t]),n.concat([e]));case"Arguments":case"Array":case"Object":case"Boolean":case"Number":case"String":case"Date":case"Error":case"RegExp":case"Int8Array":case"Uint8Array":case"Uint8ClampedArray":case"Int16Array":case"Uint16Array":case"Int32Array":case"Uint32Array":case"Float32Array":case"Float64Array":case"ArrayBuffer":break;default:return!1}var c=L(t);if(c.length!==L(e).length)return!1;var i=r.concat([t]),l=n.concat([e]);for(o=c.length-1;o>=0;){var f=c[o];if(!N(f,e)||!$(e[f],t[f],i,l))return!1;o-=1}return!0}var tt=l((function(t,e){return $(t,e,[],[])})),et=h((function(t,e,r){var n=Array.prototype.slice.call(r,0);return n.splice(t,e),n})),rt=function(){function t(t,e){this.xf=e,this.f=t,this.idx=-1,this.found=!1}return t.prototype["@@transducer/init"]=k,t.prototype["@@transducer/result"]=function(t){return this.found||(t=this.xf["@@transducer/step"](t,-1)),this.xf["@@transducer/result"](t)},t.prototype["@@transducer/step"]=function(t,e){var r;return this.idx+=1,this.f(e)&&(this.found=!0,t=(r=this.xf["@@transducer/step"](t,this.idx))&&r["@@transducer/reduced"]?r:{"@@transducer/value":r,"@@transducer/reduced":!0}),t},t}(),nt=l(g([],l((function(t,e){return new rt(t,e)})),(function(t,e){for(var r=0,n=e.length;r<n;){if(t(e[r]))return r;r+=1}return-1}))),at=l((function(t,e){return function(r){return function(n){return U((function(t){return e(t,n)}),r(t(n)))}}})),ut=i((function(t){return at(D(t),X(t))})),st=function(t){return{value:t,map:function(e){return st(e(t))}}},ot=h((function(t,e,r){return t((function(t){return st(e(t))}))(r).value})),ct=ot,it=h((function(t,e,r){return tt(e,r[t])})),lt=h((function(t,e,r){return ct(t,F(e),r)})),ft=lt;const dt=t.createContext({}),pt=(({get:e,set:n})=>o=>{const[c,i]=t.useReducer((({set:t,get:e})=>(r={},n)=>{if(n.type===s){let a;if("function"==typeof n.data){const t=e(n.cachePath,r);a=n.data(t)}else a=n.data;return t(n.cachePath,a,r)}return{...r}})({set:n,get:e}),{}),l=t.useCallback((t=>e=>{i({type:s,cachePath:t,data:e})}),[i]),f=t.useCallback((t=>e(t,c)),[c,e]);return r.default.createElement(u.Provider,a({value:{get:f,set:l}},o))})({get:D,set:(t,e,r)=>ft(ut(t),e,r)});function ht(){return t.useContext(dt).sdk}const yt=G(((t,e,r)=>{const n=nt(it(t,e),r);return-1===n?r:et(n,1,r)})),gt=["apiTokens","status"],kt=["apiTokens","data"],bt={AuthenticationError:"AuthenticationError",NotInitialized:"NotInitialized",NotAuthenticated:"NotAuthenticated",Verifying:"Verifying",Authenticated:"Authenticated",VerifySignIn:"VerifySignIn"},vt=["auth","status"],mt=()=>{const e=ht(),r=e.workspaceId,a=t.useMemo((()=>["workspace",r]),[r]),{data:u={status:n.NotInitialized,data:{}},set:s}=o(a),c=t.useCallback((()=>{s({status:n.Loading,data:{}}),e.workspaces.byId(r).then((t=>s({data:t,status:n.Success}))).catch((()=>s({status:n.Error,data:{}})))}),[e,r]),i=t.useCallback((t=>e.workspaces.createApiToken(r,t).then((({id:e,token:r})=>(s({status:workspaces.status,data:{...u,apiTokens:[...u.apiTokens,{id:e,description:t}]}}),r)))),[e]),l=t.useCallback((t=>e.workspaces.inviteUser(r,t)),[e]);return t.useEffect((()=>{r&&u.status===n.NotInitialized&&c()}),[r,u]),{status:u.status,workspace:u.data,loadWorkspace:c,createApiToken:i,inviteUser:l}},At=["workspaces"],It=G(((t,e,r)=>U((r=>r[t]===e[t]?e:r),r))),Ct=e=>{const r=ht(),a=r.workspaceId,u=t.useMemo((()=>["resources",a,"status",e]),[a,e]),s=t.useMemo((()=>["resources",a,"data"]),[a]),{data:c,set:i}=o(u,n.NotInitialized),{data:l,set:f}=o(s,[]),d=t.useMemo((()=>l.filter((t=>t.location===e))),[l,e]),p=t.useCallback((t=>{const e=l.find((e=>e.id===t));return e?Promise.resolve(e):r.resources.byId(t).then((t=>(f(((e=[])=>It("id",t,e))),t)))}),[r,l,f]),h=t.useCallback((()=>{i(n.Loading),r.resources.byLocation(e).then((t=>{i(n.Success),f(((e=[])=>{const r=t.map((t=>t.id)),n=e.filter((t=>!r.includes(t.id)));return[...t,...n]}))})).catch((()=>{i(n.Error)}))}),[r,e,i,f]),y=t.useCallback((t=>r.resources.create({type:t.type,location:t.location,name:t.name,content:t.content}).then((t=>(f(((e=[])=>[...e,t])),t)))),[r,f]),g=t.useCallback(((t,e)=>r.resources.upload({location:t,file:e}).then((t=>(f(((e=[])=>[...e,t])),t)))),[r,f]),k=t.useCallback((({location:t,name:e})=>r.resources.createDirectory({location:t,name:e}).then((t=>(f(((e=[])=>[...e,t])),t)))),[r,f]),b=t.useCallback((t=>r.resources.remove(t).then((()=>f(((e=[])=>yt("id",t,e)))))),[r,f]),v=t.useCallback(((t,e)=>r.resources.updateContent(t,e).then((t=>(f(((e=[])=>It("id",t,e))),t)))),[r,a,f]),m=t.useCallback(((t,e)=>r.resources.move(t,e).then((t=>(f(((e=[])=>It("id",t,e))),t)))),[r,a,f]),A=t.useCallback(((t,e)=>r.resources.rename(t,e).then((t=>(f(((e=[])=>It("id",t,e))),t)))),[r,a,f]);return t.useEffect((()=>{a&&e&&c===n.NotInitialized&&h()}),[a,e,c]),{status:c,resources:d,removeResource:b,createDocument:y,createDirectory:k,loadResource:p,updateResourceContent:v,moveResource:m,renameResource:A,uploadFile:g}},wt=["user","status"],Et=["user","data"];exports.AsyncStatus=n,exports.AuthenticationStatus=bt,exports.Context=dt,exports.WorkspaceProvider=({sdk:t,children:e})=>r.default.createElement(pt,null,r.default.createElement(dt.Provider,{value:{sdk:t}},e)),exports.useApiTokens=()=>{const e=ht(),{data:r=n.NotInitialized,set:a}=o(gt),{data:u=[],set:s}=o(kt),c=t.useCallback((t=>e.apiTokens.create(t).then((t=>(s((e=>[...e,t])),t)))),[e]),i=t.useCallback((t=>e.apiTokens.invalidate(t).then((()=>s((e=>yt("id",t,e)))))),[e]),l=t.useCallback((()=>{a(n.Loading),e.apiTokens.getAll().then((t=>{s(t),a(n.Success)})).catch((()=>{a(n.Error)}))}),[e]);return t.useEffect((()=>{r===n.NotInitialized&&l()}),[r]),{status:r,tokens:u,createApiToken:c,invalidateApiToken:i}},exports.useAuthentication=()=>{const e=ht(),{data:r=bt.NotInitialized,set:n}=o(vt),a=t.useCallback((t=>(n((()=>bt.Verifying)),e.auth.signUp(t).then((()=>n(bt.VerifySignIn))).catch((t=>(n(bt.AuthenticationError),Promise.reject(t)))))),[e]),u=t.useCallback((t=>(n((()=>bt.Verifying)),e.auth.signIn(t).then((()=>n(bt.VerifySignIn))).catch((t=>(n(bt.AuthenticationError),Promise.reject(t)))))),[e]),s=t.useCallback((t=>(n((()=>bt.Verifying)),e.auth.verifySignIn(t).then((()=>n(bt.Authenticated))).catch((t=>(n(bt.AuthenticationError),Promise.reject(t)))))),[e]),c=t.useCallback(((t,r)=>(n((()=>bt.Verifying)),e.auth.verifyInvitation(t,r).then((()=>n(bt.Authenticated))).catch((t=>(n(bt.AuthenticationError),Promise.reject(t)))))),[e]),i=t.useCallback((()=>e.auth.signOff().then((()=>n(bt.NotAuthenticated)))),[e]);return t.useEffect((()=>{r===bt.NotInitialized&&(n((()=>bt.Verifying)),e.auth.getAuthenticatedUser().then((t=>{if(!t)return Promise.reject();n((()=>bt.Authenticated))})).catch((()=>{n((()=>bt.NotAuthenticated))})))}),[r]),{status:r,signUp:a,signIn:u,signOff:i,verifySignIn:s,verifyInvitation:c}},exports.useQuery=e=>{const r=ht(),a=r.workspaceId,u=new URLSearchParams(e).toString();console.log("useQuery",e,u);const s=t.useMemo((()=>[a,"queries",u,"status"]),[a,u]),c=t.useMemo((()=>[a,"queries",u,"data"]),[a,u]),{data:i,set:l}=o(s,n.NotInitialized),{data:f,set:d}=o(c,[]),p=t.useCallback((t=>{l(n.Loading),r.resources.get(t).then((t=>{l(n.Success),d(t)})).catch((()=>{l(n.Error)}))}),[r]);return t.useEffect((()=>{console.log("useQuery effect",a,e,i),a&&e&&i===n.NotInitialized&&p(e)}),[a,e,i]),{status:i,resources:f}},exports.useResource=e=>{const r=ht().workspaceId,a=t.useMemo((()=>["resource",r,e,"status"]),[e,r]),u=t.useMemo((()=>["resource",r,e,"data"]),[e,r]),{data:s=n.NotInitialized,set:c}=o(a),{data:i={},set:l}=o(u),{loadResource:f,removeResource:d,updateResourceContent:p,renameResource:h}=Ct(),y=t.useCallback((()=>{c(n.Loading),l({}),f(e).then((t=>{c(n.Success),l(t)})).catch((()=>{c(n.Error),l({})}))}),[e,f]),g=t.useCallback((()=>d(e).then((()=>{c(n.NotInitialized),l({})}))),[e,d]),k=t.useCallback((t=>p(e,t).then((t=>l(t)))),[e,p]),b=t.useCallback((t=>h(e,t).then((t=>l(t)))),[e,h]);return t.useEffect((()=>{r&&e&&s===n.NotInitialized&&y()}),[r,e,y]),{status:s,resource:i,loadResource:y,removeResource:g,updateResourceContent:k,renameResource:b}},exports.useResourceTemplate=t=>{const{workspace:e}=mt();return e.resourceTemplates.find((e=>e.id===t))},exports.useResources=Ct,exports.useSdk=ht,exports.useUser=()=>{const e=ht(),{data:r=n.NotInitialized,set:a}=o(wt),{data:u={},set:s}=o(Et),c=t.useCallback((t=>e.user.update(t).then((t=>(s(t),t)))),[e]);return t.useEffect((()=>{r===n.NotInitialized&&(a((()=>n.Loading)),e.user.details().then((t=>{if(!t)return Promise.reject();s(t),a((()=>n.Success))})).catch((()=>{s({}),a((()=>n.Error))})))}),[r]),{status:r,user:u,update:c}},exports.useUsers=()=>{const e=ht(),r=e.workspaceId,a=t.useMemo((()=>["workspace",r,"users"]),[r]),{data:u={status:n.NotInitialized,data:[]},set:s}=o(a),c=t.useCallback((()=>{s({status:n.Loading,data:[]}),e.workspaces.users().then((t=>s({data:t,status:n.Success}))).catch((()=>s({status:n.Error,data:[]})))}),[e]);return t.useEffect((()=>{r&&u.status===n.NotInitialized&&c()}),[r,u]),{status:u.status,users:u.data,load:c}},exports.useWorkspace=mt,exports.useWorkspaces=()=>{const e=ht(),{set:r,data:a={status:n.NotInitialized,data:[]}}=o(At),u=t.useCallback((()=>{r({status:n.Loading,data:[]}),e.workspaces.getAll().then((t=>r({status:n.Success,data:t}))).catch((()=>r({status:n.Error,data:[]})))}),[e]),s=t.useCallback((t=>e.workspaces.create(t).then((t=>(r({status:a.status,data:[...a.data,t]}),t)))),[e]);return t.useEffect((()=>{a.status===n.NotInitialized&&u()}),[a,u]),{status:a.status,workspaces:a.data,loadWorkspaces:u,createWorkspace:s}};

package/build/index.esm.js

@@ -0,0 +1 @@
+import t,{useContext as e,createContext as r,useReducer as n,useCallback as a,useEffect as u,useMemo as o}from"react";const i={NotInitialized:"NotInitialized",Loading:"Loading",Success:"Success",Error:"Error"};function c(){return c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},c.apply(null,arguments)}const s=r(),f="SET",l=(t,r)=>{const{get:n,set:a}=e(s);return{data:(()=>{const e=n(t);return null==e?r:e})(),set:a(t)}};function d(t){return null!=t&&"object"==typeof t&&!0===t["@@functional/placeholder"]}function p(t){return function e(r){return 0===arguments.length||d(r)?e:t.apply(this,arguments)}}function h(t){return function e(r,n){switch(arguments.length){case 0:return e;case 1:return d(r)?e:p((function(e){return t(r,e)}));default:return d(r)&&d(n)?e:d(r)?p((function(e){return t(e,n)})):d(n)?p((function(e){return t(r,e)})):t(r,n)}}}function y(t,e){switch(t){case 0:return function(){return e.apply(this,arguments)};case 1:return function(t){return e.apply(this,arguments)};case 2:return function(t,r){return e.apply(this,arguments)};case 3:return function(t,r,n){return e.apply(this,arguments)};case 4:return function(t,r,n,a){return e.apply(this,arguments)};case 5:return function(t,r,n,a,u){return e.apply(this,arguments)};case 6:return function(t,r,n,a,u,o){return e.apply(this,arguments)};case 7:return function(t,r,n,a,u,o,i){return e.apply(this,arguments)};case 8:return function(t,r,n,a,u,o,i,c){return e.apply(this,arguments)};case 9:return function(t,r,n,a,u,o,i,c,s){return e.apply(this,arguments)};case 10:return function(t,r,n,a,u,o,i,c,s,f){return e.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}}function g(t,e,r){return function(){for(var n=[],a=0,u=t,o=0;o<e.length||a<arguments.length;){var i;o<e.length&&(!d(e[o])||a>=arguments.length)?i=e[o]:(i=arguments[a],a+=1),n[o]=i,d(i)||(u-=1),o+=1}return u<=0?r.apply(this,n):y(u,g(t,n,r))}}var v=h((function(t,e){return 1===t?p(e):y(t,g(t,[],e))}));function m(t){return function e(r,n,a){switch(arguments.length){case 0:return e;case 1:return d(r)?e:h((function(e,n){return t(r,e,n)}));case 2:return d(r)&&d(n)?e:d(r)?h((function(e,r){return t(e,n,r)})):d(n)?h((function(e,n){return t(r,e,n)})):p((function(e){return t(r,n,e)}));default:return d(r)&&d(n)&&d(a)?e:d(r)&&d(n)?h((function(e,r){return t(e,r,a)})):d(r)&&d(a)?h((function(e,r){return t(e,n,r)})):d(n)&&d(a)?h((function(e,n){return t(r,e,n)})):d(r)?p((function(e){return t(e,n,a)})):d(n)?p((function(e){return t(r,e,a)})):d(a)?p((function(e){return t(r,n,e)})):t(r,n,a)}}}var b=Array.isArray||function(t){return null!=t&&t.length>=0&&"[object Array]"===Object.prototype.toString.call(t)};function k(t,e,r){return function(){if(0===arguments.length)return r();var n=Array.prototype.slice.call(arguments,0),a=n.pop();if(!b(a)){for(var u=0;u<t.length;){if("function"==typeof a[t[u]])return a[t[u]].apply(a,n);u+=1}if(function(t){return null!=t&&"function"==typeof t["@@transducer/step"]}(a))return e.apply(null,n)(a)}return r.apply(this,arguments)}}var I=function(){return this.xf["@@transducer/init"]()},A=function(t){return this.xf["@@transducer/result"](t)};function w(t){return"[object String]"===Object.prototype.toString.call(t)}var S=p((function(t){return!!b(t)||!!t&&("object"==typeof t&&(!w(t)&&(1===t.nodeType?!!t.length:0===t.length||t.length>0&&(t.hasOwnProperty(0)&&t.hasOwnProperty(t.length-1)))))})),j=function(){function t(t){this.f=t}return t.prototype["@@transducer/init"]=function(){throw new Error("init not implemented on XWrap")},t.prototype["@@transducer/result"]=function(t){return t},t.prototype["@@transducer/step"]=function(t,e){return this.f(t,e)},t}();var N=h((function(t,e){return y(t.length,(function(){return t.apply(e,arguments)}))}));function E(t,e,r){for(var n=r.next();!n.done;){if((e=t["@@transducer/step"](e,n.value))&&e["@@transducer/reduced"]){e=e["@@transducer/value"];break}n=r.next()}return t["@@transducer/result"](e)}function O(t,e,r,n){return t["@@transducer/result"](r[n](N(t["@@transducer/step"],t),e))}var z="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator";function P(t,e,r){if("function"==typeof t&&(t=function(t){return new j(t)}(t)),S(r))return function(t,e,r){for(var n=0,a=r.length;n<a;){if((e=t["@@transducer/step"](e,r[n]))&&e["@@transducer/reduced"]){e=e["@@transducer/value"];break}n+=1}return t["@@transducer/result"](e)}(t,e,r);if("function"==typeof r["fantasy-land/reduce"])return O(t,e,r,"fantasy-land/reduce");if(null!=r[z])return E(t,e,r[z]());if("function"==typeof r.next)return E(t,e,r);if("function"==typeof r.reduce)return O(t,e,r,"reduce");throw new TypeError("reduce: list must be array or iterable")}var x=function(){function t(t,e){this.xf=e,this.f=t}return t.prototype["@@transducer/init"]=I,t.prototype["@@transducer/result"]=A,t.prototype["@@transducer/step"]=function(t,e){return this.xf["@@transducer/step"](t,this.f(e))},t}(),R=h((function(t,e){return new x(t,e)}));function T(t,e){return Object.prototype.hasOwnProperty.call(e,t)}var q=Object.prototype.toString,L=function(){return"[object Arguments]"===q.call(arguments)?function(t){return"[object Arguments]"===q.call(t)}:function(t){return T("callee",t)}}(),U=!{toString:null}.propertyIsEnumerable("toString"),V=["constructor","valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],C=function(){return arguments.propertyIsEnumerable("length")}(),D=function(t,e){for(var r=0;r<t.length;){if(t[r]===e)return!0;r+=1}return!1},F="function"!=typeof Object.keys||C?p((function(t){if(Object(t)!==t)return[];var e,r,n=[],a=C&&L(t);for(e in t)!T(e,t)||a&&"length"===e||(n[n.length]=e);if(U)for(r=V.length-1;r>=0;)T(e=V[r],t)&&!D(n,e)&&(n[n.length]=e),r-=1;return n})):p((function(t){return Object(t)!==t?[]:Object.keys(t)})),W=h(k(["fantasy-land/map","map"],R,(function(t,e){switch(Object.prototype.toString.call(e)){case"[object Function]":return v(e.length,(function(){return t.call(this,e.apply(this,arguments))}));case"[object Object]":return P((function(r,n){return r[n]=t(e[n]),r}),{},F(e));default:return function(t,e){for(var r=0,n=e.length,a=Array(n);r<n;)a[r]=t(e[r]),r+=1;return a}(t,e)}}))),B=Number.isInteger||function(t){return(t|0)===t},Q=h((function(t,e){var r=t<0?e.length+t:t;return w(e)?e.charAt(r):e[r]})),M=h((function(t,e){return t.map((function(t){for(var r,n=e,a=0;a<t.length;){if(null==n)return;r=t[a],n=B(r)?Q(r,n):n[r],a+=1}return n}))})),X=h((function(t,e){return M([t],e)[0]})),_=p((function(t){return function(){return t}})),G=m((function(t,e,r){var n={};for(var a in r)n[a]=r[a];return n[t]=e,n})),H=p((function(t){return null==t})),J=m((function t(e,r,n){if(0===e.length)return r;var a=e[0];if(e.length>1){var u=!H(n)&&T(a,n)?n[a]:B(e[1])?[]:{};r=t(Array.prototype.slice.call(e,1),r,u)}if(B(a)&&b(n)){var o=[].concat(n);return o[a]=r,o}return G(a,r,n)})),K=J,Y=p((function(t){return v(t.length,t)})),Z=p((function(t){return null===t?"Null":void 0===t?"Undefined":Object.prototype.toString.call(t).slice(8,-1)}));function $(t){for(var e,r=[];!(e=t.next()).done;)r.push(e.value);return r}function tt(t,e,r){for(var n=0,a=r.length;n<a;){if(t(e,r[n]))return!0;n+=1}return!1}var et="function"==typeof Object.is?Object.is:function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e};function rt(t,e,r,n){var a=$(t);function u(t,e){return nt(t,e,r.slice(),n.slice())}return!tt((function(t,e){return!tt(u,e,t)}),$(e),a)}function nt(t,e,r,n){if(et(t,e))return!0;var a,u,o=Z(t);if(o!==Z(e))return!1;if(null==t||null==e)return!1;if("function"==typeof t["fantasy-land/equals"]||"function"==typeof e["fantasy-land/equals"])return"function"==typeof t["fantasy-land/equals"]&&t["fantasy-land/equals"](e)&&"function"==typeof e["fantasy-land/equals"]&&e["fantasy-land/equals"](t);if("function"==typeof t.equals||"function"==typeof e.equals)return"function"==typeof t.equals&&t.equals(e)&&"function"==typeof e.equals&&e.equals(t);switch(o){case"Arguments":case"Array":case"Object":if("function"==typeof t.constructor&&"Promise"===(a=t.constructor,null==(u=String(a).match(/^function (\w*)/))?"":u[1]))return t===e;break;case"Boolean":case"Number":case"String":if(typeof t!=typeof e||!et(t.valueOf(),e.valueOf()))return!1;break;case"Date":if(!et(t.valueOf(),e.valueOf()))return!1;break;case"Error":return t.name===e.name&&t.message===e.message;case"RegExp":if(t.source!==e.source||t.global!==e.global||t.ignoreCase!==e.ignoreCase||t.multiline!==e.multiline||t.sticky!==e.sticky||t.unicode!==e.unicode)return!1}for(var i=r.length-1;i>=0;){if(r[i]===t)return n[i]===e;i-=1}switch(o){case"Map":return t.size===e.size&&rt(t.entries(),e.entries(),r.concat([t]),n.concat([e]));case"Set":return t.size===e.size&&rt(t.values(),e.values(),r.concat([t]),n.concat([e]));case"Arguments":case"Array":case"Object":case"Boolean":case"Number":case"String":case"Date":case"Error":case"RegExp":case"Int8Array":case"Uint8Array":case"Uint8ClampedArray":case"Int16Array":case"Uint16Array":case"Int32Array":case"Uint32Array":case"Float32Array":case"Float64Array":case"ArrayBuffer":break;default:return!1}var c=F(t);if(c.length!==F(e).length)return!1;var s=r.concat([t]),f=n.concat([e]);for(i=c.length-1;i>=0;){var l=c[i];if(!T(l,e)||!nt(e[l],t[l],s,f))return!1;i-=1}return!0}var at=h((function(t,e){return nt(t,e,[],[])})),ut=m((function(t,e,r){var n=Array.prototype.slice.call(r,0);return n.splice(t,e),n})),ot=function(){function t(t,e){this.xf=e,this.f=t,this.idx=-1,this.found=!1}return t.prototype["@@transducer/init"]=I,t.prototype["@@transducer/result"]=function(t){return this.found||(t=this.xf["@@transducer/step"](t,-1)),this.xf["@@transducer/result"](t)},t.prototype["@@transducer/step"]=function(t,e){var r;return this.idx+=1,this.f(e)&&(this.found=!0,t=(r=this.xf["@@transducer/step"](t,this.idx))&&r["@@transducer/reduced"]?r:{"@@transducer/value":r,"@@transducer/reduced":!0}),t},t}(),it=h(k([],h((function(t,e){return new ot(t,e)})),(function(t,e){for(var r=0,n=e.length;r<n;){if(t(e[r]))return r;r+=1}return-1}))),ct=h((function(t,e){return function(r){return function(n){return W((function(t){return e(t,n)}),r(t(n)))}}})),st=p((function(t){return ct(X(t),K(t))})),ft=function(t){return{value:t,map:function(e){return ft(e(t))}}},lt=m((function(t,e,r){return t((function(t){return ft(e(t))}))(r).value})),dt=lt,pt=m((function(t,e,r){return at(e,r[t])})),ht=m((function(t,e,r){return dt(t,_(e),r)})),yt=ht;const gt=r({}),vt=(({get:e,set:r})=>u=>{const[o,i]=n((({set:t,get:e})=>(r={},n)=>{if(n.type===f){let a;if("function"==typeof n.data){const t=e(n.cachePath,r);a=n.data(t)}else a=n.data;return t(n.cachePath,a,r)}return{...r}})({set:r,get:e}),{}),l=a((t=>e=>{i({type:f,cachePath:t,data:e})}),[i]),d=a((t=>e(t,o)),[o,e]);return t.createElement(s.Provider,c({value:{get:d,set:l}},u))})({get:X,set:(t,e,r)=>yt(st(t),e,r)}),mt=({sdk:e,children:r})=>t.createElement(vt,null,t.createElement(gt.Provider,{value:{sdk:e}},r));function bt(){return e(gt).sdk}const kt=Y(((t,e,r)=>{const n=it(pt(t,e),r);return-1===n?r:ut(n,1,r)})),It=["apiTokens","status"],At=["apiTokens","data"],wt=()=>{const t=bt(),{data:e=i.NotInitialized,set:r}=l(It),{data:n=[],set:o}=l(At),c=a((e=>t.apiTokens.create(e).then((t=>(o((e=>[...e,t])),t)))),[t]),s=a((e=>t.apiTokens.invalidate(e).then((()=>o((t=>kt("id",e,t)))))),[t]),f=a((()=>{r(i.Loading),t.apiTokens.getAll().then((t=>{o(t),r(i.Success)})).catch((()=>{r(i.Error)}))}),[t]);return u((()=>{e===i.NotInitialized&&f()}),[e]),{status:e,tokens:n,createApiToken:c,invalidateApiToken:s}},St={AuthenticationError:"AuthenticationError",NotInitialized:"NotInitialized",NotAuthenticated:"NotAuthenticated",Verifying:"Verifying",Authenticated:"Authenticated",VerifySignIn:"VerifySignIn"},jt=["auth","status"],Nt=()=>{const t=bt(),{data:e=St.NotInitialized,set:r}=l(jt),n=a((e=>(r((()=>St.Verifying)),t.auth.signUp(e).then((()=>r(St.VerifySignIn))).catch((t=>(r(St.AuthenticationError),Promise.reject(t)))))),[t]),o=a((e=>(r((()=>St.Verifying)),t.auth.signIn(e).then((()=>r(St.VerifySignIn))).catch((t=>(r(St.AuthenticationError),Promise.reject(t)))))),[t]),i=a((e=>(r((()=>St.Verifying)),t.auth.verifySignIn(e).then((()=>r(St.Authenticated))).catch((t=>(r(St.AuthenticationError),Promise.reject(t)))))),[t]),c=a(((e,n)=>(r((()=>St.Verifying)),t.auth.verifyInvitation(e,n).then((()=>r(St.Authenticated))).catch((t=>(r(St.AuthenticationError),Promise.reject(t)))))),[t]),s=a((()=>t.auth.signOff().then((()=>r(St.NotAuthenticated)))),[t]);return u((()=>{e===St.NotInitialized&&(r((()=>St.Verifying)),t.auth.getAuthenticatedUser().then((t=>{if(!t)return Promise.reject();r((()=>St.Authenticated))})).catch((()=>{r((()=>St.NotAuthenticated))})))}),[e]),{status:e,signUp:n,signIn:o,signOff:s,verifySignIn:i,verifyInvitation:c}},Et=()=>{const t=bt(),e=t.workspaceId,r=o((()=>["workspace",e]),[e]),{data:n={status:i.NotInitialized,data:{}},set:c}=l(r),s=a((()=>{c({status:i.Loading,data:{}}),t.workspaces.byId(e).then((t=>c({data:t,status:i.Success}))).catch((()=>c({status:i.Error,data:{}})))}),[t,e]),f=a((r=>t.workspaces.createApiToken(e,r).then((({id:t,token:e})=>(c({status:workspaces.status,data:{...n,apiTokens:[...n.apiTokens,{id:t,description:r}]}}),e)))),[t]),d=a((r=>t.workspaces.inviteUser(e,r)),[t]);return u((()=>{e&&n.status===i.NotInitialized&&s()}),[e,n]),{status:n.status,workspace:n.data,loadWorkspace:s,createApiToken:f,inviteUser:d}},Ot=["workspaces"],zt=()=>{const t=bt(),{set:e,data:r={status:i.NotInitialized,data:[]}}=l(Ot),n=a((()=>{e({status:i.Loading,data:[]}),t.workspaces.getAll().then((t=>e({status:i.Success,data:t}))).catch((()=>e({status:i.Error,data:[]})))}),[t]),o=a((n=>t.workspaces.create(n).then((t=>(e({status:r.status,data:[...r.data,t]}),t)))),[t]);return u((()=>{r.status===i.NotInitialized&&n()}),[r,n]),{status:r.status,workspaces:r.data,loadWorkspaces:n,createWorkspace:o}},Pt=t=>{const e=bt(),r=e.workspaceId,n=new URLSearchParams(t).toString();console.log("useQuery",t,n);const c=o((()=>[r,"queries",n,"status"]),[r,n]),s=o((()=>[r,"queries",n,"data"]),[r,n]),{data:f,set:d}=l(c,i.NotInitialized),{data:p,set:h}=l(s,[]),y=a((t=>{d(i.Loading),e.resources.get(t).then((t=>{d(i.Success),h(t)})).catch((()=>{d(i.Error)}))}),[e]);return u((()=>{console.log("useQuery effect",r,t,f),r&&t&&f===i.NotInitialized&&y(t)}),[r,t,f]),{status:f,resources:p}},xt=Y(((t,e,r)=>W((r=>r[t]===e[t]?e:r),r))),Rt=t=>{const e=bt(),r=e.workspaceId,n=o((()=>["resources",r,"status",t]),[r,t]),c=o((()=>["resources",r,"data"]),[r]),{data:s,set:f}=l(n,i.NotInitialized),{data:d,set:p}=l(c,[]),h=o((()=>d.filter((e=>e.location===t))),[d,t]),y=a((t=>{const r=d.find((e=>e.id===t));return r?Promise.resolve(r):e.resources.byId(t).then((t=>(p(((e=[])=>xt("id",t,e))),t)))}),[e,d,p]),g=a((()=>{f(i.Loading),e.resources.byLocation(t).then((t=>{f(i.Success),p(((e=[])=>{const r=t.map((t=>t.id)),n=e.filter((t=>!r.includes(t.id)));return[...t,...n]}))})).catch((()=>{f(i.Error)}))}),[e,t,f,p]),v=a((t=>e.resources.create({type:t.type,location:t.location,name:t.name,content:t.content}).then((t=>(p(((e=[])=>[...e,t])),t)))),[e,p]),m=a(((t,r)=>e.resources.upload({location:t,file:r}).then((t=>(p(((e=[])=>[...e,t])),t)))),[e,p]),b=a((({location:t,name:r})=>e.resources.createDirectory({location:t,name:r}).then((t=>(p(((e=[])=>[...e,t])),t)))),[e,p]),k=a((t=>e.resources.remove(t).then((()=>p(((e=[])=>kt("id",t,e)))))),[e,p]),I=a(((t,r)=>e.resources.updateContent(t,r).then((t=>(p(((e=[])=>xt("id",t,e))),t)))),[e,r,p]),A=a(((t,r)=>e.resources.move(t,r).then((t=>(p(((e=[])=>xt("id",t,e))),t)))),[e,r,p]),w=a(((t,r)=>e.resources.rename(t,r).then((t=>(p(((e=[])=>xt("id",t,e))),t)))),[e,r,p]);return u((()=>{r&&t&&s===i.NotInitialized&&g()}),[r,t,s]),{status:s,resources:h,removeResource:k,createDocument:v,createDirectory:b,loadResource:y,updateResourceContent:I,moveResource:A,renameResource:w,uploadFile:m}},Tt=t=>{const e=bt().workspaceId,r=o((()=>["resource",e,t,"status"]),[t,e]),n=o((()=>["resource",e,t,"data"]),[t,e]),{data:c=i.NotInitialized,set:s}=l(r),{data:f={},set:d}=l(n),{loadResource:p,removeResource:h,updateResourceContent:y,renameResource:g}=Rt(),v=a((()=>{s(i.Loading),d({}),p(t).then((t=>{s(i.Success),d(t)})).catch((()=>{s(i.Error),d({})}))}),[t,p]),m=a((()=>h(t).then((()=>{s(i.NotInitialized),d({})}))),[t,h]),b=a((e=>y(t,e).then((t=>d(t)))),[t,y]),k=a((e=>g(t,e).then((t=>d(t)))),[t,g]);return u((()=>{e&&t&&c===i.NotInitialized&&v()}),[e,t,v]),{status:c,resource:f,loadResource:v,removeResource:m,updateResourceContent:b,renameResource:k}},qt=t=>{const{workspace:e}=Et();return e.resourceTemplates.find((e=>e.id===t))},Lt=["user","status"],Ut=["user","data"],Vt=()=>{const t=bt(),{data:e=i.NotInitialized,set:r}=l(Lt),{data:n={},set:o}=l(Ut),c=a((e=>t.user.update(e).then((t=>(o(t),t)))),[t]);return u((()=>{e===i.NotInitialized&&(r((()=>i.Loading)),t.user.details().then((t=>{if(!t)return Promise.reject();o(t),r((()=>i.Success))})).catch((()=>{o({}),r((()=>i.Error))})))}),[e]),{status:e,user:n,update:c}},Ct=()=>{const t=bt(),e=t.workspaceId,r=o((()=>["workspace",e,"users"]),[e]),{data:n={status:i.NotInitialized,data:[]},set:c}=l(r),s=a((()=>{c({status:i.Loading,data:[]}),t.workspaces.users().then((t=>c({data:t,status:i.Success}))).catch((()=>c({status:i.Error,data:[]})))}),[t]);return u((()=>{e&&n.status===i.NotInitialized&&s()}),[e,n]),{status:n.status,users:n.data,load:s}};export{i as AsyncStatus,St as AuthenticationStatus,gt as Context,mt as WorkspaceProvider,wt as useApiTokens,Nt as useAuthentication,Pt as useQuery,Tt as useResource,qt as useResourceTemplate,Rt as useResources,bt as useSdk,Vt as useUser,Ct as useUsers,Et as useWorkspace,zt as useWorkspaces};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@ossy/sdk-react",
+  "description": "Sofware Development Kit for interactive with our services in React",
+  "version": "0.0.1-beta.3",
+  "url": "git://github.com/ossy-se/packages/sdk-react",
+  "source": "src/index.js",
+  "main": "build/index.cjs.js",
+  "module": "build/index.esm.js",
+  "author": "Ossy <yourfriends@ossy.se> (https://ossy.se)",
+  "repository": "github:ossy-se/packages/router",
+  "license": "MIT License",
+  "scripts": {
+    "start": "",
+    "build": "rm -rf && rollup -c rollup.config.js",
+    "test": ""
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "jwt-decode": "^3.1.2",
+    "ramda": "^0.27.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.14.5",
+    "@babel/eslint-parser": "^7.15.8",
+    "@babel/preset-react": "^7.14.5",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.0.0",
+    "babel-loader": "^8.2.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "rollup": "^2.37.1",
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2"
+  },
+  "peerDependencies": {
+    "react": "18 || ^19.0.0",
+    "react-dom": "18 || ^19.0.0"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,30 @@
+import babel from 'rollup-plugin-babel'
+import { nodeResolve } from '@rollup/plugin-node-resolve'
+import removeOwnPeerDependencies from 'rollup-plugin-peer-deps-external'
+import commonjs from '@rollup/plugin-commonjs'
+import { terser as minifyJS } from 'rollup-plugin-terser'
+import pkg from './package.json'
+
+export default {
+  input: pkg.source,
+  output: [
+    {
+      file: pkg.main,
+      format: 'cjs'
+    },
+    {
+      file: pkg.module,
+      format: 'esm'
+    }
+  ],
+  plugins: [
+    nodeResolve(),
+    commonjs(),
+    babel({
+      exclude: ['**/node_modules/**/*'],
+      presets: ['@babel/preset-react']
+    }),
+    removeOwnPeerDependencies(),
+    minifyJS()
+  ]
+}

package/src/Cache.jsx

@@ -0,0 +1,81 @@
+// TODO: We should use Cache from @ossy-se/components when it becomes public
+
+import React, {
+  createContext,
+  useReducer,
+  useContext,
+  useCallback
+} from 'react'
+
+const getInitialState = () => ({})
+export const CacheContext = createContext()
+
+const Actions = {
+  Set: 'SET'
+}
+
+// get: (path, state)
+// set: (path, value, state)
+
+const createReducer = ({ set, get }) => (
+  state = getInitialState(),
+  action
+) => {
+  switch (action.type) {
+
+  case Actions.Set: {
+    let data
+
+    if (typeof action.data === 'function') {
+      const previousValue = get(action.cachePath, state)
+      data = action.data(previousValue)
+    } else {
+      data = action.data
+    }
+
+    return set(action.cachePath, data, state)
+  }
+
+  default:
+    return ({ ...state })
+
+  }
+}
+
+export const createCache = ({ get: _get, set: _set }) => props => {
+
+  const [state, updateState] = useReducer(
+    createReducer({ set: _set, get: _get }),
+    getInitialState()
+  )
+
+  const set = useCallback(cachePath => data => {
+    updateState({ type: Actions.Set, cachePath, data })
+  }, [updateState])
+
+  const get = useCallback(cachePath =>
+    _get(cachePath, state),
+  [state, _get]
+  )
+
+  return (
+    <CacheContext.Provider value={{ get, set }} {...props} />
+  )
+}
+
+export const useCache = (cachePath, defaultValue) => {
+  // TODO: Add default value to context here, otherwise it will be undefined in the set((data) => { ...  }) function
+  const { get, set } = useContext(CacheContext)
+
+  const getData = () => {
+    const data = get(cachePath)
+    return data === undefined || data === null
+      ? defaultValue
+      : data
+  }
+
+  return ({
+    data: getData(),
+    set: set(cachePath)
+  })
+}

package/src/WorkspaceProvider.jsx

@@ -0,0 +1,22 @@
+import React, { createContext } from 'react'
+import { createCache } from './Cache.jsx' // TODO: We should use Cache from @ossy-se/components when it becomes public
+import { path, set, lensPath } from 'ramda' // TODO: not be dependent on ramda
+
+export const Context = createContext({})
+
+const Cache = createCache({
+  get: path,
+  set: (path, value, data) => set(lensPath(path), value, data)
+})
+
+export const WorkspaceProvider = ({ sdk, children }) => {
+  return (
+    <Cache>
+      <Context.Provider value={{ sdk }}>
+        {children}
+      </Context.Provider>
+    </Cache>
+  )
+}
+
+

package/src/asyncStatus.js

@@ -0,0 +1,6 @@
+export const AsyncStatus = {
+  NotInitialized: 'NotInitialized',
+  Loading: 'Loading',
+  Success: 'Success',
+  Error: 'Error'
+}

package/src/index.js

@@ -0,0 +1,13 @@
+export * from './asyncStatus.js'
+export * from './useApiTokens.js'
+export * from './useAuthentication.js'
+export * from './useWorkspace.js'
+export * from './useWorkspaces.js'
+export * from './useQuery.js'
+export * from './useResource.js'
+export * from './useResourceTemplate.js'
+export * from './useResources.js'
+export * from './WorkspaceProvider.jsx'
+export * from './useSdk.js'
+export * from './useUser.js'
+export * from './useUsers.js'

package/src/removeBy.js

@@ -0,0 +1,7 @@
+import { remove, findIndex, propEq, curry } from 'ramda'
+
+export const removeBy = curry((prop, propValue, list) => {
+  const index = findIndex(propEq(prop, propValue), list)
+  const temp = index === -1 ? list : remove(index, 1, list)
+  return temp
+})

package/src/replaceBy.js

@@ -0,0 +1,6 @@
+import { curry, map } from 'ramda'
+
+export const replaceBy = curry((prop, item, list) => map(
+  oldItem => oldItem[prop] === item[prop] ? item : oldItem,
+  list
+))

package/src/useApiTokens.js

@@ -0,0 +1,59 @@
+import { useCallback, useEffect } from 'react'
+import { useCache } from './Cache.jsx'
+import { AsyncStatus } from './asyncStatus.js'
+import { useSdk } from './useSdk.js'
+import { removeBy } from './removeBy.js'
+
+const statusPath = ['apiTokens', 'status']
+const dataPath = ['apiTokens', 'data']
+
+export const useApiTokens = () => {
+  const sdk = useSdk()
+
+  const {
+    data: status = AsyncStatus.NotInitialized,
+    set: setStatus
+  } = useCache(statusPath)
+
+  const {
+    data: tokens = [],
+    set: setTokens
+  } = useCache(dataPath)
+
+  const createApiToken = useCallback(
+    description => sdk.apiTokens.create(description)
+      .then(newToken => {
+        setTokens(tokens => [...tokens, newToken])
+        return newToken
+      }),
+    [sdk]
+  )
+
+  const invalidateApiToken = useCallback(
+    tokenId => sdk.apiTokens.invalidate(tokenId)
+      .then(() => setTokens(tokens => removeBy('id', tokenId, tokens))),
+    [sdk]
+  )
+
+  const loadApiTokens = useCallback(() => {
+    setStatus(AsyncStatus.Loading)
+    sdk.apiTokens.getAll()
+      .then(tokens => {
+        setTokens(tokens)
+        setStatus(AsyncStatus.Success)
+      })
+      .catch(() => { setStatus(AsyncStatus.Error) })
+  }, [sdk])
+
+  useEffect(() => {
+    if (status !== AsyncStatus.NotInitialized) return
+    loadApiTokens()
+  }, [status])
+
+  return {
+    status,
+    tokens,
+    createApiToken,
+    invalidateApiToken,
+  }
+}

package/src/useAuthentication.js

@@ -0,0 +1,105 @@
+import { useCallback, useEffect } from 'react'
+import { useCache } from './Cache.jsx'
+import { useSdk } from './useSdk.js'
+
+export const AuthenticationStatus = {
+  AuthenticationError: 'AuthenticationError',
+  NotInitialized: 'NotInitialized',
+  NotAuthenticated: 'NotAuthenticated',
+  Verifying: 'Verifying',
+  Authenticated: 'Authenticated',
+  VerifySignIn: 'VerifySignIn'
+}
+
+const statusPath = ['auth', 'status']
+
+export const useAuthentication = () => {
+  const sdk = useSdk()
+
+  const {
+    data: status = AuthenticationStatus.NotInitialized,
+    set: setStatus
+  } = useCache(statusPath)
+
+  const signUp = useCallback(
+    email => {
+      setStatus(() => AuthenticationStatus.Verifying)
+      return sdk.auth.signUp(email)
+        .then(() => setStatus(AuthenticationStatus.VerifySignIn))
+        .catch(error => {
+          setStatus(AuthenticationStatus.AuthenticationError)
+          return Promise.reject(error)
+        })
+    },
+    [sdk]
+  )
+
+  const signIn = useCallback(
+    email => {
+      setStatus(() => AuthenticationStatus.Verifying)
+      return sdk.auth.signIn(email)
+        .then(() => setStatus(AuthenticationStatus.VerifySignIn))
+        .catch((error) => {
+          setStatus(AuthenticationStatus.AuthenticationError)
+          return Promise.reject(error)
+        })
+    },
+    [sdk]
+  )
+
+  const verifySignIn = useCallback(
+    token => {
+      setStatus(() => AuthenticationStatus.Verifying)
+      return sdk.auth.verifySignIn(token)
+        .then(() => setStatus(AuthenticationStatus.Authenticated))
+        .catch((error) => {
+          setStatus(AuthenticationStatus.AuthenticationError)
+          return Promise.reject(error)
+        })
+    },
+    [sdk]
+  )
+
+  const verifyInvitation = useCallback(
+    (workspaceId, token) => {
+      setStatus(() => AuthenticationStatus.Verifying)
+      return sdk.auth.verifyInvitation(workspaceId, token)
+        .then(() => setStatus(AuthenticationStatus.Authenticated))
+        .catch((error) => {
+          setStatus(AuthenticationStatus.AuthenticationError)
+          return Promise.reject(error)
+        })
+    },
+    [sdk]
+  )
+
+  const signOff = useCallback(
+    () => sdk.auth.signOff()
+      .then(() => setStatus(AuthenticationStatus.NotAuthenticated)),
+    [sdk]
+  )
+
+  useEffect(() => {
+    if (status !== AuthenticationStatus.NotInitialized) return
+    setStatus(() => AuthenticationStatus.Verifying)
+
+    sdk.auth.getAuthenticatedUser()
+      .then(user => {
+        if (!user) return Promise.reject()
+        setStatus(() => AuthenticationStatus.Authenticated)
+      })
+      .catch(() => {
+        setStatus(() => AuthenticationStatus.NotAuthenticated)
+      })
+
+  }, [status])
+
+  return {
+    status,
+    signUp,
+    signIn,
+    signOff,
+    verifySignIn,
+    verifyInvitation
+  }
+}

package/src/useQuery.js

@@ -0,0 +1,51 @@
+import { useCallback, useMemo, useEffect } from 'react'
+import { useCache } from './Cache.jsx'
+import { AsyncStatus } from './asyncStatus.js'
+import { useSdk } from './useSdk.js'
+
+export const useQuery = incomingQuery => {
+  const sdk = useSdk()
+  const workspaceId = sdk.workspaceId
+  const queryString = new URLSearchParams(incomingQuery).toString()
+  console.log('useQuery', incomingQuery, queryString)
+
+  const statusCachePath = useMemo(
+    () => [workspaceId, 'queries', queryString, 'status'],
+    [workspaceId, queryString]
+  )
+
+  const dataCachePath = useMemo(
+    () => [workspaceId, 'queries', queryString, 'data'],
+    [workspaceId, queryString]
+  )
+
+  const {
+    data: status,
+    set: setStatus
+  } = useCache(statusCachePath, AsyncStatus.NotInitialized)
+
+  const {
+    data: resources,
+    set: setResources
+  } = useCache(dataCachePath, [])
+
+  const loadResources = useCallback(query => {
+    setStatus(AsyncStatus.Loading)
+    sdk.resources.get(query)
+      .then(matchedResources => {
+        setStatus(AsyncStatus.Success)
+        setResources(matchedResources)
+      })
+      .catch(() => { setStatus(AsyncStatus.Error) })
+  }, [sdk])
+
+  useEffect(() => {
+    console.log('useQuery effect', workspaceId, incomingQuery, status)
+    if (!workspaceId) return
+    if (!incomingQuery) return
+    if (status !== AsyncStatus.NotInitialized) return
+    loadResources(incomingQuery)
+  }, [workspaceId, incomingQuery, status])
+
+  return { status, resources }
+}

package/src/useResource.js

@@ -0,0 +1,91 @@
+import { useCallback, useMemo, useEffect } from 'react'
+import { useCache } from './Cache.jsx'
+import { AsyncStatus } from './asyncStatus.js'
+import { useResources } from './useResources.js'
+import { useSdk } from './useSdk.js'
+
+export const useResource = (resourceId) => {
+  const sdk = useSdk()
+  const workspaceId = sdk.workspaceId
+
+  const statusCachePath = useMemo(
+    () => ['resource', workspaceId, resourceId, 'status'],
+    [resourceId, workspaceId]
+  )
+
+  const dataCachePath = useMemo(
+    () => ['resource', workspaceId, resourceId, 'data'],
+    [resourceId, workspaceId]
+  )
+
+  const {
+    data: status = AsyncStatus.NotInitialized,
+    set: setStatus
+  } = useCache(statusCachePath)
+
+  const {
+    data: resource = {},
+    set: setResource
+  } = useCache(dataCachePath)
+
+  const {
+    loadResource: _loadResource,
+    removeResource: _removeResource,
+    updateResourceContent: _updateResourceContent,
+    renameResource: _renameResource
+  } = useResources()
+
+  const loadResource = useCallback(() => {
+    setStatus(AsyncStatus.Loading)
+    setResource({})
+    _loadResource(resourceId)
+      .then(resource => {
+        setStatus(AsyncStatus.Success)
+        setResource(resource)
+      })
+      .catch(() => {
+        setStatus(AsyncStatus.Error)
+        setResource({})
+      })
+  }, [resourceId, _loadResource])
+
+  const removeResource = useCallback(
+    () => _removeResource(resourceId)
+      .then(() => {
+        setStatus(AsyncStatus.NotInitialized)
+        setResource({})
+      }),
+    [resourceId, _removeResource]
+  )
+
+  const updateResourceContent = useCallback(
+    resourceContent => _updateResourceContent(resourceId, resourceContent)
+      .then(updatedResource => setResource(updatedResource)),
+    [resourceId, _updateResourceContent]
+  )
+
+  const renameResource = useCallback(
+    newName => _renameResource(resourceId, newName)
+      .then(updatedResource => setResource(updatedResource)),
+    [resourceId, _renameResource]
+  )
+
+  useEffect(() => {
+
+    if (!workspaceId) return
+    if (!resourceId) return
+    if (status !== AsyncStatus.NotInitialized) return
+
+    loadResource()
+
+  }, [workspaceId, resourceId, loadResource])
+
+  return {
+    status,
+    resource,
+    loadResource,
+    removeResource,
+    updateResourceContent,
+    renameResource
+  }
+}

package/src/useResourceTemplate.js

@@ -0,0 +1,8 @@
+import { useWorkspace } from './useWorkspace.js'
+
+export const useResourceTemplate = templateId => {
+  const { workspace } = useWorkspace()
+  // TODO: workspace.resourceTemplates might not exist yet
+  const template = workspace.resourceTemplates.find(template => template.id === templateId)
+  return template
+}

package/src/useResources.js

@@ -0,0 +1,163 @@
+import { useCallback, useMemo, useEffect } from 'react'
+import { useCache } from './Cache.jsx'
+import { removeBy } from './removeBy.js'
+import { replaceBy } from './replaceBy.js'
+import { AsyncStatus } from './asyncStatus.js'
+import { useSdk } from './useSdk.js'
+
+export const useResources = (location) => {
+  const sdk = useSdk()
+  const workspaceId = sdk.workspaceId
+
+  const statusCachePath = useMemo(
+    () => ['resources', workspaceId, 'status', location],
+    [workspaceId, location]
+  )
+
+  const dataCachePath = useMemo(
+    () => ['resources', workspaceId, 'data'],
+    [workspaceId]
+  )
+
+  const {
+    data: status,
+    set: setStatus
+  } = useCache(statusCachePath, AsyncStatus.NotInitialized)
+
+  const {
+    data: resources,
+    set: setResources
+  } = useCache(dataCachePath, [])
+
+  const locationSpecificResources = useMemo(
+    () => resources.filter(resource => resource.location === location),
+    [resources, location]
+  )
+
+  const loadResource = useCallback(
+    resourceId => {
+      const cachedResource = resources.find(resource => resource.id === resourceId)
+      return !!cachedResource
+        ? Promise.resolve(cachedResource)
+        : sdk.resources.byId(resourceId)
+          .then(requestedResource => {
+            setResources((resources = []) => replaceBy('id', requestedResource, resources))
+            return requestedResource
+          })
+    },
+    [sdk, resources, setResources]
+  )
+
+  const loadResources = useCallback(() => {
+    setStatus(AsyncStatus.Loading)
+    sdk.resources.byLocation(location)
+      .then(requestedResources => {
+        setStatus(AsyncStatus.Success)
+        // TODO: Duplicated resources can occur when you move a resource into a directory
+        // then navigate to that directory, causing it to load the recently moved resource from BE into the resources list
+        // Should probably use another data structure that ensures uniqueness.
+        // temp fix is the resourcesWithStaleResourcesRemoved
+        setResources((resources = []) => {
+          const requestedResourcesIds = requestedResources.map(resource => resource.id)
+
+          const resourcesWithStaleResourcesRemoved = resources.filter(
+            resource => !requestedResourcesIds.includes(resource.id)
+          )
+
+          return [...requestedResources, ...resourcesWithStaleResourcesRemoved]
+        })
+      })
+      .catch(() => { setStatus(AsyncStatus.Error) })
+  }, [sdk, location, setStatus, setResources])
+
+  const createDocument = useCallback(
+    document => sdk.resources.create({
+      type: document.type,
+      location: document.location,
+      name: document.name,
+      content: document.content
+    })
+      .then(newResource => {
+        setResources((resources = []) => [...resources, newResource])
+        return newResource
+      }),
+    [sdk, setResources]
+  )
+
+  const uploadFile = useCallback(
+    (location, file) => sdk.resources.upload({ location, file })
+      .then(newResource => {
+        setResources((resources = []) => [...resources, newResource])
+        return newResource
+      }),
+    [sdk, setResources]
+  )
+
+  const createDirectory = useCallback(
+    ({ location, name }) => sdk.resources.createDirectory({ location, name })
+      .then(newResource => {
+        setResources((resources = []) => [...resources, newResource])
+        return newResource
+      }),
+    [sdk, setResources]
+  )
+
+  const removeResource = useCallback(
+    resourceId => sdk.resources.remove(resourceId)
+      .then(() => setResources((resources = []) => removeBy('id', resourceId, resources))),
+    [sdk, setResources]
+  )
+
+  const updateResourceContent = useCallback(
+    (resourceId, content) => sdk.resources.updateContent(resourceId, content)
+      .then(updatedResource => {
+        setResources((resources = []) => replaceBy('id', updatedResource, resources))
+        return updatedResource
+      }),
+    [sdk, workspaceId, setResources]
+  )
+
+  const moveResource = useCallback(
+    // TODO: how should we add this to the new location in cache?
+    // TODO: if recource is a direcotry, how should we move the nested resources from cache?
+    (resourceId, newLocation) => sdk.resources.move(resourceId, newLocation)
+      .then(movedResource => {
+        setResources((resources = []) => replaceBy('id', movedResource, resources))
+        return movedResource
+      }),
+    [sdk, workspaceId, setResources]
+  )
+
+  const renameResource = useCallback(
+    // TODO: how should we update the cache for individual resources
+    // mabye by making this an internal function and only use it through useResource?
+    (resourceId, newName) => sdk.resources.rename(resourceId, newName)
+      .then(updatedResource => {
+        setResources((resources = []) => replaceBy('id', updatedResource, resources))
+        return updatedResource
+      }),
+    [sdk, workspaceId, setResources]
+  )
+
+  useEffect(() => {
+    if (!workspaceId) return
+    if (!location) return
+    if (status !== AsyncStatus.NotInitialized) return
+
+    loadResources()
+
+  }, [workspaceId, location, status])
+
+  return {
+    status,
+    resources: locationSpecificResources,
+    removeResource,
+    createDocument,
+    createDirectory,
+    loadResource,
+    updateResourceContent,
+    moveResource,
+    renameResource,
+    uploadFile
+  }
+}

package/src/useSdk.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react'
+import { Context } from './WorkspaceProvider.jsx'
+
+export function useSdk() {
+    return useContext(Context).sdk
+  }
+  

package/src/useUser.js

@@ -0,0 +1,55 @@
+import { useCallback, useEffect } from 'react'
+import { useCache } from './Cache.jsx'
+import { useSdk } from './useSdk.js'
+import { AsyncStatus } from './asyncStatus.js'
+
+const statusPath = ['user', 'status']
+const userPath = ['user', 'data']
+
+export const useUser = () => {
+  const sdk = useSdk()
+
+  const {
+    data: status = AsyncStatus.NotInitialized,
+    set: setStatus
+  } = useCache(statusPath)
+
+  const {
+    data: user = {},
+    set: setUser
+  } = useCache(userPath)
+
+  const update = useCallback(
+    user => {
+      return sdk.user.update(user)
+        .then((updatedUser) => {
+          setUser(updatedUser)
+          return updatedUser
+        })
+    },
+    [sdk]
+  )
+
+  useEffect(() => {
+    if (status !== AsyncStatus.NotInitialized) return
+    setStatus(() => AsyncStatus.Loading)
+
+    sdk.user.details()
+      .then(user => {
+        if (!user) return Promise.reject()
+        setUser(user)
+        setStatus(() => AsyncStatus.Success)
+      })
+      .catch(() => {
+        setUser({})
+        setStatus(() => AsyncStatus.Error)
+      })
+
+  }, [status])
+
+  return {
+    status,
+    user,
+    update
+  }
+}

package/src/useUsers.js

@@ -0,0 +1,38 @@
+import { useCallback, useEffect, useMemo } from 'react'
+import { useCache } from './Cache.jsx'
+import { AsyncStatus } from './asyncStatus.js'
+import { useSdk } from './useSdk.js'
+
+export const useUsers = () => {
+  const sdk = useSdk()
+  const workspaceId = sdk.workspaceId
+  const cachePath = useMemo(() => ['workspace', workspaceId, 'users'], [workspaceId])
+
+  const {
+    data: users = { status: AsyncStatus.NotInitialized, data: [] },
+    set: setUsers
+  } = useCache(cachePath)
+
+  const load = useCallback(() => {
+    setUsers({ status: AsyncStatus.Loading, data: [] })
+
+    sdk.workspaces.users()
+      .then(users => setUsers({ data: users, status: AsyncStatus.Success }))
+      .catch(() => setUsers({ status: AsyncStatus.Error, data: [] }))
+
+  }, [sdk])
+
+  useEffect(() => {
+    if (!workspaceId) return
+    if (users.status === AsyncStatus.NotInitialized) {
+      load()
+    }
+  }, [workspaceId, users])
+
+  return {
+    status: users.status,
+    users: users.data,
+    load,
+  }
+
+}

package/src/useWorkspace.js

@@ -0,0 +1,67 @@
+import { useCallback, useEffect, useMemo } from 'react'
+import { useCache } from './Cache.jsx'
+import { AsyncStatus } from './asyncStatus.js'
+import { useSdk } from './useSdk.js'
+
+export const useWorkspace = () => {
+  const sdk = useSdk()
+  const workspaceId = sdk.workspaceId
+  const cachePath = useMemo(() => ['workspace', workspaceId], [workspaceId])
+
+  const {
+    data: workspace = { status: AsyncStatus.NotInitialized, data: {} },
+    set: setWorkspace
+  } = useCache(cachePath)
+
+  const loadWorkspace = useCallback(() => {
+    setWorkspace({ status: AsyncStatus.Loading, data: {} })
+    sdk.workspaces.byId(workspaceId)
+      .then(workspace => setWorkspace({ data: workspace, status: AsyncStatus.Success }))
+      .catch(() => setWorkspace({ status: AsyncStatus.Error, data: {} }))
+  }, [sdk, workspaceId])
+
+  const createApiToken = useCallback(
+    description => sdk.workspaces.createApiToken(workspaceId, description)
+      .then(({ id, token }) => {
+
+        setWorkspace({
+          status: workspaces.status,
+          data: {
+            ...workspace,
+            apiTokens: [...workspace.apiTokens, { id, description }]
+          }
+        })
+
+        return token
+      }),
+    [sdk]
+  )
+
+  const inviteUser = useCallback(
+    email => sdk.workspaces.inviteUser(workspaceId, email),
+    [sdk]
+  )
+
+  const enableService = () => {
+
+  }
+
+  const disabledService = () => {
+    
+  }
+
+  useEffect(() => {
+    if (!workspaceId) return
+    if (workspace.status === AsyncStatus.NotInitialized) {
+      loadWorkspace()
+    }
+  }, [workspaceId, workspace])
+
+  return {
+    status: workspace.status,
+    workspace: workspace.data,
+    loadWorkspace,
+    createApiToken,
+    inviteUser
+  }
+}

package/src/useWorkspaces.js

@@ -0,0 +1,49 @@
+import { useCallback, useEffect } from 'react'
+import { useCache } from './Cache.jsx'
+import { AsyncStatus } from './asyncStatus.js'
+import { useSdk } from './useSdk.js'
+
+const cachePath = ['workspaces']
+
+export const useWorkspaces = () => {
+  const sdk = useSdk()
+
+  const {
+    set: setWorkspaces,
+    data: workspaces = { status: AsyncStatus.NotInitialized, data: [] }
+  } = useCache(cachePath)
+
+  const loadWorkspaces = useCallback(() => {
+    setWorkspaces({ status: AsyncStatus.Loading, data: [] })
+    sdk.workspaces.getAll()
+      .then(workspaces => setWorkspaces({ status: AsyncStatus.Success, data: workspaces }))
+      .catch(() => setWorkspaces({ status: AsyncStatus.Error, data: [] }))
+  }, [sdk])
+
+  const createWorkspace = useCallback(
+    workspaceName => sdk.workspaces.create(workspaceName)
+      .then(workspace => {
+
+        setWorkspaces({
+          status: workspaces.status,
+          data: [...workspaces.data, workspace]
+        })
+
+        return workspace
+      }),
+    [sdk]
+  )
+
+  useEffect(() => {
+    if (workspaces.status === AsyncStatus.NotInitialized) {
+      loadWorkspaces()
+    }
+  }, [workspaces, loadWorkspaces])
+
+  return {
+    status: workspaces.status,
+    workspaces: workspaces.data,
+    loadWorkspaces,
+    createWorkspace
+  }
+}