No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
examples
tests
.gitignore
README.md
index.js
package.json

README.md

interactive-sandbox

Create editable, interactive code examples for the browser that bundle dependencies from npm.

Install

npm install --save interactive-sandbox

Usage

Simple example:

var createSandbox = require('interactive-sandbox')

var code = `var html = require('yo-yo')
var request = require('xhr')

request('http://boundaries.seattle.io/boundaries', function (err, res, body) {
  console.log(body)
  var content = html\`<p>\${body}</p>\`
  document.body.appendChild(content)
})
`

var sandbox = createSandbox(code, {
  onChange: function (changedCode) {
    console.log('changedCode', changedCode)
  }
})

document.body.appendChild(sandbox.render())

License

MIT