erik / recipecleaner

Chrome and Firefox extension to clean up messy recipe sites. Readability for recipes.

RecipeCleaner

Recipe sites suck. Make them suck a little less.

Even with an ad blocker, recipe sites are a messy experience. Popups ask you to subscribe, there are pages and pages of filler text and images to scroll through, and then finally the recipe is tucked away at the bottom somewhere.

RecipeCleaner shows you only what you care about: what you're making, what you need, and how to make it.

Available for Firefox and Chrome

Building

If you'd rather build the extension yourself rather than downloading from the extension stores.

npm install
npm run build

# Open a firefox window with the extension already loaded in.
npm run web-ext

# Rebuild on files changed:
npm run build:watch

# Run tests on files changed
npm run test:watch

# Check for style violations
npm run lint

License

RecipeCleaner is available under GNU GPLv3. See LICENSE in the root of this repository.

RecipeCleaner's icon is derived from FontAwesome, which is licensed as CC BY 4.0.

recipecleaner's Issues

[Feature] Add sidebar to view saved recipes

I noticed that recipes are saved in local storage, and feel like it might be nice to view this list directly.

This can be done by adding a "sidebar action" to the extension which would query and / or filter the recipe list.

Failed to detect recipe (cookwithbelula.com)

When visiting this page, RecipeCleaner fails to detect the recipe (the button doesn't show in the address bar):

https://www.cookwithbelula.com/en/recipe/ladyfingers-cookies

Fractions not being recognized properly as quantities

Via feedback form:

https://www.allrecipes.com/recipe/57028/amazingly-good-eggnog/

½ gets displayed as 5 and not as part of the highlighted quantity value. Ideally, it would be recognized as part of the quantity and the ½ character would be used directly, but if there are font problems with that then perhaps convert to 1/2. I suspect the same issue will occur with ¼ and ¾ as well.

[Feature] Open cleaned recipe in new tab

I've been using this for a while, and I feel it would be better to open the cleaned recipe in a new tab, leaving the original page in place for reference or side-by-side comparison.

I guess this could be made configurable via an option.

First time user experience page could be more clear

Maybe more explanatory text, or even better, a video demoing the functionality.

See this review for context.

[Feature] Add save recipe button

Via feedback form:

I like the extension, but for some reason if I attempt to save cleaned up recipe, it saves almost blank page, so I have to copy paste the body tag in. I don't get why, cause if it sees the code in dev tools, so I'm assuming there's an issue with javascript generated content, so, maybe you could add a button that allows us to save the cleaned up recipe? thnaks

Failed to detect recipe (bittersweetblog.com)

When visiting this page, RecipeCleaner fails to detect the recipe (the button doesn't show in the address bar):

https://bittersweetblog.com/2016/02/23/brazilian-bread-blowout/