@harnessio/backstage-plugin-harness-ccm 0.1.1 → 0.1.2

package/README.md

@@ -45,7 +45,7 @@ Notes:
 
 - Set the value of target to your on-prem URL if you are using the Harness on-prem offering
 
-3. Inside your Backstage's `EntityPage.tsx`, import the `EntityCcmContent` and `isHarnessCcmAvailable`  from `@harnessio/backstage-plugin-harness-ccm` and add `<EntityHarnessCcmContent />`. Something like this -
+3. In your Backstage `EntityPage.tsx` file, import `EntityCcmContent`, `isHarnessCcmAvailable`, and `EntityCcmOverviewCard` from `@harnessio/backstage-plugin-harness-ccm`:
 
 ```tsx
 // In packages/app/src/components/catalog/EntityPage.tsx
@@ -53,17 +53,34 @@ Notes:
 import {
   isHarnessCcmAvailable,
   EntityCcmContent,
+  EntityCcmOverviewCard,
 } from '@harnessio/backstage-plugin-harness-ccm';
+```
 
+#### Add EntityCcmContent
+Use the imported components to add the Harness CCM content to your entity page:
+```tsx
 const ccmContent = (
-  // ...
   <EntitySwitch.Case if={isHarnessCcmAvailable}>
-    <EntityHarnessCcmContent />
+    <EntityCcmContent />
   </EntitySwitch.Case>
-  // ...
 );
 ```
 
+#### Add EntityCcmOverviewCard Widget
+Add the EntityCcmOverviewCard to display an overview card:
+```tsx
+const overviewContent = (
+  <Grid container spacing={3}>
+    <Grid item md={6} xs={12}>
+      <EntityCcmOverviewCard variant="gridItem" />
+    </Grid>
+  </Grid>
+);
+```
+
+
+
 4. Add required harness specific annotations to your software component's respective `catalog-info.yaml` file.
 
 Here is an example: [catalog-info-new.yaml](../../examples/catalog-harness-ccm.yaml)
@@ -79,6 +96,7 @@ metadata:
 
 ## Features
 
-- Connect a Backstage service with a Harness Perspective and view resources in ways that are more meaningful to your business needs.
+- Link a Backstage service to a Harness Perspective to view resources in ways that better align with your business needs.
+
 
 

package/dist/index.d.ts

@@ -20,4 +20,6 @@ declare const isHarnessCcmAvailable: (entity: Entity) => boolean;
 /** @public */
 declare const Router: () => React__default.JSX.Element;
 
-export { EntityCcmContent, EntityCcmOverviewCard, Router, harnessCcmPlugin, isHarnessCcmAvailable };
+declare const rootRouteRef: _backstage_core_plugin_api.RouteRef<undefined>;
+
+export { EntityCcmContent, EntityCcmOverviewCard, Router, harnessCcmPlugin, isHarnessCcmAvailable, rootRouteRef };

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { E as EntityCcmContent, l as EntityCcmOverviewCard, R as Router, m as harnessCcmPlugin, j as isHarnessCcmAvailable } from './esm/index-44451033.esm.js';
+export { E as EntityCcmContent, l as EntityCcmOverviewCard, R as Router, m as harnessCcmPlugin, j as isHarnessCcmAvailable, r as rootRouteRef } from './esm/index-44451033.esm.js';
 import '@backstage/core-plugin-api';
 import 'react';
 import 'react-router';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harnessio/backstage-plugin-harness-ccm",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",

package/src/index.ts

@@ -5,3 +5,4 @@ export {
 } from './plugin';
 export { isHarnessCcmAvailable } from './components/Router';
 export * from './components/Router';
+export * from './routes';