🔴 ERROR | import() is not allowed in service workers.

import { supabase } from "~store";

chrome.action.onClicked.addListener(async tab => {
  chrome.tabs.query({ active: true, currentWindow: true }, tabs => {
    chrome.tabs.sendMessage(tabs[0].id, { type: "openKapture" });
  });
});

async function getBase64(blob: Blob): Promise<string> {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(blob);
    reader.onload = () => resolve(reader.result as string);
    reader.onerror = error => reject(error);
  });
}

chrome.runtime.onMessage.addListener(async request => {
  switch (request.action) {
    case "save-image":
      {
        const res = await fetch(request.url);
        const blob = await res.blob();
        const base64 = await getBase64(blob);
        await supabase.storage.from("images").upload("test.png", base64);
      }
      break;
  }
});

export {};

import { supabase } from "~store";

chrome.action.onClicked.addListener(async tab => {
  chrome.tabs.query({ active: true, currentWindow: true }, tabs => {
    chrome.tabs.sendMessage(tabs[0].id, { type: "openKapture" });
  });
});

async function getBase64(blob: Blob): Promise<string> {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(blob);
    reader.onload = () => resolve(reader.result as string);
    reader.onerror = error => reject(error);
  });
}

chrome.runtime.onMessage.addListener(async request => {
  switch (request.action) {
    case "save-image":
      {
        const res = await fetch(request.url);
        const blob = await res.blob();
        const base64 = await getBase64(blob);
        await supabase.storage.from("images").upload("test.png", base64);
      }
      break;
  }
});

export {};