This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
did:3:kjzl6cwe1jw146k8pf0u0fyta04gcqv4vglp6bpxcse5xxprs7qvg736e1928kd |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env node | |
'use strict'; | |
const React = require('react'); | |
const importJsx = require('import-jsx'); | |
const {render} = require('ink'); | |
const meow = require('meow'); | |
const ui = importJsx('./ui'); | |
const cli = meow(` | |
Usage | |
$ sandbox |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { serialize } from "next-mdx-remote/serialize"; | |
import { MDXRemote } from "next-mdx-remote"; | |
import CustomMDXCode from "../components/CustomMDXCode"; | |
export default function Home({ source }) { | |
return ( | |
<div> | |
<MDXRemote | |
components={{ code: props => <CustomMDXCode {...props} /> }} | |
{...source} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Sandpack } from "@codesandbox/sandpack-react"; | |
import "@codesandbox/sandpack-react/dist/index.css"; | |
const CustomMDXCode = props => { | |
return ( | |
<Sandpack | |
template={props.template} | |
files={{ [`/${props.filename}`]: props.children }} | |
/> | |
); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { serialize } from "next-mdx-remote/serialize"; | |
import { MDXRemote } from "next-mdx-remote"; | |
export default function Home({ source }) { | |
return ( | |
<div> | |
<MDXRemote {...source} /> | |
</div> | |
); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export default function Home() { | |
return <div></div>; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Sandpack } from "@codesandbox/sandpack-react"; | |
import "@codesandbox/sandpack-react/dist/index.css"; | |
function App() { | |
return ( | |
<div> | |
<Sandpack template="react" theme="sandpack-dark" /> | |
</div> | |
); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<Sandpack template="react" theme="sandpack-dark" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<Sandpack template="react" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<Sandpack /> |
NewerOlder