Merge pull request #902 from adaszyn/sentry-plugin

Sentry plugin

packages/app/package.json

@@ -15,6 +15,7 @@
     "@backstage/plugin-tech-radar": "^0.1.1-alpha.6",
     "@backstage/plugin-welcome": "^0.1.1-alpha.6",
     "@backstage/theme": "^0.1.1-alpha.6",
+    "@backstage/plugin-sentry": "^0.1.1-alpha.6",
     "@material-ui/core": "^4.9.1",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",

packages/app/src/plugins.ts

@@ -22,3 +22,4 @@ export { plugin as TechRadar } from '@backstage/plugin-tech-radar';
 export { plugin as Explore } from '@backstage/plugin-explore';
 export { plugin as Circleci } from '@backstage/plugin-circleci';
 export { plugin as RegisterComponent } from '@backstage/plugin-register-component';
+export { plugin as Sentry } from '@backstage/plugin-sentry';

packages/backend/package.json

@@ -20,6 +20,7 @@
     "@backstage/backend-common": "^0.1.1-alpha.6",
     "@backstage/plugin-auth-backend": "^0.1.1-alpha.6",
     "@backstage/plugin-catalog-backend": "^0.1.1-alpha.6",
+    "@backstage/plugin-sentry-backend": "0.1.1-alpha.6",
     "@backstage/plugin-scaffolder-backend": "^0.1.1-alpha.6",
     "compression": "^1.7.4",
     "cors": "^2.8.5",

packages/backend/src/index.ts

@@ -35,6 +35,7 @@ import helmet from 'helmet';
 import knex from 'knex';
 import catalog from './plugins/catalog';
 import scaffolder from './plugins/scaffolder';
+import sentry from './plugins/sentry';
 import auth from './plugins/auth';
 import { PluginEnvironment } from './types';
 
@@ -64,6 +65,10 @@ async function main() {
   app.use(requestLoggingHandler());
   app.use('/catalog', await catalog(createEnv('catalog')));
   app.use('/scaffolder', await scaffolder(createEnv('scaffolder')));
+  app.use(
+    '/sentry',
+    await sentry(getRootLogger().child({ type: 'plugin', plugin: 'sentry' })),
+  );
   app.use('/auth', await auth(createEnv('auth')));
   app.use(notFoundHandler());
   app.use(errorHandler());

packages/backend/src/plugins/sentry.ts

@@ -0,0 +1,22 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createRouter } from '@backstage/plugin-sentry-backend';
+import { Logger } from 'winston';
+
+export default async function(logger: Logger) {
+  return await createRouter(logger);
+}

plugins/catalog/package.json

@@ -22,6 +22,7 @@
     "@material-ui/core": "^4.9.1",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
+    "@backstage/plugin-sentry": "^0.1.1-alpha.6",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-use": "^14.2.0"

plugins/catalog/src/components/ComponentMetadataCard/ComponentMetadataCard.tsx

@@ -26,7 +26,11 @@ const ComponentMetadataCard: FC<ComponentMetadataCardProps> = ({
   component,
 }) => {
   if (loading) {
-    return <Progress />;
+    return (
+      <InfoCard title="Metadata">
+        <Progress />
+      </InfoCard>
+    );
   }
   if (!component) {
     return null;

plugins/catalog/src/components/ComponentPage/ComponentPage.tsx

@@ -28,6 +28,8 @@ import {
 } from '@backstage/core';
 import ComponentContextMenu from '../ComponentContextMenu/ComponentContextMenu';
 import ComponentRemovalDialog from '../ComponentRemovalDialog/ComponentRemovalDialog';
+import { SentryIssuesWidget } from '@backstage/plugin-sentry';
+import { Grid } from '@material-ui/core';
 
 const REDIRECT_DELAY = 1000;
 
@@ -94,10 +96,20 @@ const ComponentPage: FC<ComponentPageProps> = ({
         />
       )}
       <Content>
-        <ComponentMetadataCard
-          loading={catalogRequest.loading || removingPending}
-          component={catalogRequest.value}
-        />
+        <Grid container spacing={3} direction="column">
+          <Grid item>
+            <ComponentMetadataCard
+              loading={catalogRequest.loading || removingPending}
+              component={catalogRequest.value}
+            />
+          </Grid>
+          <Grid item>
+            <SentryIssuesWidget
+              sentryProjectId="sample-sentry-project-id"
+              statsFor="24h"
+            />
+          </Grid>
+        </Grid>
       </Content>
     </Page>
   );

plugins/sentry-backend/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: [require.resolve('@backstage/cli/config/eslint.backend')],
+};

