1113439055

Committed 19 Dec 2023 09:01PM UTC coverage: 82.752% (-17.2%) from 99.964%

Build # 1113439055

Build Type

Pull #4258

gitlab-ci

Committed by

mender-test-bot

Commit Message

chore: Types update

Signed-off-by: Mender Test Bot <mender@northern.tech>

Pull Request Pull Request #4258: chore: Types update

Run Details

4326 of 6319 branches covered (0.0%)

8348 of 10088 relevant lines covered (82.75%)

189.39 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

75.0

/src/js/components/help/downloads.js

// Copyright 2022 Northern.tech AS
//
//    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, { useCallback, useMemo, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';

import { ArrowDropDown, ExpandMore, FileDownloadOutlined as FileDownloadIcon, Launch } from '@mui/icons-material';
import { Accordion, AccordionDetails, AccordionSummary, Chip, Menu, MenuItem, Typography } from '@mui/material';

import copy from 'copy-to-clipboard';
import Cookies from 'universal-cookie';

import { setSnackbar } from '../../actions/appActions';
import { canAccess } from '../../constants/appConstants';
import { detectOsIdentifier, toggle } from '../../helpers';
import { getCurrentSession, getCurrentUser, getIsEnterprise, getTenantCapabilities, getVersionInformation } from '../../selectors';
import Tracking from '../../tracking';
import CommonDocsLink from '../common/docslink';
import Time from '../common/time';

const cookies = new Cookies();

const osMap = {
  MacOs: 'darwin',
  Unix: 'linux',
  Linux: 'linux'
};

const architectures = {
  all: 'all',
  amd64: 'amd64',
  arm64: 'arm64',
  armhf: 'armhf'
};

const defaultArchitectures = [architectures.armhf, architectures.arm64, architectures.amd64];
const defaultOSVersions = ['debian+buster', 'debian+bullseye', 'ubuntu+bionic', 'ubuntu+focal'];

const getVersion = (versions, id) => versions[id] || 'master';

const downloadLocations = {
  public: 'https://downloads.mender.io',
  private: 'https://downloads.customer.mender.io/content/hosted'
};

const defaultLocationFormatter = ({ os, tool, versionInfo }) => {
  const { id, location = downloadLocations.public, osList = [], title } = tool;
  let locations = [{ location: `${location}/${id}/${getVersion(versionInfo, id)}/linux/${id}`, title }];
  if (osList.length) {
    locations = osList.reduce((accu, supportedOs) => {
      const title = Object.entries(osMap).find(entry => entry[1] === supportedOs)[0];
      accu.push({
        location: `${location}/${id}/${getVersion(versionInfo, id)}/${supportedOs}/${id}`,
        title,
        isUserOs: osMap[os] === supportedOs
      });
      return accu;
    }, []);
  }
  return { locations };
};

const osArchLocationReducer = ({ archList, location = downloadLocations.public, packageName, packageId, id, osList, versionInfo }) =>
  osList.reduce((accu, os) => {
    const osArchitectureLocations = archList.map(arch => ({
      location: `${location}/repos/debian/pool/main/${id[0]}/${packageName || packageId || id}/${encodeURIComponent(
        `${packageId}_${getVersion(versionInfo, id)}-1+${os}_${arch}.deb`
      )}`,
      title: `${os} - ${arch}`
    }));
    accu.push(...osArchitectureLocations);
    return accu;
  }, []);

const multiArchLocationFormatter = ({ tool, versionInfo }) => {
  const { id, packageId: packageName, packageExtras = [] } = tool;
  const packageId = packageName || id;
  const locations = osArchLocationReducer({ ...tool, packageId, versionInfo });
  const extraLocations = packageExtras.reduce((accu, extra) => {
    accu[extra.packageId] = osArchLocationReducer({ ...tool, ...extra, packageName: packageId, versionInfo });
    return accu;
  }, {});
  return { locations, ...extraLocations };
};

const nonOsLocationFormatter = ({ tool, versionInfo }) => {
  const { id, location = downloadLocations.public, title } = tool;
  return {
    locations: [
      {
        location: `${location}/${id}/${getVersion(versionInfo, id)}/${id}-${getVersion(versionInfo, id)}.tar.xz`,
        title
      }
    ]
  };
};

