marko 5.37.2 → 6.0.0-3.5

package/dist/translator/tag/attribute/directives/style.js

@@ -1,42 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = void 0;var _compiler = require("@marko/compiler");
-var _babelUtils = require("@marko/compiler/babel-utils");
-
-
-
-
-var _styleValue = _interopRequireDefault(require("marko/src/runtime/helpers/style-value"));
-
-var _withPreviousLocation = _interopRequireDefault(require("../../../util/with-previous-location"));var _default = exports.default =
-
-{
-  exit(tag, _, value) {
-    const {
-      hub: { file }
-    } = tag;
-    if (!(0, _babelUtils.isNativeTag)(tag)) return;
-
-    const computed = (0, _babelUtils.computeNode)(value.node);
-    if (computed) {
-      const str = (0, _styleValue.default)(computed.value);
-      if (str) {
-        value.replaceWith(_compiler.types.stringLiteral(str));
-      } else {
-        value.parentPath.remove();
-      }
-    } else if (!value.isTemplateLiteral()) {
-      value.replaceWith(
-        (0, _withPreviousLocation.default)(
-          _compiler.types.callExpression(
-            (0, _babelUtils.importDefault)(
-              file,
-              "marko/src/runtime/helpers/style-value.js",
-              "marko_style_merge"
-            ),
-            [value.node]
-          ),
-          value.node
-        )
-      );
-    }
-  }
-};

package/dist/translator/tag/attribute/index.js

@@ -1,150 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = void 0;var _babelUtils = require("@marko/compiler/babel-utils");
-
-
-
-
-
-var _directives = _interopRequireDefault(require("./directives"));
-var _modifiers = _interopRequireDefault(require("./modifiers"));
-
-const EMPTY_ARRAY = [];
-const EVENT_REG = /^(on(?:ce)?)(-)?(.*)$/;
-const attachedDetachedLoaded = new WeakSet();var _default = exports.default =
-
-{
-  enter(attr) {
-    const {
-      hub: { file }
-    } = attr;
-    const tag = attr.parentPath;
-    const value = attr.get("value");
-    const { name, arguments: args } = attr.node;
-    const isVDOM = file.markoOpts.output !== "html";
-
-    if (execModifiersAndDirectives("enter", tag, attr, value)) {
-      return;
-    }
-
-    // Event handlers.
-    let [, eventType, isDash, eventName] = EVENT_REG.exec(name) || EMPTY_ARRAY;
-
-    if (eventType && args) {
-      if (!args.length) {
-        throw attr.buildCodeFrameError("Event handler is missing arguments.");
-      }
-
-      if (!value.isBooleanLiteral(true)) {
-        throw value.buildCodeFrameError(
-          `"${name}(handler, ...args)" does not accept a value.`
-        );
-      }
-
-      if (!isDash) {
-        // When the event is not in dash case we normalized differently for html tags and custom tags.
-
-        if ((0, _babelUtils.isNativeTag)(tag)) {
-          // Lowercase the string
-          // Example: onMouseOver → mouseover
-          eventName = eventName.toLowerCase();
-        } else {
-          // Convert first character to lower case:
-          // Example: onBeforeShow → beforeShow
-          eventName = eventName.charAt(0).toLowerCase() + eventName.slice(1);
-        }
-      }
-
-      const handlers = tag.node.handlers = tag.node.handlers || {};
-      if (handlers[eventName]) {
-        throw attr.buildCodeFrameError(
-          "Duplicate event handlers are not supported."
-        );
-      }
-
-      handlers[eventName] = {
-        arguments: args,
-        once: eventType === "once"
-      };
-
-      if (isVDOM) {
-        if (eventName === "attach" || eventName === "detach") {
-          if (!attachedDetachedLoaded.has(file)) {
-            // Pull in helper for element attach/detach;
-            attachedDetachedLoaded.add(file);
-            (0, _babelUtils.importDefault)(
-              file,
-              "marko/src/runtime/components/attach-detach.js"
-            );
-          }
-        }
-      }
-
-      attr.remove();
-      return;
-    }
-  },
-  exit(attr) {
-    const tag = attr.parentPath;
-    const { name, arguments: args } = attr.node;
-    const value = attr.get("value");
-
-    if (execModifiersAndDirectives("exit", tag, attr, value)) {
-      return;
-    }
-
-    const tagDef = (0, _babelUtils.getTagDef)(tag);
-
-    if (tagDef) {
-      if (!tagDef.html && !tagDef.getAttribute(name)) {
-        throw attr.buildCodeFrameError(
-          `<${
-          tag.get("name.value").node}> does not support the "${
-          name}" attribute.`
-        );
-      }
-    }
-
-    if (args && args.length) {
-      throw attr.buildCodeFrameError(
-        `Unsupported arguments on the "${name}" attribute.`
-      );
-    }
-
-    if (attr.node.bound) {
-      throw attr.buildCodeFrameError(
-        `The binding syntax (:=) is only supported when using the "Tags API".`
-      );
-    }
-  }
-};
-
-function execModifiersAndDirectives(type, tag, attr, value) {
-  const { node } = attr;
-  const { name, modifier } = node;
-
-  if (modifier) {
-    const modifierTranslate = _modifiers.default[modifier];
-    if (modifierTranslate) {
-      if (modifierTranslate[type]) {
-        const tagNode = tag.node;
-        const attrNode = attr.node;
-        modifierTranslate[type](tag, attr, value);
-        if (tag.node !== tagNode || attr.node !== attrNode) return true;
-      }
-    } else if (name === "xlink" && modifier === "href" && (0, _babelUtils.isNativeTag)(tag)) {
-      node.name += `:${modifier}`;
-      node.modifier = undefined;
-    } else {
-      throw attr.buildCodeFrameError(`Unsupported modifier "${modifier}".`);
-    }
-  }
-
-  const directiveTranslate = _directives.default[name];
-  if (directiveTranslate) {
-    if (directiveTranslate[type]) {
-      const tagNode = tag.node;
-      const attrNode = attr.node;
-      directiveTranslate[type](tag, attr, value);
-      if (tag.node !== tagNode || attr.node !== attrNode) return true;
-    }
-  }
-}

