marko 4.26.3 → 4.27.0

package/dist/runtime/RenderResult.js

@@ -1,5 +1,4 @@
 var domInsert = require("./dom-insert");
-var complain;
 
 function getRootNode(el) {
   var cur = el;
@@ -72,14 +71,12 @@ var proto = RenderResult.prototype = {
 Object.defineProperty(proto, "html", {
   get: function () {
     return this.toString();
-    // eslint-disable-next-line no-constant-condition
   }
 });
 
 Object.defineProperty(proto, "context", {
   get: function () {
     return this.u_;
-    // eslint-disable-next-line no-constant-condition
   }
 });
 

package/dist/runtime/components/Component.js

@@ -1,8 +1,6 @@
 "use strict";
 /* jshint newcap:false */
 
-var complain;
-
 var domInsert = require("../dom-insert");
 var defaultCreateOut = require("../createOut");
 var getComponentsContext = require("./ComponentsContext").U_;
@@ -236,10 +234,8 @@ Component.prototype = componentProto = {
         var keyedComponentRoot = this.N_[resolvedKey];
 
         if (keyedComponentRoot) {
-
           return keyedComponentRoot.nodeType === 1 /** Node.ELEMENT_NODE */
           ? keyedComponentRoot : walkFragments(keyedComponentRoot);
-          // eslint-disable-next-line no-constant-condition
         }
       }
 
@@ -264,7 +260,6 @@ Component.prototype = componentProto = {
     var rootNode = this.N_[resolveKeyHelper(key, index)];
     if (/\[\]$/.test(key)) {
       rootNode = rootNode && rootNode[Object.keys(rootNode)[0]];
-      // eslint-disable-next-line no-constant-condition
     }
     return rootNode && componentsByDOMNode.get(rootNode);
   },
@@ -568,7 +563,6 @@ Component.prototype = componentProto = {
     return (this._E_ ? this._E_.nodes : []).filter(function (el) {
       return el.nodeType === ELEMENT_NODE;
     });
-    // eslint-disable-next-line no-constant-condition
   },
 
   aF_: emit,

package/dist/runtime/components/ComponentDef.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var complain;
 var w10Noop = require("warp10/constants").NOOP;
 var componentUtil = require("@internal/components-util");
 var attachBubblingEvent = componentUtil._U_;
@@ -51,9 +50,7 @@ ComponentDef.prototype = {
       return id;
     } else {
       if (typeof nestedId !== "string") {
-
         nestedId = String(nestedId);
-        // eslint-disable-next-line no-constant-condition
       }
 
       if (nestedId.indexOf("#") === 0) {

package/dist/runtime/components/ServerComponent.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var complain;
-
 class ServerComponent {
   constructor(id, input, out, typeName, customEvents, scope) {
     this.id = id;
@@ -46,9 +44,7 @@ class ServerComponent {
       return id;
     } else {
       if (typeof nestedId !== "string") {
-
         nestedId = String(nestedId);
-        // eslint-disable-next-line no-constant-condition
       }
 
       if (nestedId.indexOf("#") === 0) {

package/dist/runtime/components/legacy/defineComponent-legacy.js

@@ -8,12 +8,9 @@ var defineRenderer;
 var defineWidget;
 
 module.exports = function defineComponent(def) {
-
   if (def.A_) {
     return def;
   }
-  // eslint-disable-next-line no-constant-condition
-
 
   var renderer;
 

package/dist/runtime/components/legacy/defineRenderer-legacy.js

@@ -1,4 +1,3 @@
-var complain;
 var makeRenderable = require("../../renderable");
 var getComponentsContext = require("../ComponentsContext").U_;
 var componentLookup = require("@internal/components-util")._n_;
@@ -9,9 +8,6 @@ var resolveComponentKey = modernRenderer.aX_;
 module.exports = function defineRenderer(renderingLogic) {
   var renderer = renderingLogic.renderer;
 
-  // eslint-disable-next-line no-constant-condition
-
-
   if (renderer && renderer.aY_) {
     return renderer;
   }
@@ -118,8 +114,6 @@ module.exports = function defineRenderer(renderingLogic) {
         // widget config will be serialized.
         widgetConfig = getWidgetConfig(newProps, out);
       }
-      // eslint-disable-next-line no-constant-condition
-
 
       templateData.widgetProps = newProps;
       widgetBody && (templateData.renderBody = widgetBody);
@@ -135,6 +129,7 @@ module.exports = function defineRenderer(renderingLogic) {
   renderer.template = template;
 
   makeRenderable(renderer, renderer);
+  renderer.render = renderer.render.bind(this);
 
   return renderer;
 };

package/dist/runtime/components/legacy/index.js

@@ -1 +1,3 @@
-module.exports = require("@internal/components-entry-legacy");
+
+
+module.exports = require("@internal/components-entry-legacy"); // eslint-disable-next-line no-constant-condition

package/dist/runtime/helpers/for-of.js

@@ -8,7 +8,9 @@ var complain;
 module.exports = function forOf(array, callback) {
   var i;
 
-  if (array == null) {} else if (Array.isArray(array)) {
+  if (array == null) {
+    // ignore
+  } else if (Array.isArray(array)) {
     for (i = 0; i < array.length; i++) {
       callback(array[i], i, array);
     }

package/dist/runtime/html/helpers/attr.js

@@ -3,7 +3,6 @@
 var escapeQuoteHelpers = require("./escape-quotes");
 var escapeDoubleQuotes = escapeQuoteHelpers.o_;
 var escapeSingleQuotes = escapeQuoteHelpers.bu_;
-var complain;
 
 module.exports = maybeEmptyAttr;
 
@@ -30,10 +29,7 @@ function notEmptyAttr(name, value) {
       switch (value.toString) {
         case Object.prototype.toString:
         case Array.prototype.toString:
-
           return " " + name + singleQuote(JSON.stringify(value), 2);
-          // eslint-disable-next-line no-constant-condition
-
         case RegExp.prototype.toString:
           return " " + name + guessQuotes(value.source);
       }

package/dist/runtime/html/helpers/attrs.js

@@ -13,8 +13,6 @@ module.exports = function attrs(arg) {
       return result;
     case "string":
       return arg;
-      // eslint-disable-next-line no-constant-condition
-
     default:
       return "";
   }

package/dist/runtime/html/helpers/merge-attrs.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var complain;
 var dynamicAttrHelper = require("./_dynamic-attr");
 
 /**
@@ -13,13 +12,11 @@ module.exports = function mergeAttrs() {
   for (var i = arguments.length, last = i - 1; i--;) {
     var source = arguments[i];
     if (typeof source === "string") {
-
       if (source[0] !== " ") {
         result += " " + source;
       } else {
         result += source;
       }
-      // eslint-disable-next-line no-constant-condition
     } else {
       for (var k in source) {
         if (i === last || !seen.has(k)) {

package/dist/runtime/vdom/VElement.js

@@ -1,6 +1,5 @@
 /* jshint newcap:false */
 
-var complain;
 var domData = require("../components/dom-data");
 var componentsUtil = require("@internal/components-util");
 var vElementByDOMNode = domData._L_;
@@ -35,8 +34,6 @@ function convertAttrValue(type, value) {
       case Object.prototype.toString:
       case Array.prototype.toString:
         return JSON.stringify(value);
-        // eslint-disable-next-line no-constant-condition
-
       case RegExp.prototype.toString:
         return value.source;
     }

package/dist/runtime/vdom/helpers/attrs.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var complain;
 var classHelper = require("../../helpers/class-value");
 var styleHelper = require("../../helpers/style-value");
 var parseHTML = require("../parse-html");
@@ -11,7 +10,6 @@ var parseHTML = require("../parse-html");
 module.exports = function (attributes) {
   if (typeof attributes === "string") {
     return parseAttrs(attributes);
-    // eslint-disable-next-line no-constant-condition
   }
 
   if (attributes) {

package/dist/taglib/taglib-loader/loadTagFromProps.js

@@ -479,6 +479,10 @@ class TagLoader {
    * - "body-function": "_handleBody(param1, param2, param3)"
    */
   bodyFunction(value) {
+    complain("body-function is deprecated.", {
+      location: this.filePath
+    });
+
     var tag = this.tag;
     var parts = bodyFunctionRegExp.exec(value);
     if (!parts) {
@@ -514,6 +518,10 @@ class TagLoader {
    * }
    */
   importVar(value) {
+    complain("import-var is deprecated.", {
+      location: this.filePath
+    });
+
     var tag = this.tag;
     forEachEntry(value, (varName, varValue) => {
       var importedVar = {
@@ -592,6 +600,10 @@ class TagLoader {
    * DEPRECATED
    */
   escapeXmlBody(value) {
+    complain("escape-xml-body is deprecated.", {
+      location: this.filePath
+    });
+
     if (value === false) {
       this.tag.escapeXmlBody = false;
     }
@@ -665,6 +677,9 @@ class TagLoader {
   }
 
   featureFlags(value) {
+    complain("feature-flags is deprecated.", {
+      location: this.filePath
+    });
     this.tag.featureFlags = value;
   }
 }

package/docs/10-awesome-marko-features.md

@@ -260,7 +260,7 @@ http
       {
         name: "Frank",
         count: 30,
-        colors: ["red", "green", "blue"]
+        colors: ["red", "green", "blue"],
       },
       res
     );

package/docs/body-content.md

@@ -167,12 +167,12 @@ _Example Data:_
 [
   {
     name: "Patrick",
-    age: 63
+    age: 63,
   },
   {
     name: "Austin",
-    age: 12
-  }
+    age: 12,
+  },
 ];
 ```
 

package/docs/class-components.md

@@ -110,7 +110,7 @@ In your `component.js` file, export the component’s class:
 module.exports = class {
   onCreate() {
     this.state = {
-      count: 0
+      count: 0,
     };
   }
   increment() {
@@ -144,12 +144,12 @@ If you target browsers that does not support classes, a plain object of methods
 module.exports = {
   onCreate: function () {
     this.state = {
-      count: 0
+      count: 0,
     };
   },
   increment: function () {
     this.state.count++;
-  }
+  },
 };
 ```
 
@@ -217,7 +217,7 @@ class {
 module.exports = {
   shout() {
     alert(`My favorite number is ${this.number}!`);
-  }
+  },
 };
 ```
 
@@ -626,7 +626,7 @@ Destroys the component by unsubscribing from all listeners made using the `subsc
 ```js
 component.destroy({
   removeNode: false, // true by default
-  recursive: false // true by default
+  recursive: false, // true by default
 });
 ```
 
@@ -748,7 +748,7 @@ Changes the value of multiple state properties:
 ```js
 this.setState({
   disabled: true,
-  size: "large"
+  size: "large",
 });
 ```
 

package/docs/express.md

@@ -32,7 +32,7 @@ app.get("/", function (req, res) {
   res.marko(template, {
     name: "Frank",
     count: 30,
-    colors: ["red", "green", "blue"]
+    colors: ["red", "green", "blue"],
   });
 });
 

package/docs/fastify.md

@@ -18,19 +18,19 @@ const fastify = require("fastify")();
 
 fastify.register(require("point-of-view"), {
   engine: {
-    marko: require("marko")
-  }
+    marko: require("marko"),
+  },
 });
 
 fastify.get("/", (req, reply) => {
   reply.view("/index.marko", {
     name: "Frank",
     count: 30,
-    colors: ["red", "green", "blue"]
+    colors: ["red", "green", "blue"],
   });
 });
 
-fastify.listen(8080, err => {
+fastify.listen(8080, (err) => {
   if (err) throw err;
   console.log(`Server listening on ${fastify.server.address().port}`);
 });

package/docs/hapi.md

@@ -34,13 +34,13 @@ server.route({
       indexTemplate.stream({
         name: "Frank",
         count: 30,
-        colors: ["red", "green", "blue"]
+        colors: ["red", "green", "blue"],
       })
     ).type("text/html");
-  }
+  },
 });
 
-server.start(err => {
+server.start((err) => {
   if (err) {
     throw err;
   }

package/docs/http.md

@@ -25,7 +25,7 @@ server.on("request", (req, res) => {
     {
       name: "Frank",
       count: 30,
-      colors: ["red", "green", "blue"]
+      colors: ["red", "green", "blue"],
     },
     res
   );

package/docs/huncwot.md

@@ -17,7 +17,7 @@ const Huncwot = require("huncwot");
 const app = new Huncwot();
 const template = require("./index.marko");
 
-app.get("/", request => template.stream({ name: "Frank" }));
+app.get("/", (request) => template.stream({ name: "Frank" }));
 
 app.listen(3000);
 ```

package/docs/installing.md

@@ -184,12 +184,12 @@ var isProduction = process.env.NODE_ENV === "production";
 // Configure lasso to control how JS/CSS/etc. is delivered to the browser
 require("lasso").configure({
   plugins: [
-    "lasso-marko" // Allow Marko templates to be compiled and transported to the browser
+    "lasso-marko", // Allow Marko templates to be compiled and transported to the browser
   ],
   outputDir: __dirname + "/static", // Place all generated JS/CSS/etc. files into the "static" dir
   bundlingEnabled: isProduction, // Only enable bundling in production
   minify: isProduction, // Only minify JS and CSS code in production
-  fingerprintsEnabled: isProduction // Only add fingerprints to URLs in production
+  fingerprintsEnabled: isProduction, // Only add fingerprints to URLs in production
 });
 ```
 

package/docs/koa.md

@@ -23,7 +23,7 @@ app.use((ctx, next) => {
   ctx.body = template.stream({
     name: "Frank",
     count: 30,
-    colors: ["red", "green", "blue"]
+    colors: ["red", "green", "blue"],
   });
 });
 
@@ -46,7 +46,7 @@ app.use((ctx, next) => {
   ctx.body = template.stream({
     name: "Frank",
     count: 30,
-    colors: ["red", "green", "blue"]
+    colors: ["red", "green", "blue"],
   });
 
   ctx.vary("Accept-Encoding");

package/docs/lasso.md

@@ -128,7 +128,7 @@ template.render(data, (err, output) => {
 });
 res.json({
   renderedComponentsList,
-  html
+  html,
 });
 ```
 

package/docs/marko-4-upgrade.md

@@ -541,7 +541,7 @@ _index.js_
 
 ```js
 module.exports = require("marko-widgets").defineComponent({
-  template: require("./template.marko")
+  template: require("./template.marko"),
   // ...
 });
 ```

package/docs/marko-v4.md

@@ -51,7 +51,7 @@ var clickCount = require("./src/components/click-count");
 
 var component = clickCount
   .renderSync({
-    value: 10
+    value: 10,
   })
   .appendTo(document.body)
   .getComponent();
@@ -97,7 +97,7 @@ _Compiled for VDOM output (browser-side):_
 
 ```javascript
 var marko_attrs0 = {
-    class: "color"
+    class: "color",
   },
   marko_node0 = marko_createElement("DIV", null, 1, marko_const_nextId()).t(
     "No colors!"
@@ -694,7 +694,7 @@ _Automatically inserted before `</body>`_
 
 ```js
 require("marko/node-require").install({
-  extension: ".marko"
+  extension: ".marko",
 });
 ```
 
@@ -702,7 +702,7 @@ require("marko/node-require").install({
 
 ```js
 require("marko/node-require").install({
-  extensions: [".marko", ".marko.xml", ".html"]
+  extensions: [".marko", ".marko.xml", ".html"],
 });
 ```
 

package/docs/marko-vs-react.md

@@ -455,11 +455,11 @@ template:
 function renderColors(colors) {
   return (
     <ul>
-      {colors.map(color => (
+      {colors.map((color) => (
         <li
           className="color"
           style={{
-            backgroundColor: color
+            backgroundColor: color,
           }}
         >
           {color}

package/docs/rendering.md

@@ -70,7 +70,7 @@ The `render` method returns an async `out` which is used to generate HTML on the
 var view = require("./view"); // Import `./view.marko`
 var resultPromise = view.render({});
 
-resultPromise.then(result => {
+resultPromise.then((result) => {
   result.appendTo(document.body);
 });
 ```
@@ -212,8 +212,8 @@ If you need to make data available globally to all views that are rendered as th
 ```js
 view.render({
   $global: {
-    flags: ["mobile"]
-  }
+    flags: ["mobile"],
+  },
 });
 ```
 
@@ -235,9 +235,9 @@ app.get("/", (req, res) => {
 
         serializedGlobals: {
           isIos: true, // Tell marko to serialize isIos above
-          isAndroid: true // Tell marko to serialize isAndroid above
-        }
-      }
+          isAndroid: true, // Tell marko to serialize isAndroid above
+        },
+      },
     },
     res
   );

package/docs/server-side-rendering.md

@@ -138,9 +138,9 @@ template.render(
     $global: {
       serializedGlobals: {
         apiKey: true,
-        locale: true
-      }
-    }
+        locale: true,
+      },
+    },
   },
   res
 );

package/docs/webpack.md

@@ -40,19 +40,19 @@ module.exports = {
   entry: "./client.js",
   output: {
     path: __dirname,
-    filename: "static/bundle.js"
+    filename: "static/bundle.js",
   },
   resolve: {
-    extensions: [".js", ".marko"]
+    extensions: [".js", ".marko"],
   },
   module: {
     rules: [
       {
         test: /\.marko$/,
-        loader: "@marko/webpack/loader"
-      }
-    ]
-  }
+        loader: "@marko/webpack/loader",
+      },
+    ],
+  },
 };
 ```
 
@@ -96,8 +96,8 @@ module: {
     //...
     {
       test: /\.less$/, // matches style.less { ... } from our template
-      use: ["style-loader", "css-loader", "less-loader"]
-    }
+      use: ["style-loader", "css-loader", "less-loader"],
+    },
     //...
   ];
 }
@@ -120,25 +120,25 @@ const CSSExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
   entry: "./client.js",
   resolve: {
-    extensions: [".js", ".marko"]
+    extensions: [".js", ".marko"],
   },
   module: {
     rules: [
       {
         test: /\.marko$/,
-        loader: "@marko/webpack/loader"
+        loader: "@marko/webpack/loader",
       },
       {
         test: /\.(less|css)$/,
-        use: [CSSExtractPlugin.loader, "css-loader", "less-loader"]
-      }
-    ]
+        use: [CSSExtractPlugin.loader, "css-loader", "less-loader"],
+      },
+    ],
   },
   plugins: [
     // Write out CSS bundle to its own file:
     new CSSExtractPlugin({
-      filename: "[name].css"
-    })
-  ]
+      filename: "[name].css",
+    }),
+  ],
 };
 ```

package/docs/why-is-marko-fast.md

@@ -104,8 +104,8 @@ function render(input, out) {
     "DIV",
     {
       style: marko_styleAttr({
-        backgroundColor: color
-      })
+        backgroundColor: color,
+      }),
     },
     0,
     4
@@ -176,7 +176,7 @@ Marko will produce the following compiled output:
 
 ```js
 var marko_attrs0 = {
-  class: "hello"
+  class: "hello",
 };
 
 function render(input, out) {