3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-03 16:59:06 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(v2): allow adding components to react-live scope (#2826)

Browse source 
* feat(v2): add components to react-live scope (#2807)

* fix admonition issue + improve react-live scope doc

* fix again admonition :(

* remove forwarding of mdx components to react-live scope (for now)

* remove useless dep
This commit is contained in:
Sébastien Lorber 2020-06-04 14:18:42 +02:00 • committed by GitHub
parent 5c6670b94e
commit 953abd8154
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 102 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
packages/docusaurus-theme-live-codeblock/src/theme/CodeBlock/index.js
View file

@ -9,6 +9,7 @@ import React from 'react';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import usePrismTheme from '@theme/hooks/usePrismTheme';
import Playground from '@theme/Playground';
import ReactLiveScope from '@theme/ReactLiveScope';
import CodeBlock from '@theme-init/CodeBlock';
const withLiveEditor = (Component) => {
@ -20,7 +21,7 @@ const withLiveEditor = (Component) => {
return (
<Playground
key={isClient}
scope={{...React}}
scope={ReactLiveScope}
theme={prismTheme}
{...props}
/>

16
packages/docusaurus-theme-live-codeblock/src/theme/ReactLiveScope/index.js Normal file
View file

@ -0,0 +1,16 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import React from 'react';
// Add react-live imports you need here
const ReactLiveScope = {
React,
...React,
};
export default ReactLiveScope;