5720827273

import axios from 'axios';
import { assign, Machine } from 'xstate';

const loadMachine = Machine(
  {
    context: {
      exampleFile: null,
      uploadFile: null,
      axes: 'ZYXC',
      errorText: '',
    },
    initial: 'idle',
    states: {
      idle: {
        on: {
          SET_EXAMPLE_FILE: { actions: 'setExampleFile' },
          SET_UPLOAD_FILE: [
            { cond: 'isSingleFile', target: 'uploaded', actions: 'setUploadFile' },
            { target: 'error', actions: 'setSingleFileError' },
          ],
          SUBMIT_EXAMPLE: { target: 'submittingExample' },
        },
      },
      uploaded: {
        on: {
          SET_AXES: { actions: 'setAxes' },
          SUBMIT_UPLOAD: { target: 'submittingUpload' },
        },
      },
      submittingExample: {
        invoke: {
          src: 'submitExample',
          onDone: { actions: 'redirectToProject' },
          onError: { target: 'error', actions: 'setErrorText' },
        },
      },
      submittingUpload: {
        invoke: {
          src: 'submitUpload',
          onDone: { actions: 'redirectToProject' },
          onError: { target: 'error', actions: 'setErrorText' },
        },
      },
      error: {
        on: {
          SUBMIT_UPLOAD: { target: 'submittingUpload' },
          SUBMIT_EXAMPLE: { target: 'submittingExample' },
          SET_UPLOAD_FILE: [
            { cond: 'isSingleFile', target: 'uploaded', actions: 'setUploadFile' },
            { actions: 'setSingleFileError' },
          ],
        },
      },
    },
  },
  {
    guards: {
      isSingleFile: (_, { files }) => files.length === 1,
    },
    services: {
      submitExample: (context) => {
        const { exampleFile } = context;
        const formData = new FormData();
        formData.append('images', exampleFile);
        return axios.post('/api/project', formData, {
          headers: { 'Content-Type': 'multipart/form-data' },
        });
      },
      submitUpload: (context) => {
        const { uploadFile, axes } = context;
        const formData = new FormData();
        formData.append('images', uploadFile);
        formData.append('axes', axes);
        return axios.post('/api/project/dropped', formData, {
          headers: { 'Content-Type': 'multipart/form-data' },
        });
      },
    },
    actions: {
      setExampleFile: assign({
        exampleFile: (_, { file }) => file,
      }),
      setUploadFile: assign({
        uploadFile: ({ uploadFile }, { files }) => {
          // Revoke the data uris of existing file previews to avoid memory leaks
          if (uploadFile) {
            URL.revokeObjectURL(uploadFile.preview);
          }
          const file = files[0];
          Object.assign(file, { preview: URL.createObjectURL(file) });
          return file;
        },
      }),
      setAxes: assign({ axes: (_, { axes }) => axes }),
      setErrorText: assign({ errorText: (_, event) => `${event.error}` }),
      setSingleFileError: assign({ errorText: 'Please upload a single file.' }),
      redirectToProject: (ctx, evt) => {
        const projectId = evt.data.data;
        let url = `${document.location.origin}/project?projectId=${projectId}&download=true`;
        window.location.href = url;
      },
    },
  }
);

export default loadMachine;

1	import axios from 'axios';
2	import { assign, Machine } from 'xstate';
3
4	const loadMachine = Machine(	18✔
5	{
6	context: {
7	exampleFile: null,
8	uploadFile: null,
9	axes: 'ZYXC',
10	errorText: '',
11	},
12	initial: 'idle',
13	states: {
14	idle: {
15	on: {
16	SET_EXAMPLE_FILE: { actions: 'setExampleFile' },
17	SET_UPLOAD_FILE: [
18	{ cond: 'isSingleFile', target: 'uploaded', actions: 'setUploadFile' },
19	{ target: 'error', actions: 'setSingleFileError' },
20	],
21	SUBMIT_EXAMPLE: { target: 'submittingExample' },
22	},
23	},
24	uploaded: {
25	on: {
26	SET_AXES: { actions: 'setAxes' },
27	SUBMIT_UPLOAD: { target: 'submittingUpload' },
28	},
29	},
30	submittingExample: {
31	invoke: {
32	src: 'submitExample',
33	onDone: { actions: 'redirectToProject' },
34	onError: { target: 'error', actions: 'setErrorText' },
35	},
36	},
37	submittingUpload: {
38	invoke: {
39	src: 'submitUpload',
40	onDone: { actions: 'redirectToProject' },
41	onError: { target: 'error', actions: 'setErrorText' },
42	},
43	},
44	error: {
45	on: {
46	SUBMIT_UPLOAD: { target: 'submittingUpload' },
47	SUBMIT_EXAMPLE: { target: 'submittingExample' },
48	SET_UPLOAD_FILE: [
49	{ cond: 'isSingleFile', target: 'uploaded', actions: 'setUploadFile' },
50	{ actions: 'setSingleFileError' },
51	],
52	},
53	},
54	},
55	},
56	{
57	guards: {
58	isSingleFile: (_, { files }) => files.length === 1,	×
59	},
60	services: {
61	submitExample: (context) => {
62	const { exampleFile } = context;	×
63	const formData = new FormData();	×
64	formData.append('images', exampleFile);	×
65	return axios.post('/api/project', formData, {	×
66	headers: { 'Content-Type': 'multipart/form-data' },
67	});
68	},
69	submitUpload: (context) => {
70	const { uploadFile, axes } = context;	×
71	const formData = new FormData();	×
72	formData.append('images', uploadFile);	×
73	formData.append('axes', axes);	×
74	return axios.post('/api/project/dropped', formData, {	×
75	headers: { 'Content-Type': 'multipart/form-data' },
76	});
77	},
78	},
79	actions: {
80	setExampleFile: assign({
81	exampleFile: (_, { file }) => file,	×
82	}),
83	setUploadFile: assign({
84	uploadFile: ({ uploadFile }, { files }) => {
85	// Revoke the data uris of existing file previews to avoid memory leaks
86	if (uploadFile) {	×
87	URL.revokeObjectURL(uploadFile.preview);	×
88	}
89	const file = files[0];	×
90	Object.assign(file, { preview: URL.createObjectURL(file) });	×
91	return file;	×
92	},
93	}),
94	setAxes: assign({ axes: (_, { axes }) => axes }),	×
95	setErrorText: assign({ errorText: (_, event) => `${event.error}` }),	×
96	setSingleFileError: assign({ errorText: 'Please upload a single file.' }),
97	redirectToProject: (ctx, evt) => {
98	const projectId = evt.data.data;	×
99	let url = `${document.location.origin}/project?projectId=${projectId}&download=true`;	×
100	window.location.href = url;	×
101	},
102	},
103	}
104	);
105
106	export default loadMachine;

vanvalenlab / deepcell-label / 5720827273

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous