We’re pleased to announce that Sencha Tooling 7.4 EA is now available to all Ext JS Pro and Premium customers. In this pack, we have new updates and improvements for Sencha Architect, Sencha Themer, Upgrade Adviser, Sencha Test, and Sencha Cmd.

What’s New in Architect 4.3

With Architect 4.3, you can visually build apps using new Ext JS 7.4 grid features such as Grid Multi-Grouping level, Grid Filter Bar, Grouping Summary, and totals for both classic and modern toolkits, as well as build projects with Cmd 7.4. This release will enable you to quickly build sophisticated web applications using Ext JS 7.4.

Enhance your Ext JS Grids by using new Ext JS 7.4 Grid Features

Ext JS 7.4 delivers some amazing new capabilities for Grid in Classic and Modern toolkits. With Sencha Architect 4.3, you can visually build Ext JS apps with new configs and plugins for Grid, delivering rich Grid experiences in your applications.

Migrating to Ext JS 7.4 framework

The architect provides options to easily upgrade applications to Ext JS 7.4 that were built using older versions of the framework. You can upgrade to the latest version of the Ext JS framework when you right-click on ‘Library’ in the Resources section of Sencha Architect.

Bug Fixes and Performance Improvements

With 13+ bug fixes, this release brings a solid set of improvements that the Sencha Architect users have been waiting for.
Please see the Sencha Architect 4.3 release notes
Architect 4.3 has an updated Electron (version 11.3), which delivers performance improvements and stability and Mac M1 processor support.

Try and Share Your Feedback

Feedback will be reviewed by the Sencha product and engineering team. We look forward to reading your comments

What’s New in Themer 1.4

Sencha Themer 1.4 provides many bug fixes and improvements, which you can review here. In addition to these updates, we are also very excited to announce the following additions.

Support for Ext JS 7.4.0 and Cmd 7.4

Themer now supports Ext JS 7.4.0, which includes many bug fixes and continued improvements regarding Modern and Classic toolkits.

• For the classic toolkit, styling support for the new Ext.grid.feature.AdvancedGrouping feature and the Ext.grid.plugin.filterbar.FilterBar plugin has been added in the form of two new components available in the left navigation bar under the Grid section. These are named “Advanced Grouping” and “Grid Filter Bar”.
• For the modern toolkit, styling support for the new Ext.grid.TreeGrouped grid and the Ext.grid.plugin.filterbar.FilterBar plugin has been added in the form of two new components available in the left navigation bar under the Grid section. These are named “Tree Grouped Grid” and “Grid Filter Bar”

Bug Fixes and Performance Improvements

• Themer 1.4 has an updated Electron (version 12.0.11), which delivers performance improvements and stability.
• Mac M1 processor – Support for arm64 has been added for Electron.

Please see the Sencha Themer 1.4 release notes.

Try and Share Your Feedback

Feedback will be reviewed by the Sencha product and engineering team. We look forward to reading your comments.

What’s New in Sencha Test 2.4

Sencha Test 2.4.0 brings a number of enhancements and bug fixes. These are detailed in the Release Notes.

Sencha Test notable features

• Sencha Test Studio has been upgraded to Electron 11
• Sencha Test included Chrome drivers have been updated to 86-90
• The Generic Web Driver has been fixed
• Mac M1 processor – Support for arm64 has been added for Electron.

Try and Share Your Feedback

Feedback will be reviewed by the Sencha product and engineering team. We look forward to reading your comments.

What’s New in Sencha Cmd 7.4.0.45

It’s now even easier to add css and js external resources in a ExtJS package.The files included in the elements of the ‘js’ and ‘css’ arrays of the `package.json` files will be loaded by the package-loader package when these packages are included in the ‘uses’ array of the `app.json` file and they are dynamically loaded:

Ext.Package.load(pkgName).then(function () {
   target.add({
       xtype: pkgName + 'main'
              });
});

These files can be remote or local files. Sencha Cmd should be instructed to copy the files or folders that contain the local files indicated in the css and js arrays the compiled version of the package including the file or directory as one more element within the `’resources’` array of the `package.json` file.

For instance:
`app.json`

...
"requires": [
"font-awesome",
"package-loader"
],
"uses": [
"package1"
],
...

`package.json`

...
"js": [
{
"path": "https://code.jquery.com/jquery-3.6.0.min.js"
},
{
"path": "${package.dir}/externalLib/external1.js"
}
],
"css": [{
"path": "${package.dir}/externalLib/external1.css"
}],
"resources": [
"externalLib"
]
...

That functionality could be used invoking Sencha Cmd by running ‘sencha app build’ or
‘sencha app build -uses’.

Existing applications currently using the dynamic package loader feature should update both Sencha Cmd and the package-loader package to take advantage of these fixes:

Read more in the Release Notes.