fix: pin dependencies, clean-up readme docs

+19 -13

README.md

··· 13 13 14 14 ## Development 15 15 16 - You need to download [Deno](https://deno.land/) in order to build this app. 16 + ### Quick Setup 17 17 18 - After, we want to install [bext](https://github.com/bpevs/bext) (a set of browser extension build tools, types, and utilities for deno): 18 + - Download [Deno](https://deno.land/) 19 + 20 + ```sh 21 + deno install --bext -A https://deno.land/x/bext/main.ts # install bext packager 22 + cd favioli # change directory to this repo 23 + bext # run bext packager 24 + # Unpacked extension output should be available in `dist/{browser}` 25 + # You should be able to load your unpacked extension using a browser. 26 + ``` 27 + 28 + [bext](https://github.com/bpevs/bext) is a set of browser extension build tools, types, and utilities for deno. It was created for Favioli. 29 + 30 + To load Favioli into a browser, point to each browser's respective dist directory. 31 + [Google](https://developer.chrome.com/extensions) and 32 + [Mozilla](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons) each have 33 + resources about developing for their respective platforms. 34 + 35 + If you want to install bext with more limited permissions: 19 36 20 37 ```sh 21 38 deno install --name=bext --allow-read --allow-write --allow-run --allow-env -f https://deno.land/x/bext/main.ts ··· 29 46 | `deno task test:all` | run code formatter, then unit tests | 30 47 | `deno task test:update` | run code formatter, then unit tests | 31 48 32 - If you have bundled using make commands, you should be able to load your 33 - unpacked extension using a browser. 34 - 35 - This will build our distribution code into `/dist`, each browser with its own 36 - directory. To load Favioli, point to each browser's respective directory. 37 - [Google](https://developer.chrome.com/extensions) and 38 - [Mozilla](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons) each have 39 - resources about developing for their respective platforms. 40 - 41 49 ## Inspiration 42 50 43 51 - [Emoji-Favicon-Toolkit](https://github.com/eligrey/emoji-favicon-toolkit) by 44 52 [OFTN Inc.](https://oftn.org) and [Eli Grey](https://eligrey.com) 45 53 - [eft-input-modified-indicator.js](https://gist.github.com/eligrey/4df9453c3bc20acd38728ccba7bb7160) 46 54 by [Eli Grey](https://eligrey.com) 47 - - [Emoji-Selector](https://github.com/Kiricon/emoji-selector) by 48 - [Dominic Valenicana](https://dominic.codes/)

+3 -3

import_map.json

··· 2 2 "imports": { 3 3 "browser": "https://deno.land/x/bext@v0.1.2/mod.ts", 4 4 "emoji": "https://deno.land/x/emoji@0.2.0/mod.ts", 5 - "preact": "https://esm.sh/preact?dev", 6 - "preact/hooks": "https://esm.sh/preact/hooks?dev", 5 + "preact": "https://esm.sh/preact@10.9.0?dev", 6 + "preact/hooks": "https://esm.sh/preact@10.9.0/hooks?dev", 7 7 8 8 "deno-dom": "https://deno.land/x/deno_dom@v0.1.32-alpha/deno-dom-wasm.ts", 9 9 "std/asserts": "https://deno.land/std@0.138.0/testing/asserts.ts", 10 10 "std/bdd": "https://deno.land/std@0.138.0/testing/bdd.ts", 11 11 "std/mock": "https://deno.land/std@0.138.0/testing/mock.ts", 12 12 "std/snapshot": "https://deno.land/std@0.138.0/testing/snapshot.ts", 13 - "@testing-library/preact": "https://esm.sh/@testing-library/preact/pure?dev" 13 + "@testing-library/preact": "https://esm.sh/@testing-library/preact@3.2.2/pure?dev" 14 14 } 15 15 }

static/screenshots/comparison.png