file.result && (file.result = null)}
+ onselect={(option) => handleSelect(option, file)}
/>
+// code modified from https://svelte.dev/docs/kit/service-workers
+import { build, files, version } from "$service-worker";
+
+// create a unique cache name for this deployment
+const CACHE = `cache-${version}`;
+
+const ASSETS = [
+ ...build, // the app itself
+ ...files, // everything in `static`
+];
+
+self.addEventListener("install", (event) => {
+ // create a new cache and add all files to it
+ async function addFilesToCache() {
+ try {
+ const cache = await caches.open(CACHE);
+ await cache.addAll(ASSETS);
+ console.log(`assets cached successfully: ${ASSETS}`);
+ } catch (err) {
+ console.error(`failed to cache assets: ${err}`);
+ }
+ }
+
+ console.log(`installing service worker for version ${version}`);
+ event.waitUntil(addFilesToCache());
+});
+
+self.addEventListener("activate", (event) => {
+ // remove previous cached data from disk
+ async function deleteOldCaches() {
+ try {
+ const keys = await caches.keys();
+ for (const key of keys) {
+ if (key !== CACHE) {
+ await caches.delete(key);
+ console.log(`deleted old cache: ${key}`);
+ }
+ }
+ } catch (error) {
+ console.error(`failed to delete old caches: ${error}`);
+ }
+ }
+
+ event.waitUntil(deleteOldCaches());
+});
+
+self.addEventListener("fetch", (event) => {
+ // ignore requests other than GET
+ if (event.request.method !== "GET") return;
+
+ async function respond() {
+ const url = new URL(event.request.url);
+ const cache = await caches.open(CACHE);
+
+ // assets can always be served from the cache
+ if (ASSETS.includes(url.pathname)) {
+ const response = await cache.match(url.pathname);
+ if (response) {
+ console.log(`serving ${url.pathname} from cache`);
+ return response;
+ }
+ }
+
+ // for everything else, try the network first, but
+ // fall back to the cache if we're offline
+ try {
+ const response = await fetch(event.request);
+
+ // if we're offline, fetch can return a value that is not a Response instead
+ // of throwing, and we can't pass this non-Response to respondWith
+ if (!(response instanceof Response)) {
+ throw new Error("invalid response from fetch");
+ }
+
+ if (response.status === 200)
+ cache.put(event.request, response.clone());
+
+ return response;
+ } catch (err) {
+ const response = await cache.match(event.request);
+
+ if (response) {
+ console.log(`Returning ${event.request.url} from cache`);
+ return response;
+ }
+
+ // if there's no cache, then just error out
+ // as there is nothing we can do to respond to this request
+ throw err;
+ }
+ }
+
+ event.respondWith(respond());
+});
diff --git a/static/coi-serviceworker.min.js b/static/coi-serviceworker.min.js
deleted file mode 100644
index 117f9f8..0000000
--- a/static/coi-serviceworker.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! coi-serviceworker v0.1.7 - Guido Zuidhof and contributors, licensed under MIT */
-let coepCredentialless=!1;"undefined"==typeof window?(self.addEventListener("install",(()=>self.skipWaiting())),self.addEventListener("activate",(e=>e.waitUntil(self.clients.claim()))),self.addEventListener("message",(e=>{e.data&&("deregister"===e.data.type?self.registration.unregister().then((()=>self.clients.matchAll())).then((e=>{e.forEach((e=>e.navigate(e.url)))})):"coepCredentialless"===e.data.type&&(coepCredentialless=e.data.value))})),self.addEventListener("fetch",(function(e){const o=e.request;if("only-if-cached"===o.cache&&"same-origin"!==o.mode)return;const s=coepCredentialless&&"no-cors"===o.mode?new Request(o,{credentials:"omit"}):o;e.respondWith(fetch(s).then((e=>{if(0===e.status)return e;const o=new Headers(e.headers);return o.set("Cross-Origin-Embedder-Policy",coepCredentialless?"credentialless":"require-corp"),coepCredentialless||o.set("Cross-Origin-Resource-Policy","cross-origin"),o.set("Cross-Origin-Opener-Policy","same-origin"),new Response(e.body,{status:e.status,statusText:e.statusText,headers:o})})).catch((e=>console.error(e))))}))):(()=>{const e=window.sessionStorage.getItem("coiReloadedBySelf");window.sessionStorage.removeItem("coiReloadedBySelf");const o="coepdegrade"==e,s={shouldRegister:()=>!e,shouldDeregister:()=>!1,coepCredentialless:()=>!0,coepDegrade:()=>!0,doReload:()=>window.location.reload(),quiet:!1,...window.coi},r=navigator,t=r.serviceWorker&&r.serviceWorker.controller;t&&!window.crossOriginIsolated&&window.sessionStorage.setItem("coiCoepHasFailed","true");const i=window.sessionStorage.getItem("coiCoepHasFailed");if(t){const e=s.coepDegrade()&&!(o||window.crossOriginIsolated);r.serviceWorker.controller.postMessage({type:"coepCredentialless",value:!(e||i&&s.coepDegrade())&&s.coepCredentialless()}),e&&(!s.quiet&&console.log("Reloading page to degrade COEP."),window.sessionStorage.setItem("coiReloadedBySelf","coepdegrade"),s.doReload("coepdegrade")),s.shouldDeregister()&&r.serviceWorker.controller.postMessage({type:"deregister"})}!1===window.crossOriginIsolated&&s.shouldRegister()&&(window.isSecureContext?r.serviceWorker?r.serviceWorker.register(window.document.currentScript.src).then((e=>{!s.quiet&&console.log("COOP/COEP Service Worker registered",e.scope),e.addEventListener("updatefound",(()=>{!s.quiet&&console.log("Reloading page to make use of updated COOP/COEP Service Worker."),window.sessionStorage.setItem("coiReloadedBySelf","updatefound"),s.doReload()})),e.active&&!r.serviceWorker.controller&&(!s.quiet&&console.log("Reloading page to make use of COOP/COEP Service Worker."),window.sessionStorage.setItem("coiReloadedBySelf","notcontrolling"),s.doReload())}),(e=>{!s.quiet&&console.error("COOP/COEP Service Worker failed to register:",e)})):!s.quiet&&console.error("COOP/COEP Service Worker not registered, perhaps due to private mode."):!s.quiet&&console.log("COOP/COEP Service Worker not registered, a secure context is required."))})();
\ No newline at end of file
diff --git a/static/favicon.webp b/static/favicon.webp
deleted file mode 100644
index 389e4d2..0000000
Binary files a/static/favicon.webp and /dev/null differ
diff --git a/static/lettermark.jpg b/static/lettermark.jpg
new file mode 100644
index 0000000..10395ac
Binary files /dev/null and b/static/lettermark.jpg differ
diff --git a/static/manifest.json b/static/manifest.json
new file mode 100644
index 0000000..a5c0045
--- /dev/null
+++ b/static/manifest.json
@@ -0,0 +1,21 @@
+{
+ "name": "VERT",
+ "short_name": "VERT",
+ "description": "The file converter you'll love",
+ "start_url": "/",
+ "display": "standalone",
+ "background_color": "#ffffff",
+ "theme_color": "#F2ABEE",
+ "icons": [
+ {
+ "src": "lettermark.jpg",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "lettermark.jpg",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ]
+}
diff --git a/vite.config.ts b/vite.config.ts
index 56a46a8..07f3d05 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,5 +1,6 @@
import { sveltekit } from "@sveltejs/kit/vite";
import { defineConfig } from "vite";
+import { viteStaticCopy } from "vite-plugin-static-copy";
import svg from "@poppanator/sveltekit-svg";
export default defineConfig({
@@ -8,7 +9,7 @@ export default defineConfig({
{
name: "vips-request-middleware",
configureServer(server) {
- server.middlewares.use((req, res, next) => {
+ server.middlewares.use((_req, res, next) => {
res.setHeader(
"Cross-Origin-Embedder-Policy",
"require-corp",
@@ -31,6 +32,14 @@ export default defineConfig({
],
},
}),
+ viteStaticCopy({
+ targets: [
+ {
+ src: "_headers",
+ dest: "",
+ },
+ ],
+ }),
],
optimizeDeps: {
exclude: [