marko 5.37.1 → 6.0.0-3.4

package/src/core-tags/core/await/renderer.js

@@ -1,249 +0,0 @@
-"use strict";
-// eslint-disable-next-line no-constant-binary-expression
-var complain = "MARKO_DEBUG" && require("complain");
-var AsyncValue = require("./AsyncValue");
-
-function safeRenderBody(renderBody, targetOut, data) {
-  try {
-    renderBody(targetOut, data);
-  } catch (err) {
-    return err;
-  }
-}
-
-function requestData(provider, timeout) {
-  var asyncValue = new AsyncValue();
-
-  if (typeof provider === "function") {
-    // eslint-disable-next-line no-constant-condition
-    if ("MARKO_DEBUG") {
-      complain(
-        "Passing a callback function to the <await> tag has been deprecated, please use a promise instead.",
-        { level: 1, locationIndex: 3 },
-      );
-    }
-
-    var callback = function (err, data) {
-      if (err) {
-        asyncValue.___reject(err);
-      } else {
-        asyncValue.___resolve(data);
-      }
-    };
-
-    var value =
-      provider.length === 1
-        ? // one argument so only provide callback to function call
-          provider(callback)
-        : // two arguments so provide args and callback to function call
-          provider(null, callback);
-
-    if (value !== undefined) {
-      asyncValue.___resolve(value);
-    }
-  } else {
-    // Assume the provider is a data object...
-    asyncValue.___resolve(provider);
-  }
-
-  if (timeout == null) {
-    timeout = 10000;
-  }
-
-  var error;
-  var errorMsg = "Timed out after " + timeout + "ms";
-  // eslint-disable-next-line no-constant-condition
-  if ("MARKO_DEBUG") {
-    // Make sure we have a meaningful stack trace in development preparing the stacktrace upfront.
-    // If we create it inside the setTimeout, we will end up with a short, not meaningful, stack trace
-    // We only do it in development to avoid overhead in production
-    error = new Error(errorMsg);
-  }
-  if (timeout > 0) {
-    let timeoutId = setTimeout(function () {
-      timeoutId = null;
-      if (!error) error = new Error(errorMsg);
-      error.code = "ERR_AWAIT_TIMEDOUT";
-      error.name = "TimeoutError";
-      asyncValue.___reject(error);
-    }, timeout);
-
-    asyncValue.___done(function () {
-      if (timeoutId != null) {
-        clearTimeout(timeoutId);
-      }
-    });
-  }
-
-  return asyncValue;
-}
-
-const LAST_OPTIONS = { last: true, name: "await:finish" };
-
-module.exports = function awaitTag(input, out) {
-  var clientReorder =
-    typeof document === "undefined" &&
-    input.clientReorder === true &&
-    !out.isVDOM;
-
-  var name = input.name || input._name;
-  var timeout = input.timeout;
-  var provider = input._provider;
-  var asyncValue = requestData(provider, timeout);
-  var placeholderRenderer = input.placeholder && input.placeholder.renderBody;
-
-  if (asyncValue.___settled) {
-    renderContents(asyncValue.___error, asyncValue.___value, input, out);
-    return;
-  }
-
-  var asyncOut;
-  var clientReorderContext;
-
-  var awaitInfo = {
-    name: name,
-    clientReorder: clientReorder,
-    dataProvider: provider,
-  };
-
-  if (clientReorder) {
-    awaitInfo.parent = out;
-    awaitInfo.after = input.showAfter;
-
-    clientReorderContext =
-      out.global.___clientReorderContext ||
-      (out.global.___clientReorderContext = {
-        instances: [],
-        nextId: 0,
-      });
-
-    /** SHOULD MATCH THE reorder-renderer.js IMPLEMENTATION */
-    var reorderFunctionId =
-      out.global.runtimeId !== "M" ? "af" + out.global.runtimeId : "af";
-
-    var id = (awaitInfo.id =
-      input.name ||
-      (out.global.componentIdPrefix || 0) + clientReorderContext.nextId++);
-    var placeholderIdAttrValue = reorderFunctionId + "ph" + id;
-
-    if (placeholderRenderer) {
-      out.write('<span id="' + placeholderIdAttrValue + '">');
-      placeholderRenderer(out);
-      out.write("</span>");
-    } else {
-      out.write('<noscript id="' + placeholderIdAttrValue + '"></noscript>');
-    }
-
-    // If `client-reorder` is enabled then we asynchronously render the await instance to a new
-    // "out" instance so that we can Write to a temporary in-memory buffer.
-    asyncOut = awaitInfo.out = out.createOut();
-
-    var oldEmit = asyncOut.emit;
-
-    // Since we are rendering the await instance to a new and separate out,
-    // we want to proxy any child events to the main AsyncWriter in case anyone is interested
-    // in those events. This is also needed for the following events to be handled correctly:
-    //
-    // - await:begin
-    // - await:beforeRender
-    // - await:finish
-    //
-    asyncOut.emit = function (event) {
-      if (event !== "finish" && event !== "error") {
-        // We don't want to proxy the finish and error events since those are
-        // very specific to the AsyncWriter associated with the await instance
-        out.emit.apply(out, arguments);
-      }
-
-      oldEmit.apply(asyncOut, arguments);
-    };
-
-    if (clientReorderContext.instances) {
-      clientReorderContext.instances.push(awaitInfo);
-    }
-
-    out.emit("await:clientReorder", awaitInfo);
-  } else {
-    out.flush(); // Flush everything up to this await instance
-    asyncOut = awaitInfo.out = out.beginAsync({
-      timeout: 0, // We will use our code for controlling timeout
-      name: name,
-    });
-  }
-
-  var beforeRenderEmitted = false;
-
-  out.emit("await:begin", awaitInfo);
-
-  function renderBody(err, data) {
-    if (awaitInfo.finished) {
-      return;
-    }
-
-    if (err) {
-      awaitInfo.error = err;
-    }
-
-    if (!beforeRenderEmitted) {
-      beforeRenderEmitted = true;
-      out.emit("await:beforeRender", awaitInfo);
-    }
-
-    renderContents(err, data, input, asyncOut);
-
-    awaitInfo.finished = true;
-
-    if (clientReorder) {
-      asyncOut.end();
-      out.flush();
-    } else {
-      // When using client reordering we want to delay
-      // this event until after the code to move
-      // the async fragment into place has been written
-      let asyncLastOut = asyncOut.beginAsync(LAST_OPTIONS);
-      asyncOut.onLast(function () {
-        var oldWriter = asyncOut.writer;
-        // We swap out the writer so that writing will happen to our `asyncLastOut`
-        // even though we are still passing along the original `asyncOut`. We have
-        // to pass along the original `asyncOut` because that has contextual
-        // information (such as the rendered UI components)
-        asyncOut.writer = asyncLastOut.writer;
-        out.emit("await:finish", awaitInfo);
-        asyncOut.writer = oldWriter;
-        asyncLastOut.end();
-        out.flush();
-      });
-
-      asyncOut.end();
-    }
-  }
-
-  asyncValue.___done(renderBody);
-};
-
-function renderContents(err, data, input, out) {
-  var resultRenderer = input.then && input.then.renderBody;
-  var errorRenderer = input.catch && input.catch.renderBody;
-
-  if (err) {
-    if (input.catch) {
-      if (errorRenderer) {
-        try {
-          errorRenderer(out, err);
-        } catch (err2) {
-          out.error(err2);
-        }
-      }
-    } else {
-      out.error(err);
-    }
-  } else {
-    if (resultRenderer) {
-      var renderBodyErr = safeRenderBody(resultRenderer, out, data);
-
-      if (renderBodyErr) {
-        return renderContents(renderBodyErr, data, input, out);
-      }
-    }
-  }
-}

