node-webkit – Tarik Billa

Right Click Menu using React JS

September 8, 2023 by Tarik

UPDATE: Figured it out – here is what you can do var addMenu; componentWillMount: function() { addMenu = new nw.Menu(); addMenu.append(new nw.MenuItem({ label: ‘doSomething’, click: function() { // doSomething } })); }, contextMenu: function(e) { e.preventDefault(); addMenu.popup(e.clientX, e.clientY); }, render: function(){ return <button onClick={this.handleClick} onContextMenu={this.contextMenu}>SomethingUseful</button> } In render you can pass a function to onContextMenu … Read more

Node.js cannot require a .js file in the same directory

September 1, 2023 by Tarik

This is because, when you run you app (main.js) using node-webkit the root (working) directory is where the index.html is in, so ‘./’ refers to that directory not the one in which the file you requesting the module from is in. You can easily solve this problem by using resolve method in ‘path’ node module … Read more

How to clear the cache data in Electron(atom shell)?

April 22, 2023 by Tarik

The Electron stores it’s cache in these folders: Windows: C:\Users\<user>\AppData\Roaming\<yourAppName>\Cache Linux: /home/<user>/.config/<yourAppName>/Cache OS X: /Users/<user>/Library/Application Support/<yourAppName>/Cache So deleting these folders can also help you. Of course this is one time solution 😉

Node-Webkit vs Electron [closed]

February 2, 2023 by Tarik

Electron has a page explaining the differences with nwjs. Like NW.js, Electron provides a platform to write desktop applications with web technologies. Both platforms enable developers to utilize HTML, JavaScript, and Node.js. On the surface, they seem very similar. There are however fundamental differences between the two projects that make Electron a completely separate product … Read more

How to access a RowDataPacket object

January 7, 2023 by Tarik

Turns out they are normal objects and you can access them through user_id. RowDataPacket is actually the name of the constructor function that creates an object, it would look like this new RowDataPacket(user_id, …). You can check by accessing its name [0].constructor.name If the result is an array, you would have to use [0].user_id.

Uncaught Error: Module did not self-register

December 20, 2022 by Tarik

If you’ve upgraded node then npm rebuild might fix this for you

What are the functional differences between NW.js, Brackets-Shell and Electron?

November 19, 2022 by Tarik

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

What is the Visual Studio Code editor built on

October 19, 2022 by Tarik

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