Web front-end for Cryostat, providing a graphical user interface for managing JFR on remote JVMs.
Based on Patternfly React Seed.
-
cryostat-core for the core library providing a convenience wrapper and headless stubs for use of JFR using JDK Mission Control internals.
-
cryostat-operator for an OpenShift Operator facilitating easy setup of Cryostat in your OpenShift cluster as well as exposing the Cryostat API as Kubernetes Custom Resources.
-
cryostat for the JFR management service.
- Node v16+
- Yarn v3.3.0+
$ yarn install --immutable$ yarn build
# or without tests
$ yarn build:notestsDevelopment environment supports hot reload with Webpack's Hot Module Replacement.
First, launch a Cryostat instance with CORS enabled by setting CRYOSTAT_CORS_ORIGIN to http://localhost:9000. For example:
$ cd /path/to/cryostat
$ CRYOSTAT_DISABLE_SSL=true CRYOSTAT_CORS_ORIGIN=http://localhost:9000 sh run.shThen, run:
$ yarn start:devTo quickly preview changes without launching a Cryostat instance, run:
$ yarn start:dev:previewIn this case, API requests are intercepted and handled by Mirage JS.
$ yarn test$ yarn itest:previewRefer to TESTING.md for more details about tests.
ESLint is a linter that checks for code quality and style. Configuration can be found in .eslintrc.
The ESLint job runs on every pull request, and will fail if there are any ESLint errors. Warnings will not fail the job.
To fix this, run:
$ yarn eslint:applyYou can also run yarn eslint:check to see if there are any ESLint issues without applying the fixes.
To run a development server with ESLint enabled in hot-reload mode, run:
$ yarn start:dev:lintWith this command, ESLint will run on every file change, and will show ESLint errors/warnings in the terminal.
Prettier is a code formatter that makes sure that all code is formatted the same way. Configuration can be found in .prettierrc. There is a prettierignore file that tells Prettier to ignore certain files.
The license header checking job makes sure that all files have the correct license header. The npm package can be found here. The license header can be found in LICENSE. The license-check-and-add configuration can be found in license-config.json.
The Format job runs on every pull request, and will fail if the code is not formatted correctly, or if some licenses have not been added to some files.
To fix this, format the code:
$ yarn format:applyYou can also run yarn format:check to see if there are any formatting issues without applying the formatting.
$ yarn bundle-profile:analyzeTo generate translation entries for texts in the app, run:
$ yarn localizeThe extraction tool is i18next-parser, which statically finds and exports translation entries, meaning i18next-parser does not run code and requires explicit values. See more details.
To workaround this, specify static values in i18n.ts file under any top-level directory below src/app. For example, src/app/Settings/i18n.ts.
Refer to LOCALIZATION.md for more details about our localization framework.
[*].types.ts(x): Define type definitions, including types and enums.[*].utils.ts(x): Define utility functions. These might contain constants (usually tightly coupled with the utility functions).[*].const.ts: Define constants. These constants are purely for UI rendering.[*].context.tsx: Define React contexts. These can be defined in util files.
See CONTRIBUTING.md.
![dependabot-preview[bot] avatar](https://avatars.githubusercontent.com/in/2141?v=4 "dependabot-preview[bot]")
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent