refactor: align browser examples with "WoT" global object (#1361)

* refactor: align browser examples with "WoT" global object

Note: used to be "Wot"

* docs: forgot readme

* fix: coding style issue

* fix coding style issue once again

Author: danielpeintner

examples/browser/counter.js

@@ -1,14 +1,14 @@
 /**
- * In the browser, node wot only works in client mode with limited binding support.
+ * In the browser, node-wot only works in client mode with limited binding support.
  * Supported bindings: HTTP / HTTPS / WebSockets
  *
  * After adding the following <script> tag to your HTML page:
  * <script src="https://cdn.jsdelivr.net/npm/@node-wot/browser-bundle@latest/dist/wot-bundle.min.js" defer></script>
  *
- * you can access all node-wot functionality / supported packages through the "Wot" global object.
+ * you can access all node-wot functionality / supported packages through the "WoT" global object.
  * Examples:
- * var servient = new Wot.Core.Servient();
- * var client = new Wot.Http.HttpClient();
+ * var servient = new WoT.Core.Servient();
+ * var client = new WoT.Http.HttpClient();
  *
  **/
 
@@ -175,9 +175,9 @@ function updateProperties() {
     });
 }
 
-var servient = new Wot.Core.Servient();
-servient.addClientFactory(new Wot.Http.HttpClientFactory());
-var helpers = new Wot.Core.Helpers(servient);
+var servient = new WoT.Core.Servient();
+servient.addClientFactory(new WoT.Http.HttpClientFactory());
+var helpers = new WoT.Core.Helpers(servient);
 window.onload = () => {
     // process passed URL
     let $_GET = location.search

examples/browser/index.js

@@ -1,14 +1,14 @@
 /**
- * In the browser, node wot only works in client mode with limited binding support.
+ * In the browser, node-wot only works in client mode with limited binding support.
  * Supported bindings: HTTP / HTTPS / WebSockets
  *
  * After adding the following <script> tag to your HTML page:
  * <script src="https://cdn.jsdelivr.net/npm/@node-wot/browser-bundle@latest/dist/wot-bundle.min.js" defer></script>
  *
- * you can access all node-wot functionality / supported packages through the "Wot" global object.
+ * you can access all node-wot functionality / supported packages through the "WoT" global object.
  * Examples:
- * var servient = new Wot.Core.Servient();
- * var client = new Wot.Http.HttpClient();
+ * var servient = new WoT.Core.Servient();
+ * var client = new WoT.Http.HttpClient();
  *
  **/
 
@@ -163,9 +163,9 @@ function removeSchemaEditor() {
     }
 }
 
-var servient = new Wot.Core.Servient();
-servient.addClientFactory(new Wot.Http.HttpClientFactory());
-var helpers = new Wot.Core.Helpers(servient);
+var servient = new WoT.Core.Servient();
+servient.addClientFactory(new WoT.Http.HttpClientFactory());
+var helpers = new WoT.Core.Helpers(servient);
 document.getElementById("fetch").onclick = () => {
     get_td(document.getElementById("td_addr").value);
 };

examples/browser/smart-coffee-machine.js

@@ -1,14 +1,14 @@
 /**
- * In the browser, node wot only works in client mode with limited binding support.
+ * In the browser, node-wot only works in client mode with limited binding support.
  * Supported bindings: HTTP / HTTPS / WebSockets
  *
  * After adding the following <script> tag to your HTML page:
  * <script src="https://cdn.jsdelivr.net/npm/@node-wot/browser-bundle@latest/dist/wot-bundle.min.js" defer></script>
  *
- * you can access all node-wot functionality / supported packages through the "Wot" global object.
+ * you can access all node-wot functionality / supported packages through the "WoT" global object.
  * Examples:
- * var servient = new Wot.Core.Servient();
- * var client = new Wot.Http.HttpClient();
+ * var servient = new WoT.Core.Servient();
+ * var client = new WoT.Http.HttpClient();
  *
  **/
 
@@ -67,7 +67,7 @@ function showProperties(thing) {
     }, UPDATE_PERIOD);
 }
 
-var servient = new Wot.Core.Servient();
-servient.addClientFactory(new Wot.Http.HttpClientFactory());
-var helpers = new Wot.Core.Helpers(servient);
+var servient = new WoT.Core.Servient();
+servient.addClientFactory(new WoT.Http.HttpClientFactory());
+var helpers = new WoT.Core.Helpers(servient);
 get_td(TD_URL);

packages/browser-bundle/README.md

@@ -16,11 +16,11 @@ Include the following script tag in your html
 <script src="https://cdn.jsdelivr.net/npm/@node-wot/browser-bundle@latest/dist/wot-bundle.min.js"></script>
 ```
 
-You can access all node-wot functionality through the "Wot" global object:
+You can access all node-wot functionality through the "WoT" global object:
 
 ```js
-var servient = new Wot.Core.Servient();
-var client = new Wot.Http.HttpClient();
+var servient = new WoT.Core.Servient();
+var client = new WoT.Http.HttpClient();
 ```
 
 ## Using node-wot browser bundle library in web frameworks (e.g., Angular)