21 |
22 |
25 |
26 | 28 |
37 |
38 |
41 |
42 | 44 |
53 |
54 |
57 |
58 | 60 |
69 |
70 |
73 |
74 | 76 | 77 | 83 | 84 | ); 85 | } 86 | -------------------------------------------------------------------------------- /nerdlets/optimizer-beta/components/helpModal/index.js: -------------------------------------------------------------------------------- 1 | import React, { useContext } from 'react'; 2 | import { Modal } from 'nr1'; 3 | import DataContext from '../../context/data'; 4 | import Help from './help'; 5 | 6 | // eslint-disable-next-line no-unused-vars 7 | export default function HelpModal() { 8 | const dataContext = useContext(DataContext); 9 | const { helpModalOpen, updateDataState } = dataContext; 10 | 11 | return ( 12 |
50 | Messages 51 |
52 | 53 | {filteredMessages.map((m, i) => { 54 | return ( 55 |
56 |
78 | );
79 | })}
80 | 57 | {m.title} {' '} 58 | 66 |
67 | 68 |
69 |
77 | -
70 | {m.messages.map((msg, m) => (
71 |
- 72 | {msg} 73 | 74 | ))} 75 |
24 | 25 |
24 |
25 |
33 |
34 | );
35 | }
36 |
37 | export default OptimizerRoot;
38 |
--------------------------------------------------------------------------------
/nerdlets/optimizer-beta/nr1.json:
--------------------------------------------------------------------------------
1 | {
2 | "schemaType": "NERDLET",
3 | "id": "optimizer-beta",
4 | "displayName": "Cloud Optimize",
5 | "description": "Optimize your workloads"
6 | }
7 |
--------------------------------------------------------------------------------
/nerdlets/optimizer-beta/styles.scss:
--------------------------------------------------------------------------------
1 | .my-nerdlet {
2 | outline: 1px solid black;
3 | }
4 |
5 | h3:not(.u-unstyledH3) {
6 | font-size: unset;
7 | }
8 |
9 | .lds-ring {
10 | display: inline-block;
11 | position: relative;
12 | width: 80px;
13 | height: 80px;
14 | }
15 | .lds-ring div {
16 | box-sizing: border-box;
17 | display: block;
18 | position: absolute;
19 | width: 64px;
20 | height: 64px;
21 | margin: 8px;
22 | border: 8px solid rgb(0, 0, 0);
23 | border-radius: 50%;
24 | animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
25 | border-color: rgb(0, 0, 0) transparent transparent transparent;
26 | }
27 | .lds-ring div:nth-child(1) {
28 | animation-delay: -0.45s;
29 | }
30 | .lds-ring div:nth-child(2) {
31 | animation-delay: -0.3s;
32 | }
33 | .lds-ring div:nth-child(3) {
34 | animation-delay: -0.15s;
35 | }
36 | @keyframes lds-ring {
37 | 0% {
38 | transform: rotate(0deg);
39 | }
40 | 100% {
41 | transform: rotate(360deg);
42 | }
43 | }
44 |
45 | .lds-ripple {
46 | display: inline-block;
47 | position: relative;
48 | width: 80px;
49 | height: 80px;
50 | }
51 | .lds-ripple div {
52 | position: absolute;
53 | border: 4px solid rgb(0, 0, 0);
54 | opacity: 1;
55 | border-radius: 50%;
56 | animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
57 | }
58 | .lds-ripple div:nth-child(2) {
59 | animation-delay: -0.5s;
60 | }
61 | @keyframes lds-ripple {
62 | 0% {
63 | top: 36px;
64 | left: 36px;
65 | width: 0;
66 | height: 0;
67 | opacity: 1;
68 | }
69 | 100% {
70 | top: 0px;
71 | left: 0px;
72 | width: 72px;
73 | height: 72px;
74 | opacity: 0;
75 | }
76 | }
77 |
78 | .flex-center {
79 | display: flex;
80 | justify-content: center;
81 | align-items: center;
82 | }
83 |
84 | .lds-facebook {
85 | display: inline-block;
86 | position: relative;
87 | width: 80px;
88 | height: 80px;
89 | }
90 | .lds-facebook div {
91 | display: inline-block;
92 | position: absolute;
93 | left: 8px;
94 | width: 16px;
95 | background: rgb(0, 0, 0);
96 | animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
97 | }
98 | .lds-facebook div:nth-child(1) {
99 | left: 8px;
100 | animation-delay: -0.24s;
101 | }
102 | .lds-facebook div:nth-child(2) {
103 | left: 32px;
104 | animation-delay: -0.12s;
105 | }
106 | .lds-facebook div:nth-child(3) {
107 | left: 56px;
108 | animation-delay: 0;
109 | }
110 | @keyframes lds-facebook {
111 | 0% {
112 | top: 8px;
113 | height: 64px;
114 | }
115 | 50%,
116 | 100% {
117 | top: 24px;
118 | height: 32px;
119 | }
120 | }
121 |
--------------------------------------------------------------------------------
/nerdlets/optimizer/components/collectionCreate/index.js:
--------------------------------------------------------------------------------
1 | import React, { useState, useContext } from 'react';
2 | import {
3 | Modal,
4 | Spinner,
5 | Button,
6 | HeadingText,
7 | Card,
8 | BlockText,
9 | CardBody,
10 | Checkbox,
11 | CheckboxGroup,
12 | TextField,
13 | AccountStorageMutation
14 | } from 'nr1';
15 | import DataContext from '../../context/data';
16 | import { v4 as uuidv4 } from 'uuid';
17 |
18 | // eslint-disable-next-line no-unused-vars
19 | export default function CollectionCreateModal(props) {
20 | const dataContext = useContext(DataContext);
21 | const {
22 | createCollectionOpen,
23 | selectedAccount,
24 | email,
25 | workloads,
26 | updateDataState,
27 | fetchingAccessibleWorkloads,
28 | fetchWorkloadCollections
29 | } = dataContext;
30 |
31 | const [writingDocument, setWriteState] = useState(false);
32 | const [name, setName] = useState('');
33 | const [searchText, setSearch] = useState('');
34 | const [checkboxValues, setCheckBoxValues] = useState([]);
35 | const filteredWorkloads = workloads.filter(w =>
36 | w.name.toLowerCase().includes(searchText.toLocaleLowerCase())
37 | );
38 |
39 | const writeDocument = () => {
40 | setWriteState(true);
41 | const filteredWorkloads = workloads
42 | .filter(w => checkboxValues.includes(w.guid))
43 | .map(w => ({
44 | account: { id: w.account.id, name: w.account.name },
45 | guid: w.guid,
46 | name: w.name,
47 | tags: w.tags
48 | }));
49 | const document = {
50 | name,
51 | workloads: filteredWorkloads,
52 | createdBy: email,
53 | lastEditedBy: email
54 | };
55 |
56 | AccountStorageMutation.mutate({
57 | accountId: selectedAccount.id,
58 | actionType: AccountStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
59 | collection: 'workloadCollections',
60 | documentId: uuidv4(),
61 | document
62 | }).then(value => {
63 | // eslint-disable-next-line no-console
64 | console.log('wrote document', value);
65 |
66 | setWriteState(false);
67 | fetchWorkloadCollections();
68 | setCheckBoxValues([]);
69 | updateDataState({ createCollectionOpen: false });
70 | });
71 | };
72 |
73 | return (
74 |
82 |
86 | Create Collection
87 |
88 |
89 | Select the workloads you would like to target for optimization.
90 |
91 | setName(e.target.value)}
97 | />
98 | {fetchingAccessibleWorkloads ? (
99 | <>
100 | setSearch(e.target.value)}
111 | />
112 |
113 |
114 | setCheckBoxValues(v)}
117 | >
118 | {filteredWorkloads.map(w => (
119 |
126 |
127 |
128 |
129 |
130 | {checkboxValues.length} / {filteredWorkloads.length} workloads
131 | selected
132 |
133 |
134 |
135 | )}
136 |
137 | 147 | 148 | 157 |
158 | 137 | 147 | 148 | 157 |
137 | 145 | 146 | 152 | 153 | ); 154 | } 155 | -------------------------------------------------------------------------------- /nerdlets/optimizer/components/collectionEdit/index.js: -------------------------------------------------------------------------------- 1 | import React, { useContext } from 'react'; 2 | import { Modal } from 'nr1'; 3 | import DataContext from '../../context/data'; 4 | import CollectionEdit from './edit'; 5 | 6 | // eslint-disable-next-line no-unused-vars 7 | export default function CollectionEditModal(props) { 8 | const dataContext = useContext(DataContext); 9 | const { editCollectionOpen, updateDataState } = dataContext; 10 | 11 | return ( 12 |
50 | Messages 51 |
52 | 53 | {filteredMessages.map((m, i) => { 54 | return ( 55 |
56 |
78 | );
79 | })}
80 | 57 | {m.title} {' '} 58 | 66 |
67 | 68 |
69 |
77 | -
70 | {m.messages.map((msg, m) => (
71 |
- 72 | {msg} 73 | 74 | ))} 75 |
51 |
24 | 25 |
23 |
24 |
31 |
32 | );
33 | }
34 |
35 | export default OptimizerRoot;
36 |
--------------------------------------------------------------------------------
/nerdlets/optimizer/nr1.json:
--------------------------------------------------------------------------------
1 | {
2 | "schemaType": "NERDLET",
3 | "id": "optimizer",
4 | "displayName": "Cloud Optimize",
5 | "description": "Optimize your workloads"
6 | }
7 |
--------------------------------------------------------------------------------
/nerdlets/optimizer/styles.scss:
--------------------------------------------------------------------------------
1 | .my-nerdlet {
2 | outline: 1px solid black;
3 | }
4 |
5 | h3:not(.u-unstyledH3) {
6 | font-size: unset;
7 | }
8 |
9 | .lds-ring {
10 | display: inline-block;
11 | position: relative;
12 | width: 80px;
13 | height: 80px;
14 | }
15 | .lds-ring div {
16 | box-sizing: border-box;
17 | display: block;
18 | position: absolute;
19 | width: 64px;
20 | height: 64px;
21 | margin: 8px;
22 | border: 8px solid rgb(0, 0, 0);
23 | border-radius: 50%;
24 | animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
25 | border-color: rgb(0, 0, 0) transparent transparent transparent;
26 | }
27 | .lds-ring div:nth-child(1) {
28 | animation-delay: -0.45s;
29 | }
30 | .lds-ring div:nth-child(2) {
31 | animation-delay: -0.3s;
32 | }
33 | .lds-ring div:nth-child(3) {
34 | animation-delay: -0.15s;
35 | }
36 | @keyframes lds-ring {
37 | 0% {
38 | transform: rotate(0deg);
39 | }
40 | 100% {
41 | transform: rotate(360deg);
42 | }
43 | }
44 |
45 | .lds-ripple {
46 | display: inline-block;
47 | position: relative;
48 | width: 80px;
49 | height: 80px;
50 | }
51 | .lds-ripple div {
52 | position: absolute;
53 | border: 4px solid rgb(0, 0, 0);
54 | opacity: 1;
55 | border-radius: 50%;
56 | animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
57 | }
58 | .lds-ripple div:nth-child(2) {
59 | animation-delay: -0.5s;
60 | }
61 | @keyframes lds-ripple {
62 | 0% {
63 | top: 36px;
64 | left: 36px;
65 | width: 0;
66 | height: 0;
67 | opacity: 1;
68 | }
69 | 100% {
70 | top: 0px;
71 | left: 0px;
72 | width: 72px;
73 | height: 72px;
74 | opacity: 0;
75 | }
76 | }
77 |
78 | .flex-center {
79 | display: flex;
80 | justify-content: center;
81 | align-items: center;
82 | }
83 |
84 | .lds-facebook {
85 | display: inline-block;
86 | position: relative;
87 | width: 80px;
88 | height: 80px;
89 | }
90 | .lds-facebook div {
91 | display: inline-block;
92 | position: absolute;
93 | left: 8px;
94 | width: 16px;
95 | background: rgb(0, 0, 0);
96 | animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
97 | }
98 | .lds-facebook div:nth-child(1) {
99 | left: 8px;
100 | animation-delay: -0.24s;
101 | }
102 | .lds-facebook div:nth-child(2) {
103 | left: 32px;
104 | animation-delay: -0.12s;
105 | }
106 | .lds-facebook div:nth-child(3) {
107 | left: 56px;
108 | animation-delay: 0;
109 | }
110 | @keyframes lds-facebook {
111 | 0% {
112 | top: 8px;
113 | height: 64px;
114 | }
115 | 50%,
116 | 100% {
117 | top: 24px;
118 | height: 32px;
119 | }
120 | }
121 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/components/costBar/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default function CostBar(props) {
4 | const { type } = props;
5 |
6 | const workloadColors = [
7 | 'rgba(13, 54, 196, 0.1)',
8 | 'rgba(13, 54, 196, 0.3)',
9 | 'rgba(13, 54, 196, 0.6)',
10 | 'rgba(13, 54, 196, 0.8)',
11 | '#0D36C4'
12 | ];
13 |
14 | const serviceColors = [
15 | 'rgba(107, 37, 196, 0.1)',
16 | 'rgba(107, 37, 196, 0.3)',
17 | 'rgba(107, 37, 196, 0.6)',
18 | 'rgba(107, 37, 196, 0.8)',
19 | '#6B25C4'
20 | ];
21 |
22 | const colors = type === 'service' ? serviceColors : workloadColors;
23 |
24 | return (
25 |
29 |
30 |
68 |
69 | );
70 | }
71 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/components/entityView/AWSELASTICACHEREDISNODE.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import AwsElasticacheRedisNodeViewStandard from './AWSELASTICACHEREDISNODE_STANDARD';
3 | import { Card, CardHeader, CardBody } from 'nr1';
4 | import { generateFakeName } from '../../../shared/utils';
5 | import _ from 'lodash';
6 |
7 | // eslint-disable-next-line no-unused-vars
8 | export default function AwsElasticacheRedisNodeView(props) {
9 | const { entities, obfuscate } = props;
10 | const groupedEntities = _.groupBy(entities, e => e?.cacheClusterId);
11 |
12 | return (
13 | | 32 | % of {type === 'service' ? 'service' : 'workload'} cost 33 | | 34 ||||||||
| 37 | | 38 | | 39 | | 40 | | 41 | | 42 | | 43 | | |
| 49 | | 0 | 50 |51 | 20 52 | | 53 |54 | 40 55 | | 56 |57 | 60 58 | | 59 |60 | 80 61 | | 62 |63 | 100 64 | | 65 |66 | |
113 | // 114 | // ); 115 | } 116 | }; 117 | 118 | return <>{renderView(group, entities)}; 119 | } 120 | -------------------------------------------------------------------------------- /nerdlets/results-beta/components/resultPanel/costSummary.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Tile, 4 | Stack, 5 | StackItem, 6 | HeadingText, 7 | BlockText, 8 | Popover, 9 | PopoverTrigger, 10 | Icon, 11 | PopoverBody 12 | } from 'nr1'; 13 | 14 | // eslint-disable-next-line no-unused-vars 15 | export default function CostSummary(props) { 16 | const { cost, tileType } = props; 17 | 18 | if (!cost) { 19 | return ''; 20 | } 21 | 22 | return ( 23 | <> 24 |
25 | {/* updateDataState({ tagModalOpen: false })}
32 | >
33 |
37 | Filter Tags
38 |
39 |
40 |
41 | Entities that match any of the selected tags will only be returned.
42 |
43 |
44 |
45 | 46 |
47 |
48 | {Object.keys(entityTags).map(t => {
49 | const updateTags = async (key, value) => {
50 | if (!selectedTags[t]) {
51 | selectedTags[t] = {};
52 | }
53 | if (!value) {
54 | delete selectedTags[t][key];
55 | } else {
56 | selectedTags[t][key] = value;
57 | }
58 |
59 | if (Object.keys(selectedTags[t]).length === 0) {
60 | delete selectedTags[t];
61 | }
62 |
63 | await updateDataState({ selectedTags });
64 | recalculate();
65 | };
66 |
67 | return (
68 |
69 |
70 |
72 | {entityTags[t].map(v => (
73 | updateTags(v, e.target.checked)}
78 | />
79 | ))}
80 |
81 |
82 |
83 | );
84 | })}
85 |
86 |
87 |
88 |
98 |
99 |
100 | );
101 | }
102 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/components/workloadView/index.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import DataContext from '../../context/data';
3 | import _ from 'lodash';
4 | import EntityView from '../entityView';
5 | import calculate, { checkTags } from '../../context/calculate';
6 | import { StackItem, Card, CardBody } from 'nr1';
7 | import { generateFakeName, pickWorkloadColor } from '../../../shared/utils';
8 |
9 | // eslint-disable-next-line no-unused-vars
10 | export default function WorkloadView(props) {
11 | const dataContext = useContext(DataContext);
12 | const {
13 | selectedTags,
14 | obfuscate,
15 | userConfig,
16 | entityTableMode,
17 | updateDataState
18 | } = dataContext;
19 | const { workload, workloadCostTotal } = props;
20 |
21 | if (obfuscate) {
22 | workload.results.forEach(e => {
23 | e.name = generateFakeName();
24 | });
25 | }
26 |
27 | const groupedEntities = _.groupBy(workload.results, e => e?.type);
28 |
29 | return (
30 | <>
31 | {Object.keys(groupedEntities)
32 | .sort((a, b) => {
33 | const costA = calculate({
34 | workloadData: { results: groupedEntities[a] }
35 | });
36 | const costB = calculate({
37 | workloadData: { results: groupedEntities[b] }
38 | });
39 |
40 | const serviceTotalA = costA?.known || 0 + costA?.estimated || 0;
41 | const serviceTotalB = costB?.known || 0 + costB?.estimated || 0;
42 |
43 | return serviceTotalB - serviceTotalA;
44 | })
45 | .map(g => {
46 | const filteredEntities = groupedEntities[g].filter(e =>
47 | checkTags(e, selectedTags)
48 | );
49 |
50 | if (groupedEntities[g].length === 0) {
51 | return null;
52 | }
53 |
54 | const cost = calculate({
55 | workloadData: { results: groupedEntities[g] }
56 | });
57 | const serviceTotal = cost?.known || 0 + cost?.estimated || 0;
58 | const costPercentage = (serviceTotal / workloadCostTotal) * 100;
59 | const { costColor, costFontColor } = pickWorkloadColor(
60 | isNaN(costPercentage) ? 0 : costPercentage
61 | );
62 |
63 | return (
64 |
65 |
66 |
67 | {costPercentage > 0 && (
68 |
99 |
100 |
101 | );
102 | })}
103 |
104 | );
105 | }
106 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/context/provideSuggestions.js:
--------------------------------------------------------------------------------
1 | const { options } = require('../../suggestions-configuration/options');
2 |
3 | export default function(entity, config) {
4 | entity.suggestions = [];
5 | const rules = options.find(o => o.type === entity?.type)?.suggestionsConfig;
6 | const configuredSuggestions = config?.[entity?.type] || {};
7 |
8 | if (rules) {
9 | const ruleKeys = Object.keys(rules);
10 |
11 | ruleKeys.forEach(ruleKey => {
12 | const ruleData = rules[ruleKey];
13 |
14 | if (ruleData.type === 'number') {
15 | const configValue = configuredSuggestions[ruleKey]
16 | ? parseFloat(configuredSuggestions[ruleKey])
17 | : null;
18 |
19 | // if config value is 0 do not run the rule
20 | if (configValue !== 0 && configValue !== '0') {
21 | // run rule
22 | const {
23 | getValue,
24 | operator,
25 | response,
26 | label,
27 | message,
28 | defaultValue
29 | } = ruleData;
30 | const value = getValue(entity);
31 | const checkValue = configValue || defaultValue;
32 |
33 | if (value) {
34 | if (
35 | (operator === 'below' && value < checkValue) ||
36 | (operator === 'less' && value < checkValue) ||
37 | (operator === 'above' && value > checkValue) ||
38 | (operator === 'more' && value > checkValue) ||
39 | (operator === 'equal' && value === checkValue) ||
40 | (operator === 'exact' && value === checkValue)
41 | ) {
42 | entity.suggestions.push({
43 | response,
44 | message: message || `${label} detected`,
45 | value,
46 | checkValue
47 | });
48 | }
49 | }
50 | }
51 | }
52 | });
53 | }
54 |
55 | if (entity.suggestions.length === 0) delete entity.suggestions;
56 | }
57 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/context/queries.js:
--------------------------------------------------------------------------------
1 | import { ngql } from 'nr1';
2 |
3 | export const initQuery = ngql`
4 | {
5 | actor {
6 | user {
7 | email
8 | id
9 | }
10 | accounts(scope: GLOBAL) {
11 | id
12 | name
13 | }
14 | }
15 | }
16 | `;
17 |
18 | export const catalogNerdpacksQuery = `{
19 | actor {
20 | nr1Catalog {
21 | nerdpacks {
22 | id
23 | visibility
24 | metadata {
25 | repository
26 | displayName
27 | }
28 | }
29 | }
30 | }
31 | }`;
32 |
33 | export const workloadDiscoveryQuery = cursor => ngql`
34 | {
35 | actor {
36 | entitySearch(query: "type = 'WORKLOAD'") {
37 | results${cursor ? `(cursor: "${cursor}")` : ''} {
38 | entities {
39 | ... on WorkloadEntityOutline {
40 | guid
41 | name
42 | alertSeverity
43 | account {
44 | id
45 | name
46 | }
47 | tags {
48 | key
49 | values
50 | }
51 | }
52 | }
53 | nextCursor
54 | }
55 | }
56 | }
57 | }
58 | `;
59 |
60 | export const userApiKeysQuery = (userId, accountId, cursor) => ngql`{
61 | actor {
62 | apiAccess {
63 | keySearch(query: {types: USER, scope: {userIds: ${userId}, accountIds: ${accountId}}}${
64 | cursor ? `, cursor: "${cursor}"` : ''
65 | }) {
66 | keys {
67 | ... on ApiAccessUserKey {
68 | id
69 | name
70 | key
71 | }
72 | }
73 | nextCursor
74 | }
75 | }
76 | }
77 | }
78 | `;
79 |
80 | export const userApiCreateQuery = (userId, accountId) => ngql`mutation {
81 | apiAccessCreateKeys(keys: {user: {accountId: ${accountId}, name: "NR1-OPTIMIZER-KEY", notes: "Used for the nr1 optimizer application", userId: ${userId}}}) {
82 | createdKeys {
83 | id
84 | key
85 | name
86 | notes
87 | type
88 | createdAt
89 | }
90 | }
91 | }
92 | `;
93 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/index.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import { NerdletStateContext } from 'nr1';
3 | import { DataProvider } from './context/data';
4 | import Results from './components/results';
5 | import TagModal from './components/tags/modal';
6 |
7 | function ResultsRoot() {
8 | const nerdletContext = useContext(NerdletStateContext);
9 |
10 | return (
11 |
49 |
60 |
61 |
98 |
99 |
100 |
123 |
124 |
125 |
126 | );
127 | }
128 |
--------------------------------------------------------------------------------
/nerdlets/results/components/entityView/AWSELASTICACHEREDISNODE.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import AwsElasticacheRedisNodeViewStandard from './AWSELASTICACHEREDISNODE_STANDARD';
3 | import { Card, CardHeader, CardBody } from 'nr1';
4 | import { generateFakeName } from '../../../shared/utils';
5 | import _ from 'lodash';
6 |
7 | // eslint-disable-next-line no-unused-vars
8 | export default function AwsElasticacheRedisNodeView(props) {
9 | const { entities, obfuscate } = props;
10 | const groupedEntities = _.groupBy(entities, e => e?.cacheClusterId);
11 |
12 | return (
13 |
14 |
25 | {Object.keys(groupedEntities).map(groupKey => {
26 | let groupName = obfuscate
27 | ? generateFakeName()
28 | : groupKey || 'Unknown';
29 | groupName = groupName === 'undefined' ? 'Unknown' : groupName;
30 |
31 | return (
32 |
41 |
42 | );
43 | }
44 |
--------------------------------------------------------------------------------
/nerdlets/results/components/entityView/AWSELASTICSEARCHNODE.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { generateFakeName } from '../../../shared/utils';
3 | import _ from 'lodash';
4 | import { Card, CardHeader, CardBody } from 'nr1';
5 | import AwsElasticsearchNodeViewStandard from './AWSELASTICSEARCHNODE_STANDARD';
6 |
7 | // eslint-disable-next-line no-unused-vars
8 | export default function AwsElasticsearchNodeView(props) {
9 | const { entities, obfuscate } = props;
10 | const groupedEntities = _.groupBy(entities, e => e?.clusterName);
11 |
12 | return (
13 |
14 |
25 | {Object.keys(groupedEntities).map(groupKey => {
26 | let groupName = obfuscate
27 | ? generateFakeName()
28 | : groupKey || 'Unknown';
29 | groupName = groupName === 'undefined' ? 'Unknown' : groupName;
30 |
31 | return (
32 |
41 |
42 | );
43 | }
44 |
--------------------------------------------------------------------------------
/nerdlets/results/components/entityView/AWSSQSQUEUE.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import {
3 | navigation,
4 | Table,
5 | TableHeader,
6 | TableHeaderCell,
7 | TableRow,
8 | TableRowCell,
9 | Card,
10 | CardHeader,
11 | CardBody,
12 | Switch,
13 | EntityTitleTableRowCell
14 | } from 'nr1';
15 | import calculate from '../../context/calculate';
16 |
17 | // eslint-disable-next-line no-unused-vars
18 | export default function AwsSqsView(props) {
19 | const { entities, timeData } = props;
20 | const [hideUndetected, setUndetected] = useState(true);
21 | const [column, setColumn] = useState(0);
22 | const [sortingType, setSortingType] = useState(
23 | TableHeaderCell.SORTING_TYPE.NONE
24 | );
25 |
26 | const onClickTableHeaderCell = (nextColumn, { nextSortingType }) => {
27 | if (nextColumn === column) {
28 | setSortingType(nextSortingType);
29 | } else {
30 | setSortingType(nextSortingType);
31 | setColumn(nextColumn);
32 | }
33 | };
34 |
35 | const cost = calculate({ workloadData: { results: entities, timeData } });
36 |
37 | const headers = [
38 | { key: 'Name', value: ({ item }) => item.name },
39 | { key: 'Region', value: ({ item }) => item?.tags?.['aws.awsRegion']?.[0] },
40 | {
41 | key: 'Message Total',
42 | value: ({ item }) => item?.QueueSample?.numberOfMessages
43 | },
44 | {
45 | key: 'Message Price',
46 | value: ({ item }) => item.messageCostStandardPerReq
47 | },
48 | {
49 | key: 'Message Cost (Price * Messages)',
50 | value: ({ item }) =>
51 | item.messageCostStandardPerReq *
52 | (item?.QueueSample?.numberOfMessages || 0)
53 | }
54 | ];
55 |
56 | return (
57 | <>
58 |
59 |
70 | setUndetected(!hideUndetected)}
73 | label="Hide queues with no messages"
74 | />
75 |
76 |
79 | (hideUndetected && e?.QueueSample?.numberOfMessages) ||
80 | !hideUndetected
81 | )}
82 | >
83 |
129 |
130 |
131 |
154 |
155 |
156 |
157 | );
158 | }
159 |
--------------------------------------------------------------------------------
/nerdlets/results/components/entityView/HOST.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import HostStandardView from './HOST STANDARD';
3 | import HostECSView from './HOST_ECS';
4 | import HostKubernetesView from './HOST_K8S';
5 |
6 | // eslint-disable-next-line no-unused-vars
7 | export default function HostView(props) {
8 | const { entities, obfuscate } = props;
9 |
10 | const standardHosts = [];
11 | const k8sHosts = [];
12 | const ecsHosts = [];
13 |
14 | for (let z = 0; z < entities.length; z++) {
15 | if (entities[z].K8sContainerData) {
16 | k8sHosts.push(entities[z]);
17 | } else if (entities[z].EcsContainerData) {
18 | ecsHosts.push(entities[z]);
19 | } else {
20 | standardHosts.push(entities[z]);
21 | }
22 | }
23 |
24 | return (
25 | <>
26 | {standardHosts.length > 0 && (
27 |
14 |
19 | {Object.keys(groupedEntities).map(groupKey => {
20 | let groupName = obfuscate
21 | ? generateFakeName()
22 | : groupKey || 'Unknown';
23 | groupName = groupName === 'undefined' ? 'Unknown' : groupName;
24 |
25 | return (
26 |
36 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/nerdlets/results/components/entityView/HOST_K8S.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { generateFakeName } from '../../../shared/utils';
3 | import _ from 'lodash';
4 | import { Card, CardHeader, CardBody } from 'nr1';
5 | import HostKubernetesViewStandard from './HOST_K8S_STANDARD';
6 |
7 | // eslint-disable-next-line no-unused-vars
8 | export default function HostKubernetesView(props) {
9 | const { entities, obfuscate } = props;
10 | const groupedEntities = _.groupBy(entities, e => e?.clusterName);
11 |
12 | return (
13 |
14 |
19 | {Object.keys(groupedEntities).map(groupKey => {
20 | let groupName = obfuscate
21 | ? generateFakeName()
22 | : groupKey || 'Unknown';
23 | groupName = groupName === 'undefined' ? 'Unknown' : groupName;
24 |
25 | return (
26 |
36 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/nerdlets/results/components/entityView/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import AwsAlbView from './AWSALB';
3 | import AwsAPIGatewayView from './AWSAPIGATEWAYAPI';
4 | import AwsElasticacheRedisNodeView from './AWSELASTICACHEREDISNODE';
5 | import AwsElasticsearchNodeView from './AWSELASTICSEARCHNODE';
6 | import AwsElbView from './AWSELB';
7 | import AwsLambdaFunctionView from './AWSLAMBDAFUNCTION';
8 | import AwsRdsDbInstanceView from './AWSRDSDBINSTANCE';
9 | import AwsSqsView from './AWSSQSQUEUE';
10 | import HostView from './HOST';
11 |
12 | // const ignore = ['AWSELASTICSEARCHCLUSTER'];
13 |
14 | // eslint-disable-next-line no-unused-vars
15 | export default function EntityView(props) {
16 | const { entities, group, obfuscate } = props;
17 |
18 | const renderView = (group, entities) => {
19 | switch (group) {
20 | case 'HOST':
21 | return
54 | // 55 | // ); 56 | } 57 | }; 58 | 59 | return <>{renderView(group, entities)}; 60 | } 61 | -------------------------------------------------------------------------------- /nerdlets/results/components/resultPanel/costSummary.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Tile, 4 | Stack, 5 | StackItem, 6 | HeadingText, 7 | BlockText, 8 | Popover, 9 | PopoverTrigger, 10 | Icon, 11 | PopoverBody 12 | } from 'nr1'; 13 | 14 | // eslint-disable-next-line no-unused-vars 15 | export default function CostSummary(props) { 16 | const { cost, tileType } = props; 17 | 18 | if (!cost) { 19 | return ''; 20 | } 21 | 22 | return ( 23 | <> 24 |
*/}
26 |
27 |
28 |
29 |
30 | Known Cost {' '}
31 |
32 |
33 |
35 |
36 |
37 | Exactly matched price based on public price
38 | lists
39 |
40 |
41 |
42 |
43 | ${(cost?.known || 0).toFixed(2)}
44 |
45 |
46 |
47 |
51 |
52 | Estimated Cost {' '}
53 |
54 |
55 |
57 |
58 |
59 | Best effort estimation based on public pricing
60 |
61 |
62 |
63 |
64 | ${(cost?.estimated || 0).toFixed(2)}
65 |
66 |
67 |
68 |
72 |
73 | Known + Estimated Cost {' '}
74 |
75 |
76 |
78 |
79 |
80 | Total determined running cost based on known and
81 | estimated cost
82 |
83 |
84 |
85 |
86 |
87 | ${((cost?.known || 0) + (cost?.estimated || 0)).toFixed(2)}
88 |
89 |
90 |
91 | {/*
92 |
93 |
94 | Optimized Run Cost{' '}
95 |
96 |
97 |
99 |
100 |
101 | If optimization was to occur, this would be the new
102 | cost
103 |
104 |
105 |
106 |
107 | ${cost.optimizedRun}
108 |
109 | */}
110 |
111 |
119 |
120 | Potential Saving{' '}
121 |
122 |
123 |
125 |
126 |
127 | If optimization was to occur, this would be the
128 | potential savings
129 |
130 |
131 |
132 |
133 | ${(cost?.potentialSaving || 0).toFixed(2)}
134 |
135 |
136 |
137 |
138 |
139 | );
140 | }
141 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/components/tags/bar.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import DataContext from '../../context/data';
3 | import { Button, Tooltip } from 'nr1';
4 |
5 | // eslint-disable-next-line no-unused-vars
6 | export default function TagBar(props) {
7 | const dataContext = useContext(DataContext);
8 | const { updateDataState, selectedTags, recalculate } = dataContext;
9 |
10 | const tagKeys = Object.keys(selectedTags);
11 | const tagCount = tagKeys.map(key => Object.keys(selectedTags[key])).flat()
12 | .length;
13 |
14 | const updateTags = async (t, key) => {
15 | delete selectedTags[t][key];
16 |
17 | if (Object.keys(selectedTags[t]).length === 0) {
18 | delete selectedTags[t];
19 | }
20 |
21 | await updateDataState({ selectedTags });
22 | recalculate();
23 | };
24 |
25 | return (
26 | <>
27 |
28 |
29 |
38 |
39 | {tagCount > 0 && (
40 |
47 | )}
48 |
49 |
50 | 49 |
56 | {tagKeys.map(tag => {
57 | const tagValues = Object.keys(selectedTags[tag]);
58 |
59 | return tagValues.map(v => {
60 | return (
61 |
86 |
87 | );
88 | }
89 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/components/tags/modal.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import DataContext from '../../context/data';
3 | import {
4 | Button,
5 | BlockText,
6 | HeadingText,
7 | Modal,
8 | CardSectionBody,
9 | Checkbox,
10 | Card,
11 | CardSectionHeader,
12 | CardBody,
13 | CardSection
14 | } from 'nr1';
15 |
16 | // eslint-disable-next-line no-unused-vars
17 | export default function TagModal(props) {
18 | const dataContext = useContext(DataContext);
19 | const {
20 | tagModalOpen,
21 | updateDataState,
22 | entityTags,
23 | selectedTags,
24 | recalculate
25 | } = dataContext;
26 |
27 | return (
28 | <>
29 |
65 | 0 ? '4px' : '0px',
68 | fontSize: '12px',
69 | marginTop: '10px',
70 | marginBottom: '20px',
71 | marginRight: '10px',
72 | backgroundColor: '#D0F0FF',
73 | cursor: 'pointer',
74 | borderRadius: '3px'
75 | }}
76 | onClick={() => updateTags(tag, v)}
77 | >
78 | {tag}:{v}
79 | X
80 |
81 |
82 | );
83 | });
84 | })}
85 | 45 | 46 |
76 |
88 | )}
89 |
85 | {costPercentage.toFixed(2)}% of workload cost
86 |
87 |
19 |
20 |
23 |
24 | );
25 | }
26 |
27 | export default ResultsRoot;
28 |
--------------------------------------------------------------------------------
/nerdlets/results-beta/nr1.json:
--------------------------------------------------------------------------------
1 | {
2 | "schemaType": "NERDLET",
3 | "id": "results-nerdlet-beta",
4 | "displayName": "Results",
5 | "description": ""
6 | }
7 |
--------------------------------------------------------------------------------
/nerdlets/results/components/entityView/AWSAPIGATEWAYAPI.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import {
3 | navigation,
4 | Table,
5 | TableHeader,
6 | TableHeaderCell,
7 | TableRow,
8 | TableRowCell,
9 | EntityTitleTableRowCell,
10 | Card,
11 | CardHeader,
12 | CardBody
13 | } from 'nr1';
14 | import calculate from '../../context/calculate';
15 |
16 | // eslint-disable-next-line no-unused-vars
17 | export default function AwsAPIGatewayView(props) {
18 | const { entities } = props;
19 | const [column, setColumn] = useState(0);
20 | const [sortingType, setSortingType] = useState(
21 | TableHeaderCell.SORTING_TYPE.NONE
22 | );
23 |
24 | const onClickTableHeaderCell = (nextColumn, { nextSortingType }) => {
25 | if (nextColumn === column) {
26 | setSortingType(nextSortingType);
27 | } else {
28 | setSortingType(nextSortingType);
29 | setColumn(nextColumn);
30 | }
31 | };
32 |
33 | const cost = calculate({ workloadData: { results: entities } });
34 |
35 | const headers = [
36 | { key: 'Name', value: ({ item }) => item.name },
37 | { key: 'Region', value: ({ item }) => item?.tags?.['aws.awsRegion']?.[0] },
38 | { key: 'Requests', value: ({ item }) => item?.ApiGatewaySample?.requests },
39 | { key: 'API Call Price', value: ({ item }) => item.apiCallPrice },
40 | {
41 | key: 'Cost (Requests * Call Price)',
42 | value: ({ item }) => item.requestCost
43 | }
44 | ];
45 |
46 | return (
47 | <>
48 | 54 | // 55 | // ); 56 | } 57 | }; 58 | 59 | return <>{renderView(group, entities)}; 60 | } 61 | -------------------------------------------------------------------------------- /nerdlets/results/components/resultPanel/costSummary.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Tile, 4 | Stack, 5 | StackItem, 6 | HeadingText, 7 | BlockText, 8 | Popover, 9 | PopoverTrigger, 10 | Icon, 11 | PopoverBody 12 | } from 'nr1'; 13 | 14 | // eslint-disable-next-line no-unused-vars 15 | export default function CostSummary(props) { 16 | const { cost, tileType } = props; 17 | 18 | if (!cost) { 19 | return ''; 20 | } 21 | 22 | return ( 23 | <> 24 |
25 | {/* updateDataState({ tagModalOpen: false })}
32 | >
33 |
37 | Filter Tags
38 |
39 |
40 |
41 | Entities that match any of the selected tags will only be returned.
42 |
43 |
44 |
45 | 46 |
47 |
48 | {Object.keys(entityTags).map(t => {
49 | const updateTags = async (key, value) => {
50 | if (!selectedTags[t]) {
51 | selectedTags[t] = {};
52 | }
53 | if (!value) {
54 | delete selectedTags[t][key];
55 | } else {
56 | selectedTags[t][key] = value;
57 | }
58 |
59 | if (Object.keys(selectedTags[t]).length === 0) {
60 | delete selectedTags[t];
61 | }
62 |
63 | await updateDataState({ selectedTags });
64 | recalculate();
65 | };
66 |
67 | return (
68 |
69 |
70 |
72 | {entityTags[t].map(v => (
73 | updateTags(v, e.target.checked)}
78 | />
79 | ))}
80 |
81 |
82 |
83 | );
84 | })}
85 |
86 |
87 |
88 |
98 |
99 |
100 | );
101 | }
102 |
--------------------------------------------------------------------------------
/nerdlets/results/components/workloadView/index.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import DataContext from '../../context/data';
3 | import _ from 'lodash';
4 | import EntityView from '../entityView';
5 | import { checkTags } from '../../context/calculate';
6 | import { StackItem, Card, CardBody } from 'nr1';
7 | import { generateFakeName } from '../../../shared/utils';
8 |
9 | // eslint-disable-next-line no-unused-vars
10 | export default function WorkloadView(props) {
11 | const dataContext = useContext(DataContext);
12 | const { selectedTags, obfuscate } = dataContext;
13 | const { workload } = props;
14 |
15 | if (obfuscate) {
16 | workload.results.forEach(e => {
17 | e.name = generateFakeName();
18 | });
19 | }
20 |
21 | const groupedEntities = _.groupBy(workload.results, e => e?.type);
22 |
23 | return (
24 | <>
25 | {Object.keys(groupedEntities).map(g => {
26 | const filteredEntities = groupedEntities[g].filter(e =>
27 | checkTags(e, selectedTags)
28 | );
29 |
30 | return (
31 |
32 |
33 |
34 |
41 |
42 |
43 | );
44 | })}
45 |
46 | );
47 | }
48 |
--------------------------------------------------------------------------------
/nerdlets/results/context/provideSuggestions.js:
--------------------------------------------------------------------------------
1 | const { options } = require('../../suggestions-configuration/options');
2 |
3 | export default function(entity, config) {
4 | entity.suggestions = [];
5 | const rules = options.find(o => o.type === entity?.type)?.suggestionsConfig;
6 | const configuredSuggestions = config?.[entity?.type] || {};
7 |
8 | if (rules) {
9 | const ruleKeys = Object.keys(rules);
10 |
11 | ruleKeys.forEach(ruleKey => {
12 | const ruleData = rules[ruleKey];
13 |
14 | if (ruleData.type === 'number') {
15 | const configValue = configuredSuggestions[ruleKey]
16 | ? parseFloat(configuredSuggestions[ruleKey])
17 | : null;
18 |
19 | // if config value is 0 do not run the rule
20 | if (configValue !== 0 && configValue !== '0') {
21 | // run rule
22 | const {
23 | getValue,
24 | operator,
25 | response,
26 | label,
27 | message,
28 | defaultValue
29 | } = ruleData;
30 | const value = getValue(entity);
31 | const checkValue = configValue || defaultValue;
32 |
33 | if (value) {
34 | if (
35 | (operator === 'below' && value < checkValue) ||
36 | (operator === 'less' && value < checkValue) ||
37 | (operator === 'above' && value > checkValue) ||
38 | (operator === 'more' && value > checkValue) ||
39 | (operator === 'equal' && value === checkValue) ||
40 | (operator === 'exact' && value === checkValue)
41 | ) {
42 | entity.suggestions.push({
43 | response,
44 | message: message || `${label} detected`,
45 | value,
46 | checkValue
47 | });
48 | }
49 | }
50 | }
51 | }
52 | });
53 | }
54 |
55 | if (entity.suggestions.length === 0) delete entity.suggestions;
56 | }
57 |
--------------------------------------------------------------------------------
/nerdlets/results/context/queries.js:
--------------------------------------------------------------------------------
1 | import { ngql } from 'nr1';
2 |
3 | export const initQuery = ngql`
4 | {
5 | actor {
6 | user {
7 | email
8 | id
9 | }
10 | accounts(scope: GLOBAL) {
11 | id
12 | name
13 | }
14 | }
15 | }
16 | `;
17 |
18 | export const catalogNerdpacksQuery = `{
19 | actor {
20 | nr1Catalog {
21 | nerdpacks {
22 | id
23 | visibility
24 | metadata {
25 | repository
26 | displayName
27 | }
28 | }
29 | }
30 | }
31 | }`;
32 |
33 | export const workloadDiscoveryQuery = cursor => ngql`
34 | {
35 | actor {
36 | entitySearch(query: "type = 'WORKLOAD'") {
37 | results${cursor ? `(cursor: "${cursor}")` : ''} {
38 | entities {
39 | ... on WorkloadEntityOutline {
40 | guid
41 | name
42 | alertSeverity
43 | account {
44 | id
45 | name
46 | }
47 | tags {
48 | key
49 | values
50 | }
51 | }
52 | }
53 | nextCursor
54 | }
55 | }
56 | }
57 | }
58 | `;
59 |
60 | export const userApiKeysQuery = (userId, accountId, cursor) => ngql`{
61 | actor {
62 | apiAccess {
63 | keySearch(query: {types: USER, scope: {userIds: ${userId}, accountIds: ${accountId}}}${
64 | cursor ? `, cursor: "${cursor}"` : ''
65 | }) {
66 | keys {
67 | ... on ApiAccessUserKey {
68 | id
69 | name
70 | key
71 | }
72 | }
73 | nextCursor
74 | }
75 | }
76 | }
77 | }
78 | `;
79 |
80 | export const userApiCreateQuery = (userId, accountId) => ngql`mutation {
81 | apiAccessCreateKeys(keys: {user: {accountId: ${accountId}, name: "NR1-OPTIMIZER-KEY", notes: "Used for the nr1 optimizer application", userId: ${userId}}}) {
82 | createdKeys {
83 | id
84 | key
85 | name
86 | notes
87 | type
88 | createdAt
89 | }
90 | }
91 | }
92 | `;
93 |
--------------------------------------------------------------------------------
/nerdlets/results/index.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import { NerdletStateContext } from 'nr1';
3 | import { DataProvider } from './context/data';
4 | import Results from './components/results';
5 | import TagModal from './components/tags/modal';
6 |
7 | function ResultsRoot() {
8 | const nerdletContext = useContext(NerdletStateContext);
9 |
10 | return (
11 | Set Cloud Regions
47 | )
48 | }
49 | closeIcon
50 | >
51 | Configure Regions
52 |
53 |
88 |
89 |
90 | );
91 | }
92 | }
93 |
--------------------------------------------------------------------------------
/nerdlets/shared/images/alibabaIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/nerdlets/shared/images/alibabaIcon.png
--------------------------------------------------------------------------------
/nerdlets/shared/images/awsIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/nerdlets/shared/images/awsIcon.png
--------------------------------------------------------------------------------
/nerdlets/shared/images/awsIcon2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/nerdlets/shared/images/awsIcon2.png
--------------------------------------------------------------------------------
/nerdlets/shared/images/azureIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/nerdlets/shared/images/azureIcon.png
--------------------------------------------------------------------------------
/nerdlets/shared/images/googleIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/nerdlets/shared/images/googleIcon.png
--------------------------------------------------------------------------------
/nerdlets/shared/images/vmwareIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/nerdlets/shared/images/vmwareIcon.png
--------------------------------------------------------------------------------
/nerdlets/shared/images/workloads.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/nerdlets/shared/images/workloads.png
--------------------------------------------------------------------------------
/nerdlets/shared/ui/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Icon } from 'semantic-ui-react';
3 |
4 | export const toastMsg = (msg, icon, loading) => (
5 | <>
6 | 
;
30 | }
31 | };
32 |
33 | export const pickWorkloadColor = value => {
34 | if (value >= 0 && value < 20) {
35 | return { costColor: 'rgba(13, 54, 196, 0.1)', costFontColor: '#293338' };
36 | } else if (value >= 20 && value < 40) {
37 | return { costColor: 'rgba(13, 54, 196, 0.3)', costFontColor: '#293338' };
38 | } else if (value >= 40 && value < 60) {
39 | return { costColor: 'rgba(13, 54, 196, 0.6)', costFontColor: '#FAFBFB' };
40 | } else if (value >= 60 && value < 80) {
41 | return { costColor: 'rgba(13, 54, 196, 0.8)', costFontColor: '#FAFBFB' };
42 | } else if (value >= 80) {
43 | return { costColor: '#0D36C4', costFontColor: '#FAFBFB' };
44 | }
45 | };
46 |
47 | export const pickServiceColor = value => {
48 | if (value >= 0 && value < 20) {
49 | return { costColor: 'rgba(107, 37, 196, 0.1)', costFontColor: '#293338' };
50 | } else if (value >= 20 && value < 40) {
51 | return { costColor: 'rgba(107, 37, 196, 0.3)', costFontColor: '#293338' };
52 | } else if (value >= 40 && value < 60) {
53 | return { costColor: 'rgba(107, 37, 196, 0.6)', costFontColor: '#FAFBFB' };
54 | } else if (value >= 60 && value < 80) {
55 | return { costColor: 'rgba(107, 37, 196, 0.8)', costFontColor: '#FAFBFB' };
56 | } else if (value >= 80) {
57 | return { costColor: '#6B25C4', costFontColor: '#FAFBFB' };
58 | }
59 | };
60 |
--------------------------------------------------------------------------------
/nerdlets/suggestions-configuration/nr1.json:
--------------------------------------------------------------------------------
1 | {
2 | "schemaType": "NERDLET",
3 | "id": "suggestions-configuration-nerdlet",
4 | "displayName": "Suggestions Configuration",
5 | "description": ""
6 | }
7 |
--------------------------------------------------------------------------------
/nerdlets/suggestions-configuration/options.js:
--------------------------------------------------------------------------------
1 | exports.options = [
2 | {
3 | type: 'HOST',
4 | suggestionsConfig: {
5 | lowCPU: {
6 | label: 'Low CPU',
7 | description: '',
8 | message: '',
9 | response: 'downsize',
10 | type: 'number',
11 | defaultValue: 5,
12 | operator: 'below',
13 | getValue: data => data?.SystemSample?.['max.cpuPercent']
14 | },
15 | lowMemory: {
16 | label: 'Low Memory',
17 | description: '',
18 | message: '',
19 | response: 'downsize',
20 | type: 'number',
21 | defaultValue: 5,
22 | operator: 'below',
23 | getValue: data => data?.SystemSample?.['max.memoryPercent']
24 | },
25 | highCPU: {
26 | label: 'High CPU',
27 | description: '',
28 | message: '',
29 | response: 'upsize',
30 | type: 'number',
31 | defaultValue: 90,
32 | operator: 'above',
33 | getValue: data => data?.SystemSample?.['max.cpuPercent']
34 | },
35 | highMemory: {
36 | label: 'High Memory',
37 | description: '',
38 | message: '',
39 | response: 'upsize',
40 | type: 'number',
41 | defaultValue: 90,
42 | operator: 'above',
43 | getValue: data => data?.SystemSample?.['max.memoryPercent']
44 | }
45 | }
46 | },
47 | {
48 | type: 'AWSRDSDBINSTANCE',
49 | suggestionsConfig: {
50 | highCPU: {
51 | label: 'High CPU',
52 | description: '',
53 | message: '',
54 | response: 'upsize',
55 | type: 'number',
56 | defaultValue: 90,
57 | operator: 'above',
58 | getValue: data =>
59 | data?.DatastoreSample?.['max.provider.cpuUtilization.Maximum']
60 | },
61 | highMemory: {
62 | label: 'High Memory',
63 | description: '',
64 | message: '',
65 | response: 'upsize',
66 | type: 'number',
67 | defaultValue: 90,
68 | operator: 'above',
69 | getValue: data => data?.DatastoreSample?.memoryUsage
70 | }
71 | }
72 | }
73 | ];
74 |
--------------------------------------------------------------------------------
/nerdlets/suggestions-configuration/styles.scss:
--------------------------------------------------------------------------------
1 | .my-nerdlet {
2 | outline: 1px solid black;
3 | }
4 |
5 | .configForm label {
6 | width: 350px !important;
7 | }
8 |
9 | .configForm input {
10 | width: 300px !important;
11 | }
12 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/close.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/conjunction.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useRef, useState } from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | const Conjunction = ({ operator, isHint, onChange }) => {
5 | const [showPicker, setShowPicker] = useState(false);
6 | const thisComponent = useRef();
7 |
8 | useEffect(() => {
9 | function handleClicksOutsideComponent(evt) {
10 | if (
11 | showPicker &&
12 | thisComponent &&
13 | !thisComponent?.current?.contains(evt?.target)
14 | )
15 | setShowPicker(false);
16 | }
17 | document.addEventListener('mousedown', handleClicksOutsideComponent);
18 |
19 | return function cleanup() {
20 | document.removeEventListener('mousedown', handleClicksOutsideComponent);
21 | };
22 | });
23 |
24 | const clickHandler = evt => {
25 | evt.preventDefault();
26 | evt.stopPropagation();
27 | setShowPicker(!showPicker);
28 | };
29 |
30 | const changeHandler = (selection, evt) => {
31 | evt.preventDefault();
32 | evt.stopPropagation();
33 | if (onChange && selection !== operator) onChange(selection);
34 | };
35 |
36 | const options = ['AND', 'OR'];
37 |
38 | return (
39 |
44 | {operator}
45 | {showPicker && (
46 |
47 | {options.map((opt, i) => (
48 | changeHandler(opt, evt)}
52 | >
53 | {opt}
54 |
55 | ))}
56 |
57 | )}
58 |
59 | );
60 | };
61 |
62 | Conjunction.propTypes = {
63 | operator: PropTypes.string,
64 | isHint: PropTypes.bool,
65 | onChange: PropTypes.func
66 | };
67 |
68 | export default Conjunction;
69 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/equal.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/filter.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/label.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | import RemoveIcon from './remove.svg';
5 |
6 | const Label = ({ value, onRemove }) => {
7 | const removeClickHandler = evt => {
8 | evt.stopPropagation();
9 | if (onRemove) onRemove(evt);
10 | };
11 |
12 | return (
13 |
14 | {value}
15 |
19 | 
20 |
21 |
22 | );
23 | };
24 |
25 | Label.propTypes = {
26 | value: PropTypes.string,
27 | onRemove: PropTypes.func
28 | };
29 |
30 | export default Label;
31 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/not-equal.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/open.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/remove.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/search.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/nr-labs-components/NRLabsFilterBar/value.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | const Value = ({ value, width, optionIndex, valueIndex, onChange }) => {
5 | const changeHandler = () =>
6 | onChange ? onChange(optionIndex, valueIndex) : null;
7 |
8 | return (
9 |
*/}
26 |
27 |
28 |
29 |
30 | Known Cost {' '}
31 |
32 |
33 |
35 |
36 |
37 | Exactly matched price based on public price
38 | lists
39 |
40 |
41 |
42 |
43 | ${(cost?.known || 0).toFixed(2)}
44 |
45 |
46 |
47 |
51 |
52 | Estimated Cost {' '}
53 |
54 |
55 |
57 |
58 |
59 | Best effort estimation based on public pricing
60 |
61 |
62 |
63 |
64 | ${(cost?.estimated || 0).toFixed(2)}
65 |
66 |
67 |
68 |
72 |
73 | Known + Estimated Cost {' '}
74 |
75 |
76 |
78 |
79 |
80 | Total determined running cost based on known and
81 | estimated cost
82 |
83 |
84 |
85 |
86 |
87 | ${((cost?.known || 0) + (cost?.estimated || 0)).toFixed(2)}
88 |
89 |
90 |
91 | {/*
92 |
93 |
94 | Optimized Run Cost{' '}
95 |
96 |
97 |
99 |
100 |
101 | If optimization was to occur, this would be the new
102 | cost
103 |
104 |
105 |
106 |
107 | ${cost.optimizedRun}
108 |
109 | */}
110 |
111 |
115 |
116 | Potential Saving{' '}
117 |
118 |
119 |
121 |
122 |
123 | If optimization was to occur, this would be the
124 | potential savings
125 |
126 |
127 |
128 |
129 | ${(cost?.potentialSaving || 0).toFixed(2)}
130 |
131 |
132 |
133 |
134 |
135 | );
136 | }
137 |
--------------------------------------------------------------------------------
/nerdlets/results/components/tags/bar.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import DataContext from '../../context/data';
3 | import { Button, Tooltip } from 'nr1';
4 |
5 | // eslint-disable-next-line no-unused-vars
6 | export default function TagBar(props) {
7 | const dataContext = useContext(DataContext);
8 | const { updateDataState, selectedTags, recalculate } = dataContext;
9 |
10 | const tagKeys = Object.keys(selectedTags);
11 | const tagCount = tagKeys.map(key => Object.keys(selectedTags[key])).flat()
12 | .length;
13 |
14 | const updateTags = async (t, key) => {
15 | delete selectedTags[t][key];
16 |
17 | if (Object.keys(selectedTags[t]).length === 0) {
18 | delete selectedTags[t];
19 | }
20 |
21 | await updateDataState({ selectedTags });
22 | recalculate();
23 | };
24 |
25 | return (
26 | <>
27 |
28 |
29 |
38 |
39 | {tagCount > 0 && (
40 |
47 | )}
48 |
49 |
50 | 49 |
56 | {tagKeys.map(tag => {
57 | const tagValues = Object.keys(selectedTags[tag]);
58 |
59 | return tagValues.map(v => {
60 | return (
61 |
86 |
87 | );
88 | }
89 |
--------------------------------------------------------------------------------
/nerdlets/results/components/tags/modal.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import DataContext from '../../context/data';
3 | import {
4 | Button,
5 | BlockText,
6 | HeadingText,
7 | Modal,
8 | CardSectionBody,
9 | Checkbox,
10 | Card,
11 | CardSectionHeader,
12 | CardBody,
13 | CardSection
14 | } from 'nr1';
15 |
16 | // eslint-disable-next-line no-unused-vars
17 | export default function TagModal(props) {
18 | const dataContext = useContext(DataContext);
19 | const {
20 | tagModalOpen,
21 | updateDataState,
22 | entityTags,
23 | selectedTags,
24 | recalculate
25 | } = dataContext;
26 |
27 | return (
28 | <>
29 |
65 | 0 ? '4px' : '0px',
68 | fontSize: '12px',
69 | marginTop: '10px',
70 | marginBottom: '20px',
71 | marginRight: '10px',
72 | backgroundColor: '#D0F0FF',
73 | cursor: 'pointer',
74 | borderRadius: '3px'
75 | }}
76 | onClick={() => updateTags(tag, v)}
77 | >
78 | {tag}:{v}
79 | X
80 |
81 |
82 | );
83 | });
84 | })}
85 | 45 | 46 |
19 |
20 |
23 |
24 | );
25 | }
26 |
27 | export default ResultsRoot;
28 |
--------------------------------------------------------------------------------
/nerdlets/results/nr1.json:
--------------------------------------------------------------------------------
1 | {
2 | "schemaType": "NERDLET",
3 | "id": "results-nerdlet",
4 | "displayName": "Results",
5 | "description": ""
6 | }
7 |
--------------------------------------------------------------------------------
/nerdlets/results/styles.scss:
--------------------------------------------------------------------------------
1 | .my-nerdlet {
2 | outline: 1px solid black;
3 | }
4 |
5 | .segmentControl button>span{
6 | font-size: 14px !important;
7 | padding: 3px!important;
8 | }
9 |
10 | .segmentControl button{
11 | width: 175px!important;
12 | }
13 |
14 | .center {
15 | margin: 0 auto;
16 | width: 50%;
17 | }
--------------------------------------------------------------------------------
/nerdlets/shared/components/adminBar/index.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState, useContext } from 'react';
2 | import { UserStorageMutation, Button, NerdGraphQuery } from 'nr1';
3 |
4 | function AdminBar(props) {
5 | const [hide, setHide] = useState(false);
6 | const [email, setEmail] = useState(null);
7 | const { DataContext } = props;
8 | const dataContext = useContext(DataContext);
9 | const { getUserConfig } = dataContext;
10 |
11 | useEffect(async () => {
12 | const emailData = await NerdGraphQuery.query({
13 | query: `{
14 | actor {
15 | user {
16 | email
17 | }
18 | }
19 | }`
20 | });
21 |
22 | setEmail(emailData?.data?.actor?.user?.email);
23 | }, []);
24 |
25 | const resetUserConfig = async () => {
26 | await UserStorageMutation.mutate({
27 | actionType: UserStorageMutation.ACTION_TYPE.WRITE_DOCUMENT,
28 | collection: 'USER_CONFIG',
29 | documentId: 'config',
30 | document: {}
31 | });
32 | await getUserConfig();
33 | };
34 |
35 | if (hide || !email || !email.endsWith('@newrelic.com')) {
36 | return <>;
37 | }
38 |
39 | return (
40 |
41 |
42 |
43 |
44 |
45 | );
46 | }
47 |
48 | export default AdminBar;
49 |
--------------------------------------------------------------------------------
/nerdlets/shared/components/loader/cssLoader.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class CssLoader extends React.Component {
4 | render() {
5 | const { loader } = this.props;
6 |
7 | if (loader === 'lds-ripple') {
8 | return (
9 |
10 |
11 |
12 |
13 | );
14 | }
15 |
16 | if (!loader || loader === 'lds-ring') {
17 | return (
18 |
19 |
20 |
21 |
22 |
23 |
24 | );
25 | }
26 |
27 | if (!loader || loader === 'lds-facebook') {
28 | return (
29 |
30 |
31 |
32 |
33 |
34 | );
35 | }
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/nerdlets/shared/components/loader/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CssLoader from './cssLoader';
3 |
4 | export default class Loader extends React.Component {
5 | render() {
6 | const { message, loader, reduceHeight } = this.props;
7 | const height =
8 | window.innerHeight ||
9 | document.documentElement.clientHeight ||
10 | document.body.clientHeight;
11 |
12 | return (
13 | <>
14 |
18 |
20 | 21 | {message} 22 |
23 |
24 | );
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/nerdlets/shared/components/pricingSelector.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Dropdown, Modal, Menu, Form, Button } from 'semantic-ui-react';
3 |
4 | export default class PricingSelector extends React.Component {
5 | constructor(props) {
6 | super(props);
7 | this.handleConfigurator = this.handleConfigurator.bind(this);
8 | }
9 |
10 | async handleConfigurator(e, data) {
11 | const tempConfig = this.props.config;
12 | if (data.value && data.name) {
13 | tempConfig.cloudData[data.name] = data.value;
14 | await this.props.fetchCloudPricing(tempConfig);
15 | await this.props.handleParentState(
16 | 'config',
17 | tempConfig,
18 | 'groupAndSortRecalc'
19 | );
20 | }
21 | }
22 |
23 | render() {
24 | const amazonRegions = this.props.cloudRegions.amazon.map(region => {
25 | return { key: region.name, text: region.name, value: region.id };
26 | });
27 |
28 | const googleRegions = this.props.cloudRegions.google.map(region => {
29 | return { key: region.name, text: region.name, value: region.id };
30 | });
31 |
32 | const azureRegions = this.props.cloudRegions.azure.map(region => {
33 | return { key: region.name, text: region.name, value: region.id };
34 | });
35 |
36 | return (
37 | 20 | 21 | {message} 22 |
10 |
16 |
19 |
20 | );
21 | };
22 |
23 | Value.propTypes = {
24 | value: PropTypes.object,
25 | width: PropTypes.any, // eslint-disable-line react/forbid-prop-types
26 | optionIndex: PropTypes.number,
27 | valueIndex: PropTypes.number,
28 | onChange: PropTypes.func
29 | };
30 |
31 | export default Value;
32 |
--------------------------------------------------------------------------------
/nr-labs-components/index.js:
--------------------------------------------------------------------------------
1 | export { default as MultiSelect } from './MultiSelect';
2 |
--------------------------------------------------------------------------------
/nr1.json:
--------------------------------------------------------------------------------
1 | {
2 | "schemaType": "NERDPACK",
3 | "id": "7e874b6e-c010-4933-a15d-ea5b2e54d029",
4 | "displayName": "Cloud Optimize",
5 | "description": "Identify right-sizing opportunities and potential savings of your AWS, GCP, Azure & Alibaba instances across your cloud environment"
6 | }
7 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "private": true,
3 | "name": "nr1-cloud-optimize",
4 | "description": "Nerdpack cloud-optimize",
5 | "version": "3.42.0",
6 | "scripts": {
7 | "start": "nr1 nerdpack:serve",
8 | "test": "exit 0",
9 | "eslint-check": "eslint nerdlets/",
10 | "eslint-fix": "eslint nerdlets/ --fix"
11 | },
12 | "ids": {
13 | "o": "39d3665c-8670-4f9f-aa79-1a18f23d3960",
14 | "dv2": "ec734258-b5ca-41b2-84ef-d97352e0ea19",
15 | "tls": "0197dff1-7829-4663-b21e-196eafbe2c33",
16 | "xps": "e84e5818-7009-4b76-af86-105e1f6abb87",
17 | "md": "133e5293-34d4-4f77-9be8-ae096e4b9936"
18 | },
19 | "bugs": {
20 | "email": "opensource@newrelic.com"
21 | },
22 | "dependencies": {
23 | "@mantine/hooks": "^5.9.4",
24 | "async": "^3.2.0",
25 | "graphql": "^14.7.0",
26 | "graphql-tag": "^2.10.4",
27 | "js-base64": "^2.6.0",
28 | "lodash": "^4.17.21",
29 | "prop-types": "^15.6.2",
30 | "react-json-to-csv": "^1.0.4",
31 | "react-modal": "^3.14.4",
32 | "react-select": "^3.1.1",
33 | "react-toastify": "^5.5.0",
34 | "semantic-ui-react": "^0.88.2",
35 | "semver": "^7.3.4",
36 | "uuid": "^8.3.2"
37 | },
38 | "browserslist": [
39 | "last 2 versions",
40 | "not ie < 11",
41 | "not dead"
42 | ],
43 | "devDependencies": {
44 | "@newrelic/eslint-plugin-newrelic": "^0.3.1",
45 | "@semantic-release/changelog": "^5.0.1",
46 | "@semantic-release/git": "^9.0.0",
47 | "eslint": "^6.8.0",
48 | "prettier": "^1.19.1",
49 | "react": "^17.0.2",
50 | "react-dom": "^17.0.2"
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/pricing-pollers/azure/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "cloud-optimize-pricing-poller",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "author": "",
10 | "license": "ISC",
11 | "dependencies": {
12 | "@aws-sdk/client-s3": "^3.319.0",
13 | "async": "^3.2.4",
14 | "lodash": "^4.17.21",
15 | "pino": "^8.11.0"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/pricing-pollers/azure/serverless.yml:
--------------------------------------------------------------------------------
1 | service: cloud-optimize-pricing-azure
2 |
3 | provider:
4 | name: aws
5 | runtime: nodejs18.x
6 | region: ap-southeast-2
7 | iamRoleStatements:
8 | - Effect: "Allow"
9 | Action:
10 | - "s3:List*"
11 | - "s3:Get*"
12 | - "s3:PutObject*"
13 | Resource: "arn:aws:s3:::nr1-cloud-optimize*"
14 |
15 | functions:
16 | vm:
17 | name: cloud-optimize-vm-pricing-collector
18 | memorySize: 2560
19 | timeout: 180
20 | handler: vm.handler
21 | events:
22 | - schedule: rate(12 hours)
--------------------------------------------------------------------------------
/pricing-pollers/azure/utils.js:
--------------------------------------------------------------------------------
1 | const pino = require('pino')();
2 |
3 | const { S3Client, PutObjectCommand } = require('@aws-sdk/client-s3');
4 |
5 | const client = new S3Client({ region: 'ap-southeast-2' });
6 |
7 | const bucket = 'nr1-cloud-optimize';
8 |
9 | module.exports.writeToS3 = (product, key, data) => {
10 | pino.info({
11 | event: `cloud-optimize-${product}-pricing-collector:writing-to-s3:${key}`
12 | });
13 |
14 | const params = {
15 | Body: JSON.stringify(data).toString('binary'),
16 | Bucket: bucket,
17 | Key: `${key}.json`,
18 | ACL: 'public-read',
19 | ContentType: 'application/json'
20 | };
21 |
22 | const command = new PutObjectCommand(params);
23 |
24 | return client.send(command);
25 | };
26 |
--------------------------------------------------------------------------------
/pricing-pollers/azure/vm.js:
--------------------------------------------------------------------------------
1 | const pino = require('pino')();
2 | const async = require('async');
3 |
4 | const product = 'virtual-machines';
5 |
6 | const regionsURL =
7 | 'https://azure.microsoft.com/api/v2/pricing/calculator/regions/';
8 |
9 | const detailsURL = os =>
10 | `https://azure.microsoft.com/api/v3/pricing/virtual-machines/page/details/${os}/?showLowPriorityOffers=false`;
11 |
12 | const baseURL =
13 | 'https://azure.microsoft.com/api/v3/pricing/virtual-machines/page';
14 | const operatingSystems = ['windows', 'linux'];
15 |
16 | const { writeToS3 } = require('./utils');
17 |
18 | const run = async () => {
19 | // fetch vm attributes
20 | const vmDetailPromises = operatingSystems.map(os => fetch(detailsURL(os)));
21 | const vmDetailsResp = await Promise.all(vmDetailPromises);
22 | const vmDetailsData = await Promise.all(vmDetailsResp.map(p => p.json()));
23 | vmDetailsData[0] = vmDetailsData[0].attributesByOffer;
24 | vmDetailsData[1] = vmDetailsData[1].attributesByOffer;
25 |
26 | // fetch latest regions
27 | const regionResponse = await fetch(regionsURL);
28 | const regionData = await regionResponse.json();
29 | const productsByRegion = {};
30 |
31 | // get details for each region
32 | const q = async.queue((task, callback) => {
33 | const regionKey = task.displayName.replace(/ /g, '').toLowerCase();
34 | if (!productsByRegion[regionKey]) {
35 | productsByRegion[regionKey] = [];
36 | }
37 | const url = `${baseURL}/${task.os}/${task.slug}`;
38 |
39 | fetch(url).then(async resp => {
40 | const json = await resp.json();
41 | Object.keys(json).forEach(key => {
42 | const details = vmDetailsData[task.os === 'linux' ? 1 : 0][key];
43 | const data = {
44 | category: details.category,
45 | type: key,
46 | onDemandPrice: json[key].perhour,
47 | spotPrice: [],
48 | cpusPerVm: details.cores,
49 | memPerVm: details.ram,
50 | attributes: {
51 | series: details.series,
52 | nameLocKey: details.nameLocKey,
53 | instanceName: details.instanceName,
54 | tier: details.tier,
55 | diskSize: details.diskSize,
56 | type: details.type,
57 | isVcpu: details.isVcpu
58 | }
59 | };
60 |
61 | if (json[key].perhourspot) {
62 | data.spotPrice.push({
63 | zone: task.slug,
64 | price: json[key].perhourspot
65 | });
66 | }
67 |
68 | productsByRegion[regionKey].push(data);
69 | });
70 |
71 | callback();
72 | });
73 | }, 5);
74 |
75 | const regionJSON = [];
76 |
77 | // each location can have multiple regions
78 | regionData.forEach(rd => {
79 | const { regions } = rd;
80 |
81 | regions.forEach(region => {
82 | regionJSON.push({ id: region.slug, name: region.displayName });
83 |
84 | q.push([
85 | { ...region, os: 'windows' },
86 | { ...region, os: 'linux' }
87 | ]);
88 | });
89 | });
90 |
91 | await q.drain();
92 |
93 | // write region JSON
94 | const regionJsonKey = `azure/regions`;
95 | await writeToS3(product, regionJsonKey, regionJSON);
96 |
97 | // write region data and instance data
98 | const regionWritePromises = Object.keys(productsByRegion).map(key =>
99 | writeToS3(product, `azure/compute/pricing/${key}`, {
100 | products: productsByRegion[key]
101 | })
102 | );
103 |
104 | await Promise.all(regionWritePromises);
105 | };
106 |
107 | // eslint-disable-next-line
108 | module.exports.handler = (event, context, callback) => {
109 | pino.info({ event: `cloud-optimize-${product}-pricing-collector:start` });
110 |
111 | run().then(() => {
112 | pino.info({
113 | event: `cloud-optimize-${product}-pricing-collector:finished`
114 | });
115 | });
116 | };
117 |
--------------------------------------------------------------------------------
/screenshots/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/screenshots/.gitkeep
--------------------------------------------------------------------------------
/screenshots/screenshot_01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/screenshots/screenshot_01.png
--------------------------------------------------------------------------------
/screenshots/screenshot_02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/screenshots/screenshot_02.png
--------------------------------------------------------------------------------
/screenshots/screenshot_03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/newrelic/nr1-cloud-optimize/baa3bc53bdc48613619b9169dbe68260444ee244/screenshots/screenshot_03.png
--------------------------------------------------------------------------------