383f2a6855
This commit adds filtering based on architecture and version to the repositories table in the wizard. Apart from filtering, this commit now shows *all* repositories, regardless of their status. Previously, invalid repositories were not displayed. A future PR will add a status column and edge case handling (how to handle an invalid repo, etc...). For now, invalid repos are displayed and can be selected. RTK Query is now used to manage the state of the repositories. Previously, the repositories were fetched in a useEffect hook upon opening the wizard. MSW is now used instead of jest mocking for the tests involving repositories. The repositories test fixture now contains a function that mimics the content sources API.
109 lines
2.7 KiB
JavaScript
109 lines
2.7 KiB
JavaScript
import axios from 'axios';
|
|
|
|
import { CONTENT_SOURCES, IMAGE_BUILDER_API } from './constants';
|
|
|
|
const postHeaders = { headers: { 'Content-Type': 'application/json' } };
|
|
|
|
async function composeImage(body) {
|
|
const path = '/compose';
|
|
const request = await axios.post(
|
|
IMAGE_BUILDER_API.concat(path),
|
|
body,
|
|
postHeaders
|
|
);
|
|
return request.data;
|
|
}
|
|
|
|
async function getComposes(limit, offset) {
|
|
const params = new URLSearchParams({
|
|
limit,
|
|
offset,
|
|
});
|
|
const path = '/composes?' + params.toString();
|
|
const request = await axios.get(IMAGE_BUILDER_API.concat(path));
|
|
return request.data;
|
|
}
|
|
|
|
async function getComposeStatus(id) {
|
|
const path = '/composes/' + id;
|
|
const request = await axios.get(IMAGE_BUILDER_API.concat(path));
|
|
return request.data;
|
|
}
|
|
|
|
async function getPackages(distribution, architecture, search, limit) {
|
|
const params = new URLSearchParams({
|
|
distribution,
|
|
architecture,
|
|
search,
|
|
});
|
|
limit && params.append('limit', limit);
|
|
const path = '/packages?' + params.toString();
|
|
const request = await axios.get(IMAGE_BUILDER_API.concat(path));
|
|
return request.data;
|
|
}
|
|
|
|
async function getPackagesContentSources(repoUrls, search) {
|
|
// content-sources expects an array of urls but we store the whole repo object
|
|
// so map the urls into an array to send to the content-sources api
|
|
const body = {
|
|
urls: repoUrls,
|
|
search,
|
|
};
|
|
const path = '/rpms/names';
|
|
const request = await axios.post(
|
|
CONTENT_SOURCES.concat(path),
|
|
body,
|
|
postHeaders
|
|
);
|
|
// map `package_name` key to just `name` since that's what we use across the UI
|
|
const packages = request.data.map(({ package_name: name, ...rest }) => ({
|
|
name,
|
|
...rest,
|
|
}));
|
|
return packages;
|
|
}
|
|
|
|
async function getVersion() {
|
|
const path = '/version';
|
|
const request = await axios.get(IMAGE_BUILDER_API.concat(path));
|
|
return request.data;
|
|
}
|
|
|
|
// get clones of a compose
|
|
async function getClones(id, limit, offset) {
|
|
const params = new URLSearchParams({
|
|
limit,
|
|
offset,
|
|
});
|
|
const path = `/composes/${id}/clones?${params}`;
|
|
const request = await axios.get(IMAGE_BUILDER_API.concat(path));
|
|
return request.data;
|
|
}
|
|
|
|
async function getCloneStatus(id) {
|
|
const path = `/clones/${id}`;
|
|
const request = await axios.get(IMAGE_BUILDER_API.concat(path));
|
|
return request.data;
|
|
}
|
|
|
|
async function cloneImage(composeId, body) {
|
|
const path = `/composes/${composeId}/clone`;
|
|
const request = await axios.post(
|
|
IMAGE_BUILDER_API.concat(path),
|
|
body,
|
|
postHeaders
|
|
);
|
|
return request.data;
|
|
}
|
|
|
|
export default {
|
|
cloneImage,
|
|
composeImage,
|
|
getClones,
|
|
getCloneStatus,
|
|
getComposes,
|
|
getComposeStatus,
|
|
getPackages,
|
|
getPackagesContentSources,
|
|
getVersion,
|
|
};
|