CatalogUi

Development server

Run "npm start" for a dev server. Navigate to "http://localhost:9000/". The app will automatically reload if you change any of the source files.

To Specify the user role:

npm start --env.role designer

npm run

Build

--- dev --- Run "npm run build" to build the project. The build artifacts will be stored in the dist/ directory.

--- prod --- Run "npm run build:prod" to build the project. The build artifacts will be stored in the dist/ directory.

Configuration

###webpack.server.js Development server is configured in /webpack.server.js file. Configure the constants accordingly:

  • const devPort: the webpack server port;
  • const feHost: the catalog front-end container host;
  • const fePort: the catalog front-end container port.

The server will create a proxy to the front end calls based on the feHost and fePort. It will also create authorization cookies to those requests. The cookies and user information comes from the /configurations/mock.json file under the nodes sdcConfig.cookie and sdcConfig.userTypes respectively. The default user role is the node sdcConfig.userTypes.designer (configurable with the npm parameter --env.role).

###Application Configuration Application configuration dev.js or prod.js and menu.js are located in /configuration folder and required by app.ts according to ENV parameter from webpack.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Before running the tests make sure you are serving the app via ng serve.

-- Working with WebStorm --

go to File --> Settings --> Languages & Frameworks

Under JavaScript -> set JavaScript language version to ECMAScript6 Under TypeScript -> select 'Enable TypeScript Compiler' and choose 'Use tsconfige.json'