@backstage/plugin-notifications 0.0.0-nightly-20240207020916

package/CHANGELOG.md

@@ -0,0 +1,29 @@
+# @backstage/plugin-notifications
+
+## 0.0.0-nightly-20240207020916
+
+### Patch Changes
+
+- fb8fc24: Initial notifications system for backstage
+- Updated dependencies
+  - @backstage/core-components@0.0.0-nightly-20240207020916
+  - @backstage/plugin-signals-react@0.0.0-nightly-20240207020916
+  - @backstage/core-plugin-api@0.0.0-nightly-20240207020916
+  - @backstage/theme@0.0.0-nightly-20240207020916
+  - @backstage/plugin-notifications-common@0.0.0-nightly-20240207020916
+  - @backstage/errors@1.2.3
+  - @backstage/types@1.1.1
+
+## 0.0.1-next.0
+
+### Patch Changes
+
+- fb8fc24: Initial notifications system for backstage
+- Updated dependencies
+  - @backstage/core-components@0.14.0-next.1
+  - @backstage/plugin-signals-react@0.0.1-next.2
+  - @backstage/core-plugin-api@1.9.0-next.1
+  - @backstage/theme@0.5.1-next.0
+  - @backstage/plugin-notifications-common@0.0.1-next.0
+  - @backstage/errors@1.2.3
+  - @backstage/types@1.1.1

package/README.md

@@ -0,0 +1,41 @@
+# notifications
+
+Welcome to the notifications plugin!
+
+_This plugin was created through the Backstage CLI_
+
+## Getting started
+
+First, install the `@backstage/plugin-notifications-backend` and `@backstage/plugin-notifications-node` packages.
+See the documentation for installation instructions.
+
+To add the notifications main menu, add the following to your `packages/app/src/components/Root/Root.tsx`:
+
+```tsx
+import { NotificationsSidebarItem } from '@backstage/plugin-notifications';
+
+<SidebarPage>
+  <Sidebar>
+    <SidebarGroup>
+      // ...
+      <NotificationsSidebarItem />
+    </SidebarGroup>
+  </Sidebar>
+</SidebarPage>;
+```
+
+Also add the route to notifications to `packages/app/src/App.tsx`:
+
+```tsx
+import { NotificationsPage } from '@backstage/plugin-notifications';
+
+<FlatRoutes>
+  // ...
+  <Route path="/notifications" element={<NotificationsPage />} />
+</FlatRoutes>;
+```
+
+## Real-time notifications
+
+To be able to get real-time notifications to the UI without need for the user to refresh the page, you also need to
+add `@backstage/plugin-signals` package to your installation.

package/dist/esm/index-9074aad8.esm.js

@@ -0,0 +1,89 @@
+import React, { useState, useEffect } from 'react';
+import { ErrorPanel, PageWithHeader, Content } from '@backstage/core-components';
+import { useNotificationsApi, NotificationsTable } from '../index.esm.js';
+import { makeStyles, Grid, Button } from '@material-ui/core';
+import Bookmark from '@material-ui/icons/Bookmark';
+import Check from '@material-ui/icons/Check';
+import Inbox from '@material-ui/icons/Inbox';
+import { useSignal } from '@backstage/plugin-signals-react';
+import '@backstage/core-plugin-api';
+import '@backstage/errors';
+import 'react-use/lib/useAsyncRetry';
+import '@material-ui/icons/Notifications';
+import 'react-router-dom';
+import '@material-ui/core/Checkbox';
+import '@material-ui/icons/Close';
+import 'react-relative-time';
+import '@material-ui/icons/ArrowForward';
+
+const useStyles = makeStyles((_theme) => ({
+  filterButton: {
+    width: "100%",
+    justifyContent: "start"
+  }
+}));
+const NotificationsPage = () => {
+  const [type, setType] = useState("undone");
+  const [refresh, setRefresh] = React.useState(false);
+  const { error, value, retry } = useNotificationsApi(
+    (api) => api.getNotifications({ type }),
+    [type]
+  );
+  useEffect(() => {
+    if (refresh) {
+      retry();
+      setRefresh(false);
+    }
+  }, [refresh, setRefresh, retry]);
+  const { lastSignal } = useSignal("notifications");
+  useEffect(() => {
+    if (lastSignal && lastSignal.action) {
+      setRefresh(true);
+    }
+  }, [lastSignal]);
+  const onUpdate = () => {
+    setRefresh(true);
+  };
+  const styles = useStyles();
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ErrorPanel, { error: new Error("Failed to load notifications") });
+  }
+  return /* @__PURE__ */ React.createElement(PageWithHeader, { title: "Notifications", themeId: "tool" }, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      className: styles.filterButton,
+      startIcon: /* @__PURE__ */ React.createElement(Inbox, null),
+      variant: type === "undone" ? "contained" : "text",
+      onClick: () => setType("undone")
+    },
+    "Inbox"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      className: styles.filterButton,
+      startIcon: /* @__PURE__ */ React.createElement(Check, null),
+      variant: type === "done" ? "contained" : "text",
+      onClick: () => setType("done")
+    },
+    "Done"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      className: styles.filterButton,
+      startIcon: /* @__PURE__ */ React.createElement(Bookmark, null),
+      variant: type === "saved" ? "contained" : "text",
+      onClick: () => setType("saved")
+    },
+    "Saved"
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 10 }, /* @__PURE__ */ React.createElement(
+    NotificationsTable,
+    {
+      notifications: value,
+      type,
+      onUpdate
+    }
+  )))));
+};
+
+export { NotificationsPage };
+//# sourceMappingURL=index-9074aad8.esm.js.map

