techdocs: switch to using constants from techdocs-common for annotations

Signed-off-by: MT Lewis <mtlewis@users.noreply.github.com>

plugins/techdocs/package.json

@@ -72,6 +72,7 @@
     "@backstage/plugin-catalog-react": "workspace:^",
     "@backstage/plugin-search-common": "workspace:^",
     "@backstage/plugin-search-react": "workspace:^",
+    "@backstage/plugin-techdocs-common": "workspace:^",
     "@backstage/plugin-techdocs-react": "workspace:^",
     "@backstage/theme": "workspace:^",
     "@material-ui/core": "^4.12.2",

plugins/techdocs/src/EntityPageDocs.tsx

@@ -19,14 +19,13 @@ import {
   getCompoundEntityRef,
   parseEntityRef,
 } from '@backstage/catalog-model';
+import { TECHDOCS_EXTERNAL_ANNOTATION } from '@backstage/plugin-techdocs-common';
 
 import React from 'react';
 import { TechDocsReaderPage } from './plugin';
 import { TechDocsReaderPageContent } from './reader/components/TechDocsReaderPageContent';
 import { TechDocsReaderPageSubheader } from './reader/components/TechDocsReaderPageSubheader';
 
-const TECHDOCS_EXTERNAL_ANNOTATION = 'backstage.io/techdocs-entity';
-
 type EntityPageDocsProps = { entity: Entity };
 
 export const EntityPageDocs = ({ entity }: EntityPageDocsProps) => {

plugins/techdocs/src/Router.tsx

@@ -25,10 +25,10 @@ import {
   useEntity,
   MissingAnnotationEmptyState,
 } from '@backstage/plugin-catalog-react';
-
-const TECHDOCS_ANNOTATION = 'backstage.io/techdocs-ref';
-
-const TECHDOCS_EXTERNAL_ANNOTATION = 'backstage.io/techdocs-entity';
+import {
+  TECHDOCS_ANNOTATION,
+  TECHDOCS_EXTERNAL_ANNOTATION,
+} from '@backstage/plugin-techdocs-common';
 
 /**
  * Helper that takes in entity and returns true/false if TechDocs is available for the entity

plugins/techdocs/src/home/components/TechDocsCustomHome.tsx

@@ -39,6 +39,7 @@ import {
   ContentHeader,
 } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
+import { TECHDOCS_ANNOTATION } from '@backstage/plugin-techdocs-common';
 
 const panels = {
   DocsTable: DocsTable,
@@ -153,7 +154,7 @@ export const TechDocsCustomHome = (props: TechDocsCustomHomeProps) => {
   } = useAsync(async () => {
     const response = await catalogApi.getEntities({
       filter: {
-        'metadata.annotations.backstage.io/techdocs-ref': CATALOG_FILTER_EXISTS,
+        [`metadata.annotations.${TECHDOCS_ANNOTATION}`]: CATALOG_FILTER_EXISTS,
       },
       fields: [
         'apiVersion',
@@ -165,7 +166,7 @@ export const TechDocsCustomHome = (props: TechDocsCustomHomeProps) => {
       ],
     });
     return response.items.filter((entity: Entity) => {
-      return !!entity.metadata.annotations?.['backstage.io/techdocs-ref'];
+      return !!entity.metadata.annotations?.[TECHDOCS_ANNOTATION];
     });
   });
 

plugins/techdocs/src/home/components/TechDocsPicker.tsx

@@ -21,11 +21,12 @@ import {
   EntityFilter,
   useEntityList,
 } from '@backstage/plugin-catalog-react';
+import { TECHDOCS_ANNOTATION } from '@backstage/plugin-techdocs-common';
 
 class TechDocsFilter implements EntityFilter {
   getCatalogFilters(): Record<string, string | symbol | (string | symbol)[]> {
     return {
-      'metadata.annotations.backstage.io/techdocs-ref': CATALOG_FILTER_EXISTS,
+      [`metadata.annotations.${TECHDOCS_ANNOTATION}`]: CATALOG_FILTER_EXISTS,
     };
   }
 }