@backstage-community/plugin-announcements 0.1.1

package/dist/components/NewAnnouncementBanner/NewAnnouncementBanner.esm.js

@@ -0,0 +1,136 @@
+import React__default, { useState, useEffect } from 'react';
+import { DateTime } from 'luxon';
+import { Link } from '@backstage/core-components';
+import { useApi, useRouteRef } from '@backstage/core-plugin-api';
+import { announcementViewRouteRef } from '../../routes.esm.js';
+import { announcementsApiRef, useAnnouncements, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { SIGNALS_CHANNEL_ANNOUNCEMENTS } from '@backstage-community/plugin-announcements-common';
+import { useSignal } from '@backstage/plugin-signals-react';
+import { makeStyles, Typography, Snackbar, SnackbarContent, IconButton } from '@material-ui/core';
+import Close from '@material-ui/icons/Close';
+import { Alert } from '@material-ui/lab';
+
+const useStyles = makeStyles((theme) => {
+  return {
+    // showing on top, as a block
+    blockPositioning: {
+      padding: theme?.spacing?.(0) ?? 0,
+      position: "relative",
+      marginBottom: theme?.spacing?.(4) ?? 32,
+      marginTop: theme?.spacing?.(3) ?? -24,
+      zIndex: "unset"
+    },
+    // showing on top, as a floating alert
+    floatingPositioning: {},
+    icon: {
+      fontSize: 20
+    },
+    bannerIcon: {
+      fontSize: 20,
+      marginRight: "0.5rem"
+    },
+    content: {
+      width: "100%",
+      maxWidth: "inherit",
+      flexWrap: "nowrap",
+      backgroundColor: theme?.palette?.banner?.info ?? "#f0f0f0",
+      display: "flex",
+      alignItems: "center",
+      color: theme?.palette?.banner?.text ?? "#000000",
+      "& a": {
+        color: theme?.palette?.banner?.link ?? "#0068c8"
+      }
+    }
+  };
+});
+const AnnouncementBanner = (props) => {
+  const classes = useStyles();
+  const announcementsApi = useApi(announcementsApiRef);
+  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);
+  const { t } = useAnnouncementsTranslation();
+  const [bannerOpen, setBannerOpen] = useState(true);
+  const variant = props.variant || "block";
+  const announcement = props.announcement;
+  const handleClick = () => {
+    announcementsApi.markLastSeenDate(
+      DateTime.fromISO(announcement.created_at)
+    );
+    setBannerOpen(false);
+  };
+  const message = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Typography, { component: "span", className: classes.bannerIcon }, "\u{1F4E3}"), /* @__PURE__ */ React__default.createElement(Link, { to: viewAnnouncementLink({ id: announcement.id }) }, announcement.title), "\xA0\u2013 ", announcement.excerpt);
+  return /* @__PURE__ */ React__default.createElement(
+    Snackbar,
+    {
+      anchorOrigin: { vertical: "top", horizontal: "center" },
+      open: bannerOpen,
+      className: variant === "block" ? classes.blockPositioning : classes.floatingPositioning
+    },
+    /* @__PURE__ */ React__default.createElement(
+      SnackbarContent,
+      {
+        className: classes.content,
+        message,
+        action: [
+          /* @__PURE__ */ React__default.createElement(
+            IconButton,
+            {
+              key: "dismiss",
+              title: t("newAnnouncementBanner.markAsSeen"),
+              color: "inherit",
+              onClick: handleClick
+            },
+            /* @__PURE__ */ React__default.createElement(Close, { className: classes.icon })
+          )
+        ]
+      }
+    )
+  );
+};
+const NewAnnouncementBanner = (props) => {
+  const { max, category, active, variant } = props;
+  const announcementsApi = useApi(announcementsApiRef);
+  const [signaledAnnouncement, setSignaledAnnouncement] = useState();
+  const { announcements, loading, error } = useAnnouncements({
+    max: max ?? 1,
+    category,
+    active
+  });
+  const lastSeen = announcementsApi.lastSeenDate();
+  const { lastSignal } = useSignal(
+    SIGNALS_CHANNEL_ANNOUNCEMENTS
+  );
+  useEffect(() => {
+    if (!lastSignal) {
+      return;
+    }
+    setSignaledAnnouncement(lastSignal?.data);
+  }, [lastSignal]);
+  if (loading) {
+    return null;
+  } else if (error) {
+    return /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, error.message);
+  }
+  if (announcements.count === 0) {
+    return null;
+  }
+  const unseenAnnouncements = announcements.results.filter((announcement) => {
+    return lastSeen < DateTime.fromISO(announcement.created_at);
+  });
+  if (signaledAnnouncement) {
+    unseenAnnouncements.push(signaledAnnouncement);
+  }
+  if (unseenAnnouncements?.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, unseenAnnouncements.map((announcement) => /* @__PURE__ */ React__default.createElement(
+    AnnouncementBanner,
+    {
+      key: announcement.id,
+      announcement,
+      variant
+    }
+  )));
+};
+
+export { NewAnnouncementBanner };
+//# sourceMappingURL=NewAnnouncementBanner.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewAnnouncementBanner.esm.js","sources":["../../../src/components/NewAnnouncementBanner/NewAnnouncementBanner.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 */\nimport React, { useEffect, useState } from 'react';\nimport { DateTime } from 'luxon';\nimport { Link } from '@backstage/core-components';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { announcementViewRouteRef } from '../../routes';\nimport {\n  announcementsApiRef,\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  AnnouncementSignal,\n  SIGNALS_CHANNEL_ANNOUNCEMENTS,\n} from '@backstage-community/plugin-announcements-common';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport {\n  makeStyles,\n  Snackbar,\n  SnackbarContent,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport Close from '@material-ui/icons/Close';\nimport { Alert } from '@material-ui/lab';\n\nconst useStyles = makeStyles(theme => {\n  return {\n    // showing on top, as a block\n    blockPositioning: {\n      padding: theme?.spacing?.(0) ?? 0,\n      position: 'relative',\n      marginBottom: theme?.spacing?.(4) ?? 32,\n      marginTop: theme?.spacing?.(3) ?? -24,\n      zIndex: 'unset',\n    },\n    // showing on top, as a floating alert\n    floatingPositioning: {},\n    icon: {\n      fontSize: 20,\n    },\n    bannerIcon: {\n      fontSize: 20,\n      marginRight: '0.5rem',\n    },\n    content: {\n      width: '100%',\n      maxWidth: 'inherit',\n      flexWrap: 'nowrap',\n      backgroundColor: theme?.palette?.banner?.info ?? '#f0f0f0',\n      display: 'flex',\n      alignItems: 'center',\n      color: theme?.palette?.banner?.text ?? '#000000',\n      '& a': {\n        color: theme?.palette?.banner?.link ?? '#0068c8',\n      },\n    },\n  };\n});\n\ntype AnnouncementBannerProps = {\n  announcement: Announcement;\n  variant?: 'block' | 'floating';\n};\n\nconst AnnouncementBanner = (props: AnnouncementBannerProps) => {\n  const classes = useStyles();\n  const announcementsApi = useApi(announcementsApiRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const { t } = useAnnouncementsTranslation();\n  const [bannerOpen, setBannerOpen] = useState(true);\n  const variant = props.variant || 'block';\n  const announcement = props.announcement;\n\n  const handleClick = () => {\n    announcementsApi.markLastSeenDate(\n      DateTime.fromISO(announcement.created_at),\n    );\n    setBannerOpen(false);\n  };\n\n  const message = (\n    <>\n      <Typography component=\"span\" className={classes.bannerIcon}>\n        📣\n      </Typography>\n      <Link to={viewAnnouncementLink({ id: announcement.id })}>\n        {announcement.title}\n      </Link>\n      &nbsp;– {announcement.excerpt}\n    </>\n  );\n\n  return (\n    <Snackbar\n      anchorOrigin={{ vertical: 'top', horizontal: 'center' }}\n      open={bannerOpen}\n      className={\n        variant === 'block'\n          ? classes.blockPositioning\n          : classes.floatingPositioning\n      }\n    >\n      <SnackbarContent\n        className={classes.content}\n        message={message}\n        action={[\n          <IconButton\n            key=\"dismiss\"\n            title={t('newAnnouncementBanner.markAsSeen')}\n            color=\"inherit\"\n            onClick={handleClick}\n          >\n            <Close className={classes.icon} />\n          </IconButton>,\n        ]}\n      />\n    </Snackbar>\n  );\n};\n\ntype NewAnnouncementBannerProps = {\n  variant?: 'block' | 'floating';\n  max?: number;\n  category?: string;\n  active?: boolean;\n};\n\nexport const NewAnnouncementBanner = (props: NewAnnouncementBannerProps) => {\n  const { max, category, active, variant } = props;\n\n  const announcementsApi = useApi(announcementsApiRef);\n\n  const [signaledAnnouncement, setSignaledAnnouncement] = useState<\n    AnnouncementSignal['data'] | undefined\n  >();\n\n  const { announcements, loading, error } = useAnnouncements({\n    max: max ?? 1,\n    category,\n    active,\n  });\n  const lastSeen = announcementsApi.lastSeenDate();\n\n  const { lastSignal } = useSignal<AnnouncementSignal>(\n    SIGNALS_CHANNEL_ANNOUNCEMENTS,\n  );\n\n  useEffect(() => {\n    if (!lastSignal) {\n      return;\n    }\n\n    setSignaledAnnouncement(lastSignal?.data);\n  }, [lastSignal]);\n\n  if (loading) {\n    return null;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (announcements.count === 0) {\n    return null;\n  }\n\n  const unseenAnnouncements = announcements.results.filter(announcement => {\n    return lastSeen < DateTime.fromISO(announcement.created_at);\n  });\n\n  if (signaledAnnouncement) {\n    unseenAnnouncements.push(signaledAnnouncement);\n  }\n\n  if (unseenAnnouncements?.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {unseenAnnouncements.map(announcement => (\n        <AnnouncementBanner\n          key={announcement.id}\n          announcement={announcement}\n          variant={variant}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

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

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

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

