@analogjs/platform 0.2.0-beta.8 → 0.2.0-rc.0

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.8",
+  "version": "0.2.0-rc.0",
   "type": "commonjs",
   "description": "The fullstack meta-framework for Angular",
   "author": "Brandon Roberts <robertsbt@gmail.com>",
@@ -24,9 +24,9 @@
     "url": "https://github.com/analogjs/analog.git"
   },
   "dependencies": {
-    "nitropack": "^1.0.0",
-    "@analogjs/vite-plugin-angular": "^0.2.0-beta.8",
-    "@analogjs/vite-plugin-nitro": "^0.2.0-beta.8",
+    "nitropack": "^2.0.0",
+    "@analogjs/vite-plugin-angular": "^0.2.0-rc.0",
+    "@analogjs/vite-plugin-nitro": "^0.2.0-rc.0",
     "@nx/devkit": "^16.0.0"
   },
   "generators": "./src/lib/nx-plugin/generators.json",

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,57 +2,40 @@
 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;
-        }
-    }
+    const cache = new Map();
     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) {
+            async transform(code, id) {
                 // Transform only the frontmatter into a JSON object for lists
-                if (id.includes('.md?analog-content-list')) {
-                    const fm = await Promise.resolve().then(() => require('front-matter'));
-                    const fileContents = fs.readFileSync(id.split('?')[0], 'utf8');
-                    const frontmatter = fm(fileContents).attributes;
-                    return `export default ${JSON.stringify(frontmatter)}`;
+                if (!id.includes('.md?analog-content-list')) {
+                    return;
+                }
+                const cachedContent = cache.get(id);
+                // There's no reason to run `readFileSync` and frontmatter parsing if the
+                // `transform` hook is called with the same code. In such cases, we can simply
+                // return the cached attributes, which is faster than repeatedly reading files
+                // synchronously during the build process.
+                if (cachedContent?.code === code) {
+                    return `export default ${cachedContent.attributes}`;
                 }
-                return;
+                const fm = await Promise.resolve().then(() => require('front-matter'));
+                // The `default` property will be available in CommonJS environment, for instance,
+                // when running unit tests. It's safe to retrieve `default` first, since we still
+                // fallback to the original implementation.
+                const frontmatter = fm.default || fm;
+                const fileContents = fs.readFileSync(id.split('?')[0], 'utf8');
+                const { attributes } = frontmatter(fileContents);
+                const content = {
+                    code,
+                    attributes: JSON.stringify(attributes),
+                };
+                cache.set(id, content);
+                return `export default ${content.attributes}`;
             },
         },
     ];
 }
 exports.contentPlugin = contentPlugin;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wbGF0Zm9ybS9zcmMvbGliL2NvbnRlbnQtcGx1Z2luLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLHlCQUF5QjtBQUN6Qiw2QkFBNkI7QUFFN0I7Ozs7Ozs7OztHQVNHO0FBQ0gsU0FBZ0IsYUFBYTtJQUMzQixJQUFJLGNBQWMsR0FBRyxJQUFJLENBQUM7SUFFMUIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztJQUNsRSxNQUFNLGlCQUFpQixHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFckQsSUFBSSxpQkFBaUIsRUFBRTtRQUNyQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFFOUQsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLG1CQUFtQixDQUFDLEVBQUU7WUFDekMsY0FBYyxHQUFHLEtBQUssQ0FBQztTQUN4QjtLQUNGO0lBRUQsT0FBTztRQUNMO1lBQ0UsSUFBSSxFQUFFLCtCQUErQjtZQUNyQyxNQUFNO2dCQUNKLE9BQU87b0JBQ0wsWUFBWSxFQUFFO3dCQUNaLE9BQU8sRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQztxQkFDckQ7b0JBQ0QsS0FBSyxFQUFFO3dCQUNMLGFBQWEsRUFBRTs0QkFDYixRQUFRLEVBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7eUJBQ3REO3FCQUNGO2lCQUNGLENBQUM7WUFDSixDQUFDO1NBQ0Y7UUFDRDtZQUNFLElBQUksRUFBRSw4QkFBOEI7WUFDcEMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDdkIsOERBQThEO2dCQUM5RCxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMseUJBQXlCLENBQUMsRUFBRTtvQkFDMUMsTUFBTSxFQUFFLEdBQVEsMkNBQWEsY0FBYyxFQUFDLENBQUM7b0JBQzdDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQztvQkFDL0QsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLFVBQVUsQ0FBQztvQkFFaEQsT0FBTyxrQkFBa0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDO2lCQUN4RDtnQkFFRCxPQUFPO1lBQ1QsQ0FBQztTQUNGO0tBQ0YsQ0FBQztBQUNKLENBQUM7QUE5Q0Qsc0NBOENDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wbGF0Zm9ybS9zcmMvbGliL2NvbnRlbnQtcGx1Z2luLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLHlCQUF5QjtBQU96QixTQUFnQixhQUFhO0lBQzNCLE1BQU0sS0FBSyxHQUFHLElBQUksR0FBRyxFQUFtQixDQUFDO0lBRXpDLE9BQU87UUFDTDtZQUNFLElBQUksRUFBRSw4QkFBOEI7WUFDcEMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtnQkFDdEIsOERBQThEO2dCQUM5RCxJQUFJLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyx5QkFBeUIsQ0FBQyxFQUFFO29CQUMzQyxPQUFPO2lCQUNSO2dCQUVELE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7Z0JBQ3BDLHlFQUF5RTtnQkFDekUsOEVBQThFO2dCQUM5RSw4RUFBOEU7Z0JBQzlFLDBDQUEwQztnQkFDMUMsSUFBSSxhQUFhLEVBQUUsSUFBSSxLQUFLLElBQUksRUFBRTtvQkFDaEMsT0FBTyxrQkFBa0IsYUFBYSxDQUFDLFVBQVUsRUFBRSxDQUFDO2lCQUNyRDtnQkFFRCxNQUFNLEVBQUUsR0FBUSwyQ0FBYSxjQUFjLEVBQUMsQ0FBQztnQkFDN0Msa0ZBQWtGO2dCQUNsRixpRkFBaUY7Z0JBQ2pGLDJDQUEyQztnQkFDM0MsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUM7Z0JBQ3JDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQztnQkFDL0QsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztnQkFDakQsTUFBTSxPQUFPLEdBQUc7b0JBQ2QsSUFBSTtvQkFDSixVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUM7aUJBQ3ZDLENBQUM7Z0JBQ0YsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsT0FBTyxDQUFDLENBQUM7Z0JBRXZCLE9BQU8sa0JBQWtCLE9BQU8sQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNoRCxDQUFDO1NBQ0Y7S0FDRixDQUFDO0FBQ0osQ0FBQztBQXRDRCxzQ0FzQ0MifQ==

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

