create-analog 2.0.0-alpha.2 → 2.0.0-alpha.21

package/{template-angular-v16 → template-angular-v19}/src/styles.css

@@ -21,6 +21,7 @@ a {
   color: #646cff;
   text-decoration: inherit;
 }
+
 a:hover {
   color: #535bf2;
 }
@@ -49,9 +50,11 @@ button {
   cursor: pointer;
   transition: border-color 0.25s;
 }
+
 button:hover {
   border-color: #646cff;
 }
+
 button:focus,
 button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;
@@ -66,9 +69,11 @@ button:focus-visible {
     color: #213547;
     background-color: #ffffff;
   }
+
   a:hover {
     color: #747bff;
   }
+
   button {
     background-color: #f9f9f9;
   }

package/{template-angular-v16 → template-angular-v19}/tsconfig.app.json

@@ -2,14 +2,13 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "composite": false,
     "outDir": "./out-tsc/app",
     "types": []
   },
   "files": ["src/main.ts", "src/main.server.ts"],
   "include": [
     "src/**/*.d.ts",
-    "src/app/routes/**/*.ts",
-    "src/app/pages/**/*.page.ts"
+    "src/app/pages/**/*.page.ts",
+    "src/server/middleware/**/*.ts"
   ]
 }

package/{template-angular-v16 → template-angular-v19}/tsconfig.json

@@ -14,7 +14,8 @@
     "declaration": false,
     "downlevelIteration": true,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
@@ -27,9 +28,5 @@
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
     "strictTemplates": true
-  },
-  "references": [
-    { "path": "tsconfig.app.json" },
-    { "path": "tsconfig.spec.json" }
-  ]
+  }
 }

package/{template-angular-v16 → template-angular-v19}/tsconfig.spec.json

@@ -2,10 +2,10 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "composite": false,
     "outDir": "./out-tsc/spec",
+    "target": "es2016",
     "types": ["node", "vitest/globals"]
   },
-  "files": ["src/test.ts"],
-  "include": ["src/**/*.spec.ts", "src/**/*.ts"]
+  "files": ["src/test-setup.ts"],
+  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }

package/{template-angular-v16 → template-angular-v19}/vite.config.ts

@@ -1,22 +1,23 @@
 /// <reference types="vitest" />
 
 import { defineConfig } from 'vite';
