Merge branch 'ICU-1356-enable-windows-platform-support' of https://github.com/hashicorp/boundary-ui into ICU-1356-enable-windows-platform-support

README.md

@@ -122,11 +122,20 @@ yarn install
 yarn build:ui:desktop
 ```
 
+In windows, UI is generated using docker to provide a stable UI across platforms.
+
+```cmd
+yarn install
+docker-compose -f docker-compose-embedding.yml run build-desktop-production 
+yarn build:ui:desktop:app
+```
+
 To provide a signing identify for macOS build, use `BOUNDARY_DESKTOP_SIGNING_IDENTITY`
-environment variable to set signing certificate name (e.g Developer ID Application: * (*)).
+environment variable to set signing certificate name (e.g Developer ID Application: * (*)) when building desktop app using `yarn build:ui:desktop:app`.
 
 Assets are saved to `ui/desktop/electron-app/out/make/`.
 DMG packaged desktop UI is available at asset location as `boundary.dmg`.
+EXE archived desktop UI is available at asset location under `zip` folder.
 
 ### Connect Boundary UI to Boundary local instance
 

ui/desktop/app/styles/app.scss

@@ -120,8 +120,6 @@
 
 .rose-header {
   -webkit-app-region: drag;
-  // Disable text selection to avoid text copy
-  -webkit-user-select: none;
   min-height: sizing.rems(l) * 2;
   padding-left: sizing.rems(l) * 3;
   position: relative;
@@ -136,10 +134,6 @@
     }
   }
 
-  .rose-icon {
-    color: var(--subtle);
-  }
-
   &.loading {
     &::after {
       animation: gradient 1s linear infinite;

ui/desktop/app/templates/application.hbs

@@ -53,6 +53,7 @@
           </utilities.dropdown>
         </header.utilities>
       {{/if}}
+
     </Rose::Header>
   </layout.header>
 

ui/desktop/electron-app/src/cli/index.js

@@ -4,7 +4,7 @@ const { spawnSync } = require('../helpers/spawn-promise.js');
 
 const cliPath = async () => {
   let name = 'boundary';
-  if (isWindows) name = 'boundary.exe';
+  if (isWindows()) name = 'boundary.exe';
   return path.resolve(__dirname, '..', 'cli', name);
 };
 

ui/desktop/electron-app/src/index.js

@@ -21,7 +21,6 @@ const sessionManager = require('./services/session-manager.js');
 
 const menu = require('./config/menu.js');
 const appUpdater = require('./helpers/app-updater.js');
-const { isWindows } = require('./helpers/platform.js');
 const isDev = require('electron-is-dev');
 
 // Register the custom file protocol
@@ -115,7 +114,7 @@ app.on('ready', async () => {
   mainWindow = new BrowserWindow({
     width: 1280,
     height: 760,
-    frame: !isWindows(),
+    titleBarStyle: 'hiddenInset',
     webPreferences: {
       partition,
       sandbox: true,