Electron

1Type '{ plugins: true; nodeIntegration: true; contextIsolation: false; enableRemoteModule: true; backgroundThrottling: false; webSecurity: false; }' is not assignable to type 'WebPreferences'.
2
3Object literal may only specify known properties, and 'enableRemoteModule' does not exist in type 'WebPreferences'.ts(2322)
4
5electron.d.ts(12612, 5): The expected type comes from property 'webPreferences' which is declared here on type 'BrowserWindowConstructorOptions'
6const window = new electron.BrowserWindow({
7    // ...
8    webPreferences: { 
9      plugins: true, 
10      nodeIntegration: true, 
11      contextIsolation: false,
12      enableRemoteModule: true, 
13      backgroundThrottling: false,
14      webSecurity: false 
15    }, 
16    // ...
17  });
18
19npm install "@electron/remote"@latest
20

1Type '{ plugins: true; nodeIntegration: true; contextIsolation: false; enableRemoteModule: true; backgroundThrottling: false; webSecurity: false; }' is not assignable to type 'WebPreferences'.
2
3Object literal may only specify known properties, and 'enableRemoteModule' does not exist in type 'WebPreferences'.ts(2322)
4
5electron.d.ts(12612, 5): The expected type comes from property 'webPreferences' which is declared here on type 'BrowserWindowConstructorOptions'
6const window = new electron.BrowserWindow({
7    // ...
8    webPreferences: { 
9      plugins: true, 
10      nodeIntegration: true, 
11      contextIsolation: false,
12      enableRemoteModule: true, 
13      backgroundThrottling: false,
14      webSecurity: false 
15    }, 
16    // ...
17  });
18
19npm install "@electron/remote"@latest
20  // from Main process
21  import * as electron from 'electron';
22  import * as remoteMain from '@electron/remote/main';
23  remoteMain.initialize();
24  // ...
25
26  const window = new electron.BrowserWindow({
27    webPreferences: { 
28      plugins: true, 
29      nodeIntegration: true, 
30      contextIsolation: false,
31      backgroundThrottling: false,
32      nativeWindowOpen: false,
33      webSecurity: false 
34    } 
35    // ...
36  });
37
38  remoteMain.enable(window.webContents);
39

1Type '{ plugins: true; nodeIntegration: true; contextIsolation: false; enableRemoteModule: true; backgroundThrottling: false; webSecurity: false; }' is not assignable to type 'WebPreferences'.
2
3Object literal may only specify known properties, and 'enableRemoteModule' does not exist in type 'WebPreferences'.ts(2322)
4
5electron.d.ts(12612, 5): The expected type comes from property 'webPreferences' which is declared here on type 'BrowserWindowConstructorOptions'
6const window = new electron.BrowserWindow({
7    // ...
8    webPreferences: { 
9      plugins: true, 
10      nodeIntegration: true, 
11      contextIsolation: false,
12      enableRemoteModule: true, 
13      backgroundThrottling: false,
14      webSecurity: false 
15    }, 
16    // ...
17  });
18
19npm install "@electron/remote"@latest
20  // from Main process
21  import * as electron from 'electron';
22  import * as remoteMain from '@electron/remote/main';
23  remoteMain.initialize();
24  // ...
25
26  const window = new electron.BrowserWindow({
27    webPreferences: { 
28      plugins: true, 
29      nodeIntegration: true, 
30      contextIsolation: false,
31      backgroundThrottling: false,
32      nativeWindowOpen: false,
33      webSecurity: false 
34    } 
35    // ...
36  });
37
38  remoteMain.enable(window.webContents);
39  // from Renderer process
40  import * as remote from '@electron/remote';
41
42  const window = new remote.BrowserWindow({
43    webPreferences: { 
44      plugins: true, 
45      nodeIntegration: true, 
46      contextIsolation: false,
47      backgroundThrottling: false,
48      nativeWindowOpen: false,
49      webSecurity: false 
50    } 
51    // ...
52  });
53
54  // ...
55  // note we call `require` on `remote` here
56  const remoteMain = remote.require("@electron/remote/main");
57  remoteMain.enable(window.webContents);
58

