browser-extension-settings 0.2.1 → 0.2.3

package/lib/common.ts

@@ -1,3 +1,3 @@
-export const besVersion = 15
+export const besVersion = 16
 export const openButton = `<svg viewBox="0 0 60.2601318359375 84.8134765625" version="1.1" xmlns="http://www.w3.org/2000/svg" class=" glyph-box" style="height: 9.62969px; width: 6.84191px;"><g transform="matrix(1 0 0 1 -6.194965820312518 77.63671875)"><path d="M66.4551-35.2539C66.4551-36.4746 65.9668-37.5977 65.0391-38.4766L26.3672-76.3672C25.4883-77.1973 24.4141-77.6367 23.1445-77.6367C20.6543-77.6367 18.7012-75.7324 18.7012-73.1934C18.7012-71.9727 19.1895-70.8496 19.9707-70.0195L55.5176-35.2539L19.9707-0.488281C19.1895 0.341797 18.7012 1.41602 18.7012 2.68555C18.7012 5.22461 20.6543 7.12891 23.1445 7.12891C24.4141 7.12891 25.4883 6.68945 26.3672 5.81055L65.0391-32.0312C65.9668-32.959 66.4551-34.0332 66.4551-35.2539Z"></path></g></svg>`
 export const openInNewTabButton = `<svg viewBox="0 0 72.127685546875 72.2177734375" version="1.1" xmlns="http://www.w3.org/2000/svg" class=" glyph-box" style="height: 8.19958px; width: 8.18935px;"><g transform="matrix(1 0 0 1 -12.451127929687573 71.3388671875)"><path d="M84.5703-17.334L84.5215-66.4551C84.5215-69.2383 82.7148-71.1914 79.7852-71.1914L30.6641-71.1914C27.9297-71.1914 26.0742-69.0918 26.0742-66.748C26.0742-64.4043 28.1738-62.4023 30.4688-62.4023L47.4609-62.4023L71.2891-63.1836L62.207-55.2246L13.8184-6.73828C12.9395-5.85938 12.4512-4.73633 12.4512-3.66211C12.4512-1.31836 14.5508 0.878906 16.9922 0.878906C18.1152 0.878906 19.1895 0.488281 20.0684-0.439453L68.5547-48.877L76.6113-58.0078L75.7324-35.2051L75.7324-17.1387C75.7324-14.8438 77.7344-12.6953 80.127-12.6953C82.4707-12.6953 84.5703-14.6973 84.5703-17.334Z"></path></g></svg>`

package/lib/settings.ts

@@ -23,7 +23,7 @@ import {
   activeExtensionList,
   deactiveExtensionList,
 } from "./extension-list"
-import { besVersion } from "./common"
+import { besVersion, openInNewTabButton } from "./common"
 
 const prefix = "browser_extension_settings_"
 
@@ -61,6 +61,7 @@ type SettingsActionItem = {
   title: string
   type: string
   onclick?: () => void
+  url?: string
   group?: number
   defaultValue?: any
 }
@@ -366,6 +367,19 @@ function createSettingsElement() {
             break
           }
 
+          case "externalLink": {
+            const div4 = addElement(optionGroup, "div", {
+              class: "bes_external_link",
+            })
+
+            addElement(div4, "a", {
+              textContent: item.title,
+              href: (item as SettingsActionItem).url,
+              target: "_blank",
+            })
+            break
+          }
+
           case "tip": {
             const tip = addElement(optionGroup, "div", {
               class: "bes_tip",
@@ -455,6 +469,12 @@ function addCommonSettings(settingsTable: SettingsTable) {
   }
 }
 
+function handleShowSettingsUrl() {
+  if (location.hash === "#bes-show-settings") {
+    setTimeout(showSettings, 100)
+  }
+}
+
 export async function showSettings() {
   const settingsContainer = getSettingsContainer()
 
@@ -488,4 +508,6 @@ export const initSettings = async (options: SettingsOptions) => {
     initExtensionList()
     addSideMenu()
   })
+
+  handleShowSettingsUrl()
 }

package/lib/style.scss

@@ -180,12 +180,24 @@
 
   .option_groups .action {
     font-size: 14px;
-    border-top: 1px solid #cccccc;
     padding: 6px 0 6px 0;
     color: var(--browser-extension-settings-link-color);
     cursor: pointer;
   }
 
+  .bes_external_link {
+    font-size: 14px;
+    padding: 6px 0 6px 0;
+
+    a,
+    a:visited,
+    a:hover {
+      color: var(--browser-extension-settings-link-color);
+      text-decoration: none;
+      cursor: pointer;
+    }
+  }
+
   .option_groups textarea {
     font-size: 12px;
     margin: 10px 0 10px 0;
@@ -200,12 +212,15 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    border-top: 1px solid #cccccc;
     padding: 6px 0 6px 0;
     font-size: 14px;
   }
-  .switch_option:first-of-type,
-  .option_groups .action:first-of-type {
+
+  .option_groups > * {
+    border-top: 1px solid #cccccc;
+  }
+
+  .option_groups > *:first-child {
     border-top: none;
   }
 
@@ -330,7 +345,7 @@
 }
 
 #browser_extension_side_menu {
-  min-height: 200px;
+  min-height: 100px;
   width: 40px;
   opacity: 0;
   position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-extension-settings",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Settings module for developing browser extensions and userscripts",
   "type": "module",
   "main": "./lib/index.ts",