Render json with latex

Config.js

@@ -32,7 +32,7 @@ const Lab = {
 }
 
 const Experiment = {
-  descriptor_name: "experiment-descriptor",
+  descriptor_name: "experiment-descriptor.json",
   default_descriptor: "default-experiment-descriptor.json",
   build_dir: "build",
   exp_dir: "experiment",

Experiment.js

@@ -1,6 +1,6 @@
 const path = require("path");
 const fs = require("fs");
-const {renderMarkdown} = require("./renderMarkdown");
+const { renderMarkdown } = require("./renderer.js");
 const process = require("process");
 const shell = require("shelljs");
 
@@ -21,27 +21,21 @@ class Experiment {
     this.descriptor = require(Experiment.descriptorPath(src));
   }
 
-  static ui_template_path = path.resolve(Config.Experiment.ui_template_name);
+  static ui_template_path = path.resolve(__dirname,Config.Experiment.ui_template_name);
 
   static static_content_path = path.resolve(
+    __dirname,
     Config.Experiment.static_content_dir
   );
 
   static descriptorPath(src) {
-    return path.resolve(src, `${Config.Experiment.descriptor_name}.json`);
+    return path.resolve(src, Config.Experiment.descriptor_name);
   }
 
   static contributorsPath(src) {
     return path.resolve(`${src}/experiment`, 'contributors.md');
   }
 
-  clean() {
-    const bp = path.resolve(this.src, Config.Experiment.build_dir);
-    if (shell.test("-d", bp)) {
-      shell.rm("-rf", bp);
-    }
-  }
-
   static registerPartials(hb) {
     Config.Experiment.partials.forEach(([name, file]) => {
       const partial_content = fs.readFileSync(
@@ -61,6 +55,21 @@ class Experiment {
       shell.mkdir(path.resolve(this.src, Config.Experiment.build_dir));
       shell.cp("-R", path.resolve(this.src, Config.Experiment.exp_dir), bp);
       shell.cp("-R", path.resolve(Experiment.ui_template_path, "assets"), bp);
+
+      // Copy the Katex CSS and fonts to the build directory in katex_assets
+      shell.mkdir(path.resolve(bp, "katex_assets"));
+      shell.cp(
+        "-R",
+        path.resolve("node_modules", "katex", "dist", "katex.min.css"),
+        path.resolve(bp, "katex_assets")
+      );
+      shell.cp(
+        "-R",
+        path.resolve("node_modules", "katex", "dist", "fonts"),
+        path.resolve(bp, "katex_assets")
+      );
+
+
       shell.cp(
         "-R",
         path.resolve(Experiment.static_content_path, "feedback.md"),
@@ -73,17 +82,26 @@ class Experiment {
     }
   }
 
+  validate(build_options) {
+    const buildPath = Config.build_path(this.src);
+    const expPath = path.resolve(this.src, Config.Experiment.exp_dir);
+    if (build_options.isESLINT) {
+      shell.exec(
+        `npx eslint -c ${__dirname}/.eslintrc.js ${expPath} > ${buildPath}/eslint.log`
+      );
+    }
+    if (build_options.isExpDesc) {
+      shell.exec(
+        `node ${__dirname}/validation/validate.js -f ${this.descriptor} > ${buildPath}/validate.log`
+      );
+    }
+  }
+
   name() {
     const name_file = fs.readFileSync(
       path.resolve(Config.build_path(this.src), "experiment-name.md")
     );
-     return renderMarkdown(name_file.toString());
-  }
-
-  prebuild() {
-    const bp = Config.build_path(this.src);
-    shell.exec(`npx eslint -c ./.eslintrc.js ../experiment > ${bp}/eslint.log`);
-    shell.exec(`node ./validation/validate.js -f ../experiment-descriptor.json > ${bp}/validate.log`);
+    return renderMarkdown(name_file.toString());
   }
 
   build(hb, lab_data, options) {
@@ -96,19 +114,22 @@ class Experiment {
       name: this.name(),
       menu: explu.units,
       src: this.src,
-      bp : Config.build_path(this.src) + "/",
+      bp: Config.build_path(this.src) + "/",
     };
 
-    exp_info.plugins = Plugin.processExpScopePlugins(
-      exp_info,
-      hb,
-      lab_data,
-      options
-    );
-
+    if (options.plugins) {
+      exp_info.plugins = Plugin.processExpScopePlugins(
+        exp_info,
+        hb,
+        lab_data,
+        options
+      );
+    }
     explu.build(exp_info, lab_data, options);
     // post build
-    Plugin.processPostBuildPlugins(exp_info, options);
+    if (options.plugins) {
+      Plugin.processPostBuildPlugins(exp_info, options);
+    }
     /*
       This "tmp" directory is needed because when you have a sub-directory
       with the same name, it can cause issue.  So, we assume that there should

Task.js

@@ -1,6 +1,6 @@
 const path = require("path");
 const fs = require("fs");
-const {renderMarkdown} = require("./renderMarkdown");
+const { renderJSON, renderMarkdown } = require("./renderer.js");
 const process = require("process");
 const Handlebars = require("handlebars");
 const shell = require("shelljs");
@@ -30,13 +30,17 @@ class Task extends Unit {
     basedir,
     source,
     target,
+    js_modules,
+    css_modules,
     lu
   ) {
     super(unit_type, label, exp_path, basedir);
     this.lu = lu;
     this.content_type = validContentType(content_type);
     this.source = source;
     this.target = target;
+    this.js_modules = js_modules || [];
+    this.css_modules = css_modules || [];
   }
 
   static unit_type = UnitTypes.TASK;
@@ -50,6 +54,8 @@ class Task extends Unit {
       t["basedir"],
       t["source"],
       t["target"],
+      t["js_modules"],
+      t["css_modules"],
       lu
     );
   }
@@ -102,6 +108,51 @@ class Task extends Unit {
     );
   }
 
+  isURL(source) {
+    try {
+      new URL(source);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  jsPath() {
+    let final_paths = [];
+    for (let js_path of this.js_modules) {
+      if (this.isURL(js_path)) {
+        final_paths.push(js_path);
+        continue;
+      }
+
+      const absolute_path = path.resolve(
+        path.join(Config.build_path(this.exp_path), this.basedir, js_path)
+      );
+      final_paths.push(
+        path.relative(path.dirname(this.targetPath()), absolute_path)
+      );
+    }
+    return final_paths;
+  }
+
+  cssPath() {
+    let final_paths = [];
+    for (let css_path of this.css_modules) {
+      if (this.isURL(css_path)) {
+        final_paths.push(css_path);
+        continue;
+      }
+
+      const absolute_path = path.resolve(
+        path.join(Config.build_path(this.exp_path), this.basedir, css_path)
+      );
+      final_paths.push(
+        path.relative(path.dirname(this.targetPath()), absolute_path)
+      );
+    }
+    return final_paths;
+  }
+
   buildPage(exp_info, lab_data, options) {
     let assets_path = path.relative(
       path.dirname(this.targetPath()),
@@ -134,6 +185,8 @@ class Task extends Unit {
       isSimulation: false,
       isAssesment: false,
       assets_path: assets_path,
+      js_modules: this.jsPath(),
+      css_modules: this.cssPath(),
       lab_data: lab_data,
       exp_info: exp_info,
       lab: lab_data.lab,
@@ -200,18 +253,19 @@ class Task extends Unit {
         page_data.isAssesment = true;
 
         if (shell.test("-f", this.sourcePath())) {
-          page_data.questions = require(this.sourcePath());
-          if (page_data.questions.version) {
+          let JSONdata = require(this.sourcePath());
+          JSONdata = renderJSON(JSON.stringify(JSONdata));
+          if (JSONdata.version) {
             /**
              * The below condition will only work if the version in the json is either 2 or 2.0, for any update in version
              * it needs to be changed here accordingly
              */
-            if (page_data.questions.version == 2) {
-              page_data.isJsonVersion2 = page_data.questions.version;
+            if (JSONdata.version == 2) {
+              page_data.isJsonVersion2 = JSONdata.version;
             }
-            page_data.questions = page_data.questions.questions;
+            page_data.questions = JSON.parse(JSONdata).questions;
           }
-          page_data.questions_str = JSON.stringify(page_data.questions);
+          page_data.questions_str = JSONdata;
           page_data.isJsonVersion = true;
         } else {
           const jsonpath = this.sourcePath();
@@ -233,6 +287,7 @@ class Task extends Unit {
 
     const page_template = fs.readFileSync(
       path.resolve(
+        __dirname,
         Config.Experiment.ui_template_name,
         "pages",
         "content.handlebars"

exp.js

@@ -1 +1,103 @@
-exp.v1.js
+const path = require("path");
+const Handlebars = require("handlebars");
+const shell = require("shelljs");
+
+const { Experiment } = require("./Experiment.js");
+const Config = require("./Config.js");
+const { BuildEnvs, validBuildEnv } = require("./Enums.js");
+
+function run(src, lab_data, build_options) {
+  // if the experiment repo does not contain experiment descriptor we will add the default descriptor.
+  if (!shell.test("-f", Experiment.descriptorPath(src))) {
+    shell.cp(
+      path.resolve(Config.Experiment.default_descriptor),
+      path.resolve(this.src, Experiment.descriptorPath(src))
+    );
+  }
+
+  const exp = new Experiment(src);
+  exp.init(Handlebars);
+  // Validation
+  if(build_options.isValidate)
+    exp.validate(build_options);
+
+  // if the experiment repo contains contributors.md file we will add its lu to the descriptor.
+  if (shell.test("-f", Experiment.contributorsPath(src))) {
+    if(shell.head({'-n': 1}, Experiment.contributorsPath(src)).includes('EMPTY'))
+    {
+      console.log('Contributors.md file is empty, please add contributors to the file.');
+    }
+    else
+    {
+      exp.includeContributors();
+    }
+  }
+  exp.includeFeedback();
+  exp.build(Handlebars, lab_data, build_options);
+}
+
+module.exports.run = run;
+module.exports.build_experiment = run;
+
+if (require.main === module) {
+  const args = require("minimist")(process.argv.slice(2));
+
+  // for backwards compatibility if the env is not given assume it to
+  // be testing.
+  const build_options = {};
+
+  if (args.env) {
+    build_options.env = validBuildEnv(args.env);
+  } else {
+    build_options.env = BuildEnvs.TESTING;
+  }
+
+  // if the path is not provided assume "../" for backward
+  // compatability.
+
+  let src = "../";
+
+  if (args._.length === 1) {
+    src = path.resolve(args._[0]);
+  }
+
+  /*
+    We are making an assumption here that if you are running this
+    script from the command line then this is being used for testing
+    the individual experiment, and by convention when we are testing
+    individual experiment, we do not use any lab level information and
+    we do not include analytics.
+
+    So, while it is possible to give build_options.env as
+    'production', it does not make any sense and we should probably
+    remove it or change the build process to make it useful.
+
+    Anyways, for now, we will send an empty object as lab_data and
+    hope things work out.
+   */
+  const default_lab_data = {};
+
+  const paths = path.resolve(src).split(path.sep);
+  const base = paths[paths.length - 1];
+
+  // Get the experiment name and developer institute name from the repo name of the
+  //  format exp-<expName>-<devInstituteName> e.g. exp-geometry-optimization-molecules-iiith
+  const path_name_regex = /exp-(?<expName>[\w-]+)-(?<devInstituteName>\w+)$/i;
+  const match = base.match(path_name_regex);
+
+  if (match && match.groups) {
+    default_lab_data.exp_short_name = match.groups.expName;
+    default_lab_data.collegeName = match.groups.devInstituteName.toUpperCase();
+    default_lab_data.phase = "Testing";
+    default_lab_data.lab = "Virtual Lab";
+    default_lab_data.lab_display_name = "Virtual Lab Display Name";
+    default_lab_data.broadArea = { name: "Test" };
+  } else {
+    console.log("No match found");
+  }
+
+  run(src, default_lab_data, build_options);
+}
+// node exp.v1.js --env=production ../
+// node exp.v1.js --env=testing ../
+// node exp.v1.js --env=local ../