package/dist/translator/tag/attribute/modifiers/index.js

@@ -1,7 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = void 0;var _noUpdate = _interopRequireDefault(require("./no-update"));
-var _scoped = _interopRequireDefault(require("./scoped"));var _default = exports.default =
-
-{
-  scoped: _scoped.default,
-  "no-update": _noUpdate.default
-};

package/dist/translator/tag/attribute/modifiers/no-update.js

@@ -1,14 +0,0 @@
-"use strict";exports.__esModule = true;exports.default = void 0; /**
- * Does nothing in html mode.
- */var _default = exports.default =
-{
-  exit(tag, attr) {
-    const { node } = tag;
-
-    if (!node.preserveAttrs) {
-      node.preserveAttrs = [];
-    }
-
-    node.preserveAttrs.push(attr.node.name);
-  }
-};

package/dist/translator/tag/attribute/modifiers/scoped.js

@@ -1,23 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = void 0;var _compiler = require("@marko/compiler");
-
-var _withPreviousLocation = _interopRequireDefault(require("../../../util/with-previous-location"));var _default = exports.default =
-
-{
-  exit(tag, _, value) {
-    const {
-      hub: { file }
-    } = tag;
-    value.replaceWith(
-      (0, _withPreviousLocation.default)(
-        _compiler.types.callExpression(
-          _compiler.types.memberExpression(
-            file._componentDefIdentifier,
-            _compiler.types.identifier("elId")
-          ),
-          [value.node]
-        ),
-        value.node
-      )
-    );
-  }
-};

package/dist/translator/tag/attribute-tag.js

