Fixes #304
This fixes #304 which is a long running effort to upgrade application logic and UI.
You can try the new application by cloning this repository and checking out the redesing2020 branch. Then installed dependencies (npm i) and start the application (npm start).
Changelog:
- New UI for basically everything
- Request modules. A new API to design ARC plugins that runs in a context of a request or a response. Allows to manipulate the request / response objects as well as ARC data stored in the data store
- Moved old request logic into single repo -
request-engine - Consolidated components: created bigger repositories that contains components and libraries depending on their function. For example all request related UIs are in
arc-request-uirepository - Completely redesigned navigation. Now the navigation has a navigation rail to moved between different sections of the navigation. This makes space for other planned types of navigation
- ARC now uses Monaco editor to edit the request body
- Redesigned the response view. Now the response view has panels that can be opened on demand. The old response view was split into several panels.
- The application now works in a virtual file system instead of mixing both files from the file system and ESM protocol. This requires one-time-only data migration from old origin (based on files) to the new origin.
- The request panel now allows to import cURL command
- Added types definition for all data types used in the application. You can find types definitions in
arc-typesrepository. - Added centralized DOM events. Now all application events are dispatched from a single library. The library contains the logic to dispatch the events, but also definitions for events names and typescript definitions for specialized event - used when handling the events
- Moved import/export logic into
arc-modelsas these libraries operates on models directly. - Application navigation now can be resized. It can be also hidden by clicking on the currently selected menu icon.
- Response view can be now resized as the panels are being created as stacked on top of each other.
- Redesigned settings panel. Added new UI and tons of new options controlling application behavior.
- Redesigned request workspace for efficiency.
- The authorization settings now can be configured but not enabled. Also, now the application allows to configure multiple authorization settings in a single request. The authorization is applied to the request through the AuthorizationModule (in
request-enginelibrary) so the transformation won't change the request object in the editor. - Added response size limits. First limit renders a warning about the size of the message. The user can choose to render the view anyway. The other limit forces unprocessed ("raw") view of the response. This way it reduces chances of application hanging.
- Removed "table view" from the response view. This module turned out to be very challenging to create and maintain. The final effect was a slow UI and not so good experience when working with the data.
- Redesigned request actions. It has new actions (set variable, set cookie, delete cookie). Actions are also conditional. The user can set up a condition when the action is to be executed.
- Added new request editor tab: meta. It renders request meta data (name, list of projects, etc).
- Removed ability to export to multiple folders in Google Drive (this was deprecated in Drive API).
- The "detailed" URL editor now only edit query parameters
- The request body editor now support different specialized editors and each of them stores own value. This means that when the user switch from "raw" to "Multipart" editor the multipart editor will restore previously used form
- Themes manager now opens in a new window instead being part of ARC
- Added status message about currently transported request. The transport library informs the application when the message is being transmitted, when headers are received, when response payload is being read, and when the load complete.
- Added ability to send the request by pressing ctrl+Enter anywhere in the request editor. Subsequently,
Escapekey cancels the request. - Tabs in the request workspace now have flexible width. When more tabs is opened they shrink to accommodate all tabs in the current view.
- Fixed tons of spelling mistakes :)
