Coder Social home page Coder Social logo

bpevs / favioli Goto Github PK

View Code? Open in Web Editor NEW
61.0 3.0 5.0 5.7 MB

Emoji Favicons for the web. ๐Ÿ‘Š๐Ÿคฏ

Home Page: https://favioli.com

License: MIT License

TypeScript 91.19% HTML 0.80% CSS 8.00%
emoji favicon chrome-extension firefox-addon react

favioli's Introduction

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 1.30.0
  • Bext v1.0.0

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

# 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 is a javascript/typescript runtime (think spiritual successor to node.js)

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 and Mozilla each have resources about developing for their respective platforms.

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

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.