package/dist/esm/index-9074aad8.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-9074aad8.esm.js","sources":["../../src/components/NotificationsPage/NotificationsPage.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 React, { useEffect, useState } from 'react';\nimport {\n  Content,\n  ErrorPanel,\n  PageWithHeader,\n} from '@backstage/core-components';\nimport { NotificationsTable } from '../NotificationsTable';\nimport { useNotificationsApi } from '../../hooks';\nimport { Button, Grid, makeStyles } from '@material-ui/core';\nimport Bookmark from '@material-ui/icons/Bookmark';\nimport Check from '@material-ui/icons/Check';\nimport Inbox from '@material-ui/icons/Inbox';\nimport { NotificationType } from '@backstage/plugin-notifications-common';\nimport { useSignal } from '@backstage/plugin-signals-react';\n\nconst useStyles = makeStyles(_theme => ({\n  filterButton: {\n    width: '100%',\n    justifyContent: 'start',\n  },\n}));\n\nexport const NotificationsPage = () => {\n  const [type, setType] = useState<NotificationType>('undone');\n  const [refresh, setRefresh] = React.useState(false);\n\n  const { error, value, retry } = useNotificationsApi(\n    api => api.getNotifications({ type }),\n    [type],\n  );\n\n  useEffect(() => {\n    if (refresh) {\n      retry();\n      setRefresh(false);\n    }\n  }, [refresh, setRefresh, retry]);\n\n  const { lastSignal } = useSignal('notifications');\n  useEffect(() => {\n    if (lastSignal && lastSignal.action) {\n      setRefresh(true);\n    }\n  }, [lastSignal]);\n\n  const onUpdate = () => {\n    setRefresh(true);\n  };\n\n  const styles = useStyles();\n  if (error) {\n    return <ErrorPanel error={new Error('Failed to load notifications')} />;\n  }\n\n  return (\n    <PageWithHeader title=\"Notifications\" themeId=\"tool\">\n      <Content>\n        <Grid container>\n          <Grid item xs={2}>\n            <Button\n              className={styles.filterButton}\n              startIcon={<Inbox />}\n              variant={type === 'undone' ? 'contained' : 'text'}\n              onClick={() => setType('undone')}\n            >\n              Inbox\n            </Button>\n            <Button\n              className={styles.filterButton}\n              startIcon={<Check />}\n              variant={type === 'done' ? 'contained' : 'text'}\n              onClick={() => setType('done')}\n            >\n              Done\n            </Button>\n            <Button\n              className={styles.filterButton}\n              startIcon={<Bookmark />}\n              variant={type === 'saved' ? 'contained' : 'text'}\n              onClick={() => setType('saved')}\n            >\n              Saved\n            </Button>\n          </Grid>\n          <Grid item xs={10}>\n            <NotificationsTable\n              notifications={value}\n              type={type}\n              onUpdate={onUpdate}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </PageWithHeader>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,101 @@
+/// <reference types="react" />
+import * as React from 'react';
+import React__default from 'react';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';
+import { NotificationType, Notification as Notification$1, NotificationStatus } from '@backstage/plugin-notifications-common';
+
+/** @public */
+declare const notificationsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}>;
+/** @public */
+declare const NotificationsPage: () => React.JSX.Element;
+
+/** @public */
+declare const notificationsApiRef: _backstage_core_plugin_api.ApiRef<NotificationsApi>;
+/** @public */
+type GetNotificationsOptions = {
+    type?: NotificationType;
+    offset?: number;
+    limit?: number;
+    search?: string;
+};
+/** @public */
+type UpdateNotificationsOptions = {
+    ids: string[];
+    done?: boolean;
+    read?: boolean;
+    saved?: boolean;
+};
+/** @public */
+interface NotificationsApi {
+    getNotifications(options?: GetNotificationsOptions): Promise<Notification$1[]>;
+    getStatus(): Promise<NotificationStatus>;
+    updateNotifications(options: UpdateNotificationsOptions): Promise<Notification$1[]>;
+}
+
+/** @public */
+declare class NotificationsClient implements NotificationsApi {
+    private readonly discoveryApi;
+    private readonly fetchApi;
+    constructor(options: {
+        discoveryApi: DiscoveryApi;
+        fetchApi: FetchApi;
+    });
+    getNotifications(options?: GetNotificationsOptions): Promise<Notification$1[]>;
+    getStatus(): Promise<NotificationStatus>;
+    updateNotifications(options: UpdateNotificationsOptions): Promise<Notification$1[]>;
+    private request;
+}
+
+/** @public */
+declare function useNotificationsApi<T>(f: (api: NotificationsApi) => Promise<T>, deps?: any[]): {
+    retry: () => void;
+    loading: boolean;
+    error?: undefined;
+    value?: undefined;
+} | {
+    retry: () => void;
+    loading: false;
+    error: Error;
+    value?: undefined;
+} | {
+    retry: () => void;
+    loading: true;
+    error?: Error | undefined;
+    value?: T | undefined;
+} | {
+    retry: () => void;
+    loading: false;
+    error?: undefined;
+    value: T;
+};
+
+/** @public */
+declare function useWebNotifications(): {
+    sendWebNotification: (options: {
+        title: string;
+        description: string;
+    }) => Notification | null;
+};
+
+/** @public */
+declare function useTitleCounter(): {
+    setNotificationCount: (newCount: number) => void;
+};
+
+/** @public */
+declare const NotificationsSidebarItem: (props?: {
+    webNotificationsEnabled?: boolean;
+    titleCounterEnabled?: boolean;
+}) => React__default.JSX.Element;
+
+/** @public */
+declare const NotificationsTable: (props: {
+    onUpdate: () => void;
+    type: NotificationType;
+    notifications?: Notification$1[];
+}) => React__default.JSX.Element;
+
+export { GetNotificationsOptions, NotificationsApi, NotificationsClient, NotificationsPage, NotificationsSidebarItem, NotificationsTable, UpdateNotificationsOptions, notificationsApiRef, notificationsPlugin, useNotificationsApi, useTitleCounter, useWebNotifications };

package/dist/index.esm.js

@@ -0,0 +1,435 @@
+import { createRouteRef, createApiRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension, useApi, useRouteRef } from '@backstage/core-plugin-api';
+import { ResponseError } from '@backstage/errors';
+import useAsyncRetry from 'react-use/lib/useAsyncRetry';
+import React, { useState, useEffect, useCallback } from 'react';
+import { SidebarItem } from '@backstage/core-components';
+import NotificationsIcon from '@material-ui/icons/Notifications';
+import { useSignal } from '@backstage/plugin-signals-react';
+import { makeStyles, Table, TableHead, TableRow, TableCell, Button, TableBody, Typography, Box, Tooltip, IconButton } from '@material-ui/core';
+import { useNavigate } from 'react-router-dom';
+import Checkbox from '@material-ui/core/Checkbox';
+import Check from '@material-ui/icons/Check';
+import Bookmark from '@material-ui/icons/Bookmark';
+import Inbox from '@material-ui/icons/Inbox';
+import CloseIcon from '@material-ui/icons/Close';
+import RelativeTime from 'react-relative-time';
+import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
+
+const rootRouteRef = createRouteRef({
+  id: "notifications"
+});
+
+const notificationsApiRef = createApiRef({
+  id: "plugin.notifications.service"
+});
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class NotificationsClient {
+  constructor(options) {
+    __publicField(this, "discoveryApi");
+    __publicField(this, "fetchApi");
+    this.discoveryApi = options.discoveryApi;
+    this.fetchApi = options.fetchApi;
+  }
+  async getNotifications(options) {
+    const queryString = new URLSearchParams();
+    if (options == null ? void 0 : options.type) {
+      queryString.append("type", options.type);
+    }
+    if ((options == null ? void 0 : options.limit) !== void 0) {
+      queryString.append("limit", options.limit.toString(10));
+    }
+    if ((options == null ? void 0 : options.offset) !== void 0) {
+      queryString.append("offset", options.offset.toString(10));
+    }
+    if (options == null ? void 0 : options.search) {
+      queryString.append("search", options.search);
+    }
+    const urlSegment = `?${queryString}`;
+    return await this.request(urlSegment);
+  }
+  async getStatus() {
+    return await this.request("status");
+  }
+  async updateNotifications(options) {
+    return await this.request("update", {
+      method: "POST",
+      body: JSON.stringify(options),
+      headers: { "Content-Type": "application/json" }
+    });
+  }
+  async request(path, init) {
+    const baseUrl = `${await this.discoveryApi.getBaseUrl("notifications")}/`;
+    const url = new URL(path, baseUrl);
+    const response = await this.fetchApi.fetch(url.toString(), init);
+    if (!response.ok) {
+      throw await ResponseError.fromResponse(response);
+    }
+    return response.json();
+  }
+}
+
+const notificationsPlugin = createPlugin({
+  id: "notifications",
+  routes: {
+    root: rootRouteRef
+  },
+  apis: [
+    createApiFactory({
+      api: notificationsApiRef,
+      deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
+      factory: ({ discoveryApi, fetchApi }) => new NotificationsClient({ discoveryApi, fetchApi })
+    })
+  ]
+});
+const NotificationsPage = notificationsPlugin.provide(
+  createRoutableExtension({
+    name: "NotificationsPage",
+    component: () => import('./esm/index-9074aad8.esm.js').then((m) => m.NotificationsPage),
+    mountPoint: rootRouteRef
+  })
+);
+
+function useNotificationsApi(f, deps = []) {
+  const notificationsApi = useApi(notificationsApiRef);
+  return useAsyncRetry(async () => {
+    return await f(notificationsApi);
+  }, deps);
+}
+
+function useWebNotifications() {
+  const [webNotificationPermission, setWebNotificationPermission] = useState("default");
+  const [webNotifications, setWebNotifications] = useState([]);
+  useEffect(() => {
+    if ("Notification" in window && webNotificationPermission === "default") {
+      window.Notification.requestPermission().then((permission) => {
+        setWebNotificationPermission(permission);
+      });
+    }
+  }, [webNotificationPermission]);
+  document.addEventListener("visibilitychange", () => {
+    if (document.visibilityState === "visible") {
+      webNotifications.forEach((n) => n.close());
+      setWebNotifications([]);
+    }
+  });
+  const sendWebNotification = useCallback(
+    (options) => {
+      if (webNotificationPermission !== "granted") {
+        return null;
+      }
+      const notification = new Notification(options.title, {
+        body: options.description
+      });
+      return notification;
+    },
+    [webNotificationPermission]
+  );
+  return { sendWebNotification };
+}
+
+function useTitleCounter() {
+  const [title, setTitle] = useState(document.title);
+  const [count, setCount] = useState(0);
+  const getPrefix = (value) => {
+    return value === 0 ? "" : `(${value}) `;
+  };
+  const cleanTitle = (currentTitle) => {
+    return currentTitle.replace(/^\(\d+\)\s/, "");
+  };
+  useEffect(() => {
+    document.title = title;
+  }, [title]);
+  useEffect(() => {
+    const baseTitle = cleanTitle(title);
+    setTitle(`${getPrefix(count)}${baseTitle}`);
+    return () => {
+      document.title = cleanTitle(title);
+    };
+  }, [title, count]);
+  const titleElement = document.querySelector("title");
+  if (titleElement) {
+    new MutationObserver(() => {
+      setTitle(document.title);
+    }).observe(titleElement, {
+      subtree: true,
+      characterData: true,
+      childList: true
+    });
+  }
+  const setNotificationCount = useCallback(
+    (newCount) => setCount(newCount),
+    []
+  );
+  return { setNotificationCount };
+}
+
+const NotificationsSidebarItem = (props) => {
+  const { webNotificationsEnabled = false, titleCounterEnabled = true } = props != null ? props : { webNotificationsEnabled: false, titleCounterEnabled: true };
+  const { loading, error, value, retry } = useNotificationsApi(
+    (api) => api.getStatus()
+  );
+  const [unreadCount, setUnreadCount] = React.useState(0);
+  const notificationsRoute = useRouteRef(rootRouteRef);
+  const { lastSignal } = useSignal("notifications");
+  const { sendWebNotification } = useWebNotifications();
+  const [refresh, setRefresh] = React.useState(false);
+  const { setNotificationCount } = useTitleCounter();
+  useEffect(() => {
+    if (refresh) {
+      retry();
+      setRefresh(false);
+    }
+  }, [refresh, retry]);
+  useEffect(() => {
+    const handleWebNotification = (signal) => {
+      if (!webNotificationsEnabled || !("notification" in signal)) {
+        return;
+      }
+      const notificationData = signal.notification;
+      if (!notificationData || !("title" in notificationData) || !("description" in notificationData) || !("title" in notificationData)) {
+        return;
+      }
+      const notification = sendWebNotification({
+        title: notificationData.title,
+        description: notificationData.description
+      });
+      if (notification) {
+        notification.onclick = (event) => {
+          event.preventDefault();
+          notification.close();
+          window.open(notificationData.link, "_blank");
+        };
+      }
+    };
+    if (lastSignal && lastSignal.action) {
+      handleWebNotification(lastSignal);
+      setRefresh(true);
+    }
+  }, [lastSignal, sendWebNotification, webNotificationsEnabled]);
+  useEffect(() => {
+    if (!loading && !error && value) {
+      setUnreadCount(value.unread);
+      if (titleCounterEnabled) {
+        setNotificationCount(value.unread);
+      }
+    }
+  }, [loading, error, value, titleCounterEnabled, setNotificationCount]);
+  return /* @__PURE__ */ React.createElement(
+    SidebarItem,
+    {
+      icon: NotificationsIcon,
+      to: notificationsRoute(),
+      text: "Notifications",
+      hasNotifications: !error && !!unreadCount
+    }
+  );
+};
+
+const useStyles = makeStyles((theme) => ({
+  table: {
+    border: `1px solid ${theme.palette.divider}`
+  },
+  header: {
+    borderBottom: `1px solid ${theme.palette.divider}`
+  },
+  notificationRow: {
+    cursor: "pointer",
+    "&.unread": {
+      border: "1px solid rgba(255, 255, 255, .3)"
+    },
+    "& .hideOnHover": {
+      display: "initial"
+    },
+    "& .showOnHover": {
+      display: "none"
+    },
+    "&:hover": {
+      "& .hideOnHover": {
+        display: "none"
+      },
+      "& .showOnHover": {
+        display: "initial"
+      }
+    }
+  },
+  actionButton: {
+    padding: "9px"
+  },
+  checkBox: {
+    padding: "0 10px 10px 0"
+  }
+}));
+const NotificationsTable = (props) => {
+  var _a, _b;
+  const { notifications, type } = props;
+  const navigate = useNavigate();
+  const styles = useStyles();
+  const [selected, setSelected] = useState([]);
+  const notificationsApi = useApi(notificationsApiRef);
+  const onCheckBoxClick = (id) => {
+    const index = selected.indexOf(id);
+    if (index !== -1) {
+      setSelected(selected.filter((s) => s !== id));
+    } else {
+      setSelected([...selected, id]);
+    }
+  };
+  useEffect(() => {
+    setSelected([]);
+  }, [type]);
+  const isChecked = (id) => {
+    return selected.indexOf(id) !== -1;
+  };
+  const isAllSelected = () => {
+    return selected.length === (notifications == null ? void 0 : notifications.length) && notifications.length > 0;
+  };
+  return /* @__PURE__ */ React.createElement(Table, { size: "small", className: styles.table }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, { colSpan: 3 }, type !== "saved" && !(notifications == null ? void 0 : notifications.length) && "No notifications", type !== "saved" && !!(notifications == null ? void 0 : notifications.length) && /* @__PURE__ */ React.createElement(
+    Checkbox,
+    {
+      size: "small",
+      style: { paddingLeft: 0 },
+      checked: isAllSelected(),
+      onClick: () => {
+        if (isAllSelected()) {
+          setSelected([]);
+        } else {
+          setSelected(
+            notifications ? notifications.map((n) => n.id) : []
+          );
+        }
+      }
+    }
+  ), type === "saved" && `${(_a = notifications == null ? void 0 : notifications.length) != null ? _a : 0} saved notifications`, selected.length === 0 && !!(notifications == null ? void 0 : notifications.length) && type !== "saved" && "Select all", selected.length > 0 && `${selected.length} selected`, type === "done" && selected.length > 0 && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      startIcon: /* @__PURE__ */ React.createElement(Inbox, { fontSize: "small" }),
+      onClick: () => {
+        notificationsApi.updateNotifications({ ids: selected, done: false }).then(() => props.onUpdate());
+        setSelected([]);
+      }
+    },
+    "Move to inbox"
+  ), type === "undone" && selected.length > 0 && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      startIcon: /* @__PURE__ */ React.createElement(Check, { fontSize: "small" }),
+      onClick: () => {
+        notificationsApi.updateNotifications({ ids: selected, done: true }).then(() => props.onUpdate());
+        setSelected([]);
+      }
+    },
+    "Mark as done"
+  )))), /* @__PURE__ */ React.createElement(TableBody, null, (_b = props.notifications) == null ? void 0 : _b.map((notification) => {
+    return /* @__PURE__ */ React.createElement(
+      TableRow,
+      {
+        key: notification.id,
+        className: `${styles.notificationRow} ${!notification.read ? "unread" : ""}`,
+        hover: true
+      },
+      /* @__PURE__ */ React.createElement(
+        TableCell,
+        {
+          width: "60px",
+          style: { verticalAlign: "center", paddingRight: "0px" }
+        },
+        /* @__PURE__ */ React.createElement(
+          Checkbox,
+          {
+            className: styles.checkBox,
+            size: "small",
+            checked: isChecked(notification.id),
+            onClick: () => onCheckBoxClick(notification.id)
+          }
+        )
+      ),
+      /* @__PURE__ */ React.createElement(
+        TableCell,
+        {
+          onClick: () => notificationsApi.updateNotifications({ ids: [notification.id], read: true }).then(() => navigate(notification.payload.link)),
+          style: { paddingLeft: 0 }
+        },
+        /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, notification.payload.title),
+        /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, notification.payload.description)
+      ),
+      /* @__PURE__ */ React.createElement(TableCell, { style: { textAlign: "right" } }, /* @__PURE__ */ React.createElement(Box, { className: "hideOnHover" }, /* @__PURE__ */ React.createElement(RelativeTime, { value: notification.created })), /* @__PURE__ */ React.createElement(Box, { className: "showOnHover" }, /* @__PURE__ */ React.createElement(Tooltip, { title: notification.payload.link }, /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          className: styles.actionButton,
+          onClick: () => notificationsApi.updateNotifications({
+            ids: [notification.id],
+            read: true
+          }).then(() => navigate(notification.payload.link))
+        },
+        /* @__PURE__ */ React.createElement(ArrowForwardIcon, null)
+      )), /* @__PURE__ */ React.createElement(
+        Tooltip,
+        {
+          title: notification.read ? "Move to inbox" : "Mark as done"
+        },
+        /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            className: styles.actionButton,
+            onClick: () => {
+              if (notification.read) {
+                notificationsApi.updateNotifications({
+                  ids: [notification.id],
+                  done: false
+                }).then(() => {
+                  props.onUpdate();
+                });
+              } else {
+                notificationsApi.updateNotifications({
+                  ids: [notification.id],
+                  done: true
+                }).then(() => {
+                  props.onUpdate();
+                });
+              }
+            }
+          },
+          notification.read ? /* @__PURE__ */ React.createElement(Inbox, { fontSize: "small" }) : /* @__PURE__ */ React.createElement(Check, { fontSize: "small" })
+        )
+      ), /* @__PURE__ */ React.createElement(
+        Tooltip,
+        {
+          title: notification.saved ? "Remove from saved" : "Save"
+        },
+        /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            className: styles.actionButton,
+            onClick: () => {
+              if (notification.saved) {
+                notificationsApi.updateNotifications({
+                  ids: [notification.id],
+                  saved: false
+                }).then(() => {
+                  props.onUpdate();
+                });
+              } else {
+                notificationsApi.updateNotifications({
+                  ids: [notification.id],
+                  saved: true
+                }).then(() => {
+                  props.onUpdate();
+                });
+              }
+            }
+          },
+          notification.saved ? /* @__PURE__ */ React.createElement(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ React.createElement(Bookmark, { fontSize: "small" })
+        )
+      )))
+    );
+  })));
+};
+
+export { NotificationsClient, NotificationsPage, NotificationsSidebarItem, NotificationsTable, notificationsApiRef, notificationsPlugin, useNotificationsApi, useTitleCounter, useWebNotifications };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/routes.ts","../src/api/NotificationsApi.ts","../src/api/NotificationsClient.ts","../src/plugin.ts","../src/hooks/useNotificationsApi.ts","../src/hooks/useWebNotifications.ts","../src/hooks/useTitleCounter.ts","../src/components/NotificationsSideBarItem/NotificationsSideBarItem.tsx","../src/components/NotificationsTable/NotificationsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'notifications',\n});\n","/*\n * Copyright 2023 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 { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  Notification,\n  NotificationStatus,\n  NotificationType,\n} from '@backstage/plugin-notifications-common';\n\n/** @public */\nexport const notificationsApiRef = createApiRef<NotificationsApi>({\n  id: 'plugin.notifications.service',\n});\n\n/** @public */\nexport type GetNotificationsOptions = {\n  type?: NotificationType;\n  offset?: number;\n  limit?: number;\n  search?: string;\n};\n\n/** @public */\nexport type UpdateNotificationsOptions = {\n  ids: string[];\n  done?: boolean;\n  read?: boolean;\n  saved?: boolean;\n};\n\n/** @public */\nexport interface NotificationsApi {\n  getNotifications(options?: GetNotificationsOptions): Promise<Notification[]>;\n\n  getStatus(): Promise<NotificationStatus>;\n\n  updateNotifications(\n    options: UpdateNotificationsOptions,\n  ): Promise<Notification[]>;\n}\n","/*\n * Copyright 2023 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  GetNotificationsOptions,\n  NotificationsApi,\n  UpdateNotificationsOptions,\n} from './NotificationsApi';\nimport { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport {\n  Notification,\n  NotificationStatus,\n} from '@backstage/plugin-notifications-common';\n\n/** @public */\nexport class NotificationsClient implements NotificationsApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  public constructor(options: {\n    discoveryApi: DiscoveryApi;\n    fetchApi: FetchApi;\n  }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getNotifications(\n    options?: GetNotificationsOptions,\n  ): Promise<Notification[]> {\n    const queryString = new URLSearchParams();\n    if (options?.type) {\n      queryString.append('type', options.type);\n    }\n    if (options?.limit !== undefined) {\n      queryString.append('limit', options.limit.toString(10));\n    }\n    if (options?.offset !== undefined) {\n      queryString.append('offset', options.offset.toString(10));\n    }\n    if (options?.search) {\n      queryString.append('search', options.search);\n    }\n\n    const urlSegment = `?${queryString}`;\n\n    return await this.request<Notification[]>(urlSegment);\n  }\n\n  async getStatus(): Promise<NotificationStatus> {\n    return await this.request<NotificationStatus>('status');\n  }\n\n  async updateNotifications(\n    options: UpdateNotificationsOptions,\n  ): Promise<Notification[]> {\n    return await this.request<Notification[]>('update', {\n      method: 'POST',\n      body: JSON.stringify(options),\n      headers: { 'Content-Type': 'application/json' },\n    });\n  }\n\n  private async request<T>(path: string, init?: any): Promise<T> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl('notifications')}/`;\n    const url = new URL(path, baseUrl);\n\n    const response = await this.fetchApi.fetch(url.toString(), init);\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    return response.json() as Promise<T>;\n  }\n}\n","/*\n * Copyright 2023 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  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\nimport { notificationsApiRef } from './api/NotificationsApi';\nimport { NotificationsClient } from './api';\n\n/** @public */\nexport const notificationsPlugin = createPlugin({\n  id: 'notifications',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: notificationsApiRef,\n      deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new NotificationsClient({ discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/** @public */\nexport const NotificationsPage = notificationsPlugin.provide(\n  createRoutableExtension({\n    name: 'NotificationsPage',\n    component: () =>\n      import('./components/NotificationsPage').then(m => m.NotificationsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n","/*\n * Copyright 2023 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 { NotificationsApi, notificationsApiRef } from '../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsyncRetry from 'react-use/lib/useAsyncRetry';\n\n/** @public */\nexport function useNotificationsApi<T>(\n  f: (api: NotificationsApi) => Promise<T>,\n  deps: any[] = [],\n) {\n  const notificationsApi = useApi(notificationsApiRef);\n\n  return useAsyncRetry(async () => {\n    return await f(notificationsApi);\n  }, deps);\n}\n","/*\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 { useCallback, useEffect, useState } from 'react';\n\n/** @public */\nexport function useWebNotifications() {\n  const [webNotificationPermission, setWebNotificationPermission] =\n    useState('default');\n  const [webNotifications, setWebNotifications] = useState<Notification[]>([]);\n\n  useEffect(() => {\n    if ('Notification' in window && webNotificationPermission === 'default') {\n      window.Notification.requestPermission().then(permission => {\n        setWebNotificationPermission(permission);\n      });\n    }\n  }, [webNotificationPermission]);\n\n  document.addEventListener('visibilitychange', () => {\n    if (document.visibilityState === 'visible') {\n      webNotifications.forEach(n => n.close());\n      setWebNotifications([]);\n    }\n  });\n\n  const sendWebNotification = useCallback(\n    (options: { title: string; description: string }) => {\n      if (webNotificationPermission !== 'granted') {\n        return null;\n      }\n\n      const notification = new Notification(options.title, {\n        body: options.description,\n      });\n      return notification;\n    },\n    [webNotificationPermission],\n  );\n\n  return { sendWebNotification };\n}\n","/*\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 { useCallback, useEffect, useState } from 'react';\n\n/** @public */\nexport function useTitleCounter() {\n  const [title, setTitle] = useState(document.title);\n  const [count, setCount] = useState(0);\n\n  const getPrefix = (value: number) => {\n    return value === 0 ? '' : `(${value}) `;\n  };\n\n  const cleanTitle = (currentTitle: string) => {\n    return currentTitle.replace(/^\\(\\d+\\)\\s/, '');\n  };\n\n  useEffect(() => {\n    document.title = title;\n  }, [title]);\n\n  useEffect(() => {\n    const baseTitle = cleanTitle(title);\n    setTitle(`${getPrefix(count)}${baseTitle}`);\n    return () => {\n      document.title = cleanTitle(title);\n    };\n  }, [title, count]);\n\n  const titleElement = document.querySelector('title');\n  if (titleElement) {\n    new MutationObserver(() => {\n      setTitle(document.title);\n    }).observe(titleElement, {\n      subtree: true,\n      characterData: true,\n      childList: true,\n    });\n  }\n\n  const setNotificationCount = useCallback(\n    (newCount: number) => setCount(newCount),\n    [],\n  );\n\n  return { setNotificationCount };\n}\n","/*\n * Copyright 2023 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 } from 'react';\nimport { useNotificationsApi } from '../../hooks';\nimport { SidebarItem } from '@backstage/core-components';\nimport NotificationsIcon from '@material-ui/icons/Notifications';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { rootRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useWebNotifications } from '../../hooks/useWebNotifications';\nimport { useTitleCounter } from '../../hooks/useTitleCounter';\nimport { JsonObject } from '@backstage/types';\n\n/** @public */\nexport const NotificationsSidebarItem = (props?: {\n  webNotificationsEnabled?: boolean;\n  titleCounterEnabled?: boolean;\n}) => {\n  const { webNotificationsEnabled = false, titleCounterEnabled = true } =\n    props ?? { webNotificationsEnabled: false, titleCounterEnabled: true };\n\n  const { loading, error, value, retry } = useNotificationsApi(api =>\n    api.getStatus(),\n  );\n  const [unreadCount, setUnreadCount] = React.useState(0);\n  const notificationsRoute = useRouteRef(rootRouteRef);\n  // TODO: Add signal type support to `useSignal` to make it a bit easier to use\n  // TODO: Do we want to add long polling in case signals are not available\n  const { lastSignal } = useSignal('notifications');\n  const { sendWebNotification } = useWebNotifications();\n  const [refresh, setRefresh] = React.useState(false);\n  const { setNotificationCount } = useTitleCounter();\n\n  useEffect(() => {\n    if (refresh) {\n      retry();\n      setRefresh(false);\n    }\n  }, [refresh, retry]);\n\n  useEffect(() => {\n    const handleWebNotification = (signal: JsonObject) => {\n      if (!webNotificationsEnabled || !('notification' in signal)) {\n        return;\n      }\n\n      const notificationData = signal.notification as JsonObject;\n\n      if (\n        !notificationData ||\n        !('title' in notificationData) ||\n        !('description' in notificationData) ||\n        !('title' in notificationData)\n      ) {\n        return;\n      }\n      const notification = sendWebNotification({\n        title: notificationData.title as string,\n        description: notificationData.description as string,\n      });\n      if (notification) {\n        notification.onclick = event => {\n          event.preventDefault();\n          notification.close();\n          window.open(notificationData.link as string, '_blank');\n        };\n      }\n    };\n\n    if (lastSignal && lastSignal.action) {\n      handleWebNotification(lastSignal);\n      setRefresh(true);\n    }\n  }, [lastSignal, sendWebNotification, webNotificationsEnabled]);\n\n  useEffect(() => {\n    if (!loading && !error && value) {\n      setUnreadCount(value.unread);\n      if (titleCounterEnabled) {\n        setNotificationCount(value.unread);\n      }\n    }\n  }, [loading, error, value, titleCounterEnabled, setNotificationCount]);\n\n  // TODO: Figure out if the count can be added to hasNotifications\n  return (\n    <SidebarItem\n      icon={NotificationsIcon}\n      to={notificationsRoute()}\n      text=\"Notifications\"\n      hasNotifications={!error && !!unreadCount}\n    />\n  );\n};\n","/*\n * Copyright 2023 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 {\n  Box,\n  Button,\n  IconButton,\n  makeStyles,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  Notification,\n  NotificationType,\n} from '@backstage/plugin-notifications-common';\nimport { useNavigate } from 'react-router-dom';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Check from '@material-ui/icons/Check';\nimport Bookmark from '@material-ui/icons/Bookmark';\nimport { notificationsApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport Inbox from '@material-ui/icons/Inbox';\nimport CloseIcon from '@material-ui/icons/Close';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\n\nconst useStyles = makeStyles(theme => ({\n  table: {\n    border: `1px solid ${theme.palette.divider}`,\n  },\n  header: {\n    borderBottom: `1px solid ${theme.palette.divider}`,\n  },\n\n  notificationRow: {\n    cursor: 'pointer',\n    '&.unread': {\n      border: '1px solid rgba(255, 255, 255, .3)',\n    },\n    '& .hideOnHover': {\n      display: 'initial',\n    },\n    '& .showOnHover': {\n      display: 'none',\n    },\n    '&:hover': {\n      '& .hideOnHover': {\n        display: 'none',\n      },\n      '& .showOnHover': {\n        display: 'initial',\n      },\n    },\n  },\n  actionButton: {\n    padding: '9px',\n  },\n  checkBox: {\n    padding: '0 10px 10px 0',\n  },\n}));\n\n/** @public */\nexport const NotificationsTable = (props: {\n  onUpdate: () => void;\n  type: NotificationType;\n  notifications?: Notification[];\n}) => {\n  const { notifications, type } = props;\n  const navigate = useNavigate();\n  const styles = useStyles();\n  const [selected, setSelected] = useState<string[]>([]);\n  const notificationsApi = useApi(notificationsApiRef);\n\n  const onCheckBoxClick = (id: string) => {\n    const index = selected.indexOf(id);\n    if (index !== -1) {\n      setSelected(selected.filter(s => s !== id));\n    } else {\n      setSelected([...selected, id]);\n    }\n  };\n\n  useEffect(() => {\n    setSelected([]);\n  }, [type]);\n\n  const isChecked = (id: string) => {\n    return selected.indexOf(id) !== -1;\n  };\n\n  const isAllSelected = () => {\n    return (\n      selected.length === notifications?.length && notifications.length > 0\n    );\n  };\n\n  return (\n    <Table size=\"small\" className={styles.table}>\n      <TableHead>\n        <TableRow>\n          <TableCell colSpan={3}>\n            {type !== 'saved' && !notifications?.length && 'No notifications'}\n            {type !== 'saved' && !!notifications?.length && (\n              <Checkbox\n                size=\"small\"\n                style={{ paddingLeft: 0 }}\n                checked={isAllSelected()}\n                onClick={() => {\n                  if (isAllSelected()) {\n                    setSelected([]);\n                  } else {\n                    setSelected(\n                      notifications ? notifications.map(n => n.id) : [],\n                    );\n                  }\n                }}\n              />\n            )}\n            {type === 'saved' &&\n              `${notifications?.length ?? 0} saved notifications`}\n            {selected.length === 0 &&\n              !!notifications?.length &&\n              type !== 'saved' &&\n              'Select all'}\n            {selected.length > 0 && `${selected.length} selected`}\n            {type === 'done' && selected.length > 0 && (\n              <Button\n                startIcon={<Inbox fontSize=\"small\" />}\n                onClick={() => {\n                  notificationsApi\n                    .updateNotifications({ ids: selected, done: false })\n                    .then(() => props.onUpdate());\n                  setSelected([]);\n                }}\n              >\n                Move to inbox\n              </Button>\n            )}\n\n            {type === 'undone' && selected.length > 0 && (\n              <Button\n                startIcon={<Check fontSize=\"small\" />}\n                onClick={() => {\n                  notificationsApi\n                    .updateNotifications({ ids: selected, done: true })\n                    .then(() => props.onUpdate());\n                  setSelected([]);\n                }}\n              >\n                Mark as done\n              </Button>\n            )}\n          </TableCell>\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {props.notifications?.map(notification => {\n          return (\n            <TableRow\n              key={notification.id}\n              className={`${styles.notificationRow} ${\n                !notification.read ? 'unread' : ''\n              }`}\n              hover\n            >\n              <TableCell\n                width=\"60px\"\n                style={{ verticalAlign: 'center', paddingRight: '0px' }}\n              >\n                <Checkbox\n                  className={styles.checkBox}\n                  size=\"small\"\n                  checked={isChecked(notification.id)}\n                  onClick={() => onCheckBoxClick(notification.id)}\n                />\n              </TableCell>\n              <TableCell\n                onClick={() =>\n                  notificationsApi\n                    .updateNotifications({ ids: [notification.id], read: true })\n                    .then(() => navigate(notification.payload.link))\n                }\n                style={{ paddingLeft: 0 }}\n              >\n                <Typography variant=\"subtitle2\">\n                  {notification.payload.title}\n                </Typography>\n                <Typography variant=\"body2\">\n                  {notification.payload.description}\n                </Typography>\n              </TableCell>\n              <TableCell style={{ textAlign: 'right' }}>\n                <Box className=\"hideOnHover\">\n                  <RelativeTime value={notification.created} />\n                </Box>\n                <Box className=\"showOnHover\">\n                  <Tooltip title={notification.payload.link}>\n                    <IconButton\n                      className={styles.actionButton}\n                      onClick={() =>\n                        notificationsApi\n                          .updateNotifications({\n                            ids: [notification.id],\n                            read: true,\n                          })\n                          .then(() => navigate(notification.payload.link))\n                      }\n                    >\n                      <ArrowForwardIcon />\n                    </IconButton>\n                  </Tooltip>\n                  <Tooltip\n                    title={notification.read ? 'Move to inbox' : 'Mark as done'}\n                  >\n                    <IconButton\n                      className={styles.actionButton}\n                      onClick={() => {\n                        if (notification.read) {\n                          notificationsApi\n                            .updateNotifications({\n                              ids: [notification.id],\n                              done: false,\n                            })\n                            .then(() => {\n                              props.onUpdate();\n                            });\n                        } else {\n                          notificationsApi\n                            .updateNotifications({\n                              ids: [notification.id],\n                              done: true,\n                            })\n                            .then(() => {\n                              props.onUpdate();\n                            });\n                        }\n                      }}\n                    >\n                      {notification.read ? (\n                        <Inbox fontSize=\"small\" />\n                      ) : (\n                        <Check fontSize=\"small\" />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                  <Tooltip\n                    title={notification.saved ? 'Remove from saved' : 'Save'}\n                  >\n                    <IconButton\n                      className={styles.actionButton}\n                      onClick={() => {\n                        if (notification.saved) {\n                          notificationsApi\n                            .updateNotifications({\n                              ids: [notification.id],\n                              saved: false,\n                            })\n                            .then(() => {\n                              props.onUpdate();\n                            });\n                        } else {\n                          notificationsApi\n                            .updateNotifications({\n                              ids: [notification.id],\n                              saved: true,\n                            })\n                            .then(() => {\n                              props.onUpdate();\n                            });\n                        }\n                      }}\n                    >\n                      {notification.saved ? (\n                        <CloseIcon fontSize=\"small\" />\n                      ) : (\n                        <Bookmark fontSize=\"small\" />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Box>\n              </TableCell>\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </Table>\n  );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@backstage/plugin-notifications",
+  "version": "0.0.0-nightly-20240207020916",
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "backstage": {
+    "role": "frontend-plugin"
+  },
+  "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/core-components": "^0.0.0-nightly-20240207020916",
+    "@backstage/core-plugin-api": "^0.0.0-nightly-20240207020916",
+    "@backstage/errors": "^1.2.3",
+    "@backstage/plugin-notifications-common": "^0.0.0-nightly-20240207020916",
+    "@backstage/plugin-signals-react": "^0.0.0-nightly-20240207020916",
+    "@backstage/theme": "^0.0.0-nightly-20240207020916",
+    "@backstage/types": "^1.1.1",
+    "@material-ui/core": "^4.9.13",
+    "@material-ui/icons": "^4.9.1",
+    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@types/react": "^16.13.1 || ^17.0.0",
+    "react-relative-time": "^0.0.9",
+    "react-use": "^17.2.4"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0",
+    "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.0.0-nightly-20240207020916",
+    "@backstage/core-app-api": "^0.0.0-nightly-20240207020916",
+    "@backstage/dev-utils": "^0.0.0-nightly-20240207020916",
+    "@backstage/test-utils": "^0.0.0-nightly-20240207020916",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.0.0",
+    "msw": "^1.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/index.esm.js"
+}