getProjectStateCryptedData

Author: johannesloetzsch

packages/config/features/config.ts

@@ -1,4 +1,4 @@
-const developerMode = Boolean(process.env.developerMode && process.env.developerMode != 'false');
+const developerMode = Boolean(typeof(process) != 'undefined' && process.env.developerMode && process.env.developerMode != 'false');
 
 export const config = {
   developerMode  /** this option is independent of being a development-build, but specifies if debug features for developers should be enabled **/

packages/import/features/Import.tsx

@@ -1,20 +1,34 @@
 import { useEffect } from 'react';
 
 import { useAppSelector, useAppDispatch, setRowData } from 'state';
-import { selectJsonSchema, selectCryptedData } from 'project-state';
+import { selectJsonSchema, selectCryptedData, setCryptedData, selectUiSchema, setJsonSchema, setUiSchema } from 'project-state';
 import { PGPProvider, decryptUsingContext } from 'pgp-provider';
+import { DefaultService, OpenAPI } from '@formswizard/api';
+
+OpenAPI.BASE = 'http://localhost:4000';
+const { getProjectStateCryptedData, getProjectStateSchema } = DefaultService;
 
 export function DecryptAndImportLastNewSubmission() {
+  const dispatch = useAppDispatch();
   const jsonSchema = useAppSelector(selectJsonSchema);
+
   const cryptedData = useAppSelector(selectCryptedData);
+  useEffect( () => {
+    async function loadCryptedData() {
+      const { cryptedData } = await getProjectStateCryptedData();
+      const latestCryptedDatum = cryptedData?.length && cryptedData[cryptedData.length-1];
+      latestCryptedDatum && dispatch(setCryptedData(latestCryptedDatum));
+    }
+    console.log({cryptedData})
+    cryptedData.length || loadCryptedData()
+  }, [cryptedData])
 
   /** TODO: Delete decrypted dataset after import and loop over submissions **/
 
   const { data, uuid, keyId, armoredPublicKey } = cryptedData[cryptedData.length-1] || {};
   const decrypted_str = decryptUsingContext(data);
   const decrypted = decrypted_str && JSON.parse(decrypted_str);
 
-  const dispatch = useAppDispatch();
   useEffect( () => {
     const row = { ...decrypted, id: uuid, uuid, keyId, armoredPublicKey }
     decrypted && dispatch(setRowData({row}));
@@ -23,7 +37,24 @@ export function DecryptAndImportLastNewSubmission() {
   return <></>
 }
 
+export function useSchema() {
+  const dispatch = useAppDispatch();
+  const jsonSchema = useAppSelector(selectJsonSchema);
+  const uiSchema = useAppSelector(selectUiSchema);
+  useEffect(() => {
+    async function loadSchema() {
+      const { schema } = await getProjectStateSchema();
+      const { jsonSchema, uiSchema } = schema || {};
+      jsonSchema && dispatch(setJsonSchema(jsonSchema))
+      jsonSchema && dispatch(setUiSchema(uiSchema))
+    }
+    jsonSchema || loadSchema()
+  }, [jsonSchema, uiSchema, dispatch])
+}
+
 export function Import() {
+  useSchema()
+
   return <PGPProvider>
     <DecryptAndImportLastNewSubmission/>
   </PGPProvider>

packages/import/package.json

@@ -17,6 +17,7 @@
     "typescript": "^5.2.2"
   },
   "dependencies": {
+    "@formswizard/api": "^0.0.4",
     "@types/react": "^18.2.21",
     "pgp-provider": "workspace:*",
     "project-state": "workspace:*",