marko 5.37.6 → 6.0.0-3.12

package/src/translator/tag/util.js

@@ -1,246 +0,0 @@
-import { types as t } from "@marko/compiler";
-import {
-  computeNode,
-  getTagDef,
-  importNamed,
-} from "@marko/compiler/babel-utils";
-import classToString from "marko/src/runtime/helpers/class-value";
-import styleToString from "marko/src/runtime/helpers/style-value";
-
-export function getAttrs(path, preserveNames, isAttrTag) {
-  const { node } = path;
-  const {
-    extra,
-    attributes,
-    attributeTags,
-    body: { body, params },
-  } = node;
-  const attrsLen = attributes.length;
-  const childLen = body.length;
-  const properties = [];
-  const targetObjects = {};
-  const tagDef = getTagDef(path);
-  const foundProperties = {};
-  const hasAttributeTags = !!attributeTags.length;
-
-  for (let i = 0; i < attrsLen; i++) {
-    const { name, value } = attributes[i];
-
-    if (name) {
-      const attrDef = tagDef && tagDef.getAttribute(name);
-      let targetProperties = properties;
-      let targetProperty = name;
-      let preserveName = preserveNames;
-
-      if (attrDef) {
-        if (attrDef.targetProperty) {
-          const key = attrDef.targetProperty;
-          preserveName =
-            attrDef.preserveName !== false && attrDef.removeDashes !== true;
-
-          if (attrDef.dynamicAttribute) {
-            let targetObject = targetObjects[key];
-
-            if (!targetObject) {
-              properties.push(
-                t.objectProperty(
-                  t.stringLiteral(key),
-                  (targetObject = targetObjects[key] = t.objectExpression([])),
-                ),
-              );
-            }
-
-            targetProperties = targetObject.properties;
-          } else {
-            targetProperty = key;
-          }
-        } else if (
-          !preserveName &&
-          (attrDef.preserveName === true || attrDef.removeDashes === false)
-        ) {
-          preserveName = true;
-        }
-      }
-
-      if (!preserveName) {
-        targetProperty = camelCase(targetProperty);
-      }
-
-      foundProperties[targetProperty] = true;
-      targetProperties.push(
-        t.objectProperty(t.stringLiteral(targetProperty), value),
-      );
-    } else {
-      mergeSpread(properties, value);
-    }
-  }
-
-  if (childLen && !hasAttributeTags) {
-    properties.push(
-      t.objectProperty(
-        t.stringLiteral("renderBody"),
-        t.arrowFunctionExpression(
-          [t.identifier("out"), ...params],
-          t.blockStatement(body),
-        ),
-      ),
-    );
-  }
-
-  // Default parameters
-  tagDef &&
-    tagDef.forEachAttribute &&
-    tagDef.forEachAttribute((attr) => {
-      if (foundProperties[attr.name] || attr.dynamicAttribute) {
-        return;
-      }
-
-      if (attr.defaultValue !== undefined) {
-        properties.push(
-          t.objectProperty(
-            t.stringLiteral(attr.name),
-            t.stringLiteral(attr.defaultValue + ""),
-          ),
-        );
-      } else if (attr.required) {
-        throw path
-          .get("name")
-          .buildCodeFrameError(`The "${attr.name}" attribute is required.`);
-      }
-    });
-
-  let attrsObject =
-    properties.length === 0
-      ? t.nullLiteral()
-      : !hasAttributeTags &&
-          !isAttrTag &&
-          properties.length === 1 &&
-          t.isSpreadElement(properties[0])
-        ? properties[0].argument
-        : t.objectExpression(properties);
-
-  if (hasAttributeTags) {
-    let attrTagBody = attributeTags;
-
-    if (body.length) {
-      attrTagBody = attrTagBody.concat(
-        t.returnStatement(
-          t.arrowFunctionExpression(
-            [t.identifier("out"), ...params],
-            t.blockStatement(body),
-          ),
-        ),
-      );
-    }
-
-    const attrTagFn = t.arrowFunctionExpression(
-      [],
-      t.blockStatement(attrTagBody),
-    );
-
-    attrsObject = t.callExpression(
-      importNamed(
-        path.hub.file,
-        "marko/src/runtime/helpers/attr-tag.js",
-        "i",
-        "marko_render_input",
-      ),
-      properties.length === 0 ? [attrTagFn] : [attrTagFn, attrsObject],
-    );
-  }
-
-  return attrsObject;
-}
-
-export function buildEventHandlerArray(path) {
-  const { handlers } = path.node;
-  if (!handlers) {
-    return [];
-  }
-
-  return [
-    t.arrayExpression(
-      Object.entries(handlers).map(([eventName, { arguments: args, once }]) => {
-        const parts = [
-          t.stringLiteral(eventName),
-          args[0],
-          t.booleanLiteral(once),
-        ];
-
-        if (args.length > 1) {
-          parts.push(t.arrayExpression(args.slice(1)));
-        }
-
-        return t.arrayExpression(parts);
-      }),
-    ),
-  ];
-}
-
-export function evaluateAttr(attr) {
-  const computed = computeNode(attr.node.value);
-  if (computed) {
-    const { value } = computed;
-    switch (attr.node.name) {
-      case "class":
-        return {
-          value: classToString(value)?.replace(/\s+/, " ").trim(),
-        };
-      case "style":
-        return {
-          value: styleToString(value)
-            ?.replace(/\s+/, " ")
-            .trim()
-            .replace(/;$/, ""),
-        };
-    }
-
-    if (value == null || value === false) {
-      return { value: undefined };
-    }
-
-    if (value === true) {
-      return { value: "" };
-    }
-
-    if (typeof value === "object") {
-      switch (value.toString) {
-        case Object.prototype.toString:
-        case Array.prototype.toString:
-          return { value: JSON.stringify(value) };
-        case RegExp.prototype.toString:
-          return { value: value.source };
-      }
-    }
-
-    return { value: value + "" };
-  }
-}
-
-function camelCase(string) {
-  return string.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
-}
-
-function findLastIndex(arr, check) {
-  for (let i = arr.length; i--; ) {
-    if (check(arr[i])) {
-      return i;
-    }
-  }
-
-  return -1;
-}
-
-function mergeSpread(properties, value) {
-  if (t.isObjectExpression(value)) {
-    for (const prop of value.properties) {
-      if (t.isSpreadElement(prop)) {
-        mergeSpread(properties, prop.argument);
-      } else {
-        properties.push(prop);
-      }
-    }
-  } else {
-    properties.push(t.spreadElement(value));
-  }
-}