const getAuthHeader = (headerFlag, personalAccessTokens, token) => {
  let header = `${headerFlag} "Cookie: JWT=${token}"`;
  if (personalAccessTokens.length) {
    header = `${headerFlag} "Authorization: Bearer ${personalAccessTokens[0]}"`;
  }
  return header;
};

const defaultCurlDownload = ({ location, tokens, token }) => `curl ${getAuthHeader('-H', tokens, token)} -LO ${location}`;

const defaultWgetDownload = ({ location, tokens, token }) => `wget ${getAuthHeader('--header', tokens, token)} ${location}`;

const defaultGitlabJob = ({ location, tokens, token }) => {
  const filename = location.substring(location.lastIndexOf('/') + 1);
  return `
download:mender-tools:
  image: curlimages/curl
  stage: download
  variables:
    ${tokens.length ? `MENDER_TOKEN: ${tokens}` : `MENDER_JWT: ${token}`}
  script:
    - if [ -n "$MENDER_TOKEN" ]; then
    - curl -H "Authorization: Bearer $MENDER_TOKEN" -LO ${location}
    - else
    - ${defaultCurlDownload({ location, tokens, token })}
    - fi
  artifacts:
    expire_in: 1w
    paths:
      - ${filename}
`;
};

const tools = [
  {
    id: 'mender',
    packageId: 'mender-client',
    packageExtras: [{ packageId: 'mender-client-dev', archList: [architectures.all] }],
    title: 'Mender Client Debian package',
    getLocations: multiArchLocationFormatter,
    canAccess,
    osList: defaultOSVersions,
    archList: defaultArchitectures
  },
  {
    id: 'mender-artifact',
    title: 'Mender Artifact',
    getLocations: defaultLocationFormatter,
    canAccess,
    osList: [osMap.MacOs, osMap.Linux]
  },
  {
    id: 'mender-binary-delta',
    title: 'Mender Binary Delta generator and Update Module',
    getLocations: nonOsLocationFormatter,
    location: downloadLocations.private,
    canAccess: ({ isEnterprise, tenantCapabilities }) => isEnterprise || tenantCapabilities.canDelta
  },
  {
    id: 'mender-cli',
    title: 'Mender CLI',
    getLocations: defaultLocationFormatter,
    canAccess,
    osList: [osMap.MacOs, osMap.Linux]
  },
  {
    id: 'mender-configure-module',
    packageId: 'mender-configure',
    packageExtras: [
      { packageId: 'mender-configure-demo', archList: [architectures.all] },
      { packageId: 'mender-configure-timezone', archList: [architectures.all] }
    ],
    title: 'Mender Configure',
    getLocations: multiArchLocationFormatter,
    canAccess: ({ tenantCapabilities }) => tenantCapabilities.hasDeviceConfig,
    osList: defaultOSVersions,
    archList: [architectures.all]
  },
  {
    id: 'mender-connect',
    title: 'Mender Connect',
    getLocations: multiArchLocationFormatter,
    canAccess,
    osList: defaultOSVersions,
    archList: defaultArchitectures
  },
  {
    id: 'mender-convert',
    title: 'Mender Convert',
    getLocations: ({ versionInfo }) => ({
      locations: [
        {
          location: `https://github.com/mendersoftware/mender-convert/archive/refs/tags/${getVersion(versionInfo, 'mender-convert')}.zip`,
          title: 'Mender Convert'
        }
      ]
    }),
    canAccess
  },
  {
    id: 'mender-gateway',
    title: 'Mender Gateway',
    getLocations: multiArchLocationFormatter,
    location: downloadLocations.private,
    canAccess: ({ isEnterprise }) => isEnterprise,
    osList: defaultOSVersions,
    archList: defaultArchitectures
  },
  {
    id: 'monitor-client',
    packageId: 'mender-monitor',
    title: 'Mender Monitor',
    getLocations: multiArchLocationFormatter,
    location: downloadLocations.private,
    canAccess: ({ tenantCapabilities }) => tenantCapabilities.hasMonitor,
    osList: defaultOSVersions,
    archList: [architectures.all]
  }
];