package/dist/components/NewCategoryDialog/NewCategoryDialog.esm.js

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+import { announcementsApiRef, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { Dialog, DialogTitle, DialogContent, TextField, DialogActions, Button } from '@material-ui/core';
+
+const NewCategoryDialog = (props) => {
+  const announcementsApi = useApi(announcementsApiRef);
+  const { t } = useAnnouncementsTranslation();
+  const alertApi = useApi(alertApiRef);
+  const [title, setTitle] = React__default.useState("");
+  const onClose = () => {
+    props.onClose();
+  };
+  const onConfirm = async () => {
+    try {
+      await announcementsApi.createCategory({
+        title
+      });
+      alertApi.post({
+        message: t("newCategoryDialog.createdMessage"),
+        severity: "success"
+      });
+      props.onClose();
+    } catch (err) {
+      alertApi.post({ message: err.message, severity: "error" });
+    }
+  };
+  const handleChange = (event) => {
+    setTitle(event.target.value);
+  };
+  return /* @__PURE__ */ React__default.createElement(Dialog, { open: props.open, onClose }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, t("newCategoryDialog.newCategory")), /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(
+    TextField,
+    {
+      margin: "normal",
+      id: "title",
+      label: t("newCategoryDialog.title"),
+      value: title,
+      onChange: handleChange,
+      type: "text",
+      fullWidth: true
+    }
+  )), /* @__PURE__ */ React__default.createElement(DialogActions, null, /* @__PURE__ */ React__default.createElement(Button, { onClick: onClose }, t("newCategoryDialog.cancelButton")), /* @__PURE__ */ React__default.createElement(Button, { onClick: onConfirm, color: "primary" }, t("newCategoryDialog.createButton"))));
+};
+
+export { NewCategoryDialog };
+//# sourceMappingURL=NewCategoryDialog.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewCategoryDialog.esm.js","sources":["../../../src/components/NewCategoryDialog/NewCategoryDialog.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 */\nimport React from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  TextField,\n} from '@material-ui/core';\n\ntype NewCategoryDialogProps = {\n  open: boolean;\n  onClose: () => any;\n};\n\nexport const NewCategoryDialog = (props: NewCategoryDialogProps) => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const { t } = useAnnouncementsTranslation();\n  const alertApi = useApi(alertApiRef);\n\n  const [title, setTitle] = React.useState('');\n\n  const onClose = () => {\n    props.onClose();\n  };\n\n  const onConfirm = async () => {\n    try {\n      await announcementsApi.createCategory({\n        title,\n      });\n      alertApi.post({\n        message: t('newCategoryDialog.createdMessage'),\n        severity: 'success',\n      });\n      props.onClose();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setTitle(event.target.value);\n  };\n\n  return (\n    <Dialog open={props.open} onClose={onClose}>\n      <DialogTitle>{t('newCategoryDialog.newCategory')}</DialogTitle>\n      <DialogContent>\n        <TextField\n          margin=\"normal\"\n          id=\"title\"\n          label={t('newCategoryDialog.title')}\n          value={title}\n          onChange={handleChange}\n          type=\"text\"\n          fullWidth\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose}>{t('newCategoryDialog.cancelButton')}</Button>\n\n        <Button onClick={onConfirm} color=\"primary\">\n          {t('newCategoryDialog.createButton')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAmCa,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAM,SAAS,EAAE,CAAA;AAE3C,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,CAAM,OAAQ,EAAA;AAAA,GAChB;AAEA,EAAA,MAAM,YAAY,YAAY;AAC5B,IAAI,IAAA;AACF,MAAA,MAAM,iBAAiB,cAAe,CAAA;AAAA,QACpC;AAAA,OACD,CAAA;AACD,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,EAAE,kCAAkC,CAAA;AAAA,QAC7C,QAAU,EAAA;AAAA,OACX,CAAA;AACD,MAAA,KAAA,CAAM,OAAQ,EAAA;AAAA,aACP,GAAK,EAAA;AACZ,MAAA,QAAA,CAAS,KAAK,EAAE,OAAA,EAAU,IAAc,OAAS,EAAA,QAAA,EAAU,SAAS,CAAA;AAAA;AACtE,GACF;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,KAA+C,KAAA;AACnE,IAAS,QAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,GAC7B;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,KAAA,CAAM,IAAM,EAAA,OAAA,EAAA,kBACvBA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EAAa,CAAE,CAAA,+BAA+B,CAAE,CAAA,+CAChD,aACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,QAAA;AAAA,MACP,EAAG,EAAA,OAAA;AAAA,MACH,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,MAClC,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,YAAA;AAAA,MACV,IAAK,EAAA,MAAA;AAAA,MACL,SAAS,EAAA;AAAA;AAAA,GAEb,mBACCA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,+CACE,MAAO,EAAA,EAAA,OAAA,EAAS,OAAU,EAAA,EAAA,CAAA,CAAE,gCAAgC,CAAE,mBAE9DA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAS,SAAW,EAAA,KAAA,EAAM,aAC/B,CAAE,CAAA,gCAAgC,CACrC,CACF,CACF,CAAA;AAEJ;;;;"}

