marko 5.36.5 → 5.37.0

package/dist/translator/comment/index[html].js

@@ -0,0 +1,17 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = _default;var _compiler = require("@marko/compiler");
+
+var _htmlOutWrite = _interopRequireDefault(require("../util/html-out-write"));
+var _withPreviousLocation = _interopRequireDefault(require("../util/with-previous-location"));
+const ieConditionalCommentRegExp = /^\[if |<!\[endif\]$/;
+
+function _default(path) {
+  const { node } = path;
+
+  if (ieConditionalCommentRegExp.test(node.value)) {
+    path.replaceWith(
+      (0, _withPreviousLocation.default)((0, _htmlOutWrite.default)`<!--${_compiler.types.stringLiteral(node.value)}-->`, node)
+    );
+  } else {
+    path.remove();
+  }
+}

package/dist/translator/comment/index[vdom].js

@@ -0,0 +1,3 @@
+"use strict";exports.__esModule = true;exports.default = _default;function _default(path) {
+  path.remove();
+}

package/dist/translator/declaration/index.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = _default;var _indexHtml = _interopRequireDefault(require("./index[html]"));
+var _indexVdom = _interopRequireDefault(require("./index[vdom]"));
+
+function _default(path) {
+  const {
+    hub: {
+      file: { markoOpts }
+    }
+  } = path;
+  if (markoOpts.output === "html") {
+    (0, _indexHtml.default)(path);
+  } else {
+    (0, _indexVdom.default)(path);
+  }
+}

package/dist/translator/declaration/index[html].js

@@ -0,0 +1,12 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = _default;var _compiler = require("@marko/compiler");
+
+var _htmlOutWrite = _interopRequireDefault(require("../util/html-out-write"));
+var _withPreviousLocation = _interopRequireDefault(require("../util/with-previous-location"));
+
+function _default(path) {
+  const { node } = path;
+
+  path.replaceWith(
+    (0, _withPreviousLocation.default)((0, _htmlOutWrite.default)`<?${_compiler.types.stringLiteral(node.value)}?>`, node)
+  );
+}

package/dist/translator/declaration/index[vdom].js

@@ -0,0 +1,3 @@
+"use strict";exports.__esModule = true;exports.default = _default;function _default(path) {
+  path.remove();
+}

package/dist/translator/document-type/index.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = _default;var _indexHtml = _interopRequireDefault(require("./index[html]"));
+var _indexVdom = _interopRequireDefault(require("./index[vdom]"));
+
+function _default(path) {
+  const {
+    hub: {
+      file: { markoOpts }
+    }
+  } = path;
+  if (markoOpts.output === "html") {
+    (0, _indexHtml.default)(path);
+  } else {
+    (0, _indexVdom.default)(path);
+  }
+}

package/dist/translator/document-type/index[html].js

@@ -0,0 +1,12 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = _default;var _compiler = require("@marko/compiler");
+
+var _htmlOutWrite = _interopRequireDefault(require("../util/html-out-write"));
+var _withPreviousLocation = _interopRequireDefault(require("../util/with-previous-location"));
+
+function _default(path) {
+  const { node } = path;
+
+  path.replaceWith(
+    (0, _withPreviousLocation.default)((0, _htmlOutWrite.default)`<!${_compiler.types.stringLiteral(node.value)}>`, node)
+  );
+}

package/dist/translator/document-type/index[vdom].js

@@ -0,0 +1,3 @@
+"use strict";exports.__esModule = true;exports.default = _default;function _default(path) {
+  path.remove();
+}

package/dist/translator/index.js

@@ -0,0 +1,551 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.analyze = void 0;exports.getRuntimeEntryFiles = getRuntimeEntryFiles;exports.translate = exports.taglibs = exports.optionalTaglibs = exports.internalEntryBuilder = void 0;var _compiler = require("@marko/compiler");
+var _babelUtils = require("@marko/compiler/babel-utils");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _package = require("marko/package.json");
+var _path = require("path");
+
+var _cdata = _interopRequireDefault(require("./cdata"));
+var _class = _interopRequireDefault(require("./class"));
+var _comment = _interopRequireDefault(require("./comment"));
+var _declaration = _interopRequireDefault(require("./declaration"));
+var _documentType = _interopRequireDefault(require("./document-type"));
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+var _scriptlet = _interopRequireDefault(require("./scriptlet"));
+var _tag = _interopRequireDefault(require("./tag"));
+var _text = _interopRequireDefault(require("./text"));
+var _addDependencies = _interopRequireWildcard(require("./util/add-dependencies"));exports.internalEntryBuilder = _addDependencies.entryBuilder;
+var _getComponentFiles = _interopRequireDefault(require("./util/get-component-files"));
+var _optimizeHtmlWrites = require("./util/optimize-html-writes");
+var _optimizeVdomCreate = require("./util/optimize-vdom-create");
+
+var _taglib = _interopRequireWildcard(require("./taglib"));exports.optionalTaglibs = _taglib.optionalTaglibs;exports.taglibs = _taglib.default;function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (e) {return e ? t : r;})(e);}function _interopRequireWildcard(e, r) {if (!r && e && e.__esModule) return e;if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };var t = _getRequireWildcardCache(r);if (t && t.has(e)) return t.get(e);var n = { __proto__: null },a = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];}return n.default = e, t && t.set(e, n), n;}
+
+
+const analyze = exports.analyze = {
+  Program: {
+    enter(program) {
+      // Pre populate metadata for component files.
+      const meta = program.hub.file.metadata.marko;
+      (0, _getComponentFiles.default)(program);
+
+      if (!meta.hasComponent && !meta.hasComponentBrowser) {
+        meta.hasComponent = program.
+        get("body").
+        some((child) => child.isMarkoClass());
+      }
+    },
+    exit(program) {
+      const { file } = program.hub;
+      const meta = file.metadata.marko;
+      const componentFiles = (0, _getComponentFiles.default)(program);
+      const { styleFile, packageFile, componentBrowserFile } = componentFiles;
+
+      if (packageFile) {
+        meta.deps.unshift(`package: ${packageFile}`);
+      }
+
+      if (styleFile) {
+        meta.deps.unshift(styleFile);
+      }
+
+      if (!meta.widgetBind) {
+        if (meta.hasComponentBrowser) {
+          meta.component = componentBrowserFile;
+        } else if (
+        meta.hasComponent ||
+        meta.hasStatefulTagParams ||
+        meta.hasFunctionEventHandlers)
+        {
+          meta.component = file.opts.filename;
+        } else if (meta.hasStringEventHandlers) {
+          meta.component = componentFiles.componentBrowserFile =
+          "marko/src/runtime/helpers/empty-component.js";
+          meta.hasComponentBrowser = true;
+        }
+      }
+
+      meta.component =
+      meta.component && (0, _babelUtils.resolveRelativePath)(file, meta.component);
+      meta.deps = meta.deps.map((filename) =>
+      typeof filename === "string" ?
+      (0, _babelUtils.resolveRelativePath)(file, filename) :
+      filename
+      );
+    }
+  },
+  MarkoTag(tag) {
+    const { file } = tag.hub;
+    const tagDef = (0, _babelUtils.getTagDef)(tag);
+    // Check if tag uses stateful tag params.
+    const meta = tag.hub.file.metadata.marko;
+
+    if (tagDef) {
+      if (tagDef.html && !tagDef.template && !tagDef.renderer) {
+        if (tagDef.htmlType === "custom-element") {
+          if (tagDef.parseOptions && tagDef.parseOptions.import) {
+            // TODO: the taglib should be updated to support this as a top level option.
+            meta.deps.push(
+              (0, _path.resolve)(
+                tagDef.dir,
+                (0, _path.resolve)(tagDef.dir, tagDef.parseOptions.import)
+              )
+            );
+          }
+        }
+      } else if (tag.get("name").isStringLiteral()) {
+        const relativePath = resolveRelativeTagEntry(file, tagDef);
+
+        if (relativePath) {
+          tag.node.extra = tag.node.extra || {};
+          tag.node.extra.relativePath = relativePath;
+
+          if (!meta.tags.includes(relativePath)) {
+            meta.tags.push(relativePath);
+          }
+        }
+      }
+
+      if (tagDef.translator && tagDef.translator.path) {
+        if (!meta.watchFiles.includes(tagDef.translator.path)) {
+          meta.watchFiles.push(tagDef.translator.path);
+        }
+      }
+    }
+
+    if (!(meta.hasFunctionEventHandlers || meta.hasStringEventHandlers)) {
+      for (const attr of tag.node.attributes) {
+        if (
+        _compiler.types.isMarkoAttribute(attr) &&
+        attr.arguments &&
+        /^on[-A-Z]/.test(attr.name))
+        {
+          if (
+          attr.arguments.length >= 1 &&
+          attr.arguments[0].type === "StringLiteral")
+          {
+            meta.hasStringEventHandlers = true;
+          } else {
+            meta.hasFunctionEventHandlers = true;
+          }
+          break;
+        }
+      }
+    }
+
+    if (
+    meta.hasStatefulTagParams ||
+    (0, _babelUtils.isNativeTag)(tag) ||
+    (0, _babelUtils.isMacroTag)(tag) ||
+    !tag.get("body").get("params").length)
+    {
+      return;
+    }
+
+    if ((0, _babelUtils.isDynamicTag)(tag)) {
+      meta.hasStatefulTagParams = true;
+      return;
+    }
+
+    let curTag = tag;
+    while ((0, _babelUtils.isAttributeTag)(curTag)) {
+      curTag = (0, _babelUtils.findParentTag)(curTag);
+    }
+
+    const tagFile = (0, _babelUtils.loadFileForTag)(curTag);
+    const childMeta = tagFile && tagFile.metadata.marko;
+    meta.hasStatefulTagParams =
+    childMeta && (
+    childMeta.hasStatefulTagParams ||
+    childMeta.hasFunctionEventHandlers ||
+    childMeta.hasComponent && !childMeta.hasComponentBrowser);
+  },
+  ImportDeclaration: {
+    exit(path) {
+      const source = path.get("source");
+      const tagEntry = (0, _babelUtils.resolveTagImport)(source, source.node.value);
+
+      if (tagEntry) {
+        const meta = path.hub.file.metadata.marko;
+        source.node.value = tagEntry;
+
+        if (!meta.tags.includes(tagEntry)) {
+          meta.tags.push(tagEntry);
+        }
+      }
+    }
+  }
+};
+
+const translate = exports.translate = {
+  MarkoDocumentType: _documentType.default,
+  MarkoDeclaration: _declaration.default,
+  MarkoCDATA: _cdata.default,
+  MarkoTag: _tag.default,
+  MarkoText: _text.default,
+  MarkoPlaceholder: _placeholder.default,
+  MarkoScriptlet: _scriptlet.default,
+  MarkoClass: _class.default,
+  MarkoComment: _comment.default,
+  ReferencedIdentifier(path) {
+    if (path.node.name === "component" && !path.scope.hasBinding("component")) {
+      path.replaceWith(path.hub.file._componentInstanceIdentifier);
+    }
+  },
+  Program: {
+    enter(path) {
+      const {
+        hub: { file }
+      } = path;
+
+      if (file.markoOpts.output === "hydrate") {
+        (0, _addDependencies.default)(file, true);
+        return;
+      } else if (
+      file.markoOpts.resolveVirtualDependency &&
+      file.markoOpts.output !== "html")
+      {
+        (0, _addDependencies.default)(file, false);
+      }
+
+      if (file.metadata.marko.moduleCode) {
+        path.
+        replaceWith(
+          _compiler.types.program(
+            (0, _babelUtils.parseStatements)(file, file.metadata.marko.moduleCode),
+            undefined,
+            file.markoOpts.modules === "cjs" ? "script" : "module"
+          )
+        )[0].
+        skip();
+        return;
+      }
+
+      file._componentDefIdentifier =
+      path.scope.generateUidIdentifier("componentDef");
+
+      file._componentInstanceIdentifier =
+      path.scope.generateUidIdentifier("component");
+
+      // Pre-Analyze tree
+      (0, _optimizeVdomCreate.analyzeStaticVDOM)(path);
+
+      // Move non static content into the renderBody.
+      const [renderBlock] = path.pushContainer("body", _compiler.types.blockStatement([]));
+      path.
+      get("body").
+      filter(isRenderContent).
+      forEach((childPath) => {
+        renderBlock.pushContainer("body", childPath.node);
+        childPath.remove();
+      });
+
+      file._renderBlock = renderBlock;
+      path.scope.crawl();
+    },
+    exit(path) {
+      const {
+        hub: { file }
+      } = path;
+      const { markoOpts, _inlineComponentClass } = file;
+      const includeMetaInSource = markoOpts.meta !== false;
+      const meta = file.metadata.marko;
+      const { componentFile, componentBrowserFile } = (0, _getComponentFiles.default)(path);
+      const isHTML = markoOpts.output === "html";
+
+      const renderBlock = file._renderBlock;
+      const componentClass =
+      componentFile &&
+      (0, _babelUtils.importDefault)(
+        file,
+        (0, _babelUtils.resolveRelativePath)(file, componentFile),
+        "marko_component"
+      ) ||
+      _inlineComponentClass ||
+      _compiler.types.objectExpression([]);
+
+      const componentIdentifier =
+      path.scope.generateUidIdentifier("marko_component");
+      const componentTypeIdentifier = path.scope.generateUidIdentifier(
+        "marko_componentType"
+      );
+      const templateIdentifier =
+      path.scope.generateUidIdentifier("marko_template");
+      const rendererIdentifier = (0, _babelUtils.importDefault)(
+        file,
+        "marko/src/runtime/components/renderer.js",
+        "marko_renderer"
+      );
+      const templateRendererMember = _compiler.types.memberExpression(
+        templateIdentifier,
+        _compiler.types.identifier("_")
+      );
+      const templateMetaMember = _compiler.types.memberExpression(
+        templateIdentifier,
+        _compiler.types.identifier("meta")
+      );
+
+      if (markoOpts.writeVersionComment) {
+        path.addComment(
+          "leading",
+          ` Compiled using marko@${_package.version} - DO NOT EDIT`,
+          true
+        );
+      }
+
+      const runtimeTemplateIdentifier = path.scope.generateUidIdentifier("t");
+
+      path.unshiftContainer(
+        "body",
+        [
+        _compiler.types.importDeclaration(
+          [_compiler.types.importSpecifier(runtimeTemplateIdentifier, _compiler.types.identifier("t"))],
+          _compiler.types.stringLiteral(
+            `marko/${markoOpts.optimize ? "dist" : "src"}/runtime/${
+            isHTML ? "html" : "vdom"}/${
+            markoOpts.hot ? "hot-reload.js" : "index.js"}`
+          )
+        ),
+        _compiler.types.variableDeclaration("const", [
+        _compiler.types.variableDeclarator(
+          componentTypeIdentifier,
+          _compiler.types.stringLiteral(meta.id)
+        ),
+        _compiler.types.variableDeclarator(
+          templateIdentifier,
+          _compiler.types.callExpression(runtimeTemplateIdentifier, [
+          componentTypeIdentifier]
+          )
+        )]
+        ),
+        includeMetaInSource &&
+        _compiler.types.expressionStatement(
+          _compiler.types.assignmentExpression(
+            "=",
+            _compiler.types.memberExpression(templateIdentifier, _compiler.types.identifier("path")),
+            _compiler.types.identifier("__filename")
+          )
+        ),
+        _compiler.types.exportDefaultDeclaration(templateIdentifier)].
+        filter(Boolean)
+      );
+
+      path.pushContainer(
+        "body",
+        [
+        !isHTML &&
+        _compiler.types.expressionStatement(
+          _compiler.types.callExpression(
+            (0, _babelUtils.importNamed)(
+              file,
+              "marko/src/runtime/components/registry.js",
+              "r",
+              "marko_registerComponent"
+            ),
+            [
+            componentTypeIdentifier,
+            _compiler.types.arrowFunctionExpression(
+              [],
+              componentBrowserFile ?
+              (0, _babelUtils.importDefault)(
+                file,
+                (0, _babelUtils.resolveRelativePath)(file, componentBrowserFile),
+                "marko_split_component"
+              ) :
+              templateIdentifier
+            )]
+
+          )
+        ),
+        _compiler.types.variableDeclaration("const", [
+        _compiler.types.variableDeclarator(componentIdentifier, componentClass)]
+        )].
+        filter(Boolean)
+      );
+
+      const templateRenderOptionsProps = [
+      _compiler.types.objectProperty(_compiler.types.identifier("t"), componentTypeIdentifier)];
+
+
+      if (!meta.component) {
+        templateRenderOptionsProps.push(
+          _compiler.types.objectProperty(_compiler.types.identifier("i"), _compiler.types.booleanLiteral(true))
+        );
+      }
+
+      if (componentBrowserFile) {
+        templateRenderOptionsProps.push(
+          _compiler.types.objectProperty(_compiler.types.identifier("s"), _compiler.types.booleanLiteral(true))
+        );
+      }
+
+      if (!markoOpts.optimize) {
+        templateRenderOptionsProps.push(
+          _compiler.types.objectProperty(_compiler.types.identifier("d"), _compiler.types.booleanLiteral(true))
+        );
+      }
+
+      path.pushContainer(
+        "body",
+        _compiler.types.expressionStatement(
+          _compiler.types.assignmentExpression(
+            "=",
+            templateRendererMember,
+            _compiler.types.callExpression(rendererIdentifier, [
+            _compiler.types.functionExpression(
+              null,
+              [
+              _compiler.types.identifier("input"),
+              _compiler.types.identifier("out"),
+              file._componentDefIdentifier,
+              file._componentInstanceIdentifier,
+              _compiler.types.identifier("state"),
+              _compiler.types.identifier("$global")],
+
+              renderBlock.node
+            ),
+            _compiler.types.objectExpression(templateRenderOptionsProps),
+            componentIdentifier]
+            )
+          )
+        )
+      );
+      renderBlock.remove();
+
+      if (!isHTML) {
+        path.pushContainer(
+          "body",
+          _compiler.types.expressionStatement(
+            _compiler.types.assignmentExpression(
+              "=",
+              _compiler.types.memberExpression(templateIdentifier, _compiler.types.identifier("Component")),
+              _compiler.types.callExpression(
+                (0, _babelUtils.importDefault)(
+                  file,
+                  "marko/src/runtime/components/defineComponent.js",
+                  "marko_defineComponent"
+                ),
+                [componentIdentifier, templateRendererMember]
+              )
+            )
+          )
+        );
+      }
+
+      if (includeMetaInSource) {
+        const metaObject = _compiler.types.objectExpression([
+        _compiler.types.objectProperty(_compiler.types.identifier("id"), componentTypeIdentifier)]
+        );
+
+        if (meta.component) {
+          metaObject.properties.push(
+            _compiler.types.objectProperty(
+              _compiler.types.identifier("component"),
+              _compiler.types.stringLiteral(meta.component)
+            )
+          );
+        }
+
+        if (meta.deps.length) {
+          metaObject.properties.push(
+            _compiler.types.objectProperty(
+              _compiler.types.identifier("deps"),
+              (0, _babelUtils.parseExpression)(file, JSON.stringify(meta.deps))
+            )
+          );
+        }
+
+        if (meta.tags.length) {
+          metaObject.properties.push(
+            _compiler.types.objectProperty(
+              _compiler.types.identifier("tags"),
+              _compiler.types.arrayExpression(meta.tags.map((tag) => _compiler.types.stringLiteral(tag)))
+            )
+          );
+        }
+
+        path.pushContainer(
+          "body",
+          _compiler.types.expressionStatement(
+            _compiler.types.assignmentExpression("=", templateMetaMember, metaObject)
+          )
+        );
+      }
+
+      (0, _optimizeHtmlWrites.optimizeHTMLWrites)(path);
+    }
+  }
+};
+
+function getRuntimeEntryFiles(output, optimize) {
+  const base = `marko/${optimize ? "dist" : "src"}/`;
+
+  return [
+  `${base}runtime/components/index.js`,
+  `${base}runtime/components/defineComponent.js`,
+  `${base}runtime/components/renderer.js`,
+  `${base}runtime/components/registry.js`,
+  `${base}runtime/components/attach-detach.js`,
+  `${base}runtime/helpers/assign.js`,
+  `${base}runtime/helpers/class-value.js`,
+  `${base}runtime/helpers/of-fallback.js`,
+  `${base}runtime/helpers/dynamic-tag.js`,
+  `${base}runtime/helpers/attr-tag.js`,
+  `${base}runtime/helpers/merge.js`,
+  `${base}runtime/helpers/render-tag.js`,
+  `${base}runtime/helpers/style-value.js`,
+  `${base}runtime/helpers/to-string.js`,
+  `${base}runtime/helpers/empty-component.js`,
+  `${base}core-tags/components/preserve-tag.js`,
+  ...(output === "html" ?
+  [
+  `${base}runtime/html/index.js`,
+  `${base}runtime/html/hot-reload.js`,
+  `${base}runtime/html/helpers/attr.js`,
+  `${base}runtime/html/helpers/attrs.js`,
+  `${base}runtime/html/helpers/class-attr.js`,
+  `${base}runtime/html/helpers/data-marko.js`,
+  `${base}runtime/html/helpers/escape-quotes.js`,
+  `${base}runtime/html/helpers/escape-script-placeholder.js`,
+  `${base}runtime/html/helpers/escape-style-placeholder.js`,
+  `${base}runtime/html/helpers/escape-xml.js`,
+  `${base}runtime/html/helpers/merge-attrs.js`,
+  `${base}runtime/html/helpers/props-script.js`,
+  `${base}runtime/html/helpers/style-attr.js`,
+  `${base}core-tags/components/init-components-tag.js`,
+  `${base}core-tags/components/preferred-script-location-tag.js`,
+  `${base}core-tags/core/__flush_here_and_after__.js`,
+  `${base}core-tags/core/await/renderer.js`,
+  `${base}core-tags/core/await/reorderer-renderer.js`] :
+
+  [
+  `${base}runtime/vdom/index.js`,
+  `${base}runtime/vdom/hot-reload.js`,
+  `${base}runtime/vdom/helpers/attrs.js`,
+  `${base}runtime/vdom/helpers/const-element.js`])];
+
+
+}
+
+function isRenderContent(path) {
+  const { node } = path;
+  return _compiler.types.MARKO_TYPES.includes(node.type) && !node.static;
+}
+
+function resolveRelativeTagEntry(file, tagDef) {
+  // TODO: support transform and other entries.
+  const entry = tagDef.template || tagDef.renderer;
+  return entry && (0, _babelUtils.resolveRelativePath)(file, entry);
+}

package/dist/translator/placeholder/index.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = _default;var _indexHtml = _interopRequireDefault(require("./index[html]"));
+var _indexVdom = _interopRequireDefault(require("./index[vdom]"));
+
+function _default(path) {
+  const {
+    hub: {
+      file: { markoOpts }
+    }
+  } = path;
+  if (markoOpts.output === "html") {
+    (0, _indexHtml.default)(path);
+  } else {
+    (0, _indexVdom.default)(path);
+  }
+}