rpd
Version:
RPD is a minimal framework for building Node-Based User Interfaces, powered by Reactive Programming
74 lines (60 loc) • 2.92 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<title>PD Toolkit</title>
<!-- replace double equals signs with double dashes to get html head like below generated -->
<!-- gulp html-head ==style realpd ==renderer svg ==toolkit pd ==root .. -->
<!-- or run this, and get everything combined in two files: rpd.js and rpd.css -->
<!-- gulp ==style realpd ==renderer svg ==toolkit pd -->
<!-- Built with RPD v2.0.0 <http://shamansir.github.io/rpd> -->
<!-- RPD Renderer: svg -->
<link rel="stylesheet" href="../src/render/svg.css"></style>
<!-- RPD Style: webpd (svg) -->
<link rel="stylesheet" href="../src/style/webpd/svg.css"></style>
<!-- RPD Toolkit: webpd (svg) -->
<link rel="stylesheet" href="../src/toolkit/webpd/svg.css"></style>
<!-- WebPd -->
<!-- <script src="http://rawgit.com/sebpiq/WebPd/master/dist/webpd-latest.min.js"></script> -->
<!-- <script src="../node-modules/webpd/dist/webpd-latest.min.js"></script> -->
<script src="../node_modules/webpd/dist/webpd-latest.js"></script>
<!-- Kefir -->
<script src="../node_modules/kefir/dist/kefir.min.js"></script>
<!-- d3-selection -->
<script src="../node_modules/d3-selection/build/d3-selection.min.js"></script>
<!-- RPD -->
<script src="../src/rpd.js"></script>
<!-- RPD Render Core: -->
<script src="../src/render/shared.js"></script>
<!-- RPD Style: webpd (svg) -->
<script src="../src/style/webpd/svg.js"></script>
<!-- RPD Renderer: svg -->
<script src="../src/render/svg.js"></script>
<!-- RPD Toolkit: webpd -->
<script src="../src/toolkit/webpd/shared.js"></script>
<script src="../src/toolkit/webpd/toolkit.js"></script>
<!-- RPD Toolkit: webpd (svg) -->
<script src="../src/toolkit/webpd/svg.js"></script>
</head>
</head>
<body>
<script>
Rpd.renderNext('svg', document.body, { style: 'webpd', fullPage: true,
inletAcceptsMultipleLinks: true });
var root = Rpd.addPatch('root');
var model = new PdModel(root);
root.model = model;
model.listenForNewNodes();
var toolbar = root.addNode('wpd/toolbar');
var obj = root.addNode('wpd/object');
var text = root.addNode('wpd/comment');
var num = root.addNode('wpd/number');
var num = root.addNode('wpd/symbol');
var msg = root.addNode('wpd/message');
var bang = root.addNode('wpd/bang');
var toggle1 = root.addNode('wpd/toggle');
var toggle2 = root.addNode('wpd/toggle');
var toggle3 = root.addNode('wpd/toggle');
</script>
</body>
</html>