package/src/core-tags/core/await/reorderer-renderer.js

@@ -1,156 +0,0 @@
-"use strict";
-
-var escapeDoubleQuotes =
-  require("../../../runtime/html/helpers/escape-quotes").___escapeDoubleQuotes;
-
-module.exports = function (input, out) {
-  // We cannot call beginSync() when using renderSync(). In this case we will
-  // ignore the await-reorderer tag.
-  if (out.isSync()) {
-    return;
-  }
-
-  var global = out.global;
-
-  // We have already invoked an <await-reorderer>. We do not need to do this
-  // work again.
-  if (global.__awaitReordererInvoked) {
-    return;
-  }
-
-  global.__awaitReordererInvoked = true;
-
-  if (out.global.___clientReorderContext) {
-    out.flush();
-  }
-
-  /** SHOULD MATCH THE renderer.js IMPLEMENTATION */
-  var reorderFunctionId =
-    out.global.runtimeId !== "M" ? "af" + out.global.runtimeId : "af";
-
-  var asyncOut = out.beginAsync({
-    last: true,
-    timeout: -1,
-    name: "await-reorderer",
-  });
-
-  out.onLast(function (next) {
-    var awaitContext = global.___clientReorderContext;
-    var remaining;
-
-    // Validate that we have remaining <await> instances that need handled
-    if (
-      !awaitContext ||
-      !awaitContext.instances ||
-      !(remaining = awaitContext.instances.length)
-    ) {
-      asyncOut.end();
-      next();
-      return;
-    }
-
-    function handleAwait(awaitInfo) {
-      let flushedScript = false;
-      let flushedContent = false;
-      let flushedPlaceholder = awaitInfo.parent._state.finished;
-      if (flushedPlaceholder) {
-        if (awaitInfo.out._state.finished) {
-          writeResult(awaitInfo.out.___getResult());
-          return;
-        }
-      } else {
-        awaitInfo.parent.on("___toString", () => {
-          flushedPlaceholder = true;
-          if (!flushedScript && flushedContent) {
-            flushedScript = true;
-            asyncOut.script(
-              `$${reorderFunctionId}(` +
-                (typeof awaitInfo.id === "number"
-                  ? awaitInfo.id
-                  : '"' + awaitInfo.id + '"') +
-                (awaitInfo.after ? ',"' + awaitInfo.after + '"' : "") +
-                ")",
-            );
-          }
-        });
-      }
-
-      awaitInfo.out
-        .on("___toString", out.emit.bind(out, "___toString"))
-        .on("finish", writeResult)
-        .on("error", function (err) {
-          asyncOut.error(err);
-        });
-
-      function writeResult(result) {
-        flushedContent = true;
-        if (!global._afRuntime) {
-          // Minified version of ./client-reorder-runtime.js
-          asyncOut.script(
-            `function $${reorderFunctionId}(d,a,e,l,g,h,k,b,f,c){c=$${reorderFunctionId};if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("${reorderFunctionId}"+d);g=e.getElementById("${reorderFunctionId}ph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b<f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b<f;b++)c(a[b])}}`,
-          );
-          global._afRuntime = true;
-        }
-
-        if (global.cspNonce) {
-          asyncOut.write(
-            '<style nonce="' +
-              escapeDoubleQuotes(global.cspNonce) +
-              '">' +
-              `#${reorderFunctionId}` +
-              awaitInfo.id +
-              "{display:none;}" +
-              "</style>" +
-              `<div id="${reorderFunctionId}` +
-              awaitInfo.id +
-              '">' +
-              result.toString() +
-              "</div>",
-          );
-        } else {
-          asyncOut.write(
-            `<div id="${reorderFunctionId}` +
-              awaitInfo.id +
-              '" style="display:none">' +
-              result.toString() +
-              "</div>",
-          );
-        }
-
-        if (!flushedScript && flushedPlaceholder) {
-          flushedScript = true;
-          asyncOut.script(
-            `$${reorderFunctionId}(` +
-              (typeof awaitInfo.id === "number"
-                ? awaitInfo.id
-                : '"' + awaitInfo.id + '"') +
-              (awaitInfo.after ? ',"' + awaitInfo.after + '"' : "") +
-              ")",
-          );
-        }
-
-        awaitInfo.out.writer = asyncOut.writer;
-
-        out.emit("await:finish", awaitInfo);
-
-        out.flush();
-
-        if (--remaining === 0) {
-          asyncOut.end();
-          next();
-        }
-      }
-    }
-
-    awaitContext.instances.forEach(handleAwait);
-
-    out.on("await:clientReorder", function (awaitInfo) {
-      remaining++;
-      handleAwait(awaitInfo);
-    });
-
-    // Now that we have a listener attached, we want to receive any additional
-    // out-of-sync instances via an event
-    delete awaitContext.instances;
-  });
-};

