@webiny/app-wcp NPM

`@webiny/app-wcp`

A set of frontend Webiny Control Panel (WCP)-related utilities.

Installation

npm install --save @webiny/app-wcp

Or if you prefer yarn:

yarn add @webiny/app-wcp

Overview

The @webiny/app-wcp package contains essential Webiny Control Panel (WCP)-related utilities, that can be used within a React app. These include the WcpProvider provider component and the useWcp hook, which can be used to retrieve the current WCP project information and inspect whether a specific feature is available.

ℹ️ INFO
Internally, the WcpProvider provider retrieves WCP project information from the Webiny's default GraphQL API. Because of this, note that this project relies on @webiny/api-wcp when it comes to retrieving project information (via GraphQL).

Examples

Example	Description
Setup	Shows how to set up the `WcpProvider` provider React component.

Reference

Components

`WcpProvider`

export declare const Wcp: React.FC;

The WcpProvider is a provider component, which retrieves the WCP project information. The component also makes it possible to use the useWcp hook, which can be used to get the current WCP project information or inspect whether a specific WCP feature is allowed to be used within the React app.

import React from "react";
import { WcpProvider } from "@webiny/app-wcp";

const App = () => {
  return (
    <WcpProvider>
      <MyApp />
    </WcpProvider>
  );
};

export const App;

Hooks

`useWcp`

interface UseWcpHook {
  getProject: () => WcpProject | null;
  canUseFeature: (featureId: string) => boolean;
}

export declare function useWcp(): UseWcpHook;

The useWcp hook can be used to get the current WCP project information and inspect whether a specific WCP feature is allowed to be used within the React app.

import React from "react";
import { useWcp } from "@webiny/app-wcp";

export const MyComponent = () => {
  const { canUseFeature } = useWcp();

  if (canUseFeature("advancedPublishingWorkflow")) {
    return <span>We can use Advanced Publishing Workflow (APW).</span>;
  }

  return <span>We cannot use Advanced Publishing Workflow (APW).</span>;
};

@apollo/react-hooks @babel/runtime @emotion/react apollo-cache apollo-client apollo-link apollo-utilities graphql-tag react react-dom

@infinitebrahmanuniverse/nolb-_webi @everything-registry/sub-chunk-1008 @webiny/app-admin @webiny/app-aco

3 days ago

3 days ago

3 days ago

9 days ago

15 days ago

16 days ago

30 days ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

0.0.0-unstable.de38392959

3 months ago

5.38.5-beta.0

3 months ago

0.0.0-unstable.a9593f74dd

3 months ago

5.38.5

3 months ago

5.38.4

3 months ago

5.38.4-beta.0

3 months ago

0.0.0-unstable.2696f9d9e8

3 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

8 months ago

8 months ago

5 months ago

5 months ago

6 months ago

9 months ago

9 months ago

9 months ago

8 months ago

9 months ago

6 months ago

7 months ago

8 months ago

8 months ago

6 months ago

8 months ago

8 months ago

7 months ago

7 months ago

7 months ago

6 months ago

6 months ago

0.0.0-unstable.c7dec08bb0

10 months ago

6 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

0.0.0-unstable.acacc54f0e

9 months ago

5 months ago

9 months ago

9 months ago

9 months ago

6 months ago

6 months ago

7 months ago

6 months ago

8 months ago

7 months ago

9 months ago

8 months ago

0.0.0-unstable.8feaff8c32

10 months ago

0.0.0-unstable.99666aeb00

10 months ago

0.0.0-unstable.98511f29f1

10 months ago

0.0.0-unstable.085ff6572f

10 months ago

9 months ago

7 months ago

5 months ago

5 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

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

0.0.0-unstable.c59b9cc5b9

11 months ago

0.0.0-unstable.aa00eecd97

12 months ago

0.0.0-unstable.d13302545b

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

0.0.0-unstable.606fc9c866

12 months ago

0.0.0-unstable.79032b23a5

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.8acc9e8892

1 year ago

0.0.0-unstable.ad3a7a4920

1 year ago

0.0.0-unstable.b6408e0dea

1 year ago

0.0.0-unstable.1145e7667f

1 year ago

0.0.0-unstable.b14eaecf38

1 year ago

0.0.0-unstable.c2780f51fe

1 year ago

0.0.0-unstable.da99e0b846

1 year ago

0.0.0-unstable.9e825fd5fb

1 year ago

0.0.0-unstable.6509387258

1 year ago

0.0.0-unstable.df6d94b531

1 year ago

0.0.0-unstable.b02d94bba0

1 year ago

5.34.8

1 year ago

0.0.0-unstable.496cf268ac

1 year ago

5.34.8-beta.1

1 year ago

0.0.0-unstable.13771d80a8

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.ecd8734205

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.e3f4727c56

1 year ago

5.34.6-beta.3

1 year ago

5.34.6-beta.2

1 year ago

5.34.6-beta.1

1 year ago

0.0.0-unstable.60a863e033

1 year ago

0.0.0-unstable.d65ec29d44

1 year ago

0.0.0-unstable.d7f521b032

1 year ago

0.0.0-unstable.bca7b3e350

1 year ago

5.34.6-beta.0

1 year ago

0.0.0-unstable.2af142b57e

1 year ago

0.0.0-unstable.631e0f3b8d

1 year ago

5.34.5

1 year ago

5.34.5-beta.1

1 year ago

0.0.0-unstable.cc58a6566b

1 year ago

5.34.5-beta.0

1 year ago

0.0.0-unstable.7f63ea0744

1 year ago

5.34.4

1 year ago

5.34.4-beta.0

1 year ago

0.0.0-unstable.3386f66516

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

0.0.0-ee-vpcs.549378cf03

1 year ago

0.0.0-unstable.60e968001a

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.d16f688daf

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.aad28a72ae

1 year ago

0.0.0-unstable.97a151f74d

1 year ago

0.0.0-unstable.615a930a68

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.d4f203fa97

1 year ago

0.0.0-unstable.78f581c1d2

1 year ago

0.0.0-unstable.40876133bb

1 year ago

0.0.0-unstable.990c3ab1b6

1 year ago

0.0.0-unstable.6e5425ee89

1 year ago

0.0.0-unstable.611c5af35e

1 year ago

5.33.3

1 year ago

5.33.3-beta.0

1 year ago

0.0.0-unstable.fcdad0bc61

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.1e66d121db

2 years ago

0.0.0-unstable.8c4d9f045a

2 years ago

0.0.0-unstable.5e7233243f

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

@webiny/app-wcp v5.39.5

`@webiny/app-wcp`

Table of Contents

Installation

Overview

Examples

Reference

Components

`WcpProvider`

Hooks

`useWcp`