Replace local storage usage with sync storage.

source/background-scripts/initialize.ts

@@ -16,11 +16,22 @@ browser.runtime.onInstalled.addListener(async () => {
   if (import.meta.env.DEV) {
     await browser.runtime.openOptionsPage();
   }
+
+  const {dataVersion} = await browser.storage.sync.get({
+    dataVersion: '0',
+  });
+
+  if (dataVersion === '0') {
+    const local = await browser.storage.local.get();
+    local.dataVersion = '1';
+    await browser.storage.sync.set(local);
+  }
 });
 
 browser.webNavigation.onBeforeNavigate.addListener(async (details) => {
   const detailsUrl = new URL(details.url);
-  if (detailsUrl.host !== 'duckduckgo.com') {
+  const supportedHosts = ['duckduckgo.com', 'google.com'];
+  if (supportedHosts.includes(detailsUrl.host)) {
     return;
   }
 
@@ -34,7 +45,7 @@ browser.webNavigation.onBeforeNavigate.addListener(async (details) => {
     return;
   }
 
-  const data = await browser.storage.local.get(id);
+  const data = await browser.storage.sync.get(id);
   if (data[id] === undefined) {
     return;
   }

source/options/components/page-main.ts

@@ -34,9 +34,9 @@ export class PageMain extends Component<Props, State> {
   }
 
   async componentDidMount() {
-    const localStorage = await browser.storage.local.get();
+    const storage = await browser.storage.sync.get();
 
-    const bangs = Object.entries(localStorage)
+    const bangs = Object.entries(storage)
       .filter(([key, _bang]) => key.startsWith('!'))
       .map(([_key, bang]) => bang as BangParameters)
       .sort((a, b) => a.id.localeCompare(b.id));
@@ -67,7 +67,7 @@ export class PageMain extends Component<Props, State> {
       return;
     }
 
-    await browser.storage.local.remove(id);
+    await browser.storage.sync.remove(id);
 
     const bangs = this.state.bangs;
     const existingIndex = bangs.findIndex((bang) => bang.id === id);
@@ -88,7 +88,7 @@ export class PageMain extends Component<Props, State> {
       if (Bang.validate(bang)) {
         const update: Record<string, BangParameters> = {};
         update[bang.id] = bang;
-        await browser.storage.local.set(update);
+        await browser.storage.sync.set(update);
       }
     } catch (error: unknown) {
       if (error instanceof Error) {