package/dist/components/Router.esm.js

@@ -0,0 +1,64 @@
+import React__default from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { announcementCreatePermission, announcementUpdatePermission } from '@backstage-community/plugin-announcements-common';
+import { announcementViewRouteRef, announcementCreateRouteRef, announcementEditRouteRef, announcementAdminRouteRef, categoriesListRouteRef } from '../routes.esm.js';
+import { AnnouncementsPage } from './AnnouncementsPage/AnnouncementsPage.esm.js';
+import { AnnouncementPage } from './AnnouncementPage/AnnouncementPage.esm.js';
+import { CreateAnnouncementPage } from './CreateAnnouncementPage/CreateAnnouncementPage.esm.js';
+import { EditAnnouncementPage } from './EditAnnouncementPage/EditAnnouncementPage.esm.js';
+import { CategoriesPage } from './CategoriesPage/CategoriesPage.esm.js';
+import { AdminPortal } from './Admin/AdminPortal/AdminPortal.esm.js';
+import '@backstage/core-components';
+import '@backstage/core-plugin-api';
+import '@backstage-community/plugin-announcements-react';
+import 'react-use/esm/useAsyncRetry';
+import '@material-ui/core';
+import './AnnouncementForm/AnnouncementForm.esm.js';
+import 'slugify';
+import '@material-ui/icons/Delete';
+import '@material-ui/icons/Edit';
+import '@material-ui/icons/Visibility';
+
+const Router = (props) => {
+  const propsWithDefaults = {
+    themeId: "home",
+    title: "Announcements",
+    hideInactive: false,
+    ...props
+  };
+  return /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(Route, { path: "/", element: /* @__PURE__ */ React__default.createElement(AnnouncementsPage, { ...propsWithDefaults }) }), /* @__PURE__ */ React__default.createElement(
+    Route,
+    {
+      path: `${announcementViewRouteRef.path}`,
+      element: /* @__PURE__ */ React__default.createElement(AnnouncementPage, { ...propsWithDefaults })
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Route,
+    {
+      path: `${announcementCreateRouteRef.path}`,
+      element: /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: announcementCreatePermission }, /* @__PURE__ */ React__default.createElement(CreateAnnouncementPage, { ...propsWithDefaults }))
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Route,
+    {
+      path: `${announcementEditRouteRef.path}`,
+      element: /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: announcementUpdatePermission }, /* @__PURE__ */ React__default.createElement(EditAnnouncementPage, { ...propsWithDefaults }))
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Route,
+    {
+      path: `${announcementAdminRouteRef.path}`,
+      element: /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: announcementCreatePermission }, /* @__PURE__ */ React__default.createElement(AdminPortal, null))
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Route,
+    {
+      path: `${categoriesListRouteRef.path}`,
+      element: /* @__PURE__ */ React__default.createElement(CategoriesPage, { themeId: propsWithDefaults.themeId })
+    }
+  ));
+};
+
+export { Router };
+//# sourceMappingURL=Router.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 */\nimport React from 'react';\nimport { Routes, Route } from 'react-router-dom';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport {\n  announcementCreatePermission,\n  announcementUpdatePermission,\n} from '@backstage-community/plugin-announcements-common';\nimport {\n  announcementAdminRouteRef,\n  announcementCreateRouteRef,\n  announcementEditRouteRef,\n  announcementViewRouteRef,\n  categoriesListRouteRef,\n} from '../routes';\nimport { AnnouncementsPage, AnnouncementsPageProps } from './AnnouncementsPage';\nimport { AnnouncementPage } from './AnnouncementPage';\nimport { CreateAnnouncementPage } from './CreateAnnouncementPage';\nimport { EditAnnouncementPage } from './EditAnnouncementPage';\nimport { CategoriesPage } from './CategoriesPage';\nimport { AdminPortal } from './Admin';\n\ntype RouterProps = {\n  themeId?: string;\n  title?: string;\n  subtitle?: string;\n  category?: string;\n  hideContextMenu?: boolean;\n  cardOptions?: {\n    titleLength: number | undefined;\n  };\n  buttonOptions?: {\n    name: string | undefined;\n  };\n  hideInactive?: boolean;\n};\n\nexport const Router = (props: RouterProps) => {\n  const propsWithDefaults: AnnouncementsPageProps = {\n    themeId: 'home',\n    title: 'Announcements',\n    hideInactive: false,\n    ...props,\n  };\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<AnnouncementsPage {...propsWithDefaults} />} />\n      <Route\n        path={`${announcementViewRouteRef.path}`}\n        element={<AnnouncementPage {...propsWithDefaults} />}\n      />\n      <Route\n        path={`${announcementCreateRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementCreatePermission}>\n            <CreateAnnouncementPage {...propsWithDefaults} />\n          </RequirePermission>\n        }\n      />\n      <Route\n        path={`${announcementEditRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementUpdatePermission}>\n            <EditAnnouncementPage {...propsWithDefaults} />\n          </RequirePermission>\n        }\n      />\n      <Route\n        path={`${announcementAdminRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementCreatePermission}>\n            <AdminPortal />\n          </RequirePermission>\n        }\n      />\n\n      <Route\n        path={`${categoriesListRouteRef.path}`}\n        element={<CategoriesPage themeId={propsWithDefaults.themeId} />}\n      />\n    </Routes>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmDa,MAAA,MAAA,GAAS,CAAC,KAAuB,KAAA;AAC5C,EAAA,MAAM,iBAA4C,GAAA;AAAA,IAChD,OAAS,EAAA,MAAA;AAAA,IACT,KAAO,EAAA,eAAA;AAAA,IACP,YAAc,EAAA,KAAA;AAAA,IACd,GAAG;AAAA,GACL;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAmB,EAAA,EAAA,GAAG,iBAAmB,EAAA,CAAA,EAAI,CACvE,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,wBAAA,CAAyB,IAAI,CAAA,CAAA;AAAA,MACtC,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAkB,EAAA,EAAA,GAAG,iBAAmB,EAAA;AAAA;AAAA,GAEpD,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,0BAAA,CAA2B,IAAI,CAAA,CAAA;AAAA,MACxC,OAAA,+CACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,gDAC5BA,cAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,EAAwB,GAAG,iBAAA,EAAmB,CACjD;AAAA;AAAA,GAGJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,wBAAA,CAAyB,IAAI,CAAA,CAAA;AAAA,MACtC,OAAA,+CACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,gDAC5BA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAsB,GAAG,iBAAA,EAAmB,CAC/C;AAAA;AAAA,GAGJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,yBAAA,CAA0B,IAAI,CAAA,CAAA;AAAA,MACvC,yBACGA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,YAAY,4BAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAY,CACf;AAAA;AAAA,GAIJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,sBAAA,CAAuB,IAAI,CAAA,CAAA;AAAA,MACpC,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,OAAA,EAAS,kBAAkB,OAAS,EAAA;AAAA;AAAA,GAEjE,CAAA;AAEJ;;;;"}

