Merge branch 'v2_rebrand' into master

1. Update UI and Readme for Refinitiv Rebranding
2. Fix Typo errors
3. Update all links to new Developer Portal

Author: wasin-waeosri

.gitignore

@@ -1 +1,3 @@
-test.html
+test.html
+.vscode/
+node_modules/

LICENSE.md

@@ -1,4 +1,4 @@
-Copyright 2017 Thomson Reuters
+Copyright 2017 Refinitiv
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

README.md

@@ -1,21 +1,27 @@
-# Elektron WebSocket API with Web Workers Example 
+# Refinitiv Real-time WebSocket API with Web Workers Example 
+
+- Last update: Jan 2021
+- Environment: Any 
+- Compiler: JavaScript
+- Prerequisite: Refinitiv Real-Time Advanced Data Hub and Refinitiv Real-Time Advanced Distribution servers version 3.2.1 and above
+
 ## Overview
 
-[Elektron WebSocket API](https://developers.thomsonreuters.com/websocket-api) enables easy integration into a multitude of client technology environments such as scripting and web.  This API runs directly on your TREP infrastructure or the Thomson Reuters platform and presents data in an open (JSON) readable format. The API supports all Thomson Reuters Elektron data models and can be integrated into multiple client technology standards e.g. Python, R, .Net etc.
+[Websocket API for Pricing Streaming and Real-Time Service](https://developers.refinitiv.com/en/api-catalog/elektron/refinitiv-websocket-api) aka Websocket API application enables easy integration into a multitude of client technology environments such as scripting and web.  This API runs directly on your Refinitiv Real-Time infrastructure and presents data in an open (JSON) readable format. The API supports all Refinitiv Real-Time data models and can be integrated into multiple client technology standards e.g. Python, R, .Net, etc.
 
-The web browsers JavaScript runtime is a single-threaded environment by default. However, the HTML standard lets developers implement multi threads JavaScript application in web browser by introducing the [Web Workers](https://html.spec.whatwg.org/multipage/workers.html) feature that lets web browsers run JavaScripts in a main thread and a background thread (workers thread).
+The web browser's JavaScript runtime is a single-threaded environment by default. However, the HTML standard lets developers implement multi-threads JavaScript application in the web browser by introducing the [Web Workers](https://html.spec.whatwg.org/multipage/workers.html) feature that lets web browsers run JavaScripts in the main thread and a background thread (workers thread).
 
-This example shows how to implement the Elektron WebSocket API with JavaScript web application with Web Workers. It allows the Web Workers thread to handle the connection logic with ADS WebSocket server while the main thread handles the UI interaction events and displaying data.
+This example shows how to implement the Refinitiv Real-time WebSocket API with JavaScript web application with Web Workers. It allows the Web Workers thread to handle the connection logic with eal-Time Advanced Distribution server while the main thread handles the UI interaction events and displaying data.
 
-There are two types of the Web Workers, [Dedicated Workers](https://html.spec.whatwg.org/multipage/workers.html#dedicated-workers-and-the-worker-interface) and [Shared Workers](https://html.spec.whatwg.org/multipage/workers.html#sharedworker). This example covers only how to implement the Elektron WebSocket API with JavaScript web browser application with Dedicated Workers.
+There are two types of Web Workers, [Dedicated Workers](https://html.spec.whatwg.org/multipage/workers.html#dedicated-workers-and-the-worker-interface) and [Shared Workers](https://html.spec.whatwg.org/multipage/workers.html#sharedworker). This example covers only how to implement the Refinitiv Real-time WebSocket API with JavaScript web browser application with Dedicated Workers.
 
-*Note: The initial release of this API is for deployed TREP customers only (i.e. to use it you will need an installed version of TREP 3.2). 
+*Note: The initial release of this API is for deployed Refinitiv Real-Time Advanced Distribution Server customers only (i.e. to use it you will need an installed version of Refinitiv Real-Time Advanced Distribution Server 3.2.1 and above). 
 
 ## Supported Web Browsers
-The example supports Chrome, Firefox and IE11 (based on the WebSocket and Web Workers browser supported platform).
+The example supports Chrome/Microsoft Edge (Chrome-based version), Firefox, and IE11 (based on the WebSocket and Web Workers browser supported platform).
 
 ## Prerequisite
-This example requires the following dependencies softwares.
+This example requires the following dependencies software.
 1. [Node.js](https://nodejs.org/en/) runtime - version 8.9.3 or higher.
 2. [npm](https://www.npmjs.com/) package manager (included with Node.js runtime)
 3. [Express.js](https://expressjs.com/) framework (will be installed via ```npm install``` command)
@@ -34,32 +40,33 @@ The web application contains the following example files and folder:
 4. css/cover.css: The application CSS file
 5. libs/jquery-3.2.1.min.js: jQuery library file
 6. bootstrap/css, bootstarp/fonts and bootstrap/js folders: The folders for Bootstrap CSS and libraries files
-7. node_modules folder: Folder for Node.js and Express.js modules for web server running
-8. server.js: A simple web server application
-9. package.json: The Project npm dependencies file. 
+7. server.js: A simple web server application
+8. package.json: The Project npm dependencies file. 
 
 ## How to run this example
 1. Unzip or download the example project folder into a directory of your choice 
 2. Run ```$> npm install``` in the command prompt to install all the dependencies required to run the sample in a subdirectory called *node_modules/*.
 
-![npm command display](images/npm_install.png "npm command display")
+![npm command display](images/npm_install_2.png "npm command display")
 
-3. If the machine is behind a proxy server, you need to configure Node.js uses proxy instead of a direct HTTP connection via the following command in command prompt: ```set https_proxy=http://<proxy.server>:<port>```
-4. Run ```$> node server.js``` in the command prompt to start the web server at HTTP port 8080
+3. If the machine is behind a proxy server, you need to configure Node.js uses proxy instead of a direct HTTP connection via the following command in a command prompt: ```set https_proxy=http://<proxy.server>:<port>```
+4. Run ```$> node server.js``` in the command prompt to start the webserver at HTTP port 8080
 
-![application display](images/run_server.png "run server")
+![application display](images/run_server_2.png "run server")
 
-5. Open web browser (IE11, Chorme and Firefox), then navigate to index.html of the web server at ```http://localhost:8080/index.html```
+5. Open the web browser (IE11, Chrome/Microsoft Edge (Chrome-based version), and Firefox), then navigate to index.html of the web server at ```http://localhost:8080/index.html```
 
-![application display](images/application_screen.png "application display")
+![application display](images/application_screen_2.png "application display")
 
 
 ## References
+
 For further details, please check out the following resources:
-* [Thomson Reuters Elektron WebSocket API page](https://developers.thomsonreuters.com/websocket-api) on the [Thomson Reuters Developer Community](https://developers.thomsonreuters.com/) web site.
+* [Refinitiv Real-Time & Distribution Family page](https://developers.refinitiv.com/en/use-cases-catalog/refinitiv-real-time) on the [Refinitiv Developer Community](https://developers.refinitiv.com/) web site.
+* [WebSocket API page](https://developers.refinitiv.com/en/api-catalog/elektron/refinitiv-websocket-api).
 * [Developer Webinar Recording: Introduction to Electron Websocket API](https://www.youtube.com/watch?v=CDKWMsIQfaw)
 * [Mozilla Developer Network: Web Workers API page](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API).
 * [Google HTML5 Rocks: The Basics of Web Workers page](https://www.html5rocks.com/en/tutorials/workers/basics/)
 * [Mozilla Developer Network: WebSocket API page](https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API)
 
-For any question related to this article or Elektron WebSocket API page, please use the Developer Community [Q&A Forum](https://community.developers.thomsonreuters.com/).
+For any question related to this example or WebSocket API, please use the Developer Community [Q&A Forum](https://community.developers.refinitiv.com/).

app/market_price_app.js

@@ -1,7 +1,15 @@
+//|-----------------------------------------------------------------------------
+//|            This source code is provided under the Apache 2.0 license      --
+//|  and is provided AS IS with no warranty or guarantee of fit for purpose.  --
+//|                See the project's LICENSE.md for details.                  --
+//|           Copyright Refinitiv 2017.       All rights reserved.            --
+//|-----------------------------------------------------------------------------
+
+
 //******************************************************************************************/
 // The market_price_app.js is a main application file. 
 // It handles all UI interactions. 
-// It sends and receives messages with ws_workers.js file to communicate with ADS WebSocket.
+// It sends and receives messages with ws_workers.js file to communicate with Refinitiv Real-Time Advanced Distribution Server  WebSocket.
 
 // Author: Wasin Waeosri
 // Version: 1.0

app/ws_workers.js

@@ -1,6 +1,14 @@
+//|-----------------------------------------------------------------------------
+//|            This source code is provided under the Apache 2.0 license      --
+//|  and is provided AS IS with no warranty or guarantee of fit for purpose.  --
+//|                See the project's LICENSE.md for details.                  --
+//|           Copyright Refinitiv 2017.       All rights reserved.            --
+//|-----------------------------------------------------------------------------
+
+
 //******************************************************************************************/
 // The ws_workers.js is an application Web Workers file. 
-// It handles all communications with ADS WebSocket. 
+// It handles all communications with Refinitiv Real-Time Advanced Distribution Server WebSocket. 
 
 // Author: Wasin Waeosri
 // Version: 1.0

images/application_screen_2.png

@@ -5,7 +5,7 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-        <title>ADS WebSocket Market Price Streaming Example</title>
+        <title>WebSocket API Market Price Streaming Example</title>
         <!-- Bootstrap  Latest compiled and minified CSS -->
         <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
         <!-- Bootstrap  Optional theme -->
@@ -27,10 +27,10 @@
 <body>
     <!-- WebSocket connection UI input form -->
     <div class="container-fluid">
-        <h4>Thomson Reuters WebSocket API with Web Workers Example</h4>
+        <h4>WebSocket API with Web Workers Example</h4>
         <form class="form-inline">
             <div class="form-group">
-                <label for="txtServerurl">Server:</label> &nbsp; <input type="text" id="txtServerurl" placeholder="ADS IP:WebSocket Port" class="form-control">&nbsp;&nbsp;
+                <label for="txtServerurl">Server:</label> &nbsp; <input type="text" id="txtServerurl" placeholder="Server IP:WebSocket Port" class="form-control">&nbsp;&nbsp;
                 <button id="btnConnect" type="button" class="btn btn-sm btn-primary">Connect</button>
             </div>
             <br/><br/>
@@ -44,7 +44,7 @@ <h4>Thomson Reuters WebSocket API with Web Workers Example</h4>
             <div class="form-group">
                 <!--<label for="txtServiceName">Service Name:</label> &nbsp; <input type="text" id="txtServiceName" class="form-control"> &nbsp;&nbsp;-->
                 <label for="txtItemName">Item Name:</label>&nbsp;
-                <input type="text" id="txtItemName" value="" placeholder="TRI.N" class="form-control"> &nbsp;&nbsp;
+                <input type="text" id="txtItemName" value="" placeholder="IBM.N" class="form-control"> &nbsp;&nbsp;
                 <label for="txtServiceName">Service Name:</label> &nbsp; <input type="text" id="txtServiceName" class="form-control" placeholder="[Optional]">  &nbsp;&nbsp;
                 <button id="btnSubscribe" type="button" class="btn btn-sm btn-primary">Subscribe</button> &nbsp;&nbsp;
                 <button id="btnUnSubscribe" type="button" class="btn btn-sm btn-primary">Unsubscribe</button>