OXIDE V2 Release

We are very excited to announce the release of a major new version of OXIDE. You should get this latest version simply after reloading the OXIDE tab.

OXIDE V2 is packed with many new features and improvements to boost developer productivity, with some of the main ones being:

1. Resizable panels and floating windows.

2. Pin floating windows so that they remain visible on screen, even as you switch workspaces.

3. Select multiple items (by holding down the Shift key) and perform batch actions. For example, select multiple CloudCode tasks and upgrade all to the latest version.

4. New and improved drag and drop functionality. For example, drag files (from desktop) directly into CloudCode tasks, App packages, and Assets folders.

5. New app package templates (for TypeScript apps) to streamline building custom HTML components (including boilerplate code for interfacing with the JourneyApps iFrame Client).

6. Improved search: OXIDE remembers your search history in various panels, and fuzzy search is now supported.

7. Improved toolbars: you can now store shortcuts to frequently used CloudCode tasks, models, and/or actions.

We have published a feature blog post highlighting some of the new functionality. Check it out here.

Find a full Changelog of OXIDE V2 below, as well as some common troubleshooting pointers should you run into any unexpected issues in this new version.

Full Changelog

Workspaces

Added

• Ability to resize workspace panels and floating windows.

• Floating windows can now be pinned to remain visible even when switching workspaces.

• New options while dragging panels onto other panels:

  • Add to tab

  • Convert to tabs

  • Convert to tray

  • Replace

• Two new actions with shortcuts to cycle through open tabs in the first tab group: “Cycle left/right through open tabs” ctrl + shift + { or }

• “Add Panel to workspace” action.

• “Close panel” action when right-clicking a panel title.

Improved

• Redesigned toolbars, and added a new left and right toolbar where shortcuts can be stored (e.g. common actions, or even individual CloudCode tasks)

• Workspaces are now automatically saved; removed the action for saving a workspace.

• Workspace trays now show a panel selector which changes the content it renders in both collapsed and normal modes.

• When there is an empty panel in a tab group, a button is now shown to select a panel.

• Redesigned the Changes panel and added responsiveness.

• Improved the appearance of the dividers between panels while resizing.

• All panels inside expanded trays now have scrollbars when content will begin to overflow.

• Double-click on a fullscreen tab or panel to leave fullscreen mode.

Fixed

• Changing a workspace when in fullscreen mode will now exit fullscreen mode correctly.

• Simple mode now switches to the correct workspace when opening a file.

• The 'Select a file' button in the Code Editor panel now works.

Actions

Added

• The ability to select multiple items when pressing the Shift key, and batch processing of actions.

  • Example: In CloudCode, multiple CloudCode tasks can be selected and upgraded to the latest CloudCode version.

  • Example: In the Data Model panel, multiple objects can be selected and deleted.

• Confirmation dialogs to most actions that are destructive. This is replaced with a single check when running the action in batch mode.

Data Model

Added

• The ability to select multiple models and model fields when pressing the Shift key, and batch processing of actions.

• Panel display modes for schema objects where you can choose to display models by label or by name.

• Drag and drop schema models (from the ERD, Data model panel, or toolbar) directly onto other models to dynamically create relationships.

Views

Added

• The ability to select multiple views when pressing the Shift key, and batch processing of actions.

• New action to copy a view path, and is also accessible via right-click.

• Right-clicking on a view tab will show view actions.

• New button to reveal the view in the Views panel. This will expand the tree to expose the view, and will then scroll the item into view if hidden.

Improved

• Right-click menus on views, which now additionally provide quick links to documentation.

• If linked view editing is enabled, OXIDE will always ensure both files are opened if one of the corresponding view files is selected from anywhere within the IDE (View tree, Advanced search, Command palette, etc.).

Fixed

• Warnings and errors now show correctly in the nav.view.xml file.

CloudCode

Added

• The ability to select multiple tasks when pressing the Shift key, and batch processing of actions.

• Drag and drop multiple files from desktop directly into folders.

• Right-click actions to folders:

  • Upload file

  • Find usages

Improved

• The CloudCode tasks panel now retains its tree structure state at all times.

