8 |
14 | )
15 | }
16 |
17 | EditorOutput.propTypes = {
18 | schema: PropTypes.object.isRequired,
19 | createJsonOutput: PropTypes.func.isRequired
20 | }
21 |
22 | EditorOutput.contextTypes = {
23 | i18n: PropTypes.object.isRequired
24 | }
25 |
--------------------------------------------------------------------------------
/packages/examples/complete-demo/src/server/routes/sendEvent.js:
--------------------------------------------------------------------------------
1 | import express from 'express'
2 | import fsm from '../fsm';
3 | import storage from '../storage';
4 | import { extractObject } from '../utils';
5 |
6 | const router = express.Router();
7 |
8 | router.post('/api/event', async(req, res) => {
9 | const { objectId, event } = req.body;
10 | const object = await storage.getObjectById(objectId);
11 | const { machine } = fsm;
12 | machine.sendEvent({ object: extractObject(object), event, user: 'demouser' }).
13 | then(async(result) => {
14 | await storage.updateObject(result.object)
15 | res.send(result)
16 | }).
17 | catch(err => {
18 | console.log('send event failed')
19 | console.log(err)
20 | res.status(500).send({ error: 'Send event failed!' })
21 | })
22 | })
23 |
24 | export default router;
25 |
--------------------------------------------------------------------------------
/packages/history/src/models/migrations/20200320081228-insert-WorkflowTransHist-indexes.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | const TABLE = 'WorkflowTransitionHistory';
3 | const SEARCH_INDEX = 'WorkflowTransitionHistory_boID_boType_to';
4 | const FINISHEDON_INDEX = 'WorkflowTransitionHistory_FinishedOn';
5 |
6 | module.exports = {
7 | up: (queryInterface) => {
8 | queryInterface.addIndex(
9 | TABLE,
10 | {
11 | name: SEARCH_INDEX,
12 | fields: ['businessObjId', 'businessObjType', 'to'],
13 | }
14 | );
15 | queryInterface.addIndex(
16 | TABLE,
17 | {
18 | name: FINISHEDON_INDEX,
19 | fields: ['finishedOn'],
20 | }
21 | );
22 | },
23 | down: (queryInterface) => {
24 | queryInterface.removeIndex(TABLE, FINISHEDON_INDEX);
25 | queryInterface.removeIndex(TABLE, SEARCH_INDEX);
26 | }
27 | };
28 |
--------------------------------------------------------------------------------
/packages/editor/config/mocha-config.js:
--------------------------------------------------------------------------------
1 | // required only by Mocha
2 |
3 | // set node env
4 | process.env.NODE_ENV = 'test';
5 |
6 | const JSDOM = require('jsdom').JSDOM;
7 |
8 | require('babel-register')({
9 | babelrc: false,
10 | presets: [
11 | ["env", {
12 | "targets": {
13 | "browsers": ["last 2 versions", "ie >= 11", "safari >= 7", "Firefox ESR"]
14 | }
15 | }],
16 | "react"
17 | ],
18 | plugins: [
19 | "transform-decorators-legacy",
20 | "transform-class-properties",
21 | "transform-object-rest-spread"
22 | ],
23 | env: {
24 | test: {
25 | plugins: ["istanbul"]
26 | }
27 | }
28 | })
29 |
30 | global.document = new JSDOM('');
31 | global.window = global.document.window;
32 | global.document = window.document;
33 | global.navigator = global.window.navigator;
34 | global.self = global.window;
35 |
--------------------------------------------------------------------------------
/packages/examples/complete-demo/src/server/routes/availableTransitions.js:
--------------------------------------------------------------------------------
1 | import express from 'express'
2 | import fsm from '../fsm';
3 | import storage from '../storage';
4 | import { objectIdProp } from '../../common';
5 | import { extractObject } from '../utils';
6 |
7 | const router = express.Router();
8 |
9 | router.post('/api/transitions', async(req, res) => {
10 | const { objectId } = req.body;
11 | const objects = (await storage.getAllObjects()).map(extractObject);
12 | const object = objects.find(obj => obj[objectIdProp] === objectId);
13 | const { machine } = fsm;
14 | machine.availableTransitions({ object }).
15 | then(result => {
16 | res.send(result)
17 | }).
18 | catch(err => {
19 | console.log('getAvailableTransitions failed')
20 | console.log(err)
21 | res.status(500).send({ error: 'Get transitions failed!' })
22 | })
23 | })
24 |
25 | export default router;
26 |
--------------------------------------------------------------------------------
/packages/editor/src/components/Select/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import ReactSelect from '@opuscapita/react-select';
4 |
5 | const getI18nReactSelectProps = ({ i18n }) => {
6 | const t = (path, args) => i18n.getMessage(`fsmWorkflowEditor.ui.select.${path}`, args);
7 | return ({
8 | searchPromptText: t('typeToSearch'),
9 | promptTextCreator: (option) => t('createOption', { option }),
10 | clearValueText: t('clearValue'),
11 | clearAllText: t('clearAll'),
12 | noResultsText: t('nothingFound'),
13 | loadingPlaceholder: t('loading')
14 | });
15 | }
16 |
17 | export default function Select(props, { i18n }) {
18 | return (
19 | {i18n.getMessage('fsmWorkflowEditor.ui.preview.title')}
9 |{i18n.getMessage('fsmWorkflowEditor.ui.preview.description')}
10 |
11 |
12 |
13 |
5 |
6 |
7 |
33 |
34 | );
35 |
36 | TaskList.propTypes = {
37 | tasks: PropTypes.array.isRequired,
38 | onSendEvent: PropTypes.func.isRequired
39 | };
40 |
41 | TaskList.defaultProps = {
42 | tasks: []
43 | };
44 |
45 | export default TaskList;
46 |
--------------------------------------------------------------------------------
/packages/editor/.gitignore:
--------------------------------------------------------------------------------
1 | *~
2 | *.swp
3 | *.kate-swp
4 | *.out
5 | *.iml
6 | *.lock
7 | package-lock.json
8 |
9 | public
10 | .gh-pages-tmp
11 |
12 | /resources/jcatalog/less/jquery-ui-bundle.css
13 | /resources/jcatalog/less/jcatalog-bootstrap-bundle.css
14 | /resources/jcatalog/less/jcatalog-bootstrap-extensions-bundle.css
15 |
16 | /db.config.json
17 | /src/server/data.json.backup
18 |
19 | .idea
20 | /target
21 | /build
22 | /dist
23 | /docs
24 | /esdoc
25 | /lib
26 | /apidoc
27 |
28 | # All the below is taken from
29 | # https://github.com/github/gitignore/blob/master/Node.gitignore
30 | # except for some /node_modules subfolders.
31 |
32 | # Logs
33 | logs
34 | *.log
35 | npm-debug.log*
36 |
37 | # Runtime data
38 | pids
39 | *.pid
40 | *.seed
41 | *.pid.lock
42 |
43 | # Directory for instrumented libs generated by jscoverage/JSCover
44 | lib-cov
45 |
46 | # Coverage directory used by tools like istanbul
47 | coverage
48 |
49 | # nyc test coverage
50 | .nyc_output
51 |
52 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
53 | .grunt
54 |
55 | # node-waf configuration
56 | .lock-wscript
57 |
58 | # Compiled binary addons (http://nodejs.org/api/addons.html)
59 | build/Release
60 |
61 | # Dependency directories
62 | jspm_packages/
63 | /node_modules/*
64 |
65 | # Optional npm cache directory
66 | .npm
67 |
68 | # Optional eslint cache
69 | .eslintcache
70 |
71 | # Optional REPL history
72 | .node_repl_history
73 | .DS_Store
--------------------------------------------------------------------------------
/packages/examples/complete-demo/src/server/utils.js:
--------------------------------------------------------------------------------
1 | import fs from 'fs';
2 | import { promisify } from 'util';
3 | import pick from 'lodash/pick';
4 | import jsfaker from 'json-schema-faker';
5 | import objectConfig from './objectConfig';
6 | import { objectIdProp } from '../common';
7 |
8 | export const generateObjects = ({ objectConfiguration, quantity = 10 }) => {
9 | const businessObjects = [];
10 | for (let i = 0; i < quantity; i++) {
11 | const object = jsfaker(objectConfiguration.schema);
12 | object[objectIdProp] = `${objectConfiguration.alias || 'object'}-${i}`;
13 | businessObjects.push(object);
14 | }
15 | return businessObjects
16 | }
17 |
18 | export const mapFuncsToParamsSchema = funcsObj => Object.keys(funcsObj).reduce((res, name) => ({
19 | ...res,
20 | [name]: {
21 | paramsSchema: funcsObj[name].paramsSchema
22 | }
23 | }), {});
24 |
25 | // take sequelize query output and return clean object
26 | export const extractObject = sequelizeOutput => {
27 | const { dataValues } = sequelizeOutput;
28 | const objectSchema = objectConfig.getConfig().schema;
29 | const objectProps = Object.keys(objectSchema.properties);
30 | return pick(dataValues, objectProps);
31 | }
32 |
33 | const readFile = promisify(fs.readFile);
34 |
35 | export const readJSONFromFile = async function(filePath) {
36 | const data = await readFile(filePath, 'utf8');
37 | let object;
38 | try {
39 | object = JSON.parse(data)
40 | } catch (err) {
41 | throw err
42 | }
43 | return object
44 | }
45 |
--------------------------------------------------------------------------------
/packages/examples/process-task-manager-ui/webpack.development.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const webpack = require('webpack');
3 | const packageVersion = require('./package.json').version;
4 | const fs = require('fs');
5 |
6 | module.exports = {
7 | entry: path.resolve(__dirname, './src/client/index.js'),
8 | context: path.resolve(__dirname),
9 | output: {
10 | publicPath: '/',
11 | path: path.resolve(__dirname, './lib'),
12 | filename: `index.js`,
13 | library: 'demopage',
14 | libraryTarget: 'umd'
15 | },
16 | devtool: 'inline-source-map',
17 | watch: true,
18 | plugins: [
19 | new webpack.NoEmitOnErrorsPlugin(),
20 | ],
21 |
22 | resolveLoader: {
23 | modules: ['node_modules'],
24 | moduleExtensions: ['-loader', '*'],
25 | extensions: ['.js']
26 | },
27 |
28 | resolve: {
29 | modules: [path.join(__dirname, 'node_modules')],
30 | extensions: ['.json', '.js']
31 | },
32 |
33 | module: {
34 | rules: [
35 | {
36 | test: /.js$/,
37 | loader: 'babel-loader',
38 | include: [
39 | path.join(__dirname, 'src'),
40 | path.join(__dirname, 'www'),
41 | fs.realpathSync(path.join(__dirname, './node_modules/@opuscapita/fsm-workflow-core')),
42 | fs.realpathSync(path.join(__dirname, './node_modules/@opuscapita/fsm-workflow-task-manager'))
43 | ],
44 | query: {
45 | presets: ['es2015', 'stage-0', 'react']
46 | }
47 | }
48 | ]
49 | }
50 | };
51 |
--------------------------------------------------------------------------------
/packages/core/src/specs/MachineDefinition.availableStates.spec.js:
--------------------------------------------------------------------------------
1 | import assert from "assert";
2 | import MachineDefinition from "../MachineDefinition";
3 |
4 | const createMachineDefintion = ({ states = [
5 | { name: 'a' },
6 | { name: 'b' },
7 | { name: 'y' },
8 | { name: 'm' },
9 | { name: 'n' },
10 | { name: 'z' },
11 | ], transitions = [
12 | {
13 | from: 'a',
14 | to: 'b'
15 | },
16 | {
17 | from: 'b',
18 | to: 'x'
19 | },
20 | ] } = {}) => {
21 | return new MachineDefinition({
22 | schema: {
23 | initialState: "a",
24 | finalStates: ["x", "y", "z"],
25 | transitions,
26 | states
27 | }
28 | });
29 | };
30 |
31 | describe("machine: getAvailableStates", function() {
32 | it("returns declared states", () =>
33 | assert.deepEqual(createMachineDefintion().getAvailableStates(), ['a', 'b', 'm', 'n', 'x', 'y', 'z'])
34 | );
35 |
36 | it("returns declared states: empty transitions", () =>
37 | assert.deepEqual(
38 | createMachineDefintion({ transitions: [] }).getAvailableStates(),
39 | ['a', 'b', 'm', 'n', 'x', 'y', 'z']
40 | )
41 | );
42 |
43 | it("returns declared states: empty states", () =>
44 | assert.deepEqual(createMachineDefintion({ states: [] }).getAvailableStates(), ['a', 'b', 'x', 'y', 'z'])
45 | );
46 |
47 | it("returns declared states: no states and transitions", () =>
48 | assert.deepEqual(createMachineDefintion({ transitions: [], states: [] }).getAvailableStates(), ['a', 'x', 'y', 'z'])
49 | );
50 | });
51 |
--------------------------------------------------------------------------------
/packages/editor/src/components/ParamsEditor/components/PathExpressionInputInjector/ExpressionSwitcher.react.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | export default class ExpressionSwitcher extends PureComponent {
5 | static propTypes = {
6 | label: PropTypes.string.isRequired,
7 | expression: PropTypes.bool.isRequired,
8 | onClick: PropTypes.func.isRequired
9 | }
10 |
11 | static contextTypes = {
12 | i18n: PropTypes.object.isRequired
13 | }
14 |
15 | componentDidMount() {
16 | // adjust label width
17 | if (this.ref) {
18 | const { parentElement } = this.ref;
19 | if (parentElement && parentElement.nodeName === 'LABEL') {
20 | parentElement.style.width = '100%';
21 | }
22 | }
23 | }
24 |
25 | handleChange = this.props.onClick
26 |
27 | handleRef = el => (this.ref = el);
28 |
29 | render() {
30 | const { i18n } = this.context;
31 | const { label, expression } = this.props;
32 |
33 | return (
34 | | ID | 9 |Status | 10 |11 | |
|---|---|---|
| {object.id} | 18 |{object.status} | 19 |
20 |
21 | {transitions.map(({ event }) => (
22 |
25 | ))}
26 |
27 | |
28 |
35 | {label}
36 |
37 | (
41 | {
42 | expression ?
43 | i18n.getMessage('fsmWorkflowEditor.ui.paramsEditor.enterValue') :
44 | i18n.getMessage('fsmWorkflowEditor.ui.paramsEditor.defineExpression')
45 | }
46 | )
47 |
48 |
49 | )
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/packages/core/src/specs/ModelDefinition.prepareParams.spec.js:
--------------------------------------------------------------------------------
1 | import assert from 'assert';
2 | import MachineDefinition from '../MachineDefinition';
3 |
4 | describe('path expressions', function() {
5 | const object = {
6 | numberProp: 234234.3454,
7 | stringProp: '%xc%ds%%^%$^&--0$&*$&*'
8 | }
9 |
10 | const params = [
11 | {
12 | name: 'one',
13 | value: 'invoice["numberProp"]',
14 | expression: 'path'
15 | },
16 | {
17 | name: 'two',
18 | value: 'object["stringProp"]',
19 | expression: 'path'
20 | }
21 | ]
22 |
23 | const machineDefinition = new MachineDefinition({
24 | objectConfiguration: {
25 | alias: 'invoice'
26 | }
27 | })
28 |
29 | const implicitParams = {
30 | object,
31 | ...machineDefinition.prepareObjectAlias(object)
32 | }
33 |
34 | it('return evaluated path expressions', () => {
35 | const newParams = machineDefinition.prepareParams({
36 | explicitParams: params,
37 | implicitParams
38 | });
39 | assert.deepEqual({
40 | one: object.numberProp,
41 | two: object.stringProp,
42 | ...implicitParams
43 | }, newParams)
44 | })
45 |
46 | it('throw for invalid path', () => {
47 | try {
48 | const newParams = machineDefinition.prepareParams({
49 | explicitParams: [
50 | {
51 | name: 'three',
52 | expression: 'path',
53 | value: '["numberProp"]' // not prefixed -> error
54 | }
55 | ],
56 | implicitParams
57 | });
58 | assert.fail(`Did not throw for invalid path; returned: ${newParams}`)
59 | } catch (err) {
60 | assert(true)
61 | }
62 | })
63 | });
64 |
--------------------------------------------------------------------------------
/packages/editor/src/components/StatesTable/DeleteStateDialogBody.spec.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { expect } from 'chai';
3 | import Enzyme from 'enzyme';
4 | import Adapter from 'enzyme-adapter-react-15';
5 | import { mount } from 'enzyme';
6 | import DeleteStateDialogBody from './DeleteStateDialogBody.react';
7 | import FormGroup from 'react-bootstrap/lib/FormGroup';
8 | import FormControl from 'react-bootstrap/lib/FormControl';
9 | import Radio from 'react-bootstrap/lib/Radio';
10 | import { I18nManager } from '@opuscapita/i18n';
11 |
12 | Enzyme.configure({ adapter: new Adapter() });
13 |
14 | describe('
33 |
34 |
43 |
45 |
50 |
51 |
52 |
53 | )
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/packages/examples/complete-demo/src/server/storage/storage.js:
--------------------------------------------------------------------------------
1 | import { resolve } from 'path';
2 | import Sequelize from 'sequelize';
3 | import Sequelizer from 'sequelizer';
4 | import { objectIdProp } from '../../common';
5 | import objectConfig from '../objectConfig';
6 |
7 | const sqlitePath = resolve(__dirname, './demo.sqlite');
8 |
9 | class Storage {
10 | sequelize = null;
11 | invoiceModel = null;
12 |
13 | init = async function() {
14 | this.sequelize = new Sequelize('mainDB', null, null, {
15 | dialect: "sqlite",
16 | storage: sqlitePath,
17 | define: {
18 | charset: 'utf8',
19 | dialectOptions: {
20 | collate: 'utf8_general_ci'
21 | }
22 | },
23 | sync: { force: true },
24 | logging: null
25 | });
26 |
27 | // create Invoice model from JSON schema
28 | const objectSchema = objectConfig.getConfig().schema;
29 | const definition = Sequelizer.fromJsonSchema(objectSchema, 'InvoiceSchema', {
30 | uniqueFields: [objectIdProp]
31 | });
32 |
33 | this.invoiceModel = this.sequelize.define('invoice', definition);
34 | await this.invoiceModel.drop(); // drop previous table for demo purposes
35 | return this.invoiceModel.sync(); // create a table
36 | }
37 |
38 | getAllObjects = async function() {
39 | return this.invoiceModel.findAll();
40 | }
41 |
42 | getObjectById = async function(id) {
43 | return this.invoiceModel.findOne({ where: { [objectIdProp]: id } });
44 | }
45 |
46 | addObject = async function(object) {
47 | return this.invoiceModel.create(object)
48 | }
49 |
50 | updateObject = async function(object) {
51 | const dbObject = await this.getObjectById(object[objectIdProp]);
52 | if (!dbObject) {
53 | throw new Error('updateObject have not found a host object!')
54 | }
55 | return dbObject.update(object)
56 | }
57 | }
58 |
59 | export default new Storage();
60 |
--------------------------------------------------------------------------------
/packages/examples/complete-demo/config/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
3 |
4 | const plugins = [];
5 |
6 | if (process.env.NODE_ENV === 'production') {
7 | plugins.push(new UglifyJsPlugin())
8 | }
9 |
10 | module.exports = {
11 | context: path.resolve(__dirname, '../'),
12 | plugins,
13 | entry: path.resolve(__dirname, '../src/client/index.js'),
14 | output: {
15 | filename: 'bundle.js',
16 | path: path.resolve(__dirname, '../build'),
17 | publicPath: '/',
18 | library: 'fsmCompleteDemo',
19 | libraryTarget: 'umd',
20 | },
21 | externals: {
22 | react: 'React',
23 | 'react-dom': 'ReactDOM'
24 | },
25 | devServer: {
26 | contentBase: path.resolve(__dirname, '../build'),
27 | host: process.env.HOST || 'localhost'
28 | },
29 | devtool: 'inline-source-map',
30 | module: {
31 | rules: [
32 | {
33 | test: /\.js$/,
34 | include: path.resolve(__dirname, '../src/client'),
35 | use: {
36 | loader: 'babel-loader',
37 | options: {
38 | presets: ['env', 'react'],
39 | plugins: [
40 | require('babel-plugin-transform-class-properties'),
41 | require('babel-plugin-transform-object-rest-spread'),
42 | require('babel-plugin-transform-decorators-legacy').default
43 | ]
44 | }
45 | },
46 | exclude: /node_modules/
47 | },
48 | {
49 | test: /\.css$/,
50 | use: ['style-loader', 'css-loader']
51 | },
52 | {
53 | test: /\.less$/,
54 | use: ['style-loader', 'css-loader', 'less-loader']
55 | },
56 | {
57 | test: /\.(png|woff|woff2|eot|ttf)$/,
58 | loader: ['file-loader']
59 | },
60 | {
61 | test: /\.(svg)(\?[a-z0-9=&.]+)?$/,
62 | use: ['raw-loader']
63 | },
64 | ]
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/packages/examples/complete-demo/src/client/components/App.react.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react';
2 | import { BrowserRouter as Router, Route, withRouter } from 'react-router-dom';
3 | import PropTypes from 'prop-types';
4 | import { I18nManager } from '@opuscapita/i18n';
5 | import { uiMessageNotifications } from '../uiGlobalComponents';
6 | import Menu from './Menu.react';
7 | import HomePage from './HomePage.react';
8 | import Editor from './Editor.react';
9 | import WorkflowHistory from './History.react';
10 | import { notificationSuccess, notificationError } from '../constants';
11 | import './styles.css';
12 |
13 | const url = baseUrl => path => `${baseUrl}/${path}`.replace(/\/{2,}/, '/');
14 |
15 | export default class App extends PureComponent {
16 | static childContextTypes = {
17 | i18n: PropTypes.object.isRequired,
18 | uiMessageNotifications: PropTypes.object.isRequired,
19 | url: PropTypes.func.isRequired
20 | }
21 |
22 | constructor(...args) {
23 | super(...args);
24 | this.i18n = new I18nManager();
25 | }
26 |
27 | getChildContext() {
28 | return {
29 | i18n: this.i18n,
30 | uiMessageNotifications,
31 | url: url(this.props.baseUrl)
32 | }
33 | }
34 |
35 | componentWillUnmount() {
36 | uiMessageNotifications.remove({ id: notificationSuccess })
37 | uiMessageNotifications.remove({ id: notificationError })
38 | }
39 |
40 | render() {
41 | const MyMenu = withRouter(Menu);
42 |
43 | return (
44 |
46 |
48 |
49 |
50 |
51 |
58 |
65 |
66 | )
67 | }
68 | }
69 |
70 | IntegerInput.propTypes = {
71 | value: PropTypes.number
72 | }
73 |
74 | IntegerInput.contextTypes = {
75 | i18n: PropTypes.object
76 | }
77 |
--------------------------------------------------------------------------------
/packages/history/src/models/interfaces/workflowTransitionHistory.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | /*
4 | * The function return Model.create(...) promise
5 | * which resolved value is a row instance.
6 | */
7 | const add = model => fields => model.create(fields);
8 |
9 | /*
10 | * The function returns Model.findAll(...) promise
11 | * which resolved value is an array of objects.
12 | */
13 | const search = model => {
14 | const Op = (
15 | model.sequelize &&
16 | model.sequelize.constructor &&
17 | model.sequelize.constructor.Op
18 | ) || {
19 | gt: '$gt',
20 | gte: '$gte',
21 | lt: '$lt',
22 | lte: '$lte'
23 | };
24 | const { gt, gte, lt, lte } = Op
25 | return (
26 | {
27 | object: { businessObjId, businessObjType } = {},
28 | user,
29 | workflowName,
30 | finishedOn = {}
31 | } = {},
32 | {
33 | max = 25,
34 | offset = 0
35 | } = {},
36 | {
37 | by = 'finishedOn',
38 | order = 'desc'
39 | } = {}
40 | ) => {
41 | return model.
42 | findAll({
43 | where: {
44 | ...(businessObjId && { businessObjId }),
45 | ...(businessObjType && { businessObjType }),
46 | ...(user && { user }),
47 | ...(workflowName && { workflowName }),
48 | ...(Object.keys(finishedOn).length && {
49 | finishedOn: {
50 | ...(finishedOn.gt && { [gt]: finishedOn.gt }),
51 | ...(finishedOn.gte && { [gte]: finishedOn.gte }),
52 | ...(finishedOn.lt && { [lt]: finishedOn.lt }),
53 | ...(finishedOn.lte && { [lte]: finishedOn.lte })
54 | }
55 | })
56 | },
57 | raw: true,
58 | order: [[by, order.toUpperCase()]],
59 | limit: max,
60 | offset
61 | })
62 | }
63 | };
64 |
65 | /*
66 | * The function return Model.delete(...) promise
67 | * which resolved value is number of removed records.
68 | */
69 | const del = model => (where = null) => {
70 | return model.destroy({ where });
71 | };
72 |
73 | module.exports = model => ({
74 | add: add(model),
75 | search: search(model),
76 | delete: del(model)
77 | });
78 |
--------------------------------------------------------------------------------
/packages/editor/src/components/ParamsEditor/components/PathExpressionInputInjector/ExpressionEditor.react.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react';
2 | import PropTypes from 'prop-types';
3 | import Modal from 'react-bootstrap/lib/Modal';
4 | import Button from 'react-bootstrap/lib/Button';
5 | import ObjectInspector from '../../../ObjectInspector.react';
6 | import { unifyPath } from '../../../utils';
7 |
8 | export default class ExpressionEditor extends PureComponent {
9 | static propTypes = {
10 | onClose: PropTypes.func.isRequired,
11 | onSelect: PropTypes.func.isRequired,
12 | currentPath: PropTypes.string
13 | }
14 |
15 | static contextTypes = {
16 | i18n: PropTypes.object.isRequired,
17 | objectConfiguration: PropTypes.object.isRequired
18 | }
19 |
20 | handleClick = ({ path }) => {
21 | const { objectConfiguration: { alias = 'object' } } = this.context;
22 | this.props.onSelect(`${alias}${unifyPath(path)}`)
23 | }
24 |
25 | render() {
26 | const {
27 | objectConfiguration: {
28 | alias = 'object',
29 | example
30 | },
31 | i18n
32 | } = this.context;
33 |
34 | const { currentPath } = this.props;
35 |
36 | return (
37 | -
52 | {
53 | (value || []).map((v, i) => (
54 |
- {formatArg({ i18n, schema: schema.items, value: v })} 55 | )) 56 | } 57 |
60 |
67 |
68 | )
69 | }
70 | }
71 |
72 | DecimalInput.propTypes = {
73 | value: PropTypes.number
74 | }
75 |
76 | DecimalInput.contextTypes = {
77 | i18n: PropTypes.object
78 | }
79 |
--------------------------------------------------------------------------------
/packages/editor/src/components/CodeEditor/codemirror-placeholder-mod.js:
--------------------------------------------------------------------------------
1 | import CodeMirror from 'codemirror';
2 |
3 | // CodeMirror, copyright (c) by Marijn Haverbeke and others
4 | // Distributed under an MIT license: http://codemirror.net/LICENSE
5 |
6 | /* eslint-disable */
7 | (function(mod) {
8 | mod(CodeMirror);
9 | }(function(CodeMirror) {
10 | CodeMirror.defineOption("placeholder", "", function(cm, val, old) {
11 | const prev = old && old != CodeMirror.Init;
12 | if (val && !prev) {
13 | cm.on("blur", onBlur);
14 | cm.on("change", onChange);
15 | cm.on("focus", onFocus);
16 | cm.on("swapDoc", onChange);
17 | onChange(cm);
18 | } else if (!val && prev) {
19 | cm.off("blur", onBlur);
20 | cm.off("change", onChange);
21 | cm.off("swapDoc", onChange);
22 | clearPlaceholder(cm);
23 | const wrapper = cm.getWrapperElement();
24 | wrapper.className = wrapper.className.replace(" CodeMirror-empty", "");
25 | }
26 |
27 | if (val && !cm.hasFocus()) onBlur(cm);
28 | });
29 |
30 | function clearPlaceholder(cm) {
31 | if (cm.state.placeholder) {
32 | cm.state.placeholder.parentNode.removeChild(cm.state.placeholder);
33 | cm.state.placeholder = null;
34 | }
35 | }
36 | function setPlaceholder(cm) {
37 | clearPlaceholder(cm);
38 | const elt = cm.state.placeholder = document.createElement("pre");
39 | elt.style.cssText = "height: 0; overflow: visible";
40 | elt.style.direction = cm.getOption("direction");
41 | elt.className = "CodeMirror-placeholder";
42 | var placeHolder = cm.getOption("placeholder")
43 | if (typeof placeHolder == "string") placeHolder = document.createTextNode(placeHolder)
44 | elt.appendChild(placeHolder)
45 | cm.display.lineSpace.insertBefore(elt, cm.display.lineSpace.firstChild);
46 | }
47 |
48 | function onBlur(cm) {
49 | if (isEmpty(cm)) setPlaceholder(cm);
50 | }
51 |
52 | function onFocus(cm) {
53 | clearPlaceholder(cm);
54 | }
55 |
56 | function onChange(cm) {
57 | const wrapper = cm.getWrapperElement(), empty = isEmpty(cm);
58 | wrapper.className = wrapper.className.replace(" CodeMirror-empty", "") + (empty ? " CodeMirror-empty" : "");
59 | }
60 |
61 | function isEmpty(cm) {
62 | return (cm.lineCount() === 1) && (cm.getLine(0) === "");
63 | }
64 | }));
65 | /* eslint-enable */
66 |
--------------------------------------------------------------------------------
/packages/core/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@opuscapita/fsm-workflow-core",
3 | "version": "3.0.2",
4 | "description": "FSM workflow (for Node.js)",
5 | "main": "lib/index.js",
6 | "files": [
7 | "lib"
8 | ],
9 | "scripts": {
10 | "lint": "eslint src",
11 | "lint-fix": "eslint src --fix",
12 | "test-only": "mocha src/**/*.spec.js --require config/mocha-setup.js",
13 | "test": "rimraf ./.nyc_output ./coverage && cross-env nyc mocha --reporter=mocha-junit-reporter --require config/mocha-setup.js --recursive \"src/**/*.spec.js\"",
14 | "build": "rimraf lib && babel --copy-files --no-babelrc --presets es2015,stage-0 --ignore *.spec.js src --out-dir lib",
15 | "prepare": "npm run build",
16 | "prepack": "npm run build"
17 | },
18 | "repository": "https://github.com/OpusCapita/fsm-workflow/tree/master/packages/core",
19 | "publishConfig": {
20 | "registry": "https://registry.npmjs.org/",
21 | "access": "public"
22 | },
23 | "author": "Alexey Sergeev
72 |
85 | )
86 | }
87 |
72 |
85 | )
86 | }
87 |
45 |
52 |
57 | {i18n.getMessage('fsmWorkflowEditor.ui.states.deleteDialog.message.delete')}
58 |
59 |
64 | {i18n.getMessage(
65 | 'fsmWorkflowEditor.ui.states.deleteDialog.message.swap',
66 | { stateName: getStateName(stateName) }
67 | )}
68 |
74 | {
75 | otherStates.map(({ name }, i) => (
76 |
77 | ))
78 | }
79 |
80 |
81 |
82 |
83 | )
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/packages/editor/src/components/ParamsEditor/components/ArrayEditor.react.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react';
2 | import PropTypes from 'prop-types';
3 | import './ArrayEditor.less';
4 | import withExpressionInput from './PathExpressionInputInjector';
5 |
6 | @withExpressionInput
7 | export default class ArrayEditor extends PureComponent {
8 | static propTypes = {
9 | label: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,
10 | value: PropTypes.oneOfType([
11 | PropTypes.arrayOf(PropTypes.any),
12 | PropTypes.string
13 | ]),
14 | itemComponent: PropTypes.func,
15 | onChange: PropTypes.func.isRequired,
16 | component: PropTypes.func
17 | }
18 |
19 | handleAdd = _ => this.props.onChange((this.props.value || []).concat(null))
20 |
21 | handleChange = index => newValue => this.props.onChange(
22 | [...this.props.value.slice(0, index), newValue, ...this.props.value.slice(index + 1)]
23 | )
24 |
25 | handleDelete = index => _ => this.props.onChange(
26 | [...this.props.value.slice(0, index), ...this.props.value.slice(index + 1)]
27 | )
28 |
29 | render() {
30 | const { label, value, itemComponent: ItemComponent, component: CustomComponent } = this.props;
31 |
32 | let renderLabel = label;
33 |
34 | if (typeof label === 'function') {
35 | const Label = label;
36 | renderLabel = ()
37 | }
38 |
39 | return (
40 | 46 | {i18n.getMessage( 47 | 'fsmWorkflowEditor.ui.states.deleteDialog.message.description', 48 | { stateName: getStateName(stateName) } 49 | )} 50 |
51 |
41 |
42 |
43 |
89 |
90 | )
91 | }
92 | }
93 |
--------------------------------------------------------------------------------
/packages/editor/src/components/ParamsEditor/components/PathExpressionInputInjector/PathExpressionInputInjector.react.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react';
2 | import PropTypes from 'prop-types';
3 | import ExpressionSwitcher from './ExpressionSwitcher.react';
4 | import ExpressionInput from './ExpressionInput.react';
5 | import ExpressionEditor from './ExpressionEditor.react';
6 |
7 | // TODO warn about mismatch in object/param schemas
8 |
9 | export default WrappedComponent => WrappedComponent &&
10 | class WithPathExpressionInput extends PureComponent {
11 | static propTypes = {
12 | label: PropTypes.string.isRequired,
13 | onChange: PropTypes.func.isRequired,
14 | param: PropTypes.shape({
15 | value: PropTypes.any,
16 | expression: PropTypes.string
17 | })
18 | }
19 |
20 | state = {
21 | expression: !!this.props.param.expression,
22 | showDialog: false,
23 | isSwitching: false
24 | }
25 |
26 | // waiting for null value to come back from outside after switching back from expression to regular value
27 | componentWillReceiveProps({ param: { value } }) {
28 | const { expression, isSwitching } = this.state;
29 | if (!expression && isSwitching) {
30 | this.setState({ isSwitching: false })
31 | }
32 | }
33 |
34 | handleChange = value => this.props.onChange({
35 | value,
36 | ...(this.state.expression && { expression: 'path' })
37 | })
38 |
39 | handleSelectProp = path => {
40 | this.handleChange(path)
41 | this.handleClose({ selected: true })
42 | }
43 |
44 | handleToggleMode = _ => this.setState(prevState => ({
45 | expression: !prevState.expression,
46 | ...(prevState.expression ? { isSwitching: true } : { showDialog: true })
47 | }), _ => !this.state.expression && this.handleChange(null))
48 |
49 | handleEdit = _ => this.setState({ showDialog: true })
50 |
51 | handleClose = ({ selected } = {}) => this.setState(prevState => ({
52 | showDialog: false,
53 | ...(!selected && !this.props.param.value && { expression: false })
54 | }))
55 |
56 | render() {
57 | const { label, param, ...props } = this.props;
58 | const { expression, showDialog, isSwitching } = this.state;
59 |
60 | const newProps = {
61 | ...props,
62 | value: param.value,
63 | label: _ => (
64 | | 45 | 46 | | 47 | { 48 | !CustomComponent && ( 49 |50 | 55 | | 56 | ) 57 | } 58 |
|---|---|
|
66 | |
68 | |
|
74 | |
76 | 77 | 82 | | 83 |
84 |
95 | )
96 | }
97 | }
98 |
--------------------------------------------------------------------------------
/packages/examples/complete-demo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@opuscapita/fsm-workflow-demo",
3 | "version": "3.0.2",
4 | "main": "index.js",
5 | "license": "MIT",
6 | "private": true,
7 | "scripts": {
8 | "lint": "rimraf src/compiled-server && eslint src",
9 | "test-only": "mocha src/**/*.spec.js --require config/mocha-setup.js",
10 | "test": "rimraf ./.nyc_output ./coverage && cross-env nyc mocha --reporter=mocha-junit-reporter --require config/mocha-setup.js --recursive \"src/**/*.spec.js\"",
11 | "add-dependency": "cd ../../../ && npm run add-dependency -- --scope=@opuscapita/fsm-workflow-demo",
12 | "start": "rimraf src/compiled-server && babel src/server -s -D -d src/compiled-server && cross-env PORT=3020 NODE_ENV=development node src/compiled-server/index.js",
13 | "demo:build": "rimraf build && cross-env NODE_ENV=production webpack --config config/webpack.config.js && rimraf src/compiled-server && babel src/server -s -D -d src/compiled-server",
14 | "demo:start": "cross-env NODE_ENV=production node src/compiled-server/index.js"
15 | },
16 | "dependencies": {
17 | "@opuscapita/fsm-workflow-core": "3.0.2",
18 | "@opuscapita/fsm-workflow-editor": "3.0.2",
19 | "@opuscapita/fsm-workflow-history": "3.0.2",
20 | "@opuscapita/i18n": "1.1.1",
21 | "@opuscapita/react-navigation": "0.1.2",
22 | "@opuscapita/react-notifications": "1.4.3",
23 | "body-parser": "1.18.2",
24 | "express": "4.16.2",
25 | "json-schema-faker": "0.4.7",
26 | "lodash": "4.17.5",
27 | "morgan": "1.9.0",
28 | "prop-types": "15.6.0",
29 | "react-bootstrap": "0.31.5",
30 | "react-router-dom": "4.2.2",
31 | "sequelize": "6.6.5",
32 | "sequelizer": "1.1.4",
33 | "sqlite3": "4.1.1",
34 | "superagent": "3.8.2"
35 | },
36 | "devDependencies": {
37 | "babel-cli": "6.26.0",
38 | "babel-eslint": "8.2.1",
39 | "babel-loader": "7.1.2",
40 | "babel-plugin-istanbul": "4.1.4",
41 | "babel-plugin-transform-class-properties": "6.24.1",
42 | "babel-plugin-transform-decorators-legacy": "1.3.4",
43 | "babel-plugin-transform-object-rest-spread": "6.26.0",
44 | "babel-preset-env": "1.6.1",
45 | "babel-preset-react": "6.24.1",
46 | "copy-webpack-plugin": "4.5.2",
47 | "cross-env": "5.1.3",
48 | "css-loader": "0.28.9",
49 | "eslint": "4.18.0",
50 | "eslint-config-opuscapita": "2.0.0",
51 | "eslint-plugin-react": "7.6.1",
52 | "file-loader": "1.1.8",
53 | "html-webpack-plugin": "3.2.0",
54 | "less-loader": "4.0.5",
55 | "mocha": "3.5.0",
56 | "mocha-junit-reporter": "1.13.0",
57 | "nyc": "11.1.0",
58 | "raw-loader": "0.5.1",
59 | "react": "15.6.2",
60 | "react-dom": "15.6.2",
61 | "rimraf": "2.6.2",
62 | "style-loader": "0.20.1",
63 | "uglifyjs-webpack-plugin": "1.2.0",
64 | "webpack": "3.4.1",
65 | "webpack-dev-middleware": "2.0.5"
66 | },
67 | "peerDependencies": {
68 | "react": "^15.6.2 || ^16.2.0",
69 | "react-dom": "^15.6.2 || ^16.2.0"
70 | },
71 | "babel": {
72 | "presets": [
73 | [
74 | "env",
75 | {
76 | "targets": {
77 | "node": "8"
78 | }
79 | }
80 | ]
81 | ],
82 | "plugins": [
83 | "transform-object-rest-spread",
84 | "transform-class-properties"
85 | ]
86 | }
87 | }
88 |
--------------------------------------------------------------------------------
/packages/examples/invoice-console/forms.js:
--------------------------------------------------------------------------------
1 | const blessed = require("blessed");
2 |
3 | const eventForm = ({
4 | screen,
5 | formProperties = {},
6 | availableEvents = [],
7 | onSubmit = () => {}
8 | }) => {
9 | const form = blessed.form({
10 | label: 'Action Form',
11 | mouse: true,
12 | keys: true,
13 | vi: true,
14 | left: 0,
15 | top: 0,
16 | width: "100%",
17 | scrollable: true,
18 | scrollbar: {
19 | ch: " "
20 | },
21 | border: 'line',
22 | ...formProperties
23 | });
24 |
25 | form.on("submit", function(data) {
26 | availableEvents.find(event => {
27 | if (data[event]) {
28 | onSubmit({ event });
29 | return;
30 | }
31 | });
32 | });
33 |
34 | const radioset = blessed.radioset({
35 | parent: form,
36 | shrink: true
37 | })
38 |
39 | let top = 0;
40 | const options = [];
41 | for (let i = 0; i < availableEvents.length; i++) {
42 | options.push(blessed.radiobutton({
43 | parent: radioset,
44 | mouse: true,
45 | checked: (i === 0),
46 | keys: true,
47 | shrink: true,
48 | top: top++,
49 | shrink: true,
50 | name: availableEvents[i],
51 | content: availableEvents[i]
52 | }));
53 | }
54 |
55 | const submit = blessed.button({
56 | parent: form,
57 | mouse: true,
58 | keys: true,
59 | top: top++,
60 | shrink: true,
61 | name: "submit",
62 | content: "Send Event",
63 | padding: {
64 | left: 1,
65 | right: 1
66 | },
67 | style: {
68 | bg: "white",
69 | fg: "black",
70 | focus: {
71 | bg: "blue"
72 | }
73 | }
74 | });
75 |
76 | submit.on("press", function() {
77 | form.submit();
78 | });
79 |
80 | if (options.length > 0) {
81 | options[0].focus();
82 | }
83 | screen.render();
84 |
85 | return form;
86 | };
87 |
88 | const startForm = ({
89 | screen,
90 | formProperties = {},
91 | submitLabel = 'Start',
92 | onSubmit = () => {},
93 | }) => {
94 | // console.log(`arguments[0]: '${JSON.stringify(arguments[0])}'`);
95 | const form = blessed.form({
96 | label: 'Action Form',
97 | mouse: true,
98 | keys: true,
99 | vi: true,
100 | left: 0,
101 | top: 0,
102 | width: "100%",
103 | scrollable: true,
104 | scrollbar: {
105 | ch: " "
106 | },
107 | border: 'line',
108 | ...formProperties
109 | });
110 |
111 | form.on("submit", onSubmit);
112 |
113 | const submit = blessed.button({
114 | parent: form,
115 | mouse: true,
116 | keys: true,
117 | // top: 10,
118 | shrink: true,
119 | name: "submit",
120 | content: submitLabel,
121 | padding: {
122 | left: 1,
123 | right: 1
124 | },
125 | style: {
126 | bg: "white",
127 | fg: "black",
128 | focus: {
129 | bg: "blue"
130 | }
131 | }
132 | });
133 |
134 | submit.on("press", function() {
135 | form.submit();
136 | });
137 |
138 | submit.focus();
139 | screen.render();
140 |
141 | return form;
142 | };
143 |
144 | const restartForm = (input) => {
145 | return startForm({...input, submitLabel:'Start'});
146 | }
147 |
148 | export default {
149 | startForm,
150 | eventForm,
151 | restartForm,
152 | };
153 |
--------------------------------------------------------------------------------
/packages/editor/src/components/StatesTable/StatesTable.spec.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { expect } from 'chai';
3 | import Enzyme from 'enzyme';
4 | import Adapter from 'enzyme-adapter-react-15';
5 | import { mount } from 'enzyme';
6 | import StatesTable from './StatesTable.react';
7 | import { I18nManager } from '@opuscapita/i18n';
8 | import messages from '../../i18n';
9 |
10 | const i18n = new I18nManager();
11 | i18n.register('asddass', messages);
12 |
13 | Enzyme.configure({ adapter: new Adapter() });
14 |
15 | describe('{grid}
)
96 | }
97 | }
98 |
--------------------------------------------------------------------------------
/packages/examples/complete-demo/src/server/index.js:
--------------------------------------------------------------------------------
1 | import { resolve } from 'path';
2 | import express from 'express';
3 | import { Server } from 'http';
4 | import morgan from 'morgan';
5 | import webpack from 'webpack';
6 | import webpackDevMiddleware from 'webpack-dev-middleware';
7 | import webpackConfig from '../../config/webpack.config';
8 | import bodyParser from 'body-parser';
9 | import objectRoutes from './routes/objects';
10 | import sendEventRoute from './routes/sendEvent';
11 | import transitionsRoute from './routes/availableTransitions';
12 | import editorDataRoute from './routes/editorData';
13 | import statesRoute from './routes/states';
14 | import historyRoute from './routes/history';
15 | import storage from './storage';
16 | import fsm from './fsm';
17 | import schema from './schema';
18 | import objectConfig from './objectConfig';
19 | import { generateObjects } from './utils';
20 |
21 | const host = process.env.HOST || 'localhost';
22 | const port = process.env.PORT || 3020;
23 |
24 | const app = express();
25 | const server = Server(app);
26 |
27 | app.use(bodyParser.json());
28 | app.use(morgan('tiny', { immediate: true }));
29 |
30 | app.use(objectRoutes);
31 | app.use(sendEventRoute);
32 | app.use(transitionsRoute);
33 | app.use(editorDataRoute);
34 | app.use(statesRoute);
35 | app.use(historyRoute);
36 |
37 | const compiler = webpack(webpackConfig);
38 |
39 | if (process.env.NODE_ENV === 'development') {
40 | app.use(webpackDevMiddleware(compiler, {
41 | noInfo: true,
42 | publicPath: webpackConfig.output.publicPath
43 | }))
44 | } else {
45 | app.get('/bundle.js', (req, res) => {
46 | res.sendFile(resolve(__dirname, '../../build/bundle.js'));
47 | })
48 | }
49 |
50 | app.get('*', function(req, res) {
51 | res.setHeader('Content-Type', 'text/html');
52 | res.send(`
53 |
54 |
55 |
56 |
57 | 
](https://github.com/kvolkovich-sc) | [**Alexey Sergeev**](https://github.com/asergeev-sc) |
62 | | :---: | :---: |
63 | | [
](https://github.com/kvolkovich-sc) | [**Kirill Volkovich**](https://github.com/kvolkovich-sc) |
64 | | [
](https://github.com/dzhitomirsky-sc) | [**Daniel Zhitomirsky**](https://github.com/dzhitomirsky-sc) |
65 | | [
](https://github.com/estambakio-sc) | [**Egor Stambakio**](https://github.com/estambakio-sc) |
66 |
67 |
68 | Contributing are welcome. We need YOU! :metal:
69 |
--------------------------------------------------------------------------------