browser-extension-settings 0.2.5 → 0.2.7

package/lib/extension-list.ts

@@ -4,6 +4,7 @@ import {
   addClass,
   addElement,
   createElement,
+  createHTML,
   removeClass,
 } from "browser-extension-utils"
 import { openButton, openInNewTabButton } from "./common"
@@ -131,7 +132,7 @@ const createInstalledExtension = (installedExtension: InstalledExtension) => {
 }
 
 const updateRelatedExtensions = (container: HTMLElement) => {
-  container.innerHTML = ""
+  container.innerHTML = createHTML("")
 
   for (const relatedExtension of relatedExtensions) {
     // console.log(relatedExtension)

package/lib/index.ts

@@ -1,6 +1,7 @@
 export {
   initSettings,
   showSettings,
+  hideSettings,
   getSettingsValue,
   saveSattingsValues,
   resetSattingsValues,

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
@@ -155,6 +156,10 @@ const closeModal = () => {
   removeEventListener(document, "keydown", onDocumentKeyDown, true)
 }
 
+export function hideSettings() {
+  closeModal()
+}
+
 const onDocumentClick = (event: Event) => {
   const target = event.target as HTMLElement
   if (target?.closest(`.${prefix}container`)) {
@@ -394,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
           }
@@ -405,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.5",
+  "version": "0.2.7",
   "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.12"
   },
   "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/",