@contember/react-client NPM | npm.io

1.2.7 • Published 13 days ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

13 days ago

`@contember/react-client`

Usage

If you wish to communicate with any Contember API, wrap your code with the ContemberClient component:

import { ContemberClient } from '@contember/react-client'

<ContemberClient
	apiBaseUrl="https://api.example.com"
	project="PROJECT-SLUG"
	sessionToken="SESSION-TOKEN"
	stage="STAGE-SLUG"
>
	...
</ContemberClient>

Notable APIs

You'll have to look at the code for now, sorry.

<RichTextRenderer />
useFileUpload
useContentApiRequest / useTenantApiRequest / useSystemApiRequest

RichTextRenderer

Here is simple exmaple of how to use the RichTextRenderer component with custom references and elements.

import { RichTextRenderer } from '@contember/react-client'
import Image from './myComponents/Image'
import Gallery from './myComponents/Gallery'
import Quote from './myComponents/Quote'
import Link from './myComponents/Link'

<RichTextRenderer
	sourceField="json"
	renderElement={(props) => {
		if (props.element.type === 'link' && props.reference) {
			return <Link label={props.element.children[0].text} url={props.reference.target} />
		}

		return props.fallback
	}}
	referenceRenderers={{
		image: (reference) => <Image reference={reference} />,
		gallery: (reference) => <Gallery reference={reference} />,
		quote: (reference) => <Quote reference={reference} />,
	}}
/>

Prop	Description
`sourceField`	The field in the GraphQL that contains the rich text.
`renderElement`	Function that renders an element.
`referenceRenderers`	Object that maps reference types to renderers.

@contember/client @contember/react-richtext-renderer @contember/utilities

@infinitebrahmanuniverse/nolb-_cont @everything-registry/sub-chunk-196 @zalastax/nolb-_cont @contember/admin @contember/react-dataview @contember/interface @contember/react-binding @contember/react-client-tenant @contember/react-identity @contember/react-uploader

13 days ago

22 days ago

25 days ago

1 month ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

8 months ago

6 months ago

7 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.8.0-alpha.2.15

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.8.0-alpha.2.12

2 years ago

0.8.0-alpha.2.9

2 years ago

2 years ago

2 years ago

2 years ago

0.8.0-alpha.2.11

2 years ago

0.8.0-alpha.2.10

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.8.0-alpha.2.3

2 years ago

0.8.0-alpha.2.4

2 years ago

0.8.0-alpha.2.2

2 years ago

2 years ago

0.8.0-alpha.2.7

2 years ago

0.8.0-alpha.2.8

2 years ago

0.8.0-alpha.2.5

2 years ago

0.8.0-alpha.2.6

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.8.0-alpha.2.1

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago