Markdown/Iframe and Url Params evaluation (#391)

* v1

* Oh Darling, don't play me dirty

* Fix on empty matches

* Fix regex last charater and spaces

* Foie gras

* Added comments

---------

Co-authored-by: Niels de Jong <[email protected]>

Author: BennuFire

src/card/view/CardView.tsx

@@ -47,6 +47,10 @@ const NeoCardView = ({
   const [lastRunTimestamp, setLastRunTimestamp] = useState(Date.now());
 
   const getLocalParameters = (parse_string): any => {
+    if (!parse_string || !globalParameters) {
+      return {};
+    }
+
     let re = /(?:^|\W)\$(\w+)(?!\w)/g;
     let match;
 
@@ -59,9 +63,6 @@ const NeoCardView = ({
       localQueryVariables.push(match[1]);
     }
 
-    if (!globalParameters) {
-      return {};
-    }
     return Object.fromEntries(
       Object.entries(globalParameters).filter(([local]) => localQueryVariables.includes(local))
     );
@@ -101,9 +102,8 @@ const NeoCardView = ({
   ) : (
     <></>
   );
-  const localParameters = getLocalParameters(
-    `${query}//${settings.drilldownLink}` !== undefined ? settings.drilldownLink : ''
-  );
+  
+  const localParameters = { ...getLocalParameters(query), ...getLocalParameters(settings.drilldownLink) };
   const reportTypes = getReportTypes(extensions);
   const withoutFooter =
     reportTypes[type] && reportTypes[type].withoutFooter

src/chart/ChartUtils.ts

@@ -94,6 +94,16 @@ export function valueIsObject(value) {
   return className == 'Object';
 }
 
+export function toNumber({ low, high }) {
+  let res = high;
+
+  for (let i = 0; i < 32; i++) {
+    res *= 2;
+  }
+
+  return low + res;
+}
+
 export function getRecordType(value) {
   // mui data-grid native column types are: 'string' (default),
   // 'number', 'date', 'dateTime', 'boolean' and 'singleSelect'
@@ -122,6 +132,9 @@ export function getRecordType(value) {
   } else if (valueIsArray(value)) {
     return 'array';
   } else if (valueIsObject(value)) {
+    if (!isNaN(toNumber(value))) {
+      return 'objectNumber';
+    }
     return 'object';
   }
 
@@ -167,13 +180,40 @@ export function replaceDashboardParameters(str, parameters) {
   if (!str) {
     return '';
   }
+  let rx = /`.([^`]*)`/g;
+  let regexSquareBrackets = /\[(.*?)\]/g;
+
+  /**
+   * Define function to access elements in an array/object type dashboard parameter.
+   * @param _ needed for str.replace(), unused.
+   * @param p1 - the original string.
+   * @returns an updated markdown with injected parameters.
+   */
+  const parameterElementReplacer = (_, p1) => {
+    // Find (in the markdown) occurences of the parameter `$neodash_movie_title[index]` or  `$neodash_movie_title[key]`.
+    let matches = p1.match(regexSquareBrackets);
+    let param = p1.split('[')[0].replace(`$`, '').trim();
+    let val = parameters?.[param] || null;
+
+    // Inject the element at that index/key into the markdown as text.
+    matches?.forEach((m) => {
+      let i = m.replace(/[[\]']+/g, '');
+      i = isNaN(i) ? i.replace(/['"']+/g, '') : Number(i);
+      val = val ? val[i] : null;
+    });
+
+    return RenderSubValue(val);
+  };
+
+  let newString = str.replace(rx, parameterElementReplacer);
+
   Object.keys(parameters).forEach((key) => {
-    str = str.replaceAll(`$${key}`, parameters[key] !== null ? parameters[key] : '');
+    newString = newString.replaceAll(`$${key}`, parameters[key] !== null ? parameters[key] : '');
   });
-  return str;
+
+  return newString;
 }
 
-// Replaces all global dashboard parameters inside a string with their values.
 export function replaceDashboardParametersInString(str, parameters) {
   Object.keys(parameters).forEach((key) => {
     str = str.replaceAll(`$${key}`, parameters[key]);
@@ -197,6 +237,7 @@ export const downloadComponentAsImage = (ref) => {
 };
 
 import { QueryResult, Record as Neo4jRecord } from 'neo4j-driver';
+import { RenderSubValue } from '../report/ReportRecordProcessing';
 import { DEFAULT_NODE_LABELS } from '../config/ReportConfig';
 
 /**

src/report/ReportRecordProcessing.tsx

@@ -2,7 +2,14 @@ import React from 'react';
 import { Chip } from '@material-ui/core';
 import { withStyles } from '@material-ui/core/styles';
 import Tooltip from '@material-ui/core/Tooltip';
-import { getRecordType, valueIsArray, valueIsNode, valueIsPath, valueIsRelationship } from '../chart/ChartUtils';
+import {
+  getRecordType,
+  toNumber,
+  valueIsArray,
+  valueIsNode,
+  valueIsPath,
+  valueIsRelationship,
+} from '../chart/ChartUtils';
 
 /**
  * Collects all node labels and node properties in a set of Neo4j records.
@@ -308,6 +315,10 @@ export const rendererForType: any = {
     type: 'number',
     renderValue: (c) => RenderNumber(c.value),
   },
+  objectNumber: {
+    type: 'number',
+    renderValue: (c) => RenderNumber(toNumber(c.value)),
+  },
   null: {
     type: 'string',
     renderValue: (c) => RenderString(c.value),