Skip to content

v2.1.0 - BROWSER UI Redesign

Choose a tag to compare

View all tags
@1abcdefggs 1abcdefggs released this 24 Jul 07:37
v2.1.0
be31b45
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Overview

The Web GUI (SPLIST BROWSER) interface has been revamped with a full-fledged "VS Code-like" layout to allow users to operate it more intuitively, faithfully reproducing the feel of using a CLI tool in a browser.
BROWSERver

Main Changes

  • VS Code-like Layout:

  • A new left sidebar (Activity Bar & Explorer) has been added to allow for easy management of input files and split output files in a tree format.

  • The name "Web IDE" has been changed to "BROWSER," and text throughout the UI has been adjusted.

  • Reproduction of a Real CLI Experience (UX):

  • The run button that was at the bottom of the editor has been removed, and a "RUN (Enter)" button has been placed in the terminal panel. This achieves a realistic feel as if you were typing commands.

  • The automatic processing that occurred during drag-and-drop and demo selection has been removed, and it has been modified so that users can select their desired options before clicking "RUN."

  • Support for Multiple Input Files:

  • Now allows you to load and test both README.md and USAGE.md with a single click from the sidebar by default.

  • Now automatically adds files to the sidebar list when users drag and drop their own files.

  • Other Improvements:

  • Fixed the version notation in the header (V2.0.0) to be synchronized with package.json.

  • Added a larger link and explanation to the root README.md to encourage access to the browser version (GitHub Pages).

  • Resolved conflicts with upstream/main locally and synchronized to the latest state.

how to use
splist-gif (1)

Notes

Tested using local build (npm run build).
After merging, the latest BROWSER environment will be automatically deployed to GitHub Pages.

Assets 2
Loading