🧠 Include web/assets/js/app/io-client.js

Makefile

@@ -40,8 +40,8 @@ EQUALS = =
 
 ##  ========================================================================  ##
 # $(shell [ -f ./NODE_ENV ] || cp -prv config/.NODE_ENV "./";) ;
-$(shell if [ ! -f ./.env ] 2>/dev/null; then cp -prv src/.env ./ ; fi;) ;
-$(shell if [ ! -f ./.bowerrc ] 2>/dev/null; then cp -prv config/.bowerrc ./ ; fi;) ;
+$(shell if [ ! -f ./.env ] 2>/dev/null; then cp -prv src/.env ./ ; fi;)
+$(shell if [ ! -f ./.bowerrc ] 2>/dev/null; then cp -prv config/.bowerrc ./ ; fi;)
 
 ##  ------------------------------------------------------------------------  ##
 APP_NAME := cmdb-rtm

src/web/assets/js/app/io-client.js

@@ -0,0 +1,38 @@
+/*  web/assets/js/app/io-client.js  */
+
+$(function () {
+
+  let ioClient = io()
+    , aSpds    = ['total', 'fast', 'norm', 'slow']
+    , entries  = aSpds.map((x) => { return [[`${x}`], 0] })
+    , P = '[ioClient]'
+  ;
+
+  window.aStats = Object.fromEntries(entries);
+
+  console.log(`${P} window.aStats (${typeof window.aStats}):`, window.aStats);
+  console.log(`${P} (${typeof ioClient}):`, ioClient);
+  // console.log(`[ioClient] entries (${typeof entries}):`, entries);
+
+  ioClient.on('connect', function () {
+    console.info(`${P} Connected to ioServer as: [${ioClient.id}]`);
+    $('#client-id').text( ioClient.id );
+  });
+
+  ioClient.on('disconnect', function () {
+    console.log(`${P} Disconnected from ioServer!`);
+  });
+
+  ioClient.on('message', function (job) {
+    // console.log(`[ioClient] RECV: message for [joId:${job.id}]:`, job);
+    $('#template').progressBar(job);
+  });
+
+  ioClient.on('progress', function (job) {
+    console.log(`${P} RECV progress for [JOB:${job.id}]`);
+    $('#template').progressBar(job);
+  });
+
+  ioClient.connect();
+
+});