@backstage/plugin-devtools 0.0.0-nightly-20240814021923 → 0.0.0-nightly-20240816021916

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,17 +1,18 @@
1
1
  # @backstage/plugin-devtools
2
2
 
3
- ## 0.0.0-nightly-20240814021923
3
+ ## 0.0.0-nightly-20240816021916
4
4
 
5
5
  ### Patch Changes
6
6
 
7
+ - c7603e8: Deprecate the old pattern of `create*Extension`, and replace it with the equivalent Blueprint implementation instead
7
8
  - Updated dependencies
8
- - @backstage/frontend-plugin-api@0.0.0-nightly-20240814021923
9
- - @backstage/core-components@0.0.0-nightly-20240814021923
10
- - @backstage/core-compat-api@0.0.0-nightly-20240814021923
9
+ - @backstage/frontend-plugin-api@0.0.0-nightly-20240816021916
10
+ - @backstage/core-components@0.0.0-nightly-20240816021916
11
+ - @backstage/core-compat-api@0.0.0-nightly-20240816021916
11
12
  - @backstage/core-plugin-api@1.9.3
12
13
  - @backstage/errors@1.2.4
13
- - @backstage/plugin-devtools-common@0.0.0-nightly-20240814021923
14
- - @backstage/plugin-permission-react@0.0.0-nightly-20240814021923
14
+ - @backstage/plugin-devtools-common@0.0.0-nightly-20240816021916
15
+ - @backstage/plugin-permission-react@0.0.0-nightly-20240816021916
15
16
 
16
17
  ## 0.1.17-next.3
17
18
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@backstage/plugin-devtools__alpha",
3
- "version": "0.0.0-nightly-20240814021923",
3
+ "version": "0.0.0-nightly-20240816021916",
4
4
  "main": "../dist/alpha.esm.js",
5
5
  "module": "../dist/alpha.esm.js",
6
6
  "types": "../dist/alpha.d.ts"
@@ -1,34 +1,40 @@
1
1
  import React from 'react';