package/src/translator/taglib/core/conditional/translate-else-if.js

@@ -1,20 +0,0 @@
-import { assertNoAttributes } from "@marko/compiler/babel-utils";
-
-import { buildIfStatement } from "./util";
-
-export function exit(path) {
-  assertNoAttributes(path);
-
-  const { ifStatement, arguments: args } = path.node;
-
-  if (!ifStatement) {
-    throw path
-      .get("name")
-      .buildCodeFrameError(
-        "Invalid 'else-if' tag, expected preceding 'if' or 'else-if' tag.",
-      );
-  }
-
-  ifStatement.alternate = buildIfStatement(path, args);
-  path.remove();
-}

package/src/translator/taglib/core/conditional/translate-else.js

@@ -1,20 +0,0 @@
-import { types as t } from "@marko/compiler";
-import { assertNoArgs, assertNoAttributes } from "@marko/compiler/babel-utils";
-
-export function exit(path) {
-  assertNoArgs(path);
-  assertNoAttributes(path);
-
-  const { ifStatement } = path.node;
-
-  if (!ifStatement) {
-    throw path
-      .get("name")
-      .buildCodeFrameError(
-        "Invalid 'else' tag, expected preceding 'if' or 'else-if' tag.",
-      );
-  }
-
-  ifStatement.alternate = t.blockStatement(path.node.body.body);
-  path.remove();
-}

package/src/translator/taglib/core/conditional/translate-if.js

@@ -1,8 +0,0 @@
-import { assertNoAttributes } from "@marko/compiler/babel-utils";
-
-import { buildIfStatement } from "./util";
-
-export function exit(path) {
-  assertNoAttributes(path);
-  path.replaceWith(buildIfStatement(path, path.node.arguments));
-}

package/src/translator/taglib/core/conditional/util.js

@@ -1,41 +0,0 @@
-import { types as t } from "@marko/compiler";
-
-import withPreviousLocation from "../../../util/with-previous-location";
-
-export function buildIfStatement(path, args) {
-  if (!args || !args.length) {
-    const name = path.get("name");
-    throw name.buildCodeFrameError(
-      `Invalid '<${name.node.value}>' tag, expected arguments like '<${name.node.value}(test)>'.`,
-    );
-  }
-
-  const ifStatement = t.ifStatement(
-    args.length === 1 ? args[0] : t.sequenceExpression(args),
-    t.blockStatement(path.node.body.body),
-  );
-
-  let nextPath = path.getNextSibling();
-
-  while (
-    nextPath.isMarkoComment() ||
-    (nextPath.isMarkoText() && /^\s*$/.test(nextPath.node.value))
-  ) {
-    const ignorePath = nextPath;
-    nextPath = nextPath.getNextSibling();
-    ignorePath.remove();
-  }
-
-  // Provide the if statement to the next part of the if chain.
-  if (nextPath.isMarkoTag()) {
-    const nextTagName = nextPath.get("name");
-    if (
-      nextTagName.isStringLiteral({ value: "else" }) ||
-      nextTagName.isStringLiteral({ value: "else-if" })
-    ) {
-      nextPath.node.ifStatement = ifStatement;
-    }
-  }
-
-  return withPreviousLocation(ifStatement, path.node);
-}