92993cccef
I've been doing this in pieces bit by bit, not to rock the boat too much too fast, but it's taking too long, and too much effort. Instead opting for a rip-the-bandaid style, hopefully without the pain.
59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
import { precacheAndRoute } from "workbox-precaching";
|
|
import { clientsClaim, setCacheNameDetails, skipWaiting } from "workbox-core";
|
|
import { registerRoute, Route } from "workbox-routing";
|
|
import {
|
|
CacheFirst,
|
|
NetworkOnly,
|
|
StaleWhileRevalidate,
|
|
} from "workbox-strategies";
|
|
|
|
setCacheNameDetails({
|
|
prefix: "appsmith",
|
|
suffix: undefined,
|
|
precache: "precache-v1",
|
|
runtime: "runtime",
|
|
googleAnalytics: "appsmith-ga",
|
|
});
|
|
|
|
const regexMap = {
|
|
appViewPage: new RegExp(/api\/v1\/pages\/\w+\/view$/),
|
|
static3PAssets: new RegExp(
|
|
/(tiny.cloud|googleapis|gstatic|cloudfront).*.(js|css|woff2)/,
|
|
),
|
|
shims: new RegExp(/shims\/.*.js/),
|
|
profile: new RegExp(/v1\/(users\/profile|workspaces)/),
|
|
};
|
|
|
|
/* eslint-disable no-restricted-globals */
|
|
// Note: if you need to filter out some files from precaching,
|
|
// do that in craco.build.config.js → workbox webpack plugin options
|
|
const toPrecache = self.__WB_MANIFEST;
|
|
precacheAndRoute(toPrecache);
|
|
|
|
self.__WB_DISABLE_DEV_DEBUG_LOGS = false;
|
|
skipWaiting();
|
|
clientsClaim();
|
|
|
|
// This route's caching seems too aggressive.
|
|
// TODO(abhinav): Figure out if this is really necessary.
|
|
// Maybe add the assets locally?
|
|
registerRoute(({ url }) => {
|
|
return (
|
|
regexMap.shims.test(url.pathname) || regexMap.static3PAssets.test(url.href)
|
|
);
|
|
}, new CacheFirst());
|
|
|
|
registerRoute(({ url }) => {
|
|
return regexMap.profile.test(url.pathname);
|
|
}, new NetworkOnly());
|
|
|
|
registerRoute(({ url }) => {
|
|
return regexMap.appViewPage.test(url.pathname);
|
|
}, new StaleWhileRevalidate());
|
|
|
|
registerRoute(
|
|
new Route(({ request, sameOrigin }) => {
|
|
return sameOrigin && request.destination === "document";
|
|
}, new NetworkOnly()),
|
|
);
|