browser-extension-utils 0.0.3 → 0.0.5

package/lib/index.d.ts

@@ -1,14 +1,47 @@
 export function uniq(array: any[]): any[]
+
 export function toCamelCase(text: string): string
-export function querySelector(element, selectors?: string): HTMLElement
-export function querySelectorAll(element, selectors?: string): any[]
-export function $(element, selectors?: string): HTMLElement
-export function $$(element, selectors?: string): any[]
-export function createElement(type: string): HTMLElement
-export function addEventListener(element, type, listener): void
-export function setAttribute(element, attr, value): void
-export function setStyle(element, style): void
+
+export function $(
+  element: HTMLElement | string,
+  selectors?: string
+): HTMLElement
+
+export function querySelector(
+  element: HTMLElement | string,
+  selectors?: string
+): HTMLElement
+
+export function $$(
+  element: HTMLElement | string,
+  selectors?: string
+): HTMLElement[]
+
+export function querySelectorAll(
+  element: HTMLElement | string,
+  selectors?: string
+): HTMLElement[]
+
+export function createElement(tagName: string): HTMLElement
+
+export function addEventListener(
+  element: HTMLElement,
+  type: string | Record<string, unknown>,
+  listener?
+): void
+
+export function setAttribute(
+  element: HTMLElement,
+  name: string,
+  value: string
+): void
+
+export function setStyle(element, style: string | Record<string, unknown>): void
+
 export function toStyleMap(styleText: string): Record<string, unknown>
+
 export function noStyleSpace(text: string): string
+
 export function createSetStyle(styleText: string): setStyle
+
 export function isUrl(text: string): boolean

package/lib/index.js

@@ -9,16 +9,16 @@ export const toCamelCase = function (text) {
   })
 }
 
-export const querySelector = (element, selectors) =>
+export const $ = (element, selectors) =>
   typeof element === "object"
     ? element.querySelector(selectors)
     : doc.querySelector(element)
-export const querySelectorAll = (element, selectors) =>
+export const $$ = (element, selectors) =>
   typeof element === "object"
     ? [...element.querySelectorAll(selectors)]
     : [...doc.querySelectorAll(element)]
-export const $ = querySelector
-export const $$ = querySelectorAll
+export const querySelector = $
+export const querySelectorAll = $$
 
 export const createElement = doc.createElement.bind(doc)
 
@@ -35,8 +35,8 @@ export const addEventListener = (element, type, listener) => {
   // TODO: return remover function
 }
 
-export const setAttribute = (element, attr, value) =>
-  element.setAttribute(attr, value)
+export const setAttribute = (element, name, value) =>
+  element.setAttribute(name, value)
 
 export const setStyle = (element, values) => {
   // setAttribute(element, "style", value)

package/package.json

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