1Type '{ plugins: true; nodeIntegration: true; contextIsolation: false; enableRemoteModule: true; backgroundThrottling: false; webSecurity: false; }' is not assignable to type 'WebPreferences'.
2
3Object literal may only specify known properties, and 'enableRemoteModule' does not exist in type 'WebPreferences'.ts(2322)
4
5electron.d.ts(12612, 5): The expected type comes from property 'webPreferences' which is declared here on type 'BrowserWindowConstructorOptions'
6const window = new electron.BrowserWindow({
7    // ...
8    webPreferences: { 
9      plugins: true, 
10      nodeIntegration: true, 
11      contextIsolation: false,
12      enableRemoteModule: true, 
13      backgroundThrottling: false,
14      webSecurity: false 
15    }, 
16    // ...
17  });
18
19npm install "@electron/remote"@latest
20  // from Main process
21  import * as electron from 'electron';
22  import * as remoteMain from '@electron/remote/main';
23  remoteMain.initialize();
24  // ...
25
26  const window = new electron.BrowserWindow({
27    webPreferences: { 
28      plugins: true, 
29      nodeIntegration: true, 
30      contextIsolation: false,
31      backgroundThrottling: false,
32      nativeWindowOpen: false,
33      webSecurity: false 
34    } 
35    // ...
36  });
37
38  remoteMain.enable(window.webContents);
39  // from Renderer process
40  import * as remote from '@electron/remote';
41
42  const window = new remote.BrowserWindow({
43    webPreferences: { 
44      plugins: true, 
45      nodeIntegration: true, 
46      contextIsolation: false,
47      backgroundThrottling: false,
48      nativeWindowOpen: false,
49      webSecurity: false 
50    } 
51    // ...
52  });
53
54  // ...
55  // note we call `require` on `remote` here
56  const remoteMain = remote.require("@electron/remote/main");
57  remoteMain.enable(window.webContents);
58require("@electron/remote").require("@electron/remote/main").enable(window.webContents);
59

1// If you don't send the path property, by default will send the contents from the root level
2const repoContent = await github.rest.repos.getContent({
3  owner: 'repo-owner',
4  repo: 'repo-name'
5});
6  
7console.log('Files found at root level', repoContent.data.map((file) => file.name));
8
9

1Uncaught TypeError: Cannot read properties of undefined (reading 'getCurrentWindow')
2[14880:1207/145651.085:ERROR:gpu_init.cc(457)] Passthrough is not supported, GL is disabled, ANGLE is
3import { app, BrowserWindow } from 'electron'
4import isDev from 'electron-is-dev'
5
6app.disableHardwareAcceleration()
7
8let win = null
9
10async function createWindow() {
11  win = new BrowserWindow({
12    title: 'My Window'
13  })
14
15  const winURL = isDev
16    ? 'http://localhost:9080'
17    : `file://${__dirname}/index.html`
18  win.loadURL(url)
19
20  win.on('ready-to-show', async () => {
21    win.show()
22    win.maximize()
23  })
24}
25
26app.whenReady().then(createWindow)
27
28app.on('window-all-closed', () => {
29  win = null
30  if (process.platform !== 'darwin') {
31    app.quit()
32  }
33})
34

1const handleElectronPrint = async (target: HTMLIFrameElement) {
2  // Instead of this (printing the whole page)
3  // let win = BrowserWindow.getFocusedWindow();
4
5  // How do I print just the referenced iframe?
6  // `target` iframe has id="printWindow", how to select it?
7  let win = BrowserWindow.getMyIframe();
8  
9  // Is this the right way to do the print once we have the iframe?
10  const options = { printBackground: true };
11  win.webContents.print(options, (success, failureReason) => {
12    if (!success) console.log(failureReason);
13  
14    console.log('Print Initiated');
15  }); 
16};
17
18<ReactToPrint
19 ...
20 print={handleElectronPrint}
21/>
22  // Send print request to the Main process
23  this.handlePrint = function (target) {
24   return new Promise(() => {
25    console.log('forwarding print request to the main process...');
26
27    // convert the iframe into data url
28    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
29    let data = target.contentWindow.document.documentElement.outerHTML;
30    //console.log(data);
31    var blob = new Blob([data], { type: 'text/html' });
32    var url = URL.createObjectURL(blob);
33
34    window.electronAPI.printComponent(url, (response) => {
35     console.log('Main: ', response);
36    });
37   });
38  };
39

