browser-extension-settings 0.2.6 → 0.2.8

package/lib/extension-list.ts

@@ -4,6 +4,7 @@ import {
   addClass,
   addElement,
   createElement,
+  createHTML,
   removeClass,
 } from "browser-extension-utils"
 import { openButton, openInNewTabButton } from "./common"
@@ -125,13 +126,13 @@ const createInstalledExtension = (installedExtension: InstalledExtension) => {
     textContent: installedExtension.title,
   })
   const svg = addElement(a, "svg")
-  svg.outerHTML = openButton
+  svg.outerHTML = createHTML(openButton)
 
   return div
 }
 
 const updateRelatedExtensions = (container: HTMLElement) => {
-  container.innerHTML = ""
+  container.innerHTML = createHTML("")
 
   for (const relatedExtension of relatedExtensions) {
     // console.log(relatedExtension)
@@ -153,7 +154,7 @@ const updateRelatedExtensions = (container: HTMLElement) => {
       textContent: relatedExtension.title,
     })
     const svg = addElement(a, "svg")
-    svg.outerHTML = openInNewTabButton
+    svg.outerHTML = createHTML(openInNewTabButton)
   }
 }
 

package/lib/settings.ts

@@ -9,6 +9,7 @@ import {
   addElement,
   addEventListener,
   addStyle,
+  createHTML,
   doc,
   parseInt10,
   removeEventListener,
@@ -93,8 +94,8 @@ const settingsElementId = prefix + "main_" + randomId
 const getSettingsElement = () => $("#" + settingsElementId)
 const getSettingsStyle: () => string = () =>
   (styleText as string)
-    .replace(/browser_extension_settings_container/gm, settingsContainerId)
-    .replace(/browser_extension_settings_main/gm, settingsElementId)
+    .replaceAll(/browser_extension_settings_container/gm, settingsContainerId)
+    .replaceAll(/browser_extension_settings_main/gm, settingsElementId)
 const storageKey = "settings"
 
 let settingsOptions: SettingsOptions
@@ -398,7 +399,7 @@ function createSettingsElement() {
             const tipContent = addElement(tip, "div", {
               class: "bes_tip_content",
               // eslint-disable-next-line @typescript-eslint/naming-convention
-              innerHTML: (item as SettingsTipItem).tipContent,
+              innerHTML: createHTML((item as SettingsTipItem).tipContent),
             })
             break
           }
@@ -409,13 +410,14 @@ function createSettingsElement() {
 
     if (settingsOptions.footer) {
       const footer = addElement(settingsMain, "footer")
-      footer.innerHTML =
+      footer.innerHTML = createHTML(
         typeof settingsOptions.footer === "string"
           ? settingsOptions.footer
           : `<p>Made with ❤️ by
       <a href="https://www.pipecraft.net/" target="_blank">
         Pipecraft
       </a></p>`
+      )
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-extension-settings",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "Settings module for developing browser extensions and userscripts",
   "type": "module",
   "main": "./lib/index.ts",
@@ -28,14 +28,14 @@
   "homepage": "https://github.com/utags/browser-extension-settings#readme",
   "dependencies": {
     "browser-extension-storage": "^0.1.2",
-    "browser-extension-utils": "^0.1.10"
+    "browser-extension-utils": "^0.1.13"
   },
   "devDependencies": {
-    "@types/chrome": "^0.0.237",
+    "@types/chrome": "^0.0.241",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",
     "typescript": "^5.1.6",
-    "xo": "^0.54.2"
+    "xo": "^0.55.0"
   },
   "files": [
     "lib/",