Fix filter exception when injecting CSS (PR #837)
When injecting CSS, an `onBeforeRequest paramater 'filter' must have property 'urls'` error is thrown. ![image](https://user-images.githubusercontent.com/599164/63574823-a3dd6180-c5c3-11e9-89c0-a9debdd4f696.png) This is caused by [Electron PR #19337: Throw on invalid webRequest filters](https://github.com/electron/electron/pull/19337). So, pass filter argument properly, like Electron expects it strictly.
|2 weeks ago|
|.github||2 years ago|
|app||2 weeks ago|
|bin||1 year ago|
|docs||3 weeks ago|
|e2e||1 year ago|
|gulp||1 year ago|
|screenshots||1 year ago|
|scripts||2 years ago|
|src||3 weeks ago|
|test-resources||1 year ago|
|.codeclimate.yml||9 months ago|
|.dockerignore||2 years ago|
|.editorconfig||1 year ago|
|.eslintignore||3 years ago|
|.eslintrc.yml||1 year ago|
|.gitignore||1 year ago|
|.hound.yml||2 years ago|
|.npmignore||3 years ago|
|.npmrc||1 year ago|
|.prettierrc.yaml||1 year ago|
|.travis.yml||9 months ago|
|Dockerfile||1 year ago|
|LICENSE.md||3 years ago|
|README.md||9 months ago|
|gulpfile.babel.js||2 years ago|
|jest.config.js||1 year ago|
|package.json||3 weeks ago|
|webpack.config.js||1 year ago|
You want to make a native wrapper for WhatsApp Web (or any web page).
Nativefier is a command-line tool to easily create a desktop application for any web site with succinct and minimal configuration. Apps are wrapped by Electron in an OS executable (
.exe, etc.) for use on Windows, macOS and Linux.
I did this because I was tired of having to
alt-tab to my browser and then search through the numerous open tabs when I was using Facebook Messenger or Whatsapp Web (relevant Hacker News thread).
>=6(4.x may work but is no longer tested, please upgrade)
npm install nativefier -g
Creating a native desktop app for medium.com:
Nativefier will intelligently attempt to determine the app name, your OS and processor architecture, among other options. If desired, the app name or other options can be overwritten by specifying the
--name "Medium" as part of the command line options:
nativefier --name "Some Awesome App" "http://medium.com"
Read the API documentation (or
nativefier --help) for other command line flags and options that can be used to configure the packaged app.
If you would like high resolution icons to be used, please contribute to the icon repository!
Windows Users: Take note that the application menu is automatically hidden by default, you can press
alt on your keyboard to access it.
Linux Users: Do not put spaces if you define the app name yourself with
--name, as this will cause problems when pinning a packaged app to the launcher.
You need Wine installed; make sure that
wine is in your
To support conversion of a
.ico into a
.icns for a packaged macOS app icon (currently only supported on macOS), you need the following dependencies.
identifyare in your
sipsto perform the conversion, which is more limited.
A template app with the appropriate plumbing is included in the
./app folder. When
nativefier is run, this template is parameterized, and packaged using Electron Packager.
The Dockerfile is designed to be used like the “normal” nativefier app. By default, the command
nativefier --help will be executed. Before you can use the image, you have to build it:
docker build -t local/nativefier .
After that, you can build your first nativefier app to the local
$TARGET-PATH. Ensure you have write access to the
docker run -v $TARGET-PATH:/target local/nativefier https://my-web-app.com/ /target/
You can also pass nativefier flags, and mount additional volumes to provide local files. For example, to use a icon:
docker run -v $PATH_TO_ICON/:/src -v $TARGET-PATH:/target local/nativefier --icon /src/icon.png --name whatsApp -p linux -a x64 https://my-web-app.com/ /target/