1const handleElectronPrint = async (target: HTMLIFrameElement) {
2  // Instead of this (printing the whole page)
3  // let win = BrowserWindow.getFocusedWindow();
4
5  // How do I print just the referenced iframe?
6  // `target` iframe has id="printWindow", how to select it?
7  let win = BrowserWindow.getMyIframe();
8  
9  // Is this the right way to do the print once we have the iframe?
10  const options = { printBackground: true };
11  win.webContents.print(options, (success, failureReason) => {
12    if (!success) console.log(failureReason);
13  
14    console.log('Print Initiated');
15  }); 
16};
17
18<ReactToPrint
19 ...
20 print={handleElectronPrint}
21/>
22  // Send print request to the Main process
23  this.handlePrint = function (target) {
24   return new Promise(() => {
25    console.log('forwarding print request to the main process...');
26
27    // convert the iframe into data url
28    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
29    let data = target.contentWindow.document.documentElement.outerHTML;
30    //console.log(data);
31    var blob = new Blob([data], { type: 'text/html' });
32    var url = URL.createObjectURL(blob);
33
34    window.electronAPI.printComponent(url, (response) => {
35     console.log('Main: ', response);
36    });
37   });
38  };
39// List of all options at -
40// https://www.electronjs.org/docs/latest/api/web-contents#contentsprintoptions-callback
41const printOptions = {
42 silent: false,
43 printBackground: true,
44 color: true,
45 margin: {
46  marginType: 'printableArea',
47 },
48 landscape: false,
49 pagesPerSheet: 1,
50 collate: false,
51 copies: 1,
52 header: 'Page header',
53 footer: 'Page footer',
54};
55
56ipcMain.handle('printComponent', (event, url) => {
57 let win = new BrowserWindow({ show: false });
58 win.loadURL(url);
59
60 win.webContents.on('did-finish-load', () => {
61  win.webContents.print(printOptions, (success, failureReason) => {
62   console.log('Print Initiated in Main...');
63   if (!success) console.log(failureReason);
64  });
65 });
66 return 'done in main';
67});
68

1const handleElectronPrint = async (target: HTMLIFrameElement) {
2  // Instead of this (printing the whole page)
3  // let win = BrowserWindow.getFocusedWindow();
4
5  // How do I print just the referenced iframe?
6  // `target` iframe has id="printWindow", how to select it?
7  let win = BrowserWindow.getMyIframe();
8  
9  // Is this the right way to do the print once we have the iframe?
10  const options = { printBackground: true };
11  win.webContents.print(options, (success, failureReason) => {
12    if (!success) console.log(failureReason);
13  
14    console.log('Print Initiated');
15  }); 
16};
17
18<ReactToPrint
19 ...
20 print={handleElectronPrint}
21/>
22  // Send print request to the Main process
23  this.handlePrint = function (target) {
24   return new Promise(() => {
25    console.log('forwarding print request to the main process...');
26
27    // convert the iframe into data url
28    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
29    let data = target.contentWindow.document.documentElement.outerHTML;
30    //console.log(data);
31    var blob = new Blob([data], { type: 'text/html' });
32    var url = URL.createObjectURL(blob);
33
34    window.electronAPI.printComponent(url, (response) => {
35     console.log('Main: ', response);
36    });
37   });
38  };
39// List of all options at -
40// https://www.electronjs.org/docs/latest/api/web-contents#contentsprintoptions-callback
41const printOptions = {
42 silent: false,
43 printBackground: true,
44 color: true,
45 margin: {
46  marginType: 'printableArea',
47 },
48 landscape: false,
49 pagesPerSheet: 1,
50 collate: false,
51 copies: 1,
52 header: 'Page header',
53 footer: 'Page footer',
54};
55
56ipcMain.handle('printComponent', (event, url) => {
57 let win = new BrowserWindow({ show: false });
58 win.loadURL(url);
59
60 win.webContents.on('did-finish-load', () => {
61  win.webContents.print(printOptions, (success, failureReason) => {
62   console.log('Print Initiated in Main...');
63   if (!success) console.log(failureReason);
64  });
65 });
66 return 'done in main';
67});
68const { contextBridge, ipcRenderer } = require('electron');
69
70contextBridge.exposeInMainWorld('electronAPI', {
71 printComponent: async (url, callback) => {
72  let response = await ipcRenderer.invoke('printComponent', url);
73  callback(response);
74 },
75});
76

