Service Worker (offline) support

[addyosmani]

• Cache the application "shell"
  • index.html
  • critical styles for the page that form the UI - we likely need to generate this for a first-pass and then tweak for both the mobile and desktop views so that first 14KB contains as much value as possible.
  • async/defer load in the script bundle for the rest of the app, but cache that too
  • Unsure what this block of script is doing. Any insight? :)
• Cache the rest of the application assets
  • Static assets won't cause too much trouble here
  • It would help to understand how Firebase is being used in devspace. Is it just for the static hosting? https://github.com/zenorocha/devspace/blob/master/gulpfile.js#L44
• Tooling
  • I wouldn't mind PR'ing in support for using sw-precache and sw-toolbox to get the above SW support working. Any concerns about using those for the offline support?

[zenorocha]

Cool, let me explain how things are structured right now.

There are two projects:

• devspace (app)
• devspace.io (landing page)

Both are static applications, the first one is hosted on Firebase and the second one is hosted on GitHub Pages. The reason why they are separated is because on Electron I can just load the app URL and forget about the landing page.

Firebase is being used to store user data:

{
  "columns": [
    {
      "payload": "addyosmani",
      "type": "Home"
    },
    {
      "payload": "addyosmani",
      "type": "User"
    },
    {
      "payload": "polymerelements/polymer-starter-kit",
      "type": "Repository"
    }
  ],
  "settings": {
    "columnSize": "column-medium",
    "fontSize": "font-medium",
    "theme": "dark"
  }
}

That script you asked about is a third-party thing that I use to track navigation (https://www.inspectlet.com/).

I'm ok with using sw-precache and sw-toolbox.

Until now, I haven't spend much time optimizing the app's performance, so feel free to send a PR and suggest anything.

[addyosmani]

👍 Will try to find time this week to study the source more closely and put something together :)

[zenorocha]

I decided to give it a shot on the landing page which is way easier than this.

Could you take a look? https://github.com/zenorocha/devspace.io/commit/9e99b094fec7d02c7f38ddb55caf5cb391c6788e

[addyosmani]

Is there currently a way to build a version of the app locally that doesn't run through Electron? :) Or when you're developing do you mostly use Electron and DevTools there for debugging? Figuring out your flow so I don't mess up your build system when adding this :)