@ossy/sdk-react 0.8.1 → 0.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -5,32 +5,32 @@ with react hooks you can use to fetch data.
|
|
|
5
5
|
|
|
6
6
|
## Getting started
|
|
7
7
|
|
|
8
|
-
To use these hooks install the package **@ossy/
|
|
8
|
+
To use these hooks install the package **@ossy/sdk-react** along with **@ossy/sdk**:
|
|
9
9
|
|
|
10
10
|
```
|
|
11
|
-
npm install @ossy/
|
|
11
|
+
npm install @ossy/sdk-react @ossy/sdk
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
You will need the workspaceId for the workspace you want to fetch data from.
|
|
17
|
-
The workspaceId can be found in the list of workspaces you have access to or
|
|
18
|
-
in the url when you view the resources in the UI.
|
|
14
|
+
Create an SDK instance and wrap your app in `<WorkspaceProvider />` to handle
|
|
15
|
+
data storage and configuration:
|
|
19
16
|
|
|
20
|
-
```
|
|
17
|
+
```jsx
|
|
21
18
|
// App.jsx
|
|
22
|
-
import { WorkspaceProvider } from '@ossy/
|
|
19
|
+
import { WorkspaceProvider } from '@ossy/sdk-react'
|
|
20
|
+
import { SDK } from '@ossy/sdk'
|
|
23
21
|
import { MyComponent } from './MyComponent.jsx'
|
|
24
22
|
|
|
23
|
+
const sdk = new SDK({ baseUrl: 'https://your-api.example.com' })
|
|
24
|
+
|
|
25
25
|
export const App = () => (
|
|
26
|
-
<WorkspaceProvider
|
|
26
|
+
<WorkspaceProvider sdk={sdk}>
|
|
27
27
|
<MyComponent />
|
|
28
28
|
</WorkspaceProvider>
|
|
29
29
|
)
|
|
30
30
|
```
|
|
31
|
-
```
|
|
31
|
+
```jsx
|
|
32
32
|
// MyComponent.jsx
|
|
33
|
-
import { useResources } from '@ossy/
|
|
33
|
+
import { useResources } from '@ossy/sdk-react'
|
|
34
34
|
|
|
35
35
|
export const MyComponent = () => {
|
|
36
36
|
const { status, resources } = useResources('/folder/path/in/cms')
|
|
@@ -62,12 +62,12 @@ export const MyComponent = () => {
|
|
|
62
62
|
### useResources
|
|
63
63
|
|
|
64
64
|
```
|
|
65
|
-
const { status, resources } = useResources('/')
|
|
65
|
+
const { status, resources, loadResources } = useResources('/')
|
|
66
66
|
```
|
|
67
67
|
|
|
68
68
|
**Parameters**
|
|
69
69
|
|
|
70
|
-
- **path** - Folder path in the cms UI
|
|
70
|
+
- **path** - (optional) Folder path in the cms UI. Defaults to `/` when omitted.
|
|
71
71
|
|
|
72
72
|
**Returns**
|
|
73
73
|
|
|
@@ -78,6 +78,7 @@ Returns an object containing
|
|
|
78
78
|
Possible values are: NotInitialized, Loading, Success, Error
|
|
79
79
|
- **resources** - Array of resources, defaults to an empty array when
|
|
80
80
|
loading is not Success
|
|
81
|
+
- **loadResources** - Function to manually refetch the resource list
|
|
81
82
|
|
|
82
83
|
### useResource
|
|
83
84
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useCallback as t,useEffect as a}from"react";import{useCache as s}from"./Cache.js";import{AsyncStatus as r}from"./asyncStatus.js";import{useSdk as
|
|
1
|
+
import{useCallback as t,useEffect as a}from"react";import{useCache as s}from"./Cache.js";import{AsyncStatus as r}from"./asyncStatus.js";import{useSdk as u}from"./useSdk.js";var o=function(){var o=u(),i=s(["users"]),n=i.data,e=void 0===n?{status:r.NotInitialized,data:[]}:n,c=i.set,d=t(function(){c({status:r.Loading,data:[]}),o.users.list().then(function(t){return c({data:t,status:r.Success})}).catch(function(){return c({status:r.Error,data:[]})})},[o]);return a(function(){e.status===r.NotInitialized&&d()},[e]),{status:e.status,users:e.data,load:d}};export{o as useUsers};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as t,__spreadArray as
|
|
1
|
+
import{__assign as t,__spreadArray as i}from"../../node_modules/tslib/tslib.es6.js";import{useCallback as a,useEffect as o}from"react";import{useCache as n}from"./Cache.js";import{AsyncStatus as s}from"./asyncStatus.js";import{useSdk as r}from"./useSdk.js";var e=function(e){var u=r(),d=n(["workspace"]),c=d.data,l=void 0===c?{status:s.NotInitialized,data:{}}:c,p=d.set,v=a(function(){p({status:s.Loading,data:{}}),((null==e?void 0:e.id)?u.workspaces.get({id:e.id}):u.workspaces.current()).then(function(t){return p({data:t,status:s.Success})}).catch(function(){return p({status:s.Error,data:{}})})},[u,null==e?void 0:e.id]),f=a(function(a){return u.workspaces.createApiToken({description:a}).then(function(o){var n=o.id,r=o.token;return p(function(o){var r,e,u,d;return{status:null!==(r=null==o?void 0:o.status)&&void 0!==r?r:s.NotInitialized,data:t(t({},null!==(e=null==o?void 0:o.data)&&void 0!==e?e:{}),{apiTokens:i(i([],null!==(d=null===(u=null==o?void 0:o.data)||void 0===u?void 0:u.apiTokens)&&void 0!==d?d:[],!0),[{id:n,description:a}],!1)})}}),r})},[u,p]),k=a(function(t){return u.workspaces.inviteUser({email:t})},[u]);return o(function(){l.status===s.NotInitialized&&v()},[l.status,v]),{status:l.status,workspace:l.data,loadWorkspace:v,createApiToken:f,inviteUser:k}};export{e as useWorkspace};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__spreadArray as t}from"../../node_modules/tslib/tslib.es6.js";import{useCallback as a,useEffect as s}from"react";import{useCache as
|
|
1
|
+
import{__spreadArray as t}from"../../node_modules/tslib/tslib.es6.js";import{useCallback as a,useEffect as s}from"react";import{useCache as o}from"./Cache.js";import{AsyncStatus as r}from"./asyncStatus.js";import{useSdk as n}from"./useSdk.js";var e=["workspaces"],i=function(){var i=n(),u=o(e),c=u.set,d=u.data,l=void 0===d?{status:r.NotInitialized,data:[]}:d,f=a(function(){c({status:r.Loading,data:[]}),i.workspaces.list().then(function(t){return c({status:r.Success,data:t})}).catch(function(){return c({status:r.Error,data:[]})})},[i]),m=a(function(a){return i.workspaces.create({name:a}).then(function(a){return c(function(s){var o,n;return{status:null!==(o=null==s?void 0:s.status)&&void 0!==o?o:r.NotInitialized,data:t(t([],null!==(n=null==s?void 0:s.data)&&void 0!==n?n:[],!0),[a],!1)}}),a})},[i,c]);return s(function(){l.status===r.NotInitialized&&f()},[l,f]),{status:l.status,workspaces:l.data,loadWorkspaces:f,createWorkspace:m}};export{i as useWorkspaces};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ossy/sdk-react",
|
|
3
|
-
"description": "
|
|
4
|
-
"version": "0.8.
|
|
3
|
+
"description": "Software Development Kit React",
|
|
4
|
+
"version": "0.8.3",
|
|
5
5
|
"url": "git://github.com/ossy-se/packages/sdk-react",
|
|
6
6
|
"source": "src/public.index.ts",
|
|
7
7
|
"module": "build/sdk-react/src/public.index.js",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"/build",
|
|
57
57
|
"README.md"
|
|
58
58
|
],
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "4116cb86c14d3d9b01d3a2e37a9ce0835bbe7e41"
|
|
60
60
|
}
|