-import analog from '@analogjs/platform';
+import analog from '@analogjs/platform';__TAILWIND_IMPORT__
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({
-  publicDir: 'src/assets',
   build: {
     target: ['es2020'],
   },
   resolve: {
     mainFields: ['module'],
   },
-  plugins: [analog()],
+  plugins: [
+    analog(),__TAILWIND_PLUGIN__
+  ],
   test: {
     globals: true,
     environment: 'jsdom',
-    setupFiles: ['src/test.ts'],
+    setupFiles: ['src/test-setup.ts'],
     include: ['**/*.spec.ts'],
     reporters: ['default'],
   },

package/template-blog/.vscode/extensions.json

@@ -1,4 +1,4 @@
 {
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
-  "recommendations": ["angular.ng-template", "analogjs.vscode-analog"]
+  "recommendations": ["angular.ng-template", "analogjs.vscode-analog", "vitest.explorer"]
 }

package/template-blog/angular.json

@@ -5,7 +5,7 @@
   "projects": {
     "blog": {
       "projectType": "application",
-      "root": "",
+      "root": ".",
       "sourceRoot": "src",
       "prefix": "blog",
       "architect": {

package/template-blog/package.json

@@ -3,20 +3,21 @@
   "version": "0.0.0",
   "type": "module",
   "engines": {
-    "node": ">=18.19.1"
+    "node": ">=20.19.1"
   },
   "scripts": {
     "ng": "ng",
-    "dev": "ng serve",
-    "start": "ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "dev": "vite",
+    "start": "vite",
+    "build": "vite build",
+    "watch": "vite build --watch",
+    "test": "vitest",
+    "preview": "node dist/analog/server/index.mjs"
   },
   "private": true,
   "dependencies": {
-    "@analogjs/content": "^2.0.0-alpha.2",
-    "@analogjs/router": "^2.0.0-alpha.2",
+    "@analogjs/content": "^2.0.0-alpha.21",
+    "@analogjs/router": "^2.0.0-alpha.21",
     "@angular/animations": "^19.0.0",
     "@angular/common": "^19.0.0",
     "@angular/compiler": "^19.0.0",
@@ -27,26 +28,31 @@
     "@angular/platform-server": "^19.0.0",
     "@angular/router": "^19.0.0",
     "front-matter": "^4.0.2",
-    "marked": "^5.0.2",
-    "marked-gfm-heading-id": "^3.1.0",
-    "marked-highlight": "^2.0.1",
-    "marked-mangle": "^1.1.7",
+    "marked": "^15.0.7",
+    "marked-gfm-heading-id": "^4.1.1",
+    "marked-highlight": "^2.2.1",
+    "marked-mangle": "^1.1.10",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@analogjs/platform": "^2.0.0-alpha.2",
-    "@analogjs/vite-plugin-angular": "^2.0.0-alpha.2",
-    "@analogjs/vitest-angular": "^2.0.0-alpha.2",
+    "@analogjs/platform": "^2.0.0-alpha.21",
+    "@analogjs/vite-plugin-angular": "^2.0.0-alpha.21",
+    "@analogjs/vitest-angular": "^2.0.0-alpha.21",
     "@angular-devkit/build-angular": "^19.0.0",
     "@angular/build": "^19.0.0",
     "@angular/cli": "^19.0.0",
     "@angular/compiler-cli": "^19.0.0",
     "jsdom": "^22.0.0",
-    "typescript": "~5.5.0",
-    "vite": "^6.0.0",
+    "typescript": "~5.8.0",
+    "vite": "^7.0.0",
     "vite-tsconfig-paths": "^4.2.0",
-    "vitest": "^2.0.0"
+    "vitest": "^3.0.0"
+  },
+  "overrides": {
+    "@analogjs/platform": {
+      "vite": "$vite"
+    }
   }
 }

package/template-blog/src/app/app.config.ts

@@ -3,21 +3,26 @@ import {
   withFetch,
   withInterceptors,
 } from '@angular/common/http';
-import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
-import { provideClientHydration } from '@angular/platform-browser';
+import {
+  ApplicationConfig,
+  provideBrowserGlobalErrorListeners,
+  provideZoneChangeDetection
+} from '@angular/core';
+import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
 import { provideFileRouter, requestContextInterceptor } from '@analogjs/router';
 import { provideContent, withMarkdownRenderer } from '@analogjs/content';
 import { __HIGHLIGHTER__ } from '@analogjs/content/__HIGHLIGHTER_ENTRY_POINT__';
 
 export const appConfig: ApplicationConfig = {
   providers: [
+    provideBrowserGlobalErrorListeners(),
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideFileRouter(),
     provideHttpClient(
       withFetch(),
       withInterceptors([requestContextInterceptor])
     ),
-    provideClientHydration(),
+    provideClientHydration(withEventReplay()),
     provideContent(withMarkdownRenderer(), __HIGHLIGHTER__()),
   ],
 };

package/{template-latest/src/app/app.component.spec.ts → template-blog/src/app/app.spec.ts}

@@ -2,7 +2,7 @@ import { TestBed } from '@angular/core/testing';
 import { provideRouter } from '@angular/router';
 import { provideLocationMocks } from '@angular/common/testing';
 
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 
 describe('AppComponent', () => {
   beforeEach(async () => {

package/template-blog/src/app/{app.component.ts → app.ts}

@@ -3,7 +3,6 @@ import { RouterLink, RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [RouterLink, RouterOutlet],
   template: `
     <nav>

package/template-blog/src/app/pages/blog/[slug].page.ts

@@ -6,7 +6,6 @@ import PostAttributes from '../../post-attributes';
 
 @Component({
   selector: 'app-blog-post',
-  standalone: true,
   imports: [AsyncPipe, MarkdownComponent],
   template: `
     @if (post$ | async; as post) {

package/template-blog/src/app/pages/blog/index.page.ts

@@ -6,7 +6,6 @@ import PostAttributes from '../../post-attributes';
 
 @Component({
   selector: 'app-blog',
-  standalone: true,
   imports: [RouterLink],
   template: `
     <h1>Blog Archive</h1>

package/template-blog/src/test-setup.ts

@@ -1,12 +1,13 @@
+import '@angular/compiler';
 import '@analogjs/vitest-angular/setup-zone';
 
 import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting,
-} from '@angular/platform-browser-dynamic/testing';
+  BrowserTestingModule,
+  platformBrowserTesting,
+} from '@angular/platform-browser/testing';
 import { getTestBed } from '@angular/core/testing';
 
 getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  BrowserTestingModule,
+  platformBrowserTesting()
 );

package/template-blog/tsconfig.json

@@ -1,4 +1,3 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "compileOnSave": false,
   "compilerOptions": {
@@ -14,7 +13,7 @@
     "declaration": false,
     "downlevelIteration": true,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "isolatedModules": true,
     "importHelpers": true,
     "target": "ES2022",
@@ -28,5 +27,8 @@
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
     "strictTemplates": true
-  }
+  },
+  "references": [
+    { "path": "tsconfig.spec.json" }
+  ]
 }

package/template-blog/vite.config.ts

@@ -1,7 +1,7 @@
 /// <reference types="vitest" />
 
 import { defineConfig } from 'vite';
-import analog from '@analogjs/platform';
+import analog from '@analogjs/platform';__TAILWIND_IMPORT__
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({
@@ -18,8 +18,8 @@ export default defineConfig(({ mode }) => ({
       },
       prerender: {
         routes: ['/blog', '/blog/2022-12-27-my-first-post'],
-      },__ANALOG_SFC_CONFIG__
-    }),
+      },
+    }),__TAILWIND_PLUGIN__
   ],
   test: {
     globals: true,

package/template-latest/.vscode/extensions.json

@@ -1,4 +1,4 @@
 {
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
-  "recommendations": ["angular.ng-template", "analogjs.vscode-analog"]
+  "recommendations": ["angular.ng-template", "analogjs.vscode-analog", "vitest.explorer"]
 }

package/template-latest/angular.json

@@ -5,7 +5,7 @@
   "projects": {
     "my-app": {
       "projectType": "application",
-      "root": "",
+      "root": ".",
       "sourceRoot": "src",
       "prefix": "app",
       "architect": {

package/template-latest/package.json

@@ -3,20 +3,21 @@
   "version": "0.0.0",
   "type": "module",
   "engines": {
-    "node": ">=18.19.1"
+    "node": ">=20.19.1"
   },
   "scripts": {
     "ng": "ng",
-    "dev": "ng serve",
-    "start": "ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "dev": "vite",
+    "start": "vite",
+    "build": "vite build",
+    "watch": "vite build --watch",
+    "test": "vitest",
+    "preview": "node dist/analog/server/index.mjs"
   },
   "private": true,
   "dependencies": {
-    "@analogjs/content": "^2.0.0-alpha.2",
-    "@analogjs/router": "^2.0.0-alpha.2",
+    "@analogjs/content": "^2.0.0-alpha.21",
+    "@analogjs/router": "^2.0.0-alpha.21",
     "@angular/animations": "^19.0.0",
     "@angular/common": "^19.0.0",
     "@angular/compiler": "^19.0.0",
@@ -27,27 +28,32 @@
     "@angular/platform-server": "^19.0.0",
     "@angular/router": "^19.0.0",
     "front-matter": "^4.0.2",
-    "marked": "^5.0.2",
-    "marked-gfm-heading-id": "^3.1.0",
-    "marked-highlight": "^2.0.1",
-    "marked-mangle": "^1.1.7",
+    "marked": "^15.0.7",
+    "marked-gfm-heading-id": "^4.1.1",
+    "marked-highlight": "^2.2.1",
+    "marked-mangle": "^1.1.10",
     "prismjs": "^1.29.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@analogjs/platform": "^2.0.0-alpha.2",
-    "@analogjs/vite-plugin-angular": "^2.0.0-alpha.2",
-    "@analogjs/vitest-angular": "^2.0.0-alpha.2",
+    "@analogjs/platform": "^2.0.0-alpha.21",
+    "@analogjs/vite-plugin-angular": "^2.0.0-alpha.21",
+    "@analogjs/vitest-angular": "^2.0.0-alpha.21",
     "@angular-devkit/build-angular": "^19.0.0",
     "@angular/build": "^19.0.0",
     "@angular/cli": "^19.0.0",
     "@angular/compiler-cli": "^19.0.0",
     "jsdom": "^22.0.0",
-    "typescript": "~5.5.0",
-    "vite": "^6.0.0",
+    "typescript": "~5.8.0",
+    "vite": "^7.0.0",
     "vite-tsconfig-paths": "^4.2.0",
-    "vitest": "^2.0.0"
+    "vitest": "^3.0.0"
+  },
+  "overrides": {
+    "@analogjs/platform": {
+      "vite": "$vite"
+    }
   }
 }

package/template-latest/src/app/app.config.ts

@@ -3,18 +3,23 @@ import {
   withFetch,
   withInterceptors,
 } from '@angular/common/http';
-import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
-import { provideClientHydration } from '@angular/platform-browser';
+import {
+  ApplicationConfig,
+  provideBrowserGlobalErrorListeners,
+  provideZoneChangeDetection
+} from '@angular/core';
+import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
 import { provideFileRouter, requestContextInterceptor } from '@analogjs/router';
 
 export const appConfig: ApplicationConfig = {
   providers: [
+    provideBrowserGlobalErrorListeners(),
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideFileRouter(),
     provideHttpClient(
       withFetch(),
       withInterceptors([requestContextInterceptor])
     ),
-    provideClientHydration(),
+    provideClientHydration(withEventReplay()),
   ],
 };

package/template-latest/src/app/{app-root.spec.ts → app.spec.ts}

@@ -2,18 +2,18 @@ import { TestBed } from '@angular/core/testing';
 import { provideRouter } from '@angular/router';
 import { provideLocationMocks } from '@angular/common/testing';
 
-import App from './app-root.ag';
+import { AppComponent } from './app';
 
-describe('App', () => {
+describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [App],
+      imports: [AppComponent],
       providers: [provideRouter([]), provideLocationMocks()],
     }).compileComponents();
   });
 
   it('should create the app', () => {
-    const fixture = TestBed.createComponent(App);
+    const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });

package/template-latest/src/app/app.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'app-root',
+  imports: [RouterOutlet],
+  template: `<router-outlet />`,
+  styles: `
+    :host {
+      max-width: 1280px;
+      margin: 0 auto;
+      padding: 2rem;
+      text-align: center;
+    }
+  `,
+})
+export class AppComponent {}