Skip to content

Conversation

persist-1
Copy link

feat:

  • SVG Export : Added SVG export functionality for regex visualization graphs.
  • Enhanced Samples Page : Redesigned /samples route with categorized management system.

chore:

  • For the samples page, it is fully adapted to the four currently supported international languages (English, Chinese, Russian, and Japanese).
  • And I won't do the stupid thing mentioned in feat: Add SVG export functionality and enhance samples page with categorized regex examples #155 like retranslating English into English again (this time I have carefully checked what the ai is doing🥲).
  • All debug output information such as 'console.log' and 'print' has been deleted, improving the maintainability of the project.
  • Whether it is code comments or front-end visual text, English is set as the default language.
  • For the significantly modified samples page, make its art and style as consistent as possible with the overall art style of the project to make it look smoother and less jarring

my words

This pr is a further improvement based on #155, optimizing the code logic, reducing unnecessary code, and further optimizing the new functions involved.

I deployed the static resources I built through the page feature provided by cloudflare and obtained an online preview website, which can be intuitively compared with the functional improvements of the current official website.

my dev website: https://regex-vis-persist1.pages.dev/
official website: https://regex-vis.com/

The image display of the international translation of the samples page as follows:
image
image
image
image

The image display of the function of exporting as svg is as follows:
image

svg:
image
image

From your suggestions, I really learned a lot of experience and lessons. As an amateur student developer, I haven't been involved in many open-source projects or large-scale projects before, and I don't have a sufficient understanding of implementing best practices as well as some development rules and wisdom.

If possible, could you please review my pr again? I'm really sorry to have taken up your time.
And It would be my honor if I could truly contribute a bit to this project.

- new DOM:Export the preview image as svg(With corresponding translation)
- New category added
- Organize the samples according to their classification
- Add more samples
- all 'console.log' has been removed to make the code clearer and more concise
- removed the redundant comments
- Convert all Chineset comments to English and make the English comments the default comments
- Whether it is comments or front-end text, English is set as the default
- Optimized the decoding of special symbols in the export as svg function
- The style effect and layout design of the samples page have been optimized
- Fixed the style failure of special ICONS when exporting svg (by re-manipulating the DOM to set the size before serialization)
- Fix a useless and stupid addition - remove the unnecessary English to English translation (due to my lax review of the ai code, it wrote some strange things...)
- updated translation about samples page
- updated style about samples page
- updated style about samples page,make the effect of the sample page close to the overall project's art style
- Fixed the bug where the red dotted line style of negative forward-looking assertions was not retained when exporting svg
- Modify the container style of the Samples page to be consistent with that of the Home page to address the bg issue of inconsistent navigation bar heights
- updated style about samples page
- Fixed the bug where class-"fill-transparent" was wrongly rendered as a black solid line when exporting svg, making the exported svg closer to the native front-end renderings
- Fix the abnormal code for the culling rule of 'fill-transparent' to make the build function normal
- Fixed the bug where circle elements were filtered when exporting svg
Copy link

vercel bot commented Aug 21, 2025

@persist-1 is attempting to deploy a commit to the Bowen's projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant