feat: Update description. Open options page when click icon

CuberL · CuberL · commit 0552f762db13 · 2025-03-14T01:20:52.000+08:00
diff --git a/src/js/background.js b/src/js/background.js
@@ -0,0 +1,3 @@
+chrome.action.onClicked.addListener(() => {
+    chrome.runtime.openOptionsPage();
+});
diff --git a/src/manifest.json b/src/manifest.json
@@ -1,7 +1,8 @@
 {
   "name": "Notion x Excalidraw Helper",
-  "browser_action": {
-    "default_icon": "icon.png"
+  "action": {
+    "default_icon": "icon.png",
+    "default_popup": ""
   },
   "icons": {
     "128": "icon.png"
@@ -33,5 +34,8 @@
       ]
     }
   ],
-  "options_page": "options.html"
+  "options_page": "options.html",
+  "background": {
+    "service_worker": "background.bundle.js"
+  }
 }
diff --git a/src/options.html b/src/options.html
@@ -18,6 +18,7 @@
       display: block;
       margin-bottom: 8px;
       font-weight: 500;
+      font-size: 13px;
     }
     select {
       width: 100%;
@@ -47,12 +48,23 @@
     .status.show {
       opacity: 1;
     }
+    .description {
+      color: #666;
+      font-size: 13px;
+      line-height: 1.4;
+      margin-top: 4px;
+      margin-bottom: 8px;
+    }
   </style>
 </head>
 <body>
   <h1>Options</h1>
   <div class="option-group">
-    <label for="scale">Scale</label>
+    <label for="scale">Scale ratio</label>
+    <div class="description">
+      Scale ratio determines the resolution of the embedded PNG, with 1x for standard screens, 2x for high-resolution displays, and 3x for ultra-high-resolution screens.
+      If you need faster document loading or the image exceeds Notion's limits, you can choose 1x.
+    </div>
     <select id="scale">
       <option value="1">1x</option>
       <option value="2">2x</option>
diff --git a/webpack.config.js b/webpack.config.js
@@ -14,6 +14,7 @@ var options = {
   entry: {
     main: path.join(__dirname, "src", "js", "main.js"),
     options: path.join(__dirname, "src", "js", "options.js"),
+    background: path.join(__dirname, "src", "js", "background.js"),
   },
   output: {
     path: path.join(__dirname, "build"),

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+chrome.action.onClicked.addListener(() => {`
	`2`	`+ chrome.runtime.openOptionsPage();`
	`3`	`+});`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,8 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "Notion x Excalidraw Helper",`
`3`		`- "browser_action": {`
`4`		`- "default_icon": "icon.png"`
	`3`	`+ "action": {`
	`4`	`+ "default_icon": "icon.png",`
	`5`	`+ "default_popup": ""`
`5`	`6`	`},`
`6`	`7`	`"icons": {`
`7`	`8`	`"128": "icon.png"`
`@@ -33,5 +34,8 @@`
`33`	`34`	`]`
`34`	`35`	`}`
`35`	`36`	`],`
`36`		`- "options_page": "options.html"`
	`37`	`+ "options_page": "options.html",`
	`38`	`+ "background": {`
	`39`	`+ "service_worker": "background.bundle.js"`
	`40`	`+ }`
`37`	`41`	`}`