examples, readme: fix typos (#18994)

Author: ttytm

README.md

@@ -205,11 +205,11 @@ make
 
 To bring IDE functions for the V programming languages to your editor, check out
 [v-analyzer](https://github.com/v-analyzer/v-analyzer). It provides a
-[VS code extension](https://marketplace.visualstudio.com/items?itemName=VOSCA.vscode-v-analyzer)
+[VS Code extension](https://marketplace.visualstudio.com/items?itemName=VOSCA.vscode-v-analyzer)
 and language server capabilities for other editors.
 
-The plugin for JetBrains IDEs (IntelliJ, CLion, GoLand, etc.) also offer a great development 
-experience with V. You can check out all the features it [its documentation](https://plugins.jetbrains.com/plugin/20287-vlang/docs/syntax-highlighting.html).
+The plugin for JetBrains IDEs (IntelliJ, CLion, GoLand, etc.) also offers a great development
+experience with V. You can find all features in [its documentation](https://plugins.jetbrains.com/plugin/20287-vlang/docs/syntax-highlighting.html).
 
 Other Plugins:
 

examples/js_dom_cube/README.md

@@ -1,150 +1,148 @@
-# Serve
+# JS DOM Cube
 
-This project has a no dependence serve in `./server.js` path.
-That can be run with `node` command after build.
+## Compiling
 
-or just run: `npm run start`
+```
+v -b js_browser examples/js_dom_cube/cube.js.v
+```
+
+Then you can open `index.html` in your favorite browser.
+
+## Serve Examples
 
-To install node, you can access node [download page](https://nodejs.org/en/download/) 
-or [package manager](https://nodejs.org/en/download/package-manager)
-Drawing with mouse events using DOM API. Adopted from MDN examples.
+### JS Server
+
+> **NOTE**\
+> The JS server example in the following steps requires Node.js.
+> To install Node, please refer to the [download page](https://nodejs.org/en/download/)
+> or the installation via your operating systems [package manager](https://nodejs.org/en/download/package-manager).
+
+Initialize the example as a Node project
 
-# Compiling
 ```
-v -b js_browser examples/js_dom_cube/cube.js.v
+cd examples/js_dom_cube/
+npm init -y
 ```
 
-Drawing with mouse events using DOM API. Adopted from MDN examples.
-Then you can open `index.html` with your favourite browser.
-# Serve examples
+Add a `start` and `build` script to the generated `./package.json` file.
 
-### JS server
-After run `npm init -y` code and genared `./package.json`
-You can put `start` and `build` at script in jason leaf.
-`path './package.json'`
 ```json
   "scripts": {
+    ...
     "start": "npm run build && node server.js",
-    "build":"v -b js_browser cube.js.v"
+    "build": "v -b js_browser cube.js.v"
   },
-
 ```
-here is the pure javascript server code
-`path './server.js'`
+
+Below is an example of a Node.js server without external dependencies.
+You can use it for `./server.js`.
 
 ```javascript
-const http = require("http");
-const fs = require("fs");
+const http = require('http');
+const fs = require('fs');
 var path = require('path');
 
-const host = "localhost";
+const host = 'localhost';
 const port = 3000;
 
 const reqListener = function (req, res) {
-    console.log('[route] - ', req.url);
-
-    var filePath = '.' + req.url;
-    if (filePath == './') {
-        filePath = './index.html';
-    }
-
-    var extname = String(path.extname(filePath)).toLowerCase();
-    var mimeTypes = {
-        '.html': 'text/html',
-        '.js': 'text/javascript',
-        '.css': 'text/css',
-        '.json': 'application/json',
-        '.png': 'image/png',
-        '.jpg': 'image/jpg',
-        '.gif': 'image/gif',
-        '.svg': 'image/svg+xml',
-        '.wav': 'audio/wav',
-        '.mp4': 'video/mp4',
-        '.woff': 'application/font-woff',
-        '.ttf': 'application/font-ttf',
-        '.eot': 'application/vnd.ms-fontobject',
-        '.otf': 'application/font-otf',
-        '.wasm': 'application/wasm'
-    };
-
-    var contentType = mimeTypes[extname] || 'application/octet-stream';
-
-    fs.readFile(filePath, function(error, content) {
-        if (error) {
-            if(error.code == 'ENOENT') {
-                fs.readFile('./404.html', function(error, content) {
-                    res.writeHead(404, { 'Content-Type': 'text/html' });
-                    res.end(content, 'utf-8');
-                });
-            }
-            else {
-                res.writeHead(500);
-                res.end('Sorry, check with the site admin for error: '+error.code+' ..\n');
-            }
-        }
-        else {
-            res.writeHead(200, { 'Content-Type': contentType });
-            res.end(content, 'utf-8');
-        }
-    });
+	console.log('[route] - ', req.url);
+
+	var filePath = '.' + req.url;
+	if (filePath == './') {
+		filePath = './index.html';
+	}
+
+	var extname = String(path.extname(filePath)).toLowerCase();
+	var mimeTypes = {
+		'.html': 'text/html',
+		'.js': 'text/javascript',
+		'.css': 'text/css',
+		'.json': 'application/json',
+		'.png': 'image/png',
+		'.jpg': 'image/jpg',
+		'.gif': 'image/gif',
+		'.svg': 'image/svg+xml',
+		'.wav': 'audio/wav',
+		'.mp4': 'video/mp4',
+		'.woff': 'application/font-woff',
+		'.ttf': 'application/font-ttf',
+		'.eot': 'application/vnd.ms-fontobject',
+		'.otf': 'application/font-otf',
+		'.wasm': 'application/wasm',
+	};
+
+	var contentType = mimeTypes[extname] || 'application/octet-stream';
+
+	fs.readFile(filePath, function (error, content) {
+		if (error) {
+			if (error.code == 'ENOENT') {
+				fs.readFile('./404.html', function (error, content) {
+					res.writeHead(404, { 'Content-Type': 'text/html' });
+					res.end(content, 'utf-8');
+				});
+			} else {
+				res.writeHead(500);
+				res.end('Sorry, check with the site admin for error: ' + error.code + ' ..\n');
+			}
+		} else {
+			res.writeHead(200, { 'Content-Type': contentType });
+			res.end(content, 'utf-8');
+		}
+	});
 };
 
 const server = http.createServer(reqListener);
 server.listen(port, host, () => {
-  console.log(`Server is running on http://${host}:${port}`);
+	console.log(`Server is running on http://${host}:${port}`);
 });
-
 ```
 
-This project has a no dependence serve in `./server.js` path.
-That can be run with `node` command after build.
-
-or just run: `npm run start`
+Now you can build and run the project with the added scripts.
 
-To install node, you can access node [download page](https://nodejs.org/en/download/) 
-or [package manager](https://nodejs.org/en/download/package-manager)
-
-```
-$ cd examples/js_dom_draw/
-$ npm run build
+```sh
+npm run build
+npm run start
 ```
 
-
 ### V server
-```v ignore
+
+The example below uses `vweb` to serve the project.
+
+```v
 module main
 
 import vweb
 import os
 
 const (
-    http_port = 3001
+	http_port = 3001
 )
 
 struct App {
-    vweb.Context
+	vweb.Context
 }
 
 fn main() {
-    vweb.run(new_app(), http_port)
+	vweb.run(new_app(), http_port)
 }
 
 pub fn (mut app App) before_request() {
-    // This build server json files
-    os.execute_or_panic('v -b js_browser cube.js.v ')
+	// Build the cube.js javascript file
+	os.execute_or_panic('v -b js_browser cube.js.v ')
 }
 
 fn new_app() &App {
-    mut app := &App{}
-    app.serve_static('/favicon.ico', 'favicon.ico')
-    app.serve_static('/cube.js', 'cube.js')
-    app.mount_static_folder_at(os.resource_abs_path('.'), '/')
-    return app
+	mut app := &App{}
+	app.serve_static('/favicon.ico', 'favicon.ico')
+	app.serve_static('/cube.js', 'cube.js')
+	app.mount_static_folder_at(os.resource_abs_path('.'), '/')
+	return app
 }
 
 ['/'; get]
 pub fn (mut app App) controller_get_all_task() vweb.Result {
-    file :=os.read_file('./index.html') or { panic(err) }
-    return app.html(file)
+	file := os.read_file('./index.html') or { panic(err) }
+	return app.html(file)
 }
-```
+```