@@ -6,20 +6,21 @@
     "app": {
       "factory": "./src/generators/app/generator",
       "schema": "./src/generators/app/schema.json",
-      "description": "Generates an AnalogJs application"
+      "description": "Generates an Analog 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
+      "x-use-standalone-layout": true,
+      "hidden": true
     }
   },
   "schematics": {
     "app": {
       "factory": "./src/generators/app/compat",
       "schema": "./src/generators/app/schema.json",
-      "description": "Add Angular Three with proper packages and config"
+      "description": "Generates an Analog application"
     }
   }
 }

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

@@ -3,13 +3,13 @@
   "version": "0.0.1",
   "main": "src/index.js",
   "dependencies": {
-    "@nrwl/angular": "16.1.0",
-    "@nrwl/devkit": "15.2.4",
-    "@nx/devkit": "16.1.0",
-    "semver": "7.3.8"
+    "@nrwl/angular": "16.5.1",
+    "@nrwl/linter": "16.5.1",
+    "@nx/devkit": "16.5.1",
+    "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/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/template-angular-v15/src/main.ts__template__

@@ -4,14 +4,14 @@ import { provideFileRouter } from '@analogjs/router';
 import { AppComponent } from './app/app.component';
 import { mainProviders } from './main.providers';
 <% if (addTRPC) { %>
-import { provideTRPCClient } from './trpc-client';
+import { provideTrpcClient } from './trpc-client';
 <% } %>
 
 bootstrapApplication(AppComponent, {
   providers: [
     provideFileRouter(),
 <% if (addTRPC) { %>
-    provideTRPCClient(),
+    provideTrpcClient(),
 <% } %>
     ...mainProviders],
 });

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';
 
@@ -53,7 +52,6 @@ export default defineConfig(({ mode }) => {
       tsConfigPaths({
         root: '<%= offsetFromRoot %>',
       }),
-      visualizer() as Plugin,
       splitVendorChunkPlugin(),
     ],
     test: {

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

@@ -1,16 +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';
+import { provideTrpcClient } from '../trpc-client';
 <% } %>
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideFileRouter(),
     provideClientHydration(),
+    provideHttpClient(),
 <% if (addTRPC) { %>
-    provideTRPCClient(),
+    provideTrpcClient(),
 <% } %>
   ],
 };

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

