browser-extension-utils 0.0.6 → 0.0.8

package/lib/index.d.ts

@@ -3,33 +3,35 @@ export function uniq(array: any[]): any[]
 export function toCamelCase(text: string): string
 
 export function $(
-  element: HTMLElement | string,
+  element: HTMLElement | Document | string,
   selectors?: string
 ): HTMLElement
 
 export function querySelector(
-  element: HTMLElement | string,
+  element: HTMLElement | Document | string,
   selectors?: string
 ): HTMLElement
 
 export function $$(
-  element: HTMLElement | string,
+  element: HTMLElement | Document | string,
   selectors?: string
 ): HTMLElement[]
 
 export function querySelectorAll(
-  element: HTMLElement | string,
+  element: HTMLElement | Document | string,
   selectors?: string
 ): HTMLElement[]
 
 export function createElement(tagName: string): HTMLElement
 
 export function addEventListener(
-  element: HTMLElement,
+  element: HTMLElement | Document | EventTarget,
   type: string | Record<string, unknown>,
   listener?
 ): void
 
+export function getAttribute(element: HTMLElement, name: string): string
+
 export function setAttribute(
   element: HTMLElement,
   name: string,

package/lib/index.js

@@ -35,6 +35,7 @@ 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)
 
@@ -57,7 +58,7 @@ export const setStyle = (element, values, overwrite) => {
 
   for (const key in values) {
     if (Object.hasOwn(values, key)) {
-      style[key] = values[key]
+      style[key] = values[key].replace("!important", "")
     }
   }
 }
@@ -68,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]
@@ -95,13 +97,13 @@ 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.6",
+  "version": "0.0.8",
   "description": "Utilities for developing browser extensions and userscripts",
   "type": "module",
   "main": "./lib/index.js",