@backstage/plugin-techdocs 1.18.1 → 1.18.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @backstage/plugin-techdocs
 
+## 1.18.2
+
+### Patch Changes
+
+- f712f71: Fixed TechDocs addons silently not rendering in apps using the new frontend system, on both the standalone documentation reader page and the entity documentation tab.
+
 ## 1.18.1
 
 ### Patch Changes

package/dist/alpha/components/TechDocsReaderPage.esm.js

@@ -5,8 +5,8 @@ import { attachTechDocsAddonComponentData } from '@backstage/plugin-techdocs-rea
 import { TechDocsReaderRouter, EmbeddedDocsRouter } from '../../Router.esm.js';
 import { TechDocsReaderLayout } from './TechDocsReaderLayout.esm.js';
 
-function Addons(props) {
-  return /* @__PURE__ */ jsx(TechDocsAddons, { children: props.options.map((options) => {
+function renderAddons(addonOptions) {
+  return /* @__PURE__ */ jsx(TechDocsAddons, { children: addonOptions.map((options) => {
     const Addon = options.component;
     attachTechDocsAddonComponentData(Addon, options);
     return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Addon, {}) }, options.name);
@@ -21,11 +21,11 @@ function TechDocsReaderPage(props) {
         withHeader: props.withHeader
       }
     ),
-    /* @__PURE__ */ jsx(Addons, { options: props.addonOptions })
+    renderAddons(props.addonOptions)
   ] });
 }
 function TechDocsEntityContent(props) {
-  return /* @__PURE__ */ jsx(EmbeddedDocsRouter, { emptyState: props.emptyState, children: /* @__PURE__ */ jsx(Addons, { options: props.addonOptions }) });
+  return /* @__PURE__ */ jsx(EmbeddedDocsRouter, { emptyState: props.emptyState, children: renderAddons(props.addonOptions) });
 }
 
 export { TechDocsEntityContent, TechDocsReaderPage };

package/dist/alpha/components/TechDocsReaderPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechDocsReaderPage.esm.js","sources":["../../../src/alpha/components/TechDocsReaderPage.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { ReactElement, Suspense } from 'react';\nimport {\n  TechDocsAddons,\n  type TechDocsAddonOptions,\n} from '@backstage/plugin-techdocs-react';\nimport { attachTechDocsAddonComponentData } from '@backstage/plugin-techdocs-react/alpha';\nimport { EmbeddedDocsRouter, TechDocsReaderRouter } from '../../Router';\nimport { TechDocsReaderLayout } from './TechDocsReaderLayout';\n\nfunction Addons(props: { options: TechDocsAddonOptions[] }) {\n  return (\n    <TechDocsAddons>\n      {props.options.map(options => {\n        const Addon = options.component;\n        attachTechDocsAddonComponentData(Addon, options);\n        return (\n          <Suspense key={options.name} fallback={null}>\n            <Addon />\n          </Suspense>\n        );\n      })}\n    </TechDocsAddons>\n  );\n}\n\nexport function TechDocsReaderPage(props: {\n  addonOptions: TechDocsAddonOptions[];\n  withSearch: boolean;\n  withHeader: boolean;\n}) {\n  return (\n    <TechDocsReaderRouter>\n      <TechDocsReaderLayout\n        withSearch={props.withSearch}\n        withHeader={props.withHeader}\n      />\n      <Addons options={props.addonOptions} />\n    </TechDocsReaderRouter>\n  );\n}\n\nexport function TechDocsEntityContent(props: {\n  addonOptions: TechDocsAddonOptions[];\n  emptyState?: ReactElement;\n}) {\n  return (\n    <EmbeddedDocsRouter emptyState={props.emptyState}>\n      <Addons options={props.addonOptions} />\n    </EmbeddedDocsRouter>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAyBA,SAAS,OAAO,KAAA,EAA4C;AAC1D,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,OAAA,KAAW;AAC5B,IAAA,MAAM,QAAQ,OAAA,CAAQ,SAAA;AACtB,IAAA,gCAAA,CAAiC,OAAO,OAAO,CAAA;AAC/C,IAAA,uBACE,GAAA,CAAC,YAA4B,QAAA,EAAU,IAAA,EACrC,8BAAC,KAAA,EAAA,EAAM,CAAA,EAAA,EADM,QAAQ,IAEvB,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AAEO,SAAS,mBAAmB,KAAA,EAIhC;AACD,EAAA,4BACG,oBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,YAAY,KAAA,CAAM,UAAA;AAAA,QAClB,YAAY,KAAA,CAAM;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,KAAA,CAAM,YAAA,EAAc;AAAA,GAAA,EACvC,CAAA;AAEJ;AAEO,SAAS,sBAAsB,KAAA,EAGnC;AACD,EAAA,uBACE,GAAA,CAAC,kBAAA,EAAA,EAAmB,UAAA,EAAY,KAAA,CAAM,UAAA,EACpC,8BAAC,MAAA,EAAA,EAAO,OAAA,EAAS,KAAA,CAAM,YAAA,EAAc,CAAA,EACvC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TechDocsReaderPage.esm.js","sources":["../../../src/alpha/components/TechDocsReaderPage.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { ReactElement, Suspense } from 'react';\nimport {\n  TechDocsAddons,\n  type TechDocsAddonOptions,\n} from '@backstage/plugin-techdocs-react';\nimport { attachTechDocsAddonComponentData } from '@backstage/plugin-techdocs-react/alpha';\nimport { EmbeddedDocsRouter, TechDocsReaderRouter } from '../../Router';\nimport { TechDocsReaderLayout } from './TechDocsReaderLayout';\n\n// Deliberately a function call rather than a component. Addons are discovered\n// by walking the router outlet as an element tree: the walk only follows\n// `props.children` and never invokes a component, and this is also the only\n// place the addon component data is attached. A component wrapper breaks both,\n// because its children are built by a render that the walk never performs.\nfunction renderAddons(addonOptions: TechDocsAddonOptions[]) {\n  return (\n    <TechDocsAddons>\n      {addonOptions.map(options => {\n        const Addon = options.component;\n        attachTechDocsAddonComponentData(Addon, options);\n        return (\n          <Suspense key={options.name} fallback={null}>\n            <Addon />\n          </Suspense>\n        );\n      })}\n    </TechDocsAddons>\n  );\n}\n\nexport function TechDocsReaderPage(props: {\n  addonOptions: TechDocsAddonOptions[];\n  withSearch: boolean;\n  withHeader: boolean;\n}) {\n  return (\n    <TechDocsReaderRouter>\n      <TechDocsReaderLayout\n        withSearch={props.withSearch}\n        withHeader={props.withHeader}\n      />\n      {renderAddons(props.addonOptions)}\n    </TechDocsReaderRouter>\n  );\n}\n\nexport function TechDocsEntityContent(props: {\n  addonOptions: TechDocsAddonOptions[];\n  emptyState?: ReactElement;\n}) {\n  return (\n    <EmbeddedDocsRouter emptyState={props.emptyState}>\n      {renderAddons(props.addonOptions)}\n    </EmbeddedDocsRouter>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA8BA,SAAS,aAAa,YAAA,EAAsC;AAC1D,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EACE,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAA,OAAA,KAAW;AAC3B,IAAA,MAAM,QAAQ,OAAA,CAAQ,SAAA;AACtB,IAAA,gCAAA,CAAiC,OAAO,OAAO,CAAA;AAC/C,IAAA,uBACE,GAAA,CAAC,YAA4B,QAAA,EAAU,IAAA,EACrC,8BAAC,KAAA,EAAA,EAAM,CAAA,EAAA,EADM,QAAQ,IAEvB,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AAEO,SAAS,mBAAmB,KAAA,EAIhC;AACD,EAAA,4BACG,oBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,YAAY,KAAA,CAAM,UAAA;AAAA,QAClB,YAAY,KAAA,CAAM;AAAA;AAAA,KACpB;AAAA,IACC,YAAA,CAAa,MAAM,YAAY;AAAA,GAAA,EAClC,CAAA;AAEJ;AAEO,SAAS,sBAAsB,KAAA,EAGnC;AACD,EAAA,uBACE,GAAA,CAAC,sBAAmB,UAAA,EAAY,KAAA,CAAM,YACnC,QAAA,EAAA,YAAA,CAAa,KAAA,CAAM,YAAY,CAAA,EAClC,CAAA;AAEJ;;;;"}

package/dist/plugins/techdocs/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-techdocs";
-var version = "1.18.1";
+var version = "1.18.2";
 var description = "The Backstage plugin that renders technical documentation for your components";
 var backstage = {
 	role: "frontend-plugin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-techdocs",
-  "version": "1.18.1",
+  "version": "1.18.2",
   "description": "The Backstage plugin that renders technical documentation for your components",
   "backstage": {
     "role": "frontend-plugin",