package/dist/components/index.esm.js

@@ -0,0 +1,4 @@
+export { AnnouncementsTimeline } from './AnnouncementsTimeline/AnnouncementsTimeline.esm.js';
+export { AdminPortal } from './Admin/AdminPortal/AdminPortal.esm.js';
+export { AnnouncementsContent } from './Admin/AnnouncementsContent/AnnouncementsContent.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import * as _backstage_core_plugin_api_index from '@backstage/core-plugin-api/index';
+import * as react from 'react';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { AnnouncementsApi as AnnouncementsApi$1 } from '@backstage-community/plugin-announcements-react';
+
+/**
+ * @public
+ */
+declare const announcementsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+/**
+ * @public
+ */
+declare const AnnouncementsPage: (props: {
+    themeId?: string | undefined;
+    title?: string | undefined;
+    subtitle?: string | undefined;
+    category?: string | undefined;
+    hideContextMenu?: boolean | undefined;
+    cardOptions?: {
+        titleLength: number | undefined;
+    } | undefined;
+    buttonOptions?: {
+        name: string | undefined;
+    } | undefined;
+    hideInactive?: boolean | undefined;
+}) => react.JSX.Element;
+
+/**
+   @public
+ * @deprecated Use `AnnouncementsApi` from `@backstage-community/plugin-announcements-react` instead
+ */
+type AnnouncementsApi = AnnouncementsApi$1;
+/**
+ * @public
+ * @deprecated Use `announcementsApiRef` from `@backstage-community/plugin-announcements-react` instead
+ */
+declare const announcementsApiRef: _backstage_core_plugin_api_index.ApiRef<AnnouncementsApi$1>;
+
+export { type AnnouncementsApi, AnnouncementsPage, announcementsApiRef, announcementsPlugin };