@@ -1,149 +0,0 @@
-"use strict";exports.__esModule = true;exports.analyzeAttributeTags = analyzeAttributeTags;exports.default = translateAttributeTag;var _compiler = require("@marko/compiler");
-var _babelUtils = require("@marko/compiler/babel-utils");
-
-
-
-
-
-
-
-
-
-var _util = require("./util");
-
-const attributeTagsForTag = new WeakMap();
-const contentTypeCache = new WeakMap();
-const ContentType = {
-  attribute: 0,
-  render: 1,
-  mixed: 2
-};
-
-function analyzeAttributeTags(rootTag) {
-  const visit = [rootTag];
-  const parentTags = [rootTag];
-  let i = 0;
-  let attributeTags;
-
-  while (i < visit.length) {
-    const tag = visit[i++];
-    const attrTags = tag.node.body.attributeTags ?
-    tag.get("body").get("body") :
-    tag.get("attributeTags");
-    for (const child of attrTags) {
-      if ((0, _babelUtils.isAttributeTag)(child)) {
-        (0, _babelUtils.assertNoArgs)(child);
-        const tagDef = (0, _babelUtils.getTagDef)(child) || {};
-        const name = (0, _babelUtils.getFullyResolvedTagName)(child);
-        let {
-          targetProperty = child.node.name.value.slice(1),
-          isRepeated = false
-        } = tagDef;
-
-        const preserveName =
-        tagDef.preserveName === true || tagDef.removeDashes === false;
-
-        if (!preserveName) {
-          targetProperty = removeDashes(targetProperty);
-        }
-
-        const attrTagMeta = (attributeTags ||= {})[name] ||= {
-          targetProperty,
-          isRepeated
-        };
-
-        (child.node.extra ||= {}).attributeTag = attrTagMeta;
-
-        const parentTag = (0, _babelUtils.findParentTag)(child);
-        const parentTagExtra = parentTag.node.extra ||= {};
-        const parentSeenAttributeTagProperties =
-        attributeTagsForTag.get(parentTag);
-        let hasAttributeTags = false;
-
-        if (!parentSeenAttributeTagProperties) {
-          parentTagExtra.hasAttributeTags = true;
-          attributeTagsForTag.set(parentTag, new Set([targetProperty]));
-        } else if (parentSeenAttributeTagProperties.has(targetProperty)) {
-          hasAttributeTags = true;
-        } else {
-          parentSeenAttributeTagProperties.add(targetProperty);
-        }
-
-        if (!hasAttributeTags) {
-          if (
-          parentTag.
-          get("attributes").
-          some(
-            (attr) =>
-            attr.isMarkoSpreadAttribute() ||
-            attr.node.name === targetProperty
-          ))
-          {
-            parentTag.pushContainer(
-              "attributes",
-              _compiler.types.markoAttribute(
-                targetProperty,
-                _compiler.types.unaryExpression("void", _compiler.types.numericLiteral(0))
-              )
-            );
-          }
-        }
-
-        parentTags.push(child);
-        visit.push(child);
-      } else if ((0, _babelUtils.isTransparentTag)(child)) {
-        visit.push(child);
-      }
-    }
-  }
-
-  if (attributeTags) {
-    (rootTag.node.extra ??= {}).attributeTags = attributeTags;
-  }
-}
-
-function translateAttributeTag(tag) {
-  const { node } = tag;
-  const meta = node.extra?.attributeTag;
-  if (!meta) {
-    throw tag.
-    get("name").
-    buildCodeFrameError("@tags must be nested within another element.");
-  }
-
-  (0, _babelUtils.assertNoArgs)(tag);
-
-  tag.replaceWith(
-    _compiler.types.expressionStatement(
-      _compiler.types.callExpression(
-        (0, _babelUtils.importNamed)(
-          tag.hub.file,
-          "marko/src/runtime/helpers/attr-tag.js",
-          meta.isRepeated ? "r" : "a",
-          meta.isRepeated ?
-          "marko_repeated_attr_tag" :
-          "marko_repeatable_attr_tag"
-        ),
-        [_compiler.types.stringLiteral(meta.targetProperty), getAttrTagObject(tag)]
-      )
-    )
-  );
-}
-
-function getAttrTagObject(tag) {
-  const attrs = (0, _util.getAttrs)(tag, false, true);
-
-  if (_compiler.types.isNullLiteral(attrs)) {
-    return _compiler.types.objectExpression([]);
-  }
-
-  return attrs;
-}
-
-function removeDashes(str) {
-  return str.replace(/-([a-z])/g, matchToUpperCase);
-}
-
-function matchToUpperCase(_match, lower) {
-  return lower.toUpperCase();
-}

