@haiiro/docuflow 0.0.5 → 0.0.7

package/src/front-components/docflow-processes.front-component.tsx

@@ -12,6 +12,7 @@ import { restAnd, restEq, restIlike, restIn } from 'src/shared/api/rest-filter.u
 import { DOCFLOW_SECTION } from 'src/shared/docflow.constants';
 import { type FormField, type FormValues } from 'src/shared/form/form-field.type';
 import { findMissingRequiredFields } from 'src/shared/form/form-fields.util';
+import { logDocflow, logDocflowError } from 'src/shared/log.util';
 import {
   buildLaunchParameters,
   isLaunchParametersStep,
@@ -22,6 +23,10 @@ import { PROCESSES_FRONT_COMPONENT_UNIVERSAL_IDENTIFIER } from 'src/universal-id
 
 const PROCESSES_LIMIT = 200;
 const SEARCH_DEBOUNCE_MS = 300;
+const DRAFT_WAIT_ATTEMPTS = 10;
+const DRAFT_WAIT_MS = 400;
+
+type Panel = { kind: 'closed' } | { kind: 'process'; workflowVersionId: string };
 
 type WorkflowRecord = { id: string; name?: string | null; smbLaunchFields?: unknown };
 type WorkflowVersionRecord = {
@@ -153,18 +158,39 @@ const ProcessLaunchForm = ({
   );
 };
 
+// The server gives a new workflow its first draft version right after the
+// record; the launch step can only be put into an existing draft.
+const waitForDraft = async (workflowId: string) => {
+  for (let attempt = 0; attempt < DRAFT_WAIT_ATTEMPTS; attempt++) {
+    const { records } = await listRecords<{ id: string }>('workflowVersions', {
+      filter: restEq('workflowId', workflowId),
+      limit: 1,
+    });
+
+    if (records.length > 0) {
+      return;
+    }
+
+    await new Promise((resolve) => setTimeout(resolve, DRAFT_WAIT_MS));
+  }
+};
+
 const DocflowProcesses = () => {
   const theme = useTheme();
   const [searchInput, setSearchInput] = useState('');
   const searchQuery = useDebouncedValue(searchInput, SEARCH_DEBOUNCE_MS);
-  const [selectedVersionId, setSelectedVersionId] = useState<string | undefined>();
+  const [panel, setPanel] = useState<Panel>({ kind: 'closed' });
   const [isCreating, setIsCreating] = useState(false);
   const { data: processes, loading, error } = useAsync(() => loadProcesses(searchQuery), [searchQuery]);
+  const selectedVersionId = panel.kind === 'process' ? panel.workflowVersionId : undefined;
   const selectedProcess = processes?.find((process) => process.workflowVersionId === selectedVersionId);
 
-  // Created in the docflow section, then opened in the standard editor.
+  // As "Создать" of the standard list: a process with a manual trigger in the
+  // docflow section, opened in the editor. Launch parameters are set later
+  // with the process's "Параметры запуска" command.
   const handleCreate = async () => {
     setIsCreating(true);
+    logDocflow('process: create');
 
     try {
       const workflow = await createRecord<WorkflowRecord>('workflows', {
@@ -172,13 +198,18 @@ const DocflowProcesses = () => {
         smbSection: DOCFLOW_SECTION,
       });
 
-      if (workflow !== undefined) {
-        await navigate(AppPath.RecordShowPage, {
-          objectNameSingular: 'workflow',
-          objectRecordId: workflow.id,
-        });
+      if (workflow === undefined) {
+        throw new Error('процесс создан, но сервер его не вернул');
       }
+
+      await waitForDraft(workflow.id);
+      await callAppRoute('/docflow/processes/launch-fields', { workflowId: workflow.id, fields: [] });
+      await navigate(AppPath.RecordShowPage, {
+        objectNameSingular: 'workflow',
+        objectRecordId: workflow.id,
+      });
     } catch (createError) {
+      logDocflowError('process: create failed', createError);
       await enqueueSnackbar({
         message: getErrorMessage(createError, 'Не удалось создать процесс'),
         variant: 'error',
@@ -192,13 +223,13 @@ const DocflowProcesses = () => {
     <DocflowRoot>
       <SplitView
         panelTitle={selectedProcess?.name}
-        onClosePanel={() => setSelectedVersionId(undefined)}
+        onClosePanel={() => setPanel({ kind: 'closed' })}
         panel={
           selectedProcess !== undefined ? (
             <ProcessLaunchForm
               key={selectedProcess.workflowVersionId}
               process={selectedProcess}
-              onLaunched={() => setSelectedVersionId(undefined)}
+              onLaunched={() => setPanel({ kind: 'closed' })}
             />
           ) : undefined
         }
@@ -214,7 +245,7 @@ const DocflowProcesses = () => {
             />
           </div>
           <div style={{ marginLeft: 'auto' }}>
-            <Button variant="outline" size="sm" loading={isCreating} onClick={() => void handleCreate()}>
+            <Button variant="solid" size="sm" loading={isCreating} onClick={() => void handleCreate()}>
               Создать
             </Button>
           </div>
@@ -227,7 +258,7 @@ const DocflowProcesses = () => {
         {loading && processes === undefined && <Message>Загрузка…</Message>}
         {!loading && error === undefined && processes?.length === 0 && (
           <Message>
-            Процессов для запуска нет. Здесь видны опубликованные процессы с ручным запуском и разделом «Документооборот». Параметры запуска задаются на вкладке процесса «Запуск и задания».
+            Процессов для запуска нет. Здесь видны опубликованные процессы с ручным запуском и разделом «Документооборот». Параметры запуска задаются кнопкой «Параметры запуска» вверху процесса.
           </Message>
         )}
         {processes !== undefined && processes.length > 0 && (
@@ -238,7 +269,7 @@ const DocflowProcesses = () => {
               { key: 'stages', label: 'Этапы' },
             ]}
             selectedRowId={selectedVersionId}
-            onRowClick={setSelectedVersionId}
+            onRowClick={(workflowVersionId) => setPanel({ kind: 'process', workflowVersionId })}
             rows={processes.map((process) => {
               const parameterCount = process.launchFields.length;