feat: Add jsrepo

[ieedan]

I am opening this up as a draft so we can discuss it.

This currently works in this state and you can test it by running:

# init then add
pnpm dlx jsrepo init --project --repos github/ieedan/geist/tree/jsrepo

pnpm dlx jsrepo add

# or

# add with zero-config
pnpm dlx jsrepo add --repo github/ieedan/geist/tree/jsrepo

We have to include utils and icons in the build so that we have all local dependencies covered but I have opted to not list them when users add blocks.

The problem that I want to discuss is icons...

With the current way that we do icons everything is imported into a index.ts file and then rexported to be used everywhere else. This does work, but because of this you have to install every icon even if you are only going to use 1.

So with that explained there are a few options:

1. Convert each icon to a .svelte file and import each icon individually.
2. Package the icons separately and install them as a dependency (I kinda like this one personally but it is more of a pain)

I don't think this really makes any sense to merge unless we make a change so that not every icon is installed for every component.

Edit: After ieedan/jsrepo#244 the time it takes to actually install isn't that bad but I would still find it annoying that every icon is installed in my repo after installing Avatar.

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
geist	✅ Ready (View Log)	Visit Preview	7ab2d65

[ieedan]

@shyakadavis any thoughts on this?

If we decided what to do I can try and implement it today!

[shyakadavis]

Hey, @ieedan I think I like the idea of installing all icons at once (If this is terrible, I am open to the alternative.) Here is my only reason; you know how Vite tries to optimize everything on the first page visit? When all icons are bundled and optimized, you can navigate to other pages without Vite trying to re-load and re-optimize on each visit. (It's done all at once; does that make sense?)

[ieedan]

Hey, @ieedan I think I like the idea of installing all icons at once (If this is terrible, I am open to the alternative.) Here is my only reason; you know how Vite tries to optimize everything on the first page visit? When all icons are bundled and optimized, you can navigate to other pages without Vite trying to re-load and re-optimize on each visit. (It's done all at once; does that make sense?)

Yeah I have seen this with lucide it's super annoying!

[ieedan]

Another problem that comes up with this is because many components will depend on every icon jsrepo will ask if you want to overwrite every icon almost every time you add a single component and that's pretty annoying.

Either way give it a try and let me know what you think!

[ieedan]

I guess a way around the annoying prompts for every icons is to just hold y or provide the -y flag.

Playing around with this adding some of the components to the projects works really good outside of the icons thing.

Just need to add some instruction for the other config files I think!

[ieedan]

Also I relocated theme-switcher so that you can actually install it

[ieedan]

Full demo: https://github.com/ieedan/geist-jsrepo

[ieedan]

[ieedan]

Okay no. 2 should be fixed in 1.17.6

[ieedan]

I do think before we merge this we have to work on the instructions though. I have pretty detailed instructions in the demo README so maybe look there and let me know what you think?

[shyakadavis]

Snap. Why isn't "Tip" rendering like so?

[ieedan]

It should be:

Tip

tip

[ieedan]

> [!TIP]
> tip

[ieedan]

Yeah the tip is being a little b*tch

[ieedan]

I thought it might of been line wrapping so I had claude shorten the tip but it didn't seem to make a difference

[ieedan]

@shyakadavis So I think it's a bug with github markdown rendering. The rendering is different on PR previews for whatever reason. I just pasted this into the demo and it worked perfectly.

[ieedan]

I think this is ready though unless you have any other issues that should be addressed first!

[shyakadavis]

Thank you very much, @ieedan You're awesome.

[ieedan]

Thank you very much, @ieedan You're awesome.

Likewise my friend