-
Notifications
You must be signed in to change notification settings - Fork 3.9k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore(root): Release 2024-10-21 09:38 (#6730)
- Loading branch information
Showing
82 changed files
with
1,959 additions
and
713 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -3,4 +3,4 @@ package.json | |
| apps/api/src/metadata.ts | ||
|
|
||
| /.nx/cache | ||
| /.nx/workspace-data | ||
| /.nx/workspace-data | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,24 @@ | ||
| import type { WorkflowResponseDto } from '@novu/shared'; | ||
| import { getV2 } from './api.client'; | ||
| import type { CreateWorkflowDto, UpdateWorkflowDto, WorkflowResponseDto } from '@novu/shared'; | ||
| import { getV2, postV2, putV2 } from './api.client'; | ||
|
|
||
| export const fetchWorkflow = async ({ workflowId }: { workflowId?: string }): Promise<WorkflowResponseDto> => { | ||
| const { data } = await getV2<{ data: WorkflowResponseDto }>(`/workflows/${workflowId}`); | ||
|
|
||
| return data; | ||
| }; | ||
|
|
||
| export async function createWorkflow(payload: CreateWorkflowDto) { | ||
| return postV2<{ data: WorkflowResponseDto }>(`/workflows`, payload); | ||
| } | ||
|
|
||
| export const updateWorkflow = async ({ | ||
| id, | ||
| workflow, | ||
| }: { | ||
| id: string; | ||
| workflow: UpdateWorkflowDto; | ||
| }): Promise<WorkflowResponseDto> => { | ||
| const { data } = await putV2<{ data: WorkflowResponseDto }>(`/workflows/${id}`, workflow); | ||
|
|
||
| return data; | ||
| }; |
184 changes: 184 additions & 0 deletions
184
apps/dashboard/src/components/create-workflow-button.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,184 @@ | ||
| import { createWorkflow } from '@/api/workflows'; | ||
| import { Button } from '@/components/primitives/button'; | ||
| import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/primitives/form'; | ||
| import { Input, InputField } from '@/components/primitives/input'; | ||
| import { Separator } from '@/components/primitives/separator'; | ||
| import { | ||
| Sheet, | ||
| SheetContent, | ||
| SheetDescription, | ||
| SheetFooter, | ||
| SheetHeader, | ||
| SheetMain, | ||
| SheetTitle, | ||
| SheetTrigger, | ||
| } from '@/components/primitives/sheet'; | ||
| import { TagInput } from '@/components/primitives/tag-input'; | ||
| import { Textarea } from '@/components/primitives/textarea'; | ||
| import { useEnvironment } from '@/context/environment/hooks'; | ||
| import { QueryKeys } from '@/utils/query-keys'; | ||
| import { zodResolver } from '@hookform/resolvers/zod'; | ||
| import { type CreateWorkflowDto, WorkflowCreationSourceEnum } from '@novu/shared'; | ||
| import { useMutation, useQueryClient } from '@tanstack/react-query'; | ||
| import { ComponentProps, useState } from 'react'; | ||
| import { useForm } from 'react-hook-form'; | ||
| import { RiExternalLinkLine } from 'react-icons/ri'; | ||
|
|
||
| import { Link } from 'react-router-dom'; | ||
| import { z } from 'zod'; | ||
|
|
||
| const formSchema = z.object({ | ||
| name: z.string(), | ||
| identifier: z.string().regex(/^[a-z0-9-]+$/, 'Invalid identifier format. Must follow ^[a-z0-9-]+$'), | ||
| tags: z | ||
| .array(z.string().min(1)) | ||
| .max(8) | ||
| .refine((tags) => new Set(tags).size === tags.length, { | ||
| message: 'Duplicate tags are not allowed.', | ||
| }), | ||
| description: z.string().max(200).optional(), | ||
| }); | ||
|
|
||
| type CreateWorkflowButtonProps = ComponentProps<typeof SheetTrigger>; | ||
| export const CreateWorkflowButton = (props: CreateWorkflowButtonProps) => { | ||
| const queryClient = useQueryClient(); | ||
| const { currentEnvironment } = useEnvironment(); | ||
| const [isOpen, setIsOpen] = useState(false); | ||
| const { mutateAsync, isPending } = useMutation({ | ||
| mutationFn: async (data: CreateWorkflowDto) => createWorkflow(data), | ||
| onSuccess: (result) => { | ||
| queryClient.invalidateQueries({ queryKey: [QueryKeys.fetchWorkflows, currentEnvironment?._id] }); | ||
| queryClient.invalidateQueries({ | ||
| queryKey: [QueryKeys.fetchWorkflow, currentEnvironment?._id, result.data.workflowId], | ||
| }); | ||
| setIsOpen(false); | ||
| }, | ||
| }); | ||
| const form = useForm<z.infer<typeof formSchema>>({ | ||
| resolver: zodResolver(formSchema), | ||
| defaultValues: { description: '', identifier: '', name: '', tags: [] }, | ||
| }); | ||
|
|
||
| return ( | ||
| <Sheet | ||
| open={isOpen} | ||
| onOpenChange={(open) => { | ||
| setIsOpen(open); | ||
| if (open) { | ||
| form.reset(); | ||
| } | ||
| }} | ||
| > | ||
| <SheetTrigger {...props} /> | ||
| <SheetContent> | ||
| <SheetHeader> | ||
| <SheetTitle>Create workflow</SheetTitle> | ||
| <div> | ||
| <SheetDescription> | ||
| Workflows manage event-driven notifications across multiple channels in a version-controlled flow, with | ||
| the ability to manage preference for each subscriber. | ||
| </SheetDescription> | ||
| <Link | ||
| target="_blank" | ||
| to="https://docs.novu.co/api-reference/workflows/create-workflow" | ||
| className="text-foreground-400 flex items-center text-sm underline" | ||
| > | ||
| Learn more <RiExternalLinkLine className="inline size-4" /> | ||
| </Link> | ||
| </div> | ||
| </SheetHeader> | ||
| <Separator /> | ||
| <SheetMain> | ||
| <Form {...form}> | ||
| <form | ||
| id="create-workflow" | ||
| onSubmit={form.handleSubmit((values) => { | ||
| mutateAsync({ | ||
| name: values.name, | ||
| steps: [], | ||
| __source: WorkflowCreationSourceEnum.DASHBOARD, | ||
| workflowId: values.identifier, | ||
| description: values.description || undefined, | ||
| tags: values.tags, | ||
| }); | ||
| })} | ||
| className="flex flex-col gap-6" | ||
| > | ||
| <FormField | ||
| control={form.control} | ||
| name="name" | ||
| render={({ field }) => ( | ||
| <FormItem> | ||
| <FormLabel>Name</FormLabel> | ||
| <FormControl> | ||
| <InputField> | ||
| <Input placeholder="Untitled" {...field} /> | ||
| </InputField> | ||
| </FormControl> | ||
| <FormMessage /> | ||
| </FormItem> | ||
| )} | ||
| /> | ||
|
|
||
| <FormField | ||
| control={form.control} | ||
| name="identifier" | ||
| render={({ field }) => ( | ||
| <FormItem> | ||
| <FormLabel>Identifier</FormLabel> | ||
| <FormControl> | ||
| <InputField> | ||
| <Input placeholder="untitled" {...field} /> | ||
| </InputField> | ||
| </FormControl> | ||
| <FormMessage>Must be unique and all lowercase ^[a-z0-9\-]+$</FormMessage> | ||
| </FormItem> | ||
| )} | ||
| /> | ||
|
|
||
| <Separator className="bg-neutral-alpha-100" /> | ||
|
|
||
| <FormField | ||
| control={form.control} | ||
| name="tags" | ||
| render={({ field }) => ( | ||
| <FormItem> | ||
| <div className="flex items-center gap-1"> | ||
| <FormLabel hint="(max. 8)">Add tags</FormLabel> | ||
| </div> | ||
| <FormControl> | ||
| <TagInput {...field} /> | ||
| </FormControl> | ||
| <FormMessage /> | ||
| </FormItem> | ||
| )} | ||
| /> | ||
|
|
||
| <FormField | ||
| control={form.control} | ||
| name="description" | ||
| render={({ field }) => ( | ||
| <FormItem> | ||
| <div className="flex items-center gap-1"> | ||
| <FormLabel optional>Description</FormLabel> | ||
| </div> | ||
| <FormControl> | ||
| <Textarea placeholder="Description of what this workflow does" {...field} /> | ||
| </FormControl> | ||
| <FormMessage /> | ||
| </FormItem> | ||
| )} | ||
| /> | ||
| </form> | ||
| </Form> | ||
| </SheetMain> | ||
| <Separator /> | ||
| <SheetFooter> | ||
| <Button disabled={isPending} variant="default" type="submit" form="create-workflow"> | ||
| Create workflow | ||
| </Button> | ||
| </SheetFooter> | ||
| </SheetContent> | ||
| </Sheet> | ||
| ); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.