plugins/sentry-backend/README.md

@@ -0,0 +1,3 @@
+# sentry-backend
+
+Simple plugin forwarding requests to [Sentry](https://sentry.io) API. 

plugins/sentry-backend/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@backstage/plugin-sentry-backend",
+  "version": "0.1.1-alpha.6",
+  "main": "dist",
+  "types": "src/index.ts",
+  "license": "Apache-2.0",
+  "private": true,
+  "scripts": {
+    "build": "tsc",
+    "start": "backstage-cli plugin:serve",
+    "lint": "backstage-cli lint",
+    "test": "backstage-cli test",
+    "clean": "backstage-cli clean"
+  },
+  "dependencies": {
+    "@backstage/backend-common": "^0.1.1-alpha.6",
+    "@backstage/core": "^0.1.1-alpha.6",
+    "axios": "^0.19.2",
+    "cors": "^2.8.5",
+    "express": "^4.17.1",
+    "express-promise-router": "^3.0.3",
+    "helmet": "^3.22.0",
+    "winston": "^3.2.1"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.1.1-alpha.6",
+    "@backstage/dev-utils": "^0.1.1-alpha.6",
+    "@types/jest": "^25.2.1",
+    "@types/node": "^12.0.0"
+  },
+  "files": [
+    "dist/**/*.{js,d.ts}"
+  ]
+}

plugins/sentry-backend/src/index.ts

@@ -0,0 +1,16 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './service/router';

plugins/sentry-backend/src/service/router.ts

@@ -0,0 +1,34 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Logger } from 'winston';
+import Router from 'express-promise-router';
+import express from 'express';
+import { getSentryApiForwarder } from './sentry-api';
+
+export async function createRouter(logger: Logger): Promise<express.Router> {
+  const router = Router();
+  const SENTRY_TOKEN = process.env.SENTRY_TOKEN;
+  if (!SENTRY_TOKEN) {
+    throw new Error(
+      'Sentry token must be provided in SENTRY_TOKEN environment variable to start the API.',
+    );
+  }
+  const sentryForwarder = getSentryApiForwarder(SENTRY_TOKEN, logger);
+
+  router.use(sentryForwarder);
+
+  return router;
+}

plugins/sentry-backend/src/service/sentry-api.test.ts

@@ -0,0 +1,26 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { getRequestHeaders } from './sentry-api';
+
+describe('SentryApiForwarder', () => {
+  it('should generate headers based on token passed in constructor', () => {
+    expect(getRequestHeaders('testtoken')).toEqual({
+      headers: {
+        Authorization: `Bearer testtoken`,
+      },
+    });
+  });
+});

plugins/sentry-backend/src/service/sentry-api.ts

@@ -0,0 +1,47 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import express from 'express';
+import axios from 'axios';
+import { Logger } from 'winston';
+
+export function getRequestHeaders(token: string) {
+  return {
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+  };
+}
+
+export function getSentryApiForwarder(token: string, logger: Logger) {
+  return function fowardRequest(
+    request: express.Request,
+    response: express.Response,
+  ) {
+    const sentryUrl = request.path;
+    const effectiveUrl = `https://sentry.io/${sentryUrl}`;
+    logger.info(`Calling Sentry REST API, ${effectiveUrl}`);
+    axios
+      .get(effectiveUrl, getRequestHeaders(token))
+      .then(res => {
+        response.send(res.data);
+      })
+      .catch(err => {
+        return response.status(err.response.status).json({
+          detail: err.response.statusText,
+        });
+      });
+  };
+}

plugins/sentry-backend/src/service/standaloneApplication.ts

