awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-10 08:28:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revise docs for working with CRUD secrets

Browse Source
This commit is contained in:
Tuan Dang
2023-03-06 18:52:30 +07:00
parent ff2ee989d6
commit 6abbc1c54d
24 changed files with 1807 additions and 568 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/hooks/api/serviceTokens/queries.tsx
+1 -1
View File
@@ -37,7 +37,7 @@ export const useCreateServiceToken = () => {
return useMutation<CreateServiceTokenRes, {}, CreateServiceTokenDTO>({
mutationFn: async (body) => {
const { data } = await apiRequest.post('/api/v2/service-token/', body);
data.serviceToken += `.${ body.randomBytes}`;
data.serviceToken += `.${body.randomBytes}`;
return data;
},
onSuccess: ({ serviceTokenData: { workspace } }) => {
frontend/src/hooks/api/serviceTokens/types.ts
+1
View File
@@ -19,6 +19,7 @@ export type CreateServiceTokenDTO = {
iv: string;
tag: string;
randomBytes: string;
permissions: ('read' | 'write')[];
};
export type CreateServiceTokenRes = {
frontend/src/views/Settings/ProjectSettingsPage/ProjectSettingsPage.tsx
+3 -3
View File
@@ -203,7 +203,7 @@ export const ProjectSettingsPage = () => {
}
};
const onCreateServiceToken = async ({ environment, expiresIn, name }: CreateServiceToken) => {
const onCreateServiceToken = async ({ environment, expiresIn, name, permissions }: CreateServiceToken) => {
// type guard
if (!latestFileKey) return '';
try {
@@ -228,9 +228,9 @@ export const ProjectSettingsPage = () => {
expiresIn: Number(expiresIn),
name,
workspaceId: workspaceID,
randomBytes
randomBytes,
permissions
});
console.log(res);
createNotification({
text: 'Successfully created a service token',
type: 'success'
frontend/src/views/Settings/ProjectSettingsPage/components/ServiceTokenSection/ServiceTokenSection.tsx
+97 -3
View File
@@ -8,6 +8,7 @@ import * as yup from 'yup';
import {
Button,
Checkbox,
DeleteActionModal,
EmptyState,
FormControl,
@@ -42,7 +43,11 @@ const apiTokenExpiry = [
const createServiceTokenSchema = yup.object({
name: yup.string().required().label('Service Token Name'),
environment: yup.string().required().label('Environment'),
expiresIn: yup.string().required().label('Service Token Name')
expiresIn: yup.string().required().label('Service Token Name'),
permissions: yup.object().shape({
read: yup.boolean().required(),
write: yup.boolean().required()
})
});
export type CreateServiceToken = yup.InferType<typeof createServiceTokenSchema>;
@@ -87,7 +92,7 @@ export const ServiceTokenSection = ({
'createAPIToken',
'deleteAPITokenConfirmation'
] as const);
const {
control,
reset,
@@ -100,7 +105,13 @@ export const ServiceTokenSection = ({
const hasServiceToken = Boolean(newToken);
const onFormSubmit = async (data: CreateServiceToken) => {
const token = await onCreateToken(data);
// transform permissions object into array
const dataWithPermissionsArray = data;
dataWithPermissionsArray.permissions = Object.entries(data.permissions)
.filter(([, value]) => value)
.map(([key]) => key);
const token = await onCreateToken(dataWithPermissionsArray);
setToken(token);
};
@@ -216,6 +227,89 @@ export const ServiceTokenSection = ({
</FormControl>
)}
/>
<Controller
control={control}
name="permissions"
defaultValue={{
read: true,
write: false
}}
render={({ field: { onChange, value }, fieldState: { error }}) => {
const options = [{
label: 'Read (default)',
value: 'read'
}, {
label: 'Write (optional)',
value: 'write'
}];
return (
<FormControl
label="Permissions"
errorText={error?.message}
isError={Boolean(error)}
>
<>
{options.map(({ label, value: optionValue }) => {
// TODO: refactor
return (
<Checkbox
key={optionValue}
className="data-[state=checked]:bg-primary"
isChecked={value[optionValue]}
isDisabled={ optionValue === 'read'}
onCheckedChange={(state) => {
onChange({
...value,
[optionValue]: state
});
}}
>
{label}
</Checkbox>
);
})}
</>
</FormControl>
);
}}
/>
{/* <Controller
name="isReadEnabled"
defaultValue={true}
control={control}
render={({ field: { onChange, ... field }, fieldState }) => {
return (
<Checkbox
className="data-[state=checked]:bg-primary"
isChecked={field.value}
onCheckedChange={(state) => {
onChange(state);
}}
>
Read (default)
</Checkbox>
);
}}
/>
<Controller
name="isWriteEnabled"
defaultValue={false}
control={control}
render={({ field: { onChange, ... field }, fieldState }) => {
return (
<Checkbox
className="data-[state=checked]:bg-primary"
isChecked={field.value}
onCheckedChange={(state) => {
onChange(state);
}}
>
Write (optional)
</Checkbox>
);
}}
/> */}
<div className="mt-8 flex items-center">
<Button
className="mr-4"