Allow PascalCase tag to be used for non-pascal-case tag

src/compiler/CompileContext.js

@@ -491,6 +491,7 @@ class CompileContext extends EventEmitter {
         } else {
             if (typeof tagName === 'string') {
                 tagDef = taglibLookup.getTag(tagName);
+
                 if (!tagDef && !this.isMacro(tagName) && tagName.indexOf(':') === -1) {
                     var customElement = htmlElements.getRegisteredElement(tagName, this.dirname);
                     if (customElement) {
@@ -553,7 +554,7 @@ class CompileContext extends EventEmitter {
                 // Attribute will be name for placeholder attributes. For example: <div ${data.myAttrs}>
                 return;
             }
-            let attrDef = taglibLookup.getAttribute(tagName, attrName);
+            let attrDef = taglibLookup.getAttribute(tagDef ? tagDef.name : tagName, attrName);
             if (!attrDef) {
                 if (tagDef) {
                     if (node.removeAttribute) {

src/compiler/Walker.js

@@ -1,6 +1,5 @@
 'use strict';
 var isArray = Array.isArray;
-var Container = require('./ast/Container');
 
 function noop() {}
 

src/compiler/ast/ArrayContainer.js

@@ -28,16 +28,17 @@ class ArrayContainer extends Container {
         for (var i=0; i<len; i++) {
             var curChild = array[i];
             if (curChild === oldChild) {
-                oldChild.detach();
                 if (Array.isArray(newChild)) {
                     let newChildren = newChild;
                     array.splice.apply(array, [i, 1].concat(newChildren));
                     newChildren.forEach((newChild) => {
                         newChild.container = this;
                     });
+                    oldChild.detach();
                 } else {
                     array[i] = newChild;
                     newChild.container = this;
+                    oldChild.detach();
                 }
                 return true;
             }

src/compiler/taglib-loader/scanTagsDir.js

@@ -134,7 +134,6 @@ module.exports = function scanTagsDir(tagsConfigPath, tagsConfigDirname, dir, ta
             tagName = childFilename.slice(0, 0 - ext.length);
             tagDirname = dir;
             tagDef = createDefaultTagDef();
-            debugger;
             tagDef.template = tagFilePath = nodePath.join(dir, childFilename);
         } else {
             tagName = prefix + childFilename;

src/compiler/taglib-lookup/TaglibLookup.js

@@ -26,6 +26,18 @@ function TAG_COMPARATOR(a, b) {
     return a.localeCompare(b);
 }
 
+function toLowerCase(tagName) {
+  return tagName.replace(/(^[A-Z])|([a-z][A-Z])/g, function(match, startMatch, nonStartMatch) {
+     if (startMatch) {
+         return startMatch.toLowerCase();
+     } else if (nonStartMatch) {
+         return nonStartMatch[0] + '-' + nonStartMatch[1];
+     } else {
+         return match;
+     }
+  });
+}
+
 function merge(target, source) {
     for (var k in source) {
         if (source.hasOwnProperty(k)) {
@@ -239,7 +251,13 @@ class TaglibLookup {
         }
 
         var tagName = element.tagName;
-        return tags[tagName];
+
+        let tagDef = tags[tagName];
+        if (!tagDef && /[A-Z]/.test(tagName.charAt(0))) {
+            tagDef = tags[toLowerCase(tagName)];
+        }
+
+        return tagDef;
     }
 
     getAttribute(element, attr) {
@@ -420,4 +438,4 @@ class TaglibLookup {
     }
 }
 
-module.exports = TaglibLookup;
+module.exports = TaglibLookup;

test/autotests/render-deprecated/pascal-case-caller/components/hello/index.marko

@@ -0,0 +1 @@
+<div>Hello ${input.name}</div>

test/autotests/render-deprecated/pascal-case-caller/expected.html

@@ -0,0 +1 @@
+<div>Hello Frank</div>

test/autotests/render-deprecated/pascal-case-caller/template.marko

@@ -0,0 +1 @@
+<Hello name="Frank"/>