browser-extension-utils 0.1.1 → 0.1.3

package/lib/index.d.ts

@@ -7,22 +7,22 @@ export function toCamelCase(text: string): string
 export function $(
   selectors: string,
   element?: HTMLElement | Document
-): Element | undefined
+): HTMLElement | undefined
 
 export function querySelector(
   selectors: string,
   element?: HTMLElement | Document
-): Element | undefined
+): HTMLElement | undefined
 
 export function $$(
   selectors: string,
   element?: HTMLElement | Document
-): Element[]
+): HTMLElement[]
 
 export function querySelectorAll(
   selectors: string,
   element?: HTMLElement | Document
-): Element[]
+): HTMLElement[]
 
 export function createElement(
   tagName: string,
@@ -85,6 +85,12 @@ export function addAttribute(
   value: string
 ): void
 
+export function addClass(element: HTMLElement, className: string): void
+
+export function removeClass(element: HTMLElement, className: string): void
+
+export function hasClass(element: HTMLElement, className: string): boolean
+
 export type SetStyle = (
   element: HTMLElement,
   style: string | Record<string, unknown>,
@@ -115,3 +121,13 @@ export function registerMenuCommand(
 ): void
 
 export function extendHistoryApi(): void
+
+export const actionHref: string
+
+export function getOffsetPosition(
+  element: HTMLElement | undefined,
+  referElement?: HTMLElement | undefined
+): {
+  top: number
+  left: number
+}

package/lib/index.js

@@ -121,6 +121,30 @@ export const addAttribute = (element, name, value) => {
   }
 }
 
+export const addClass = (element, className) => {
+  if (!element) {
+    return
+  }
+
+  element.classList.add(className)
+}
+
+export const removeClass = (element, className) => {
+  if (!element) {
+    return
+  }
+
+  element.classList.remove(className)
+}
+
+export const hasClass = (element, className) => {
+  if (!element) {
+    return false
+  }
+
+  return element.classList.contains(className)
+}
+
 export const setStyle = (element, values, overwrite) => {
   if (!element) {
     return
@@ -254,3 +278,19 @@ export const extendHistoryApi = () => {
   //   console.log("onlocationchange event occurred!")
   // })
 }
+
+// eslint-disable-next-line no-script-url
+export const actionHref = "javascript:;"
+
+export const getOffsetPosition = (element, referElement) => {
+  const position = { top: 0, left: 0 }
+  referElement = referElement || doc.body
+
+  while (element && element !== referElement) {
+    position.top += element.offsetTop
+    position.left += element.offsetLeft
+    element = element.offsetParent
+  }
+
+  return position
+}

package/package.json

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