chore: indent-size => 2 for better responsive view

fritx · fritx · commit de76255ab010 · 2020-04-22T09:49:32.000+08:00
diff --git a/README.md b/README.md
@@ -8,7 +8,8 @@ Visit: https://coldemo.github.io/
 - [ ] antd4, safe js exec sandbox - see pureproxy
 - [ ] lang ts/tsx/vue/py/rb/java
 - [ ] storage list, reset btn, responsive, screenshot
-- [ ] error-handling, assetsNode
+- [ ] faked location/window, vue-jsx
+- [x] error-handling, assetsNode, load-parallel, crank-jsx
 - [x] gh-pages, lang js/jsx, react/vue, umd-hack
 - [x] code read from url, storybook cards
 - [x] web worker for babel transform
diff --git a/public/code/crank-async-generator.jsx b/public/code/crank-async-generator.jsx
@@ -4,40 +4,42 @@
 
 // await loadJs('https://unpkg.com/@bikeshaving/crank/umd/index.js');
 await loadJs('https://unpkg.com/crank-umd@0.1.1/umd/index.js');
-const {Context, createElement, Element, renderer} = Crank;
+const {createElement, renderer} = Crank;
 
 appendCss(`
 #mountNode { padding: 20px }
 `)
 
+// https://github.com/bikeshaving/crank/tree/master/examples/async-generator
 const mount = document.getElementById("mountNode");
 const arr = [];
+
 async function* List(
-	{elems},
+  {elems},
 ) {
-	let i = 0;
-	for await ({elems} of this) {
-		i++;
-		if (i % 5 === 0) {
-			yield <div>Loading {elems.length} items...</div>;
-			await new Promise((resolve) => setTimeout(resolve, 4000));
-		}
-		yield (
-			<ul>
-				{elems.map((i) => (
-					<li crank-key={i}>{i}</li>
-				))}
-			</ul>
-		);
-		await new Promise((resolve) => setTimeout(resolve, 500));
-	}
+  let i = 0;
+  for await ({elems} of this) {
+    i++;
+    if (i % 5 === 0) {
+      yield <div>Loading {elems.length} items...</div>;
+      await new Promise((resolve) => setTimeout(resolve, 4000));
+    }
+    yield (
+      <ul>
+        {elems.map((i) => (
+          <li crank-key={i}>{i}</li>
+        ))}
+      </ul>
+    );
+    await new Promise((resolve) => setTimeout(resolve, 500));
+  }
 }
 
 renderer.render(<List elems={arr} />, mount);
 setInterval(() => {
-	arr.push(arr.length + 1);
-	if (arr.length > 30) {
-		arr.length = 0;
-	}
-	renderer.render(<List elems={arr} />, mount);
+  arr.push(arr.length + 1);
+  if (arr.length > 30) {
+    arr.length = 0;
+  }
+  renderer.render(<List elems={arr} />, mount);
 }, 1000);
