Update dependencies, improve angular support, fix bugs

Author: yuri-karadzhov

.eslintrc

@@ -7,7 +7,7 @@
     "node": true
   },
   "parserOptions": {
-    "ecmaVersion": 2018,
+    "ecmaVersion": 2019,
     "sourceType": "module"
   },
   "rules": {

.gitignore

@@ -59,3 +59,6 @@ typings/
 
 # next.js build output
 .next
+
+# No package-lock
+package-lock.json

.npmrc

@@ -0,0 +1 @@
+package-lock=false

compilers/js.mjs

@@ -34,35 +34,35 @@ const getBabelSetup = ctx => {
     babelTransformMixedImports,
     babelTransformExportDefault,
     babelTransformExportNamespace,
-    [ babelTransformPaths, {
+    [babelTransformPaths, {
       baseURI: ctx.store.baseURI,
       dirname: ctx.dirname,
     }],
-    [ babelTransformDecorators, tsOptions ],
+    [babelTransformDecorators, tsOptions],
     babelTransformParameterDecorators,
-    [ babelTransformClassProperties, { loose: true }],
-    [ babelTransformPrivateMethods, { loose: true }],
-    [ babelTransformDefine, {
+    [babelTransformClassProperties, { loose: true }],
+    [babelTransformPrivateMethods, { loose: true }],
+    [babelTransformDefine, {
       // TODO make it conditional
       'import.meta': { url: ctx.path },
       'process.env.NODE_ENV': 'development',
       'typeof window': 'object',
     }],
     babelMinifyDeadCode,
-    [ babelTransformNameImports, { resolve: { vue: 'vue/dist/vue.esm.js' } }],
-    [ babelTransformNamedImportToDestruct, {
+    [babelTransformNameImports, { resolve: { vue: 'vue/dist/vue.esm.js' } }],
+    [babelTransformNamedImportToDestruct, {
       baseURI: ctx.store.baseURI,
       map: '.map*',
-    } ],
+    }],
     babelTransformCssImport,
-    [ babelTransformJsonImport, { dirname: ctx.stats.dirname }],
+    [babelTransformJsonImport, { dirname: ctx.stats.dirname }],
     babelTransformModules,
   ];
   if (ctx.path.endsWith('compiler/fesm5/compiler.js')) {
     plugins.unshift(patchAngularCompiler);
   }
   const presets = [
-    [ babelPresetEnv, {
+    [babelPresetEnv, {
       ignoreBrowserslistConfig: false,
       loose: true,
       modules: false,
@@ -72,7 +72,15 @@ const getBabelSetup = ctx => {
     }],
   ];
   if (isTS) {
-    plugins.unshift(babelTransformTypescript, babelTypeMetadata, babelDecoratorMetadata);
+    plugins.unshift(
+      [babelTransformTypescript, {
+        allowNamespaces: true,
+        isTSX: false,
+        jsxPragma: 'React'
+      }],
+      babelTypeMetadata,
+      babelDecoratorMetadata
+    );
   } else {
     presets.push([
       babelPresetReact,
@@ -110,7 +118,7 @@ export default async (ctx, content, sourceMap, skipSM) => {
     comments: true,
     compact: false,
     configFile: false,
-    extends: ctx.app.babelRC,
+    extends: ctx.app.babelrc,
     filename: ctx.path,
     inputSourceMap,
     plugins,

middlewares/build.mjs

@@ -58,7 +58,7 @@ const getBuild = async ctx => {
   const { ext } = ctx.stats;
   const { ua } = ctx.store;
   if (ext === '.map') {
-    const { build: srcBuild} = ctx.app.table.get(ctx.srcPath.slice(0, -4)) || {};
+    const { build: srcBuild } = ctx.app.table.get(ctx.srcPath.slice(0, -4)) || {};
     if (srcBuild) await srcBuild.get(ua);
   }
   const { build } = ctx.stats;

middlewares/resolve-path.mjs

@@ -75,7 +75,7 @@ const resolvePath = async ctx => {
           ctx.dirname = path.dirname(ctx.path);
           // TODO: resolve size from build here
           ctx.size = 0;
-        } else if(ctx.path.endsWith('favicon.ico')) {
+        } else if (ctx.path.endsWith('favicon.ico')) {
           ctx.srcPath = `${scriptDir}/../hqjs.png`;
           ctx.dirname = path.dirname(ctx.path);
           const stats = await fs.lstat(ctx.srcPath);