I made an electron app in 4 lines...
nativefier "http://musicforprogramming.net/" -n "musicforprogramming"
cd musicforprogramming-linux-x64/
sudo chmod +x musicforprogramming
./musicforprogramming
Motivation
I like music, but don't like music in browser tabs. Basically because i have it open all the time, I want to find and control it easily, and I don't want it cluttering up an area that might be soley focused on work.
I discovered some neat apps for google play, and wanted to see if there was one for my other go to, musicforprogramming. There wasn't, so I just casually googled how to convert a page into an electron app and OMFG!
Solution
nativefier / nativefier
Make any web page a desktop application
Note: Nativefier is unmaintained, please see #1577.
Nativefier
You want to make a native-looking wrapper for WhatsApp Web (or any web page).
nativefier 'web.whatsapp.com'
You're done.
Introduction
Nativefier is a command-line tool to easily create a “desktop app” for any web site
with minimal fuss. Apps are wrapped by Electron
(which uses Chromium under the hood) in an OS executable (.app
, .exe
, etc)
usable on Windows, macOS and Linux.
I built this because I grew tired of having to Alt-Tab to my browser and then search through numerous open tabs when using Messenger or Whatsapp Web (HN thread). Nativefier features:
- Automatically retrieval of app icon / name
- Injection of custom JS & CSS
- Many more, see the API docs or
nativefier --help
Installation
Install Nativefier globally with npm install -g nativefier
. Requirements:
- macOS 10.13+ / Windows / Linux
- Node.js ≥ 16.9…
This post and this one helped iron out some kinks and now I can launch programming music right from my VS code terminal!
Extra credit
alias musicforprogramming="~/Dev/musicforprogramming-linux-x64/musicforprogramming
Top comments (0)