apprun-play: add attr: code, hide_button

yysun · May 22, 2021 · f6d7d68 · f6d7d68
1 parent e7bbf87
commit f6d7d68
Show file tree

Hide file tree

Showing 8 changed files with 192 additions and 165 deletions.
diff --git a/demo-html/index.html b/demo-html/index.html
diff --git a/dist/apprun-play.js b/dist/apprun-play.js
diff --git a/dist/apprun-play.js.map b/dist/apprun-play.js.map
diff --git a/esm/apprun-play.js b/esm/apprun-play.js
diff --git a/esm/apprun-play.js.map b/esm/apprun-play.js.map
diff --git a/index-apprun-play.html b/index-apprun-play.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>AppRun Play</title>
+  <link rel="stylesheet" href="demo/lib/codemirror.css">
+  <script src="demo/lib/codemirror.js"></script>
+  <script src="demo/mode/javascript/javascript.js"></script>
+  <script src="demo/mode/xml/xml.js"></script>
+  <script src="demo/mode/jsx/jsx.js"></script>
+  <script src="dist/apprun-play.js"></script>
+</head>
+<body>
+  <textarea style="width:100%; height:300px">
+      const state = 0;
+      const view = state => {
+        return `<div>
+          <h1>${state}</h1>
+          <button onclick='app.run("-1")'>-1</button>
+          <button onclick='app.run("+1")'>+1</button>
+        </div>`;
+      };
+      const update = {
+        '+1': state => state + 1,
+        '-1': state => state - 1
+      };
+      app.start(document.body, state, view, update);
+    </textarea>
+<apprun-play></apprun-play>
+
+<textarea>
+<html>
+<body>
+<script src="https://unpkg.com/apprun/dist/apprun-html.js"></script>
+<script>
+  const view = state => `<div>${state}</div>`;
+  app.start(document.body, 'hello world', view);
+</script>
+</body>
+</html>
+</textarea>
+<p>
+  <apprun-play></apprun-play>
+</p>
+</body>
+</html>
diff --git a/index-wc.html b/index-wc.html