docs/frontend-system: update the rest of the API docs for 1.30

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
2024-08-15 22:11:30 +02:00
parent 9058fd4e16
commit 1fde8285ec
2 changed files with 18 additions and 16 deletions
@@ -46,23 +46,25 @@ Your utility APIs can depend on other utility APIs in their factories. You do th
 ```tsx
 import {
  configApiRef,
-  createApiExtension,
+  ApiBlueprint,
  createApiFactory,
  discoveryApiRef,
 } from '@backstage/frontend-plugin-api';
 import { MyApiImpl } from './MyApiImpl';

-const myApi = createApiExtension({
-  factory: createApiFactory({
-    api: myApiRef,
-    deps: {
-      configApi: configApiRef,
-      discoveryApi: discoveryApiRef,
-    },
-    factory: ({ configApi, discoveryApi }) => {
-      return new MyApiImpl({ configApi, discoveryApi });
-    },
-  }),
+const myApi = ApiBlueprint.make({
+  params: {
+    factory: createApiFactory({
+      api: myApiRef,
+      deps: {
+        configApi: configApiRef,
+        discoveryApi: discoveryApiRef,
+      },
+      factory: ({ configApi, discoveryApi }) => {
+        return new MyApiImpl({ configApi, discoveryApi });
+      },
+    }),
+  },
 });
 ```

@@ -49,13 +49,13 @@ class CustomWorkImpl implements WorkApi {

 const myOverrides = createExtensionOverrides({
  extensions: [
-    createApiExtension({
-      api: workApiRef,
-      factory: () =>
-        createApiFactory({
+    ApiBlueprint.make({
+      params: {
+        factory: createApiFactory({
          api: workApiRef,
          factory: () => new CustomWorkImpl(),
        }),
+      },
    }),
  ],
 });