Discover fregante/webext-msg Open Source project

Stars
2
Language
TypeScript
License
MIT License
Created 19 days ago
Updated 19 days ago

fregante

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

WebExtension module: Simple message handler

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

webext-tools

Utility functions for WebExtensions

TypeScript

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

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-msg

fregante

Reviews

Repository Details

More Repositories