package/dist/index.esm.js

@@ -0,0 +1,7 @@
+export { AnnouncementsPage, announcementsPlugin } from './plugin.esm.js';
+import { announcementsApiRef as announcementsApiRef$1 } from '@backstage-community/plugin-announcements-react';
+
+const announcementsApiRef = announcementsApiRef$1;
+
+export { announcementsApiRef };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/index.ts"],"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 */\nexport { announcementsPlugin, AnnouncementsPage } from './plugin';\n\nimport {\n  announcementsApiRef as announcementsApiRef_,\n  AnnouncementsApi as AnnouncementsApi_,\n} from '@backstage-community/plugin-announcements-react';\n\n/**\n   @public\n * @deprecated Use `AnnouncementsApi` from `@backstage-community/plugin-announcements-react` instead\n */\nexport type AnnouncementsApi = AnnouncementsApi_;\n\n/**\n * @public\n * @deprecated Use `announcementsApiRef` from `@backstage-community/plugin-announcements-react` instead\n */\nexport const announcementsApiRef = announcementsApiRef_;\n"],"names":["announcementsApiRef_"],"mappings":";;;AAgCO,MAAM,mBAAsB,GAAAA;;;;"}

package/dist/plugin.esm.js

@@ -0,0 +1,83 @@
+import { createPlugin, createApiFactory, discoveryApiRef, identityApiRef, errorApiRef, fetchApiRef, createRoutableExtension, createComponentExtension } from '@backstage/core-plugin-api';
+import { createSearchResultListItemExtension } from '@backstage/plugin-search-react';
+import { rootRouteRef } from './routes.esm.js';
+import { announcementsApiRef } from '@backstage-community/plugin-announcements-react';
+import { AnnouncementsClient } from './api.esm.js';
+
+const announcementsPlugin = createPlugin({
+  id: "announcements",
+  routes: {
+    root: rootRouteRef
+  },
+  apis: [
+    createApiFactory({
+      api: announcementsApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        identityApi: identityApiRef,
+        errorApi: errorApiRef,
+        fetchApi: fetchApiRef
+      },
+      factory: ({ discoveryApi, identityApi, errorApi, fetchApi }) => {
+        return new AnnouncementsClient({
+          discoveryApi,
+          identityApi,
+          errorApi,
+          fetchApi
+        });
+      }
+    })
+  ]
+});
+const AnnouncementsPage = announcementsPlugin.provide(
+  createRoutableExtension({
+    name: "AnnouncementsPage",
+    component: () => import('./components/Router.esm.js').then((m) => m.Router),
+    mountPoint: rootRouteRef
+  })
+);
+announcementsPlugin.provide(
+  createRoutableExtension({
+    name: "AnnouncementsAdminPortal",
+    component: () => import('./components/Admin/index.esm.js').then((m) => m.AdminPortal),
+    mountPoint: rootRouteRef
+  })
+);
+announcementsPlugin.provide(
+  createComponentExtension({
+    name: "AnnouncementsTimeline",
+    component: {
+      lazy: () => import('./components/index.esm.js').then((m) => m.AnnouncementsTimeline)
+    }
+  })
+);
+announcementsPlugin.provide(
+  createComponentExtension({
+    name: "AnnouncementsCard",
+    component: {
+      lazy: () => import('./components/AnnouncementsCard/index.esm.js').then((m) => m.AnnouncementsCard)
+    }
+  })
+);
+announcementsPlugin.provide(
+  createComponentExtension({
+    name: "NewAnnouncementBanner",
+    component: {
+      lazy: () => import('./components/NewAnnouncementBanner/index.esm.js').then(
+        (m) => m.NewAnnouncementBanner
+      )
+    }
+  })
+);
+announcementsPlugin.provide(
+  createSearchResultListItemExtension({
+    name: "AnnouncementSearchResultListItem",
+    component: () => import('./components/AnnouncementSearchResultListItem/index.esm.js').then(
+      (m) => m.AnnouncementSearchResultListItem
+    ),
+    predicate: (result) => result.type === "announcements"
+  })
+);
+
+export { AnnouncementsPage, announcementsPlugin };
+//# 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":["/*\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 */\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  errorApiRef,\n  identityApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  createSearchResultListItemExtension,\n  SearchResultListItemExtensionProps,\n} from '@backstage/plugin-search-react';\nimport { AnnouncementSearchResultProps } from './components/AnnouncementSearchResultListItem';\nimport { rootRouteRef } from './routes';\nimport { announcementsApiRef } from '@backstage-community/plugin-announcements-react';\nimport { AnnouncementsClient } from './api';\n\n/**\n * @public\n */\nexport const announcementsPlugin = createPlugin({\n  id: 'announcements',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: announcementsApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        identityApi: identityApiRef,\n        errorApi: errorApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, identityApi, errorApi, fetchApi }) => {\n        return new AnnouncementsClient({\n          discoveryApi: discoveryApi,\n          identityApi: identityApi,\n          errorApi: errorApi,\n          fetchApi: fetchApi,\n        });\n      },\n    }),\n  ],\n});\n\n/**\n * @public\n */\nexport const AnnouncementsPage = announcementsPlugin.provide(\n  createRoutableExtension({\n    name: 'AnnouncementsPage',\n    component: () => import('./components/Router').then(m => m.Router),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsAdminPortal = announcementsPlugin.provide(\n  createRoutableExtension({\n    name: 'AnnouncementsAdminPortal',\n    component: () => import('./components/Admin').then(m => m.AdminPortal),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsTimeline = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsTimeline',\n    component: {\n      lazy: () => import('./components').then(m => m.AnnouncementsTimeline),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsCard = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsCard',\n    component: {\n      lazy: () =>\n        import('./components/AnnouncementsCard').then(m => m.AnnouncementsCard),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const NewAnnouncementBanner = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'NewAnnouncementBanner',\n    component: {\n      lazy: () =>\n        import('./components/NewAnnouncementBanner').then(\n          m => m.NewAnnouncementBanner,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementSearchResultListItem: (\n  props: SearchResultListItemExtensionProps<AnnouncementSearchResultProps>,\n) => JSX.Element | null = announcementsPlugin.provide(\n  createSearchResultListItemExtension({\n    name: 'AnnouncementSearchResultListItem',\n    component: () =>\n      import('./components/AnnouncementSearchResultListItem').then(\n        m => m.AnnouncementSearchResultListItem,\n      ),\n    predicate: result => result.type === 'announcements',\n  }),\n);\n"],"names":[],"mappings":";;;;;;AAqCO,MAAM,sBAAsB,YAAa,CAAA;AAAA,EAC9C,EAAI,EAAA,eAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,mBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,WAAa,EAAA,cAAA;AAAA,QACb,QAAU,EAAA,WAAA;AAAA,QACV,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,SAAS,CAAC,EAAE,cAAc,WAAa,EAAA,QAAA,EAAU,UAAe,KAAA;AAC9D,QAAA,OAAO,IAAI,mBAAoB,CAAA;AAAA,UAC7B,YAAA;AAAA,UACA,WAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA;AACH,KACD;AAAA;AAEL,CAAC;AAKM,MAAM,oBAAoB,mBAAoB,CAAA,OAAA;AAAA,EACnD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,4BAAqB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA;AAAA,IACjE,UAAY,EAAA;AAAA,GACb;AACH;AAKwC,mBAAoB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,0BAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,iCAAoB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,WAAW,CAAA;AAAA,IACrE,UAAY,EAAA;AAAA,GACb;AACH;AAKqC,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,qBAAqB;AAAA;AACtE,GACD;AACH;AAKiC,mBAAoB,CAAA,OAAA;AAAA,EACnD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB;AAAA;AAC1E,GACD;AACH;AAKqC,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAoC,CAAE,CAAA,IAAA;AAAA,QAC3C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAO0B,mBAAoB,CAAA,OAAA;AAAA,EAC5C,mCAAoC,CAAA;AAAA,IAClC,IAAM,EAAA,kCAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,4DAA+C,CAAE,CAAA,IAAA;AAAA,MACtD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,SAAA,EAAW,CAAU,MAAA,KAAA,MAAA,CAAO,IAAS,KAAA;AAAA,GACtC;AACH;;;;"}

