@analogjs/platform 0.2.0-beta.2 → 0.2.0-beta.21

package/migrations/migration.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@analogjs/platform",
-  "version": "0.2.0-beta.2",
+  "version": "0.2.0-beta.21",
   "type": "commonjs",
   "description": "The fullstack meta-framework for Angular",
   "author": "Brandon Roberts <robertsbt@gmail.com>",
@@ -24,12 +24,25 @@
     "url": "https://github.com/analogjs/analog.git"
   },
   "dependencies": {
-    "nitropack": "^1.0.0",
-    "@analogjs/vite-plugin-angular": "^0.2.0-beta.2",
-    "@analogjs/vite-plugin-nitro": "^0.2.0-beta.2"
+    "nitropack": "^2.0.0",
+    "@analogjs/vite-plugin-angular": "^0.2.0-beta.21",
+    "@analogjs/vite-plugin-nitro": "^0.2.0-beta.21",
+    "@nx/devkit": "^16.0.0"
   },
   "generators": "./src/lib/nx-plugin/generators.json",
   "schematics": "./src/lib/nx-plugin/generators.json",
+  "ng-update": {
+    "packageGroup": [
+      "@analogjs/astro-angular",
+      "@analogjs/platform",
+      "@analogjs/content",
+      "@analogjs/router",
+      "@analogjs/trpc",
+      "@analogjs/vite-plugin-angular",
+      "@analogjs/vite-plugin-nitro"
+    ],
+    "migrations": "./migrations/migration.json"
+  },
   "main": "./src/index.js",
   "types": "./src/index.d.ts"
 }

package/src/lib/clear-client-page-endpoint.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'vite';
+export declare function clearClientPageEndpointsPlugin(): Plugin;

package/src/lib/clear-client-page-endpoint.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearClientPageEndpointsPlugin = void 0;
+const vite_1 = require("vite");
+function clearClientPageEndpointsPlugin() {
+    return {
+        name: 'analogjs-platform-clear-client-page-endpoint',
+        apply: 'build',
+        config() {
+            return {
+                build: {
+                    rollupOptions: {
+                        onwarn(warning) {
+                            if (warning.message.includes('empty chunk') &&
+                                warning.message.endsWith('.server')) {
+                                return;
+                            }
+                        },
+                    },
+                },
+            };
+        },
+        transform(_code, id, options) {
+            if (!options?.ssr &&
+                id.includes((0, vite_1.normalizePath)('src/app/pages')) &&
+                id.endsWith('.server.ts')) {
+                return {
+                    code: 'export default undefined;',
+                    map: null,
+                };
+            }
+            return;
+        },
+    };
+}
+exports.clearClientPageEndpointsPlugin = clearClientPageEndpointsPlugin;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXItY2xpZW50LXBhZ2UtZW5kcG9pbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wbGF0Zm9ybS9zcmMvbGliL2NsZWFyLWNsaWVudC1wYWdlLWVuZHBvaW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtCQUE2QztBQUU3QyxTQUFnQiw4QkFBOEI7SUFDNUMsT0FBTztRQUNMLElBQUksRUFBRSw4Q0FBOEM7UUFDcEQsS0FBSyxFQUFFLE9BQU87UUFDZCxNQUFNO1lBQ0osT0FBTztnQkFDTCxLQUFLLEVBQUU7b0JBQ0wsYUFBYSxFQUFFO3dCQUNiLE1BQU0sQ0FBQyxPQUFPOzRCQUNaLElBQ0UsT0FBTyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDO2dDQUN2QyxPQUFPLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsRUFDbkM7Z0NBQ0EsT0FBTzs2QkFDUjt3QkFDSCxDQUFDO3FCQUNGO2lCQUNGO2FBQ0YsQ0FBQztRQUNKLENBQUM7UUFDRCxTQUFTLENBQUMsS0FBSyxFQUFFLEVBQUUsRUFBRSxPQUFPO1lBQzFCLElBQ0UsQ0FBQyxPQUFPLEVBQUUsR0FBRztnQkFDYixFQUFFLENBQUMsUUFBUSxDQUFDLElBQUEsb0JBQWEsRUFBQyxlQUFlLENBQUMsQ0FBQztnQkFDM0MsRUFBRSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsRUFDekI7Z0JBQ0EsT0FBTztvQkFDTCxJQUFJLEVBQUUsMkJBQTJCO29CQUNqQyxHQUFHLEVBQUUsSUFBSTtpQkFDVixDQUFDO2FBQ0g7WUFFRCxPQUFPO1FBQ1QsQ0FBQztLQUNGLENBQUM7QUFDSixDQUFDO0FBbkNELHdFQW1DQyJ9

