node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

interactive-sandbox

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