kibana/packages
Vadim Dalecky 22369c9992
📕 Storybook for everyone (take 2) (#43529)
* chore: 🤖 add Infra sample Storybook story

* chore: 🤖 add @kbn/storybook package

* chore: 🤖 add sample SIEM stories

* chore: 🤖 add Canvas new Storybook config

* fix: 🐛 fix TypeScript errors

* chore: 🤖 add @kbn/babel-preset to package.json

* chore: 🤖 move dependencies to devDependencies

* chore: 🤖 make Storybook dependencies non-dev

* chore: 🤖 upgrade Storybook dependencies

* chore: 🤖 add packages to webpack

* fix: 🐛 fix TypeScript type check

* chore: 🤖 disable ESLint warnings

* chore: 🤖 remove Storybook info plugin

* chore: 🤖 upate yarn.lock

* chore: 🤖 add Storbook to Embeddables

* feat: 🎸 add --clean flag to Storybook CLI

* coalesce yarn.lock versions

* update kbn/pm dist

* This reverts commit 97d8ff9f53 and 49b07cd007.

* chore: 🤖 use fs instead of mkdirp

* chore: 🤖 use debug for message logging

* chore: 🤖 update yarn.lock

* feat: 🎸 add link to kbn-storybook package

* docs: ✏️ add Storybook readme

* chore: 🤖 remove packages that failed DLL build

* style: 💄 add ESLint comma

* chore: 🤖 apply changes from #52209

* fix: 🐛 make Canvas Storybook build again

* chore: 🤖 move Canvas stories to global Storybook

* chore: 🤖 move more Canvas components to global Storybook

* chore: 🤖 move more Canvas stories to global Storybook

* chore: 🤖 move <ItemGrid> and <KeyboardShortcutsDoc> to NP SB

* chore: 🤖 move shape picker Canvas stories to global Storybook

* chore: 🤖 move Canvas sidebar stories to global Storybook

* fix: 🐛 split imports to not import path.resolve in Storybook

* chore: 🤖 move tag and PDF panel Canvas stories to global SB

* chore: 🤖 move Canvas share website flyout stories to global SB

* fix: 🐛 clean up <ShareWebsiteFlyout> imports

* chore: 🤖 add back Canvas withInfo decorator

* chore: 🤖 look for Canvas stories everywhere in /canvas folder

* test: 💍 mock correct files in Storyshots

* test: 💍 update Canvas Storyshot snapshots

* chore: 🤖 move more Canvas components to global Storybook

* chore: 🤖 move more Canvas components to global Storybook

* test: 💍 update Canvas Storyshots

* chore: 🤖 rebuild @kbn/pm

* chore: 🤖 refresh @kbn/pm dist/index.js artifact

* chore: 🤖 update yarn.lock

* chore: 🤖 update @kbn/pm artifact

* feat: 🎸 address review comments

* fix: 🐛 remove circular import

* chore: 🤖 update yarn.lock

* test: 💍 disable a test suite

* test: 💍 update Canvas storyshots

* chore: 🤖 remvoe build step from @kbn/storybook

* chore: 🤖 enable disabled functional test suite

Co-authored-by: Spencer <email@spalger.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
2020-01-15 12:30:59 -08:00
..
elastic-datemath Revert "Update babel related packages (#52754)" 2019-12-17 11:32:49 -07:00
eslint-config-kibana Update eslint related packages (#54107) 2020-01-07 19:08:36 +01:00
kbn-analytics [Telemetry] fix bug where uiStatsMetrics is not getting report… (#54045) 2020-01-06 23:58:55 +02:00
kbn-babel-code-parser Revert "Update babel related packages (#52754)" 2019-12-17 11:32:49 -07:00
kbn-babel-preset Revert "Update babel related packages (#52754)" 2019-12-17 11:32:49 -07:00
kbn-config-schema Update schemas boolean, byteSize, and duration to coerce strings (#54177) 2020-01-08 14:48:00 -05:00
kbn-dev-utils 📕 Storybook for everyone (take 2) (#43529) 2020-01-15 12:30:59 -08:00
kbn-es Add support for certificates in PKCS#12 (P12) key stores (#53810) 2020-01-09 13:03:16 -05:00
kbn-eslint-import-resolver-kibana share specific instances of some ui packages (#54079) 2020-01-10 15:22:18 -07:00
kbn-eslint-plugin-eslint Update eslint related packages (#54107) 2020-01-07 19:08:36 +01:00
kbn-expect [kbn-expect] add optional error message (#48895) 2019-10-26 15:51:45 +02:00
kbn-i18n Fix code coverage for functional tests (#53297) 2019-12-19 08:23:30 +01:00
kbn-interpreter Revert "Update babel related packages (#52754)" 2019-12-17 11:32:49 -07:00
kbn-plugin-generator Revert "Update dependency execa to ^3.4.0 (#53072)" 2019-12-17 11:32:49 -07:00
kbn-plugin-helpers Revert "Update dependency execa to ^3.4.0 (#53072)" 2019-12-17 11:32:49 -07:00
kbn-pm 📕 Storybook for everyone (take 2) (#43529) 2020-01-15 12:30:59 -08:00
kbn-spec-to-console [Console][Chore] Update spec (#54564) 2020-01-14 18:47:13 +01:00
kbn-storybook 📕 Storybook for everyone (take 2) (#43529) 2020-01-15 12:30:59 -08:00
kbn-test [kbn/pm] add caching to bootstrap (#53622) 2020-01-03 09:35:38 -07:00
kbn-test-subj-selector Update eslint related packages (#48513) 2019-10-21 16:32:31 -07:00
kbn-ui-framework Revert "Update babel related packages (#52754)" 2019-12-17 11:32:49 -07:00
kbn-ui-shared-deps Upgrade EUI to v18.2.0 (#54786) 2020-01-14 20:19:35 -06:00
kbn-utility-types Shim input_control_vis for KP (#52243) 2019-12-18 16:25:35 -06:00
README.md

Kibana-related packages

This folder contains packages that are intended for use in Kibana and Kibana plugins.

tl;dr:

  • Don't publish to npm registry
  • Always use the @kbn namespace
  • Always set "private": true in package.json

Using these packages

We no longer publish these packages to the npm registry. Now, instead of specifying a version when including these packages, we rely on yarn workspaces, which sets up a symlink to the package.

For example if you want to use the @kbn/i18n package in Kibana itself, you can specify the dependency like this:

"@kbn/i18n": "1.0.0"

However, if you want to use this from a Kibana plugin, you need to use a link: dependency and account for the relative location of the Kibana repo, so it would instead be:

"@kbn/i18n": "link:../../kibana/packages/kbn-i18n"

How all of this works is described in more detail in the @kbn/pm docs.

Creating a new package

Create a new sub-folder. The name of the folder should mirror the name in the package's package.json. E.g. if the name is @kbn/i18n the folder name should be kbn-i18n.

All new packages should use the @kbn namespace, and should be marked with "private": true.

Unit tests for a package

Currently there are two patterns used to test packages, one using Mocha and one using Jest. These patterns emerged out of convention and we'd like to make them more similar to each other in the near future.

1. Mocha

Today a package can follow the pattern of having a __tests__ directory in each source code directory of a package which contains the tests for that module. These are usually run by Mocha.

If a package's tests should be run with Mocha, you'll have to opt-in to run them by appending the package's test file pattern(s) to Kibana's src/dev/mocha/run_mocha_cli.js file. These will then be run by the unit test runner.

  • yarn test or yarn grunt test runs all unit tests.
  • node scripts/mocha runs all Mocha tests.

2. Jest

A package can also follow the pattern of having .test.js files as siblings of the source code files, and these run by Jest.

A package using the .test.js naming convention will have those tests automatically picked up by Jest and run by the unit test runner, currently mapped to the Kibana test script in the root package.json.

  • yarn test or yarn grunt test runs all unit tests.
  • node scripts/jest runs all Jest tests in Kibana.

Each package can also specify its own test script in the package's package.json, for cases where you'd prefer to run the tests from the local package directory.