Discover @fregante Open Source projects

Federico Brigante (@fregante)

fregante

Stars
13,344
Global Rank 1,484 (Top 0.06 %)
Followers 1,522
Following 42
Registered almost 13 years ago
Most used languages

JavaScript
63.2 %

TypeScript
29.5 %

HTML
4.2 %

Shell
2.1 %

CSS
1.1 %
Location 🇲🇽 Mexico
Country Total Rank 4
Country Ranking

JavaScript
1

TypeScript
2

CSS
15

HTML
26

Shell
40

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).

object-fit-images

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

Awesome-WebExtensions

A curated list of awesome resources for WebExtensions development.

browser-extension-template

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

chrome-webstore-upload-cli

CLI tool to upload Chrome Extensions to the Chrome Web Store

chrome-webstore-upload

Upload Chrome Extensions to the Chrome Web Store

github-issue-link-status

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

ghat

🛕 Reuse GitHub Actions workflows across repositories

delegate-it

DOM event delegation, in <1KB

indent-textarea

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

image-promise

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

webext-options-sync

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

select-dom

Lightweight querySelector/All wrapper that outputs an Array

supports-webp

Detect support for WEBP images in the browser in 0.3KB

many-keys-map

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

doma

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

code-tag

noop functions to help formatters and syntax highlighters recognize embedded code

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

webext-fun

WebExtension packages for every need

webext-base-css

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

fit-textarea

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

webext-dynamic-content-scripts

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

intrinsic-scale

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

scroll-restoration-polyfill

Polyfill for the "History API: Scroll Restoration"

text-field-edit

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

release-with-changelog

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

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.

webext-storage

A more usable typed storage API for Web Extensions

video-canvas

Paint video on canvas. Extra light.

list-github-dir-content

List all the files in a GitHub repo’s directory

webext-detect-page

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

web-ext-submit

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

fregante

zip-text-nodes

Merge the DOM of 2 elements with the same textContent.

gsap-then

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

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).

content-scripts-register-polyfill

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

filter-altered-clicks

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

tiny-version-compare

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

webext-patterns

Convert the patterns of your WebExtension manifest to regex

ghatemplates

GitHub Actions workflow templates for `$ ghat`

eslint-formatters

ESLint formatters published as standalone modules 🎉

webext-content-scripts

Utility functions to inject content scripts from a WebExtension

push-form

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

daily-version-action

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

daily-version

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

github-clean-feed

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

tumblr-upload

🚡 Upload your Tumblr theme via node or CLI

setup-git-token

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

many-keys-weakmap

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

title-to-labels-action

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

webext-inject-on-install

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

webext-options-sync-per-domain

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

regex-join

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

webext-tools

Utility functions for WebExtensions

get-media-size

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

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.

webext-events

High-level events and utilities for events in Web Extensions

webext-permissions

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

one-mutation

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

get-canvas-pixel-color

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

flat-zip

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

animate-prop

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

browser-player

🔈 Chrome extension: pause other tabs when you play something

bundle

Bundles my modules so you don't have to!

intervalometer

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

webext-content-script-ping

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

one-event

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

tiny-load-script

Load a javascript file and forget about it

on-off

Add/remove DOM events

webext-sandbox

console-class

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

prevent-popstate-scroll

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

gulp-setup

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

visibility-change-ponyfill

A more reliable visibilitychange event that works in more mobile WebViews

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

eslint-formatter-table

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

RedditGallery.ga

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

sticky-pinned-tabs

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

webext-permissions-events-polyfill

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

eslint-formatter-codeframe

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

facebook-sdk-promise

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

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

ephiframe

ephimeral iframe page builder

abort-utils

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

Redd.cf

An improved fork of Redditate

webext-msg

WebExtension module: Simple message handler

npm-bundler

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

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

guides

meta

Meta discussions (inspired by sindresorhus/meta)

time

What time is it?

ghosttext.fregante.com

Minisite for GhostText

webpack-sandbox

Just some personal webpack tests and their output

index-github-bot

Bot that reminds me to add my new repos to my index.

blur-accessibly

Use `element.blur()` without losing the `tab` position