browser-extension-utils 0.0.5 → 0.0.7

package/lib/index.d.ts

@@ -30,15 +30,21 @@ export function addEventListener(
   listener?
 ): void
 
+export function getAttribute(element: HTMLElement, name: string): string
+
 export function setAttribute(
   element: HTMLElement,
   name: string,
   value: string
 ): void
 
-export function setStyle(element, style: string | Record<string, unknown>): void
+export function setStyle(
+  element: HTMLElement,
+  style: string | Record<string, unknown>,
+  overwrite?: boolean
+): void
 
-export function toStyleMap(styleText: string): Record<string, unknown>
+export function toStyleMap(styleText: string): Record<string, string>
 
 export function noStyleSpace(text: string): string
 

package/lib/index.js

@@ -35,19 +35,30 @@ export const addEventListener = (element, type, listener) => {
   // TODO: return remover function
 }
 
+export const getAttribute = (element, name) => element.getAttribute(name)
 export const setAttribute = (element, name, value) =>
   element.setAttribute(name, value)
 
-export const setStyle = (element, values) => {
-  // setAttribute(element, "style", value)
+export const setStyle = (element, values, overwrite) => {
+  // setAttribute(element, "style", value) -> Fail when violates CSP
   const style = element.style
+
+  if (overwrite) {
+    if (typeof values === "string") {
+      style.cssText = values
+      return
+    }
+
+    style.cssText = ""
+  }
+
   if (typeof values === "string") {
     values = toStyleKeyValues(values)
   }
 
   for (const key in values) {
     if (Object.hasOwn(values, key)) {
-      style[key] = values[key]
+      style[key] = values[key].replace("!important", "")
     }
   }
 }
@@ -58,6 +69,7 @@ const toStyleKeyValues = (styleText) => {
   const keyValues = styleText.split(/\s*;\s*/)
   for (const keyValue of keyValues) {
     const kv = keyValue.split(/\s*:\s*/)
+    // TODO: fix when key is such as -webkit-xxx
     const key = toCamelCase(kv[0])
     if (key) {
       result[key] = kv[1]
@@ -74,24 +86,24 @@ export const toStyleMap = (styleText) => {
   for (const keyValue of keyValues) {
     const kv = keyValue.split("{")
     if (kv[0] && kv[1]) {
-      map[kv[0]] = toStyleKeyValues(kv[1])
+      map[kv[0]] = kv[1]
     }
   }
 
   return map
 }
 
-export const noStyleSpace = (text) => text.replace(/\s*([^\w-])\s*/gm, "$1")
+export const noStyleSpace = (text) => text.replace(/\s*([^\w-!])\s*/gm, "$1")
 
 export const createSetStyle = (styleText) => {
   const styleMap = toStyleMap(styleText)
-  return (element, key) => {
-    if (typeof key === "object") {
-      setStyle(element, key)
-    } else if (typeof key === "string") {
-      key = noStyleSpace(key)
-      const value = styleMap[key]
-      setStyle(element, value || key)
+  return (element, value, overwrite) => {
+    if (typeof value === "object") {
+      setStyle(element, value, overwrite)
+    } else if (typeof value === "string") {
+      const key = noStyleSpace(value)
+      const value2 = styleMap[key]
+      setStyle(element, value2 || value, overwrite)
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-extension-utils",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Utilities for developing browser extensions and userscripts",
   "type": "module",
   "main": "./lib/index.js",