✨ Add tagging of workflows (#1647)

* clean up dropdown

* clean up focusoncreate

* ⚡ Ignore mistaken ID in POST /workflows

* ⚡ Fix undefined tag ID in PATCH /workflows

* ⚡ Shorten response for POST /tags

* remove scss mixins

* clean up imports

* ⚡ Implement validation with class-validator

* address ivan's comments

* implement modals

* Fix lint issues

* fix disabling shortcuts

* fix focus issues

* fix focus issues

* fix focus issues with modal

* fix linting issues

* use dispatch

* use constants for modal keys

* fix focus

* fix lint issues

* remove unused prop

* add modal root

* fix lint issues

* remove unused methods

* fix shortcut

* remove max width

* ⚡ Fix duplicate entry error for pg and MySQL

* update rename messaging

* update order of buttons

* fix firefox overflow on windows

* fix dropdown height

* 🔨 refactor tag crud controllers

* 🧹 remove unused imports

* use variable for number of items

* fix dropdown spacing

* ⚡ Restore type to fix build

* ⚡ Fix post-refactor PATCH /workflows/:id

* ⚡ Fix PATCH /workflows/:id for zero tags

* ⚡ Fix usage count becoming stringified

* address max's comments

* fix filter spacing

* fix blur bug

* address most of ivan's comments

* address tags type concern

* remove defaults

* ⚡ return tag id as string

* 🔨 add hooks to tag CUD operations

* 🏎 simplify timestamp pruning

* remove blur event

* fix onblur bug

* ⚡ Fix fs import to fix build

* address max's comments

* implement responsive tag container

* fix lint issues

* Set default dates in entities

* 👕 Fix lint in migrations

* update tag limits

* address ivan's comments

* remove rename, refactor header, implement new designs for save, remove responsive tag container

* update styling

* update styling

* implement responsive tag container

* implement header tags edit

* implement header tags edit

* fix lint issues

* implement expandable input

* minor fixes

* minor fixes

* use variable

* rename save as

* duplicate fixes

* ⚡ Implement unique workflow names

* ⚡ Create /workflows/new endpoint

* minor edit fixes

* lint fixes

* style fixes

* hook up saving name

* hook up tags

* clean up impl

* fix dirty state bug

* update limit

* update notification messages

* on click outside

* fix minor bug with count

* lint fixes

* ⚡ Add query string params to /workflows/new

* handle minor edge cases

* handle minor edge cases

* handle minor bugs; fix firefox dropdown issue

* Fix min width

* apply tags only after api success

* remove count fix

* 🚧 Adjust to new qs requirements

* clean up workflow tags impl, fix tags delete bug

* fix minor issue

* fix minor spacing issue

* disable wrap for ops

* fix viewport root; save on click in dropdown

* save button loading when saving name/tags

* implement max width on tags container

* implement cleaner create experience

* disable edit while updating

* codacy hex color

* refactor tags container

* fix clickability

* fix workflow open and count

* clean up structure

* fix up lint issues

* ⚡ Create migrations for unique workflow names

* fix button size

* increase workflow name limit for larger screen

* tslint fixes

* disable responsiveness for workflow modal

* rename event

* change min width for tags

* clean up pr

* ⚡ Adjust quotes in MySQL migration

* ⚡ Adjust quotes in Postgres migration

* address max's comments on styles

* remove success toasts

* add hover mode to name

* minor fixes

* refactor name preview

* fix name input not to jiggle

* finish up name input

* Fix up add tags

* clean up param

* clean up scss

* fix resizing name

* fix resizing name

* fix resize bug

* clean up edit spacing

* ignore on esc

* fix input bug

* focus input on clear

* build

* fix up add tags clickablity

* remove scrollbars

* move into folders

* clean up multiple patch req

* remove padding top from edit

* update tags on enter

* build

* rollout blur on enter behavior

* rollout esc behavior

* fix tags bug when duplicating tags

* move key to reload tags

* update header spacing

* build

* update hex case

* refactor workflow title

* remove unusued prop

* keep focus on error, fix bug on error

* Fix bug with name / tags toggle on error

* impl creating new workflow name

* ⚡ Refactor endpoint per new guidelines

* support naming endpoint

* ⚡ Refactor to support numeric suffixes

* 👕 Lint migrations for unique workflow names

* ⚡ Add migrations set default dates to indexes

* fix connection push bug

* ⚡ Lowercase default workflow name

* ⚡ Add prefixes to set default dates migration

* ⚡ Fix indentation on default dates migrations

* ⚡ Add temp ts-ignore for unrelated change

* ⚡ Adjust default dates migration for MySQL

Remove change to data column in credentials_entity, already covered by Omar's migration. Also, fix quotes from table prefix addition.

* ⚡ Adjust quotes in dates migration for PG

* fix safari color bug

* fix count bug

* fix scroll bugs in dropdown

* expand filter size

* apply box-sizing to main header

* update workflow names in executions to be wrapped by quotes

* fix bug where key is same in dropdown

* fix firefox bug

* move up push connection session

* 🔨 Remove mistakenly added nullable property

* 🔥 Remove unneeded index drop-create (PG)

* 🔥 Remove unneeded table copying

* ⚡ Merge dates migration with tags migration

* 🔨 Refactor endpoint and make wf name env

* dropdown colors in firefox

* update colors to use variables

* update thumb color

* change error message

* remove 100 char maximum

* fix bug with saving tags dropdowns multiple times

* update error message when no name

* ⚡ Update name missing toast message

* ⚡ Update workflow already exists message

* disable saving for executions

* fix bug causing modal to close

* make tags in workflow open clickable

* increase workflow limit to 3

* remove success notifications

* update header spacing

* escape tag names

* update tag and table colors

* remove tags from export

* build

* clean up push connection dependencies

* address ben's comments

* revert tags optional interface

* address comments

* update duplicate message

* build

* fix eol

* add one more eol

* ⚡ Update comment

* add hover style for workflow open, fix up font weight

Co-authored-by: Mutasem <mutdmour@gmail.com>
Co-authored-by: Iván Ovejero <ivov.src@gmail.com>
Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com>

packages/editor-ui/src/Interface.ts

@@ -134,7 +134,7 @@ export interface IRestApi {
 	getNodeParameterOptions(nodeType: string, path: string, methodName: string, currentNodeParameters: INodeParameters, credentials?: INodeCredentials): Promise<INodePropertyOptions[]>;
 	removeTestWebhook(workflowId: string): Promise<boolean>;
 	runWorkflow(runData: IStartRunData): Promise<IExecutionPushResponse>;
-	createNewWorkflow(sendData: IWorkflowData): Promise<IWorkflowDb>;
+	createNewWorkflow(sendData: IWorkflowDataUpdate): Promise<IWorkflowDb>;
 	updateWorkflow(id: string, data: IWorkflowDataUpdate): Promise<IWorkflowDb>;
 	deleteWorkflow(name: string): Promise<void>;
 	getWorkflow(id: string): Promise<IWorkflowDb>;
@@ -208,14 +208,17 @@ export interface IWorkflowData {
 	nodes: INode[];
 	connections: IConnections;
 	settings?: IWorkflowSettings;
+	tags?: string[];
 }
 
 export interface IWorkflowDataUpdate {
+	id?: string;
 	name?: string;
 	nodes?: INode[];
 	connections?: IConnections;
 	settings?: IWorkflowSettings;
 	active?: boolean;
+	tags?: ITag[] | string[]; // string[] when store or requested, ITag[] from API response
 }
 
 // Almost identical to cli.Interfaces.ts
@@ -228,6 +231,7 @@ export interface IWorkflowDb {
 	nodes: INodeUi[];
 	connections: IConnections;
 	settings?: IWorkflowSettings;
+	tags?: ITag[] | string[]; // string[] when store or requested, ITag[] from API response
 }
 
 // Identical to cli.Interfaces.ts
@@ -237,6 +241,7 @@ export interface IWorkflowShortResponse {
 	active: boolean;
 	createdAt: number | string;
 	updatedAt: number | string;
+	tags: ITag[];
 }
 
 
@@ -445,3 +450,84 @@ export interface ILinkMenuItemProperties {
 	href: string;
 	newWindow?: boolean;
 }
+
+export interface ITag {
+	id: string;
+	name: string;
+	usageCount?: number;
+}
+
+export interface ITagRow {
+	tag?: ITag;
+	usage?: string;
+	create?: boolean;
+	disable?: boolean;
+	update?: boolean;
+	delete?: boolean;
+}
+
+export interface IRootState {
+	activeExecutions: IExecutionsCurrentSummaryExtended[];
+	activeWorkflows: string[];
+	activeActions: string[];
+	activeNode: string | null;
+	baseUrl: string;
+	credentials: ICredentialsResponse[] | null;
+	credentialTypes: ICredentialType[] | null;
+	endpointWebhook: string;
+	endpointWebhookTest: string;
+	executionId: string | null;
+	executingNode: string | null;
+	executionWaitingForWebhook: boolean;
+	pushConnectionActive: boolean;
+	saveDataErrorExecution: string;
+	saveDataSuccessExecution: string;
+	saveManualExecutions: boolean;
+	timezone: string;
+	stateIsDirty: boolean;
+	executionTimeout: number;
+	maxExecutionTimeout: number;
+	versionCli: string;
+	oauthCallbackUrls: object;
+	n8nMetadata: object;
+	workflowExecutionData: IExecutionResponse | null;
+	lastSelectedNode: string | null;
+	lastSelectedNodeOutputIndex: number | null;
+	nodeIndex: Array<string | null>;
+	nodeTypes: INodeTypeDescription[];
+	nodeViewOffsetPosition: XYPositon;
+	nodeViewMoveInProgress: boolean;
+	selectedNodes: INodeUi[];
+	sessionId: string;
+	urlBaseWebhook: string;
+	workflow: IWorkflowDb;
+	sidebarMenuItems: IMenuItem[];
+}
+
+export interface ITagsState {
+	tags: { [id: string]: ITag };
+	isLoading: boolean;
+	fetchedAll: boolean;
+	fetchedUsageCount: boolean;
+}
+
+export interface IModalState {
+	open: boolean;
+}
+
+export interface IUiState {
+	sidebarMenuCollapsed: boolean;
+	modalStack: string[];
+	modals: {
+		[key: string]: IModalState;
+	};
+	isPageLoading: boolean;
+}
+
+export interface IWorkflowsState {
+}
+
+export interface IRestApiContext {
+	baseUrl: string;
+	sessionId: string;
+}