@@ -0,0 +1,42 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {
+  errorHandler,
+  notFoundHandler,
+  requestLoggingHandler,
+} from '@backstage/backend-common';
+import cors from 'cors';
+import express from 'express';
+import helmet from 'helmet';
+import { Logger } from 'winston';
+import { createRouter } from './router';
+
+export async function createStandaloneApplication(
+  logger: Logger,
+): Promise<express.Application> {
+  const app = express();
+
+  app.use(helmet());
+  app.use(cors());
+  app.use(express.json());
+  app.use(requestLoggingHandler());
+  app.use('/', await createRouter(logger));
+  app.use(notFoundHandler());
+  app.use(errorHandler());
+
+  return app;
+}

plugins/sentry-backend/src/service/standaloneServer.ts

@@ -0,0 +1,42 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Server } from 'http';
+import { Logger } from 'winston';
+import { createStandaloneApplication } from './standaloneApplication';
+
+export async function startStandaloneServer(
+  parentLogger: Logger,
+): Promise<Server> {
+  const logger = parentLogger.child({ service: 'scaffolder-backend' });
+  logger.debug('Creating application...');
+
+  const app = await createStandaloneApplication(logger);
+
+  logger.debug('Starting application server...');
+  const PORT = parseInt(process.env.PORT || '5001', 10);
+  return await new Promise((resolve, reject) => {
+    const server = app.listen(PORT, (err?: Error) => {
+      if (err) {
+        reject(err);
+        return;
+      }
+
+      logger.info(`Listening on port ${PORT}`);
+      resolve(server);
+    });
+  });
+}

plugins/sentry/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: [require.resolve('@backstage/cli/config/eslint')],
+};

plugins/sentry/README.md

@@ -0,0 +1,13 @@
+# sentry
+
+Welcome to the sentry plugin!
+
+_This plugin was created through the Backstage CLI_
+
+## Getting started
+
+Your plugin has been added to the example app in this repository, meaning you'll be able to access it by running `yarn start` in the root directory, and then navigating to [/sentry](http://localhost:3000/sentry).
+
+You can also serve the plugin in isolation by running `yarn start` in the plugin directory.
+This method of serving the plugin provides quicker iteration speed and a faster startup and hot reloads.
+It is only meant for local development, and the setup for it can be found inside the [/dev](/dev) directory.

plugins/sentry/dev/index.tsx

@@ -0,0 +1,20 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createDevApp } from '@backstage/dev-utils';
+import { plugin } from '../src/plugin';
+
+createDevApp().registerPlugin(plugin).render();

plugins/sentry/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@backstage/plugin-sentry",
+  "version": "0.1.1-alpha.6",
+  "main": "dist/index.esm.js",
+  "main:src": "src/index.ts",
+  "types": "src/index.ts",
+  "license": "Apache-2.0",
+  "private": true,
+  "scripts": {
+    "build": "backstage-cli plugin:build",
+    "start": "backstage-cli plugin:serve",
+    "lint": "backstage-cli lint",
+    "test": "backstage-cli test",
+    "diff": "backstage-cli plugin:diff",
+    "prepack": "backstage-cli prepack",
+    "postpack": "backstage-cli postpack",
+    "clean": "backstage-cli clean"
+  },
+  "dependencies": {
+    "@backstage/core": "^0.1.1-alpha.6",
+    "@backstage/theme": "^0.1.1-alpha.6",
+    "@material-ui/core": "^4.9.1",
+    "@material-ui/icons": "^4.9.1",
+    "@material-ui/lab": "4.0.0-alpha.45",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-sparklines": "^1.7.0",
+    "react-use": "^14.2.0",
+    "timeago.js": "^4.0.2"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.1.1-alpha.6",
+    "@backstage/dev-utils": "^0.1.1-alpha.6",
+    "@testing-library/jest-dom": "^5.7.0",
+    "@testing-library/react": "^9.3.2",
+    "@testing-library/user-event": "^10.2.4",
+    "@types/jest": "^25.2.2",
+    "@types/node": "^12.0.0",
+    "@types/testing-library__jest-dom": "^5.0.4",
+    "jest-fetch-mock": "^3.0.3"
+  },
+  "files": [
+    "dist/**/*.{js,d.ts}"
+  ]
+}

plugins/sentry/src/components/ErrorCell/ErrorCell.test.tsx