1const handleElectronPrint = async (target: HTMLIFrameElement) {
2  // Instead of this (printing the whole page)
3  // let win = BrowserWindow.getFocusedWindow();
4
5  // How do I print just the referenced iframe?
6  // `target` iframe has id="printWindow", how to select it?
7  let win = BrowserWindow.getMyIframe();
8  
9  // Is this the right way to do the print once we have the iframe?
10  const options = { printBackground: true };
11  win.webContents.print(options, (success, failureReason) => {
12    if (!success) console.log(failureReason);
13  
14    console.log('Print Initiated');
15  }); 
16};
17
18<ReactToPrint
19 ...
20 print={handleElectronPrint}
21/>
22  // Send print request to the Main process
23  this.handlePrint = function (target) {
24   return new Promise(() => {
25    console.log('forwarding print request to the main process...');
26
27    // convert the iframe into data url
28    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
29    let data = target.contentWindow.document.documentElement.outerHTML;
30    //console.log(data);
31    var blob = new Blob([data], { type: 'text/html' });
32    var url = URL.createObjectURL(blob);
33
34    window.electronAPI.printComponent(url, (response) => {
35     console.log('Main: ', response);
36    });
37   });
38  };
39// List of all options at -
40// https://www.electronjs.org/docs/latest/api/web-contents#contentsprintoptions-callback
41const printOptions = {
42 silent: false,
43 printBackground: true,
44 color: true,
45 margin: {
46  marginType: 'printableArea',
47 },
48 landscape: false,
49 pagesPerSheet: 1,
50 collate: false,
51 copies: 1,
52 header: 'Page header',
53 footer: 'Page footer',
54};
55
56ipcMain.handle('printComponent', (event, url) => {
57 let win = new BrowserWindow({ show: false });
58 win.loadURL(url);
59
60 win.webContents.on('did-finish-load', () => {
61  win.webContents.print(printOptions, (success, failureReason) => {
62   console.log('Print Initiated in Main...');
63   if (!success) console.log(failureReason);
64  });
65 });
66 return 'done in main';
67});
68const { contextBridge, ipcRenderer } = require('electron');
69
70contextBridge.exposeInMainWorld('electronAPI', {
71 printComponent: async (url, callback) => {
72  let response = await ipcRenderer.invoke('printComponent', url);
73  callback(response);
74 },
75});
76//handle preview
77ipcMain.handle('previewComponent', (event, url) => {
78 let win = new BrowserWindow({ title: 'Preview', show: false, autoHideMenuBar: true });
79
80 win.loadURL(url);
81
82 win.webContents.once('did-finish-load', () => {
83  win.webContents.printToPDF(printOptions).then((data) => {
84    let buf = Buffer.from(data);
85    var data = buf.toString('base64');
86    let url = 'data:application/pdf;base64,' + data;
87
88    win.webContents.on('ready-to-show', () => {
89     win.show();
90     win.setTitle('Preview');
91    });
92    win.webContents.on('closed', () => win = null;);
93    win.loadURL(url);
94
95   })
96   .catch((error) => {
97    console.log(error);
98   });
99 });
100 return 'shown preview window';
101});
102
103

1"!**/node_modules/*/{CHANGELOG.md,README.md,README,readme.md,readme}",
2

1<!DOCTYPE html>
2<html class="h-full">
3    <head>
4        <meta charset="UTF-8">
5        <link href="https://cdn.jsdelivr.net/npm/daisyui@1.16.5/dist/full.css" rel="stylesheet" type="text/css" />
6        <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
7        <link href="./renderer/stylesheet/main.css" rel="stylesheet">
8        <title>Widget</title>
9    </head>
10    <body class="select-none h-full bg-transparent">
11        <div class="h-full rounded-xl bg-green-500">
12            <h1 class="text-3xl font-bold underline">HEY</h1>
13        </div>
14        <script src="./renderer/javascript/renderer.js"></script>
15    </body>
16</html>
17module.exports = {
18  ...
19  daisyui: {
20    base: false
21  }
22}
23

1$ cypress run
2[29023:1018/155130.159647:ERROR:bus.cc(392)] Failed to connect to the bus: Failed to connect to socket /var/run/dbus/system_bus_socket: No such file or directory
3[29023:1018/155130.162020:ERROR:bus.cc(392)] Failed to connect to the bus: Could not parse server address: Unknown address type (examples of valid types are "tcp" and on UNIX "unix")
4[29023:1018/155130.162068:ERROR:bus.cc(392)] Failed to connect to the bus: Could not parse server address: Unknown address type (examples of valid types are "tcp" and on UNIX "unix")
5[29211:1018/155130.193707:ERROR:gpu_init.cc(441)] Passthrough is not supported, GL is swiftshader
6
7...
8
9[29023:1018/155132.292604:ERROR:bus.cc(392)] Failed to connect to the bus: Could not parse server address: Unknown address type (examples of valid types are "tcp" and on UNIX "unix")
10
11Timed out waiting for the browser to connect. Retrying...
12[29023:1018/155232.249036:ERROR:bus.cc(392)] Failed to connect to the bus: Could not parse server address: Unknown address type (examples of valid types are "tcp" and on UNIX "unix")
13
14Timed out waiting for the browser to connect. Retrying again...
15[29023:1018/155332.249372:ERROR:bus.cc(392)] Failed to connect to the bus: Could not parse server address: Unknown address type (examples of valid types are "tcp" and on UNIX "unix")
16 (-2) loading 'http://localhost:3000/__/#/tests/integration/simple.spec.ts'
17Error:  (-2) loading 'http://localhost:3000/__/#/tests/integration/simple.spec.ts'
18    at rejectAndCleanup (electron/js2c/browser_init.js:161:7486)
19    at Object.failListener (electron/js2c/browser_init.js:161:7699)
20    at Object.emit (events.js:376:20)
21
22apt-get install libgtk2.0-0 libgtk-3-0 libgbm-dev libnotify-dev libgconf-2-4 libnss3 libxss1 libasound2 libxtst6 xauth xvfb
23