!!!WORK IN PROGRESS PROJECT!!!
Wilde is a web integrated local desktop environment.
An IDE designed primarily to work on the web. It wasn't conceived as an Electron-like desktop application and later distributed on the web, but rather, it was born and growed-up within a browser tab.
Last version of Wilde is deployed here;
Font: antre
Colors: from left to right, #3D44FF and #6CB5FF.
Wilde uses:
- React: for UI
- Redux Toolkit: for app state
- MUI: for UI component
- vscode-icons: for icons files
- REACT_APP_VERSION: defined in
.env, contains thenameproperty value ofpackage.json - REACT_APP_NAME: defined in
.env, contains theversionproperty value ofpackage.json - PUBLIC_URL: defined in
.env.production, contains the URL where the application where deployed
console.log(`${process.env.REACT_APP_NAME} ${process.env.REACT_APP_VERSION}`)- Lazy loading: used to load into the app state only the folders opened by the user.
- Windowing: used to render only the visible tree items in the DOM
- Micro front-end communication: used to propagate an event through Wilde components
- Color highlight on monaco editor
Add capability to resize sidebarAdd capability to open a file- Add keyboard shortcut to open a folder
- Add keyboard shortcut to open a file
- Add confimation dialog when try to close an modified editor
- Add hamburger menu to use as window menu
- Add git color highlight on filenames
- Add search in project
- Add search in file
- Add replace in project
- Add replace in file
- Rename file and directory
- Copy/Cut/Paste file and directory
- Copy relative path
- Load custom shortcut from local storage or IndexDB
Add check to verify compatibility of browser- Load theme using system preference
- Load custom theme from local storage or IndexDB
- Add welcome editor
Show the name of the current editor in the page title- Add dark theme
Add LICENSE file- Drag 'n drop on directory explorer to move file and folder
- Drag 'n drop on editor tab to edge to add new editor group