const copyOptions = [
  { id: 'curl', title: 'Curl command', format: defaultCurlDownload },
  { id: 'wget', title: 'Wget command', format: defaultWgetDownload },
  { id: 'gitlab', title: 'Gitlab Job definition', format: defaultGitlabJob }
];

const DocsLink = ({ title, ...remainder }) => (
  <CommonDocsLink
    {...remainder}
    title={
      <>
        {title} <Launch style={{ verticalAlign: 'text-bottom' }} fontSize="small" />
      </>
    }
  />
);

const DownloadableComponents = ({ locations, onMenuClick, token }) => {
  const onLocationClick = (location, title) => {
    Tracking.event({ category: 'download', action: title });
    cookies.set('JWT', token, { path: '/', maxAge: 60, domain: '.mender.io', sameSite: false });
    const link = document.createElement('a');
    link.href = location;
    link.rel = 'noopener noreferrer';
    link.target = '_blank';
    document.body.appendChild(link);
    link.click();
    link.remove();
  };

  return locations.map(({ isUserOs, location, title }) => (
    <React.Fragment key={location}>
      <Chip
        avatar={<FileDownloadIcon />}
        className="margin-bottom-small margin-right-small"
        clickable
        onClick={() => onLocationClick(location, title)}
        variant={isUserOs ? 'filled' : 'outlined'}
        onDelete={onMenuClick}
        deleteIcon={<ArrowDropDown value={location} />}
        label={title}
      />
    </React.Fragment>
  ));
};

const DownloadSection = ({ item, isEnterprise, onMenuClick, os, token, versionInformation }) => {
  const [open, setOpen] = useState(false);
  const { id, getLocations, packageId, title } = item;
  const { locations, ...extraLocations } = getLocations({ isEnterprise, tool: item, versionInfo: versionInformation.repos, os });

  return (
    <Accordion className="margin-bottom-small" square expanded={open} onChange={() => setOpen(toggle)}>
      <AccordionSummary expandIcon={<ExpandMore />}>
        <div>
          <Typography variant="subtitle2">{title}</Typography>
          <Typography variant="caption" className="muted">
            Updated: {<Time format="YYYY-MM-DD" value={versionInformation.releaseDate} />}
          </Typography>
        </div>
      </AccordionSummary>
      <AccordionDetails>
        <div>
          <DownloadableComponents locations={locations} onMenuClick={onMenuClick} token={token} />
          {Object.entries(extraLocations).map(([key, locations]) => (
            <React.Fragment key={key}>
              <h5 className="margin-bottom-none muted">{key}</h5>
              <DownloadableComponents locations={locations} onMenuClick={onMenuClick} token={token} />
            </React.Fragment>
          ))}
        </div>
        <DocsLink path={`release-information/release-notes-changelog/${packageId || id}`} title="Changelog" />
      </AccordionDetails>
    </Accordion>
  );
};

export const Downloads = () => {
  const [anchorEl, setAnchorEl] = useState();
  const [currentLocation, setCurrentLocation] = useState('');
  const [os] = useState(detectOsIdentifier());
  const dispatch = useDispatch();
  const { tokens = [] } = useSelector(getCurrentUser);
  const { token } = useSelector(getCurrentSession);
  const isEnterprise = useSelector(getIsEnterprise);
  const tenantCapabilities = useSelector(getTenantCapabilities);
  const { latestRelease: versions = { repos: {}, releaseDate: '' } } = useSelector(getVersionInformation);

  const availableTools = useMemo(
    () =>
      tools.reduce((accu, tool) => {
        if (!tool.canAccess({ isEnterprise, tenantCapabilities })) {
          return accu;
        }
        accu.push(tool);
        return accu;
      }, []),
    [isEnterprise, tenantCapabilities]
  );

  const handleToggle = event => {
    setAnchorEl(current => (current ? null : event?.currentTarget.parentElement));
    const location = event?.target.getAttribute('value') || '';
    setCurrentLocation(location);
  };

  const handleSelection = useCallback(
    event => {
      const value = event?.target.getAttribute('value') || 'curl';
      const option = copyOptions.find(item => item.id === value);
      copy(option.format({ location: currentLocation, tokens, token }));
      dispatch(setSnackbar('Copied to clipboard'));
    },
    [currentLocation, dispatch, tokens, token]
  );

  return (
    <div>
      <h2>Downloads</h2>
      <p>To get the most out of Mender, download the tools listed below.</p>
      {availableTools.map(tool => (
        <DownloadSection key={tool.id} item={tool} isEnterprise={isEnterprise} onMenuClick={handleToggle} os={os} token={token} versionInformation={versions} />
      ))}
      <Menu id="download-options-menu" anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={handleToggle} variant="menu">
        {copyOptions.map(option => (
          <MenuItem key={option.id} value={option.id} onClick={handleSelection}>
            Copy {option.title}
          </MenuItem>
        ))}
      </Menu>
      <p>
        To learn more about the tools availabe for Mender, read the <DocsLink path="downloads" title="Downloads section in our documentation" />.
      </p>
    </div>
  );
};

