chore: upgrade ts and eslint

Open-Attestation · Mar 19, 2021 · cd2c30a · cd2c30a
1 parent 9ae2810
commit cd2c30a
Show file tree

Hide file tree

Showing 30 changed files with 5,601 additions and 1,076 deletions.
diff --git a/example/application/app.tsx b/example/application/app.tsx
@@ -8,7 +8,7 @@ ReactDOM.render(
   <AppContainer
     documents={[
       { name: "OpenCerts (v2)", document: rawOpencerts },
-      { name: "Driver License (V3)", document: driverLicense }
+      { name: "Driver License (V3)", document: driverLicense },
     ]}
   />,
   document.getElementById("root")

diff --git a/example/application/container.tsx b/example/application/container.tsx
@@ -78,15 +78,15 @@ export const AppContainer: React.FunctionComponent<AppProps> = ({ documents }):
     }
   };
 
-  // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  window.renderDocument = document => {
+  window.renderDocument = (document) => {
     if (toFrame && document) {
       toFrame({
         type: "RENDER_DOCUMENT",
         payload: {
-          document
-        }
+          document,
+        },
       });
     }
   };
@@ -95,16 +95,16 @@ export const AppContainer: React.FunctionComponent<AppProps> = ({ documents }):
       toFrame({
         type: "RENDER_DOCUMENT",
         payload: {
-          document: document.document
-        }
+          document: document.document,
+        },
       });
     }
   }, [toFrame, document]);
   useEffect(() => {
     if (toFrame && selectedTemplate) {
       toFrame({
         type: "SELECT_TEMPLATE",
-        payload: selectedTemplate
+        payload: selectedTemplate,
       });
     }
   }, [selectedTemplate, toFrame]);
@@ -116,7 +116,7 @@ export const AppContainer: React.FunctionComponent<AppProps> = ({ documents }):
           onClick={() => {
             if (toFrame) {
               toFrame({
-                type: "PRINT"
+                type: "PRINT",
               });
             }
           }}