@@ -0,0 +1,46 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ErrorCell } from './ErrorCell';
+import React from 'react';
+import { render } from '@testing-library/react';
+import mockIssue from '../../data/sentry-issue-mock.json';
+import { ThemeProvider } from '@material-ui/core';
+import { lightTheme } from '@backstage/theme';
+
+describe('Sentry error cell component', () => {
+  it('should render a link that lead to Sentry', async () => {
+    const testIssue = {
+      ...mockIssue,
+      metadata: {
+        type: 'Exception',
+        value: 'exception was thrown',
+      },
+      count: '1',
+      userCount: 2,
+      permalink: 'http://example.com',
+    };
+    const cell = render(
+      <ThemeProvider theme={lightTheme}>
+        <ErrorCell sentryIssue={testIssue} />
+      </ThemeProvider>,
+    );
+    const errorType = await cell.findByText('Exception');
+    expect(errorType.closest('a')).toHaveAttribute(
+      'href',
+      'http://example.com',
+    );
+  });
+});

plugins/sentry/src/components/ErrorCell/ErrorCell.tsx

@@ -0,0 +1,68 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, { FC } from 'react';
+import { SentryIssue } from '../../data/sentry-issue';
+import { Link, Typography } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+import { BackstageTheme } from '@backstage/theme';
+
+function stripText(text: string, maxLength: number) {
+  return text.length > maxLength ? `${text.substr(0, maxLength)}...` : text;
+}
+const useStyles = makeStyles<BackstageTheme>((theme) => ({
+  root: {
+    minWidth: 260,
+    position: 'relative',
+    '&::before': {
+      left: -16,
+      position: 'absolute',
+      width: '4px',
+      height: '100%',
+      content: '""',
+      backgroundColor: theme.palette.status.error,
+      borderRadius: 2,
+    },
+  },
+  text: {
+    marginBottom: 0,
+  },
+}));
+
+export const ErrorCell: FC<{ sentryIssue: SentryIssue }> = ({
+  sentryIssue,
+}) => {
+  const classes = useStyles();
+  return (
+    <div className={classes.root}>
+      <Link href={sentryIssue.permalink}>
+        <Typography variant="body1" gutterBottom className={classes.text}>
+          {sentryIssue.metadata.type
+            ? stripText(sentryIssue.metadata.type, 28)
+            : '[No type]'}
+        </Typography>
+      </Link>
+      <Typography
+        variant="caption"
+        display="block"
+        gutterBottom
+        className={classes.text}
+      >
+        {sentryIssue.metadata.value &&
+          stripText(sentryIssue.metadata.value, 48)}
+      </Typography>
+    </div>
+  );
+};

plugins/sentry/src/components/ErrorGraph/ErrorGraph.tsx

@@ -0,0 +1,33 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, { FC } from 'react';
+import { SentryIssue } from '../../data/sentry-issue';
+import { Sparklines, SparklinesBars } from 'react-sparklines';
+
+export const ErrorGraph: FC<{ sentryIssue: SentryIssue }> = ({
+  sentryIssue,
+}) => {
+  const data =
+    '12h' in sentryIssue.stats
+      ? sentryIssue.stats['12h']
+      : sentryIssue.stats['24h'];
+
+  return (
+    <Sparklines data={data?.map(([, val]) => val)} svgHeight={48} margin={4}>
+      <SparklinesBars />
+    </Sparklines>
+  );
+};

plugins/sentry/src/components/SentryIssuesTable/SentryIssuesTable.test.tsx