2
- import { createApiExtension, createApiFactory, discoveryApiRef, fetchApiRef, createPageExtension, createNavItemExtension, createPlugin } from '@backstage/frontend-plugin-api';
2
+ import { ApiBlueprint, createApiFactory, discoveryApiRef, fetchApiRef, PageBlueprint, NavItemBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
3
3
  import { devToolsApiRef } from '../api/DevToolsApi.esm.js';
4
4
  import { DevToolsClient } from '../api/DevToolsClient.esm.js';
5
5
  import { convertLegacyRouteRef, compatWrapper } from '@backstage/core-compat-api';
6
6
  import BuildIcon from '@material-ui/icons/Build';
7
7
  import { rootRouteRef } from '../routes.esm.js';
8
8
 
9
- const devToolsApi = createApiExtension({
10
- factory: createApiFactory({
11
- api: devToolsApiRef,
12
- deps: {
13
- discoveryApi: discoveryApiRef,
14
- fetchApi: fetchApiRef
15
- },
16
- factory: ({ discoveryApi, fetchApi }) => new DevToolsClient({ discoveryApi, fetchApi })
17
- })
9
+ const devToolsApi = ApiBlueprint.make({
10
+ params: {
11
+ factory: createApiFactory({
12
+ api: devToolsApiRef,
13
+ deps: {
14
+ discoveryApi: discoveryApiRef,
15
+ fetchApi: fetchApiRef
16
+ },
17
+ factory: ({ discoveryApi, fetchApi }) => new DevToolsClient({ discoveryApi, fetchApi })
18
+ })
19
+ }
18
20
  });
19
- const devToolsPage = createPageExtension({
20
- defaultPath: "/devtools",
21
- routeRef: convertLegacyRouteRef(rootRouteRef),
22
- loader: () => import('../components/DevToolsPage/index.esm.js').then(
23
- (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.DevToolsPage, null))
24
- )
21
+ const devToolsPage = PageBlueprint.make({
22
+ params: {
23
+ defaultPath: "/devtools",
24
+ routeRef: convertLegacyRouteRef(rootRouteRef),
25
+ loader: () => import('../components/DevToolsPage/index.esm.js').then(
26
+ (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.DevToolsPage, null))
27
+ )
28
+ }
25
29
  });
26
- const devToolsNavItem = createNavItemExtension({
27
- title: "DevTools",
28
- routeRef: convertLegacyRouteRef(rootRouteRef),
29
- icon: BuildIcon
30
+ const devToolsNavItem = NavItemBlueprint.make({
31
+ params: {
32
+ title: "DevTools",
33
+ routeRef: convertLegacyRouteRef(rootRouteRef),
34
+ icon: BuildIcon
35
+ }
30
36
  });
31
- var plugin = createPlugin({
37
+ var plugin = createFrontendPlugin({
32
38
  id: "devtools",
33
39
  routes: {
34
40
  root: convertLegacyRouteRef(rootRouteRef)
@@ -1 +1 @@
1
- {"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n createApiExtension,\n createApiFactory,\n createNavItemExtension,\n createPageExtension,\n createPlugin,\n discoveryApiRef,\n fetchApiRef,\n} from '@backstage/frontend-plugin-api';\n\nimport { devToolsApiRef, DevToolsClient } from '../api';\nimport {\n compatWrapper,\n convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport BuildIcon from '@material-ui/icons/Build';\nimport { rootRouteRef } from '../routes';\n\n/** @alpha */\nexport const devToolsApi = createApiExtension({\n factory: createApiFactory({\n api: devToolsApiRef,\n deps: {\n discoveryApi: discoveryApiRef,\n fetchApi: fetchApiRef,\n },\n factory: ({ discoveryApi, fetchApi }) =>\n new DevToolsClient({ discoveryApi, fetchApi }),\n }),\n});\n\n/** @alpha */\nexport const devToolsPage = createPageExtension({\n defaultPath: '/devtools',\n routeRef: convertLegacyRouteRef(rootRouteRef),\n loader: () =>\n import('../components/DevToolsPage').then(m =>\n compatWrapper(<m.DevToolsPage />),\n ),\n});\n\n/** @alpha */\nexport const devToolsNavItem = createNavItemExtension({\n title: 'DevTools',\n routeRef: convertLegacyRouteRef(rootRouteRef),\n icon: BuildIcon,\n});\n\n/** @alpha */\nexport default createPlugin({\n id: 'devtools',\n routes: {\n root: convertLegacyRouteRef(rootRouteRef),\n },\n extensions: [devToolsApi, devToolsPage, devToolsNavItem],\n});\n"],"names":[],"mappings":";;;;;;;;AAoCO,MAAM,cAAc,kBAAmB,CAAA;AAAA,EAC5C,SAAS,gBAAiB,CAAA;AAAA,IACxB,GAAK,EAAA,cAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,YAAc,EAAA,eAAA;AAAA,MACd,QAAU,EAAA,WAAA;AAAA,KACZ;AAAA,IACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,cAAe,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU,CAAA;AAAA,GAChD,CAAA;AACH,CAAC,EAAA;AAGM,MAAM,eAAe,mBAAoB,CAAA;AAAA,EAC9C,WAAa,EAAA,WAAA;AAAA,EACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,EAC5C,MAAQ,EAAA,MACN,OAAO,yCAA4B,CAAE,CAAA,IAAA;AAAA,IAAK,OACxC,aAAc,iBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,YAAA,EAAF,IAAe,CAAE,CAAA;AAAA,GAClC;AACJ,CAAC,EAAA;AAGM,MAAM,kBAAkB,sBAAuB,CAAA;AAAA,EACpD,KAAO,EAAA,UAAA;AAAA,EACP,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,EAC5C,IAAM,EAAA,SAAA;AACR,CAAC,EAAA;AAGD,aAAe,YAAa,CAAA;AAAA,EAC1B,EAAI,EAAA,UAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,sBAAsB,YAAY,CAAA;AAAA,GAC1C;AAAA,EACA,UAAY,EAAA,CAAC,WAAa,EAAA,YAAA,EAAc,eAAe,CAAA;AACzD,CAAC,CAAA;;;;"}
1
+ {"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n createApiFactory,\n createFrontendPlugin,\n discoveryApiRef,\n fetchApiRef,\n ApiBlueprint,\n PageBlueprint,\n NavItemBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport { devToolsApiRef, DevToolsClient } from '../api';\nimport {\n compatWrapper,\n convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport BuildIcon from '@material-ui/icons/Build';\nimport { rootRouteRef } from '../routes';\n\n/** @alpha */\nexport const devToolsApi = ApiBlueprint.make({\n params: {\n factory: createApiFactory({\n api: devToolsApiRef,\n deps: {\n discoveryApi: discoveryApiRef,\n fetchApi: fetchApiRef,\n },\n factory: ({ discoveryApi, fetchApi }) =>\n new DevToolsClient({ discoveryApi, fetchApi }),\n }),\n },\n});\n\n/** @alpha */\nexport const devToolsPage = PageBlueprint.make({\n params: {\n defaultPath: '/devtools',\n routeRef: convertLegacyRouteRef(rootRouteRef),\n loader: () =>\n import('../components/DevToolsPage').then(m =>\n compatWrapper(<m.DevToolsPage />),\n ),\n },\n});\n\n/** @alpha */\nexport const devToolsNavItem = NavItemBlueprint.make({\n params: {\n title: 'DevTools',\n routeRef: convertLegacyRouteRef(rootRouteRef),\n icon: BuildIcon,\n },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n id: 'devtools',\n routes: {\n root: convertLegacyRouteRef(rootRouteRef),\n },\n extensions: [devToolsApi, devToolsPage, devToolsNavItem],\n});\n"],"names":[],"mappings":";;;;;;;;AAoCa,MAAA,WAAA,GAAc,aAAa,IAAK,CAAA;AAAA,EAC3C,MAAQ,EAAA;AAAA,IACN,SAAS,gBAAiB,CAAA;AAAA,MACxB,GAAK,EAAA,cAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,cAAe,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU,CAAA;AAAA,KAChD,CAAA;AAAA,GACH;AACF,CAAC,EAAA;AAGY,MAAA,YAAA,GAAe,cAAc,IAAK,CAAA;AAAA,EAC7C,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,WAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,yCAA4B,CAAE,CAAA,IAAA;AAAA,MAAK,OACxC,aAAc,iBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,YAAA,EAAF,IAAe,CAAE,CAAA;AAAA,KAClC;AAAA,GACJ;AACF,CAAC,EAAA;AAGY,MAAA,eAAA,GAAkB,iBAAiB,IAAK,CAAA;AAAA,EACnD,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,UAAA;AAAA,IACP,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,IAAM,EAAA,SAAA;AAAA,GACR;AACF,CAAC,EAAA;AAGD,aAAe,oBAAqB,CAAA;AAAA,EAClC,EAAI,EAAA,UAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,sBAAsB,YAAY,CAAA;AAAA,GAC1C;AAAA,EACA,UAAY,EAAA,CAAC,WAAa,EAAA,YAAA,EAAc,eAAe,CAAA;AACzD,CAAC,CAAA;;;;"}
package/dist/alpha.d.ts CHANGED
@@ -1,8 +1,24 @@
1
+ import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
1
2
  import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
3
+ import React__default from 'react';
2
4
 
3
5
  /** @alpha */
4
6
  declare const _default: _backstage_frontend_plugin_api.BackstagePlugin<{
5
7
  root: _backstage_frontend_plugin_api.RouteRef<undefined>;
6
- }, {}, {}>;
8
+ }, {}, {
9
+ "api:devtools": _backstage_frontend_plugin_api.ExtensionDefinition<{}, {}, _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>, {}, "api", undefined, undefined>;
10
+ "page:devtools": _backstage_frontend_plugin_api.ExtensionDefinition<{
11
+ path: string | undefined;
12
+ }, {
13
+ path?: string | undefined;
14
+ }, _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
15
+ optional: true;
16
+ }>, {}, "page", undefined, undefined>;
17
+ "nav-item:devtools": _backstage_frontend_plugin_api.ExtensionDefinition<{}, {}, _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
18
+ title: string;
19
+ icon: _backstage_core_plugin_api.IconComponent;
20
+ routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
21
+ }, "core.nav-item.target", {}>, {}, "nav-item", undefined, undefined>;
22
+ }>;
7
23
 
8
24
  export { _default as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@backstage/plugin-devtools",
3
- "version": "0.0.0-nightly-20240814021923",
3
+ "version": "0.0.0-nightly-20240816021916",
4
4
  "backstage": {
5
5
  "role": "frontend-plugin",
6
6
  "pluginId": "devtools",
@@ -50,13 +50,13 @@
50
50
  "test": "backstage-cli package test"
51
51
  },
52
52
  "dependencies": {
53
- "@backstage/core-compat-api": "^0.0.0-nightly-20240814021923",
54
- "@backstage/core-components": "^0.0.0-nightly-20240814021923",
53
+ "@backstage/core-compat-api": "^0.0.0-nightly-20240816021916",
54
+ "@backstage/core-components": "^0.0.0-nightly-20240816021916",
55
55
  "@backstage/core-plugin-api": "^1.9.3",
56
56
  "@backstage/errors": "^1.2.4",
57
- "@backstage/frontend-plugin-api": "^0.0.0-nightly-20240814021923",
58
- "@backstage/plugin-devtools-common": "^0.0.0-nightly-20240814021923",
59
- "@backstage/plugin-permission-react": "^0.0.0-nightly-20240814021923",
57
+ "@backstage/frontend-plugin-api": "^0.0.0-nightly-20240816021916",
58
+ "@backstage/plugin-devtools-common": "^0.0.0-nightly-20240816021916",
59
+ "@backstage/plugin-permission-react": "^0.0.0-nightly-20240816021916",
60
60
  "@material-ui/core": "^4.9.13",
61
61
  "@material-ui/icons": "^4.9.1",
62
62
  "@material-ui/lab": "^4.0.0-alpha.57",
@@ -64,8 +64,8 @@
64
64
  "react-use": "^17.2.4"
65
65
  },
66
66
  "devDependencies": {
67
- "@backstage/cli": "^0.0.0-nightly-20240814021923",
68
- "@backstage/dev-utils": "^0.0.0-nightly-20240814021923",
67
+ "@backstage/cli": "^0.0.0-nightly-20240816021916",
68
+ "@backstage/dev-utils": "^0.0.0-nightly-20240816021916",
69
69
  "@testing-library/jest-dom": "^6.0.0"
70
70
  },
71
71
  "peerDependencies": {