Discover fregante/webext-tools Open Source project

Stars
12
Rank 1,597,372 (Top 32 %)
Language
TypeScript
License
MIT License
Created about 3 years ago
Updated about 1 year ago

fregante

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Utility functions for WebExtensions

GhostText

👻 Use your text editor to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).

JavaScript

3,069

object-fit-images

🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ...

JavaScript

2,045

Awesome-WebExtensions

A curated list of awesome resources for WebExtensions development.

1,145

browser-extension-template

📕 Barebones boilerplate with Parcel 2, options handler and auto-publishing

JavaScript

782

chrome-webstore-upload-cli

CLI tool to upload Chrome Extensions to the Chrome Web Store

JavaScript

431

chrome-webstore-upload

Upload Chrome Extensions to the Chrome Web Store

JavaScript

364

github-issue-link-status

Colorize issue and PR links to see their status (open, closed, merged)

JavaScript

294

ghat

🛕 Reuse GitHub Actions workflows across repositories

TypeScript

262

delegate-it

DOM event delegation, in <1KB

TypeScript

185

indent-textarea

Add editor-like tab-to-indent functionality to <textarea>, in a few bytes

TypeScript

154

image-promise

🎑🤞 Load one or more images, return a promise. Tiny, browser-only, no dependencies.

TypeScript

144

webext-options-sync

Helps you manage and autosave your extension's options. Chrome and Firefox.

TypeScript

131

select-dom

Lightweight querySelector/All wrapper that outputs an Array

TypeScript

123

supports-webp

Detect support for WEBP images in the browser in 0.3KB

JavaScript

109

many-keys-map

A Map subclass with support for multiple keys for one entry.

JavaScript

101

doma

Parse an HTML string into `DocumentFragment` or one `Element`, in a few bytes (in browser)

TypeScript

code-tag

noop functions to help formatters and syntax highlighters recognize embedded code

JavaScript

webext-storage-cache

Cache values in your Web Extension and clear them on expiration. Also includes a memoize-like API to cache any function results automatically

JavaScript

webext-fun

WebExtension packages for every need

webext-base-css

Extremely minimal stylesheet/setup for Web Extensions’ options pages (also dark mode)

CSS

fit-textarea

Automatically expand a <textarea> to fit its content, in a few bytes

TypeScript

webext-dynamic-content-scripts

WebExtension module: Automatically registers your content_scripts on domains added via permission.request

TypeScript

intrinsic-scale

Replicate `background-size: cover/contain` for canvas/CSS/Node/… on any type of media.

JavaScript

scroll-restoration-polyfill

Polyfill for the "History API: Scroll Restoration"

HTML

text-field-edit

Insert text in a <textarea> and <input> (supports Firefox and Undo)

TypeScript

release-with-changelog

Creates GitHub releases for pushed tags, with the commit log as release body

JavaScript

setup-git-user

GitHub Action that sets the git user and email to enable commiting

webext-domain-permission-toggle

Browser-action context menu to request permission for the current tab.

TypeScript

webext-storage

A more usable typed storage API for Web Extensions

TypeScript

video-canvas

Paint video on canvas. Extra light.

JavaScript

list-github-dir-content

List all the files in a GitHub repo’s directory

JavaScript

webext-detect-page

Detects where the current browser extension code is being run. Chrome and Firefox.

TypeScript

web-ext-submit

Wrapper around Mozilla’s web-ext to submit extensions to AMO.

Shell

fregante

zip-text-nodes

Merge the DOM of 2 elements with the same textContent.

TypeScript

gsap-then

🙏 Make every GSAP Tween a promise. tl.then(doSomething) (GSAP 1 and 2)

JavaScript

GhostText-for-VSCode

Use VS Code to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).

TypeScript

content-scripts-register-polyfill

WebExtensions: Polyfill for browser.contentScripts.register() for Chrome.

JavaScript

filter-altered-clicks

Filter alt-click, ctrl-click, shift-click, middle click, ...

JavaScript

tiny-version-compare

Compare two software versions, with any number of points (<1KB)

JavaScript

webext-patterns

Convert the patterns of your WebExtension manifest to regex

JavaScript

ghatemplates

GitHub Actions workflow templates for `$ ghat`

eslint-formatters

ESLint formatters published as standalone modules 🎉

JavaScript

webext-content-scripts

Utility functions to inject content scripts from a WebExtension

TypeScript

push-form

Zero-effort nanomodule to submit a `<form>` element via `fetch` and receive the response

TypeScript

daily-version-action

Creates a new tag using the format Y.M.D, but only if HEAD isn’t already tagged

JavaScript

daily-version

Get the current date formatted as a version. Automatically add the time if you already released a version today.

