Merge pull request #3 from semanticdata/chore/forgotten-updates

Author: semanticdata

.gitignore

@@ -4,7 +4,9 @@ node_modules
 packages/sidebar/styles.css
 packages/sidebar/script.js
 packages/sidebar/icon.svg
+packages/sidebar/preload.js
 packages/newtab/styles.css
 packages/newtab/script.js
 packages/newtab/icon.svg
+packages/newtab/preload.js
 web-ext-artifacts

README.md

@@ -1,85 +1,37 @@
-> [!NOTE]
-> NoteKeeper v2 is now available as two separate extensions that sync notes with each other. Install both for the best experience!
-
 <h1><img src="./shared/icon.svg" height="28px" width="28px" /> NoteKeeper</h1>
 
 ![Mozilla Add-on](https://img.shields.io/amo/v/newtab-notes@semanticdata) ![Add-on rating](https://img.shields.io/amo/rating/newtab-notes@semanticdata) ![Add-on downloads](https://img.shields.io/amo/dw/newtab-notes@semanticdata) ![Add-on users](https://img.shields.io/amo/users/newtab-notes@semanticdata) ![License](https://img.shields.io/github/license/semanticdata/firefox-new-tab-notes)
 
-[NoteKeeper](https://addons.mozilla.org/en-US/firefox/addon/notekeeper/) replaces the new tab page with a simple text editor. Your notes auto-save and sync across devices via Firefox Sync. The companion [NoteKeeper Sidebar](https://addons.mozilla.org/en-US/firefox/addon/notekeeper-sidebar/) extension adds a sidebar editor that syncs with the new tab version.
+[NoteKeeper](https://addons.mozilla.org/en-US/firefox/addon/notekeeper/) turns your new tab into a simple text editor. Notes auto-save and sync across devices via Firefox Sync.
+
+Install both extensions for the best experience — the [companion sidebar](https://addons.mozilla.org/en-US/firefox/addon/notekeeper-sidebar/) gives you quick access from any page.
 
 <a href="https://addons.mozilla.org/en-US/firefox/addon/notekeeper/">
 <img src="https://raw.githubusercontent.com/semanticdata/text-revealer-firefox-extension/master/firefox.png" alt="firefox addon" /></a>
 
-## What it does
+## Features
 
-Both extensions share notes via Firefox Sync:
+Both extensions sync notes via Firefox Sync. But the can't share notes with each other due to some browser limitations.
 
 ### NoteKeeper (New Tab)
 
-- [x] Auto-saves as you type (debounced, not on every keystroke)
-- [x] Syncs notes across devices via Firefox Sync
-- [x] Dark/light theme, follows your system preference
-- [x] Adjustable font size
-- [x] Works offline
+- Auto-saves as you type
+- Syncs across devices via Firefox Sync
+- Dark/light theme follows your system
+- Adjustable font size
+- Works offline
 
 ### NoteKeeper Sidebar (Companion)
 
-- [x] All features of NoteKeeper
-- [x] Opens in Firefox sidebar (Alt+Shift+N)
-- [x] Syncs with NoteKeeper (notes appear in both extensions)
-- [x] Keyboard shortcut customization
-
-## Testing Checklist
-
-NoteKeeper (New Tab):
-
-- [x] Open new tab - should show NoteKeeper editor
-- [ ] Type text - should auto-save (status shows "Saved")
-- [x] Toggle theme - dark/light modes work
-- [ ] Adjust font size - slider changes text size
-- [ ] Refresh page - notes persist
-- [ ] Check word count - updates as you type
-
-NoteKeeper Sidebar:
-
-- [ ] Press `Alt+Shift+N` - sidebar opens
-- [ ] Type text in sidebar - should auto-save
-- [x] Toggle theme in sidebar - works
-- [ ] Adjust font size in sidebar - works
-- [ ] Open extension options - keyboard shortcut config appears
-- [ ] Change keyboard shortcut - saves successfully
-
-Test Sync Between Extensions:
-
-- [ ] Type in new tab → appears in sidebar
-- [ ] Type in sidebar → appears in new tab
-- [ ] Change theme in new tab → changes in sidebar
-- [ ] Change font size in new tab → changes in sidebar
-- [ ] Open two tabs - both sync notes
-- [ ] Close/reopen new tab - notes restored
-- [ ] Close/reopen sidebar - notes restored
-
-Test Offline Mode:
-
-- [ ] Disconnect internet
-- [ ] Type in new tab - saves (to local storage)
-- [ ] Type in sidebar - saves
-- [ ] Reconnect internet - syncs to Firefox Sync
-- [ ] Notes persist across devices
-
-Test Cross-Tab Sync:
-
-- [ ] Open multiple new tabs
-- [ ] Type in one tab - updates others
-- [ ] Switch between tabs - notes sync
-- [ ] Open sidebar - notes match new tab
+- Opens in Firefox sidebar (Alt+Shift+N)
+- Syncs with the new tab version
+- Customize keyboard shortcut
+- All features of NoteKeeper
 
-<!--
 ## Screenshots
 
-| ![light-mode](./screenshot.png) | ![dark-mode](./screenshot-dark.png) |
-| :-----------------------------: | :---------------------------------: |
--->
+| ![new tab screenshot](./screen-newtab.png) | ![sidebar screenshot](./screen-sidebar.png) |
+| :----------------------------------------: | :-----------------------------------------: |
 
 ## Acknowledgments
 

manifest.json

@@ -10,9 +10,11 @@
     "watch": "node scripts/watch-shared.js",
     "dev:newtab": "npm run build && web-ext run --source-dir packages/newtab",
     "dev:sidebar": "npm run build && web-ext run --source-dir packages/sidebar",
+    "lint:newtab": "npm run build && web-ext lint --source-dir packages/newtab",
+    "lint:sidebar": "npm run build && web-ext lint --source-dir packages/sidebar",
     "package:newtab": "npm run build && web-ext build --source-dir packages/newtab",
     "package:sidebar": "npm run build && web-ext build --source-dir packages/sidebar",
-    "package:all": "npm run build && web-ext build --source-dir packages/newtab && web-ext build --source-dir packages/sidebar"
+    "package:all": "npm run build && web-ext build --source-dir packages/newtab --overwrite-dest && web-ext build --source-dir packages/sidebar --overwrite-dest"
   },
   "devDependencies": {
     "web-ext": "^9.2.0"
@@ -33,4 +35,4 @@
     "url": "https://github.com/semanticdata/notekeeper/issues"
   },
   "homepage": "https://github.com/semanticdata/notekeeper#readme"
-}
+}

package.json

@@ -7,7 +7,10 @@
   "browser_specific_settings": {
     "gecko": {
       "id": "newtab-notes@semanticdata",
-      "strict_min_version": "100.0"
+      "strict_min_version": "142.0",
+      "data_collection_permissions": {
+        "required": ["none"]
+      }
     }
   },
   "permissions": [

packages/newtab/manifest.json

@@ -9,15 +9,7 @@
         content="NoteKeeper is a Firefox extension that transforms the New Tab into a minimalist, auto-saving text editor.">
     <link rel="icon" type="image/svg+xml" href="../icon.svg" />
     <link rel="stylesheet" href="../styles.css" />
-    <script>
-        // Prevent FOUC
-        const savedTheme = localStorage.getItem("theme");
-        const sysTheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
-        document.documentElement.setAttribute("data-theme", savedTheme || (sysTheme ? "dark" : "light"));
-        // Pre-load font size
-        const savedSize = localStorage.getItem("fontsize");
-        if (savedSize) document.documentElement.style.setProperty('--note-size', savedSize);
-    </script>
+    <script src="../preload.js"></script>
 </head>
 
 <body>

packages/newtab/src/newtab.html

@@ -7,7 +7,10 @@
   "browser_specific_settings": {
     "gecko": {
       "id": "sidebar-notes@semanticdata",
-      "strict_min_version": "100.0"
+      "strict_min_version": "142.0",
+      "data_collection_permissions": {
+        "required": ["none"]
+      }
     }
   },
   "permissions": [

packages/sidebar/manifest.json

@@ -4,27 +4,19 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>NoteKeeper</title>
+    <title>NoteKeeper Companion</title>
     <meta name="description"
-        content="NoteKeeper is a Firefox extension that transforms the New Tab into a minimalist, auto-saving text editor.">
+        content="NoteKeeper Companion is a Firefox extension that transforms the sidebar into a minimalist, auto-saving text editor.">
     <link rel="icon" type="image/svg+xml" href="../icon.svg" />
     <link rel="stylesheet" href="../styles.css" />
-    <script>
-        // Prevent FOUC
-        const savedTheme = localStorage.getItem("theme");
-        const sysTheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
-        document.documentElement.setAttribute("data-theme", savedTheme || (sysTheme ? "dark" : "light"));
-        // Pre-load font size
-        const savedSize = localStorage.getItem("fontsize");
-        if (savedSize) document.documentElement.style.setProperty('--note-size', savedSize);
-    </script>
+    <script src="../preload.js"></script>
 </head>
 
 <body>
     <header>
         <div style="display: flex; align-items: center; gap: 0.25rem;">
             <img src="../icon.svg" alt="NoteKeeper Logo" width="24" height="24" />
-            <span class="brand">NoteKeeper</span>
+            <span class="brand">NoteKeeper Companion</span>
         </div>
 
         <button id="theme-toggle" aria-label="Toggle theme">