Over the past few months, we have been hard at work building OXIDE V2. This significant new version of OXIDE improves the overall experience for developers and enables you to build apps even faster.
Take a look at the top new productivity-focused features in OXIDE:
Resizable panels
One of the more exciting new features is now being able to resize OXIDE’s panels and floating windows. For example, you can expand a view’s JS/TS file as you work on it to make the most of your screen’s real estate. The size you configured for a panel will save automatically and remain as you switch workspaces or when you refresh OXIDE.
Panels are now also more responsive in general, such as the Changes panel adapting its size better to its contents.
Drag-and-drop capability
We have made drag-and-drop functionality a first-class citizen throughout OXIDE.
Here are some examples of what is now possible:
- You can now drag and drop files straight into CloudCode task, Packages, or Assets folders instead of having to upload them via Git.
- You can now quickly create relationships between models by simply dragging one model onto another.
- In the Branches panel, you can now drag a branch onto a different branch to start a merge operation.
Another improvement is that drop zones are now more clearly highlighted when dragging items, and various drop actions are indicated — for example, drop a panel as a tab, or by replacing an existing tab.
Multi-select & batch actions
Using the Shift key, you can now select multiple items in OXIDE and perform batch actions, saving you time and effort. Multi-select is available in various panels across OXIDE. For example, select multiple CloudCode tasks and upgrade them all to the latest CloudCode version. Or, select and delete multiple stale branches at once.
Ability to pin windows
Floating windows can now be pinned to remain visible when switching workspaces. This lets you reference relevant information easily as you work on different parts of your app. For example, keep the Data Model panel open and reference a particular field as you work on your app’s Views and CloudCode tasks. If the pinned window is scrollable, OXIDE will keep your current position as you switch workspaces and file trees will maintain their state.
New app package templates for custom HTML components
In just a few clicks, you can now create a custom HTML component using App Packages (TypeScript apps only). With App Packages, you can maintain large custom HTML projects in OXIDE very easily, thereby improving developer productivity. You can also take advantage of OXIDE’s build service to catch and highlight errors, which speeds up troubleshooting.
OXIDE V2’s package templates include an HTML widget written in React, and also contain sample code for interfacing with the JourneyApps iFrame Client (to send data between the HTML component and the application). You’ll find these new templates when creating a package:
- JS HTML component
- TS HTML component
- TS + React HTML component
Improved search in panels and the Command palette
We have added contextual search history to most panels including Advanced Search and the Command palette. The top 5 search terms will be present here and can be selected via the icon on the right of the search field. This will save you time when you want to continue or resume a search, as you will not need to retype the search term.
OXIDE now also supports fuzzy search on most search fields. For example, searching for twst will return valid results for results that would match test.
Improved toolbars
And lastly, toolbars have been improved in OXIDE. Enable the left and/or right toolbar to store shortcuts to common items and actions, including frequently used CloudCode tasks, data models, and OXIDE actions.
To see the full list of changes and updated features in OXIDE V2, you can view the full Changelog here.
