By far the easiest way to use SQLite with electron is with electron-builder. First, add a postinstall step in your package.json: “scripts”: { “postinstall”: “install-app-deps” … } and then install the necessary dependencies and build: npm install –save-dev electron-builder npm install –save sqlite3 npm run postinstall electron-builder will build the native module for your platform, … Read more
So after reading through some related answers (specifically this one and this one and looking at @basarat’s answer to the question, I managed to find something that works for me. It looks (to my relatively new React eyes) like Connect was not supplying an explicit interface to the container component, so it was confused by … Read more
The API provides component for this purpose. <Button variant=”contained” component=”label” > Upload File <input type=”file” hidden /> </Button>
Update August 2019 I’ve been using electron-builder for more than a year now, packaging my app for macOS, Windows 10, and Ubuntu Desktop. The maintainer, develar, added a great docs site earlier this year, and has been staying on top of gatekeeper changes to macOS to ensure installers and updaters still work. Update November 2018 … Read more
The two pieces of code are equivalent but the first one is using the ES6 destructuring assignment to be shorter. Here is a quick example of how it works: const obj = { name: “Fred”, age: 42, id: 1 } //simple destructuring const { name } = obj; console.log(“name”, name); //assigning multiple variables at one … Read more
I did similar research about two months ago, and in the end I went with node-webkit. The biggest upside on node-webkit is node.js and npm. The package management of npm is really nice, and node has well done filesystem access. Brackets-shell looked interesting, but other than a nice IDE I didn’t really get what made … Read more
console.log works, but where it logs to depends on whether you call it from the main process or the renderer process. If you call it from the renderer process (i.e. JavaScript that is included from your index.html file) it will be logged to the dev tools window. If you call it from the main process … Read more
Visual Studio Code is built using web technologies on top of Github’s Electron. Electron is an app runtime for writing native apps that uses Chromium (which Google Chrome is built on) for rendering the interface and node.js for local APIs (example: file system access), it was built primarily as the shell for Github’s Atom code … Read more
From the asar documentation (the use of npx here is to avoid to install the asar tool globally with npm install -g asar) Extract the whole archive: npx asar extract app.asar destfolder Extract a particular file: npx asar extract-file app.asar main.js
Setting the icon property when creating the BrowserWindow only has an effect on Windows and Linux. To set the icon on OS X, you can use electron-packager and set the icon using the –icon switch. It will need to be in .icns format for OS X. There is an online icon converter which can create … Read more