browser-extension-utils 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Pipecraft
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,24 @@
+# browser-extension-utils
+
+Utilities for developing browser extensions and userscripts
+
+## Usage
+
+```bash
+npm i browser-extension-utils
+# or
+pnpm add browser-extension-utils
+# or
+yarn add browser-extension-utils
+```
+
+## License
+
+Copyright (c) 2023 [Pipecraft](https://www.pipecraft.net). Licensed under the [MIT License](LICENSE).
+
+## >\_
+
+[![Pipecraft](https://img.shields.io/badge/site-pipecraft-brightgreen)](https://www.pipecraft.net)
+[![UTags](https://img.shields.io/badge/site-UTags-brightgreen)](https://utags.pipecraft.net)
+[![DTO](https://img.shields.io/badge/site-DTO-brightgreen)](https://dto.pipecraft.net)
+[![BestXTools](https://img.shields.io/badge/site-bestxtools-brightgreen)](https://www.bestxtools.com)

package/lib/index.js

@@ -0,0 +1,105 @@
+const doc = document
+
+export const uniq = (array) => [...new Set(array)]
+
+export const toCamelCase = function (text) {
+  return text.replace(/^([A-Z])|[\s-_](\w)/g, function (match, p1, p2) {
+    if (p2) return p2.toUpperCase()
+    return p1.toLowerCase()
+  })
+}
+
+export const querySelector = (element, selectors) =>
+  typeof element === "object"
+    ? element.querySelector(selectors)
+    : doc.querySelector(element)
+export const querySelectorAll = (element, selectors) =>
+  typeof element === "object"
+    ? [...element.querySelectorAll(selectors)]
+    : [...doc.querySelectorAll(element)]
+export const $ = querySelector
+export const $$ = querySelectorAll
+
+export const createElement = doc.createElement.bind(doc)
+
+export const addEventListener = (element, type, listener) => {
+  if (typeof type === "object") {
+    for (const type1 in type) {
+      if (Object.hasOwn(type, type1)) {
+        element.addEventListener(type1, type[type1])
+      }
+    }
+  } else if (typeof type === "string" && typeof listener === "function") {
+    element.addEventListener(type, listener)
+  }
+  // TODO: return remover function
+}
+
+export const setAttribute = (element, attr, value) =>
+  element.setAttribute(attr, value)
+
+export const setStyle = (element, values) => {
+  // setAttribute(element, "style", value)
+  const { style } = element
+  if (typeof values === "string") {
+    values = toStyleKeyValues(values)
+  }
+
+  for (const key in values) {
+    if (Object.hasOwn(values, key)) {
+      style[key] = values[key]
+    }
+  }
+}
+
+// convert `font-size: 12px; color: red` to `{"fontSize": "12px"; "color": "red"}`
+const toStyleKeyValues = (styleText) => {
+  const result = {}
+  const keyValues = styleText.split(/\s*;\s*/)
+  for (const keyValue of keyValues) {
+    const kv = keyValue.split(/\s*:\s*/)
+    const key = toCamelCase(kv[0])
+    if (key) {
+      result[key] = kv[1]
+    }
+  }
+
+  return result
+}
+
+export const toStyleMap = (styleText) => {
+  styleText = noStyleSpace(styleText)
+  console.log(styleText)
+  const map = {}
+  const keyValues = styleText.split("}")
+  for (const keyValue of keyValues) {
+    const kv = keyValue.split("{")
+    if (kv[0] && kv[1]) {
+      map[kv[0]] = toStyleKeyValues(kv[1])
+    }
+  }
+
+  return map
+}
+
+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)
+    }
+  }
+}
+
+export const isUrl = (text) => /^https?:\/\//.test(text)
+
+if (typeof Object.hasOwn !== "function") {
+  Object.hasOwn = (instance, prop) =>
+    Object.prototype.hasOwnProperty.call(instance, prop)
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "browser-extension-utils",
+  "version": "0.0.1",
+  "description": "Utilities for developing browser extensions and userscripts",
+  "type": "module",
+  "exports": "./lib/index.js",
+  "scripts": {
+    "p": "prettier --write .",
+    "lint": "prettier --write . && xo --fix",
+    "test": "echo \"Error: no test specified\" && exit 0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/PipecraftNet/browser-extension-utils.git"
+  },
+  "keywords": [
+    "extensions",
+    "userscripts",
+    "utilities"
+  ],
+  "author": "Pipecraft",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/PipecraftNet/browser-extension-utils/issues"
+  },
+  "homepage": "https://github.com/PipecraftNet/browser-extension-utils#readme",
+  "devDependencies": {
+    "prettier": "^2.8.7",
+    "xo": "^0.53.1"
+  },
+  "files": [
+    "lib/",
+    "LICENSE",
+    "README.md"
+  ],
+  "engines": {
+    "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+  },
+  "xo": {
+    "space": 2,
+    "prettier": true,
+    "globals": [
+      "document"
+    ],
+    "rules": {
+      "capitalized-comments": 0
+    }
+  }
+}