nativefier / nativefier Goto Github PK
View Code? Open in Web Editor NEWMake any web page a desktop application
License: MIT License
Make any web page a desktop application
License: MIT License
When you use applications like Asana, you often need to copy the URL of the page (task) being viewed so you can share it other locations. Without an address bar, there's no way to review, copy or paste the URL. How about adding a keyboard shortcut (or menu command) to copy the current URL. If a URL is in the clipboard and it matches the app's domain, provide an option to use it.
I would love for the app to automatically fetch the favicon.ico
image from the destination URL and convert that to the icon used by the OS. If there's any buy-in on this, I wouldn't mind making the PR for it later, but that could be a fairly easy way to get more contextual icons without having to specify them manually.
I would like notifications like this.
Will this executable always have the latest version of the website or do you need to generate a new executable?
When you first execute the app you can see the Electron title on the app instead the App Name that you've defined before. While I think that's a "feature" it would be nice to not show the Electron title never and instead show as window title the app name while the app is retrieving the info of the title.
Maybe in the future would be interesting as well to add an option to keep always the same title (the App Name) instead updating with the document.title.
After when toggle to fullscreen and click Red button, app leave a black screen instead of quit that mode.
I tried this with several subdomains I have which use self-signed SSL certificates and none will load within the app. I don't get an 'add exception' screen or anything, the app just loads a blank screen and stays that way.
Would be great to have an option to allow the use of self-signed certificates.
I executed nativefier with .icns and create an app of tweetdecks.twitter.com
.
Icon looks working,
But only on notification , the icon replaced with official election icon , like this.
( Twitter notify )
env:
OSX 10.10.2
nativefier,Electron,Electron-package are the latest version.
(Is it electron-packager's bug...?)
Expose Electron's BrowserWindow
API
This would be great for customizing things like titleBar
Example interface ideas:
It would be cool if you could enable page search using CMD + F for apps. Would be very useful for wikis.
Hi! I just stumbled across a small issue when trying to package up an app with a /
character in the <title>
element.
The single page app in question is http://watchddit.com
, which has the title "watchddit - simplifies watching r/videos" containing a /
. nativefier sees this as part of a path and then goes looking for it.
I tested other sites and they work fine so I know it has nothing to do with my environment.
When I go to a website with text that is very small, I would expect to be able to do Command-+
to increase the font-size and other aspects of the webpage. This may be a bug in Electron (or just a design choice for what Electron is typically used for), but had caused me some problems. Any advice or work-arounds would be great!
Usage: nativefier [options] <targetUrl> [dest]
Options:
-h, --help output usage information
...
-h, --height <value> set window height, defaults to 800px
I built an app for netflix, but when I try to play a movie it gives me this error:
Whoops, something went wrong...
Missing Component
We cannot find all the required components to play Netflix on this device.
Please visit chrome://components, locate the WidevineCdm component, and click the "Check for update" button.
For additional assistance resolving this issue, please visit our Help Center.
https://help.netflix.com/support/27451
Any ideas on how to add this plugin?
Is there a way to hide menu bar? This with "Edit", "View", "Window" and "Help".
Thanks for the awesome package, it's very useful. I can confirm this also works on Linux. However i do see an issue with it.
When a notification pop up, and you click on the notification. The app crashes. Are there any logs generated for the generated apps?
WhatsApp web now seems to be checking for user agent strings. By manipulating the user agent, we are still able to access it.
$ nativefier --user-agent "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.111 Safari/537.36" web.whatsapp.com
I'm not sure if such a user agent should be a default parameter in all wrapped apps, it would be certainly a lot easier to use in that case as we can ommit that long --user-agent
parameter.
Would be awesome, if Nativefier somehow could get the created apps to be included in OS X's Spotlight Index
Currently, the profle for a created app is saved to %APPDATA%[app-name]-nativefier-[some_string] on Windows. It would be great if that profile data was also save to the app folder (in a folder called profile perhaps?). This should make the app portable-ish.
You're using the app.dock
even though it's not supported on Windows.
I ran the nativefier only for win32 platform and when the app regain focus it throws an error:
Uncaught Exception:
TypeError: Cannot read property 'setBadge' of undefined
at BrowserWindow.<anonymous>
(...\resources\app\main.js:44:17)
at emitOne (events.js:82:20)
at BrowserWindow.emit (event.js:169:7)
I imagine a single if (process.platform === 'darwin')
must solve the issue, just reporting.
BTW, great project!
I get this when trying to wrap apps with Google oauth2 provider, happens when clicking to sign in button.. Any ideas?
I tried to package Whatsapp in a Mac yesterday and it works, in the version 6.4.0
, but now it doesn't anymore. I'm tried the --pretend
and also the new --honest
flag, but none works.
OS: OSX 10.11.2
Executing:
nativefier -n "Hubii News" -o -i ./Hubii_App_Icon.icns "http://hubii.com"
It doesn't attach the icon on the application. The small size of the icon is correctly attached while the big one show the default icon. If I add the app to the dock, I can see only the default app icon instead the one I'm trying to attach.
icns file:
Hubii_App_Icon.icns.zip
Result where you can see the small icon correctly attached but where the previsualization icon is not correctly attached.
If you need more info, please just tell me. If it's a normal behaviour, just close the ticket. Thanks!
I created a Native app wrapper and it doesn't seem to support Drag and Drop. Dragging an image into the window forces the image to takeover the window and I have to restart the app. I added some code that it least prevents the takeover but I can't figure out how to get drag and drop files to pass to <webview>
. See here from the referenced code I added:
Many webapps would benefit to be kept in memory instead of closed and reopened every time (e.g. Facebook, Twitter, Trello...). Is it possible to make the window hide instead of close when hitting the 'x' button?
Tried with Powershell and CMD (as administrator).
All commands using nativefier (include Mssenger example) returns a help info and nothing is created. I'm using a Win10 x64.
F:\Projetos\XXXX\xxxxxx\app\xxxxxxxApp>nativefier Messenger --target=http://messenger.com --platform=darwin --arch=x64 --versio
n=0.28.2
Usage: nativefier <appname> <target> --platform=<platform> --arch=<arch> --version=<version>
Required options
appname name for the app
target target url for the single page app
platform all, or one or more of: linux, win32, darwin (comma-delimited if multiple)
(...)
F:\>node -v
v5.2.0
F:\>npm -v
3.3.12
It could be nice to be able to customize these for certain websites
I noticed in the README you mentioned it wasn't possible to figure out when a desktop notification happened. Why not inject code that monkeypatches window.Notification and emits a notification-message
to electron any time a new one is constructed? ๐ญ
Apps are identified in the user's appdata folder based on the specified application name, which may cause conflicts. They should have some sort of unique identifier appended to the back so that each app truly has their own unique environment and cache
I can't figure out, how to set the User Agent.
WhatsApp for example does not work with the default settings of Nativefier.
when I flag -u nothing changes
like -u "Chrome"
what are the values that go after the -u flag?
On Ubuntu 15.04 32-bit, while trying to run the result of nativefier --pretend "http://google.com" -n Google
.
Full error:
A JavaScript error occurred in the main process
Uncaught Exception:
Error: Cannot find module 'wurl'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:289:25)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at Object.<anonymous> (/anonymized/Code/Google-linux-ia32/resources/app/main.js:9:12)
at Module._compile (module.js:425:26)
at Object.Module._extensions..js (module.js:432:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:313:12)
at Object.<anonymous> (/anonymized/Code/Google-linux-ia32/resources/atom.asar/browser/lib/init.js:159:8)
I have some web pages on my personal server, e.g. Transmission, that require HTTP authentication before loading the page. When I try to package these as apps using nativefier, they just give a 401 page without any login prompt.
Not sure if this is possible, but I'd love it if you could make external links open in the default browser, rather than just browsing to them within Electron.
For example, if you have an app set up for GitHub, and you click on a link to npmjs.org, that npmjs.org link would open in your default browser.
Any plans to add Homebrew support? npm
and rubygems
are language-specifc dependency managers and are not suitable for distributing software on OS X. I'd open a PR if this was something I can do myself but alas I can't.
any plans of a adblock integration?
This would make it even easier ๐ญ
If cmd-tab
is executed while the cursor is on a textfield and ready for text input, returning to the app will cause the currently selected text input field to lose focus, and occasionally causes the backspace key to stop working.
Running any command with the shortcut -h
results in this error:
error: option `-h, --height <value>' argument missing
By convention, the shortcut -h
displays the help message for a particular command option. Also, when you
nativefier [options] --help
You get something similar to this:
Options:
-h, --help output usage information
...
-h, --height <value> set window height, defaults to 800px
an obvious duplication.
I would like to propose the shortcut flag -y
(as in the -y-axis) to represent the height.
Great project.
I've been using this for a Flowdock app and when clicking on an external link, it opens up multiple (2) tabs pointing to the link's destination, rather than only one. I have not seen this behavior in an app version of YouTube, but I'm not sure if it's widespread or not. This is not critical by any means, but I wanted to see if other people were also running into this problem.
It's be great if you could maybe support flash with a command line option. I found this page on the Electron github repo so I think it might be possible if you just pass the path to where the flash plugin resides on your system: https://github.com/atom/electron/blob/master/docs/tutorial/using-pepper-flash-plugin.md
Lots of info like name, start url's, icons, etc in https://www.w3.org/TR/appmanifest/
Would like to suggest that local HTML files could be native-fied as well.
I tried deleting an app after I was signed in to a specific service.
Created another app for the same service, and I was logged in there as well.
How can I make sure I delete an app together with all resources such as cookies etc'?
After trying to install with npm install nativefier -g
I get the following output:
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "nativefier" "-g"
npm ERR! node v4.2.2
npm ERR! npm v2.14.7
npm ERR! code ELIFECYCLE
npm ERR! [email protected] postinstall: `mkdir -p app/lib`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'mkdir -p app/lib'.
npm ERR! This is most likely a problem with the nativefier package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! mkdir -p app/lib
npm ERR! You can get their info via:
npm ERR! npm owner ls nativefier
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! C:\Program Files\Git\npm-debug.log
And here's the npm-debug.log file, if it's of any help.
Would it be possible to create a config (or JavaScript) file to bind some keypresses to JavaScript console injections?
For example, music players could bind the media keys to JavaScript commands to start, stop and skip.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.