@@ -0,0 +1,71 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { render } from '@testing-library/react';
+import SentryIssuesTable from './SentryIssuesTable';
+import { SentryIssue } from '../../data/sentry-issue';
+import mockIssue from '../../data/sentry-issue-mock.json';
+import { ThemeProvider } from '@material-ui/core';
+import { lightTheme } from '@backstage/theme';
+
+describe('SentryIssuesTable', () => {
+  it('should render headers in a table', async () => {
+    const issues: SentryIssue[] = [
+      {
+        ...mockIssue,
+        metadata: {
+          type: 'Exception',
+          value: 'exception was thrown',
+        },
+        count: '1',
+        userCount: 2,
+      },
+    ];
+    const table = await render(
+      <ThemeProvider theme={lightTheme}>
+        <SentryIssuesTable sentryIssues={issues} />
+      </ThemeProvider>,
+    );
+    expect(await table.findByText('Error')).toBeInTheDocument();
+    expect(await table.findByText('Graph')).toBeInTheDocument();
+    expect(await table.findByText('First seen')).toBeInTheDocument();
+    expect(await table.findByText('Last seen')).toBeInTheDocument();
+    expect(await table.findByText('Events')).toBeInTheDocument();
+    expect(await table.findByText('Users')).toBeInTheDocument();
+  });
+  it('should render values in a table', async () => {
+    const issues: SentryIssue[] = [
+      {
+        ...mockIssue,
+        metadata: {
+          type: 'Exception',
+          value: 'exception was thrown',
+        },
+        count: '101',
+        userCount: 202,
+      },
+    ];
+    const table = await render(
+      <ThemeProvider theme={lightTheme}>
+        <SentryIssuesTable sentryIssues={issues} />
+      </ThemeProvider>,
+    );
+    expect(await table.findByText('Exception')).toBeInTheDocument();
+    expect(await table.findByText('exception was thrown')).toBeInTheDocument();
+    expect(await table.findByText('101')).toBeInTheDocument();
+    expect(await table.findByText('202')).toBeInTheDocument();
+  });
+});

plugins/sentry/src/components/SentryIssuesTable/SentryIssuesTable.tsx

@@ -0,0 +1,74 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { FC } from 'react';
+import { Table, TableColumn } from '@backstage/core';
+import { SentryIssue } from '../../data/sentry-issue';
+import { format } from 'timeago.js';
+import { ErrorCell } from '../ErrorCell/ErrorCell';
+import { ErrorGraph } from '../ErrorGraph/ErrorGraph';
+
+const columns: TableColumn[] = [
+  {
+    title: 'Error',
+    render: (data) => <ErrorCell sentryIssue={data as SentryIssue} />,
+  },
+  {
+    title: 'Graph',
+    render: (data) => <ErrorGraph sentryIssue={data as SentryIssue} />,
+  },
+  {
+    title: 'First seen',
+    field: 'firstSeen',
+    render: (data) => {
+      const { firstSeen } = data as SentryIssue;
+      return format(firstSeen);
+    },
+  },
+  {
+    title: 'Last seen',
+    field: 'lastSeen',
+    render: (data) => {
+      const { lastSeen } = data as SentryIssue;
+      return format(lastSeen);
+    },
+  },
+  {
+    title: 'Events',
+    field: 'count',
+  },
+  {
+    title: 'Users',
+    field: 'userCount',
+  },
+];
+
+type SentryIssuesTableProps = {
+  sentryIssues: SentryIssue[];
+};
+
+const SentryIssuesTable: FC<SentryIssuesTableProps> = ({ sentryIssues }) => {
+  return (
+    <Table
+      columns={columns}
+      options={{ paging: true, search: false, pageSize: 5 }}
+      title="Sentry issues"
+      data={sentryIssues}
+    />
+  );
+};
+
+export default SentryIssuesTable;

plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.test.tsx

@@ -0,0 +1,41 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import mockFetch from 'jest-fetch-mock';
+import SentryPluginPage from './SentryPluginPage';
+import { ThemeProvider } from '@material-ui/core';
+import { lightTheme } from '@backstage/theme';
+import { ApiProvider, ApiRegistry, errorApiRef } from '@backstage/core';
+
+const errorApi = { post: () => {} };
+
+describe('SentryPluginPage', () => {
+  it('should render header and time switched', () => {
+    mockFetch.mockResponse('{}');
+    const rendered = render(
+      <ApiProvider apis={ApiRegistry.from([[errorApiRef, errorApi]])}>
+        <ThemeProvider theme={lightTheme}>
+          <SentryPluginPage />
+        </ThemeProvider>
+      </ApiProvider>,
+    );
+    expect(rendered.getByText('Sentry issues')).toBeInTheDocument();
+    expect(rendered.getByText('24H')).toBeInTheDocument();
+    expect(rendered.getByText('12H')).toBeInTheDocument();
+  });
+});

plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.tsx

