encode/decode note url in local storage when opening from browser extension

Author: 0xGingi

browser-extension/manifest.chrome.json

@@ -22,8 +22,7 @@
       "matches": ["https://notes.toolworks.dev/*"]
     }],
     "host_permissions": [
-      "https://notes.toolworks.dev/*",
-      "https://notes-sync.toolworks.dev/*"
+      "https://notes.toolworks.dev/*"
     ],
     "action": {
       "default_icon": "icons/icon-96.png",

browser-extension/manifest.firefox.json

@@ -22,8 +22,7 @@
       "matches": ["https://notes.toolworks.dev/*"]
     }],
     "host_permissions": [
-      "https://notes.toolworks.dev/*",
-      "https://notes-sync.toolworks.dev/*"
+      "https://notes.toolworks.dev/*"
     ],
     "action": {
       "default_icon": "icons/icon-96.png",

browser-extension/popup/popup.js

@@ -153,14 +153,18 @@ function renderNotes(notesToRender) {
     `;
 
     noteElement.addEventListener('click', async () => {
-      const url = new URL('https://notes.toolworks.dev');
-      url.searchParams.set('loadNote', JSON.stringify({
+      const noteData = {
         id: note.id,
         title: note.title,
         content: note.content,
         created_at: note.created_at,
         updated_at: note.updated_at
-      }));
+      };
+
+      const url = new URL('https://notes.toolworks.dev');
+      
+      const encodedNoteData = encodeURIComponent(JSON.stringify(noteData));
+      url.searchParams.set('loadNote', encodedNoteData);
       url.searchParams.set('autoload', 'true');
 
       chrome.tabs.create({ url: url.toString() });

src/App.tsx

@@ -105,7 +105,8 @@ function App() {
 
     if (loadNoteParam && autoload === 'true') {
       try {
-        const noteToLoad = JSON.parse(loadNoteParam);
+        const decodedNote = decodeURIComponent(loadNoteParam);
+        const noteToLoad = JSON.parse(decodedNote);
         setSelectedNote(noteToLoad);
         setTitle(noteToLoad.title);
         setContent(noteToLoad.content);