package/dist/translator/tag/custom-tag.js

@@ -1,146 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = _default;var _compiler = require("@marko/compiler");
-var _babelUtils = require("@marko/compiler/babel-utils");
-
-
-
-
-
-
-
-
-var _withPreviousLocation = _interopRequireDefault(require("../util/with-previous-location"));
-var _dynamicTag = _interopRequireDefault(require("./dynamic-tag"));
-var _nativeTag = _interopRequireDefault(require("./native-tag"));
-var _util = require("./util");
-
-function _default(path, isNullable) {
-  const {
-    hub: { file },
-    node
-  } = path;
-  const { markoOpts } = file;
-  const { name, key } = node;
-
-  (0, _babelUtils.assertNoArgs)(path);
-
-  let tagIdentifier;
-
-  if (_compiler.types.isStringLiteral(name)) {
-    const tagName = name.value;
-    let relativePath = node.extra && node.extra.relativePath;
-
-    if (!relativePath) {
-      const tagDef = (0, _babelUtils.getTagDef)(path);
-      if (tagDef && tagDef.renderer) {
-        // Normally new tags should not be added in the translate stage.
-        // We make an exception here for core tags, init-components & _preserve being the primary culprits.
-        // TODO: in the future refactor so this is not needed.
-        relativePath = (0, _babelUtils.resolveRelativePath)(file, tagDef.renderer);
-      }
-    }
-
-    let binding = !relativePath && path.scope.getBinding(tagName);
-    if (binding && !binding.identifier.loc) binding = null;
-
-    if (binding && binding.kind === "module") {
-      const importSource = binding.path.parent.source;
-      relativePath =
-      (0, _babelUtils.resolveTagImport)(path, importSource.value) || importSource.value;
-      (node.extra ??= {}).tagNameImported = relativePath;
-      binding = undefined;
-    }
-
-    const childFile = (0, _babelUtils.loadFileForTag)(path);
-    const childProgram = childFile?.ast.program;
-
-    if (childProgram?.extra?.featureType === "tags") {
-      const compatRuntimeFile = `marko/src/runtime/helpers/tags-compat/${
-      markoOpts.output === "html" ? "html" : "dom"}${
-      markoOpts.optimize ? "" : "-debug"}.${markoOpts.modules === "esm" ? "mjs" : "js"}`;
-      (0, _babelUtils.importDefault)(file, compatRuntimeFile);
-      path.set("name", (0, _babelUtils.importDefault)(file, relativePath, path.node.name.value));
-      return (0, _dynamicTag.default)(path);
-    } else if (relativePath) {
-      if (binding) {
-
-
-
-
-
-
-
-        // TODO: implement auto migration for conflicts here
-        // and log below warning
-        // console.warn(
-        //   path.buildCodeFrameError(
-        //     `The <${tagName}> tag has been resolved from the filesystem, however a local variable with the same name exists. In the next major version of Marko the local variable will tag precedence.`
-        //   )
-        // );
-      }tagIdentifier = (0, _babelUtils.importDefault)(file, relativePath, tagName);} else if (binding) {path.set("name", _compiler.types.identifier(tagName));return (0, _dynamicTag.default)(path);} else if (markoOpts.ignoreUnrecognizedTags) {return (0, _nativeTag.default)(path);
-    } else {
-      throw path.
-      get("name").
-      buildCodeFrameError(
-        `Unable to find entry point for custom tag <${tagName}>.`
-      );
-    }
-  } else {
-    tagIdentifier = name;
-  }
-
-  const foundAttrs = (0, _util.getAttrs)(path);
-  const customTagRenderCall = (0, _withPreviousLocation.default)(
-    _compiler.types.expressionStatement(
-      _compiler.types.callExpression(
-        (0, _babelUtils.importDefault)(
-          file,
-          "marko/src/runtime/helpers/render-tag.js",
-          "marko_tag"
-        ),
-        [
-        tagIdentifier,
-        // TODO: this could be left as null if we froze input mutations and used a default object in the runtime.
-        _compiler.types.isNullLiteral(foundAttrs) ? _compiler.types.objectExpression([]) : foundAttrs,
-        _compiler.types.identifier("out"),
-        file._componentDefIdentifier,
-        key,
-        ...(0, _util.buildEventHandlerArray)(path)]
-
-      )
-    ),
-    node
-  );
-
-  if (isNullable) {
-    let renderBodyIdentifier;
-    const renderBodyProp =
-    _compiler.types.isObjectExpression(foundAttrs) &&
-    foundAttrs.properties.find(
-      (prop) => prop.key && prop.key.value === "renderBody"
-    );
-
-    if (renderBodyProp) {
-      renderBodyIdentifier = path.scope.generateUidIdentifier("renderBody");
-      path.insertBefore(
-        _compiler.types.variableDeclaration("const", [
-        _compiler.types.variableDeclarator(renderBodyIdentifier, renderBodyProp.value)]
-        )
-      );
-
-      renderBodyProp.value = renderBodyIdentifier;
-    }
-
-    path.replaceWith(
-      _compiler.types.ifStatement(
-        name,
-        customTagRenderCall,
-        renderBodyIdentifier &&
-        _compiler.types.expressionStatement(
-          _compiler.types.callExpression(renderBodyIdentifier, [_compiler.types.identifier("out")])
-        )
-      )
-    );
-  } else {
-    path.replaceWith(customTagRenderCall);
-  }
-}

