Answer by TareqK

TareqK — Tue, 17 Mar 2020 03:15:03 -0400

We ended up using browserify to minify multiple files and babel to transpile them into ES5. This fixed this issue, and also allowed us to use NPM libraries.

Answer by SupportIvyTeam

SupportIvyTeam — Mon, 02 Mar 2020 07:36:44 -0500

Sadly our platform is not really build to use modules. You can add this get parameter to the module import like:

import {Button,Column,Header} from "../component.js?ln=xpertivy-3-webContent";

But the problem is that this parameter is dynamic. Means the number is the Process Model Version which provides this webContent.

You could evaluate this over an other javascript function but then you have the problem that you have to load the module dynamically. And the Eclipse Javascript editor seems not to know this syntax.

function getParam() {
  var scripts = document.getElementsByTagName("script");
  for (let script of scripts) {
    let src = script.getAttribute("src");
    if(src && src.includes("ln=xpertivy-")) {
      return "?" + src.substring(src.indexOf("ln=xpertivy-"), src.indexOf("-webContent")) + "-webContent";
    }
  }
}

async function load() {
  let ext = await import("./extension.js" + getParam());
  ext.hello("test");
}

load();

Anyway you need to be aware that ES6 is not supported by every browser (e.g ie11 only supports es5).

Maybe its easier to simply import the js file the normal way...

Kind regards

Lukas

Answers to: Loading ES6 imports and Modules

Answer by TareqK

Answer by SupportIvyTeam