Skip to content
Demoboard live code editor
TypeScript JavaScript HTML
Branch: master
Clone or download
Latest commit c99e43f Nov 26, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode get worker working in example repository Sep 21, 2019
examples v0.1.29 Nov 8, 2019
packages ui update Nov 26, 2019
.eslintignore
.eslintrc.js
.gitignore error handling and container prepublish Oct 31, 2019
.prettierrc
LICENSE initial commip wip Sep 19, 2019
README.md
lerna.json v0.1.29 Nov 8, 2019
package.json
yarn.lock

README.md

Demoboard

An embeddable live editor, with every package on npm.

Getting Started

Demoboard can be embedded within any app built with Webpack -- including apps built with Create React App, Gatsby, Next.js, etc.

yarn add @frontarm/demoboard
import React from 'react'
import { Demoboard, DemoboardGlobalStyles } from '@frontarm/demoboard'

const initialSources = {
  '/index.js': `
import React from 'react@experimental'
import ReactDOM from 'react-dom@experimental'

const root = ReactDOM.createRoot(
  document.getElementById('root')
)
root.render(<h1>Hello, world!</h1>)`,
}

const App = () => {
  return (
    <>
      <DemoboardGlobalStyles />
      <Demoboard
        config={{
          initialSources,
          initialGeneratedTabs: ['/index.html'],
        }}
        id="demoboard"
      />
    </>
  )
}

Contributing

yarn install
yarn build
cd examples
yarn start
You can’t perform that action at this time.