@backstage/plugin-devtools-react 0.0.0-nightly-20260127025640

package/CHANGELOG.md

@@ -0,0 +1,20 @@
+# @backstage/plugin-devtools-react
+
+## 0.0.0-nightly-20260127025640
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.0.0-nightly-20260127025640
+  - @backstage/core-plugin-api@0.0.0-nightly-20260127025640
+
+## 0.1.0
+
+### Minor Changes
+
+- be6cef5: Add support for adding `unprocessed-entities` and other tabs to `devtools` when using the New Frontend system
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.13.3

package/README.md

@@ -0,0 +1,5 @@
+# @backstage/plugin-devtools-react
+
+Welcome to the web library package for the `devtools` plugin!
+
+_This plugin was created through the Backstage CLI_

package/dist/devToolsContentBlueprint.esm.js

@@ -0,0 +1,33 @@
+import { createExtensionBlueprint, coreExtensionData, ExtensionBoundary } from '@backstage/frontend-plugin-api';
+
+const DevToolsContentBlueprint = createExtensionBlueprint({
+  kind: "devtools-content",
+  attachTo: { id: "page:devtools", input: "contents" },
+  output: [
+    coreExtensionData.reactElement,
+    coreExtensionData.routePath,
+    coreExtensionData.routeRef.optional(),
+    coreExtensionData.title
+  ],
+  config: {
+    schema: {
+      path: (z) => z.string().optional(),
+      title: (z) => z.string().optional()
+    }
+  },
+  *factory(params, { node, config }) {
+    const path = config.path ?? params.path;
+    const title = config.title ?? params.title;
+    yield coreExtensionData.reactElement(
+      ExtensionBoundary.lazy(node, params.loader)
+    );
+    yield coreExtensionData.routePath(path);
+    yield coreExtensionData.title(title);
+    if (params.routeRef) {
+      yield coreExtensionData.routeRef(params.routeRef);
+    }
+  }
+});
+
+export { DevToolsContentBlueprint };
+//# sourceMappingURL=devToolsContentBlueprint.esm.js.map

