@tko/binding.template 4.0.0-beta1.0 → 4.0.0

package/helpers/dummyTemplateEngine.ts

@@ -1,92 +1,85 @@
-
-import {
-  extend, arrayPushAll, parseHtmlFragment
-} from '@tko/utils';
-
-import {
-    renderTemplate, anonymousTemplate, templateEngine
-} from '../dist';
-
-
-export function dummyTemplateEngine(templates) {
-    var inMemoryTemplates = templates || {};
-    var inMemoryTemplateData = {};
-
-    function dummyTemplateSource(id) {
-        this.id = id;
+import { extend, arrayPushAll, parseHtmlFragment } from '@tko/utils'
+
+import { renderTemplate, anonymousTemplate, templateEngine } from '../dist'
+
+import type { BindingContext } from '@tko/bind'
+
+export function dummyTemplateEngine(templates?) {
+  const inMemoryTemplates = templates || {}
+  const inMemoryTemplateData = {}
+
+  function dummyTemplateSource(id) {
+    this.id = id
+  }
+  dummyTemplateSource.prototype = {
+    text: function (val) {
+      if (arguments.length >= 1) inMemoryTemplates[this.id] = val
+      return inMemoryTemplates[this.id]
+    },
+    data: function (key, val) {
+      if (arguments.length >= 2) {
+        inMemoryTemplateData[this.id] = inMemoryTemplateData[this.id] || {}
+        inMemoryTemplateData[this.id][key] = val
+      }
+      return (inMemoryTemplateData[this.id] || {})[key]
+    }
+  }
+
+  this.makeTemplateSource = function (template) {
+    if (typeof template == 'string')
+      return new dummyTemplateSource(template) // Named template comes from the in-memory collection
+    else if (template.nodeType === Node.ELEMENT_NODE || template.nodeType === Node.COMMENT_NODE)
+      return new anonymousTemplate(template) // Anonymous template
+  }
+
+  this.renderTemplateSource = function (templateSource, bindingContext: BindingContext, rt_options, templateDocument) {
+    let data = bindingContext['$data']
+    if (data && typeof data.get_value === 'function') {
+      // For cases when data is an Identifier/Expression.
+      data = data.get_value(data, bindingContext)
+    }
+    templateDocument = templateDocument || document
+    rt_options = rt_options || {}
+    let templateText = templateSource.text()
+    if (typeof templateText == 'function') templateText = templateText(data, rt_options)
+
+    templateText = rt_options.showParams ? templateText + ', data=' + data + ', options=' + rt_options : templateText
+    // var templateOptions = options.templateOptions; // Have templateOptions in scope to support [js:templateOptions.foo] syntax
+
+    let result
+
+    data = data || {}
+    // Builders (e.g. rollup) mangle `data` to e.g. `data$$1`.
+    // This workaround works as long as nomangle$data doesn't
+    // appear anywhere not in tests.
+    const nomangle$data: any = data
+    ;(window as any).__prevent_tree_shaking__ = nomangle$data
+    delete (window as any).__prevent_tree_shaking__
+
+    rt_options.templateRenderingVariablesInScope = rt_options.templateRenderingVariablesInScope || {}
+
+    extend(data, rt_options.templateRenderingVariablesInScope)
+
+    // Dummy [renderTemplate:...] syntax
+    result = templateText.replace(/\[renderTemplate\:(.*?)\]/g, function (match, templateName) {
+      return renderTemplate(templateName, data, rt_options)
+    })
+
+    const evalHandler = function (match, script) {
+      try {
+        const evalResult = eval(script)
+        return evalResult === null || evalResult === undefined ? '' : evalResult.toString()
+      } catch (ex: any) {
+        throw new Error('Error evaluating script: [js: ' + script + ']\n\nException: ' + ex.toString())
+      }
     }
-    dummyTemplateSource.prototype = {
-        text: function(val) {
-            if (arguments.length >= 1)
-                inMemoryTemplates[this.id] = val;
-            return inMemoryTemplates[this.id];
-        },
-        data: function(key, val) {
-            if (arguments.length >= 2) {
-                inMemoryTemplateData[this.id] = inMemoryTemplateData[this.id] || {};
-                inMemoryTemplateData[this.id][key] = val;
-            }
-            return (inMemoryTemplateData[this.id] || {})[key];
-        }
-    };
-
-    this.makeTemplateSource = function(template) {
-        if (typeof template == "string")
-            return new dummyTemplateSource(template); // Named template comes from the in-memory collection
-        else if ((template.nodeType == 1) || (template.nodeType == 8))
-            return new anonymousTemplate(template); // Anonymous template
-    };
-
-    this.renderTemplateSource = function (templateSource, bindingContext, rt_options, templateDocument) {
-        var data = bindingContext['$data'];
-        if (data && typeof data.get_value === 'function') {
-            // For cases when data is an Identifier/Expression.
-            data = data.get_value(data, bindingContext);
-        }
-        templateDocument = templateDocument || document;
-        rt_options = rt_options || {};
-        var templateText = templateSource.text();
-        if (typeof templateText == "function")
-            templateText = templateText(data, rt_options);
-
-        templateText = rt_options.showParams ? templateText + ", data=" + data + ", options=" + rt_options : templateText;
-        // var templateOptions = options.templateOptions; // Have templateOptions in scope to support [js:templateOptions.foo] syntax
-
-        var result;
-
-        data = data || {};
-        // Builders (e.g. rollup) mangle `data` to e.g. `data$$1`.
-        // This workaround works as long as nomangle$data doesn't
-        // appear anywhere not in tests.
-        const nomangle$data = data
-        window.__prevent_tree_shaking__ = nomangle$data
-        delete window.__prevent_tree_shaking__
-
-        rt_options.templateRenderingVariablesInScope = rt_options.templateRenderingVariablesInScope || {};
-
-        extend(data, rt_options.templateRenderingVariablesInScope);
-
-        // Dummy [renderTemplate:...] syntax
-        result = templateText.replace(/\[renderTemplate\:(.*?)\]/g, function (match, templateName) {
-          return renderTemplate(templateName, data, rt_options);
-        });
-
-
-        var evalHandler = function (match, script) {
-            try {
-                var evalResult = eval(script);
-                return (evalResult === null) || (evalResult === undefined) ? "" : evalResult.toString();
-            } catch (ex) {
-                throw new Error("Error evaluating script: [js: " + script + "]\n\nException: " + ex.toString());
-            }
-        };
 
-        // Dummy [[js:...]] syntax (in case you need to use square brackets inside the expression)
-        result = result.replace(/\[\[js\:([\s\S]*?)\]\]/g, evalHandler);
+    // Dummy [[js:...]] syntax (in case you need to use square brackets inside the expression)
+    result = result.replace(/\[\[js\:([\s\S]*?)\]\]/g, evalHandler)
 
-        // Dummy [js:...] syntax
-        result = result.replace(/\[js\:([\s\S]*?)\]/g, evalHandler);
-        /*with (bindingContext) {
+    // Dummy [js:...] syntax
+    result = result.replace(/\[js\:([\s\S]*?)\]/g, evalHandler)
+    /*with (bindingContext) {
             with (data || {}) {
                 with (options.templateRenderingVariablesInScope || {}) {
 
@@ -94,19 +87,20 @@ export function dummyTemplateEngine(templates) {
             }
         }*/
 
-        // Use same HTML parsing code as real template engine so as to trigger same combination of IE weirdnesses
-        // Also ensure resulting nodelist is an array to mimic what the default templating engine does, so we see the effects of not being able to remove dead memo comment nodes.
-        return arrayPushAll([], parseHtmlFragment(result, templateDocument));
-    };
-
-    this.rewriteTemplate = function (template, rewriterCallback, templateDocument) {
-        // Only rewrite if the template isn't a function (can't rewrite those)
-        var templateSource = this.makeTemplateSource(template, templateDocument);
-        if (typeof templateSource.text() != "function")
-            return templateEngine.prototype.rewriteTemplate.call(this, template, rewriterCallback, templateDocument);
-    };
-    this.createJavaScriptEvaluatorBlock = function (script) { return "[js:" + script + "]"; };
+    // Use same HTML parsing code as real template engine so as to trigger same combination of IE weirdnesses
+    // Also ensure resulting nodelist is an array to mimic what the default templating engine does, so we see the effects of not being able to remove dead memo comment nodes.
+    return arrayPushAll([], parseHtmlFragment(result, templateDocument))
+  }
+
+  this.rewriteTemplate = function (template, rewriterCallback, templateDocument) {
+    // Only rewrite if the template isn't a function (can't rewrite those)
+    const templateSource = this.makeTemplateSource(template, templateDocument)
+    if (typeof templateSource.text() != 'function')
+      return templateEngine.prototype.rewriteTemplate.call(this, template, rewriterCallback, templateDocument)
+  }
+  this.createJavaScriptEvaluatorBlock = function (script) {
+    return '[js:' + script + ']'
+  }
 }
 
-
-dummyTemplateEngine.prototype = new templateEngine();
+dummyTemplateEngine.prototype = new templateEngine()

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-beta1.0",
+  "version": "4.0.0",
   "name": "@tko/binding.template",
   "description": "TKO Template bindings",
   "module": "dist/binding.template.js",
@@ -23,10 +23,10 @@
   },
   "homepage": "https://tko.io",
   "dependencies": {
-    "@tko/bind": "^4.0.0-beta1.0",
-    "@tko/computed": "^4.0.0-beta1.0",
-    "@tko/observable": "^4.0.0-beta1.0",
-    "@tko/utils": "^4.0.0-beta1.0",
+    "@tko/bind": "^4.0.0",
+    "@tko/computed": "^4.0.0",
+    "@tko/observable": "^4.0.0",
+    "@tko/utils": "^4.0.0",
     "tslib": "^2.2.0"
   },
   "karma": {
@@ -35,7 +35,7 @@
     ]
   },
   "peerDependencies": {
-    "@tko/binding.if": "^4.0.0-alpha9.0"
+    "@tko/binding.if": "^4.0.0"
   },
   "licenses": [
     {
@@ -49,6 +49,5 @@
       "import": "./dist/index.js"
     },
     "./helpers/*": "./helpers/*"
-  },
-  "gitHead": "99114c4deded3fc5dbddd5c7c9c63c845a18263b"
+  }
 }

package/LICENSE

@@ -1,22 +0,0 @@
-The MIT License (MIT) - http://www.opensource.org/licenses/mit-license.php
-
-Copyright (c) Steven Sanderson, the Knockout.js team, and other contributors
-http://knockoutjs.com/
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.