JavaScript

github-clean-feed

Group GitHub's news feed events by repo (Chrome, Firefox, Opera)

JavaScript

tumblr-upload

🚡 Upload your Tumblr theme via node or CLI

JavaScript

setup-git-token

GitHub Action that sets the GITHUB_TOKEN as credentials for git (enables `git push`)

JavaScript

many-keys-weakmap

A `WeakMap` subclass with support for multiple keys for one entry

JavaScript

title-to-labels-action

Cleans up the titles of issues and PRs from common opening keywords

JavaScript

webext-inject-on-install

Automatically add content scripts to existing tabs when your extension is installed. Chrome

JavaScript

webext-options-sync-per-domain

Helps you manage and autosave your extension's options, separately for each additional permission

TypeScript

regex-join

Merge multiple regexes and strings into one, preserving all the flags, automatically escaping the strings

JavaScript

get-media-size

Get the real size of an <img>, <video>, or <canvas> in the browser.

JavaScript

webext-polyfill-kinda

Super-lightweight Promised wrapper around `chrome.*` API to be used in modules. Prefer `webextension-polyfill` if you’re using it directly in an extension.

JavaScript

webext-events

High-level events and utilities for events in Web Extensions

TypeScript

webext-permissions

WebExtensions module: Get any optional permissions that users have granted you.

TypeScript

one-mutation

Observe one mutation via `MutationObserver`, then resolve a Promise.

JavaScript

get-canvas-pixel-color

Micro module to get the color of a single pixel on a HTML canvas

JavaScript

flat-zip

Merges arrays like a zipper. Like `lodash.zip().flat().take(limit)` but a tenth of the size!

TypeScript

animate-prop

Single, dependency-free function to tween a property. Use that on canvas or anywhere else.

JavaScript

browser-player

🔈 Chrome extension: pause other tabs when you play something

JavaScript

bundle

Bundles my modules so you don't have to!

JavaScript

intervalometer

Call a function at every frame or every X ms. With start/stop

JavaScript

webext-content-script-ping

One-file interface to detect whether your content script have loaded.

JavaScript

one-event

Micro module to add an event listener to be executed only once

TypeScript

tiny-load-script

Load a javascript file and forget about it

JavaScript

on-off

Add/remove DOM events

JavaScript

webext-sandbox

WIP

TypeScript

console-class

Get yourself a light, togglable, namespaced and colored console.log in the browser

JavaScript

prevent-popstate-scroll

(Deprecated) Prevent the scroll restoration caused by the popstate event or back/forward buttons.

JavaScript

gulp-setup

Personal project. NOT RECOMMENDED. Gulp setup for a static website. Includes asset optimization. Loosely based on gulp-starter

JavaScript

visibility-change-ponyfill

A more reliable visibilitychange event that works in more mobile WebViews

JavaScript

get-scroll

Micro module to get the scroll position (top or left) in the browser

random-encoder

Lightweight way to generate multiple, random, reversible "hashes" or encoding

JavaScript

eslint-formatter-table

ESLint’s official `table` formatter, extracted from ESLint 7

JavaScript

RedditGallery.ga

Paste a Reddit post URL, get a gallery of each comment's image. Perfect for /r/photoshopbattles

JavaScript

sticky-pinned-tabs

Chrome Extension: When in a pinned tab, external links open in a new tab

JavaScript

webext-permissions-events-polyfill

WebExtensions: Polyfill for `onAdded` and `onRemoved` permission events for Firefox.

TypeScript

eslint-formatter-codeframe

ESLint’s official `codeframe` formatter, extracted from ESLint 7

JavaScript

facebook-sdk-promise

Load Facebook's API and return a Promise. If it's already loading it won't try to load it again.

JavaScript

npm-helpful-typosquatting

Redirect wrong `npm install`s to the right package

get-elements-array

Array of elements from selector, Array-like objects and single elements

JavaScript

ephiframe

ephimeral iframe page builder

HTML

abort-utils

Utility functions to use and combine `AbortSignal` and `AbortController` with Promises

TypeScript

Redd.cf

An improved fork of Redditate

JavaScript

webext-msg

WebExtension module: Simple message handler

TypeScript

npm-bundler

Opinionated ES6 library bundler based on rollup-babel-lib-bundler. For my own modules, but maybe you can find it useful too.

JavaScript

github-desktop-open-in-sublime-text

In GitHub Desktop on Mac, replace "Open in Atom" with Sublime Text

webextension-polyfill-global

Wrapper around Mozilla’s webextension-polyfill to make it available as a global even with a bundler

Shell

guides

fregante/webext-tools

fregante

Reviews

Repository Details

More Repositories