├── CRUD File
├── .gitignore
├── index.html
├── index.js
├── main.js
├── package.json
├── photon.min.css
└── styles.css
├── browserWindow
├── .gitignore
├── index.html
├── main.js
├── package.json
└── styles.css
├── helloWorld
├── .gitignore
├── index.html
├── main.js
├── package.json
└── styles.css
├── ipc
├── .gitignore
├── index.html
├── index.js
├── main.js
└── package.json
├── mainAndRendererProcess
├── .gitignore
├── main.js
├── one.html
├── one.js
├── package.json
├── styles.css
├── three.html
├── three.js
├── two.html
└── two.js
├── menuDemo
├── .gitignore
├── index.html
├── main.js
├── package.json
└── styles.css
├── quoteWidget
├── .gitignore
├── index.html
├── index.js
├── main.js
├── package.json
└── styles.css
├── shell
├── .gitignore
├── index.html
├── index.js
├── main.js
├── package.json
└── styles.css
└── trayDemo
├── .gitignore
├── index.html
├── main.js
├── package.json
├── styles.css
└── ytlogo.jpg
/CRUD File/.gitignore:
--------------------------------------------------------------------------------
1 | # dependencies
2 | /node_modules
3 |
4 |
5 | # IDE - VSCode
6 | .vscode/*
7 | !.vscode/settings.json
8 | !.vscode/tasks.json
9 | !.vscode/launch.json
10 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/CRUD File/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Hello World App
6 |
7 |
8 |
9 |
10 |
11 |
12 |
CRUD File
13 |
14 |
24 |
25 |
26 |
27 |
Hello World!
10 |
11 |
--------------------------------------------------------------------------------
/browserWindow/main.js:
--------------------------------------------------------------------------------
1 | const {app, BrowserWindow} = require('electron')
2 | const path = require('path')
3 | const url = require('url')
4 |
5 |
6 | let defaultWindow, dimWindow, colorWindow, framelessWindow;
7 | let parentWindow, childWindow;
8 |
9 | function createWindows () {
10 | /*
11 | defaultWindow = new BrowserWindow();
12 | dimWindow = new BrowserWindow({width: 400, height: 400, maxWidth: 600, maxHeight: 600});
13 | colorWindow = new BrowserWindow({backgroundColor: '#228b22'});
14 | framelessWindow = new BrowserWindow({frame: false, backgroundColor: '#800000'});
15 | */
16 |
17 | parentWindow = new BrowserWindow({title: 'Parent'});
18 | childWindow = new BrowserWindow({parent: parentWindow, modal: true,show: false, title: 'Child'});
19 | childWindow.loadURL('https://github.com');
20 | childWindow.once('ready-to-show', () => {
21 | childWindow.show()
22 | });
23 | }
24 |
25 | app.on('ready', createWindows);
26 |
27 |
28 | app.on('window-all-closed', () => {
29 | if (process.platform !== 'darwin') {
30 | app.quit();
31 | }
32 | });
33 |
34 | app.on('activate', () => {
35 | if (win === null) {
36 | createWindow();
37 | }
38 | });
39 |
--------------------------------------------------------------------------------
/browserWindow/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "browser-window",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "devDependencies": {
6 | "electron": "^1.6.11"
7 | },
8 | "scripts": {
9 | "start": "electron ."
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/browserWindow/styles.css:
--------------------------------------------------------------------------------
1 | h1{
2 | color: white;
3 | }
--------------------------------------------------------------------------------
/helloWorld/.gitignore:
--------------------------------------------------------------------------------
1 | # dependencies
2 | /node_modules
3 |
4 |
5 | # IDE - VSCode
6 | .vscode/*
7 | !.vscode/settings.json
8 | !.vscode/tasks.json
9 | !.vscode/launch.json
10 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/helloWorld/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Hello World App
6 |
7 |
8 |
9 | Hello World!
10 |
11 |
--------------------------------------------------------------------------------
/helloWorld/main.js:
--------------------------------------------------------------------------------
1 | const electron = require("electron");
2 | const app = electron.app;
3 | const BrowserWindow = electron.BrowserWindow;
4 | //const {app, BrowserWindow} = require('electron')
5 | const path = require('path')
6 | const url = require('url')
7 |
8 |
9 | let win;
10 |
11 | function createWindow () {
12 |
13 | win = new BrowserWindow({width: 800, height: 600})
14 |
15 | win.loadURL(url.format({
16 | pathname: path.join(__dirname, 'index.html'),
17 | protocol: 'file:',
18 | slashes: true
19 | }));
20 |
21 |
22 | win.on('closed', () => {
23 | win = null
24 | });
25 | }
26 |
27 | app.on('ready', createWindow);
28 |
29 |
30 | app.on('window-all-closed', () => {
31 | if (process.platform !== 'darwin') {
32 | app.quit();
33 | }
34 | });
35 |
36 | app.on('activate', () => {
37 | if (win === null) {
38 | createWindow();
39 | }
40 | });
41 |
--------------------------------------------------------------------------------
/helloWorld/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hello-world",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "devDependencies": {
6 | "electron": "^1.6.11"
7 | },
8 | "scripts": {
9 | "start": "electron ."
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/helloWorld/styles.css:
--------------------------------------------------------------------------------
1 | h1{
2 | color: orange;
3 | }
--------------------------------------------------------------------------------
/ipc/.gitignore:
--------------------------------------------------------------------------------
1 | # dependencies
2 | /node_modules
3 |
4 |
5 | # IDE - VSCode
6 | .vscode/*
7 | !.vscode/settings.json
8 | !.vscode/tasks.json
9 | !.vscode/launch.json
10 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/ipc/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Hello World App
6 |
7 |
8 | IPC
9 |
10 |
11 |
12 |
15 |
16 |
--------------------------------------------------------------------------------
/ipc/index.js:
--------------------------------------------------------------------------------
1 | const ipc = require('electron').ipcRenderer;
2 | const asyncBtn = document.getElementById('asyncBtn');
3 | const syncBtn = document.getElementById('syncBtn');
4 |
5 | asyncBtn.addEventListener('click', function(){
6 | console.log('async msg 1')
7 | ipc.send('async-message');
8 | console.log('async msg 2')
9 |
10 | });
11 |
12 | ipc.on('async-message-reply', function (event, arg) {
13 | const message = `Message reply: ${arg}`
14 | console.log(message);
15 | });
16 |
17 | syncBtn.addEventListener('click', function(){
18 | console.log('sync msg 1')
19 | const reply = ipc.sendSync('sync-message');
20 | console.log(reply);
21 | console.log('sync msg 2')
22 |
23 | })
24 |
25 |
--------------------------------------------------------------------------------
/ipc/main.js:
--------------------------------------------------------------------------------
1 | const electron = require("electron");
2 | const app = electron.app;
3 | const BrowserWindow = electron.BrowserWindow;
4 | //const {app, BrowserWindow} = require('electron')
5 | const path = require('path')
6 | const url = require('url')
7 | const ipc = electron.ipcMain;
8 | const dialog = require('electron').dialog;
9 |
10 | let win;
11 |
12 | function createWindow() {
13 |
14 | win = new BrowserWindow({ width: 800, height: 600 })
15 |
16 | win.loadURL(url.format({
17 | pathname: path.join(__dirname, 'index.html'),
18 | protocol: 'file:',
19 | slashes: true
20 | }));
21 |
22 | let contents = win.webContents
23 | console.log(contents)
24 |
25 | win.on('closed', () => {
26 | win = null
27 | });
28 | }
29 |
30 |
31 |
32 | ipc.on('async-message', function (event, arg) {
33 | event.sender.send('async-message-reply', 'Main process async reply.');
34 | })
35 |
36 | ipc.on('sync-message', function (event, arg) {
37 | event.returnValue = 'sync-reply';
38 | })
39 |
40 | app.on('ready', createWindow);
41 |
42 |
43 | app.on('window-all-closed', () => {
44 | if (process.platform !== 'darwin') {
45 | app.quit();
46 | }
47 | });
48 |
49 | app.on('activate', () => {
50 | if (win === null) {
51 | createWindow();
52 | }
53 | });
54 |
--------------------------------------------------------------------------------
/ipc/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ipc",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "devDependencies": {
6 | "electron": "^1.6.11"
7 | },
8 | "scripts": {
9 | "start": "electron ."
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/mainAndRendererProcess/.gitignore:
--------------------------------------------------------------------------------
1 | # dependencies
2 | /node_modules
3 |
4 |
5 | # IDE - VSCode
6 | .vscode/*
7 | !.vscode/settings.json
8 | !.vscode/tasks.json
9 | !.vscode/launch.json
10 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/mainAndRendererProcess/main.js:
--------------------------------------------------------------------------------
1 | const electron = require("electron");
2 | const app = electron.app;
3 | const BrowserWindow = electron.BrowserWindow;
4 | //const {app, BrowserWindow} = require('electron')
5 | const path = require('path')
6 | const url = require('url')
7 |
8 | console.log('Main process');
9 | let winOne, winTwo;
10 |
11 | function createWindow () {
12 |
13 | winOne = new BrowserWindow({width: 800, height: 600})
14 | winTwo = new BrowserWindow({width: 800, height: 600})
15 |
16 | winOne.loadURL(url.format({
17 | pathname: path.join(__dirname, 'one.html'),
18 | protocol: 'file:',
19 | slashes: true
20 | }));
21 | winTwo.loadURL(url.format({
22 | pathname: path.join(__dirname, 'two.html'),
23 | protocol: 'file:',
24 | slashes: true
25 | }));
26 |
27 | winOne.webContents.openDevTools();
28 | winTwo.webContents.openDevTools();
29 |
30 |
31 | winOne.on('closed', () => {
32 | winOne = null
33 | });
34 | winTwo.on('closed', () => {
35 | winOne = null
36 | });
37 | }
38 |
39 | app.on('ready', createWindow);
40 |
41 |
42 | app.on('window-all-closed', () => {
43 | if (process.platform !== 'darwin') {
44 | app.quit();
45 | }
46 | });
47 |
48 | app.on('activate', () => {
49 | if (win === null) {
50 | createWindow();
51 | }
52 | });
53 |
--------------------------------------------------------------------------------
/mainAndRendererProcess/one.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | One
6 |
7 |
8 |
9 | Hello World!
10 |
11 |
14 |
15 |
--------------------------------------------------------------------------------
/mainAndRendererProcess/one.js:
--------------------------------------------------------------------------------
1 | console.log('renderer process 1');
2 |
3 | const BrowserWindow = require('electron').remote.BrowserWindow;
4 | const path = require('path')
5 | const url = require('url')
6 |
7 | const newWindowBtn = document.getElementById('newWindowBtn');
8 | newWindowBtn.addEventListener('click', function (event) {
9 | let winThree = new BrowserWindow({ width: 600, height: 400 });
10 | winThree.loadURL(url.format({
11 | pathname: path.join(__dirname, 'three.html'),
12 | protocol: 'file:',
13 | slashes: true
14 | }));
15 | winThree.webContents.openDevTools();
16 | });
--------------------------------------------------------------------------------
/mainAndRendererProcess/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hello-world",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "devDependencies": {
6 | "electron": "^1.6.11"
7 | },
8 | "scripts": {
9 | "start": "electron ."
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/mainAndRendererProcess/styles.css:
--------------------------------------------------------------------------------
1 | h1{
2 | color: orange;
3 | }
--------------------------------------------------------------------------------
/mainAndRendererProcess/three.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Three
6 |
7 |
8 |
9 | Hello World!
10 |
13 |
14 |
--------------------------------------------------------------------------------
/mainAndRendererProcess/three.js:
--------------------------------------------------------------------------------
1 | console.log('Render process 3');
--------------------------------------------------------------------------------
/mainAndRendererProcess/two.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Two
6 |
7 |
8 |
9 | Hello World!
10 |
13 |
14 |
--------------------------------------------------------------------------------
/mainAndRendererProcess/two.js:
--------------------------------------------------------------------------------
1 | console.log('renderer process 2');
2 |
--------------------------------------------------------------------------------
/menuDemo/.gitignore:
--------------------------------------------------------------------------------
1 | # dependencies
2 | /node_modules
3 |
4 |
5 | # IDE - VSCode
6 | .vscode/*
7 | !.vscode/settings.json
8 | !.vscode/tasks.json
9 | !.vscode/launch.json
10 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/menuDemo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Hello World App
6 |
7 |
8 |
9 | Hello World!
10 |
11 |
--------------------------------------------------------------------------------
/menuDemo/main.js:
--------------------------------------------------------------------------------
1 | const electron = require("electron");
2 | const app = electron.app;
3 | const BrowserWindow = electron.BrowserWindow;
4 | //const {app, BrowserWindow} = require('electron')
5 | const path = require('path')
6 | const url = require('url')
7 | const Menu = electron.Menu;
8 | const MenuItem = electron.MenuItem
9 | const globalShortcut = electron.globalShortcut
10 |
11 | let win;
12 |
13 | function createWindow() {
14 |
15 | win = new BrowserWindow({ width: 800, height: 600 })
16 |
17 | win.loadURL(url.format({
18 | pathname: path.join(__dirname, 'index.html'),
19 | protocol: 'file:',
20 | slashes: true
21 | }));
22 |
23 |
24 | win.on('closed', () => {
25 | win = null
26 | });
27 | }
28 |
29 | app.on('ready', function () {
30 | createWindow();
31 |
32 | const template = [
33 | {
34 | label: 'Edit',
35 | submenu: [
36 | { role: 'undo' },
37 | { role: 'redo' },
38 | { type: 'separator' },
39 | { role: 'cut' },
40 | { role: 'copy' },
41 | { role: 'paste' },
42 | { role: 'pasteandmatchstyle' },
43 | { role: 'delete' },
44 | { role: 'selectall' }
45 | ]
46 | },
47 | {
48 | label: 'Demo',
49 | submenu: [
50 | {
51 | label: 'Submenu1',
52 | click: function () {
53 | console.log('Clicked sub menu 1');
54 | }
55 | },
56 | {
57 | type: 'separator'
58 | },
59 | {
60 | label: 'Submenu2'
61 | }
62 | ]
63 | },
64 | {
65 | label: 'Help',
66 | submenu: [
67 | {
68 | label: 'About Electron',
69 | click: function () {
70 | electron.shell.openExternal('http://electron.atom.io');
71 | },
72 | accelerator: 'CmdOrCtrl + Shift + H'
73 | }
74 | ]
75 | },
76 | {
77 | role: 'window',
78 | submenu: [
79 | { role: 'minimize' },
80 | { role: 'close' }
81 | ]
82 | }
83 | ];
84 |
85 | const menu = Menu.buildFromTemplate(template);
86 | Menu.setApplicationMenu(menu);
87 |
88 | globalShortcut.register('Alt+1', function () {
89 | win.show()
90 | })
91 |
92 | });
93 |
94 | app.on('will-quit', function () {
95 | globalShortcut.unregisterAll()
96 | })
97 |
98 | app.on('window-all-closed', () => {
99 | if (process.platform !== 'darwin') {
100 | app.quit();
101 | }
102 | });
103 |
104 | app.on('activate', () => {
105 | if (win === null) {
106 | createWindow();
107 | }
108 | });
109 |
110 | app.on('browser-window-created', function (event, win) {
111 | const ctxMenu = new Menu()
112 | ctxMenu.append(new MenuItem(
113 | {
114 | label: 'Hello',
115 | click: function(){
116 | console.log('ctx menu clicked')
117 | }
118 | }
119 | ))
120 | ctxMenu.append(new MenuItem({ role: 'selectall' }))
121 | win.webContents.on('context-menu', function (e, params) {
122 | ctxMenu.popup(win, params.x, params.y)
123 | })
124 | })
125 |
--------------------------------------------------------------------------------
/menuDemo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hello-world",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "devDependencies": {
6 | "electron": "^1.6.11"
7 | },
8 | "scripts": {
9 | "start": "electron ."
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/menuDemo/styles.css:
--------------------------------------------------------------------------------
1 | h1{
2 | color: orange;
3 | }
--------------------------------------------------------------------------------
/quoteWidget/.gitignore:
--------------------------------------------------------------------------------
1 | # dependencies
2 | /node_modules
3 |
4 |
5 | # IDE - VSCode
6 | .vscode/*
7 | !.vscode/settings.json
8 | !.vscode/tasks.json
9 | !.vscode/launch.json
10 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/quoteWidget/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Quote Generator
6 |
7 |
8 |
9 |
10 |
13 |
14 |
--------------------------------------------------------------------------------
/quoteWidget/index.js:
--------------------------------------------------------------------------------
1 | let request = require('request');
2 |
3 | request("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1", function(err, response, body){
4 | body = JSON.parse(body);
5 | let randomQuote = body[0]["content"];
6 | document.getElementById("quote").innerHTML = randomQuote;
7 |
8 | });
9 |
10 | setInterval(function(){
11 | request("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1", function(err, response, body){
12 | body = JSON.parse(body);
13 | let randomQuote = body[0]["content"];
14 | document.getElementById("quote").innerHTML = randomQuote;
15 | });
16 | }, 5000);
--------------------------------------------------------------------------------
/quoteWidget/main.js:
--------------------------------------------------------------------------------
1 | const electron = require("electron");
2 | const app = electron.app;
3 | const BrowserWindow = electron.BrowserWindow;
4 | //const {app, BrowserWindow} = require('electron')
5 | const path = require('path')
6 | const url = require('url')
7 |
8 |
9 | let win;
10 |
11 | function createWindow() {
12 |
13 | win = new BrowserWindow({
14 | height: 150,
15 | width: 500,
16 | frame: false,
17 | show: false
18 | });
19 |
20 | win.loadURL(url.format({
21 | pathname: path.join(__dirname, 'index.html'),
22 | protocol: 'file:',
23 | slashes: true
24 | }));
25 |
26 | win.once('ready-to-show', () => {
27 | win.show();
28 | });
29 |
30 | win.on('closed', () => {
31 | win = null
32 | });
33 | }
34 |
35 | app.on('ready', createWindow);
36 |
37 |
38 | app.on('window-all-closed', () => {
39 | if (process.platform !== 'darwin') {
40 | app.quit();
41 | }
42 | });
43 |
44 | app.on('activate', () => {
45 | if (win === null) {
46 | createWindow();
47 | }
48 | });
49 |
--------------------------------------------------------------------------------
/quoteWidget/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hello-world",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "devDependencies": {
6 | "electron": "^1.6.11"
7 | },
8 | "scripts": {
9 | "start": "electron ."
10 | },
11 | "dependencies": {
12 | "request": "^2.81.0"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/quoteWidget/styles.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: #222233;
3 | color: #AACCFF;
4 | font-family: 'Segoe UI', Tahoma, sans-serif;
5 | height: 150px;
6 | overflow:hidden;
7 | -webkit-app-region: drag;
8 | }
--------------------------------------------------------------------------------
/shell/.gitignore:
--------------------------------------------------------------------------------
1 | # dependencies
2 | /node_modules
3 |
4 |
5 | # IDE - VSCode
6 | .vscode/*
7 | !.vscode/settings.json
8 | !.vscode/tasks.json
9 | !.vscode/launch.json
10 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/shell/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Hello World App
6 |
7 |
8 |
9 | Shell
10 |
11 |
14 |
15 |
--------------------------------------------------------------------------------
/shell/index.js:
--------------------------------------------------------------------------------
1 | const shell = require('electron').shell
2 | const openBtn = document.getElementById('openBtn')
3 | openBtn.addEventListener('click', function (event) {
4 | shell.showItemInFolder('E:\\ElectronFolder\\test')
5 | shell.openItem('E:\\ElectronFolder\\ytlogo.jpg')
6 | shell.openExternal('http://electron.atom.io')
7 | })
--------------------------------------------------------------------------------
/shell/main.js:
--------------------------------------------------------------------------------
1 | const electron = require("electron");
2 | const app = electron.app;
3 | const BrowserWindow = electron.BrowserWindow;
4 | //const {app, BrowserWindow} = require('electron')
5 | const path = require('path')
6 | const url = require('url')
7 |
8 | let win;
9 |
10 | function createWindow () {
11 |
12 | win = new BrowserWindow({width: 800, height: 600})
13 |
14 | win.loadURL(url.format({
15 | pathname: path.join(__dirname, 'index.html'),
16 | protocol: 'file:',
17 | slashes: true
18 | }));
19 |
20 |
21 | win.on('closed', () => {
22 | win = null
23 | });
24 | }
25 |
26 | app.on('ready', createWindow);
27 |
28 |
29 | app.on('window-all-closed', () => {
30 | if (process.platform !== 'darwin') {
31 | app.quit();
32 | }
33 | });
34 |
35 | app.on('activate', () => {
36 | if (win === null) {
37 | createWindow();
38 | }
39 | });
40 |
--------------------------------------------------------------------------------
/shell/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "shell-module",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "devDependencies": {
6 | "electron": "^1.6.11"
7 | },
8 | "scripts": {
9 | "start": "electron ."
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/shell/styles.css:
--------------------------------------------------------------------------------
1 | h1{
2 | color: orange;
3 | }
--------------------------------------------------------------------------------
/trayDemo/.gitignore:
--------------------------------------------------------------------------------
1 | # dependencies
2 | /node_modules
3 |
4 |
5 | # IDE - VSCode
6 | .vscode/*
7 | !.vscode/settings.json
8 | !.vscode/tasks.json
9 | !.vscode/launch.json
10 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/trayDemo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Hello World App
6 |
7 |
8 |
9 | Hello World!
10 |
11 |
--------------------------------------------------------------------------------
/trayDemo/main.js:
--------------------------------------------------------------------------------
1 | const electron = require("electron");
2 | const app = electron.app;
3 | const BrowserWindow = electron.BrowserWindow;
4 | const Menu = electron.Menu
5 | //const {app, BrowserWindow} = require('electron')
6 | const path = require('path')
7 | const url = require('url')
8 | const Tray = electron.Tray
9 |
10 | const iconPath = path.join(__dirname, 'ytlogo.jpg')
11 | let tray = null
12 |
13 | app.on('ready', function(){
14 | tray = new Tray(iconPath)
15 |
16 | let template = [
17 | {
18 | label: 'Audio',
19 | submenu: [
20 | {
21 | label: 'Low',
22 | type: 'radio',
23 | checked: true
24 | },
25 | {
26 | label: 'High',
27 | type: 'radio',
28 | }
29 | ]
30 | },
31 | {
32 | label: 'Video',
33 | submenu: [
34 | {
35 | label: '1280x720',
36 | type: 'radio',
37 | checked: true
38 | },
39 | {
40 | label: '1920x1080',
41 | type: 'radio',
42 | }
43 | ]
44 | }
45 | ]
46 |
47 | const contextMenu = Menu.buildFromTemplate(template)
48 | tray.setContextMenu(contextMenu)
49 | tray.setToolTip('Tray App')
50 | });
51 |
52 |
53 | app.on('window-all-closed', () => {
54 | if (process.platform !== 'darwin') {
55 | app.quit();
56 | }
57 | });
58 |
59 | app.on('activate', () => {
60 | if (win === null) {
61 | }
62 | });
63 |
--------------------------------------------------------------------------------
/trayDemo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hello-world",
3 | "version": "1.0.0",
4 | "main": "main.js",
5 | "devDependencies": {
6 | "electron": "^1.6.11"
7 | },
8 | "scripts": {
9 | "start": "electron ."
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/trayDemo/styles.css:
--------------------------------------------------------------------------------
1 | h1{
2 | color: orange;
3 | }
--------------------------------------------------------------------------------
/trayDemo/ytlogo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gopinav/Electron-Tutorials/5380972f63a7c4337034e72688b164eb776c9c9a/trayDemo/ytlogo.jpg
--------------------------------------------------------------------------------