Merge branch 'develop'

AlexTorresDev · Jan 24, 2022 · 4d7c6ae · 4d7c6ae
2 parents 0082f1e + c53b78c
commit 4d7c6ae
Show file tree

Hide file tree

Showing 16 changed files with 27 additions and 8,419 deletions.
diff --git a/.idea/custom-electron-titlebar.iml b/.idea/custom-electron-titlebar.iml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/.npmignore b/.npmignore
@@ -33,4 +33,6 @@ Gruntfile.js
 tslint.json
 tsconfig.json
 
-npm-debug.log
+npm-debug.log
+webpack.config.js
+._config.yml
diff --git a/README.md b/README.md
@@ -9,6 +9,8 @@ This project is a typescript library for electron that allows you to configure a
 
 ![Screenshot 2](screenshots/cet-002.jpg)
 
+![Screenshot 3](screenshots/cet-003.jpg)
+
 ## 🟢 Install
 ```
 npm install custom-electron-titlebar

diff --git a/example/index.html b/example/index.html
@@ -4,16 +4,24 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Hello World!</title>
+  <title>Custom Electron Title bar</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Kalam:wght@300&display=swap" rel="stylesheet">
   <style>
     html {
       font-family: Arial, Helvetica, sans-serif;
     }
+
+    .cet-titlebar,
+    .cet-titlebar>* {
+      font-family: 'Kalam', cursive;
+    }
   </style>
 </head>
 
 <body>
-  <h1>Hello World!</h1>
+  <h1>Hi 👋🏻!</h1>
   We are using Node.js <span id="node-version"></span>,
   Chromium <span id="chrome-version"></span>,
   and Electron <span id="electron-version"></span>.
@@ -22,4 +30,4 @@ <h1>Hello World!</h1>
   <script src="./renderer.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/example/preload.js b/example/preload.js
@@ -1,8 +1,8 @@
 // All of the Node.js APIs are available in the preload process.
 // It has the same sandbox as a Chrome extension.
 const { ipcRenderer } = require('electron');
+const { Titlebar, Color } = require('..');
 const path = require('path');
-const cet = require('..');
 
 let titlebar;
 
@@ -20,9 +20,9 @@ window.addEventListener('DOMContentLoaded', () => {
 })
 
 ipcRenderer.on('renderer-titlebar', (event, menu) => {
-  titlebar = new cet.Titlebar({
-    backgroundColor: cet.Color.fromHex("#388e3c"),
-    icon: new URL(path.join(__dirname, '/assets/images', '/icon.svg')),
+  titlebar = new Titlebar({
+    backgroundColor: Color.fromHex("#388e3c"),
+    icon: path.join(__dirname, '/assets/images', '/icon.svg'),
     menu: menu,
     onMinimize: () => ipcRenderer.send('window-event', 'window-minimize'),
     onMaximize: () => ipcRenderer.send('window-event', 'window-maximize'),

diff --git a/example/titlebar-events.js b/example/titlebar-events.js
@@ -9,7 +9,7 @@ ipcMain.on('request-application-menu', (event) => {
     const menu = Menu.getApplicationMenu();
     const jsonMenu = JSON.parse(JSON.stringify(menu, parseMenu()));
     event.sender.send('renderer-titlebar', jsonMenu);
-});
+})
 
 ipcMain.on('window-event', (event, eventName) => {
     const window = BrowserWindow.fromWebContents(event.sender);