fix: add fixes after yarn build

Author: malikalahfaoui

src/generators/NextGenerator.js

@@ -1,4 +1,6 @@
 import chalk from "chalk";
+import handlebars from "handlebars";
+import hbh_comparison from "handlebars-helpers/lib/comparison";
 import BaseGenerator from "./BaseGenerator";
 
 export default class NextGenerator extends BaseGenerator {
@@ -28,6 +30,8 @@ export default class NextGenerator extends BaseGenerator {
       "utils/dataAccess.ts",
       "utils/mercure.ts",
     ]);
+    
+    handlebars.registerHelper("compare", hbh_comparison.compare);
   }
 
   help(resource) {

templates/next/components/foo/Form.tsx

@@ -74,13 +74,18 @@ export const Form: FunctionComponent<Props> = ({ {{{lc}}} }) => {
               <input
                 name="{{name}}"
                 id="{{lc}}_{{name}}"
-                value={ values.{{name}} ?? "" }
+                {{#compare type "==" "dateTime" }}
+                value={values.{{name}}?.toLocaleString() ?? ""}
+                {{/compare}}
+                {{#compare type "!=" "dateTime" }}
+                value={values.{{name}} ?? ""}
+                {{/compare}}
                 type="{{type}}"
                 {{#if step}}step="{{{step}}}"{{/if}}
                 placeholder="{{{description}}}"
                 {{#if required}}required={true}{{/if}}
                 className={`form-control${errors.{{name}} && touched.{{name}} ? ' is-invalid' : ''}`}
-                aria-invalid={errors.{{name}} && touched.{{name~}} }
+                aria-invalid={errors.{{name}} && touched.{{name~}} ? 'true' : null}
                 onChange={handleChange}
                 onBlur={handleBlur}
               />

templates/next/utils/dataAccess.ts

@@ -69,7 +69,7 @@ export const normalize = (data: unknown) => {
   }
 
   // Flatten nested documents
-  return mapValues(data, (value) =>
+  return mapValues(data as Object, (value) =>
     Array.isArray(value)
       ? value.map((v) => get(v, "@id", v))
       : get(value, "@id", value)

templates/next/utils/mercure.ts

@@ -20,24 +20,18 @@ export const useMercure = (deps: unknown | PagedCollection<unknown>, hubURL: str
   }, [deps]);
 
   useEffect(() => {
-    if (!hubURL || !data) {
-      return;
-    }
-
     if (!has(data, "{{{hydraPrefix}}}member") && !has(data, "@id")) {
       console.error("Object sent is not in JSON-LD format.");
 
-      return;
     }
 
-    if (has(data, "{{{hydraPrefix}}}member") && Array.isArray(data["{{{hydraPrefix}}}member"]) && data["{{{hydraPrefix}}}member"].length !== 0) {
+    if (hubURL && has(data, "{{{hydraPrefix}}}member") && Array.isArray(data["{{{hydraPrefix}}}member"]) && data["{{{hydraPrefix}}}member"].length !== 0) {
       // It's a PagedCollection
       data["{{{hydraPrefix}}}member"].forEach((obj, pos) => mercureSubscribe(hubURL, obj, (datum) => {
         data["{{{hydraPrefix}}}member"][pos] = datum;
         setData(data);
       }));
 
-      return () => data;
     }
 
     // It's a single object
@@ -46,7 +40,6 @@ export const useMercure = (deps: unknown | PagedCollection<unknown>, hubURL: str
     return () => {
       eventSource.removeEventListener("message", (event) => setData(normalize(JSON.parse(event.data))));
 
-      return data;
     };
   }, [data]);