News for hackers. Stuff that matters.
Re:JSC loves ES6 by MBCook on Monday June 05, 2017 @08:49PM (#14493814)
> I mean, where are service workers?

Every discussion about anything in Safari on HN, even if not at all related, for the last year or two has included multiple people complaining about the lack of WebRTC.

Now it's here and there is a new complaint /s

I agree with threeseed that it probwont come and frankly I don't see why I'd want it (or web notification, or even WebRTC). They only seem to support the use case of replacing real apps with webpages which I don't want to do and makes no sense to me as an end user (I understand the freedom motivations).

Re:JSC loves ES6 by pfooti on Monday June 05, 2017 @09:11PM (#14493931)
With service workers you can transparently intercept outgoing XHRs and replace their results with cached values. You can even do a cache race if you want (cancel the xhr if your cache returns first). This is a hugely important feature for making web apps work offline-first. I mean, it's also a big part of progressive web apps, which is the next thing I'm going to complain about. (I don't personally care much about webrtc, but I can see why people do care about it).

The general point isn't about any one feature in particular. It is about a history safari has with not implementing (or half-heartedly implementing, as with indexeddb for so long) APIs that are important to making the web a useful platform.

Reasonable people can disagree whether or not those features are good, but it seems basically true that my mobile web work is constrained by what iOS safari outright refuses to do, more than anything else.

Re:JSC loves ES6 by millstone on Monday June 05, 2017 @10:50PM (#14494335)
This seems like a very strange API. Why do you need a proxy to intercept network requests coming from your own app?
Re:JSC loves ES6 by reitanqild on Monday June 05, 2017 @11:07PM (#14494417)
To serve that requests from local storage if your device or the server is offline.
Re:JSC loves ES6 by Sacho on Tuesday June 06, 2017 @05:16AM (#14495831)
Can't this be solved by a library? It seems like you could easily build a facade in front of requests that queried local storage...you would just need to figure out whether the device/server is online or not.
Re:JSC loves ES6 by marksomnian on Tuesday June 06, 2017 @10:46AM (#14497600)
It's not just XHRs, it's all requests by your app. The HTML, the CSS, images, everything. The entire site can be served offline by this API.
Re:JSC loves ES6 by underwater on Tuesday June 06, 2017 @06:10AM (#14496067)
You need to be able to bootstrap the page to start with. If I request news.ycombinator.com and I'm offline, then Service Workers are the only way to avoid an error page.
Re:JSC loves ES6 by floatboth on Tuesday June 06, 2017 @05:50AM (#14495984)
For web apps running in normal browsers, Service Workers ARE that facade.
Re:JSC loves ES6 by millstone on Monday June 05, 2017 @11:11PM (#14494442)
If the asset is already in local storage, why do you need to create a network request in the first place?
Re:JSC loves ES6 by donjoe on Tuesday June 06, 2017 @12:59AM (#14494848)
...since you don't know whether there is a new version available on the server or not. To not make the user wait, you show him/her the - potentially - outdated version of your data until a new version is available. It's especially useful in situations where users lack internet connection.
Re:JSC loves ES6 by lilbobbytables on Tuesday June 06, 2017 @01:39AM (#14495015)
I'm interested in this as well, as I haven't dove into service workers.

But I'm still failing to see why you can't pull the local data from local storage and show it, then render the data from the server (should you get new data)?

Re:JSC loves ES6 by pfooti on Tuesday June 06, 2017 @05:58AM (#14496022)
That works fine for your xhr data (and is what I do now), but is idiosyncratic to your library (note that detecting online state, responding to online state changes, etc all add complexity to this seemingly simple module, as does managing cache expiry).

You can't do anything about your top level index.html file (or the main js and css assets) though. If the user starts offline the second time they use your app, there's no guarantees about those bootup assets being loaded into cache, you'll just get the "you're offline" screen instead.

Since we are talking about hooking the lifecycle of a page, there's no good way to polyfill this with a library. That initial request needs to be serviced, offline, before you can load your polyfill library.

Re:JSC loves ES6 by mercer on Tuesday June 06, 2017 @09:40AM (#14497105)
Maybe I'm confused, but provided I bootstrap the app every time by downloading a script that then downloads the big-ass app (that includes styling and whatnot) if necessary, I should be fine right? Or am I missing something?

That said I do understand that avoiding this could be desirable.

Re:JSC loves ES6 by pfooti on Tuesday June 06, 2017 @02:35PM (#14499823)
What happens if your user is offline (airplane mode, no data, etc), and can't download the initial bootstrap script? There's no way to avoid an error page at this time, unless you use a browser-specific plugin (the drive offline addon is one of these, but they now use service workers for the same functionality on chrome IIRC).

This is especially useful in non-us, non-eu countries, where people pay a lot for data, relative to their income. Being able to successfully launch and run without any data usage is pretty rad.

Re:JSC loves ES6 by mercer on Thursday June 08, 2017 @08:16AM (#14513574)
Ah, of course. That is indeed a significant issue...
Re:JSC loves ES6 by MuppetMaster42 on Wednesday June 07, 2017 @04:27AM (#14504565)
Service workers are in a separate layer to your app code. They're in another thread, they're subject to different memory/storage rules, they have access to a few extra apis IIRC.

Service workers are designed to be run independently of your web page. I.e. Your service worker can run in the background and update your apps resource files (or even cached xhr data) when your website isn't open, so that it's ready when the user accesses your site.

This means your site goes from remotely delivered to locally served. Which reduces the load times to super low.

IMO it's also nice and clean because it lets you completely separate your app and network logic. Your web app itself can be built as if it is always online, and all the offline logic is in the separate code package in a separate thread.

Re:JSC loves ES6 by egeozcan on Tuesday June 06, 2017 @03:08AM (#14495349)
Then you have to build that in your application. In typical use-cases, your application does not have to know about Service Workers, but usually not the vice versa. For example, you can decide to intercept /article/show/{id}, just get the content for the article from your API, compile it with a template you have cached, and serve that instead. From the perspective of your app, nothing has changed. It is the holy grail of progressive enhancement.
Re:JSC loves ES6 by donjoe on Tuesday June 06, 2017 @01:57AM (#14495086)
Well, service workers do run in a separate thread which finally brings multithreading (not multi-iframing ;)) to javascript.
Re:JSC loves ES6 by jfbastien on Tuesday June 06, 2017 @02:02AM (#14495105)
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers...

and

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

?

"finally" seems wrong here :)

I'll also note that Safari 10.1 was first with SharedArrayBuffer ;)

Re:JSC loves ES6 by zachrose on Monday June 05, 2017 @11:22PM (#14494495)
Or why can't this problem be solved with HTTP caching headers and a browser that Does the Right Thing?
Re:JSC loves ES6 by cormacrelf on Tuesday June 06, 2017 @12:40AM (#14494784)
I'm pretty sure HTTP caching headers don't provide a guarantee that they will be stored for any length of time at all, the browser is free to empty it at will. They also don't guarantee that all your cached assets will be valid with respect to each other (ie your browser might cache an HTML file but not the content it refers to).

Most importantly, though, you can't simply disable HTTP caching when you notice that you're back online. Those cache entries are there now, and they're hard to get out. Service Workers, on the other hand, will just transparently stop intercepting stuff.

With respect to localStorage, I think the idea is that you absolutely can do almost an entire offline mode with it, with the caveat that your content (html, js, css, images) won't get stored there, so you can't load the page at all!

Also I think there are considerations about how difficult it is for many front end architectures to implement this transparent fallback themselves. If you're a Redux or ClojureScript type of programmer it might be utterly obvious and even trivial to implement (just add a simple middleware), but sadly not everyone is, and a lot of the offline logic would have to be implemented everywhere in your codebase. A service worker lets you do it all in one place.

It's a toss-up whether to use localStorage or a service worker if you could viably do either. Blanket logic over all your HTTP calls would be easier in a service worker, and more customized logic would be easier in localStorage, I'm guessing.

Re:JSC loves ES6 by cormacrelf on Tuesday June 06, 2017 @09:12AM (#14496914)
Just to articulate the difference on HTTP caching again:

Using HTTP caching for saying how long online clients should keep a value becomes impossible if you want to tell browsers to store things forever in offline mode. HTTP caching makes no distinction between whether you're online or offline.

Re:JSC loves ES6 by xenadu02 on Tuesday June 06, 2017 @01:05AM (#14494866)
So HN commenters who don't use Service Workers can have some invective to throw at WebKit.
Re:JSC loves ES6 by pjmlp on Tuesday June 06, 2017 @02:18AM (#14495160)
It is yet another hack web developers come up with, as workaround for offline apps.
Re:JSC loves ES6 by pier25 on Monday June 05, 2017 @11:17PM (#14494462)
> my mobile web work is constrained by what iOS safari outright refuses to do

You are privileged to be able to work with Safari.

Imagine if you had to work with its bastard deformed brothers WKWebView and UIWebView.

Re:JSC loves ES6 by littlestymaar on Tuesday June 06, 2017 @04:40AM (#14495699)
> Every discussion about anything in Safari on HN, even if not at all related, for the last year or two has included multiple people complaining about the lack of WebRTC.

> Now it's here and there is a new complaint /s

WebRTC is 6 years old and it's been implemented in Firefox and Chrome for 5 years now ! Since then there's plenty of other DOM API that where introduced and are not supported in webkit, for instance :

- service workers

- push API

- Fetch API

- User Timing API

- Subresource Integrity

On the JavaScript side, the JSC team has been doing a great job for the past two years, leading the way in term of performance and ES2015+ support, but on the DOM side, Safari is really lagging far behind (which is, I guess, probably because they don't want the compete with there native mobile apps).

Re:JSC loves ES6 by floatboth on Tuesday June 06, 2017 @05:54AM (#14496001)
Fetch is supported in 10.1 (only 2 years after Firefox and Chromium!)

They also already have Custom Elements v1 support, which is still in progress in Firefox.

Timing and SRI they announced in this release (11).

Service Workers is THE big gap, at this point it feels like they're actually very afraid of progressive web apps.

Re:JSC loves ES6 by rhinoceraptor on Tuesday June 06, 2017 @10:36AM (#14497516)
Wasn't the original idea for the iPhone to just use web apps in place of native?
Re:JSC loves ES6 by floatboth on Tuesday June 06, 2017 @06:54PM (#14502191)
That was the only way to add apps on iPhone OS 1.0, yes. Maybe they already had the App Store in mind and intended that as a stopgap, maybe the App Store was a reaction to jailbreaks and unofficial app development…
Re:JSC loves ES6 by Vinnl on Tuesday June 06, 2017 @02:57AM (#14495305)
A complaint you haven't seen, however, is lack of ES6 support - which means it's still baffling that there's so much focus on that.

(That said, the complaint was always lack of WebRTC and ServiceWorker support.)

Re:JSC loves ES6 by allover on Tuesday June 06, 2017 @03:50AM (#14495499)
> the complaint was always lack of WebRTC and ServiceWorker support

You have a source for that? To me nobody really started caring about ServiceWorker until the big push recently for PWAs w/ launch of Lighthouse etc. Whereas devs have always wanted browsers to keep up with JS/ES/CSS language standards.

Also "development doesn't really work like that". Who's to say the same devs implementing ES6 features could take on ServiceWorker. Maybe there's something in the codebase blocking ServiceWorker. You just don't know. Assuming one thing is being neglected in favour of the other is a huge assumption.

I feel like the internet getting angry that 'feature 1' is released whilst the 'feature 2' they want isn't, and being all 'why are they spending all their time on feature 1 instead of working on my thing' is such an old trope there should be a term for it.

(But yeah I'd like to see ServiceWorker in Safari too, though please let's not bite the hand that feeds)!

Re:JSC loves ES6 by Vinnl on Tuesday June 06, 2017 @05:32AM (#14495906)
> You have a source for that?

Well, same as yours: I've seen people ask for that on Hacker News in the past. Of course, there will also have been people asking about WebRTC :) My beef has mostly been with SW though.

Of course, with many developers, there will always be some that have asked for one, and some for the other. I highly doubt that someone will chime in saying that they've seen people complaining about lack of ES6 support in Safari, though :)

> Maybe there's something in the codebase blocking ServiceWorker. You just don't know. Assuming one thing is being neglected in favour of the other is a huge assumption.

Yes, this is true. That's why it's mostly "baffling", i.e. I wonder if something like you described is actually the case, or whether it's a case of different priorities or something.

Re:JSC loves ES6 by positivecomment on Tuesday June 06, 2017 @05:17AM (#14495835)
Well, lack of ServiceWorker support by itself was a complaint, that's for sure: https://www.google.com/search?q=site%3Anews.ycombinator.com+...
Re:JSC loves ES6 by johngruber on Tuesday June 06, 2017 @09:53AM (#14497200)
But it's like saying people complain about Internet Explorer not having a feature that other browsers have. When it takes many years longer than the other browsers to implement a feature, you are effectively holding the market back. IE and Safari are the only two browsers that didn't have support until now (with only IE not having support while Edge does).