requirebin sketch

index.js

var treeui = require('treeui');
var insertCSS = require("insert-css");

insertCSS("body {     font:normal 12px/20px sans-serif; }  .treeui-caret {     color:#555;     font-size:10px;     padding-right:5px; }  .treeui-caret:hover {     cursor:pointer; }  .treeui-level {     padding-left:15px;     border-left:1px solid #555; } ");

treeui(request)
    .onclick(function(level) {
        console.log(level);
    })
    .appendTo(document.body);

function request(tree, callback) {
    callback(null, [1 + tree, 2 + tree, 3 + tree]);
}

minified.js

function request(e,r){r(null,[1+e,2+e,3+e])}require=function e(r,t,n){function i(u,c){if(!t[u]){if(!r[u]){var a="function"==typeof require&&require;if(!c&&a)return a(u,!0);if(o)return o(u,!0);throw Error("Cannot find module '"+u+"'")}var s=t[u]={exports:{}};r[u][0].call(s.exports,function(e){var t=r[u][1][e];return i(t?t:e)},s,s.exports,e,r,t,n)}return t[u].exports}for(var o="function"==typeof require&&require,u=0;n.length>u;u++)i(n[u]);return i}({hEn32M:[function(e,r){function t(e,r){var t=document.createElement(e);return r&&(t.className=r),t}function n(e,r){return e.appendChild(r)}function i(e,r,t){return e.addEventListener(r,t)}r.exports=function(e){function r(e){var r=e.target,i=e.target.parentNode;if(r.classList.contains("open")){for(var u=i.getElementsByClassName("treeui-level"),c=0;u.length>c;c++)u[c].parentNode.removeChild(u[c]);r.classList.remove("open"),r.innerHTML="▶"}else o(i.level,n(i,t("div","treeui-level"))),r.classList.add("open"),r.innerHTML="▼"}function o(r,t){e(r,function(e,r){e||r.forEach(function(e){n(t,a(e))})})}var u=t("div","treeui"),c=function(){},a=function(e){var o=t("div","treeui-item");o.level=e;var u=n(o,t("span","treeui-caret"));u.innerHTML="▶",u.level=e,i(u,"click",r);var a=n(o,t("span","treeui-label"));return a.innerHTML=e,i(a,"click",function(e){c(e.target.parentNode.level,e)}),o};o([],u);var s={appendTo:function(e){return e.appendChild(u),s},onclick:function(e){return c=e,s}};return s}},{}],treeui:[function(e,r){r.exports=e("hEn32M")},{}]},{},[]),require=function e(r,t,n){function i(u,c){if(!t[u]){if(!r[u]){var a="function"==typeof require&&require;if(!c&&a)return a(u,!0);if(o)return o(u,!0);throw Error("Cannot find module '"+u+"'")}var s=t[u]={exports:{}};r[u][0].call(s.exports,function(e){var t=r[u][1][e];return i(t?t:e)},s,s.exports,e,r,t,n)}return t[u].exports}for(var o="function"==typeof require&&require,u=0;n.length>u;u++)i(n[u]);return i}({XxGlWs:[function(e,r){var t={};r.exports=function(e){if(!t[e]){t[e]=!0;var r=document.createElement("style");r.setAttribute("type","text/css"),"textContent"in r?r.textContent=e:r.styleSheet.cssText=e;var n=document.getElementsByTagName("head")[0];n.appendChild(r)}}},{}],"insert-css":[function(e,r){r.exports=e("XxGlWs")},{}]},{},[]);var treeui=require("treeui"),insertCSS=require("insert-css");insertCSS("body {     font:normal 12px/20px sans-serif; }  .treeui-caret {     color:#555;     font-size:10px;     padding-right:5px; }  .treeui-caret:hover {     cursor:pointer; }  .treeui-level {     padding-left:15px;     border-left:1px solid #555; } "),treeui(request).onclick(function(e){console.log(e)}).appendTo(document.body);

package.json

{
  "name": "requirebin-sketch",
  "version": "1.0.0",
  "dependencies": {
    "treeui": "0.0.0",
    "insert-css": "0.1.1"
  }
}

page-head.html

<style type='text/css'>html, body { margin: 0; padding: 0; border: 0; }
body, html { height: 100%; width: 100%; }</style>

requirebin.md

made with requirebin