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