Separate MW and UI

From electron framwork, User Interface (UI) and Middleware (MW) will be running separately, this means  the each device  will have 2 pages running, one is the UI and one is the MW. This document list down the steps change the current device code into UI or MW.

Repositories

      The separate UI and MW will be deployed in the new device URLs which is inside the current device <pid>

      Example below for the staging environment.

             UI URL     ----  https://apps-staging.razer.com/synapse/products/<pid>/ui

             MW URL  ----  https://apps-staging.razer.com/synapse/products/<pid>/mw

      Creating code baselines

      1、checkout the latest device code from the device repository

      2、Work on the code baselines

           a、remove anne_common and  razer-anna-utilities folder，as for MW 

                 (1)、remove folder

                 (2)、add razer-anne-utilities as npm  from the bitbuck repository

                        "razer-anne-utilities":"bitbucket:razersw/razer-anne-utilities#staging"

                        "razer-common":"bitbucket:razersw/razer-anne-common#staging"

                 (3)、update all import references of razer-anne-utilities and ane-common to the npm bitbucket above.

                 (4)、run build and fix any issues.

           b、remove irrelevant code           

           c、run build and fix build errors

           d、add some statement  to communicate （such as replace the previous call window.dispatchEvent to MW with new broadcastChannel postMessage）or load  the active profile settings. from local storage and set it into the UI redux store.