package/dist/translator/tag/dynamic-tag.js

@@ -1,74 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.default = _default;var _compiler = require("@marko/compiler");
-var _babelUtils = require("@marko/compiler/babel-utils");
-
-var _withPreviousLocation = _interopRequireDefault(require("../util/with-previous-location"));
-var _util = require("./util");
-
-function _default(path) {
-  const {
-    node,
-    hub: { file }
-  } = path;
-  const tagProperties = path.node.extra && path.node.extra.properties || [];
-  const { key, arguments: args } = node;
-  const foundAttrs = (0, _util.getAttrs)(path, true);
-  let renderBodyProp;
-  let attrsLen = _compiler.types.isNullLiteral(foundAttrs) ? 0 : 1;
-
-  if (node.preserveAttrs) {
-    tagProperties.push(
-      _compiler.types.objectProperty(
-        _compiler.types.identifier("pa"),
-        _compiler.types.objectExpression(
-          node.preserveAttrs.map((name) =>
-          _compiler.types.objectProperty(
-            _compiler.types.isValidIdentifier(name) ?
-            _compiler.types.identifier(name) :
-            _compiler.types.stringLiteral(name),
-            _compiler.types.numericLiteral(1)
-          )
-          )
-        )
-      )
-    );
-  }
-
-  if (_compiler.types.isObjectExpression(foundAttrs)) {
-    const renderBodyIndex = foundAttrs.properties.findIndex(
-      (prop) => prop.key && prop.key.value === "renderBody"
-    );
-
-    attrsLen = foundAttrs.properties.length;
-
-    if (renderBodyIndex > -1) {
-      renderBodyProp = foundAttrs.properties[renderBodyIndex];
-      foundAttrs.properties.splice(renderBodyIndex, 1);
-      attrsLen--;
-    }
-  }
-
-  const dynamicTagRenderCall = _compiler.types.expressionStatement(
-    _compiler.types.callExpression(
-      (0, _babelUtils.importDefault)(
-        file,
-        `marko/src/runtime/helpers/dynamic-tag.js`,
-        "marko_dynamic_tag"
-      ),
-      [
-      _compiler.types.identifier("out"),
-      node.name,
-      attrsLen ? _compiler.types.arrowFunctionExpression([], foundAttrs) : _compiler.types.nullLiteral(),
-      renderBodyProp ? renderBodyProp.value : _compiler.types.nullLiteral(),
-      args && args.length ? _compiler.types.arrayExpression(args) : _compiler.types.nullLiteral(),
-      tagProperties.length ?
-      _compiler.types.objectExpression(tagProperties) :
-      _compiler.types.nullLiteral(),
-      file._componentDefIdentifier,
-      key,
-      ...(0, _util.buildEventHandlerArray)(path)]
-
-    )
-  );
-
-  path.replaceWith((0, _withPreviousLocation.default)(dynamicTagRenderCall, node));
-}