@@ -0,0 +1,70 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { FC, useState } from 'react';
+import { Grid } from '@material-ui/core';
+import {
+  Header,
+  Page,
+  pageTheme,
+  Content,
+  ContentHeader,
+  SupportButton,
+} from '@backstage/core';
+import { SentryPluginWidget } from '../SentryPluginWidget/SentryPluginWidget';
+import { ToggleButton, ToggleButtonGroup } from '@material-ui/lab';
+
+const SentryPluginPage: FC<{}> = () => {
+  const [statsFor, setStatsFor] = useState<'12h' | '24h'>('12h');
+  const toggleStatsFor = () => setStatsFor(statsFor === '12h' ? '12h' : '24h');
+
+  return (
+    <Page theme={pageTheme.tool}>
+      <Header title="Welcome to Sentry Plugin!">
+        <ToggleButtonGroup
+          value={statsFor}
+          exclusive
+          onChange={toggleStatsFor}
+          aria-label="text alignment"
+        >
+          <ToggleButton value="24h" aria-label="left aligned">
+            24H
+          </ToggleButton>
+          <ToggleButton value="12h" aria-label="left aligned">
+            12H
+          </ToggleButton>
+        </ToggleButtonGroup>
+      </Header>
+      <Content>
+        <ContentHeader title="Issue on Sentry">
+          <SupportButton>
+            Sentry plugin allows you to preview issues and navigate to sentry.
+          </SupportButton>
+        </ContentHeader>
+        <Grid container spacing={3} direction="column">
+          <Grid item>
+            <SentryPluginWidget
+              sentryProjectId="home-hub"
+              statsFor={statsFor}
+            />
+          </Grid>
+        </Grid>
+      </Content>
+    </Page>
+  );
+};
+
+export default SentryPluginPage;

plugins/sentry/src/components/SentryPluginPage/index.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { default } from './SentryPluginPage';

plugins/sentry/src/components/SentryPluginWidget/SentryPluginWidget.tsx

@@ -0,0 +1,57 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { FC, useEffect } from 'react';
+import {
+  ErrorApi,
+  errorApiRef,
+  InfoCard,
+  Progress,
+  useApi,
+} from '@backstage/core';
+import SentryIssuesTable from '../SentryIssuesTable/SentryIssuesTable';
+import { useAsync } from 'react-use';
+import { sentryApiFactory } from '../../data/api-factory';
+
+const api = sentryApiFactory('spotify');
+
+export const SentryPluginWidget: FC<{
+  sentryProjectId: string;
+  statsFor: '24h' | '12h';
+}> = ({ sentryProjectId, statsFor }) => {
+  const errorApi = useApi<ErrorApi>(errorApiRef);
+
+  const { loading, value, error } = useAsync(
+    () => api.fetchIssues(sentryProjectId, statsFor),
+    [statsFor, sentryProjectId],
+  );
+
+  useEffect(() => {
+    if (error) {
+      errorApi.post(error);
+    }
+  }, [error]);
+
+  if (loading) {
+    return (
+      <InfoCard title="Sentry issues">
+        <Progress />
+      </InfoCard>
+    );
+  }
+
+  return <SentryIssuesTable sentryIssues={value || []} />;
+};

plugins/sentry/src/data/api-factory.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { SentryApi } from './sentry-api';
+import { MockSentryApi } from './mock-api';
+import { ProductionSentryApi } from './production-api';
+
+export function sentryApiFactory(organization: string): SentryApi {
+  if (process.env.NODE_ENV === 'production') {
+    return new ProductionSentryApi(organization);
+  }
+  return new MockSentryApi();
+}

plugins/sentry/src/data/mock-api.ts

@@ -0,0 +1,40 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { SentryIssue } from './sentry-issue';
+import { SentryApi } from './sentry-api';
+import mockData from './sentry-issue-mock.json';
+function getMockIssue(): SentryIssue {
+  const randomizedStats = {
+    '12h': new Array(12)
+      .fill(0)
+      .map(() => [0, Math.floor(Math.random() * 100)]),
+  };
+  return {
+    ...mockData,
+    userCount: Math.floor(Math.random() * 1000),
+    stats: randomizedStats,
+  };
+}
+function getMockIssues(number: number): SentryIssue[] {
+  return new Array(number).fill(0).map(getMockIssue);
+}
+export class MockSentryApi implements SentryApi {
+  fetchIssues(): Promise<SentryIssue[]> {
+    return new Promise((resolve) => {
+      setTimeout(() => resolve(getMockIssues(14)), 800);
+    });
+  }
+}

