slashed components rendering and ignore issue fix

addon/mixins/hot-reload-resolver.js

@@ -11,7 +11,7 @@ const TEMPLATE_MATCH_REGEX = new RegExp(/-original$/);
 function removeOriginalFromParsedName (parsedName, pattern) {
   parsedName.fullName = parsedName.fullName.replace(pattern, '');
   parsedName.fullNameWithoutType = parsedName.fullNameWithoutType.replace(pattern, '');
-  parsedName.name= parsedName.name.replace(pattern, '');
+  parsedName.name = parsedName.name.replace(pattern, '');
 }
 
 function shouldIgnoreTemplate (parsedName, pattern) {
@@ -36,14 +36,15 @@ export default Mixin.create({
   resolveOther(parsedName) {
     captureTemplateOptions(parsedName);
     const templateMatchRegex = get(this, 'originalTemplateMatchRegex');
+    const resolved = this._super(...arguments);
+
     if (parsedName.type === 'template' && shouldIgnoreTemplate(parsedName, templateMatchRegex)) {
-      return;
+      return resolved;
     }
-
-    const resolved = this._super(...arguments);
+
     if (parsedName.type === 'component') {
       if (this.shouldExcludeComponent(parsedName)) {
-        return this._super(parsedName);
+        return resolved;
       }
       if (resolved) {
         return this._resolveComponent(resolved, parsedName);

tests/dummy/app/components/excluded-slashed-pod/inline-template/component.js

@@ -0,0 +1,9 @@
+import Component from '@ember/component';
+import hbs from 'htmlbars-inline-precompile';
+
+export default Component.extend({
+  layout:  hbs`
+    <p>Inline slashed pod component rendering test <span>{{myName}}</span><button>{{myName}}</button></p>
+  `,
+  myName: 'excluded-slashed-pod/inline-template'
+});

tests/dummy/app/components/excluded-slashed-pod/js-only/component.js

@@ -0,0 +1,9 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  tagName: 'div',
+  classNames: ['excluded-slashed-pod__js-only'],
+  didRender() {
+    this.element.innerHTML = '<button>excluded- JS-only component</button>';
+  }
+});

tests/dummy/app/components/excluded-slashed-pod/mixed-classic/component.js

@@ -0,0 +1,6 @@
+import Component from '@ember/component';
+import layout from './template';
+
+export default Component.extend({
+  layout
+});

tests/dummy/app/components/excluded-slashed-pod/mixed-classic/template.hbs

@@ -0,0 +1,2 @@
+{{yield}}
+<button>This is excluded-slashed-pod/mixed-classic component</button>

tests/dummy/app/components/excluded-slashed-pod/template-only/template.hbs

@@ -0,0 +1 @@
+<button>This is excluded-slashed-pod/template-only component</button>

tests/dummy/app/components/excluded-slashed/inline-template.js

@@ -0,0 +1,9 @@
+import Component from '@ember/component';
+import hbs from 'htmlbars-inline-precompile';
+
+export default Component.extend({
+  layout:  hbs`
+    <p>Inline slashed component rendering test <span>{{myName}}</span> <button>{{myName}}</button></p>
+  `,
+  myName: 'excluded-slashed/inline-template'
+});

tests/dummy/app/components/excluded-slashed/js-only.js

@@ -0,0 +1,8 @@
+import Component from '@ember/component';
+export default Component.extend({
+  tagName: 'div',
+  classNames: ['excluded-slashed__js-only'],
+  didRender() {
+    this.element.innerHTML = '<button>JS-only component</button>';
+  }
+});

tests/dummy/app/components/excluded-slashed/mixed-classic.js

@@ -0,0 +1,6 @@
+import Component from '@ember/component';
+import layout from '../../templates/components/slashed/mixed-classic';
+
+export default Component.extend({
+  layout
+});

tests/dummy/app/components/slashed-pod/inline-template/component.js

@@ -0,0 +1,9 @@
+import Component from '@ember/component';
+import hbs from 'htmlbars-inline-precompile';
+
+export default Component.extend({
+  layout:  hbs`
+    <p>Inline slashed pod component rendering test <span>{{myName}}</span><button>{{myName}}</button></p>
+  `,
+  myName: 'slashed-pod/inline-template'
+});

tests/dummy/app/components/slashed-pod/js-only/component.js

@@ -0,0 +1,9 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  tagName: 'div',
+  classNames: ['slashed-pod__js-only'],
+  didRender() {
+    this.element.innerHTML = '<button>JS-only component</button>';
+  }
+});

tests/dummy/app/components/slashed-pod/mixed-classic/component.js

@@ -0,0 +1,6 @@
+import Component from '@ember/component';
+import layout from './template';
+
+export default Component.extend({
+  layout
+});

tests/dummy/app/components/slashed-pod/mixed-classic/template.hbs

@@ -0,0 +1,2 @@
+{{yield}}
+<button>This is slashed-pod/mixed-classic component</button>

tests/dummy/app/components/slashed-pod/template-only/template.hbs

@@ -0,0 +1 @@
+<button>This is slashed-pod/template-only component</button>

tests/dummy/app/components/slashed/inline-template.js

@@ -0,0 +1,9 @@
+import Component from '@ember/component';
+import hbs from 'htmlbars-inline-precompile';
+
+export default Component.extend({
+  layout:  hbs`
+    <p>Inline slashed component rendering test <span>{{myName}}</span> <button>{{myName}}</button></p>
+  `,
+  myName: 'slashed/inline-template'
+});

tests/dummy/app/components/slashed/js-only.js

@@ -0,0 +1,8 @@
+import Component from '@ember/component';
+export default Component.extend({
+  tagName: 'div',
+  classNames: ['slashed-pod__js-only'],
+  didRender() {
+    this.element.innerHTML = '<button>JS-only component</button>';
+  }
+});

tests/dummy/app/components/slashed/mixed-classic.js

@@ -0,0 +1,6 @@
+import Component from '@ember/component';
+import layout from '../../templates/components/slashed/mixed-classic';
+
+export default Component.extend({
+  layout
+});

tests/dummy/app/resolver.js

@@ -1,4 +1,13 @@
 import Resolver from 'ember-resolver';
 import HotReloadMixin from 'ember-cli-hot-loader/mixins/hot-reload-resolver';
+import Mixin from '@ember/object/mixin';
 
-export default Resolver.extend(HotReloadMixin);
+const CustomHotReloadMixin = Mixin.create(HotReloadMixin, {
+  shouldExcludeComponent({name}) {
+    const excludedFromConfig = this._super(...arguments);
+    const isSlashedComponent = name.startsWith('excluded-slashed');
+    return excludedFromConfig || isSlashedComponent;
+  }
+});
+
+export default Resolver.extend(CustomHotReloadMixin);

tests/dummy/app/templates/application.hbs

@@ -24,3 +24,40 @@ JS Only pod: {{js-only-pod}}
 {{dom-evented classNames="dom-evented"}}
 <h2>component-with-actions using classic actions (not supported atm)</h2>
 {{component-with-actions classNames="component-with-actions--classic" componentAction="routeAction"}}
+
+<h2>slashed js-only component rendering test</h2>
+{{slashed/js-only}}
+<h2>slashed template-only component rendering test</h2>
+{{slashed/template-only}}
+<h2>slashed inline-template component rendering test</h2>
+{{slashed/inline-template}}
+<h2>slashed mixed-classic component rendering test</h2>
+{{slashed/mixed-classic}}
+
+<h2>slashed podded js-only component rendering test</h2>
+{{slashed-pod/js-only}}
+<h2>slashed podded template-only component rendering test</h2>
+{{slashed-pod/template-only}}
+<h2>slashed podded inline-template component rendering test</h2>
+{{slashed-pod/inline-template}}
+<h2>slashed podded mixed-classic component rendering test</h2>
+{{slashed-pod/mixed-classic}}
+
+<h2>excluded-slashed js-only component rendering test</h2>
+{{#excluded-slashed/js-only}}1{{/excluded-slashed/js-only}}
+<h2>excluded-slashed template-only component rendering test</h2>
+{{excluded-slashed/template-only}}
+<h2>excluded-slashed inline-template component rendering test</h2>
+{{excluded-slashed/inline-template}}
+<h2>excluded-slashed mixed-classic component rendering test</h2>
+{{excluded-slashed/mixed-classic}}
+
+
+<h2>excluded-slashed podded js-only component rendering test</h2>
+{{excluded-slashed-pod/js-only}}
+<h2>excluded-slashed podded template-only component rendering test</h2>
+{{excluded-slashed-pod/template-only}}
+<h2>excluded-slashed podded inline-template component rendering test</h2>
+{{excluded-slashed-pod/inline-template}}
+<h2>excluded-slashed podded mixed-classic component rendering test</h2>
+{{excluded-slashed-pod/mixed-classic}}

tests/dummy/app/templates/components/excluded-slashed/mixed-classic.hbs

@@ -0,0 +1,2 @@
+{{yield}}
+<button>This is excluded-slashed/mixed-classic component</button>

tests/dummy/app/templates/components/excluded-slashed/template-only.hbs

@@ -0,0 +1,2 @@
+{{yield}}
+<button>This is excluded-slashed/template-only component</button>

tests/dummy/app/templates/components/slashed/mixed-classic.hbs

@@ -0,0 +1,2 @@
+{{yield}}
+<button>This is slashed/mixed-classic component</button>

tests/dummy/app/templates/components/slashed/template-only.hbs

@@ -0,0 +1,2 @@
+{{yield}}
+<button>This is slashed/template-only component</button>