Migration issues ExtJS 5.1 -> ExtJS 6.0

I have managed to migrate Ext 5.1 to Ext 6 but there was some issues, mostly related to fashion.

General issues:

1 - sencha app upgrade doesn't work as it should, so the whole process is mostly manual. It was easier to just copy app.json and .sencha folder from application that was generated with ExtJS6 and then adjust it.

2 - "toolkit":"classic" must be set in app.json before upgrade.

3 - "modern" build profile will not work, because by default all views that we have are belonging to ExtJS, so just commented it out.

Fashion issues:

$sc-frame-top-background-color: #555555;

$sc-frame-top-background-color-over: tint($sc-frame-top-background-color, 10%);

$sc-frame-top-background-color-active: tint($sc-frame-top-background-color, 20%);

leads to this

Quote:

---

scss build error for ..\..\..\..\build\temp\production\ServiceCatalog\slicer-temp\ServiceCatalog-example.scss

Error: arg 1 tint(#555555, 20%) is not a color for 'mix'

Error: arg 1 tint(#555555, 20%) is not a color for 'mix'

saving generated css

loading generated css

using base hfref : http://localhost:1841/build/temp/pro...g/slicer-temp/

css build complete

loading widget definitions...

rendering widgets...

processing update type : CaptureWidgetManifest

saving image file to D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer/build/temp/production/ServiceCatalog/slicer-temp/theme-

capture.png

Saving slicer page image to D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer/build/temp/production/ServiceCatalog/slicer-temp

/theme-capture.png

saving widget data to D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer/build/temp/production/ServiceCatalog/slicer-temp/theme

-capture.json

Saving slicer widget manifest to D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer/build/temp/production/ServiceCatalog/slicer

[INF] Slicing images...n

[ERR]

[ERR] BUILD FAILED

[ERR] com.sencha.exceptions.BasicException: Java heap space

[ERR] at com.sencha.cli.Commands.dispatch(Commands.ja

[ERR] va:64)

[ERR]

[ERR] Total time: 29 seconds



[ERR] The following error occurred while executing this line:

D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer\Modules\ServiceCatalog\.sencha\app\build-impl.xml:335: The following error o

ccurred while executing this line:

D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer\Modules\ServiceCatalog\.sencha\app\slice-impl.xml:370: The following error o

ccurred while executing this line:

D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer\Modules\ServiceCatalog\.sencha\app\slice-impl.xml:371: The following error o

ccurred while executing this line:

D:\Perforce\depot\Eng\SaaS\main\Platform\AppServer\Modules\ServiceCatalog\.sencha\app\slice-impl.xml:240: com.sencha.exceptions

.BasicException: Java heap space

---

if we remove all tint calls then this problem is gone.

@media doesn't work



@media (max-width: 768px) {

.page-form {

border-width: 1px 0 1px 0;

padding: 10px 0 10px 0;

}



but in general it is not that bad for pre-beta :)

Migration issues ExtJS 5.1 -> ExtJS 6.0