
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
@roadiehq/backstage-plugin-datadog
Advanced tools
Embed Datadog graphs and dashboards into Backstage.
Datadog is a monitoring service for cloud-scale applications, providing monitoring of servers, databases, tools, and services through a SaaS-based data analytics platform.
This readme will show you how to
$ yarn add @roadiehq/backstage-plugin-datadog
import {
EntityDatadogContent,
EntityDatadogGraphCard,
isDatadogGraphAvailable,
} from '@roadiehq/backstage-plugin-datadog';
const overviewContent = (
<Grid container spacing={3} alignItems="stretch">
...
<EntitySwitch>
<EntitySwitch.Case if={isDatadogGraphAvailable}>
<Grid item>
<EntityDatadogGraphCard />
</Grid>
</EntitySwitch.Case>
</EntitySwitch>
...
</Grid>
);
const serviceEntityPage = (
<EntityPageLayout>
...
<EntityLayout.Route path="/datadog" title="Datadog">
<EntityDatadogContent />
</EntityLayout.Route>
...
</EntityPageLayout>
);
EntityPage
(New Frontend System)Follow this section if you are using Backstage's new frontend system.
datadogPlugin
in your App.tsx
and add it to your app's features
array:import datadogPlugin from '@roadiehq/backstage-plugin-datadog/alpha';
// ...
export const app = createApp({
features: [
// ...
datadogPlugin,
// ...
],
});
Datadog embedded graph is using datadoghq.eu
as default top-level domain, when other is not specified. If you are using other domain, you need to specify it with corresponding annotations datadoghq.com/site
.
apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
name: sample-service
description: |
A sample service
annotations:
datadoghq.com/site: <<DATADOGDOMAIN>>
Navigate to the dashboards list by hovering over dashboards on the page's left-hand side and selecting the dashboard list.
Select a dashboard from this list.
Within the dashboard you have chosen, click the settings cog on the screen's right-hand side, circled in red.
Copy the URL from the Sharing textbox.
This URL is the value you need for the datadoghq.com/dashboard-url
annotation.
,
)apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
name: sample-service
description: |
A sample service
annotations:
datadoghq.com/dashboard-url: datadoghq.com
apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
name: sample-service
description: |
A sample service
annotations:
datadoghq.com/dashboard-url: datadoghq.com,datadoghq.com/dashboard2
Click on the Share tab, choose a timeframe, graph size and legend. Click generate the embedded code.
Copy the token value that is highlighted in the red square.
this token is the value you need for the datadoghq.com/graph-token
annotation
In order to customize size of the graph you may specify datadoghq.com/graph-size
annotations and specify one of the following options:
'small'
'medium'
'large'
'x-large';
If not specified, your graph will be 'medium' size per default.
apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
name: sample-service
description: |
A sample service
annotations:
datadoghq.com/graph-token: <<TOKEN>
Navigate to the Datadog tab, and you will see your dashboard.
Navigate to the overview tab for your component. And you will see the graph.
A word of note regarding the security of the datadog dashboards and graphs.
The instructions provided for sharing dashboards and graphs generate a URL.
This URL is public to anyone who bears it.
If obtained by another actor, it is usable by them.
Everyone is welcome to contribute to this repository. Feel free to raise issues or to submit Pull Requests.
Roadie gives you a hassle-free, fully customisable SaaS Backstage. Find out more here: https://roadie.io.
FAQs
Unknown package
The npm package @roadiehq/backstage-plugin-datadog receives a total of 2,271 weekly downloads. As such, @roadiehq/backstage-plugin-datadog popularity was classified as popular.
We found that @roadiehq/backstage-plugin-datadog demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.