Latest Ext JS 7.8 is now available. Learn more

Announcing Sencha Tooling 7.4 Early Access

September 15, 2021 363 Views
Show

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 use the 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 to visually build apps. Cmd 7.4 can also be used to create projects. With this release, you can create sophisticated web applications quickly by combining UI components and Ext JS 7.4.

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

Ext JS 7.4 also 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 as well as deliver rich Grid experiences in your applications.

Migrating to Ext JS 7.4 framework

In addition, the architect lets you easily upgrade applications to Ext JS 7.4 that you 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 also has an updated Electron (version 11.3), which delivers performance improvements and stability in addition to Mac M1 processor support.

Try and Share Your Feedback

We look forward to reading your comments. The Sencha product and engineering team will review your feedback.

What’s New in Themer 1.4

Sencha Themer 1.4 incorporates 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. It includes many bug fixes and continued improvements to our  Modern and Classic toolkits.

  • For the classic toolkit, we added styling support for the new Ext.grid.feature.AdvancedGrouping feature and the Ext.grid.plugin.filterbar.FilterBar plugin. You can find the two new components in the left navigation bar under the Grid section. These are “Advanced Grouping” and “Grid Filter Bar”.
  • For the modern toolkit, we added styling support for the new Ext.grid.TreeGrouped grid and the Ext.grid.plugin.filterbar.FilterBar plugin. They are also available in the left navigation bar under the Grid section. These are “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

Again, we look forward to reading your comments. The Sencha product and engineering team will review your feedback.

What’s New in Sencha Test 2.4


Sencha Test 2.4.0 brings several enhancements and bug fixes. You can find details in the Release Notes.

Sencha Test notable features

  • Upgraded to Electron 11
  • Upgraded Chrome drivers to 86-90
  • Fixed Generic Web Driver has been fixed
  • Added Mac M1 processor support for arm64.

Try and Share Your Feedback

We look forward to reading your comments. The Sencha product and engineering team will review your feedback.

What’s New in Sencha Cmd 7.4.0.45

It’s now even easier to add css and js external resources in an ExtJS package. The files 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. 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.