berrysauce/ingredients

🧪 Determine the "ingredients" (or technologies) behind a website

Paul Haedrich

Student, developer, loves doggos 🐶

⤷ Hey 👋 my name is Paul, and I'm a student from Germany. I code in my free time and mostly create open source web-apps and microservices (APIs). I'm open to collab on new projects, so if you have an interesting idea that roughly fits my tech stack, feel free to say hello (I'm also happy to experiment with new tech)!

⚐ Based in Germany

ϟ Currently building open source web-apps, microservices, and packages

Skills

_{I'm still learning some of these – so please don't expect too much!}

ingredients's Issues

Astro support

Hello!

You can check if a website is built using Astro by checking the stylesheet links for the /_astro path. Also, you can check if Astro image optimisation is enabled by checking if an image is hosted under the /_astro path (every other image or static file would just be under / so it doesn't change, but image optimisation creates a new copy with a seperate id and puts it under the /_astro folder).

I did not find any Astro headers, but you can also use the generator meta property for yet another check (though it comes with the boilerplate so it isn't auto generated at build time, so a bunch of websites might have it removed)

Edit: So these screenshots were grabbed from my website which has Astro v2, but if I go to my blog (with Astro v1), it doesn't have the /_astro directory.

HOWEVER, it also doesn't use Tailwind (unlike my portfolio website) so Astro compiles classes for each of the elements affected by CSS. Classes look like astro-[ID]. I checked out astro.build out and they do not use Tailwind, so they have the astro build time classes, but their stylesheets use the /_astro directory, just like my portfolio website. Oh, and their website is on v2.

So tldr, Astro v1 uses /assets/ for assets generated during build time, Astro v2 uses /_astro/. Also, if a website is not using Tailwind classes, but instead uses just CSS, Astro generates an astro-[ID] class for each styled element.

Add Fair-Use-Policy and License

Detecting Svelte ingredient based on data attribute

I generated the site https://www.ausmusicscrapbook.com/ using SvelteKit as a static site generator, however it isn't detected as an ingredient. Looking at the generated HTML source, the attribute data-svelte-h appears many times - could it be used to detect SvelteKit as an ingredient?

"JS Cookie" Modal doesn't display when clicked

When scanning https://elementor.com & clicking "JS Cookie", only the backdrop is displayed, not the modal. The backdrop doesn't disappear.

Add categories.json

Move the categories JSON to a seperate file and let the API provide it, maybe in page.ts.

Error and result displayed

When making a successful request first, and then making an unsuccessful request, both the error and the previous result are displayed.

Other categories displayed under "Other"

Normally, "Other" should be the last category for a scan. When retrieving data from the cache, categories like "Storage" are displayed under "Other". This might be an issue with Deta's alphabetical sorting.

Results disappearing

When scanning "https://ingredients.berrysauce.me" the results disappear. No error is shown.

Running locally

I can't find any documentation for running it locally. Does one need a Deta Space developer account for this?

Fix error text background (multiline)

Multiline errors might have a broken padding & background.