package/src/lib/content-plugin.d.ts

@@ -1,12 +1,2 @@
 import { Plugin } from 'vite';
-/**
- * This excludes the build from including the
- * @analogjs/content package because it is
- * dynamically imported at runtime.
- *
- * This prevents a dependency on @analogjs/router
- * to @analogjs/content
- *
- * @returns
- */
 export declare function contentPlugin(): Plugin[];

package/src/lib/content-plugin.js

@@ -2,43 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contentPlugin = void 0;
 const fs = require("fs");
-const path = require("path");
-/**
- * This excludes the build from including the
- * @analogjs/content package because it is
- * dynamically imported at runtime.
- *
- * This prevents a dependency on @analogjs/router
- * to @analogjs/content
- *
- * @returns
- */
 function contentPlugin() {
-    let excludeContent = true;
-    const pkgJsonPath = path.resolve(process.cwd(), './package.json');
-    const packageJsonExists = fs.existsSync(pkgJsonPath);
-    if (packageJsonExists) {
-        const pkg = JSON.parse(fs.readFileSync(pkgJsonPath, 'utf-8'));
-        if (pkg.dependencies['@analogjs/content']) {
-            excludeContent = false;
-        }
-    }
     return [
-        {
-            name: 'analogjs-content-build-plugin',
-            config() {
-                return {
-                    optimizeDeps: {
-                        include: excludeContent ? [] : ['@analogjs/content'],
-                    },
-                    build: {
-                        rollupOptions: {
-                            external: excludeContent ? ['@analogjs/content'] : [],
-                        },
-                    },
-                };
-            },
-        },
         {
             name: 'analogjs-content-frontmatter',
             async transform(_code, id) {
@@ -55,4 +20,4 @@ function contentPlugin() {
     ];
 }
 exports.contentPlugin = contentPlugin;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wbGF0Zm9ybS9zcmMvbGliL2NvbnRlbnQtcGx1Z2luLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLHlCQUF5QjtBQUN6Qiw2QkFBNkI7QUFFN0I7Ozs7Ozs7OztHQVNHO0FBQ0gsU0FBZ0IsYUFBYTtJQUMzQixJQUFJLGNBQWMsR0FBRyxJQUFJLENBQUM7SUFFMUIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztJQUNsRSxNQUFNLGlCQUFpQixHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFckQsSUFBSSxpQkFBaUIsRUFBRTtRQUNyQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFFOUQsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLG1CQUFtQixDQUFDLEVBQUU7WUFDekMsY0FBYyxHQUFHLEtBQUssQ0FBQztTQUN4QjtLQUNGO0lBRUQsT0FBTztRQUNMO1lBQ0UsSUFBSSxFQUFFLCtCQUErQjtZQUNyQyxNQUFNO2dCQUNKLE9BQU87b0JBQ0wsWUFBWSxFQUFFO3dCQUNaLE9BQU8sRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQztxQkFDckQ7b0JBQ0QsS0FBSyxFQUFFO3dCQUNMLGFBQWEsRUFBRTs0QkFDYixRQUFRLEVBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7eUJBQ3REO3FCQUNGO2lCQUNGLENBQUM7WUFDSixDQUFDO1NBQ0Y7UUFDRDtZQUNFLElBQUksRUFBRSw4QkFBOEI7WUFDcEMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDdkIsOERBQThEO2dCQUM5RCxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMseUJBQXlCLENBQUMsRUFBRTtvQkFDMUMsTUFBTSxFQUFFLEdBQVEsMkNBQWEsY0FBYyxFQUFDLENBQUM7b0JBQzdDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQztvQkFDL0QsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLFVBQVUsQ0FBQztvQkFFaEQsT0FBTyxrQkFBa0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDO2lCQUN4RDtnQkFFRCxPQUFPO1lBQ1QsQ0FBQztTQUNGO0tBQ0YsQ0FBQztBQUNKLENBQUM7QUE5Q0Qsc0NBOENDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wbGF0Zm9ybS9zcmMvbGliL2NvbnRlbnQtcGx1Z2luLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLHlCQUF5QjtBQUV6QixTQUFnQixhQUFhO0lBQzNCLE9BQU87UUFDTDtZQUNFLElBQUksRUFBRSw4QkFBOEI7WUFDcEMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDdkIsOERBQThEO2dCQUM5RCxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMseUJBQXlCLENBQUMsRUFBRTtvQkFDMUMsTUFBTSxFQUFFLEdBQVEsMkNBQWEsY0FBYyxFQUFDLENBQUM7b0JBQzdDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQztvQkFDL0QsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLFVBQVUsQ0FBQztvQkFFaEQsT0FBTyxrQkFBa0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDO2lCQUN4RDtnQkFFRCxPQUFPO1lBQ1QsQ0FBQztTQUNGO0tBQ0YsQ0FBQztBQUNKLENBQUM7QUFsQkQsc0NBa0JDIn0=

package/src/lib/nx-plugin/generators.json

@@ -7,6 +7,12 @@
       "factory": "./src/generators/app/generator",
       "schema": "./src/generators/app/schema.json",
       "description": "Generates an AnalogJs application"
+    },
+    "preset": {
+      "factory": "./src/generators/preset/generator",
+      "schema": "./src/generators/preset/schema.json",
+      "description": "Analog preset for create-nx-workspace",
+      "x-use-standalone-layout": true
     }
   },
   "schematics": {

package/src/lib/nx-plugin/package.json

@@ -3,10 +3,12 @@
   "version": "0.0.1",
   "main": "src/index.js",
   "dependencies": {
-    "semver": "7.3.8"
+    "@nrwl/angular": "16.4.0",
+    "@nx/devkit": "16.4.0",
+    "semver": "^7.5.1"
   },
   "peerDependencies": {
-    "tslib": "2.4.0"
+    "tslib": "1.14.1"
   },
   "types": "./src/index.d.ts"
 }

package/src/lib/nx-plugin/src/generators/app/compat.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nrwl/devkit");
+const devkit_1 = require("@nx/devkit");
 const generator_1 = require("./generator");
 exports.default = (0, devkit_1.convertNxGenerator)(generator_1.default);
 //# sourceMappingURL=compat.js.map

package/src/lib/nx-plugin/src/generators/app/compat.js.map

@@ -1 +1 @@
-{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../../../../packages/nx-plugin/src/generators/app/compat.ts"],"names":[],"mappings":";;AAAA,yCAAkD;AAClD,2CAAoC;AAEpC,kBAAe,IAAA,2BAAkB,EAAC,mBAAS,CAAC,CAAC"}
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../../../../packages/nx-plugin/src/generators/app/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,2CAAoC;AAEpC,kBAAe,IAAA,2BAAkB,EAAC,mBAAS,CAAC,CAAC"}

package/src/lib/nx-plugin/src/generators/app/files/index-page/src/app/pages/(home).page.ts__template__

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+import { AnalogWelcomeComponent } from './analog-welcome.component';
+
+@Component({
+  selector: '<%= fileName %>-home',
+  standalone: true,
+  imports: [AnalogWelcomeComponent],
+  template: `
+     <<%= fileName %>-analog-welcome/>
+  `,
+})
+export default class HomeComponent {
+}

package/src/lib/nx-plugin/src/generators/app/files/tailwind/postcss.config.js__template__

@@ -0,0 +1,10 @@
+const { join } = require('path');
+
+module.exports = {
+  plugins: {
+    tailwindcss: {
+      config: join(__dirname, 'tailwind.config.js')
+    },
+    autoprefixer: {}
+  }
+};

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v15/.eslintrc.json__template__

@@ -1,11 +1,11 @@
 {
-  "extends": ["../../.eslintrc.json"],
+  "extends": ["<%= offsetFromRoot %>.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {
       "files": ["*.ts"],
       "extends": [
-        "plugin:@nrwl/nx/angular",
+        "plugin:<%= nxPackageNamespace %>/nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
@@ -29,7 +29,7 @@
     },
     {
       "files": ["*.html"],
-      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "extends": ["plugin:<%= nxPackageNamespace %>/nx/angular-template"],
       "rules": {}
     }
   ]

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v15/src/app/app.component.ts__template__

@@ -6,15 +6,5 @@ import { RouterOutlet } from '@angular/router';
   standalone: true,
   imports: [RouterOutlet],
   template: ` <router-outlet></router-outlet> `,
-  styles: [
-    `
-      :host {
-        max-width: 1280px;
-        margin: 0 auto;
-        padding: 2rem;
-        text-align: center;
-      }
-    `,
-  ],
 })
 export class AppComponent {}

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v15/src/main.ts__template__

@@ -1,10 +1,17 @@
 import 'zone.js';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { provideFileRouter } from '@analogjs/router';
-
 import { AppComponent } from './app/app.component';
 import { mainProviders } from './main.providers';
+<% if (addTRPC) { %>
+import { provideTrpcClient } from './trpc-client';
+<% } %>
 
 bootstrapApplication(AppComponent, {
-  providers: [provideFileRouter(), ...mainProviders],
+  providers: [
+    provideFileRouter(),
+<% if (addTRPC) { %>
+    provideTrpcClient(),
+<% } %>
+    ...mainProviders],
 });

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v15/src/styles.css__template__

@@ -1,75 +1,4 @@
-/* You can add global styles to this file, and also import other style files */
-:root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
+html, body {
+  display: block;
+  height: 100%;
 }

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v15/tsconfig.app.json__template__

@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
+    "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": [],
     "target": "ES2022",
     "useDefineForClassFields": false

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v15/tsconfig.json__template__

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "<%= offsetFromRoot %>tsconfig.base.json",
   "files": [],
   "include": [],
   "exclude": ["./src/server/**/*"],

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v15/tsconfig.spec.json__template__

@@ -1,12 +1,11 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
+    "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": ["node", "vitest/globals"]
   },
   "files": [
     "src/test-setup.ts",
-    "src/polyfills.ts"
   ],
   "include": [
     "src/**/*.spec.ts",

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v15/vite.config.ts__template__

@@ -1,7 +1,6 @@
 /// <reference types="vitest" />
 
 import analog from '@analogjs/platform';
-import { visualizer } from 'rollup-plugin-visualizer';
 import { defineConfig, Plugin, splitVendorChunkPlugin } from 'vite';
 import tsConfigPaths from 'vite-tsconfig-paths';
 
@@ -9,6 +8,14 @@ import tsConfigPaths from 'vite-tsconfig-paths';
 export default defineConfig(({ mode }) => {
   return {
     publicDir: 'src/public',
+    <% if (addTRPC) { %>
+    server: {
+      host: '127.0.0.1'
+    },
+    ssr: {
+      noExternal: '@analogjs/trpc/**',
+    },
+    <% } %>
     optimizeDeps: {
       include: ['@angular/common', '@angular/forms'],
     },
@@ -17,35 +24,34 @@ export default defineConfig(({ mode }) => {
     },
     plugins: [
       analog({
-        ssrBuildDir: '../../dist/apps/<%= projectName %>/ssr',
-        entryServer: 'apps/<%= projectName %>/src/main.server.ts',
+        ssrBuildDir: '<%= offsetFromRoot %>dist/<%= appsDir %>/<%= projectName %>/ssr',
+        entryServer: '<%= appsDir %>/<%= projectName %>/src/main.server.ts',
         vite: {
           inlineStylesExtension: 'css',
           tsconfig:
             mode === 'test'
-              ? 'apps/<%= projectName %>/tsconfig.spec.json'
-              : 'apps/<%= projectName %>/tsconfig.app.json',
+              ? '<%= appsDir %>/<%= projectName %>/tsconfig.spec.json'
+              : '<%= appsDir %>/<%= projectName %>/tsconfig.app.json',
         },
         nitro: {
-          rootDir: 'apps/<%= projectName %>',
+          rootDir: '<%= appsDir %>/<%= projectName %>',
           output: {
-            dir: '../../../dist/apps/<%= projectName %>/analog',
-            publicDir: '../../../dist/apps/<%= projectName %>/analog/public',
+            dir: '<%= offsetFromRoot %>../dist/<%= appsDir %>/<%= projectName %>/analog',
+            publicDir: '<%= offsetFromRoot %>../dist/<%= appsDir %>/<%= projectName %>/analog/public',
           },
-          publicAssets: [{ dir: `../../../dist/apps/<%= projectName %>/client` }],
+          publicAssets: [{ dir: `<%= offsetFromRoot %>../dist/<%= appsDir %>/<%= projectName %>/client` }],
           serverAssets: [
-            { baseName: 'public', dir: `./dist/apps/<%= projectName %>/client` },
+            { baseName: 'public', dir: `./dist/<%= appsDir %>/<%= projectName %>/client` },
           ],
-          buildDir: '../../dist/apps/<%= projectName %>/.nitro',
+          buildDir: '<%= offsetFromRoot %>dist/<%= appsDir %>/<%= projectName %>/.nitro',
         },
         prerender: {
           routes: ['/'],
         },
       }),
       tsConfigPaths({
-        root: '../../',
+        root: '<%= offsetFromRoot %>',
       }),
-      visualizer() as Plugin,
       splitVendorChunkPlugin(),
     ],
     test: {
@@ -54,7 +60,7 @@ export default defineConfig(({ mode }) => {
       setupFiles: ['src/test-setup.ts'],
       include: ['**/*.spec.ts'],
       cache: {
-        dir: `../../node_modules/.vitest`,
+        dir: `<%= offsetFromRoot %>node_modules/.vitest`,
       },
     },
     define: {

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v16/.eslintrc.json__template__

@@ -1,11 +1,11 @@
 {
-  "extends": ["../../.eslintrc.json"],
+  "extends": ["<%= offsetFromRoot %>.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {
       "files": ["*.ts"],
       "extends": [
-        "plugin:@nrwl/nx/angular",
+        "plugin:<%= nxPackageNamespace %>/nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
@@ -29,7 +29,7 @@
     },
     {
       "files": ["*.html"],
-      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "extends": ["plugin:<%= nxPackageNamespace %>/nx/angular-template"],
       "rules": {}
     }
   ]

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v16/src/app/app.component.ts__template__

@@ -6,15 +6,5 @@ import { RouterOutlet } from '@angular/router';
   standalone: true,
   imports: [RouterOutlet],
   template: ` <router-outlet></router-outlet> `,
-  styles: [
-    `
-      :host {
-        max-width: 1280px;
-        margin: 0 auto;
-        padding: 2rem;
-        text-align: center;
-      }
-    `,
-  ],
 })
 export class AppComponent {}

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v16/src/app/app.config.server.ts__template__

@@ -0,0 +1,9 @@
+import { ApplicationConfig, mergeApplicationConfig } from '@angular/core';
+import { provideServerRendering } from '@angular/platform-server';
+import { appConfig } from './app.config';
+
+const serverConfig: ApplicationConfig = {
+  providers: [provideServerRendering()],
+};
+
+export const config = mergeApplicationConfig(appConfig, serverConfig);

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v16/src/app/app.config.ts__template__

@@ -0,0 +1,18 @@
+import { ApplicationConfig } from '@angular/core';
+import { provideHttpClient } from '@angular/common/http';
+import { provideClientHydration } from '@angular/platform-browser';
+import { provideFileRouter } from '@analogjs/router';
+<% if (addTRPC) { %>
+import { provideTrpcClient } from '../trpc-client';
+<% } %>
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideFileRouter(),
+    provideClientHydration(),
+    provideHttpClient(),
+<% if (addTRPC) { %>
+    provideTrpcClient(),
+<% } %>
+  ],
+};

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v16/src/main.server.ts__template__

@@ -1,32 +1,21 @@
 import 'zone.js/node';
 import { enableProdMode } from '@angular/core';
+import { renderApplication } from '@angular/platform-server';
 import { bootstrapApplication } from '@angular/platform-browser';
-import {
-  provideServerRendering,
-  renderApplication,
-} from '@angular/platform-server';
 
 import { AppComponent } from './app/app.component';
-import { mainProviders } from './main.providers';
+import { config } from './app/app.config.server';
 
 if (import.meta.env.PROD) {
   enableProdMode();
 }
 
-export function bootstrap() {
-  return bootstrapApplication(AppComponent, {
-    providers: [
-      mainProviders,
-      provideServerRendering(),
-    ],
-  });
-}
+const bootstrap = () => bootstrapApplication(AppComponent, config);
 
 export default async function render(url: string, document: string) {
   const html = await renderApplication(bootstrap, {
     document,
     url,
   });
-
   return html;
 }

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v16/src/main.ts__template__

@@ -1,10 +1,9 @@
 import 'zone.js';
 import { bootstrapApplication } from '@angular/platform-browser';
-import { provideFileRouter } from '@analogjs/router';
 
 import { AppComponent } from './app/app.component';
-import { mainProviders } from './main.providers';
+import { appConfig } from './app/app.config';
 
-bootstrapApplication(AppComponent, {
-  providers: [provideFileRouter(), ...mainProviders],
-});
+bootstrapApplication(AppComponent, appConfig).catch((err) =>
+  console.error(err)
+);