@@ -203,7 +203,7 @@ export const AppContainer: React.FunctionComponent<AppProps> = ({ documents }):
                 }
               `}
             >
-              {templates.map(template => (
+              {templates.map((template) => (
                 <li
                   key={template.id}
                   className={`tab ${selectedTemplate === template.id ? "selected" : ""}`}

diff --git a/example/application/fixtures/v2/opencerts.tsx b/example/application/fixtures/v2/opencerts.tsx
diff --git a/example/application/fixtures/v3/driverLicense.tsx b/example/application/fixtures/v3/driverLicense.tsx
@@ -18,55 +18,55 @@ export const driverLicense = {
     "https://www.w3.org/2018/credentials/v1",
     "https://schemata.openattestation.com/com/openattestation/1.0/DrivingLicenceCredential.json",
     "https://schemata.openattestation.com/com/openattestation/1.0/OpenAttestation.v3.json",
-    "https://schemata.openattestation.com/com/openattestation/1.0/CustomContext.json"
+    "https://schemata.openattestation.com/com/openattestation/1.0/CustomContext.json",
   ],
   reference: "SERIAL_NUMBER_123",
   name: "Republic of Singapore Driving Licence",
   issuanceDate: "2010-01-01T19:23:24Z",
   validFrom: "2010-01-01T19:23:24Z",
   issuer: {
     id: "https://example.com",
-    name: "DEMO STORE"
+    name: "DEMO STORE",
   },
   type: ["VerifiableCredential", "DrivingLicenceCredential"],
   credentialSubject: {
     id: "did:example:SERIAL_NUMBER_123",
     class: [
       {
         type: "3",
-        effectiveDate: "2010-01-01T19:23:24Z"
+        effectiveDate: "2010-01-01T19:23:24Z",
       },
       {
         type: "3A",
-        effectiveDate: "2010-01-01T19:23:24Z"
-      }
-    ]
+        effectiveDate: "2010-01-01T19:23:24Z",
+      },
+    ],
   },
   openAttestationMetadata: {
     template: {
       name: "DRIVER_LICENSE",
       type: "EMBEDDED_RENDERER",
-      url: "https://localhost:3000/renderer"
+      url: "https://localhost:3000/renderer",
     },
     proof: {
       type: "OpenAttestationProofMethod",
       method: "DID",
       value: "did:ethr:0xE712878f6E8d5d4F9e87E10DA604F9cB564C9a89",
       revocation: {
-        type: "NONE"
-      }
+        type: "NONE",
+      },
     },
     identityProof: {
       type: "DNS-DID",
-      identifier: "tradetrust.io"
-    }
+      identifier: "tradetrust.io",
+    },
   },
   attachments: [
     {
       fileName: "sample.pdf",
       mimeType: "application/pdf",
-      data: "BASE64_ENCODED_FILE"
-    }
+      data: "BASE64_ENCODED_FILE",
+    },
   ],
   proof: {
     type: "OpenAttestationMerkleProofSignature2018",
@@ -77,7 +77,7 @@ export const driverLicense = {
     salts:
       "W3sidmFsdWUiOiIzZGJiZjQ0YTdlNTlmMmQzNTMyZDMxYzYzOTVkY2U0OTEzZTZjY2EwZDgxMWMyZWQ4NWEzZjc0NjA1NTRlNjk4IiwicGF0aCI6InZlcnNpb24ifSx7InZhbHVlIjoiZTE5YjIxMjI5OWMyNTQwMWJhMWQ1ZTE0NjE1MTJlMjcxYzYyZmI5MmVlMDllM2JmMzg3NjE1YWE1MGEwMjYxMyIsInBhdGgiOiJAY29udGV4dFswXSJ9LHsidmFsdWUiOiIxODM3MmVmZmRlODhmN2Y1YmY5NWVmY2YzMTZkMTU5M2YzMDE2NjY0MmE4YzE1NjllYWEwZDhmZmQzZmUyMjA2IiwicGF0aCI6IkBjb250ZXh0WzFdIn0seyJ2YWx1ZSI6IjJkNzNiYjBmMDQ3MTdjOWNiYTg3M2M0NTUxZDZiODRhMWFmZDgxNDAzMWVjZWRmNTUxMjcwZTA0MDMyMjg4MTUiLCJwYXRoIjoiQGNvbnRleHRbMl0ifSx7InZhbHVlIjoiYzBlNTE0ZjBjMWI1MDdiMThhMTA4NTllNDQ0ZTAwZDBmNmM1ZjUyMjZmMDgxZmMwMThlNTIxZjIzNDllYmI2ZiIsInBhdGgiOiJAY29udGV4dFszXSJ9LHsidmFsdWUiOiIzNzQxNWVlM2Y3M2E0MDczOTJiY2EzMTUwMjZmZjYyNzA4ODU1ODc0NTYwM2UzZDBhYmI2Y2Y5ZDk1NmYyMzA2IiwicGF0aCI6InJlZmVyZW5jZSJ9LHsidmFsdWUiOiI4NGIxMjQwMWFkYTFjNmQwMzZlNGIzMzhjMmY5YzdiMzYzYzgxZDk2NGY1MWM1OWEzZTMzNDFlMTY1ODI1N2NmIiwicGF0aCI6Im5hbWUifSx7InZhbHVlIjoiNjdmYTI1ODJjYTE4YzQ3MGEyMjk3MzI1ZmExYmE1MTFmMmMwMGM4ZDk1NWEyMDg3ZjYxMjY1NWQ5NjUzNjExMSIsInBhdGgiOiJpc3N1YW5jZURhdGUifSx7InZhbHVlIjoiMmVmOTRmY2YwNzZhZDgxODk3OTRlYzJkNWRlZTA5NmU1MzkyNWFkODJlMjdhNzY3MzBhYjFhNmE1YzQyOTQ1NSIsInBhdGgiOiJ2YWxpZEZyb20ifSx7InZhbHVlIjoiYTQyZDczNjkwZGVkNTJkN2U4ZDM1OWMxNDNmMjYwNDY2NGVjOWU2NDAyMjcwOGViN2EyZmU4ZDI1YzEzOGU1OCIsInBhdGgiOiJpc3N1ZXIuaWQifSx7InZhbHVlIjoiYmZhNDBkYzdkNzliYjRhZjllOWQ3OTEzY2JmMDZiMzFhYmI0M2EyOThkYTRhNDg1ODlhM2Q3YzlhYTcwZWI1NSIsInBhdGgiOiJpc3N1ZXIubmFtZSJ9LHsidmFsdWUiOiI3MTU5NmNmNDJmM2I1N2YyNTRmYjU1NDM1ZGEwNTFlZTUzNzVjMzQxZjI5NWY5YWRmZGU2ZmI4ZGI4YTM3NDRiIiwicGF0aCI6InR5cGVbMF0ifSx7InZhbHVlIjoiMGExMzhkMzQ3MTIxN2Y5MzE1YmNmZTYyYThlNjRhZjQ1NTIxMTc3OWEwODRkYTFlNDY4OWYzZWIxM2IwZDgzZiIsInBhdGgiOiJ0eXBlWzFdIn0seyJ2YWx1ZSI6IjY0MWFjOTNhYzRlN2M4ZDY3NmVlMjQ2YmQ2NjEzNWRlY2U4NTdkNjk4ZWQzNzMxMTc2YWVhNGNiOTdhNzEzNGIiLCJwYXRoIjoiY3JlZGVudGlhbFN1YmplY3QuaWQifSx7InZhbHVlIjoiNDc4OTU1YjQ4MGUxODQ0NjIwMTA2NWEwY2E1NTk1YjAwNzgyMWMwMGNjZTRiYzNmMjljMTQ4NWUxMzU4MDI2NCIsInBhdGgiOiJjcmVkZW50aWFsU3ViamVjdC5jbGFzc1swXS50eXBlIn0seyJ2YWx1ZSI6ImQyN2E0ZWFjNjZjNGUxNjBhZmU1ZTkxNmNjZjc3ZTZkODY4NzFkMDJhZGI3OTBmOTlhOTA1MjU3ZWYxYzJlNWYiLCJwYXRoIjoiY3JlZGVudGlhbFN1YmplY3QuY2xhc3NbMF0uZWZmZWN0aXZlRGF0ZSJ9LHsidmFsdWUiOiIzN2MxODgzZGE3Mjk2OWM5MmRmYTNhOTRlMDNlNzUxYmRkMjRlYjllZmEwZjU1MjllNjA4ZTU2N2Y2ODAwMmMzIiwicGF0aCI6ImNyZWRlbnRpYWxTdWJqZWN0LmNsYXNzWzFdLnR5cGUifSx7InZhbHVlIjoiMTU0NzYyYzJjZDRmYmNlMzdjMjc1YTA4OWFiMzhiZmE2NzEyZTMwMmY1ZWQ5MzU0NDEwNmMwNmZjZDA3N2M4NCIsInBhdGgiOiJjcmVkZW50aWFsU3ViamVjdC5jbGFzc1sxXS5lZmZlY3RpdmVEYXRlIn0seyJ2YWx1ZSI6IjM5YzhjMDk5NGZkYzc5ZDRlZTdiYjM2ZWZjYjQ1NzYzM2NiNjdjMTA1ODE2NzNmMjViNzI0ODlmZjYzMzc0OWYiLCJwYXRoIjoib3BlbkF0dGVzdGF0aW9uTWV0YWRhdGEudGVtcGxhdGUubmFtZSJ9LHsidmFsdWUiOiIyZDRlMDE2YTZmZTJiMjlmMWUxMWJhYmU4YmIwZjA1N2M1ODYwZGZjMGVlZjBhNjQ5MGI3MzY2ZTQzODNjNDlmIiwicGF0aCI6Im9wZW5BdHRlc3RhdGlvbk1ldGFkYXRhLnRlbXBsYXRlLnR5cGUifSx7InZhbHVlIjoiMTMxZWNkOGY0ZGU2YTJjNTc2ODIwYmNjZTE4MzA5ZjA4OTk3OTE1M2I3OGZiMzc5YWQ0OWYxODI1YzYwZDcyOCIsInBhdGgiOiJvcGVuQXR0ZXN0YXRpb25NZXRhZGF0YS50ZW1wbGF0ZS51cmwifSx7InZhbHVlIjoiMjNmZDdiYTkwYWU2NjgwNjU3ZGZjNjJmM2EwZmQxNGMyMTFjMmNhMjk2MzAwM2M3NjNjMzI4YjM2MzQxNTFkYyIsInBhdGgiOiJvcGVuQXR0ZXN0YXRpb25NZXRhZGF0YS5wcm9vZi50eXBlIn0seyJ2YWx1ZSI6IjZmYzIyN2U0Yjk5MzJlZGIzZTY3MThmODRjNWZmOWJlNDFhMzQzODk0YzUxY2E1N2U5ZTUxMjg2NGFhMDU5MGMiLCJwYXRoIjoib3BlbkF0dGVzdGF0aW9uTWV0YWRhdGEucHJvb2YubWV0aG9kIn0seyJ2YWx1ZSI6IjJhZjNhOThjZTQ2ZmVlMmZiMGMyNzk0OWJhZTg0Mzg4YTNlZDA0ZDI1ZmI4MmM1ZjdjZjMyYjI3YWRmZjU0ZDYiLCJwYXRoIjoib3BlbkF0dGVzdGF0aW9uTWV0YWRhdGEucHJvb2YudmFsdWUifSx7InZhbHVlIjoiZjg5NmJjZDZjMDk5YzJkNzBjM2YzOWJlODkzZjBiMzJiMjhlZTViNjI3M2M5ZDc3ZTljMTQzMDIyMTE1YWY3MyIsInBhdGgiOiJvcGVuQXR0ZXN0YXRpb25NZXRhZGF0YS5wcm9vZi5yZXZvY2F0aW9uLnR5cGUifSx7InZhbHVlIjoiNTA4ODZkOTRjNDU1N2ViM2ZjYzY2ZDJjOWEzYWZkMDZmZDI2ZTI0ZDg3Y2Y2MjZhZTRhZDZkZDlkYjEyMmExZiIsInBhdGgiOiJvcGVuQXR0ZXN0YXRpb25NZXRhZGF0YS5pZGVudGl0eVByb29mLnR5cGUifSx7InZhbHVlIjoiYTYyNTk0NDg4NDkzNTA4MzBkMjA3ZjVlOTg5MzNlNGFlMGJkODQxMWExNGMwZmFiMThmMmJjOWVlZWM4MTU0ZSIsInBhdGgiOiJvcGVuQXR0ZXN0YXRpb25NZXRhZGF0YS5pZGVudGl0eVByb29mLmlkZW50aWZpZXIifSx7InZhbHVlIjoiNGYzN2IyYTA5NmI3YzRlODhjZjExNDBjYzlhZDZiODNkOTI0Njk0ZjYzODM1Yzc3OTU4ZmMwYWQ2ZTVkOTgxZSIsInBhdGgiOiJhdHRhY2htZW50c1swXS5maWxlTmFtZSJ9LHsidmFsdWUiOiI3Y2FkYzJmZDgyZTkxYTQ5Yzc1NDdjNjNhZjBjYzkyZjkwYjI2NDliNjNkNzIwNTIwMjQyNjZlMzQzMTk0MDIxIiwicGF0aCI6ImF0dGFjaG1lbnRzWzBdLm1pbWVUeXBlIn0seyJ2YWx1ZSI6Ijg5Y2MwN2Q1MTJhZWI3YzI1NDU5ZTY3OWEyMWIxOTYwMmY2OWJlNDA1ZTgyODg2YTAzZGExZGIwMWQ4NmI2NTQiLCJwYXRoIjoiYXR0YWNobWVudHNbMF0uZGF0YSJ9XQ==",
     privacy: {
-      obfuscated: []
-    }
-  }
+      obfuscated: [],
+    },
+  },
 } as v3.WrappedDocument;
diff --git a/example/decentralized-renderer/templates/customTemplate/index.tsx b/example/decentralized-renderer/templates/customTemplate/index.tsx
@@ -4,8 +4,8 @@ const templates = [
   {
     id: "default",
     label: "Document",
-    template: Template
-  }
+    template: Template,
+  },
 ];
 
 export default templates;
diff --git a/example/decentralized-renderer/templates/default/NestedComponent.tsx b/example/decentralized-renderer/templates/default/NestedComponent.tsx
@@ -9,7 +9,7 @@ const KeyValueComponent = ({ label, value }: { label: string; value: any }): Rea
       style={{
         borderWidth: "1px",
         borderStyle: "solid",
-        borderColor: "#d5effc"
+        borderColor: "#d5effc",
       }}
     >
       <div
@@ -21,7 +21,6 @@ const KeyValueComponent = ({ label, value }: { label: string; value: any }): Rea
         {label}
       </div>
       <div className={`p-4 text-truncate ${show ? "" : "d-none"}`} data-component-id="displayed-value">
-        {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}
         {NestedComponent({ children: value })}
       </div>
     </div>
@@ -32,15 +31,15 @@ export const NestedComponent: FunctionComponent = ({ children }) => {
   if (children && typeof children !== "object") {
     return <span>children.toString()</span>;
   } else if (children) {
-    const grandchildren = Object.keys(children).map(key =>
+    const grandchildren = Object.keys(children).map((key) =>
       KeyValueComponent({ label: key, value: (children as any)[key] })
     );
     return (
       <div
         style={{
           borderWidth: "1px",
           borderStyle: "solid",
-          borderColor: "#d5effc"
+          borderColor: "#d5effc",
         }}
       >
         {grandchildren}

diff --git a/example/decentralized-renderer/templates/default/index.tsx b/example/decentralized-renderer/templates/default/index.tsx
@@ -4,8 +4,8 @@ const templates = [
   {
     id: "default",
     label: "Default Template",
-    template: Template
-  }
+    template: Template,
+  },
 ];
 
 export default templates;
diff --git a/example/decentralized-renderer/templates/driverLicense/index.tsx b/example/decentralized-renderer/templates/driverLicense/index.tsx
@@ -4,8 +4,8 @@ const templates = [
   {
     id: "license",
     label: "Driver License",
-    template: Template
-  }
+    template: Template,
+  },
 ];
 
 export default templates;
diff --git a/example/decentralized-renderer/templates/govtechDemoCert/certificate.tsx b/example/decentralized-renderer/templates/govtechDemoCert/certificate.tsx
@@ -10,13 +10,13 @@ export const DemoCert: FunctionComponent<TemplateProps<OpencertsDocuments>> = ({
       backgroundImage: `url('${certificateBg}')`,
       backgroundPosition: "center",
       backgroundSize: "cover",
-      border: "10px solid #324353"
+      border: "10px solid #324353",
     }}
   >
     <div
       className="p-2"
       style={{
-        border: "0px solid #324353"
+        border: "0px solid #324353",
       }}
     >
       <div className="mb-4 mb-lg-5 d-flex justify-content-center cert-body" style={{ textAlign: "center" }}>
@@ -43,7 +43,7 @@ export const DemoCert: FunctionComponent<TemplateProps<OpencertsDocuments>> = ({
         className="row"
         style={{
           paddingLeft: "8%",
-          paddingTop: "5%"
+          paddingTop: "5%",
         }}
       >
         <div className="col text-center transcript">
@@ -52,7 +52,7 @@ export const DemoCert: FunctionComponent<TemplateProps<OpencertsDocuments>> = ({
             style={{
               border: "none",
               height: "1px",
-              backgroundColor: "#333"
+              backgroundColor: "#333",
             }}
           />
           <div>
@@ -69,7 +69,7 @@ export const DemoCert: FunctionComponent<TemplateProps<OpencertsDocuments>> = ({
           className="d-flex flex-row-reverse col transcript"
           style={{
             paddingTop: "5%",
-            paddingRight: "5%"
+            paddingRight: "5%",
           }}
         >
           Dated {document.issuedOn}

diff --git a/example/decentralized-renderer/templates/govtechDemoCert/index.tsx b/example/decentralized-renderer/templates/govtechDemoCert/index.tsx
@@ -6,18 +6,18 @@ const templates = [
   {
     id: "certificate",
     label: "Certificate",
-    template: DemoCert
+    template: DemoCert,
   },
   {
     id: "transcript",
     label: "Transcript",
-    template: DemoTranscript
+    template: DemoTranscript,
   },
   {
     id: "media",
     label: "Media",
-    template: DemoMedia
-  }
+    template: DemoMedia,
+  },
 ];
 
 export default templates;
diff --git a/example/decentralized-renderer/templates/govtechDemoCert/transcript.tsx b/example/decentralized-renderer/templates/govtechDemoCert/transcript.tsx
@@ -73,7 +73,7 @@ export class DemoTranscript extends Component<TemplateProps<any>, { editable: bo
           className="p-2 container"
           style={{
             backgroundImage: `url('${transcriptBg}')`,
-            backgroundRepeat: "repeat"
+            backgroundRepeat: "repeat",
           }}
         >
           <div className="row root cert-title" style={{ paddingLeft: "3%" }}>
@@ -84,7 +84,7 @@ export class DemoTranscript extends Component<TemplateProps<any>, { editable: bo
             className="row transcript"
             style={{
               paddingTop: "3%",
-              paddingLeft: "2%"
+              paddingLeft: "2%",
             }}
           >
             <div className="col">
@@ -190,7 +190,7 @@ export class DemoTranscript extends Component<TemplateProps<any>, { editable: bo
                 paddingTop: "5%",
                 paddingRight: "5%",
                 width: "100%",
-                height: "auto"
+                height: "auto",
               }}
             >
               <img className="w-100" src={document.additionalData.certSignatories[0].signature} />

diff --git a/example/decentralized-renderer/templates/index.tsx b/example/decentralized-renderer/templates/index.tsx
@@ -11,5 +11,5 @@ export const registry = {
   CUSTOM_TEMPLATE: CustomTemplate,
   GOVTECH_DEMO: GovTechDemoCert,
   DRIVER_LICENSE: DriverLicense,
-  NULL: []
+  NULL: [],
 };