• CloudCode task files are now placed in a 'Code' folder with its own set of actions.

Fixed

• Create Task action now checks for an existing task with the same name to prevent overriding the original task.

Deployments

Added

• The deployment’s ID is now displayed on a deployment’s card. It can be copied by clicking the value.

Fixed

• Deployed by: “unknown” in the deploy logs will now show who performed the deploy.

Settings

Added

• More Editor shortcuts are now available.

Improved

• Available feature flags are now context specific to the runtime version configured. In newer runtime versions, some flags are removed, while others are added.

• Stability of the keyboard shortcut system.

App Packages

Added

• The ability to select multiple packages when pressing the Shift key, and batch processing of actions.

• New package templates:

  • JS HTML Component

  • TS HTML Component

  • React + TS HTML Component

• Drag and drop multiple files from desktop directly into folders.

• Right-click actions to folders:

  • Upload file

Improved

• The Packages panel now retains the tree state much like other panels such as Views and CloudCode tasks.

• App packages now run yarn install after they were created.

Assets

Added

• Drag and drop multiple files from desktop directly into folders.

• Right-click actions to folders:

  • Upload file

Fixed

• A media panel that was opened previously now shows again after a reload.

UI

Added

• Controls in various panels to sort items

  • The Data model panel now includes sorting models according to their order in schema.xml.Drag and drop various objects across the IDE (schema objects, actions, tasks, etc.)

• Drop zones are highlighted based on the object being dragged.

Improved

• New OXIDE branding.

• Better categorization of menu items in the top-right corner drop-downs.

• Better default workspaces.

• App and organizations are now sorted alphabetically in all drop-downs and in the Command palette.

• Right-clicking on various entities now shows links to contextual help (e.g. developer documentation).

• The design of drop-downs, and added group labels.

• Scrollbars in all panels are now consistent.

• Long commit messages are now trimmed in the History panel with the full message provided as a tooltip.

• iPad (and smaller screen) compatibility when using Safari.

  • Various toolbars and tab groups now scroll to cater for the smaller screen sizes

• Double-click on a tree folders (across all panels) to open the file tree.

• Better categorization of global actions (such as “Create task”) when listed alongside other actions.

• Changing light or dark mode, now also changes the theme of the view and gallery designer.

Fixed

• In some rare cases, duplicate containers would sometimes be shown.

Search

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.

• Fuzzy search has been implemented on most search fields. For example, searching for twst will return valid results for results that would match test.

Command Palette

Added

• Search for and select a theme from the command palette.

Improved

• Action entries now show their grouping on the right such as (CloudCode).

• Actions and Files top-level categories now show 100 items by default.

• Quick search will scroll entries into view.

• Actions for the currently focused code editor are now shown first in the Command palette when there is an editor currently focused.

Branches

Added

• Drag and drop support for branches

  • Drag a branch onto a different branch to start a merge operation.

• Select multiple branches

  • Batch delete

Improved

• Search in the branches panel now highlights matches, and also matches drafts.

Performance

Improved

• OXIDE is overall more performant, especially in larger apps.

  • OXIDE will only parse views that are actively being rendered within OXIDE, compared to previous functionality where any schema or view changes were always passed and validated in the background even if they were not shown.

• OXIDE is slightly faster at opening up code editor files, and in many cases the loading animation will no longer briefly appear.

Troubleshooting pointers

We took a lot of care to ensure that the transition from OXIDE V1 to OXIDE V2 is smooth, but there may be edge cases or app-specific issues that we missed. If you run into unexpected behavior after first loading OXIDE V2, we recommend trying any of the following actions:

• If keyboard shortcuts stopped working, trigger the Reset shortcuts action.

  • Note that the shortcut system was overhauled in OXIDE V2 to improve its stability. We, therefore, had to reset keyboard shortcuts, but a manual reset may resolve unexpected issues.

• Trigger the Reset workspaces and/or the Reset preferences action.

• Try these instructions to reset OXIDE's serialized workspace settings.

Please reach out to us via support if you come across an issue that isn't resolved through any of the above actions. Please include screenshots of any errors displayed in Chrome's developer console. We will treat blocking issues with the highest priority.