Compiling app.min.js with Sencha fails

Peter4 years ago

Hello,

I want to modify the frontend a little bit and tried to use the Sencha framework for it.
Downloaded and installed "Sencha Cmd 6.2.2" (this was the closest version to 6.2.0 in load.js), also extracted one version of sencha-touch-2.4.2-commercial.
Modified minify.bat to properly run Sencha and pointed it to the touch-sdk.
Whenever I try to run Sencha I get this output:

Sencha Cmd v6.2.2.36
[INF] Loading compiler context
[ERR] Failed to resolve dependency Ext.data.ChainedStore for file Traccar.store.VisibleDevices
[ERR] Unknown definition for dependency : Ext.data.ChainedStore

If I comment out the reference to ChainedStore, it fails next here:
[ERR] Failed to resolve dependency Ext.grid.filters.filter.List for file Traccar.view.ArrayListFilter
[ERR] Unknown definition for dependency : Ext.grid.filters.filter.List

It seems like it doesn't find those libraries and upon searching they seem to be not be of the packages I downloaded and installed.
Did I miss something or is it impossible to build the app with just the freely accessible packages?

After this I tried the debug.html but here multiple path issues popped up and e.g. didn't find Application.js and after fixing this with a symbolic link, it didn't find Server.js.
It seems like I also miss something crucial for using it without minifying it.

Can you please give me some hints?

Regards
Peter

Anton Tananaev4 years ago

You have to use classic SDK, not touch (modern).

Peter4 years ago

Thank you for the hint with the classic SDK.
Were able to modify everything to my needs so far, but I still miserably fail compiling app.min.js. Without the minification it works in IDEA but is too slow for real usage.

I am running Windows 10 and ran the commands in Powershell x64 with admin rights.
I registered for the community edition of sencha, then I used these commands in my attempts to compile app.min.js:

git clone https://github.com/traccar/traccar-web.git
npm install eslint
npm install @sencha/ext@7.0.0
npm install @sencha/cmd-windows@7.0.0
 .\minify.bat

I also tried it with 6.6.0 but had no luck. The error messages are always the same:

configFile: C:\traccar-web\node_modules\@sencha\cmd-windows\dist\sencha.cfg
Sencha Cmd v6.6.1.6
[INF] Loading compiler context
[WRN] C9000: Encountered 'debugger' statement -- C:\traccar-web\node_modules\@sencha\cmd-windows\dist\extensions\sencha-fashion\fashion\fashion-export.js:249:22
[WRN] C9000: Encountered 'debugger' statement -- C:\traccar-web\node_modules\@sencha\cmd-windows\dist\extensions\sencha-fashion\fashion\fashion.js:45116:22
[WRN] C9000: Encountered 'debugger' statement -- C:\traccar-web\node_modules\@sencha\cmd-windows\dist\extensions\sencha-fashion\fashion\fashion.js:53375:34
[ERR] C2000: Rhino Parse Error (illegal character => #! /usr/bin/env node) -- C:\traccar-web\node_modules\@sencha\cmd-windows\dist\js\node_modules\ext-precache\cli.js:1:1
[ERR] C2000: Rhino Parse Error (Compilation produced 1 syntax errors. => null) -- C:\traccar-web\node_modules\@sencha\cmd-windows\dist\js\node_modules\ext-precache\cli.js:1

[ERR] Compilation produced 1 syntax errors.

Can you give me a hint how I could properly compile app.min.js?

Regards
Peter

Anton Tananaev4 years ago

Try installing sencha from the official installers. Also, we use ExtJS version 6.2.0 (latest open source release).

Peter4 years ago

Ok, thanks, finally got it working.
Unfortunately I didn't find a nice overview page to get all the needed installers/links.
If somebody else needs them here the sources and links:

Library
Source: https://gist.github.com/danielquisbert/a1fa9aaefe5a56a6abfb9e8a54d9c98d
Extjs-link: http://cdn.sencha.com/ext/gpl/ext-6.2.0-gpl.zip

CMD
Source: http://cdn.sencha.com/cmd/6.2.1.29/release-notes.html
CMD-link: http://cdn.sencha.com/cmd/6.2.0.103/no-jre/SenchaCmd-6.2.0.103-windows-no_jre.zip

If you know the sencha structures better feel free to give me a hint how you normally start.

Regards
Peter