@adecore/shell 0.48.3 → 0.49.0

package/dist/theme.d.ts

@@ -9,6 +9,7 @@ export interface ThemeOptions {
     windows: () => readonly BrowserWindow[];
     background: string;
     overlay?: TitleBarOverlay;
+    nativeFrame?: boolean;
     trafficLights?: {
         x: number;
         y: number;

package/dist/theme.js

@@ -17,7 +17,7 @@ export const createTheme = (options) => {
         apply: (theme) => {
             current = theme;
             options.nativeTheme.themeSource = theme.followsSystem ? 'system' : theme.resolved;
-            const overlay = platform === 'darwin' ? undefined : overlayOf(theme);
+            const overlay = platform === 'darwin' || options.nativeFrame ? undefined : overlayOf(theme);
             for (const window of options.windows()) {
                 if (window.isDestroyed()) {
                     continue;
@@ -32,9 +32,10 @@ export const createTheme = (options) => {
         /* The constructor options of a new window: its own chrome and the ground the others have. Dark until a page says otherwise. */
         windowOptions: () => {
             const overlay = overlayOf(current ?? { resolved: 'dark' });
-            const chrome = platform === 'darwin'
-                ? { titleBarStyle: 'hiddenInset', trafficLightPosition: options.trafficLights ?? { x: 17, y: 17 } }
+            const hidden = options.nativeFrame
+                ? {}
                 : { titleBarStyle: 'hidden', ...(overlay ? { titleBarOverlay: overlay } : {}) };
+            const chrome = platform === 'darwin' ? { titleBarStyle: 'hiddenInset', trafficLightPosition: options.trafficLights ?? { x: 17, y: 17 } } : hidden;
             return { ...chrome, backgroundColor: current?.background ?? options.background };
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/shell",
-  "version": "0.48.3",
+  "version": "0.49.0",
   "description": "The main process of an Electron app: its menu, its updater and the guards around its page.",
   "license": "FSL-1.1-MIT",
   "author": "Bas Milius",

package/src/theme.ts

@@ -14,6 +14,8 @@ export interface ThemeOptions {
     background: string;
     /* Off macOS, the controls drawn over the page. Without it the window has no controls of its own there. */
     overlay?: TitleBarOverlay;
+    /* Off macOS, the system's own title bar and menu bar instead of a page that reaches the top. */
+    nativeFrame?: boolean;
     /* Where macOS puts the traffic lights, inset into the page. */
     trafficLights?: { x: number; y: number };
     platform?: NodeJS.Platform;
@@ -42,7 +44,7 @@ export const createTheme = (options: ThemeOptions) => {
         apply: (theme: ThemeState): void => {
             current = theme;
             options.nativeTheme.themeSource = theme.followsSystem ? 'system' : theme.resolved;
-            const overlay = platform === 'darwin' ? undefined : overlayOf(theme);
+            const overlay = platform === 'darwin' || options.nativeFrame ? undefined : overlayOf(theme);
 
             for (const window of options.windows()) {
                 if (window.isDestroyed()) {
@@ -63,10 +65,11 @@ export const createTheme = (options: ThemeOptions) => {
         windowOptions: (): BrowserWindowConstructorOptions => {
             const overlay = overlayOf(current ?? { resolved: 'dark' });
 
+            const hidden: BrowserWindowConstructorOptions = options.nativeFrame
+                ? {}
+                : { titleBarStyle: 'hidden', ...(overlay ? { titleBarOverlay: overlay } : {}) };
             const chrome: BrowserWindowConstructorOptions =
-                platform === 'darwin'
-                    ? { titleBarStyle: 'hiddenInset', trafficLightPosition: options.trafficLights ?? { x: 17, y: 17 } }
-                    : { titleBarStyle: 'hidden', ...(overlay ? { titleBarOverlay: overlay } : {}) };
+                platform === 'darwin' ? { titleBarStyle: 'hiddenInset', trafficLightPosition: options.trafficLights ?? { x: 17, y: 17 } } : hidden;
 
             return { ...chrome, backgroundColor: current?.background ?? options.background };
         }