@thecodingsheikh/backstage-plugin-multi-owner 1.0.2

package/README.md

@@ -0,0 +1,88 @@
+# @thecodingsheikh/backstage-plugin-multi-owner
+
+A frontend plugin that displays multiple owners for Backstage entities, with optional role labels.
+
+![screenshow](https://github.com/TheCodingSheikh/backstage-plugins/blob/main/plugins/multi-owner/multi-owner/screenshot.png?raw=true)
+
+## Features
+
+- **EntityMultiOwnerCard** — An info card showing all owners with clickable entity reference links
+- **Role chips** — Optional role labels displayed as Material UI chips
+- **Smart icons** — Group icon for groups, person icon for users
+- **Fallback** — Falls back to `spec.owner` when `spec.owners` is not configured
+- **EntitySwitch guard** — `isMultiOwnerAvailable()` for conditional rendering
+
+## Installation
+
+```bash
+yarn add @thecodingsheikh/backstage-plugin-multi-owner
+```
+
+## Usage
+
+### Entity Page
+
+Add the card to your entity pages in `packages/app/src/components/catalog/EntityPage.tsx`:
+
+```tsx
+import {
+  EntityMultiOwnerCard,
+  isMultiOwnerAvailable,
+} from '@thecodingsheikh/backstage-plugin-multi-owner';
+
+// In your entity page layout:
+const overviewContent = (
+  <Grid container spacing={3}>
+    {/* ... other cards ... */}
+
+    <EntitySwitch>
+      <EntitySwitch.Case if={isMultiOwnerAvailable}>
+        <Grid item md={6}>
+          <EntityMultiOwnerCard />
+        </Grid>
+      </EntitySwitch.Case>
+    </EntitySwitch>
+  </Grid>
+);
+```
+
+### Props
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `title` | `string` | `"Owners"` | Card title |
+| `variant` | `'gridItem' \| 'fullHeight'` | — | Card variant |
+
+### Custom Hook
+
+You can also use the `useMultiOwners` hook directly:
+
+```tsx
+import { useMultiOwners } from '@thecodingsheikh/backstage-plugin-multi-owner';
+
+function MyComponent() {
+  const { owners, loading } = useMultiOwners();
+
+  if (loading) return <Progress />;
+
+  return (
+    <ul>
+      {owners.map(owner => (
+        <li key={owner.name}>
+          {owner.name} {owner.role && `(${owner.role})`}
+        </li>
+      ))}
+    </ul>
+  );
+}
+```
+
+## Requirements
+
+This plugin requires the backend processor module to be installed:
+
+```bash
+yarn add @thecodingsheikh/backstage-plugin-catalog-backend-module-multi-owner-processor
+```
+
+See the [backend module README](../catalog-backend-module-multi-owner-processor/README.md) for setup instructions.

package/dist/components/EntityMultiOwnerCard/EntityMultiOwnerCard.esm.js

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { InfoCard } from '@backstage/core-components';
+import { EntityRefLinks } from '@backstage/plugin-catalog-react';
+import { makeStyles, Typography, List, ListItem, ListItemIcon, ListItemText, Chip, createStyles } from '@material-ui/core';
+import PeopleIcon from '@material-ui/icons/People';
+import PersonIcon from '@material-ui/icons/Person';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { useMultiOwners } from '../../hooks/useMultiOwners.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    list: {
+      padding: 0
+    },
+    listItem: {
+      paddingLeft: theme.spacing(1),
+      paddingRight: theme.spacing(1),
+      "&:not(:last-child)": {
+        borderBottom: `1px solid ${theme.palette.divider}`
+      }
+    },
+    chip: {
+      marginLeft: theme.spacing(1),
+      height: 22,
+      fontSize: "0.75rem",
+      fontWeight: 500
+    },
+    ownerContent: {
+      display: "flex",
+      alignItems: "center",
+      flexWrap: "wrap",
+      gap: theme.spacing(0.5)
+    },
+    emptyState: {
+      padding: theme.spacing(2),
+      textAlign: "center"
+    }
+  })
+);
+function EntityMultiOwnerCard(props) {
+  const { title = "Owners", variant } = props;
+  const classes = useStyles();
+  const { owners } = useMultiOwners();
+  if (owners.length === 0) {
+    return /* @__PURE__ */ jsx(InfoCard, { title, variant, children: /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        color: "textSecondary",
+        className: classes.emptyState,
+        children: "No owners defined"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(InfoCard, { title, variant, children: /* @__PURE__ */ jsx(List, { className: classes.list, children: owners.map((owner, index) => {
+    const isGroup = getOwnerKind(owner.name) === "group";
+    return /* @__PURE__ */ jsxs(
+      ListItem,
+      {
+        className: classes.listItem,
+        children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: isGroup ? /* @__PURE__ */ jsx(PeopleIcon, {}) : /* @__PURE__ */ jsx(PersonIcon, {}) }),
+          /* @__PURE__ */ jsx(
+            ListItemText,
+            {
+              disableTypography: true,
+              primary: /* @__PURE__ */ jsxs("div", { className: classes.ownerContent, children: [
+                /* @__PURE__ */ jsx(
+                  EntityRefLinks,
+                  {
+                    entityRefs: [owner.name],
+                    defaultKind: "group"
+                  }
+                ),
+                owner.role && /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: owner.role,
+                    size: "small",
+                    color: "primary",
+                    variant: "outlined",
+                    className: classes.chip
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      },
+      `${owner.name}-${index}`
+    );
+  }) }) });
+}
+function getOwnerKind(ref) {
+  try {
+    return parseEntityRef(ref, { defaultKind: "group", defaultNamespace: "default" }).kind.toLowerCase();
+  } catch {
+    return "group";
+  }
+}
+
+export { EntityMultiOwnerCard };
+//# sourceMappingURL=EntityMultiOwnerCard.esm.js.map

package/dist/components/EntityMultiOwnerCard/EntityMultiOwnerCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityMultiOwnerCard.esm.js","sources":["../../../src/components/EntityMultiOwnerCard/EntityMultiOwnerCard.tsx"],"sourcesContent":["import {\n    InfoCard,\n} from '@backstage/core-components';\nimport { EntityRefLinks } from '@backstage/plugin-catalog-react';\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemIcon,\n    Chip,\n    makeStyles,\n    createStyles,\n    Theme,\n    Typography,\n} from '@material-ui/core';\nimport PeopleIcon from '@material-ui/icons/People';\nimport PersonIcon from '@material-ui/icons/Person';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useMultiOwners } from '../../hooks/useMultiOwners';\n\nconst useStyles = makeStyles((theme: Theme) =>\n    createStyles({\n        list: {\n            padding: 0,\n        },\n        listItem: {\n            paddingLeft: theme.spacing(1),\n            paddingRight: theme.spacing(1),\n            '&:not(:last-child)': {\n                borderBottom: `1px solid ${theme.palette.divider}`,\n            },\n        },\n        chip: {\n            marginLeft: theme.spacing(1),\n            height: 22,\n            fontSize: '0.75rem',\n            fontWeight: 500,\n        },\n        ownerContent: {\n            display: 'flex',\n            alignItems: 'center',\n            flexWrap: 'wrap',\n            gap: theme.spacing(0.5),\n        },\n        emptyState: {\n            padding: theme.spacing(2),\n            textAlign: 'center',\n        },\n    }),\n);\n\n/** Props for the {@link EntityMultiOwnerCard} component. */\nexport interface EntityMultiOwnerCardProps {\n    /** Optional card title override. Defaults to `\"Owners\"`. */\n    title?: string;\n    /** Optional card variant. */\n    variant?: 'gridItem' | 'fullHeight';\n}\n\n/**\n * An info card that displays multiple owners for an entity, each with an\n * optional role label. Owners are rendered as clickable entity reference\n * links that navigate to the owner's entity page.\n *\n * @remarks\n * Requires the entity to have the `backstage.io/owners` annotation,\n * typically set by the backend {@link MultiOwnerEntitiesProcessor}.\n * Falls back to `spec.owner` if the annotation is absent.\n */\nexport function EntityMultiOwnerCard(props: EntityMultiOwnerCardProps) {\n    const { title = 'Owners', variant } = props;\n    const classes = useStyles();\n    const { owners } = useMultiOwners();\n\n    if (owners.length === 0) {\n        return (\n            <InfoCard title={title} variant={variant}>\n                <Typography\n                    variant=\"body2\"\n                    color=\"textSecondary\"\n                    className={classes.emptyState}\n                >\n                    No owners defined\n                </Typography>\n            </InfoCard>\n        );\n    }\n\n    return (\n        <InfoCard title={title} variant={variant}>\n            <List className={classes.list}>\n                {owners.map((owner, index) => {\n                    const isGroup = getOwnerKind(owner.name) === 'group';\n\n                    return (\n                        <ListItem\n                            key={`${owner.name}-${index}`}\n                            className={classes.listItem}\n                        >\n                            <ListItemIcon>\n                                {isGroup ? <PeopleIcon /> : <PersonIcon />}\n                            </ListItemIcon>\n                            <ListItemText\n                                disableTypography\n                                primary={\n                                    <div className={classes.ownerContent}>\n                                        <EntityRefLinks\n                                            entityRefs={[owner.name]}\n                                            defaultKind=\"group\"\n                                        />\n                                        {owner.role && (\n                                            <Chip\n                                                label={owner.role}\n                                                size=\"small\"\n                                                color=\"primary\"\n                                                variant=\"outlined\"\n                                                className={classes.chip}\n                                            />\n                                        )}\n                                    </div>\n                                }\n                            />\n                        </ListItem>\n                    );\n                })}\n            </List>\n        </InfoCard>\n    );\n}\n\n/** Extracts the kind from an entity reference string, defaulting to \"group\". */\nfunction getOwnerKind(ref: string): string {\n    try {\n        return parseEntityRef(ref, { defaultKind: 'group', defaultNamespace: 'default' }).kind.toLowerCase();\n    } catch {\n        return 'group';\n    }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/EntityMultiOwnerCard/index.esm.js

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

package/dist/components/EntityMultiOwnerCard/index.esm.js.map

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

package/dist/hooks/useMultiOwners.esm.js

@@ -0,0 +1,25 @@
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { MULTI_OWNER_ANNOTATION, parseOwners } from '@thecodingsheikh/backstage-plugin-multi-owner-common';
+
+function useMultiOwners() {
+  const { entity } = useEntity();
+  const annotation = entity.metadata.annotations?.[MULTI_OWNER_ANNOTATION];
+  if (!annotation) {
+    const specOwner = entity.spec?.owner;
+    if (typeof specOwner === "string" && specOwner.trim()) {
+      return {
+        owners: [{ name: specOwner.trim() }]
+      };
+    }
+    return { owners: [] };
+  }
+  try {
+    const parsed = JSON.parse(annotation);
+    return { owners: parseOwners(parsed) };
+  } catch {
+    return { owners: [] };
+  }
+}
+
+export { useMultiOwners };
+//# sourceMappingURL=useMultiOwners.esm.js.map

package/dist/hooks/useMultiOwners.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiOwners.esm.js","sources":["../../src/hooks/useMultiOwners.ts"],"sourcesContent":["import { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n    MULTI_OWNER_ANNOTATION,\n    parseOwners,\n} from '@thecodingsheikh/backstage-plugin-multi-owner-common';\nimport type { MultiOwnerEntry } from '@thecodingsheikh/backstage-plugin-multi-owner-common';\n\n/**\n * Custom hook that reads the multi-owner annotation from the current\n * entity context and returns a typed array of owner entries.\n *\n * @returns An object containing:\n * - `owners`: The parsed array of {@link MultiOwnerEntry} objects\n *\n * @example\n * ```tsx\n * const { owners } = useMultiOwners();\n * ```\n */\nexport function useMultiOwners(): {\n    owners: MultiOwnerEntry[];\n} {\n    const { entity } = useEntity();\n\n    const annotation =\n        entity.metadata.annotations?.[MULTI_OWNER_ANNOTATION];\n\n    if (!annotation) {\n        // Fall back to spec.owner if present\n        const specOwner = (entity.spec as Record<string, unknown> | undefined)\n            ?.owner;\n        if (typeof specOwner === 'string' && specOwner.trim()) {\n            return {\n                owners: [{ name: specOwner.trim() }],\n            };\n        }\n        return { owners: [] };\n    }\n\n    try {\n        const parsed = JSON.parse(annotation);\n        return { owners: parseOwners(parsed) };\n    } catch {\n        return { owners: [] };\n    }\n}\n"],"names":[],"mappings":";;;AAmBO,SAAS,cAAA,GAEd;AACE,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAE7B,EAAA,MAAM,UAAA,GACF,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,sBAAsB,CAAA;AAExD,EAAA,IAAI,CAAC,UAAA,EAAY;AAEb,IAAA,MAAM,SAAA,GAAa,OAAO,IAAA,EACpB,KAAA;AACN,IAAA,IAAI,OAAO,SAAA,KAAc,QAAA,IAAY,SAAA,CAAU,MAAK,EAAG;AACnD,MAAA,OAAO;AAAA,QACH,QAAQ,CAAC,EAAE,MAAM,SAAA,CAAU,IAAA,IAAQ;AAAA,OACvC;AAAA,IACJ;AACA,IAAA,OAAO,EAAE,MAAA,EAAQ,EAAC,EAAE;AAAA,EACxB;AAEA,EAAA,IAAI;AACA,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,UAAU,CAAA;AACpC,IAAA,OAAO,EAAE,MAAA,EAAQ,WAAA,CAAY,MAAM,CAAA,EAAE;AAAA,EACzC,CAAA,CAAA,MAAQ;AACJ,IAAA,OAAO,EAAE,MAAA,EAAQ,EAAC,EAAE;AAAA,EACxB;AACJ;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { Entity } from '@backstage/catalog-model';
+import { MultiOwnerEntry } from '@thecodingsheikh/backstage-plugin-multi-owner-common';
+
+/** Props for the {@link EntityMultiOwnerCard} component. */
+interface EntityMultiOwnerCardProps {
+    /** Optional card title override. Defaults to `"Owners"`. */
+    title?: string;
+    /** Optional card variant. */
+    variant?: 'gridItem' | 'fullHeight';
+}
+/**
+ * An info card that displays multiple owners for an entity, each with an
+ * optional role label. Owners are rendered as clickable entity reference
+ * links that navigate to the owner's entity page.
+ *
+ * @remarks
+ * Requires the entity to have the `backstage.io/owners` annotation,
+ * typically set by the backend {@link MultiOwnerEntitiesProcessor}.
+ * Falls back to `spec.owner` if the annotation is absent.
+ */
+declare function EntityMultiOwnerCard$1(props: EntityMultiOwnerCardProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * The multi-owner frontend plugin.
+ */
+declare const multiOwnerPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
+/**
+ * An info card component that displays the list of owners (with optional roles)
+ * for an entity that uses `spec.owners`.
+ *
+ * @remarks
+ * Place this card on entity pages in your Backstage app:
+ * ```tsx
+ * <EntitySwitch>
+ *   <EntitySwitch.Case if={isMultiOwnerAvailable}>
+ *     <EntityMultiOwnerCard />
+ *   </EntitySwitch.Case>
+ * </EntitySwitch>
+ * ```
+ */
+declare const EntityMultiOwnerCard: typeof EntityMultiOwnerCard$1;
+/**
+ * Utility function that checks whether the multi-owner annotation is
+ * present on an entity. Use with `EntitySwitch` to conditionally render
+ * the card only when relevant.
+ */
+declare function isMultiOwnerAvailable(entity: Entity): boolean;
+
+/**
+ * Custom hook that reads the multi-owner annotation from the current
+ * entity context and returns a typed array of owner entries.
+ *
+ * @returns An object containing:
+ * - `owners`: The parsed array of {@link MultiOwnerEntry} objects
+ *
+ * @example
+ * ```tsx
+ * const { owners } = useMultiOwners();
+ * ```
+ */
+declare function useMultiOwners(): {
+    owners: MultiOwnerEntry[];
+};
+
+export { EntityMultiOwnerCard, isMultiOwnerAvailable, multiOwnerPlugin, useMultiOwners };

package/dist/index.esm.js

@@ -0,0 +1,3 @@
+export { EntityMultiOwnerCard, isMultiOwnerAvailable, multiOwnerPlugin } from './plugin.esm.js';
+export { useMultiOwners } from './hooks/useMultiOwners.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/dist/plugin.esm.js

@@ -0,0 +1,22 @@
+import { createPlugin, createComponentExtension } from '@backstage/core-plugin-api';
+import { MULTI_OWNER_ANNOTATION } from '@thecodingsheikh/backstage-plugin-multi-owner-common';
+
+const multiOwnerPlugin = createPlugin({
+  id: "multi-owner"
+});
+const EntityMultiOwnerCard = multiOwnerPlugin.provide(
+  createComponentExtension({
+    name: "EntityMultiOwnerCard",
+    component: {
+      lazy: () => import('./components/EntityMultiOwnerCard/index.esm.js').then(
+        (m) => m.EntityMultiOwnerCard
+      )
+    }
+  })
+);
+function isMultiOwnerAvailable(entity) {
+  return Boolean(entity.metadata.annotations?.[MULTI_OWNER_ANNOTATION]);
+}
+
+export { EntityMultiOwnerCard, isMultiOwnerAvailable, multiOwnerPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n    createPlugin,\n    createComponentExtension,\n} from '@backstage/core-plugin-api';\nimport { Entity } from '@backstage/catalog-model';\nimport { MULTI_OWNER_ANNOTATION } from '@thecodingsheikh/backstage-plugin-multi-owner-common';\n\n/**\n * The multi-owner frontend plugin.\n */\nexport const multiOwnerPlugin = createPlugin({\n    id: 'multi-owner',\n});\n\n/**\n * An info card component that displays the list of owners (with optional roles)\n * for an entity that uses `spec.owners`.\n *\n * @remarks\n * Place this card on entity pages in your Backstage app:\n * ```tsx\n * <EntitySwitch>\n *   <EntitySwitch.Case if={isMultiOwnerAvailable}>\n *     <EntityMultiOwnerCard />\n *   </EntitySwitch.Case>\n * </EntitySwitch>\n * ```\n */\nexport const EntityMultiOwnerCard = multiOwnerPlugin.provide(\n    createComponentExtension({\n        name: 'EntityMultiOwnerCard',\n        component: {\n            lazy: () =>\n                import('./components/EntityMultiOwnerCard').then(\n                    m => m.EntityMultiOwnerCard,\n                ),\n        },\n    }),\n);\n\n/**\n * Utility function that checks whether the multi-owner annotation is\n * present on an entity. Use with `EntitySwitch` to conditionally render\n * the card only when relevant.\n */\nexport function isMultiOwnerAvailable(entity: Entity): boolean {\n    return Boolean(entity.metadata.annotations?.[MULTI_OWNER_ANNOTATION]);\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,mBAAmB,YAAA,CAAa;AAAA,EACzC,EAAA,EAAI;AACR,CAAC;AAgBM,MAAM,uBAAuB,gBAAA,CAAiB,OAAA;AAAA,EACjD,wBAAA,CAAyB;AAAA,IACrB,IAAA,EAAM,sBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACP,IAAA,EAAM,MACF,OAAO,gDAAmC,CAAA,CAAE,IAAA;AAAA,QACxC,OAAK,CAAA,CAAE;AAAA;AACX;AACR,GACH;AACL;AAOO,SAAS,sBAAsB,MAAA,EAAyB;AAC3D,EAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,sBAAsB,CAAC,CAAA;AACxE;;;;"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@thecodingsheikh/backstage-plugin-multi-owner",
+  "version": "1.0.2",
+  "license": "Apache-2.0",
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "backstage": {
+    "role": "frontend-plugin",
+    "pluginId": "multi-owner",
+    "pluginPackages": [
+      "@thecodingsheikh/backstage-plugin-multi-owner-common",
+      "@thecodingsheikh/backstage-plugin-multi-owner",
+      "@thecodingsheikh/backstage-plugin-catalog-backend-module-multi-owner-processor"
+    ]
+  },
+  "sideEffects": false,
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "clean": "backstage-cli package clean",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack"
+  },
+  "dependencies": {
+    "@backstage/catalog-model": "^1.7.3",
+    "@backstage/core-components": "^0.18.3",
+    "@backstage/core-plugin-api": "^1.12.0",
+    "@backstage/plugin-catalog-react": "^1.15.3",
+    "@backstage/theme": "^0.7.0",
+    "@material-ui/core": "^4.9.13",
+    "@material-ui/icons": "^4.9.1",
+    "@thecodingsheikh/backstage-plugin-multi-owner-common": "^1.0.2",
+    "react-use": "^17.2.4"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.34.5",
+    "@backstage/core-app-api": "^1.19.2",
+    "@backstage/dev-utils": "^1.1.17",
+    "@backstage/test-utils": "^1.7.13",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.0.0",
+    "msw": "^1.0.0",
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
+  "module": "./dist/index.esm.js"
+}