package/dist/routes.esm.js

@@ -0,0 +1,33 @@
+import { createRouteRef, createSubRouteRef } from '@backstage/core-plugin-api';
+
+const rootRouteRef = createRouteRef({
+  id: "announcements"
+});
+const announcementAdminRouteRef = createSubRouteRef({
+  id: "announcements/admin",
+  path: "/admin",
+  parent: rootRouteRef
+});
+const announcementCreateRouteRef = createSubRouteRef({
+  id: "announcements/create",
+  path: "/create",
+  parent: rootRouteRef
+});
+const announcementEditRouteRef = createSubRouteRef({
+  id: "announcements/edit",
+  path: "/edit/:id",
+  parent: rootRouteRef
+});
+const announcementViewRouteRef = createSubRouteRef({
+  id: "announcements/view",
+  path: "/view/:id",
+  parent: rootRouteRef
+});
+const categoriesListRouteRef = createSubRouteRef({
+  id: "announcements/categories",
+  path: "/categories",
+  parent: rootRouteRef
+});
+
+export { announcementAdminRouteRef, announcementCreateRouteRef, announcementEditRouteRef, announcementViewRouteRef, categoriesListRouteRef, rootRouteRef };
+//# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"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 */\nimport { createRouteRef, createSubRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'announcements',\n});\n\nexport const announcementAdminRouteRef = createSubRouteRef({\n  id: 'announcements/admin',\n  path: '/admin',\n  parent: rootRouteRef,\n});\n\nexport const announcementCreateRouteRef = createSubRouteRef({\n  id: 'announcements/create',\n  path: '/create',\n  parent: rootRouteRef,\n});\n\nexport const announcementEditRouteRef = createSubRouteRef({\n  id: 'announcements/edit',\n  path: '/edit/:id',\n  parent: rootRouteRef,\n});\n\nexport const announcementViewRouteRef = createSubRouteRef({\n  id: 'announcements/view',\n  path: '/view/:id',\n  parent: rootRouteRef,\n});\n\nexport const categoriesListRouteRef = createSubRouteRef({\n  id: 'announcements/categories',\n  path: '/categories',\n  parent: rootRouteRef,\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,4BAA4B,iBAAkB,CAAA;AAAA,EACzD,EAAI,EAAA,qBAAA;AAAA,EACJ,IAAM,EAAA,QAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;AAEM,MAAM,6BAA6B,iBAAkB,CAAA;AAAA,EAC1D,EAAI,EAAA,sBAAA;AAAA,EACJ,IAAM,EAAA,SAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;AAEM,MAAM,2BAA2B,iBAAkB,CAAA;AAAA,EACxD,EAAI,EAAA,oBAAA;AAAA,EACJ,IAAM,EAAA,WAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;AAEM,MAAM,2BAA2B,iBAAkB,CAAA;AAAA,EACxD,EAAI,EAAA,oBAAA;AAAA,EACJ,IAAM,EAAA,WAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;AAEM,MAAM,yBAAyB,iBAAkB,CAAA;AAAA,EACtD,EAAI,EAAA,0BAAA;AAAA,EACJ,IAAM,EAAA,aAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;;;;"}

