From b02ed6ee796985568f0f2e93513888a89fc8cca3 Mon Sep 17 00:00:00 2001 From: Patrik Oldsberg Date: Tue, 17 Mar 2026 15:39:42 +0100 Subject: [PATCH] docs: replace core-plugin-api and core-app-api references with frontend-plugin-api Signed-off-by: Patrik Oldsberg Made-with: Cursor --- .../building-plugins/08-analytics.md | 2 +- .../building-plugins/09-feature-flags.md | 32 ++++++------------- 2 files changed, 11 insertions(+), 23 deletions(-) diff --git a/docs/frontend-system/building-plugins/08-analytics.md b/docs/frontend-system/building-plugins/08-analytics.md index 75a0aee5cd..0b51b5ae1a 100644 --- a/docs/frontend-system/building-plugins/08-analytics.md +++ b/docs/frontend-system/building-plugins/08-analytics.md @@ -55,7 +55,7 @@ learn how to contribute the integration yourself! [matomo]: https://github.com/backstage/community-plugins/blob/main/workspaces/analytics/plugins/analytics-module-matomo/README.md [add-tool]: https://github.com/backstage/backstage/issues/new?assignees=&labels=plugin&template=plugin_template.md&title=%5BAnalytics+Module%5D+THE+ANALYTICS+TOOL+TO+INTEGRATE [int-howto]: #writing-integrations -[analytics-api-type]: https://backstage.io/api/stable/types/_backstage_core-plugin-api.index.AnalyticsApi.html +[analytics-api-type]: https://backstage.io/api/stable/types/_backstage_frontend-plugin-api.index.AnalyticsApi.html [generic-http]: https://github.com/pfeifferj/backstage-plugin-analytics-generic/blob/main/README.md ## Key Events diff --git a/docs/frontend-system/building-plugins/09-feature-flags.md b/docs/frontend-system/building-plugins/09-feature-flags.md index 0d3f60da10..06ee56be24 100644 --- a/docs/frontend-system/building-plugins/09-feature-flags.md +++ b/docs/frontend-system/building-plugins/09-feature-flags.md @@ -60,31 +60,19 @@ Feature flags are defaulted to off and can be updated by individual users in the The user's selection is saved in the user's browser local storage. Once a feature flag is toggled it may be required for a user to refresh the page to see the change. -## FeatureFlagged Component - -The easiest way to control content based on the state of a feature flag is to use the [FeatureFlagged](https://backstage.io/api/stable/functions/_backstage_core-app-api.FeatureFlagged.html) component. - -```ts -import { FeatureFlagged } from '@backstage/core-app-api'; - -... - - - - - - - - -``` - ## Evaluating Feature Flag State -It is also possible to query a feature flag using the [FeatureFlags Api](https://backstage.io/api/stable/interfaces/_backstage_core-plugin-api.index.FeatureFlagsApi.html). +You can query a feature flag using the [FeatureFlagsApi](https://backstage.io/api/stable/interfaces/_backstage_frontend-plugin-api.index.FeatureFlagsApi.html): -```ts +```tsx import { useApi, featureFlagsApiRef } from '@backstage/frontend-plugin-api'; -const featureFlagsApi = useApi(featureFlagsApiRef); -const isOn = featureFlagsApi.isActive('show-example-feature'); +function MyComponent() { + const featureFlagsApi = useApi(featureFlagsApiRef); + + if (featureFlagsApi.isActive('show-example-feature')) { + return ; + } + return ; +} ```