package/src/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-exports.createOut = require("./runtime/createOut");
-exports.load = require("@internal/loader");

package/src/node-require/browser-refresh.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line no-constant-condition
-if ("MARKO_DEBUG") {
-  const browserRefreshClient = require("browser-refresh-client");
-  if (browserRefreshClient.isBrowserRefreshEnabled()) {
-    const extensions = require(".").getExtensions();
-    const hotReload = require("./hot-reload");
-
-    browserRefreshClient
-      .enableSpecialReload(
-        `${extensions
-          .map((ext) => `*${ext}`)
-          .join(" ")} marko.json marko-tag.json`,
-      )
-      .onFileModified((path) => {
-        hotReload.handleFileModified(path);
-      });
-  }
-}

package/src/node-require/hot-reload.js

@@ -1,45 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-const compiler = require("../compiler");
-require("../runtime/html/hot-reload");
-
-exports.handleFileModified = function (filename) {
-  if (!fs.existsSync(filename)) {
-    console.log(
-      "[marko/hot-reload] WARNING cannot resolve template path: ",
-      filename,
-    );
-    return;
-  }
-
-  compiler.clearCaches();
-  console.log(`[marko] File modified: ${cwdRelative(filename)}`);
-
-  if (path.extname(filename) === ".json") {
-    // If we taglib was modified then uncache *all* templates so that they will
-    // all be reloaded
-    for (const filename in require.cache) {
-      if (path.extname(filename) === ".marko") {
-        tryReload(filename);
-      }
-    }
-  } else {
-    tryReload(filename);
-  }
-};
-
-function tryReload(filename) {
-  try {
-    delete require.cache[filename];
-    require(filename);
-    console.log(
-      `[marko] Template successfully reloaded: ${cwdRelative(filename)}`,
-    );
-  } catch (e) {
-    console.error(e);
-  }
-}
-
-function cwdRelative(filename) {
-  return path.relative(process.cwd(), filename);
-}