package/dist/devToolsContentBlueprint.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devToolsContentBlueprint.esm.js","sources":["../src/devToolsContentBlueprint.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {\n  coreExtensionData,\n  createExtensionBlueprint,\n  ExtensionBoundary,\n  RouteRef,\n} from '@backstage/frontend-plugin-api';\nimport { JSX } from 'react';\n\n/**\n * Parameters for creating a DevTools route extension\n * @public\n */\nexport interface DevToolsContentBlueprintParams {\n  path: string;\n  title: string;\n  loader: () => Promise<JSX.Element>;\n  routeRef?: RouteRef;\n}\n\n/**\n * Extension blueprint for creating DevTools content pages (appearing as tabs)\n *\n * @example\n * ```tsx\n * const myDevToolsContent = DevToolsContentBlueprint.make({\n *  {\n *     params: {\n *       path: 'my-dev-tools',\n *       title: 'My DevTools',\n *       loader: () =>\n *         import('../components/MyDevTools').then(m =>\n *           compatWrapper(<m.MyDevTools />),\n *         ),\n *     },\n *   },\n * });\n * ```\n * @public\n */\nexport const DevToolsContentBlueprint = createExtensionBlueprint({\n  kind: 'devtools-content',\n  attachTo: { id: 'page:devtools', input: 'contents' },\n  output: [\n    coreExtensionData.reactElement,\n    coreExtensionData.routePath,\n    coreExtensionData.routeRef.optional(),\n    coreExtensionData.title,\n  ],\n  config: {\n    schema: {\n      path: z => z.string().optional(),\n      title: z => z.string().optional(),\n    },\n  },\n  *factory(params: DevToolsContentBlueprintParams, { node, config }) {\n    const path = config.path ?? params.path;\n    const title = config.title ?? params.title;\n\n    yield coreExtensionData.reactElement(\n      ExtensionBoundary.lazy(node, params.loader),\n    );\n\n    yield coreExtensionData.routePath(path);\n\n    yield coreExtensionData.title(title);\n\n    if (params.routeRef) {\n      yield coreExtensionData.routeRef(params.routeRef);\n    }\n  },\n});\n"],"names":[],"mappings":";;AAuDO,MAAM,2BAA2B,wBAAA,CAAyB;AAAA,EAC/D,IAAA,EAAM,kBAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,eAAA,EAAiB,OAAO,UAAA,EAAW;AAAA,EACnD,MAAA,EAAQ;AAAA,IACN,iBAAA,CAAkB,YAAA;AAAA,IAClB,iBAAA,CAAkB,SAAA;AAAA,IAClB,iBAAA,CAAkB,SAAS,QAAA,EAAS;AAAA,IACpC,iBAAA,CAAkB;AAAA,GACpB;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,CAAA,CAAA,KAAK,CAAA,CAAE,MAAA,GAAS,QAAA,EAAS;AAAA,MAC/B,KAAA,EAAO,CAAA,CAAA,KAAK,CAAA,CAAE,MAAA,GAAS,QAAA;AAAS;AAClC,GACF;AAAA,EACA,CAAC,OAAA,CAAQ,MAAA,EAAwC,EAAE,IAAA,EAAM,QAAO,EAAG;AACjE,IAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,IAAQ,MAAA,CAAO,IAAA;AACnC,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,KAAA,IAAS,MAAA,CAAO,KAAA;AAErC,IAAA,MAAM,iBAAA,CAAkB,YAAA;AAAA,MACtB,iBAAA,CAAkB,IAAA,CAAK,IAAA,EAAM,MAAA,CAAO,MAAM;AAAA,KAC5C;AAEA,IAAA,MAAM,iBAAA,CAAkB,UAAU,IAAI,CAAA;AAEtC,IAAA,MAAM,iBAAA,CAAkB,MAAM,KAAK,CAAA;AAEnC,IAAA,IAAI,OAAO,QAAA,EAAU;AACnB,MAAA,MAAM,iBAAA,CAAkB,QAAA,CAAS,MAAA,CAAO,QAAQ,CAAA;AAAA,IAClD;AAAA,EACF;AACF,CAAC;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import { RouteRef } from '@backstage/frontend-plugin-api';
+import { JSX } from 'react';
+
+/**
+ * Parameters for creating a DevTools route extension
+ * @public
+ */
+interface DevToolsContentBlueprintParams {
+    path: string;
+    title: string;
+    loader: () => Promise<JSX.Element>;
+    routeRef?: RouteRef;
+}
+/**
+ * Extension blueprint for creating DevTools content pages (appearing as tabs)
+ *
+ * @example
+ * ```tsx
+ * const myDevToolsContent = DevToolsContentBlueprint.make({
+ *  {
+ *     params: {
+ *       path: 'my-dev-tools',
+ *       title: 'My DevTools',
+ *       loader: () =>
+ *         import('../components/MyDevTools').then(m =>
+ *           compatWrapper(<m.MyDevTools />),
+ *         ),
+ *     },
+ *   },
+ * });
+ * ```
+ * @public
+ */
+declare const DevToolsContentBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
+    kind: "devtools-content";
+    params: DevToolsContentBlueprintParams;
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+        optional: true;
+    }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {}>;
+    inputs: {};
+    config: {
+        path: string | undefined;
+        title: string | undefined;
+    };
+    configInput: {
+        title?: string | undefined;
+        path?: string | undefined;
+    };
+    dataRefs: never;
+}>;
+
+export { DevToolsContentBlueprint };
+export type { DevToolsContentBlueprintParams };

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+export { DevToolsContentBlueprint } from './devToolsContentBlueprint.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@backstage/plugin-devtools-react",
+  "version": "0.0.0-nightly-20260127025640",
+  "description": "Web library for the devtools plugin",
+  "backstage": {
+    "role": "web-library",
+    "pluginId": "devtools",
+    "pluginPackages": [
+      "@backstage/plugin-devtools",
+      "@backstage/plugin-devtools-backend",
+      "@backstage/plugin-devtools-common",
+      "@backstage/plugin-devtools-react"
+    ]
+  },
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/backstage/backstage",
+    "directory": "plugins/devtools-react"
+  },
+  "license": "Apache-2.0",
+  "sideEffects": false,
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "backstage-cli package build",
+    "clean": "backstage-cli package clean",
+    "lint": "backstage-cli package lint",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack",
+    "start": "backstage-cli package start",
+    "test": "backstage-cli package test"
+  },
+  "dependencies": {
+    "@backstage/core-plugin-api": "0.0.0-nightly-20260127025640",
+    "@backstage/frontend-plugin-api": "0.0.0-nightly-20260127025640",
+    "@material-ui/core": "^4.9.13"
+  },
+  "devDependencies": {
+    "@backstage/cli": "0.0.0-nightly-20260127025640",
+    "@backstage/test-utils": "0.0.0-nightly-20260127025640",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/react": "^18.0.0",
+    "react": "^18.0.2",
+    "react-dom": "^18.0.2",
+    "react-router-dom": "^6.3.0"
+  },
+  "peerDependencies": {
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.3.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
+  "module": "./dist/index.esm.js"
+}