Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bpevs/favioli

Emoji Favicons for the web. 👊🤯
https://github.com/bpevs/favioli

chrome-extension emoji favicon firefox-addon react

Last synced: about 1 month ago
JSON representation

Emoji Favicons for the web. 👊🤯

Awesome Lists containing this project

README

        

# Favioli 🤯



Download for Chrome


Download for Firefox

Favioli is a tool for overriding Favicons for websites.

## Quick Setup (For Building Release)

Release 2.0.2 was build with:

- macOS Monterey 12.6.3
- [Deno](https://deno.land/) 1.30.0
- Bext v1.0.0

Directions for Shell on OSX
(PowerShell on Windows is same, except for Deno installation step)

```sh
# install Deno @ v1.30.0
curl -fsSL https://deno.land/install.sh | sh -s v1.30.0

# Install bext packager @ v1.0.0
deno run -A https://deno.land/x/[email protected]/main.ts

# Change directory to this repo
cd favioli

# Run bext packager @ v1.0.0
deno run -A https://deno.land/x/[email protected]/main.ts

# Unpacked extension output should be available in `dist/{browser}`
open dist/firefox
open dist/chrome

# You should be able to load your unpacked extension using a browser.
```

## Development Setup

[Deno](https://deno.land/) is a javascript/typescript runtime (think spiritual successor to node.js)

[bext](https://github.com/bpevs/bext) is a set of browser extension build tools, types, and utilities for deno. It was created for Favioli.

To load Favioli into a browser, point to each browser's respective dist directory.
[Google](https://developer.chrome.com/extensions) and
[Mozilla](https://developer.mozilla.org/docs/Mozilla/Add-ons) each have
resources about developing for their respective platforms.

If you want to install latest bext with more limited permissions:

```sh
deno install --name=bext --allow-read --allow-write --allow-run --allow-env -f https://deno.land/x/bext/main.ts
```

| Commands | What they Do |
| ----------------------- | ----------------------------------- |
| `bext` | bundles extension and watch code |
| `bext chrome` | bundles extension only for chrome |
| `bext firefox` | bundles extension only for firefox |
| `deno task test:all` | run code formatter, then unit tests |
| `deno task test:update` | run code formatter, then unit tests |

## Inspiration

- [Emoji-Favicon-Toolkit](https://github.com/eligrey/emoji-favicon-toolkit) by
[OFTN Inc.](https://oftn.org) and [Eli Grey](https://eligrey.com)
- [eft-input-modified-indicator.js](https://gist.github.com/eligrey/4df9453c3bc20acd38728ccba7bb7160)
by [Eli Grey](https://eligrey.com)