fix(template): fix bug with using dollar sign within templates

Author: danbucholtz

src/template.spec.ts

@@ -27,7 +27,7 @@ describe('template', () => {
 
  const results = inlineTemplate(sourceText, join(baseDir, 'some-file.ts'));
 
- expect(results).toEqual(`/*someprefix*/@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file.html')}"*/\`<div>A</div>\`/*ion-inline-end:"${join(baseDir, 'some-file.html')}"*/ });/*somebetween*/@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file.html')}"*/\`<div>A</div>\`/*ion-inline-end:"${join(baseDir, 'some-file.html')}"*/ })/*somesuffix*/`);
+ expect(results).toEqual(`/*someprefix*/@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file.html')}"*/\'<div>A</div>\'/*ion-inline-end:"${join(baseDir, 'some-file.html')}"*/ });/*somebetween*/@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file.html')}"*/\'<div>A</div>\'/*ion-inline-end:"${join(baseDir, 'some-file.html')}"*/ })/*somesuffix*/`);
  mockFs.restore();
  });
 
@@ -47,7 +47,7 @@ describe('template', () => {
 
  const results = inlineTemplate(sourceText, join(baseDir, 'some-file.ts'));
 
- expect(results).toEqual(`/*someprefix*/@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file1.html')}"*/\`<div>A</div>\`/*ion-inline-end:"${join(baseDir, 'some-file1.html')}"*/ });/*somebetween*/@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file2.html')}"*/\`<div>B</div>\`/*ion-inline-end:"${join(baseDir, 'some-file2.html')}"*/ })/*somesuffix*/`);
+ expect(results).toEqual(`/*someprefix*/@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file1.html')}"*/\'<div>A</div>\'/*ion-inline-end:"${join(baseDir, 'some-file1.html')}"*/ });/*somebetween*/@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file2.html')}"*/\'<div>B</div>\'/*ion-inline-end:"${join(baseDir, 'some-file2.html')}"*/ })/*somesuffix*/`);
  mockFs.restore();
  });
 
@@ -67,7 +67,7 @@ describe('template', () => {
 
  const results = inlineTemplate(sourceText, join(baseDir, 'some-file.ts'));
 
- expect(results).toEqual(`@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file.html')}"*/\`<div>hello</div>\`/*ion-inline-end:"${join(baseDir, 'some-file.html')}"*/ })`);
+ expect(results).toEqual(`@Component({template:/*ion-inline-start:"${join(baseDir, 'some-file.html')}"*/\'<div>hello</div>\'/*ion-inline-end:"${join(baseDir, 'some-file.html')}"*/ })`);
  mockFs.restore();
  });
 
@@ -149,7 +149,7 @@ describe('template', () => {
  const match = getTemplateMatch(str);
  const result = replaceTemplateUrl(match, htmlFilePath, templateContent);
 
- const expected = `Component({template:/*ion-inline-start:"${join(process.cwd(), 'full', 'path', 'to', 'somepage.html')}"*/\`\\n <div>\t\\n this is "multiline" \\'content\\'\\n </div>\\n\\n \`/*ion-inline-end:"${join(process.cwd(), 'full', 'path', 'to', 'somepage.html')}"*/})`;
+ const expected = `Component({template:/*ion-inline-start:"${join(process.cwd(), 'full', 'path', 'to', 'somepage.html')}"*/\'\\n <div>\t\\n this is "multiline" \\'content\\'\\n </div>\\n\\n \'/*ion-inline-end:"${join(process.cwd(), 'full', 'path', 'to', 'somepage.html')}"*/})`;
 
  expect(result).toEqual(expected);
  });
@@ -163,7 +163,7 @@ describe('template', () => {
  const resolvedPath = resolve(path);
  const results = getTemplateFormat(path, 'filibuster');
  expect(path).not.toEqual(resolvedPath);
- expect(results).toEqual(`template:/*ion-inline-start:"${resolvedPath}"*/\`filibuster\`/*ion-inline-end:"${resolvedPath}"*/`);
+ expect(results).toEqual(`template:/*ion-inline-start:"${resolvedPath}"*/\'filibuster\'/*ion-inline-end:"${resolvedPath}"*/`);
  });
 
  });

src/template.ts

@@ -176,7 +176,7 @@ export function getTemplateFormat(htmlFilePath: string, content: string) {
  content = content.replace(/\r|\n/g, '\\n');
  content = content.replace(/\'/g, '\\\'');
 
- return `${getTemplatePrefix(htmlFilePath)}\`${content}\`${getTemplateSuffix(htmlFilePath)}`;
+ return `${getTemplatePrefix(htmlFilePath)}\'${content}\'${getTemplateSuffix(htmlFilePath)}`;
 }