plugins/sentry/src/data/production-api.ts

@@ -0,0 +1,47 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { SentryIssue } from './sentry-issue';
+import { SentryApi } from './sentry-api';
+
+const API_HOST = process.env.API_HOST || 'http://localhost:7000';
+const API_BASE_URL = `${API_HOST}/sentry/api/0/projects/`;
+
+export class ProductionSentryApi implements SentryApi {
+  private organization: string;
+
+  constructor(organization: string) {
+    this.organization = organization;
+  }
+
+  async fetchIssues(project: string, statsFor: string): Promise<SentryIssue[]> {
+    try {
+      const response = await fetch(
+        `${API_BASE_URL}/${this.organization}/${project}/issues/?statsFor=${statsFor}`,
+      );
+
+      if (response.status >= 400 && response.status < 600) {
+        throw new Error('Failed fetching Sentry issues');
+      }
+
+      return (await response.json()) as SentryIssue[];
+    } catch (exception) {
+      if (exception.detail) {
+        return exception;
+      }
+      throw new Error('Unknown error');
+    }
+  }
+}

plugins/sentry/src/data/sentry-api.ts

@@ -0,0 +1,20 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { SentryIssue } from './sentry-issue';
+
+export interface SentryApi {
+  fetchIssues(project: string, statsFor: string): Promise<SentryIssue[]>;
+}

plugins/sentry/src/data/sentry-issue-mock.json

@@ -0,0 +1,61 @@
+{
+  "platform": "javascript",
+  "lastSeen": "2020-05-15T09:17:17.384804Z",
+  "numComments": 0,
+  "userCount": 0,
+  "stats": {
+    "12h": [
+      [1589450400, 7],
+      [1589454000, 2],
+      [1589457600, 6],
+      [1589461200, 8],
+      [1589464800, 9],
+      [1589468400, 11],
+      [1589472000, 4],
+      [1589475600, 19],
+      [1589479200, 3],
+      [1589482800, 24],
+      [1589486400, 8],
+      [1589490000, 5],
+      [1589493600, 5],
+      [1589497200, 10],
+      [1589500800, 16],
+      [1589504400, 24],
+      [1589508000, 24],
+      [1589511600, 54],
+      [1589515200, 4],
+      [1589518800, 7],
+      [1589522400, 4],
+      [1589526000, 4],
+      [1589529600, 13],
+      [1589533200, 1]
+    ]
+  },
+  "culprit": "https://www.example.com/de/account//",
+  "title": "TypeError: Failed to fetch",
+  "id": "991214716",
+  "assignedTo": null,
+  "logger": null,
+  "type": "error",
+  "annotations": [],
+  "metadata": { "type": "TypeError", "value": "Failed to fetch" },
+  "status": "unresolved",
+  "subscriptionDetails": null,
+  "isPublic": false,
+  "hasSeen": true,
+  "shortId": "example-slug-21",
+  "shareId": null,
+  "firstSeen": "2019-04-18T23:36:40.988000Z",
+  "count": "169815",
+  "permalink": "https://sentry.io/organizations/example/issues/99176416/",
+  "level": "error",
+  "isSubscribed": false,
+  "isBookmarked": false,
+  "project": {
+    "platform": "javascript-react",
+    "slug": "example-slug",
+    "id": "1282343",
+    "name": "example-slug"
+  },
+  "statusDetails": {}
+}

plugins/sentry/src/data/sentry-issue.ts

