cpsi-mapview

Check out the latest deployed version at https://compassinformatics.github.io/cpsi-mapview/

Project setup

This steps assume you have Sencha CMD v6.6 installed on your system and a copy of ExtJS v6.2.0 downloaded. The project has been tested using Node v16+ - this is the minimum recommended version.

Clone this repository

git clone https://github.com/compassinformatics/cpsi-mapview.git
cd cpsi-mapview

Ensure that Sencha Cmd is available on the command line. Examples for Windows:

Powershell:

$env:Path = "D:\Tools\Sencha\Cmd\6.6.0.13;" + $env:Path

Command prompt:

SET PATH=D:\Tools\Sencha\Cmd\6.6.0.13;%PATH%

Now add your ExtJS library. The project is tested with both 6.2 (GPL), and 6.7 (commercial license).

sencha app upgrade /path/to/local/extjs6.2

Alternatively place a junction (shortcut) to point to an existing ExtJS folder:

# Command Prompt
mklink /D ext D:\Tools\Sencha\ext-6.2.0

# PowerShell
new-item -itemtype symboliclink -path . -name ext -value D:\Tools\Sencha\ext-6.2.0

Install dependencies:

npm i

Start dev-server

sencha app watch

Open http://localhost:1841 in your browser.

Override dependencies

To debug against the main branches (or a specific commit) of dependencies, update the classpath property in app.json to use the lib folder instead of node_modues, and run the following command to clone git submodules:

git submodule update --init --recursive

Docker install

If a simple local server is needed to omit CORS problems, you can use the one configured in docker-compose.yml. Fill placeholders in nginx.conf with appropriate values and start nginx server beside sencha dev server simply by:

docker-compose up

The application is available via http://localhost:81/ afterwards.

For running tests various dependencies listed in package.json need to be installed. Run the following:

npm install

Testing

Navigate to the project folder and run the following:

npm test

Note - if there are errors such as BasiGX not defined, ensure that the submodules have been created using git submodule update --init --recursive.

To have tests continually running while making changes:

npm run test:watch

To open in a browser and leave the browser open (to review UI components, debug, etc.). --auto-watch prevents application JS files being cached.

karma start --browsers Chrome --single-run=False --debug --auto-watch

See also https://glebbahmutov.com/blog/debugging-karma-unit-tests/

To run for single test file you can use the grep option:

karma start --single-run --grep 'CpsiMapview.factory.Layer'

Production Builds

sencha app build
cd cpsi-mapview\build\production\CpsiMapview
python -m http.server 8888
http://localhost:8888