package/src/node-require/index.js

@@ -1,103 +0,0 @@
-"use strict";
-// eslint-disable-next-line no-constant-binary-expression
-const complain = "MARKO_DEBUG" && require("complain");
-const path = require("path");
-const resolveFrom = require("resolve-from");
-const requiredCompilerOptions = { modules: "cjs" };
-const defaultCompilerOptions = {
-  // eslint-disable-next-line no-constant-condition
-  sourceMaps: "MARKO_DEBUG" ? "inline" : false,
-  meta: true,
-  babelConfig: {
-    babelrc: false,
-    configFile: false,
-    browserslistConfigFile: false,
-  },
-};
-const MARKO_EXTENSIONS = Symbol("MARKO_EXTENSIONS");
-
-// eslint-disable-next-line no-constant-condition
-if ("MARKO_DEBUG") {
-  complain(
-    'Using "marko/node-require" has been replaced with "@marko/compiler/register".',
-  );
-}
-
-function normalizeExtension(extension) {
-  if (extension.charAt(0) !== ".") {
-    extension = "." + extension;
-  }
-  return extension;
-}
-
-function compile(templatePath, markoCompiler, userCompilerOptions) {
-  return markoCompiler.compileFileSync(
-    templatePath,
-    Object.assign(
-      {},
-      defaultCompilerOptions,
-      userCompilerOptions,
-      requiredCompilerOptions,
-    ),
-  ).code;
-}
-
-function install(options) {
-  options = options || {};
-
-  var requireExtensions = options.require // options.require introduced for testing
-    ? options.require.extensions
-    : require.extensions;
-
-  var compilerOptions = options.compilerOptions;
-
-  var extensions = [];
-
-  if (options.extension) {
-    extensions.push(options.extension);
-  }
-
-  if (options.extensions) {
-    extensions = extensions.concat(options.extensions);
-  }
-
-  if (extensions.length === 0) {
-    extensions.push(".marko");
-  }
-
-  function markoRequireExtension(module, filename) {
-    // Resolve the appropriate compiler relative to the location of the
-    // marko template file on disk using the "resolve-from" module.
-    var dirname = path.dirname(filename);
-    var markoCompilerModulePath = resolveFrom(dirname, "@marko/compiler");
-    var markoCompiler = require(markoCompilerModulePath);
-
-    // Now use the appropriate Marko compiler to compile the Marko template
-    // file to JavaScript source code:
-    var compiledSrc = compile(filename, markoCompiler, compilerOptions);
-
-    // Append ".js" to the filename since that is where we write the compiled
-    // source code that is being loaded. This allows stack traces to match up.
-    module._compile(compiledSrc, filename);
-  }
-
-  requireExtensions[MARKO_EXTENSIONS] =
-    requireExtensions[MARKO_EXTENSIONS] ||
-    (requireExtensions[MARKO_EXTENSIONS] = []);
-
-  extensions.forEach((extension) => {
-    extension = normalizeExtension(extension);
-    requireExtensions[extension] = markoRequireExtension;
-    requireExtensions[MARKO_EXTENSIONS].push(extension);
-  });
-}
-
-install();
-
-exports.install = install;
-
-exports.getExtensions = function () {
-  return require.extensions[MARKO_EXTENSIONS];
-};
-
-require("./browser-refresh");

