The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.

prometheus hacktoberfest metrics monitoring alerting grafana go influxdb mysql postgres analytics data-visualization dashboard business-intelligence elasticsearch

History

ryan 5947c1f76d cast to column		6 years ago
..
.storybook	Do not use js theme variables in sass (poor dev experience for now)	6 years ago
src	cast to column	6 years ago
CHANGELOG.md	grafana/ui 6.0.0-alpha.0 release version bump	6 years ago
README.md	@grafana/ui - release docs v1 (#15835 )	6 years ago
index.js	Implemented scripts for building and releasing grafana/ui	6 years ago
package.json	chore: Bump react and react-dom to 16.8.4	6 years ago
rollup.config.ts	Implemented scripts for building and releasing grafana/ui	6 years ago
tsconfig.build.json	Implemented scripts for building and releasing grafana/ui	6 years ago
tsconfig.json	Implemented scripts for building and releasing grafana/ui	6 years ago
tslint.json	@grafana/ui lib now contains one components, seperate lint & tsc steps	7 years ago

README.md

Grafana UI components library

@grafana/ui is a collection of components used by Grafana

Our goal is to deliver Grafana's common UI elements for plugins developers and contributors.

See package source for more details.

Installation

yarn add @grafana/ui

npm install @grafana/ui

Development

For development purposes we suggest using yarn link that will create symlink to @grafana/ui lib. To do so navigate to packages/grafana-ui and run yarn link. Then, navigate to your project and run yarn link @grafana/ui to use the linked version of the lib. To unlink follow the same procedure, but use yarn unlink instead.

Building @grafana/ui

To build @grafana/ui run npm run gui:build script from Grafana repository root. The build will be created in packages/grafana-ui/dist directory. Following steps from Development you can test built package.

Releasing new version

To release new version run npm run gui:release script from Grafana repository root. The script will prepare the distribution package as well as prompt you to bump library version and publish it to the NPM registry.

Automatic version bump

When running npm run gui:release package.json file will be automatically updated. Also, package.json file will be commited and pushed to upstream branch.

Manual version bump

To use package.json defined version run npm run gui:release --usePackageJsonVersion from Grafana repository root.

Preparing release package without publishing to NPM registry

For testing purposes there is npm run gui:releasePrepare task that prepares distribution package without publishing it to the NPM registry.

V1 release process overview

Package is compiled with TSC. Typings are created in /dist directory, and the compiled js lands in /compiled dir
Rollup creates a CommonJS package based on compiled sources, and outputs it to /dist directory
Readme, changelog and index.js files are moved to /dist directory
Package version is bumped in both @grafana/ui package dir and in dist directory.
Version commit is created and pushed to master branch
Package is published to npm

Versioning

To limit the confusion related to @grafana/ui and Grafana versioning we decided to keep the major version in sync between those two. This means, that first version of @grafana/ui is taged with 6.0.0-alpha.0 to keep version in sync with Grafana 6.0 release.