@@ -1,9 +1,10 @@
 import 'zone.js/node';
 import { enableProdMode } from '@angular/core';
 import { renderApplication } from '@angular/platform-server';
-import { AppComponent } from './app/app.component';
 import { bootstrapApplication } from '@angular/platform-browser';
-import { config } from './app.config.server';
+
+import { AppComponent } from './app/app.component';
+import { config } from './app/app.config.server';
 
 if (import.meta.env.PROD) {
   enableProdMode();

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

@@ -2,7 +2,7 @@ import 'zone.js';
 import { bootstrapApplication } from '@angular/platform-browser';
 
 import { AppComponent } from './app/app.component';
-import { appConfig } from './app.config';
+import { appConfig } from './app/app.config';
 
 bootstrapApplication(AppComponent, appConfig).catch((err) =>
   console.error(err)

package/src/lib/nx-plugin/src/generators/app/files/template-angular-v16/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';
 
@@ -17,43 +16,14 @@ export default defineConfig(({ mode }) => {
       noExternal: '@analogjs/trpc/**',
     },
     <% } %>
-    optimizeDeps: {
-      include: ['@angular/common', '@angular/forms'],
-    },
     build: {
       target: ['es2020'],
     },
     plugins: [
-      analog({
-        ssrBuildDir: '<%= offsetFromRoot %>dist/<%= appsDir %>/<%= projectName %>/ssr',
-        entryServer: '<%= appsDir %>/<%= projectName %>/src/main.server.ts',
-        vite: {
-          inlineStylesExtension: 'css',
-          tsconfig:
-            mode === 'test'
-              ? '<%= appsDir %>/<%= projectName %>/tsconfig.spec.json'
-              : '<%= appsDir %>/<%= projectName %>/tsconfig.app.json',
-        },
-        nitro: {
-          rootDir: '<%= appsDir %>/<%= projectName %>',
-          output: {
-            dir: '<%= offsetFromRoot %>../dist/<%= appsDir %>/<%= projectName %>/analog',
-            publicDir: '<%= offsetFromRoot %>../dist/<%= appsDir %>/<%= projectName %>/analog/public',
-          },
-          publicAssets: [{ dir: `<%= offsetFromRoot %>../dist/<%= appsDir %>/<%= projectName %>/client` }],
-          serverAssets: [
-            { baseName: 'public', dir: `./dist/<%= appsDir %>/<%= projectName %>/client` },
-          ],
-          buildDir: '<%= offsetFromRoot %>dist/<%= appsDir %>/<%= projectName %>/.nitro',
-        },
-        prerender: {
-          routes: ['/'],
-        },
-      }),
+      analog(),
       tsConfigPaths({
         root: '<%= offsetFromRoot %>',
       }),
-      visualizer() as Plugin,
       splitVendorChunkPlugin(),
     ],
     test: {

package/src/lib/nx-plugin/src/generators/app/files/{tRPC → trpc}/src/server/trpc/routers/notes.ts__template__

@@ -8,13 +8,13 @@ export const noteRouter = router({
   create: publicProcedure
     .input(
       z.object({
-        title: z.string(),
+        note: z.string(),
       })
     )
     .mutation(({ input }) =>
       notes.push({
         id: noteId++,
-        note: input.title,
+        note: input.note,
         createdAt: new Date().toISOString(),
       })
     ),

package/src/lib/nx-plugin/src/generators/app/files/{tRPC → trpc}/src/trpc-client.ts__template__

@@ -2,10 +2,10 @@ import { AppRouter } from './server/trpc/routers';
 import { createTrpcClient } from '@analogjs/trpc';
 import { inject } from '@angular/core';
 
-export const { provideTRPCClient, tRPCClient } = createTrpcClient<AppRouter>({
+export const { provideTrpcClient, TrpcClient } = createTrpcClient<AppRouter>({
   url: 'http://127.0.0.1:4200/api/trpc',
 });
 
-export function injectTRPCClient() {
-  return inject(tRPCClient);
+export function injectTrpcClient() {
+  return inject(TrpcClient);
 }

package/src/lib/nx-plugin/src/generators/app/files/welcome-components/css/src/app/pages/analog-welcome.component.ts__template__

@@ -0,0 +1,264 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: '<%= fileName %>-analog-welcome',
+  standalone: true,
+  styles: [
+    `
+      :host {
+        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+          'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
+          'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+          'Noto Color Emoji';
+        display: flex;
+        padding: 2rem 1rem 8rem;
+        flex-direction: column;
+        background: rgb(250 250 250);
+        height: 100%;
+      }
+      a {
+        color: inherit;
+        text-decoration: inherit;
+      }
+      .main {
+        margin: 0 auto;
+        flex: 1 1 0;
+      }
+      .intro-section {
+        padding-top: 1.5rem;
+        padding-bottom: 2rem;
+      }
+      .intro-section > * + * {
+        margin-top: 1.5rem;
+      }
+      @media (min-width: 768px) {
+        .intro-section {
+          padding-top: 2.5rem;
+          padding-bottom: 3rem;
+        }
+      }
+      @media (min-width: 1024px) {
+        .intro-section {
+          padding-top: 8rem;
+          padding-bottom: 8rem;
+        }
+      }
+      .intro-container {
+        display: flex;
+        flex-direction: column;
+        text-align: center;
+        gap: 1rem;
+        align-items: center;
+        max-width: 64rem;
+      }
+      .intro-logo {
+        height: 3rem;
+        width: 3rem;
+      }
+      .intro-badge {
+        transition-property: color, background-color, border-color,
+          text-decoration-color, fill, stroke;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        font-weight: 500;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        padding: 0.375rem 1rem;
+        background-color: rgb(228 228 231);
+        border-radius: 1rem;
+      }
+      .intro-heading {
+        margin: 0;
+        font-weight: 500;
+      }
+
+      @media (min-width: 640px) {
+        .intro-heading {
+          font-size: 3rem;
+          line-height: 1;
+        }
+      }
+      @media (min-width: 768px) {
+        .intro-heading {
+          font-size: 3.75rem;
+          line-height: 1;
+        }
+      }
+      @media (min-width: 1024px) {
+        .intro-heading {
+          font-size: 4.5rem;
+          line-height: 1;
+        }
+      }
+      .intro-analog {
+        color: #dd0031;
+      }
+      .intro-description {
+        line-height: 1.5;
+        max-width: 42rem;
+        margin: 0;
+      }
+
+      @media (min-width: 640px) {
+        .intro-description {
+          line-height: 2rem;
+          font-size: 1.25rem;
+        }
+      }
+      .btn-container > * + * {
+        margin-left: 1rem;
+      }
+      .darkBtn {
+        transition-property: color, background-color, border-color,
+          text-decoration-color, fill, stroke;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        color: rgb(250 250 250);
+        font-weight: 500;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        padding-left: 2rem;
+        padding-right: 2rem;
+        background-color: rgb(9 9 11);
+        border-radius: 0.375rem;
+        justify-content: center;
+        align-items: center;
+        height: 2.75rem;
+        cursor: pointer;
+        display: inline-flex;
+      }
+      .darkBtn:hover {
+        background-color: rgb(9 9 11 / 0.9);
+      }
+      .lightBtn {
+        transition-property: color, background-color, border-color,
+          text-decoration-color, fill, stroke;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        color: rgb(24, 24, 27);
+        background: rgb(250 250 250);
+        font-weight: 500;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        padding-left: 2rem;
+        padding-right: 2rem;
+        border-radius: 0.375rem;
+        border: 1px solid rgb(229, 231, 235);
+        justify-content: center;
+        align-items: center;
+        height: 2.75rem;
+        display: inline-flex;
+        cursor: pointer;
+      }
+      .lightBtn:hover {
+        background-color: rgb(244 244 245);
+      }
+      .counter-section {
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+      }
+
+      @media (min-width: 768px) {
+        .counter-section {
+          padding-top: 3rem;
+          padding-bottom: 3rem;
+        }
+      }
+
+      @media (min-width: 1024px) {
+        .counter-section {
+          padding-top: 6rem;
+          padding-bottom: 6rem;
+        }
+      }
+      .counter-container {
+        text-align: center;
+        gap: 1rem;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        max-width: 58rem;
+        display: flex;
+        margin-left: auto;
+        margin-right: auto;
+      }
+      .counter-heading {
+        color: #dd0031;
+        line-height: 1.1;
+        font-weight: 500;
+        font-size: 1.875rem;
+        margin: 0;
+      }
+      .counter-description {
+        line-height: 1.5;
+        max-width: 85%;
+        margin: 0;
+      }
+
+      @media (min-width: 640px) {
+        .counter-description {
+          line-height: 1.75rem;
+          font-size: 1.125rem;
+        }
+      }
+      .count {
+        margin-left: 0.25rem;
+        font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+      }
+    `,
+  ],
+  template: `
+    <main class="main">
+      <section class="intro-section">
+        <div class="intro-container">
+          <img
+            class="intro-logo"
+            src="https://analogjs.org/img/logos/analog-logo.svg"
+            alt="AnalogJs logo. Two red triangles and a white analog wave in front"
+          />
+          <a
+            class="intro-badge"
+            target="_blank"
+            href="https://twitter.com/analogjs"
+            >Follow along on Twitter</a
+          >
+          <h1 class="intro-heading">
+            <span class="intro-analog">Analog.</span> The fullstack Angular
+            meta-framework
+          </h1>
+          <p class="intro-description">
+            Analog is for building applications and websites with Angular.
+            <br />Powered by Vite.
+          </p>
+          <div class="btn-container">
+            <a class="darkBtn" href="https://analogjs.org">Read the docs</a>
+            <a
+              target="_blank"
+              rel="noreferrer"
+              class="lightBtn"
+              href="https://github.com/analogjs/analog"
+              >Star on GitHub</a
+            >
+          </div>
+        </div>
+      </section>
+    <section id="counter-demo" class="section">
+        <div class="counter-container">
+          <h2 class="counter-heading">Counter</h2>
+          <p class="counter-description">
+            This is a simple interactive counter. Powered by Angular.
+          </p>
+          <button (click)="increment()" class="lightBtn">
+            Count: <span class="count">{{ count }}</span>
+          </button>
+        </div>
+      </section>
+    </main>
+  `,
+})
+export class AnalogWelcomeComponent {
+  count = 0;
+  increment() {
+    this.count++;
+  }
+}