Idea: Add a demo website

[tranquochuy645]

I think adding a demo website using github pages would be nice.

People can paste link to a public repo, or upload a repository's archive to get repomix's output that they can easily copy without installing anything.

[yamadashy]

Hi @tranquochuy645! Thanks as always for your great suggestions!

Actually, I've been thinking about this idea as well. I've been considering a few approaches:

While we could use Stackblitz to emulate the console in the browser, I think having a uithub.com -like experience where users can simply input a URL and get results would be more convenient and user-friendly.

I've already secured the repomix.dev domain, and the current plan is to:

1. First create an LP and documentation using Vitepress
2. Later integrate the demo into the landing page

I'd really appreciate your help with this if you're interested in contributing!
While I haven't been able to work on this recently due to other commitments, I'm planning to start development.

[gaby]

@yamadashy The website needs a field for --include patterns. Else the output may be too big to even use with ChatGPT.

[gaby]

For example, I'm a maintainer for https://github.com/gofiber/fiber Since I can only exclude with the website, this is the result of repomix.

Repository Info
Repository gofiber/fiber
Generated At 1/4/2025, 12:42:50 AM
Format plain
Pack Summary
Total Files
237 files
Total Size
1,043,375 chars
Total Tokens
263,244 tokens

263k tokens is too much for most AI tools

[yamadashy]

Hi @gaby!

Thanks so much for the feedback! You're absolutely right, an --include pattern field is needed, especially for larger repositories.

I'll add this to the list and plan to implement it soon. I appreciate your suggestion and the example!

[yamadashy]

Hi @gaby!

You can now use it.

Thanks again for your feedback! 🙏

[gaby]

@yamadashy that was quick! Thank you 💪💪💪

[yamadashy]

Hi @tranquochuy645!

I wanted to let you know that the demo website you suggested is now live!
You can check it out here: repomix.com

It's currently a lightweight demo to show the basic usage, but we plan to add more features and documentation in the future.
I'd love to hear your thoughts and feedback on it. Please take a look when you have a chance!

[tranquochuy645]

Great work, @yamadashy!

This is really close to what I had in mind, and the UI looks even better than expected!

However, packing an archive (.zip) isn’t available yet. I’m curious if it’s something that might be added soon. I’d love to hear your thoughts on this feature. I’m really invested in the project and would be happy to assist whenever I can.

Once again, great job! You nailed it and delivered so quickly!

[yamadashy]

@tranquochuy645
Oh, you're right - I completely forgot about the ZIP upload functionality! And I actually want this feature too!

It would be great if we could implement direct directory uploads. I'm wondering if this would be feasible.

I'll add the ZIP upload feature to our next set of tasks!

[gaby]

@yamadashy Another thing that is missing is specifying a branch.

I also notice that when in mobile, request will timeout if the repo is too big.

[yamadashy]

@gaby
Thanks for the feedback!

Ah, you're right, specifying a branch is definitely something we need to address. I'm wondering which approach would be more user-friendly: should we add a dedicated input field for the branch, or would it be better to parse URLs like this: https://github.com/yamadashy/repomix/tree/branch?

Regarding the timeout issue on mobile with large repos, you're absolutely correct. It seems like we'll need to explore options like using ace.js or similar to render only a portion of the content at a time, rather than trying to load everything at once.

[gaby]

@yamadashy Probably parsing is the best way to do it. Since not all projects use the same default branch.