@smapiot/pilet-template-angular 1.0.12 → 1.0.13-beta.7987

package/lib/index.js

@@ -1633,9 +1633,15 @@ var src_default = (0, import_template_utils.createPiletTemplateFactory)(root, (p
   } else if (!isKnownVersion(args.ngVersion)) {
     (0, import_template_utils.log)("warn", `Angular version ${args.ngVersion} is not known and therefore not yet officially supported. It might not work.`);
   }
+  if (args.ngVersion < 17) {
+    args.ngStandalone = false;
+  }
+  if (typeof args.ngStandalone === "undefined") {
+    args.standalone = args.ngVersion > 18;
+  }
   const ngVersion = `^${args.ngVersion}`;
   const packageJson = args.standalone ? getStandalonePackageJson(details.cliVersion, ngVersion, args.ngVersion) : getStandardPackageJson(details.cliVersion, ngVersion, args.ngVersion);
-  return [
+  const templates = [
     {
       languages: ["ts", "js"],
       name: "package.json",
@@ -1652,21 +1658,11 @@ var src_default = (0, import_template_utils.createPiletTemplateFactory)(root, (p
       name: "webpack.config.js",
       target: "<root>/webpack.config.js"
     },
-    {
-      languages: ["ts"],
-      name: "index.tsx",
-      target: "<src>/index.tsx"
-    },
     {
       languages: ["js"],
       name: "index.jsx",
       target: "<src>/index.jsx"
     },
-    {
-      languages: ["ts"],
-      name: "app.module.ts",
-      target: "<src>/app/app.module.ts"
-    },
     {
       languages: ["ts"],
       name: "page.component.html",
@@ -1698,6 +1694,24 @@ var src_default = (0, import_template_utils.createPiletTemplateFactory)(root, (p
       target: "<root>/tsconfig.json"
     }
   ];
+  if (args.ngStandalone) {
+    templates.push({
+      languages: ["ts"],
+      name: "index.standalone.tsx",
+      target: "<src>/index.tsx"
+    });
+  } else {
+    templates.push({
+      languages: ["ts"],
+      name: "index.tsx",
+      target: "<src>/index.tsx"
+    }, {
+      languages: ["ts"],
+      name: "app.module.ts",
+      target: "<src>/app/app.module.ts"
+    });
+  }
+  return templates;
 });
 module.exports = __toCommonJS(src_exports);
 // Annotate the CommonJS export names for ESM import in node:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smapiot/pilet-template-angular",
-  "version": "1.0.12",
+  "version": "1.0.13-beta.7987",
   "description": "Official scaffolding template for pilets: 'angular'.",
   "keywords": [
     "piral-cli",
@@ -22,6 +22,11 @@
       "default": false,
       "type": "boolean"
     },
+    "ngStandalone": {
+      "description": "Defines if Angular should be used with standalone components (17+).",
+      "default": false,
+      "type": "boolean"
+    },
     "ngVersion": {
       "description": "Defines the (major) version of Angular to use in case of a standalone pilet.",
       "default": 17,
@@ -54,7 +59,7 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
-    "@smapiot/template-utils": "^1.0.12"
+    "@smapiot/template-utils": "1.0.13-beta.7987"
   },
-  "gitHead": "a18cf3624cf5da842e8916653970ac192490efad"
+  "gitHead": "3262fa4c2eb9271198fb9ac3c806c856009fefc5"
 }

package/src/index.ts

@@ -1,12 +1,19 @@
 import { resolve } from 'path';
-import { createPiletTemplateFactory, getPiralInstance, log } from '@smapiot/template-utils';
-import { detectMode, detectNgVersion, getStandalonePackageJson, getStandardPackageJson, isKnownVersion } from './helpers';
+import { createPiletTemplateFactory, getPiralInstance, log, PiletTemplateSource } from '@smapiot/template-utils';
+import {
+  detectMode,
+  detectNgVersion,
+  getStandalonePackageJson,
+  getStandardPackageJson,
+  isKnownVersion,
+} from './helpers';
 
 const root = resolve(__dirname, '..');
 
 interface AngularPiletArgs {
   standalone: boolean;
   ngVersion: number;
+  ngStandalone: boolean;
 }
 
 export default createPiletTemplateFactory<AngularPiletArgs>(root, (projectRoot, args, details) => {
@@ -26,7 +33,18 @@ export default createPiletTemplateFactory<AngularPiletArgs>(root, (projectRoot,
   if (args.ngVersion < 9) {
     log('warn', `Angular version ${args.ngVersion} is not officially supported. It might not work.`);
   } else if (!isKnownVersion(args.ngVersion)) {
-    log('warn', `Angular version ${args.ngVersion} is not known and therefore not yet officially supported. It might not work.`);
+    log(
+      'warn',
+      `Angular version ${args.ngVersion} is not known and therefore not yet officially supported. It might not work.`,
+    );
+  }
+
+  if (args.ngVersion < 17) {
+    args.ngStandalone = false;
+  }
+
+  if (typeof args.ngStandalone === 'undefined') {
+    args.standalone = args.ngVersion > 18;
   }
 
   const ngVersion = `^${args.ngVersion}`;
@@ -34,7 +52,7 @@ export default createPiletTemplateFactory<AngularPiletArgs>(root, (projectRoot,
     ? getStandalonePackageJson(details.cliVersion, ngVersion, args.ngVersion)
     : getStandardPackageJson(details.cliVersion, ngVersion, args.ngVersion);
 
-  return [
+  const templates: Array<PiletTemplateSource> = [
     {
       languages: ['ts', 'js'],
       name: 'package.json',
@@ -51,21 +69,11 @@ export default createPiletTemplateFactory<AngularPiletArgs>(root, (projectRoot,
       name: 'webpack.config.js',
       target: '<root>/webpack.config.js',
     },
-    {
-      languages: ['ts'],
-      name: 'index.tsx',
-      target: '<src>/index.tsx',
-    },
     {
       languages: ['js'],
       name: 'index.jsx',
       target: '<src>/index.jsx',
     },
-    {
-      languages: ['ts'],
-      name: 'app.module.ts',
-      target: '<src>/app/app.module.ts',
-    },
     {
       languages: ['ts'],
       name: 'page.component.html',
@@ -97,4 +105,29 @@ export default createPiletTemplateFactory<AngularPiletArgs>(root, (projectRoot,
       target: '<root>/tsconfig.json',
     },
   ];
+
+  if (args.ngStandalone) {
+    templates.push(
+      {
+        languages: ['ts'],
+        name: 'index.standalone.tsx',
+        target: '<src>/index.tsx',
+      },
+    );
+  } else {
+    templates.push(
+      {
+        languages: ['ts'],
+        name: 'index.tsx',
+        target: '<src>/index.tsx',
+      },
+      {
+        languages: ['ts'],
+        name: 'app.module.ts',
+        target: '<src>/app/app.module.ts',
+      },
+    );
+  }
+
+  return templates;
 });

package/templates/index.standalone.tsx.ejs

@@ -0,0 +1,30 @@
+import 'core-js/proposals/reflect-metadata';
+import { createConverter } from 'piral-ng/standalone';
+import type { ApplicationConfig } from '@angular/core';
+import type { PiletApi } from '<%- sourceName %>';
+<% if (plugins.menu) { -%>
+import { MenuComponent } from './app/menu.component';
+<% } -%>
+
+import { PageComponent } from './app/page.component';
+
+const appConfig: ApplicationConfig = {
+  providers: [
+    provideRouter([
+      {
+        path: "sample",
+        component: AngularPage,
+      },
+    ]),
+  ],
+};
+
+export function setup(app: PiletApi) {
+  const fromNg = createConverter(appConfig);
+
+<% if (plugins.menu) { -%>
+  app.registerMenu(fromNg(MenuComponent));
+<% } -%>
+
+  app.registerPage('/sample', fromNg(PageComponent));
+}

package/templates/menu.component.ts.ejs

@@ -1,6 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
+<% if (ngVersion > 16) { -%>
+  standalone: <%= ngStandalone %>,
+<% } -%>
   styleUrls: [],
   templateUrl: './menu.component.html'
 })

package/templates/page.component.ts.ejs

@@ -1,6 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
+<% if (ngVersion > 16) { -%>
+  standalone: <%= ngStandalone %>,
+<% } -%>
   styleUrls: ['./page.component.css'],
   templateUrl: './page.component.html'
 })