return false if api

sw.js

@@ -1,6 +1,7 @@
 async function initCache() {
   const cache = await caches.open('v1')
   await cache.addAll([
+    '/',
     '/app.js',
     '/components/file-group-page.js',
     '/components/header.js',
@@ -25,7 +26,7 @@ async function initCache() {
     '/settings/connections.js',
     '/settings/connection-edit.js',
     '/editor-lib-codemirror/codemirror-bundle.js',
-    '/storage/storage.js', //2
+    '/storage/storage.js',
   ])
 }
 
@@ -34,9 +35,7 @@ self.addEventListener("install", event => {
   event.waitUntil(initCache())
 })
 
-async function cacheFirst(request) {
-  if (request.url.includes('/-/frame')) {
-    const url = new URL(request.url)
+async function handleFetch(url, request) {
   if (url.pathname === '/-/frame') {
     const html = url.searchParams.get('html')
     const csp = url.searchParams.get('csp')
@@ -44,10 +43,9 @@ async function cacheFirst(request) {
       headers: {
         'Content-Type': 'text/html; charset=utf-8',
         'Content-Security-Policy': csp,
-        }
+      },
     })
-    }
-  }
+  } else {
     const resp = await caches.match(request)
     if (resp) {
       return resp
@@ -55,9 +53,15 @@ async function cacheFirst(request) {
       return fetch(request)
     }
   }
+}
 
 self.addEventListener('fetch', event => {
-  event.respondWith(cacheFirst(event.request))
+  const url = new URL(event.request.url)
+  if (url.pathname.startsWith('/macchiato/api/')) {
+    return false
+  } else {
+    event.respondWith(handleFetch(url, event.request))
+  }
 })
 
 self.addEventListener('activate', event => {