script.js

import { tagYaz } from "../util/html";
import { splitFullExt } from "../util/paths";
import compiler from "./compiler/compiler";
import { getGlobals } from "./compiler/pageGlobals";

/**
 * @param {Object} props
 * @return {!Promise<string>}
 */
const Script = (props) => {
  const globals = getGlobals();
  for (const key in props)
    if (key.charCodeAt(0) < 91) globals[key] = props[key];

  const [file, ext] = splitFullExt(props.src);
  const targetName = `/build/${file}-${props.Lang}.${ext}`;
  return Promise.all([].concat(props.children ?? [])).then(() =>
    compiler.bundleTarget(targetName, {
      dynamicDeps: true,
      childTargets: ["/" + props.src], // Used in BuildMode.Dev only
      ...props,
      ...globals
    }).then((bundleName) => {
      if (props.bundleKey) globals[props.bundleKey] = bundleName;
      return tagYaz("script", { type: "module", src: bundleName }, false) + "</script>"
    })
  );
}

export { Script };