browser-extension-utils 0.0.11 → 0.0.13

package/lib/index.d.ts

@@ -51,7 +51,8 @@ export function addStyle(styleText: string): HTMLElement
 export function addEventListener(
   element: HTMLElement | Document | EventTarget,
   type: string,
-  listener: Function
+  listener: EventListenerOrEventListenerObject,
+  options?: boolean | AddEventListenerOptions
 ): () => void
 
 export function addEventListener(
@@ -67,6 +68,12 @@ export function setAttribute(
   value: string
 ): void
 
+export type SetStyle = (
+  element: HTMLElement,
+  style: string | Record<string, unknown>,
+  overwrite?: boolean
+) => void
+
 export function setStyle(
   element: HTMLElement,
   style: string | Record<string, unknown>,
@@ -77,6 +84,6 @@ export function toStyleMap(styleText: string): Record<string, string>
 
 export function noStyleSpace(text: string): string
 
-export function createSetStyle(styleText: string): setStyle
+export function createSetStyle(styleText: string): SetStyle
 
 export function isUrl(text: string): boolean

package/lib/index.js

@@ -10,11 +10,11 @@ export const toCamelCase = function (text) {
 }
 
 export const $ = (element, selectors) =>
-  typeof element === "object"
+  element && typeof element === "object"
     ? element.querySelector(selectors)
     : doc.querySelector(element)
 export const $$ = (element, selectors) =>
-  typeof element === "object"
+  element && typeof element === "object"
     ? [...element.querySelectorAll(selectors)]
     : [...doc.querySelectorAll(element)]
 export const querySelector = $
@@ -41,6 +41,10 @@ export const createElement = (tagName, attributes) => {
 }
 
 export const addElement = (parentNode, tagName, attributes) => {
+  if (!parentNode) {
+    return
+  }
+
   if (typeof parentNode === "string") {
     attributes = tagName
     tagName = parentNode
@@ -59,6 +63,10 @@ export const addStyle = (styleText) => {
 }
 
 export const addEventListener = (element, type, listener, options) => {
+  if (!element) {
+    return () => 0
+  }
+
   if (typeof type === "object") {
     const removers = []
     for (const type1 in type) {
@@ -81,11 +89,16 @@ export const addEventListener = (element, type, listener, options) => {
   }
 }
 
-export const getAttribute = (element, name) => element.getAttribute(name)
+export const getAttribute = (element, name) =>
+  element ? element.getAttribute(name) : null
 export const setAttribute = (element, name, value) =>
-  element.setAttribute(name, value)
+  element ? element.setAttribute(name, value) : undefined
 
 export const setStyle = (element, values, overwrite) => {
+  if (!element) {
+    return
+  }
+
   // element.setAttribute("style", value) -> Fail when violates CSP
   const style = element.style
 

package/lib/userscript.js

@@ -1,5 +1,5 @@
 export * from "./index.js"
-/* eslint-disable camelcase */
+/* eslint-disable camelcase, new-cap */
 // eslint-disable-next-line no-unused-expressions, n/prefer-global/process
 process.env.PLASMO_TAG === "dev" &&
   (() => {
@@ -14,7 +14,8 @@ process.env.PLASMO_TAG === "dev" &&
     }
   })()
 
-export const addElement = GM_addElement
+export const addElement = (parentNode, tagName, attributes) =>
+  GM_addElement(parentNode, tagName, attributes)
 
-export const addStyle = GM_addStyle
-/* eslint-enable camelcase */
+export const addStyle = (styleText) => GM_addStyle(styleText)
+/* eslint-enable camelcase, new-cap */

package/package.json

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