export default Downloads;

1	// Copyright 2022 Northern.tech AS
2	//
3	// Licensed under the Apache License, Version 2.0 (the "License");
4	// you may not use this file except in compliance with the License.
5	// You may obtain a copy of the License at
6	//
7	// http://www.apache.org/licenses/LICENSE-2.0
8	//
9	// Unless required by applicable law or agreed to in writing, software
10	// distributed under the License is distributed on an "AS IS" BASIS,
11	// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12	// See the License for the specific language governing permissions and
13	// limitations under the License.
14	import React, { useCallback, useMemo, useState } from 'react';
15	import { useDispatch, useSelector } from 'react-redux';
16
17	import { ArrowDropDown, ExpandMore, FileDownloadOutlined as FileDownloadIcon, Launch } from '@mui/icons-material';
18	import { Accordion, AccordionDetails, AccordionSummary, Chip, Menu, MenuItem, Typography } from '@mui/material';
19
20	import copy from 'copy-to-clipboard';
21	import Cookies from 'universal-cookie';
22
23	import { setSnackbar } from '../../actions/appActions';
24	import { canAccess } from '../../constants/appConstants';
25	import { detectOsIdentifier, toggle } from '../../helpers';
26	import { getCurrentSession, getCurrentUser, getIsEnterprise, getTenantCapabilities, getVersionInformation } from '../../selectors';
27	import Tracking from '../../tracking';
28	import CommonDocsLink from '../common/docslink';
29	import Time from '../common/time';
30
31	const cookies = new Cookies();	3✔
32
33	const osMap = {	3✔
34	MacOs: 'darwin',
35	Unix: 'linux',
36	Linux: 'linux'
37	};
38
39	const architectures = {	3✔
40	all: 'all',
41	amd64: 'amd64',
42	arm64: 'arm64',
43	armhf: 'armhf'
44	};
45
46	const defaultArchitectures = [architectures.armhf, architectures.arm64, architectures.amd64];	3✔
47	const defaultOSVersions = ['debian+buster', 'debian+bullseye', 'ubuntu+bionic', 'ubuntu+focal'];	3✔
48
49	const getVersion = (versions, id) => versions[id] \|\| 'master';	65!
50
51	const downloadLocations = {	3✔
52	public: 'https://downloads.mender.io',
53	private: 'https://downloads.customer.mender.io/content/hosted'
54	};
55
56	const defaultLocationFormatter = ({ os, tool, versionInfo }) => {	3✔
57	const { id, location = downloadLocations.public, osList = [], title } = tool;	2!
58	let locations = [{ location: `${location}/${id}/${getVersion(versionInfo, id)}/linux/${id}`, title }];	2✔
59	if (osList.length) {	2!
60	locations = osList.reduce((accu, supportedOs) => {	2✔
61	const title = Object.entries(osMap).find(entry => entry[1] === supportedOs)[0];	6✔
62	accu.push({	4✔
63	location: `${location}/${id}/${getVersion(versionInfo, id)}/${supportedOs}/${id}`,
64	title,
65	isUserOs: osMap[os] === supportedOs
66	});
67	return accu;	4✔
68	}, []);
69	}
70	return { locations };	2✔
71	};
72
73	const osArchLocationReducer = ({ archList, location = downloadLocations.public, packageName, packageId, id, osList, versionInfo }) =>	3✔
74	osList.reduce((accu, os) => {	8✔
75	const osArchitectureLocations = archList.map(arch => ({	56✔
76	location: `${location}/repos/debian/pool/main/${id[0]}/${packageName \|\| packageId \|\| id}/${encodeURIComponent(	100!
77	`${packageId}_${getVersion(versionInfo, id)}-1+${os}_${arch}.deb`
78	)}`,
79	title: `${os} - ${arch}`
80	}));
81	accu.push(...osArchitectureLocations);	32✔
82	return accu;	32✔
83	}, []);
84
85	const multiArchLocationFormatter = ({ tool, versionInfo }) => {	3✔
86	const { id, packageId: packageName, packageExtras = [] } = tool;	5✔
87	const packageId = packageName \|\| id;	5✔
88	const locations = osArchLocationReducer({ ...tool, packageId, versionInfo });	5✔
89	const extraLocations = packageExtras.reduce((accu, extra) => {	5✔
90	accu[extra.packageId] = osArchLocationReducer({ ...tool, ...extra, packageName: packageId, versionInfo });	3✔
91	return accu;	3✔
92	}, {});
93	return { locations, ...extraLocations };	5✔
94	};
95
96	const nonOsLocationFormatter = ({ tool, versionInfo }) => {	3✔
97	const { id, location = downloadLocations.public, title } = tool;	1!
98	return {	1✔
99	locations: [
100	{
101	location: `${location}/${id}/${getVersion(versionInfo, id)}/${id}-${getVersion(versionInfo, id)}.tar.xz`,
102	title
103	}
104	]
105	};
106	};
107
108	const getAuthHeader = (headerFlag, personalAccessTokens, token) => {	3✔
109	let header = `${headerFlag} "Cookie: JWT=${token}"`;	×
110	if (personalAccessTokens.length) {	×
111	header = `${headerFlag} "Authorization: Bearer ${personalAccessTokens[0]}"`;	×
112	}
113	return header;	×
114	};
115
116	const defaultCurlDownload = ({ location, tokens, token }) => `curl ${getAuthHeader('-H', tokens, token)} -LO ${location}`;	3✔
117
118	const defaultWgetDownload = ({ location, tokens, token }) => `wget ${getAuthHeader('--header', tokens, token)} ${location}`;	3✔
119
120	const defaultGitlabJob = ({ location, tokens, token }) => {	3✔
121	const filename = location.substring(location.lastIndexOf('/') + 1);	×
122	return `	×
123	download:mender-tools:
124	image: curlimages/curl
125	stage: download
126	variables:
127	${tokens.length ? `MENDER_TOKEN: ${tokens}` : `MENDER_JWT: ${token}`}	×
128	script:
129	- if [ -n "$MENDER_TOKEN" ]; then
130	- curl -H "Authorization: Bearer $MENDER_TOKEN" -LO ${location}
131	- else
132	- ${defaultCurlDownload({ location, tokens, token })}
133	- fi
134	artifacts:
135	expire_in: 1w
136	paths:
137	- ${filename}
138	`;
139	};
140
141	const tools = [	3✔
142	{
143	id: 'mender',
144	packageId: 'mender-client',
145	packageExtras: [{ packageId: 'mender-client-dev', archList: [architectures.all] }],
146	title: 'Mender Client Debian package',
147	getLocations: multiArchLocationFormatter,
148	canAccess,
149	osList: defaultOSVersions,
150	archList: defaultArchitectures
151	},
152	{
153	id: 'mender-artifact',
154	title: 'Mender Artifact',
155	getLocations: defaultLocationFormatter,
156	canAccess,
157	osList: [osMap.MacOs, osMap.Linux]
158	},
159	{
160	id: 'mender-binary-delta',
161	title: 'Mender Binary Delta generator and Update Module',
162	getLocations: nonOsLocationFormatter,
163	location: downloadLocations.private,
164	canAccess: ({ isEnterprise, tenantCapabilities }) => isEnterprise \|\| tenantCapabilities.canDelta	1!
165	},
166	{
167	id: 'mender-cli',
168	title: 'Mender CLI',
169	getLocations: defaultLocationFormatter,
170	canAccess,
171	osList: [osMap.MacOs, osMap.Linux]
172	},
173	{
174	id: 'mender-configure-module',
175	packageId: 'mender-configure',
176	packageExtras: [
177	{ packageId: 'mender-configure-demo', archList: [architectures.all] },
178	{ packageId: 'mender-configure-timezone', archList: [architectures.all] }
179	],
180	title: 'Mender Configure',
181	getLocations: multiArchLocationFormatter,
182	canAccess: ({ tenantCapabilities }) => tenantCapabilities.hasDeviceConfig,	1✔
183	osList: defaultOSVersions,
184	archList: [architectures.all]
185	},
186	{
187	id: 'mender-connect',
188	title: 'Mender Connect',
189	getLocations: multiArchLocationFormatter,
190	canAccess,
191	osList: defaultOSVersions,
192	archList: defaultArchitectures
193	},
194	{
195	id: 'mender-convert',
196	title: 'Mender Convert',
197	getLocations: ({ versionInfo }) => ({	1✔
198	locations: [
199	{
200	location: `https://github.com/mendersoftware/mender-convert/archive/refs/tags/${getVersion(versionInfo, 'mender-convert')}.zip`,
201	title: 'Mender Convert'
202	}
203	]
204	}),
205	canAccess
206	},
207	{
208	id: 'mender-gateway',
209	title: 'Mender Gateway',
210	getLocations: multiArchLocationFormatter,
211	location: downloadLocations.private,
212	canAccess: ({ isEnterprise }) => isEnterprise,	1✔
213	osList: defaultOSVersions,
214	archList: defaultArchitectures
215	},
216	{
217	id: 'monitor-client',
218	packageId: 'mender-monitor',
219	title: 'Mender Monitor',
220	getLocations: multiArchLocationFormatter,
221	location: downloadLocations.private,
222	canAccess: ({ tenantCapabilities }) => tenantCapabilities.hasMonitor,	1✔
223	osList: defaultOSVersions,
224	archList: [architectures.all]
225	}
226	];
227
228	const copyOptions = [	3✔
229	{ id: 'curl', title: 'Curl command', format: defaultCurlDownload },
230	{ id: 'wget', title: 'Wget command', format: defaultWgetDownload },
231	{ id: 'gitlab', title: 'Gitlab Job definition', format: defaultGitlabJob }
232	];
233
234	const DocsLink = ({ title, ...remainder }) => (	3✔
235	<CommonDocsLink	10✔
236	{...remainder}
237	title={
238	<>
239	{title} <Launch style={{ verticalAlign: 'text-bottom' }} fontSize="small" />
240	</>
241	}
242	/>
243	);
244
245	const DownloadableComponents = ({ locations, onMenuClick, token }) => {	3✔
246	const onLocationClick = (location, title) => {	12✔
247	Tracking.event({ category: 'download', action: title });	×
248	cookies.set('JWT', token, { path: '/', maxAge: 60, domain: '.mender.io', sameSite: false });	×
249	const link = document.createElement('a');	×
250	link.href = location;	×
251	link.rel = 'noopener noreferrer';	×
252	link.target = '_blank';	×
253	document.body.appendChild(link);	×
254	link.click();	×
255	link.remove();	×
256	};
257
258	return locations.map(({ isUserOs, location, title }) => (	12✔
259	<React.Fragment key={location}>	62✔
260	<Chip
261	avatar={<FileDownloadIcon />}
262	className="margin-bottom-small margin-right-small"
263	clickable
264	onClick={() => onLocationClick(location, title)}	×
265	variant={isUserOs ? 'filled' : 'outlined'}	62✔
266	onDelete={onMenuClick}
267	deleteIcon={<ArrowDropDown value={location} />}
268	label={title}
269	/>
270	</React.Fragment>
271	));
272	};
273
274	const DownloadSection = ({ item, isEnterprise, onMenuClick, os, token, versionInformation }) => {	3✔
275	const [open, setOpen] = useState(false);	9✔
276	const { id, getLocations, packageId, title } = item;	9✔
277	const { locations, ...extraLocations } = getLocations({ isEnterprise, tool: item, versionInfo: versionInformation.repos, os });	9✔
278
279	return (	9✔
280	<Accordion className="margin-bottom-small" square expanded={open} onChange={() => setOpen(toggle)}>	×
281	<AccordionSummary expandIcon={<ExpandMore />}>
282	<div>
283	<Typography variant="subtitle2">{title}</Typography>
284	<Typography variant="caption" className="muted">
285	Updated: {<Time format="YYYY-MM-DD" value={versionInformation.releaseDate} />}
286	</Typography>
287	</div>
288	</AccordionSummary>
289	<AccordionDetails>
290	<div>
291	<DownloadableComponents locations={locations} onMenuClick={onMenuClick} token={token} />
292	{Object.entries(extraLocations).map(([key, locations]) => (
293	<React.Fragment key={key}>	3✔
294	<h5 className="margin-bottom-none muted">{key}</h5>
295	<DownloadableComponents locations={locations} onMenuClick={onMenuClick} token={token} />
296	</React.Fragment>
297	))}
298	</div>
299	<DocsLink path={`release-information/release-notes-changelog/${packageId \|\| id}`} title="Changelog" />	15✔
300	</AccordionDetails>
301	</Accordion>
302	);
303	};
304
305	export const Downloads = () => {	3✔
306	const [anchorEl, setAnchorEl] = useState();	1✔
307	const [currentLocation, setCurrentLocation] = useState('');	1✔
308	const [os] = useState(detectOsIdentifier());	1✔
309	const dispatch = useDispatch();	1✔
310	const { tokens = [] } = useSelector(getCurrentUser);	1✔
311	const { token } = useSelector(getCurrentSession);	1✔
312	const isEnterprise = useSelector(getIsEnterprise);	1✔
313	const tenantCapabilities = useSelector(getTenantCapabilities);	1✔
314	const { latestRelease: versions = { repos: {}, releaseDate: '' } } = useSelector(getVersionInformation);	1!
315
316	const availableTools = useMemo(	1✔
317	() =>
318	tools.reduce((accu, tool) => {	1✔
319	if (!tool.canAccess({ isEnterprise, tenantCapabilities })) {	9!
320	return accu;	×
321	}
322	accu.push(tool);	9✔
323	return accu;	9✔
324	}, []),
325	[isEnterprise, tenantCapabilities]
326	);
327
328	const handleToggle = event => {	1✔
329	setAnchorEl(current => (current ? null : event?.currentTarget.parentElement));	×
330	const location = event?.target.getAttribute('value') \|\| '';	×
331	setCurrentLocation(location);	×
332	};
333
334	const handleSelection = useCallback(	1✔
335	event => {
336	const value = event?.target.getAttribute('value') \|\| 'curl';	×
337	const option = copyOptions.find(item => item.id === value);	×
338	copy(option.format({ location: currentLocation, tokens, token }));	×
339	dispatch(setSnackbar('Copied to clipboard'));	×
340	},
341	[currentLocation, dispatch, tokens, token]
342	);
343
344	return (	1✔
345	<div>
346	<h2>Downloads</h2>
347	<p>To get the most out of Mender, download the tools listed below.</p>
348	{availableTools.map(tool => (
349	<DownloadSection key={tool.id} item={tool} isEnterprise={isEnterprise} onMenuClick={handleToggle} os={os} token={token} versionInformation={versions} />	9✔
350	))}
351	<Menu id="download-options-menu" anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={handleToggle} variant="menu">
352	{copyOptions.map(option => (
353	<MenuItem key={option.id} value={option.id} onClick={handleSelection}>	3✔
354	Copy {option.title}
355	</MenuItem>
356	))}
357	</Menu>
358	<p>
359	To learn more about the tools availabe for Mender, read the <DocsLink path="downloads" title="Downloads section in our documentation" />.
360	</p>
361	</div>
362	);
363	};
364
365	export default Downloads;

mendersoftware / gui / 1113439055

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous