Release draft

app/package.json

@@ -30,6 +30,7 @@
     "@types/fhir": "^0.0.36",
     "dayjs": "^1.11.7",
     "html-react-parser": "^3.0.15",
+    "luxon": "^3.3.0",
     "next": "13.2.4",
     "prism-react-renderer": "^1.3.5",
     "react": "18.2.0",
@@ -38,6 +39,7 @@
     "zod": "^3.21.4"
   },
   "devDependencies": {
+    "@types/luxon": "^3.3.0",
     "@types/node": "18.15.3",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",

app/src/components/ReleaseModal.tsx

@@ -0,0 +1,140 @@
+import { trpc } from '@/util/trpc';
+import { ArtifactResourceType } from '@/util/types/fhir';
+import { Button, Center, Group, Modal, Stack, TextInput, Text, Tooltip } from '@mantine/core';
+import { DateTime } from 'luxon';
+import { useRouter } from 'next/router';
+import { useState } from 'react';
+import { AlertCircle, CircleCheck, InfoCircle } from 'tabler-icons-react';
+import { notifications } from '@mantine/notifications';
+
+export interface ReleaseModalProps {
+  open: boolean;
+  onClose: () => void;
+  id: string;
+  resourceType: ArtifactResourceType;
+}
+
+export default function ReleaseModal({ open = true, onClose, id, resourceType }: ReleaseModalProps) {
+  const router = useRouter();
+  const [version, setVersion] = useState('');
+
+  const { data: resource } = trpc.draft.getDraftById.useQuery({
+    id: id,
+    resourceType: resourceType
+  });
+  const ctx = trpc.useContext();
+  const deleteMutation = trpc.draft.deleteDraft.useMutation({
+    onSuccess: () => {
+      notifications.show({
+        title: `Draft ${resource?.resourceType} released!`,
+        message: `Draft ${resource?.resourceType}/${resource?.id} successfully released to the Publishable Measure Repository!`,
+        icon: <CircleCheck />,
+        color: 'green'
+      });
+      ctx.draft.getDraftCounts.invalidate();
+      ctx.draft.getDrafts.invalidate();
+    },
+    onError: e => {
+      console.error(e);
+      notifications.show({
+        title: `Release Failed!`,
+        message: `Attempt to release ${resourceType} failed with message: ${e.message}`,
+        icon: <AlertCircle />,
+        color: 'red'
+      });
+    }
+  });
+
+  async function confirm() {
+    // requirements:
+    // https://build.fhir.org/ig/HL7/cqf-measures/measure-repository-service.html#release
+    // TODO: release recursively all children (ignore for now).
+    if (resource) {
+      resource.version = version;
+      resource.status = 'active';
+      resource.date = DateTime.now().toISO() || '';
+    }
+
+    const res = await fetch(`${process.env.NEXT_PUBLIC_MRS_SERVER}/${resourceType}`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json+fhir'
+      },
+      body: JSON.stringify(resource)
+    });
+
+    // Conditionally remove the base version if one is present
+    let location = res.headers.get('Location');
+    if (location?.substring(0, 5) === '4_0_1') {
+      location = location?.substring(5); // remove 4_0_1 (version)
+    }
+
+    if (res.status !== 201) {
+      console.error(res.statusText);
+      notifications.show({
+        title: `Release Failed!`,
+        message: `Server unable to process request`,
+        icon: <AlertCircle />,
+        color: 'red'
+      });
+    } else if (!location) {
+      console.error('No resource location for released artifact');
+      notifications.show({
+        title: `Release Failed!`,
+        message: `No resource location exists for draft artifact`,
+        icon: <AlertCircle />,
+        color: 'red'
+      });
+    } else {
+      // delete draft
+      deleteMutation.mutate({
+        resourceType: resourceType,
+        id: id
+      });
+
+      // direct user to published artifact detail page
+      router.push(location);
+    }
+    onClose();
+  }
+
+  return (
+    <Modal opened={open} onClose={onClose} withCloseButton={false} size="lg">
+      <Stack>
+        <Center>
+          <Group spacing="xs">
+            Release {resourceType}/{id}?
+            <Tooltip
+              multiline
+              label="Releasing a draft artifact changes the artifact's status from 'draft' to 'active', adds the user-specified version to the artifact, and sends the artifact to the Publishable Measure Repository. This action also deletes this draft artifact from the Authoring Measure Repository."
+            >
+              <div>
+                <InfoCircle size="1rem" style={{ display: 'block', opacity: 0.5 }} />
+              </div>
+            </Tooltip>
+          </Group>
+        </Center>
+        <Text size="xs" fw={700}>
+          NOTE: By releasing this artifact to the Publishable Measure Repository, this draft instance will be removed.
+        </Text>
+        <TextInput
+          label="Add version"
+          value={version}
+          onChange={e => setVersion(e.target.value)}
+          withAsterisk
+          description="An artifact must have a version before it can be released to the Publishable Measure Repository"
+        />
+        <Center>
+          <Group pt={8} position="right">
+            <Button onClick={confirm} disabled={!version}>
+              Release
+            </Button>
+            <Button variant="default" onClick={onClose}>
+              Cancel
+            </Button>
+          </Group>
+        </Center>
+      </Stack>
+    </Modal>
+  );
+}

app/src/pages/authoring/[resourceType]/[id].tsx

@@ -7,6 +7,7 @@ import { notifications } from '@mantine/notifications';
 import { AlertCircle, CircleCheck, InfoCircle } from 'tabler-icons-react';
 import { ArtifactResourceType } from '@/util/types/fhir';
 import ArtifactFieldInput from '@/components/ArtifactFieldInput';
+import ReleaseModal from '@/components/ReleaseModal';
 
 interface DraftArtifactUpdates {
   url?: string;
@@ -36,6 +37,8 @@ export default function ResourceAuthoringPage() {
     resourceType: resourceType as ArtifactResourceType
   });
 
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
   // checks if the field inputs have been changed by the user by checking
   // that they are different from the saved field values on the draft artifact
   // if the input is undefined on the draft artifact, then it is treated as
@@ -226,29 +229,38 @@ export default function ResourceAuthoringPage() {
                 data={libOptions}
               />
             )}
-            <Button
-              w={120}
-              onClick={() => {
-                const [additions, deletions] = parseUpdate(
-                  url,
-                  identifierValue,
-                  identifierSystem,
-                  name,
-                  title,
-                  description,
-                  library
-                );
-                resourceUpdate.mutate({
-                  resourceType: resourceType as ArtifactResourceType,
-                  id: id as string,
-                  additions: additions,
-                  deletions: deletions
-                });
-              }}
-              disabled={!isChanged()} // only enable the submit button when a field has changed
-            >
-              Submit
-            </Button>
+            <Group>
+              <Button
+                w={120}
+                onClick={() => {
+                  const [additions, deletions] = parseUpdate(
+                    url,
+                    identifierValue,
+                    identifierSystem,
+                    name,
+                    title,
+                    description,
+                    library
+                  );
+                  resourceUpdate.mutate({
+                    resourceType: resourceType as ArtifactResourceType,
+                    id: id as string,
+                    additions: additions,
+                    deletions: deletions
+                  });
+                }}
+                disabled={!isChanged()} // only enable the submit button when a field has changed
+              >
+                Update
+              </Button>
+              <Button
+                w={120}
+                onClick={() => setIsModalOpen(true)}
+                //TODO/question: disabled={} any disable needed? any necessary fields?
+              >
+                Release
+              </Button>
+            </Group>
           </Stack>
         </Grid.Col>
         <Grid.Col span={6}>
@@ -262,6 +274,13 @@ export default function ResourceAuthoringPage() {
           </Paper>
         </Grid.Col>
       </Grid>
+
+      <ReleaseModal
+        open={isModalOpen}
+        onClose={() => setIsModalOpen(false)}
+        id={id as string}
+        resourceType={resourceType as ArtifactResourceType}
+      />
     </div>
   );
 }