Replace nbsp (accidentally typed) with ordinary space

Author: Tao-VanJS

about.html

@@ -5,7 +5,7 @@
     const vanJS = van.state("VanJS")
     return span(
       button({onclick: () => vanJS.val = b("VanJS")}, "Turn Bold"),
-      " Welcome to ", vanJS, ". ", vanJS, " is awesome!"
+      " Welcome to ", vanJS, ". ", vanJS, " is awesome!"
     )
   }
 

about/index.html

@@ -247,7 +247,7 @@ van.add(document.body, Tabs(
       pre(code("npm install vanjs-core")),
     ],
     About: p(
-      "The author of ", b("VanJS"), " is ",
+      "The author of ", b("VanJS"), " is ",
       a({href: "https://github.com/Tao-VanJS"}, " Tao Xin"), "."
     ),
   },
@@ -369,7 +369,7 @@ van.add(document.body,
     onmouseenter: () => tooltip2Show.val = true,
     onmouseleave: () => tooltip2Show.val = false,
     onclick: () => ++count.val
-  }, "Increment Counter", Tooltip({text: tooltip2Text, show: tooltip2Show})), " ",
+  }, "Increment Counter", Tooltip({text: tooltip2Text, show: tooltip2Show})), " ",
   button({
     style: "position: relative;",
     onmouseenter: () => tooltip3Show.val = true,

advanced.html

@@ -1,4 +1,4 @@
-import { Van } from "vanjs-core"
+import { Van } from "vanjs-core"
 import { htmlToVanCode, mdToVanCode } from "vanjs-converter"
 
 declare const van: Van, Prism: any
@@ -73,7 +73,7 @@ const Converter = () => {
         pre(code({class: "language-js"})),
       )
       const {code: lines, tags} = result.val
-      const space = spacing.val ? " " : ""
+      const space = spacing.val ? " " : ""
       const [tagsDom, codeDom] = dom.querySelectorAll("pre code[class='language-js']")
       tagsDom.textContent = tags.length ? `const {${space}${tags.join(", ")}${space}} = van.tags
 ` : ""

advanced.js

@@ -50,14 +50,14 @@ <h1 class="w3-padding-16 w3-xxxlarge">
     <!-- !PAGE CONTENT! -->
     <div class="w3-main" style="margin-left:300px;">
       <div id="page">
-        <div id="content"><h1 class="w3-xxlarge"><b>VanJS</b>: Learning by Example</h1><blockquote><i>Simplicity is the ultimate sophistication.<br><br>-- Steve Jobs</i></blockquote><p>Despite being an <b>ultra-lightweight</b> UI framework, <b>VanJS</b>&nbsp;allows you to write incredibly elegant and expressive code for comprehensive application logic. This page is a curated list of cool things you can do with just a few lines of JavaScript code, including several handy utilities built with <b>VanJS</b>.</p><p>See also <a href="#community-examples" class="w3-hover-opacity">Community Examples</a>.</p><p><button id="random-demo"><span id="dice">🎲 </span>Show Me a Random Demo</button></p><h2 class="w3-xxlarge w3-text-red" id="hello-world"><a class="self-link" href="#hello-world">Hello World!</a></h2><hr style="width:50px;border:5px solid red" class="w3-round"><p>This is the <code class="symbol">Hello World</code> program shown in the <a href="/" class="w3-hover-opacity">Home</a> page:</p><pre><code class="language-js">const Hello = () =&gt; div(
+        <div id="content"><h1 class="w3-xxlarge"><b>VanJS</b>: Learning by Example</h1><blockquote><i>Simplicity is the ultimate sophistication.<br><br>-- Steve Jobs</i></blockquote><p>Despite being an <b>ultra-lightweight</b> UI framework, <b>VanJS</b> allows you to write incredibly elegant and expressive code for comprehensive application logic. This page is a curated list of cool things you can do with just a few lines of JavaScript code, including several handy utilities built with <b>VanJS</b>.</p><p>See also <a href="#community-examples" class="w3-hover-opacity">Community Examples</a>.</p><p><button id="random-demo"><span id="dice">🎲 </span>Show Me a Random Demo</button></p><h2 class="w3-xxlarge w3-text-red" id="hello-world"><a class="self-link" href="#hello-world">Hello World!</a></h2><hr style="width:50px;border:5px solid red" class="w3-round"><p>This is the <code class="symbol">Hello World</code> program shown in the <a href="/" class="w3-hover-opacity">Home</a> page:</p><pre><code class="language-js">const Hello = () =&gt; div(
   p("👋Hello"),
   ul(
     li("🗺️World"),
     li(a({href: "https://vanjs.org/"}, "🍦VanJS")),
   ),
 )
-</code></pre><p><b>Demo:</b></p><p id="demo-hello"></p><p><a href="https://jsfiddle.net/gh/get/library/pure/vanjs-org/vanjs-org.github.io/tree/master/jsfiddle/demo/hello">Try on jsfiddle</a></p><p>This is the funnier <code class="symbol">Hello</code>&nbsp;program shown in <a href="/start" class="w3-hover-opacity">Getting Started</a> page:</p><pre><code class="language-js">const sleep = ms =&gt; new Promise(resolve =&gt; setTimeout(resolve, ms))
+</code></pre><p><b>Demo:</b></p><p id="demo-hello"></p><p><a href="https://jsfiddle.net/gh/get/library/pure/vanjs-org/vanjs-org.github.io/tree/master/jsfiddle/demo/hello">Try on jsfiddle</a></p><p>This is the funnier <code class="symbol">Hello</code> program shown in <a href="/start" class="w3-hover-opacity">Getting Started</a> page:</p><pre><code class="language-js">const sleep = ms =&gt; new Promise(resolve =&gt; setTimeout(resolve, ms))
 
 const Run = ({sleepMs}) =&gt; {
   const steps = van.state(0)

advanced/index.html

@@ -50,14 +50,14 @@ <h1 class="w3-padding-16 w3-xxxlarge">
     <!-- !PAGE CONTENT! -->
     <div class="w3-main" style="margin-left:300px;">
       <div id="page">
-        <div id="content"><h1 class="w3-xxlarge"><b>VanJS</b>: Learning by Example</h1><blockquote><i>Simplicity is the ultimate sophistication.<br><br>-- Steve Jobs</i></blockquote><p>Despite being an <b>ultra-lightweight</b> UI framework, <b>VanJS</b>&nbsp;allows you to write incredibly elegant and expressive code for comprehensive application logic. This page is a curated list of cool things you can do with just a few lines of JavaScript code, including several handy utilities built with <b>VanJS</b>.</p><p>See also <a href="#community-examples" class="w3-hover-opacity">Community Examples</a>.</p><p><button id="random-demo"><span id="dice">🎲 </span>Show Me a Random Demo</button></p><h2 class="w3-xxlarge w3-text-red" id="hello-world"><a class="self-link" href="#hello-world">Hello World!</a></h2><hr style="width:50px;border:5px solid red" class="w3-round"><p>This is the <code class="symbol">Hello World</code> program shown in the <a href="/" class="w3-hover-opacity">Home</a> page:</p><pre><code class="language-js">const Hello = () =&gt; div(
+        <div id="content"><h1 class="w3-xxlarge"><b>VanJS</b>: Learning by Example</h1><blockquote><i>Simplicity is the ultimate sophistication.<br><br>-- Steve Jobs</i></blockquote><p>Despite being an <b>ultra-lightweight</b> UI framework, <b>VanJS</b> allows you to write incredibly elegant and expressive code for comprehensive application logic. This page is a curated list of cool things you can do with just a few lines of JavaScript code, including several handy utilities built with <b>VanJS</b>.</p><p>See also <a href="#community-examples" class="w3-hover-opacity">Community Examples</a>.</p><p><button id="random-demo"><span id="dice">🎲 </span>Show Me a Random Demo</button></p><h2 class="w3-xxlarge w3-text-red" id="hello-world"><a class="self-link" href="#hello-world">Hello World!</a></h2><hr style="width:50px;border:5px solid red" class="w3-round"><p>This is the <code class="symbol">Hello World</code> program shown in the <a href="/" class="w3-hover-opacity">Home</a> page:</p><pre><code class="language-js">const Hello = () =&gt; div(
   p("👋Hello"),
   ul(
     li("🗺️World"),
     li(a({href: "https://vanjs.org/"}, "🍦VanJS")),
   ),
 )
-</code></pre><p><b>Demo:</b></p><p id="demo-hello"></p><p><a href="https://jsfiddle.net/gh/get/library/pure/vanjs-org/vanjs-org.github.io/tree/master/jsfiddle/demo/hello">Try on jsfiddle</a></p><p>This is the funnier <code class="symbol">Hello</code>&nbsp;program shown in <a href="/start" class="w3-hover-opacity">Getting Started</a> page:</p><pre><code class="language-js">const sleep = ms =&gt; new Promise(resolve =&gt; setTimeout(resolve, ms))
+</code></pre><p><b>Demo:</b></p><p id="demo-hello"></p><p><a href="https://jsfiddle.net/gh/get/library/pure/vanjs-org/vanjs-org.github.io/tree/master/jsfiddle/demo/hello">Try on jsfiddle</a></p><p>This is the funnier <code class="symbol">Hello</code> program shown in <a href="/start" class="w3-hover-opacity">Getting Started</a> page:</p><pre><code class="language-js">const sleep = ms =&gt; new Promise(resolve =&gt; setTimeout(resolve, ms))
 
 const Run = ({sleepMs}) =&gt; {
   const steps = van.state(0)

codegen/vanui-README.md

@@ -4,7 +4,7 @@ const TurnBold = () => {
   const vanJS = van.state("VanJS")
   return span(
     button({onclick: () => vanJS.val = b("VanJS")}, "Turn Bold"),
-    " Welcome to ", vanJS, ". ", vanJS, " is awesome!"
+    " Welcome to ", vanJS, ". ", vanJS, " is awesome!"
   )
 }
 

converter-ui/convert.ts

@@ -4,7 +4,7 @@ const TurnBold = () => {
   const vanJS = van.state("VanJS")
   return span(
     button({onclick: () => vanJS.val = b("VanJS")}, "Turn Bold"),
-    " Welcome to ", vanJS, ". ", vanJS, " is awesome!"
+    " Welcome to ", vanJS, ". ", vanJS, " is awesome!"
   )
 }
 

demo.html

@@ -31,7 +31,7 @@ const TodoList = () => {
       button({onclick: () => vanX.replace(items, l =>
         l.flatMap(([k1, v1]) => [
           [k1, v1],
-          ["k" + ++id, {text: v1.text + " - copy", done: v1.done}],
+          ["k" + ++id, {text: v1.text + " - copy", done: v1.done}],
         ]))},
         "Duplicate List"),
       button({onclick: () => Object.values(items).forEach(v => v.text += "!")}, 'Append "!"'),

demo/index.html

@@ -6,7 +6,7 @@ const Name = () => {
   return div(
     "First name: ",
     input({type: "text", value: () => data.name.first,
-      oninput: e => data.name.first = e.target.value}), " ",
+      oninput: e => data.name.first = e.target.value}), " ",
     "Last name: ",
     input({type: "text", value: () => data.name.last,
       oninput: e => data.name.last = e.target.value}), " ",

dom-valued-state.code.js

@@ -10,7 +10,7 @@ const Name = () => {
   return div(
     "First name: ",
     input({type: "text", value: () => person.firstName,
-      oninput: e => person.firstName = e.target.value}), " ",
+      oninput: e => person.firstName = e.target.value}), " ",
     "Last name: ",
     input({type: "text", value: () => person.lastName,
       oninput: e => person.lastName = e.target.value}), " ",

jsfiddle/advanced/dom-valued-state/demo.js

@@ -6,7 +6,7 @@ const Name = () => {
   return div(
     "First name: ",
     input({type: "text", value: () => data.name.first,
-      oninput: e => data.name.first = e.target.value}), " ",
+      oninput: e => data.name.first = e.target.value}), " ",
     "Last name: ",
     input({type: "text", value: () => data.name.last,
       oninput: e => data.name.last = e.target.value}), " ",

jsfiddle/x/example-list2/demo.js

@@ -5,7 +5,7 @@ const Name = () => {
   return div(
     "First name: ",
     input({type: "text", value: () => data.name.first,
-      oninput: e => data.name.first = e.target.value}), " ",
+      oninput: e => data.name.first = e.target.value}), " ",
     "Last name: ",
     input({type: "text", value: () => data.name.last,
       oninput: e => data.name.last = e.target.value}), " ",

jsfiddle/x/name-calc/demo.js

@@ -29,7 +29,7 @@ const TodoList = () => {
       button({onclick: () => vanX.replace(items, l =>
         l.flatMap(([k1, v1]) => [
           [k1, v1],
-          ["k" + ++id, {text: v1.text + " - copy", done: v1.done}],
+          ["k" + ++id, {text: v1.text + " - copy", done: v1.done}],
         ]))},
         "Duplicate List"),
       button({onclick: () => Object.values(items).forEach(v => v.text += "!")}, 'Append "!"'),