🎨 Code restructuring

Author: AlexTorresDev

.gitignore

@@ -189,6 +189,8 @@ typings/
 dist
 build/
 *.map
+index.js
+main.js
 
 # Gatsby files
 .cache/

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 Alex Torres
+Copyright (c) 2018 - now Alex Torres
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -30,6 +30,17 @@ import { setupTitlebar, attachTitlebarToWindow } from "custom-electron-titlebar/
 setupTitlebar();
 
 function createWindow() {
+  // Create the browser window.
+  const mainWindow = new BrowserWindow({
+    width: 800,
+    height: 600,
+    titleBarStyle: 'hidden',
+    //frame: false, // needed if process.versions.electron < 14
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js')
+    }
+  });
+  
   ...
 
   // attach fullscreen(f11 and not 'maximized') && focus listeners

example/main.js

@@ -2,6 +2,7 @@
 const { app, BrowserWindow, Menu } = require('electron');
 const path = require('path');
 const { setupTitlebar, attachTitlebarToWindow } = require('custom-electron-titlebar/main');
+
 // setup the titlebar main process
 setupTitlebar();
 
@@ -20,8 +21,6 @@ createWindow = () => {
   const menu = Menu.buildFromTemplate(exampleMenuTemplate());
   Menu.setApplicationMenu(menu);
 
-
-
   // and load the index.html of the app.
   mainWindow.loadFile('index.html');
 

example/preload.js

@@ -8,7 +8,7 @@ let titlebar;
 window.addEventListener('DOMContentLoaded', () => {
   titlebar = new Titlebar({
     backgroundColor: Color.fromHex("#388e3c"),
-    itemBackgroundColor: Color.fromHex("#121212"),
+    itemBackgroundColor: Color.fromHex("#ffffff"),
     svgColor: Color.WHITE,
     icon: path.join(__dirname, '/assets/images', '/icon.svg'),
     //menu: null // = do not automatically use Menu.applicationMenu