Final fixes and improvements for 1.5

CHANGELOG.md

@@ -6,10 +6,12 @@
 - Fixed issue with monorepos using Rush (#667)
 - Fixed issue with blocked port in case of full debug reload (#671)
 - Fixed `@Inject` with multiple instances in `piral-ng` (#673)
+- Fixed standalone pilets depending on `@angular/compiler`
 - Removed legacy option in `piral-cli-webpack5` to support IE8
 - Removed pilet-related options in debug settings when running `piral debug` (#670)
 - Improved internal navigation Blazor pilets using `piral-blazor`
 - Updated dependencies
+- Updated `kras` to `v0.16` to fix some issues and remove `request`
 - Updated `piral publish` command to work exclusively for emulator websites
 - Added special entry point to emulator website when accessed online (#654)
 - Added feed selection view for remote emulator website (#654)

src/converters/piral-ng/core-dynamic.js

@@ -0,0 +1 @@
+import '@angular/compiler';

src/converters/piral-ng/extend-webpack.js

@@ -30,6 +30,7 @@ module.exports =
         esModule: false,
       },
     };
+    const jitMode = ngOptions.jitMode ?? true;
 
     function findRule(tester, changer) {
       config.module.rules.forEach((rule) => {
@@ -94,11 +95,29 @@ module.exports =
       },
     );
 
+    if (jitMode) {
+      // The job of this plugin is to make angular-core depend on angular-compiler - this way
+      // angular-compiler does not need to be loaded separately and angular-compiler is present
+      // *before* angular-core
+      // this is only required in jit mode - as otherwise everything should be pre-compiled
+      config.plugins.push({
+        apply(compiler) {
+          const { entry } = compiler.options;
+          const core = entry['angular-core'];
+
+          if (typeof core !== 'undefined') {
+            const compilerDependency = resolve(__dirname, 'core-dynamic.js');
+            core.import = [compilerDependency, ...core.import];
+          }
+        },
+      });
+    }
+
     config.plugins.push(
       new AngularWebpackPlugin({
         tsconfig: resolve(process.cwd(), 'tsconfig.json'),
-        jitMode: true,
         ...ngOptions,
+        jitMode,
         compilerOptions: {
           ...compilerOptions,
           compilationMode: 'partial',

src/converters/piral-ng/package.json

@@ -30,6 +30,9 @@
     "./convert": {
       "import": "./convert.js"
     },
+    "./core-dynamic": {
+      "import": "./core-dynamic.js"
+    },
     "./extend-webpack": {
       "require": "./extend-webpack.js"
     },
@@ -54,6 +57,7 @@
     "common.js",
     "convert.d.ts",
     "convert.js",
+    "core-dynamic.js",
     "extend-webpack.js"
   ],
   "repository": {

src/tooling/piral-cli/package.json

@@ -75,8 +75,8 @@
   },
   "dependencies": {
     "css-conflict-inspector": "^0.2.1",
-    "dets": "^0.14.1",
-    "kras": "^0.15.5",
+    "dets": "^0.14.2",
+    "kras": "^0.16.0-pre.81",
     "rimraf": "^3.0.0",
     "typescript": "^5.0.0",
     "yargs": "^15.0.0"