@@ -0,0 +1,69 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+type SentryPlatform = 'javascript' | 'javascript-react' | string;
+
+type EventPoint = number[];
+
+type SentryProject = {
+  platform: SentryPlatform;
+  slug: string;
+  id: string;
+  name: string;
+};
+
+type SentryIssueMetadata = {
+  function?: string;
+  type?: string;
+  value?: string;
+  filename?: string;
+};
+
+export type SentryIssue = {
+  platform: SentryPlatform;
+  lastSeen: string;
+  numComments: number;
+  userCount: number;
+  stats: {
+    '24h'?: EventPoint[];
+    '12h'?: EventPoint[];
+  };
+  culprit: string;
+  title: string;
+  id: string;
+  assignedTo: any;
+  logger: any;
+  type: string;
+  annotations: any[];
+  metadata: SentryIssueMetadata;
+  status: string;
+  subscriptionDetails: any;
+  isPublic: boolean;
+  hasSeen: boolean;
+  shortId: string;
+  shareId: string | null;
+  firstSeen: string;
+  count: string;
+  permalink: string;
+  level: string;
+  isSubscribed: boolean;
+  isBookmarked: boolean;
+  project: SentryProject;
+  statusDetails: any;
+};
+
+export type SentryApiError = {
+  detail: string;
+};

plugins/sentry/src/index.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { plugin } from './plugin';
+export { SentryPluginWidget as SentryIssuesWidget } from './components/SentryPluginWidget/SentryPluginWidget';

plugins/sentry/src/plugin.test.ts

@@ -0,0 +1,23 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { plugin } from './plugin';
+
+describe('sentry', () => {
+  it('should export plugin', () => {
+    expect(plugin).toBeDefined();
+  });
+});

plugins/sentry/src/plugin.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createPlugin } from '@backstage/core';
+import SentryPluginPage from './components/SentryPluginPage';
+
+export const plugin = createPlugin({
+  id: 'sentry',
+  register({ router }) {
+    router.registerRoute('/sentry', SentryPluginPage);
+  },
+});

plugins/sentry/src/setupTests.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import '@testing-library/jest-dom';
+require('jest-fetch-mock').enableMocks();

yarn.lock

@@ -4015,6 +4015,14 @@
     jest-diff "^25.2.1"
     pretty-format "^25.2.1"
 
+"@types/jest@^25.2.1":
+  version "25.2.3"
+  resolved "https://registry.npmjs.org/@types/jest/-/jest-25.2.3.tgz#33d27e4c4716caae4eced355097a47ad363fdcaf"
+  integrity sha512-JXc1nK/tXHiDhV55dvfzqtmP4S3sy3T3ouV2tkViZgxY/zeUkcpQcQPGRlgF4KmWzWW5oiWYSZwtCB+2RsE4Fw==
+  dependencies:
+    jest-diff "^25.2.1"
+    pretty-format "^25.2.1"
+
 "@types/jest@^25.2.2":
   version "25.2.2"
   resolved "https://registry.npmjs.org/@types/jest/-/jest-25.2.2.tgz#6a752e7a00f69c3e790ea00c345029d5cefa92bf"
@@ -5322,7 +5330,7 @@ aws4@^1.8.0:
   resolved "https://registry.npmjs.org/aws4/-/aws4-1.9.1.tgz#7e33d8f7d449b3f673cd72deb9abdc552dbe528e"
   integrity sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==
 
-axios@^0.19.0:
+axios@^0.19.0, axios@^0.19.2:
   version "0.19.2"
   resolved "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz#3ea36c5d8818d0d5f8a8a97a6d36b86cdc00cb27"
   integrity sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==
@@ -19958,6 +19966,11 @@ tildify@2.0.0:
   resolved "https://registry.npmjs.org/tildify/-/tildify-2.0.0.tgz#f205f3674d677ce698b7067a99e949ce03b4754a"
   integrity sha512-Cc+OraorugtXNfs50hU9KS369rFXCfgGLpfCfvlc+Ud5u6VWmUQsOAa9HbTvheQdYnrdJqqv1e5oIqXppMYnSw==
 
+timeago.js@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/timeago.js/-/timeago.js-4.0.2.tgz#724e8c8833e3490676c7bb0a75f5daf20e558028"
+  integrity sha512-a7wPxPdVlQL7lqvitHGGRsofhdwtkoSXPGATFuSOA2i1ZNQEPLrGnj68vOp2sOJTCFAQVXPeNMX/GctBaO9L2w==
+
 timed-out@^4.0.0:
   version "4.0.1"
   resolved "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"