import * as d3 from 'https://unpkg.com/d3?module';
import {html, render} from 'https://unpkg.com/lit-html?module';

lit-html:35 GET https://unpkg.com/lib/dom.js?module net::ERR_ABORTED 404
lit-html:33 GET https://unpkg.com/lib/directive.js?module net::ERR_ABORTED 404
lit-html:36 GET https://unpkg.com/lib/part.js?module net::ERR_ABORTED 404
lit-html:31 GET https://unpkg.com/lib/template-result.js?module net::ERR_ABORTED 404
lit-html:38 GET https://unpkg.com/lib/render.js?module net::ERR_ABORTED 404
lit-html:30 GET https://unpkg.com/lib/default-template-processor.js?module net::ERR_ABORTED 404
lit-html:40 GET https://unpkg.com/lib/template-instance.js?module net::ERR_ABORTED 404
lit-html:39 GET https://unpkg.com/lib/template-factory.js?module net::ERR_ABORTED 404
lit-html:42 GET https://unpkg.com/lib/template.js?module net::ERR_ABORTED 404
lit-html:37 GET https://unpkg.com/lib/parts.js?module net::ERR_ABORTED 404

const cacheName = 'stockz-cache-v20';

const resources = [
    './index.html',
    './style.css',
    './app.js',
     './AirNav.js',
     './AirSlot.js',
     './AirCrumb.js',
     './AirUpdate.js',
     './views/TotalView.js',
     './views/AirElement.js',
     './views/AddView.js',
     './views/ListView.js',
     './views/OverView.js',
     './views/AboutView.js',
     './views/Stocks.js',
     './web_modules/d3.js',
     './web_modules/lit-html.js'
];


const prefetch = (name) => caches.open(name).then(cache => cache.addAll(resources));

//Install - the cache does get populated as seen in the Chrome inspector console, but subsequent fetch events cannot find items in //the cache!
self.addEventListener('install', e => {
    //console.log("worker install - prefetch")
    self.skipWaiting();
    e.waitUntil(prefetch(cacheName));
});

self.addEventListener('fetch', event => {
    const {request} = event;
    event.respondWith(caches
            .match(request)
            .then(response => {
                if (response) {
                    //console.log(`worker fetch from cache ${request.url}`);
                    return response;
                }
                //console.log(`worker fetch missed in cache ${request.url}`);
                return fetch(event.request).then(
                    response => {
                        //     -Ensure the response is valid.
                        //     -Check the status is 200 on the response.
                        //     -Make sure the response type is basic, which indicates that it's a request from our origin. This means that requests to third party assets aren't cached as well.
                        if (!response || response.status !== 200 || response.type !== 'basic') {
                            return response;
                        }

                        // IMPORTANT: Clone the response. A response is a stream
                        // and because we want the browser to consume the response
                        // as well as the cache consuming the response, we need
                        // to clone it so we have two streams.
                        const responseToCache = response.clone();

                        caches.open(cacheName)
                            .then(cache => {
                                cache.put(event.request, responseToCache);
                                //console.log(`added to cache ${request.url}`);
                            });

                        return response;
                    }
                );
            })
    );
});