fix(main-scope): attempt to fix a bug where highlithting strips off

tried to fix a bug where highlighting is stripped off the html file when angular2inline or
angular-language-service is installed. Implemented the same highlighting in two scopes, using one as
fallback/default html

attempt to fix #32

gulpfile.js

@@ -3,34 +3,44 @@ const merge = require('gulp-merge-json');
 const json5 = require('gulp-json5-to-json');
 const package = require('./package.json');
 const homedir = require('os').homedir().replace('\\', '/');
+const edit = require('gulp-json-editor');
+const scopes = package.contributes.grammars.map(scope => scope.scopeName);
 
 function watch() {
   return gulp.watch('./src/**/*.json5', gulp.series(['compile-json']));
 }
 
-function compile() {
-  return gulp.src('./src/**/*.json5')
-    .pipe(merge({
-      fileName: "angular-html.tmLanguage.json",
-      json5: true
-    }))
-    .pipe(json5({
-      beautify: true,
-    }))
-    .pipe(gulp.dest('./syntaxes'));
+function compile(cb) {
+  scopes.forEach(scope => {
+    gulp.src('./src/**/*.json5')
+      .pipe(merge({
+        fileName: `${scope}.json`,
+        json5: true
+      }))
+      .pipe(json5({
+        beautify: true,
+      }))
+      .pipe(edit({
+        "scopeName": `${scope}`,
+      }))
+      .pipe(gulp.dest('./syntaxes'));
+  });
+
+  cb()
 }
 
-gulp.task('copy', () => {
-  return gulp.src('./syntaxes/angular-html.tmLanguage.json')
+function copy(cb) {
+  scopes.forEach(scope => {
+    gulp.src(`./syntaxes/${scope}.json`)
     .pipe(
-      gulp.dest(homedir + '/.vscode/extensions/ghaschel.vscode-angular-html-' + package.version + '/syntaxes')
+      gulp.dest(`${homedir}/.vscode/extensions/ghaschel.vscode-angular-html-${package.version}/syntaxes`)
     );
-})
+  });
 
-gulp.task('compile', () => {
-  return compile();
-});
-gulp.task('compile-json', gulp.series(['compile', 'copy']));
+  cb();
+}
+
+gulp.task('compile-json', gulp.series([compile, copy]));
 
 gulp.task('watch', () => {
   return watch();

package.json

@@ -40,7 +40,12 @@
       {
         "language": "html",
         "scopeName": "template.ng",
-        "path": "./syntaxes/angular-html.tmLanguage.json"
+        "path": "./syntaxes/template.ng.json"
+      },
+      {
+        "language": "html",
+        "scopeName": "text.angular.html",
+        "path": "./syntaxes/text.angular.html.json"
       }
     ]
   },
@@ -54,6 +59,7 @@
     "@commitlint/config-conventional": "^8.2.0",
     "cz-conventional-changelog": "^3.0.2",
     "gulp": "^4.0.2",
+    "gulp-json-editor": "^2.5.4",
     "gulp-json5-to-json": "^0.2.1",
     "gulp-merge-json": "^1.3.1",
     "husky": "^3.1.0",

src/base.json5

@@ -1,7 +1,7 @@
 {
   $schema: 'https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json',
   name: 'angular-html',
-  scopeName: 'template.ng',
+  scopeName: '#GHOST-SCOPE-NAME#',
   patterns: [
     { include: '#angular-interpolations' },
     { include: '#tag-script' },