nocode-js / sequential-workflow-editor Goto Github PK

public readonly toolboxConfiguration: ToolboxConfiguration = {
		groups: [
			{
				name: 'Step',
				steps: [
					this.createTaskStep(null, 'save', 'Save file', {"velocity": "0"}),
					this.createTaskStep(null, 'text', 'Send email', {"velocity": "0"}),
					this.createTaskStep(null, 'task', 'Create task', {"velocity": "0"}),
					this.createIfStep(null, [], []),
					this.createContainerStep(null, [])
				]
			}
		]
	};


	private createTaskStep(id: any, type: any, name: any, properties: any) {
		return {
			id,
			componentType: 'task',
			type,
			name,
			properties: properties || {}
		};
	}


	private createIfStep(id: any, _true: any, _false: any) {
		return {
			id,
			componentType: 'switch',
			type: 'if',
			name: 'If',
			branches: {
				'true': _true,
				'false': _false
			},
			properties: {}
		};
	}

	createContainerStep(id: any, steps: any) {
		return {
			id,
			componentType: 'container',
			type: 'loop',
			name: 'Loop',
			properties: {},
			sequence: steps
		};
	}

// Define a model for an Email Task Step
export const emailTaskModel = createStepModel<Step>('email', 'task', step => {
  // Define the "recipient" property
  step.property('recipient')
    .value(createStringValueModel({
      minLength: 1, // Minimum length of 1 character
    }))
    .label('Recipient');

  // Define the "subject" property
  step.property('subject')
    .value(createStringValueModel({
      minLength: 1, // Minimum length of 1 character
    }))
    .label('Email Subject');

  // Define the "message" property
  step.property('message')
    .value(createStringValueModel({
      minLength: 1, // Minimum length of 1 character
    }))
    .label('Email Message');
});

// Define your custom step types as interfaces if needed
export interface TaskStep extends Step {
  type: string; // Type of task (e.g., 'save', 'text', 'task')
  name: string; // Human-readable name for the task
  velocity: string; // A string representing the "speed" or priority of the task
  // Add any other task-specific properties here
}

export interface IfStep extends Step {
  condition: string; // The condition to evaluate, represented as a string
  branches: {
				'true': true,
				'false': false
			};
  // Any additional properties related to conditional execution
}


export interface ContainerStep extends Step {
  sequence: Step[]; // An array of steps that are part of this container
  // Additional properties that define how the steps in the sequence are executed
}


// Use createStepModel to define your custom steps
export const taskStepModel = createStepModel<TaskStep>('task', 'task', step => {
 step.property('type')
    .value(createStringValueModel({
      // Example configuration: Adjust these properties as needed
      minLength: 1,

    }))
    .label('Task Type');

  step.property('name')
    .value(createStringValueModel({
      minLength: 1, // Minimum length of 1 character
    }))
    .label('Task Name');

  step.property('velocity')
    .value(createStringValueModel({
      // Convert the string pattern to a RegExp object
      pattern: new RegExp('^[0-9]+$'), // Ensures the velocity is a number
    }))
    .label('Velocity');
});


export const ifStepModel = createStepModel<IfStep>('if', 'switch', step => {
  step.property('condition')
    .value(createStringValueModel({
      minLength: 1, // Assuming a simple condition represented as a string
    }))
    .label('Condition');
;
});


export const containerStepModel = createStepModel<ContainerStep>('loop', 'container', step => {
  // Assuming sequence needs to be an array of step IDs or similar identifiers
  step.property('sequence')
    .value(createStringValueModel({
      minLength: 1, // Adjust based on how sequences are represented
    }))
    .label('Sequence');

  // Container-specific properties can be added here
});




export const rootModel = createRootModel<MyDefinition>(root => {
  root.property('inputs')
    .value(
      createVariableDefinitionsValueModel({})
    );
});


export const definitionModel = createDefinitionModel<MyDefinition>(model => {
  model.valueTypes(['string', 'number']);
  model.root(rootModel);
  model.steps([logStepModel, taskStepModel, ifStepModel, containerStepModel, emailTaskModel]);
});


export const editorProvider = EditorProvider.create(definitionModel, {
    uidGenerator: Uid.next,

});
`

export interface LogStep extends Step {
  type: 'log';
  componentType: 'task';
  properties: {
    message: string;
  };
}



export const definitionModel = createDefinitionModel<MyDefinition>(model => {
  model.valueTypes(['string', 'number']);
  model.root(rootModel);
  model.steps([logStepModel]);
});

react_devtools_backend_compact.js:12966 React Router caught the following error during render Error: Cannot find global editor context
    at useGlobalEditor (index.js:75:11)
    at WorkflowEditor (WorkflowEditor.tsx:54:106)
    at fm (react-dom.development.js:1:152112)
    at react-dom.development.js:1:196268
    at Hg (react-dom.development.js:1:197617)
    at qw (react-dom.development.js:1:244731)
    at Lw (react-dom.development.js:1:237660)
    at _w (react-dom.development.js:1:237542)
    at Nw (react-dom.development.js:1:237304)
    at mw (react-dom.development.js:1:234875)