package/package.json

@@ -0,0 +1,113 @@
+{
+  "name": "@backstage-community/plugin-announcements",
+  "version": "0.1.1",
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "typesVersions": {
+    "*": {
+      "index": [
+        "dist/index.d.ts"
+      ],
+      "alpha": [
+        "dist/alpha.d.ts"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "./alpha": {
+      "backstage": "@backstage/FrontendPlugin",
+      "import": "./dist/alpha.esm.js",
+      "types": "./dist/alpha.d.ts",
+      "default": "./dist/alpha.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/backstage/community-plugins",
+    "directory": "workspaces/announcements/plugins/announcements"
+  },
+  "backstage": {
+    "role": "frontend-plugin",
+    "pluginId": "announcements",
+    "pluginPackages": [
+      "@backstage-community/plugin-announcements",
+      "@backstage-community/plugin-announcements-backend",
+      "@backstage-community/plugin-announcements-common",
+      "@backstage-community/plugin-announcements-node",
+      "@backstage-community/plugin-announcements-react"
+    ]
+  },
+  "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-community/plugin-announcements-common": "^0.1.1",
+    "@backstage-community/plugin-announcements-react": "^0.1.1",
+    "@backstage/catalog-model": "^1.7.2",
+    "@backstage/core-app-api": "^1.15.3",
+    "@backstage/core-compat-api": "^0.3.4",
+    "@backstage/core-components": "^0.16.2",
+    "@backstage/core-plugin-api": "^1.10.2",
+    "@backstage/errors": "^1.2.6",
+    "@backstage/frontend-plugin-api": "^0.9.3",
+    "@backstage/plugin-catalog-react": "^1.15.0",
+    "@backstage/plugin-permission-react": "^0.4.29",
+    "@backstage/plugin-search-common": "^1.2.16",
+    "@backstage/plugin-search-react": "^1.8.4",
+    "@backstage/plugin-signals-react": "^0.0.8",
+    "@backstage/theme": "^0.6.3",
+    "@material-ui/core": "^4.12.2",
+    "@material-ui/icons": "^4.11.3",
+    "@material-ui/lab": "4.0.0-alpha.57",
+    "@mui/material": "^5.15.6",
+    "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "@uiw/react-md-editor": "^4.0.3",
+    "add": "^2.0.6",
+    "luxon": "^3.2.0",
+    "react-use": "^17.2.4",
+    "slugify": "1.6.6"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.29.4",
+    "@backstage/dev-utils": "^1.1.5",
+    "@backstage/frontend-test-utils": "^0.2.4",
+    "@backstage/plugin-signals": "^0.0.14",
+    "@backstage/test-utils": "^1.7.3",
+    "@testing-library/jest-dom": "^6.3.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/luxon": "^3.3.3",
+    "@types/node": "^18.18.7",
+    "cross-fetch": "^3.1.8",
+    "msw": "^1.3.2",
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/index.esm.js"
+}