mirror of
https://github.com/clearml/clearml-web
synced 2025-01-30 22:17:22 +00:00
37ee7b5c7e
* Request bigger batches for console logs
Navigating consoles logs is a bit inefficient and searching is broken by lazy loaded messages, this commit does not solve this but helps a bit by requesting more messages at each request (current size does ~8kB brotli requests on my tests but I guess it depends on message length). 5000 is the default size for the backend:
|
||
---|---|---|
src | ||
.browserslistrc | ||
.editorconfig | ||
.eslintignore | ||
.eslintrc.json | ||
.gitignore | ||
angular.json | ||
credentials.json | ||
karma.conf.js | ||
LICENSE | ||
package-lock.json | ||
package.json | ||
proxy.config.js | ||
README.md | ||
tsconfig.json | ||
tslint.json |
ClearML Webapp
Building the UI from source
Prerequisite
- a linux machine
- Node 16 with latest npm
- clone the project to your local machine
build
cd
to the root of the project- run
npm ci
to install required node modules - run
npm run build
Application Structure
Business Logic module
Contains ClearML logic. api calls and ClearML objects (e.g tasks, models) and ClearML logic function (e.g isTaskHidden)
Core module
Contains only logic. no declarations. no dependency with any other module beside ngrx.
- services - utilities classes. file name:
<name>.service.ts
Feature Modules
Application feature modules. each module can contain declarations and providers specific to the the feature
Depend only on shared module for ui components
Each feature should contain the following:
- module - the feature module:
<featureName>.module.ts
. - component - the feature main component js file, should contain the feature's containers components only:
<featureName>.component.ts
. - component html - the feature component html:
<featureName>.component.html
. - component style - the feature component style:
<featureName>.component.scss
. - utils - the feature utils, a page with list of pure functions for utils purposes:
<featureName>.utils.ts
. - constants - the feature constants values:
<featureName>.const.ts
. - model - the feature types, interfaces and objects declarations:
<featureName>.model.ts
. - actions - redux action classes - file name:
<name>.actions.ts
- effects - ngrx effects classes. manage data flow and side effects - file name:
<name>.effect.ts
- reducers - simple functions for state composition. file name:
<name>.reducer.ts
- services - utilities classes with the same responsibility under
services
folder :<name>.service.ts
. - container components - components that will include dumb components and will pass data from the state to the dumb components and dispatch actions of the dumb components, the container components will be under
containers
folder. - dumb components - stateless view components that will communicate through inputs and outputs, the dumb components will be under
dumb
folder.
Shared Module
Application shared UI components, directives and pipes. contain only declarations. All the components should be reusable.