package/src/node_modules/@internal/components-beginComponent/index-browser.js

@@ -1,23 +0,0 @@
-var ComponentDef = require("../../../runtime/components/ComponentDef");
-
-module.exports = function beginComponent(
-  componentsContext,
-  component,
-  key,
-  ownerComponentDef
-) {
-  var componentId = component.id;
-  var componentDef = (componentsContext.___componentDef = new ComponentDef(
-    component,
-    componentId,
-    componentsContext
-  ));
-  componentsContext.___globalContext.___renderedComponentsById[
-    componentId
-  ] = true;
-  componentsContext.___components.push(componentDef);
-
-  var out = componentsContext.___out;
-  out.bc(component, key, ownerComponentDef && ownerComponentDef.___component);
-  return componentDef;
-};

package/src/node_modules/@internal/components-beginComponent/index.js

@@ -1,84 +0,0 @@
-"use strict";
-
-const ComponentDef = require("../../../runtime/components/ComponentDef");
-
-var FLAG_WILL_RERENDER_IN_BROWSER = 1;
-// var FLAG_HAS_RENDER_BODY = 2;
-var FLAG_OLD_HYDRATE_NO_CREATE = 8;
-
-module.exports = function beginComponent(
-  componentsContext,
-  component,
-  key,
-  ownerComponentDef,
-  isSplitComponent,
-  isImplicitComponent,
-  existingComponentDef
-) {
-  var componentId = component.id;
-
-  // existingComponentDef is only here to allow binding a conditional
-  // widget.  It should be removed when the legacy compat layer is removed.
-  var componentDef =
-    existingComponentDef ||
-    (componentsContext.___componentDef = new ComponentDef(
-      component,
-      componentId,
-      componentsContext
-    ));
-
-  var ownerIsRenderBoundary =
-    ownerComponentDef && ownerComponentDef.___renderBoundary;
-  var ownerWillRerender =
-    ownerComponentDef &&
-    ownerComponentDef.___flags & FLAG_WILL_RERENDER_IN_BROWSER;
-  // On the server
-  if (!componentsContext.___isPreserved && ownerWillRerender) {
-    componentDef.___flags |= FLAG_WILL_RERENDER_IN_BROWSER;
-    componentDef._wrr = true;
-    return componentDef;
-  }
-
-  if (isImplicitComponent === true) {
-    // We don't mount implicit components rendered on the server
-    // unless the implicit component is nested within a UI component
-    // that will re-render in the browser
-    return componentDef;
-  }
-
-  componentsContext.___components.push(componentDef);
-
-  let out = componentsContext.___out;
-  let runtimeId = out.global.runtimeId;
-
-  componentDef.___renderBoundary = true;
-  componentDef.___parentPreserved = componentsContext.___isPreserved;
-
-  if (isSplitComponent === false && out.global.noBrowserRerender !== true) {
-    componentDef.___flags |= FLAG_WILL_RERENDER_IN_BROWSER;
-    componentDef._wrr = true;
-    componentsContext.___isPreserved = false;
-  }
-
-  if (out.global.oldHydrateNoCreate === true) {
-    componentDef.___flags |= FLAG_OLD_HYDRATE_NO_CREATE;
-  }
-
-  if ((ownerIsRenderBoundary || ownerWillRerender) && key != null) {
-    out.w(
-      "<!--" +
-        runtimeId +
-        "^" +
-        componentId +
-        " " +
-        ownerComponentDef.id +
-        " " +
-        key +
-        "-->"
-    );
-  } else {
-    out.w("<!--" + runtimeId + "#" + componentId + "-->");
-  }
-
-  return componentDef;
-};

package/src/node_modules/@internal/components-beginComponent/package.json

@@ -1,11 +0,0 @@
-{
-  "main": "./index.js",
-  "browser": "./index-browser.js",
-  "exports": {
-    ".": {
-      "worker": "./index.js",
-      "browser": "./index-browser.js",
-      "default": "./index.js"
-    }
-  }
-}