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

package/template-angular-v16/package.json

@@ -1,54 +0,0 @@
-{
-  "name": "my-app",
-  "version": "0.0.0",
-  "type": "module",
-  "private": true,
-  "engines": {
-    "node": ">=18.13.0"
-  },
-  "scripts": {
-    "dev": "ng serve",
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch",
-    "test": "ng test"
-  },
-  "dependencies": {
-    "@analogjs/content": "^2.0.0-alpha.2",
-    "@analogjs/router": "^2.0.0-alpha.2",
-    "@angular/animations": "^16.2.0",
-    "@angular/common": "^16.2.0",
-    "@angular/compiler": "^16.2.0",
-    "@angular/core": "^16.2.0",
-    "@angular/forms": "^16.2.0",
-    "@angular/platform-browser": "^16.2.0",
-    "@angular/platform-browser-dynamic": "^16.2.0",
-    "@angular/platform-server": "^16.2.0",
-    "@angular/router": "^16.2.0",
-    "@nx/angular": "~18.0.0",
-    "front-matter": "^4.0.2",
-    "marked": "^5.0.2",
-    "marked-gfm-heading-id": "^3.1.0",
-    "marked-highlight": "^2.0.1",
-    "mermaid": "^10.2.4",
-    "prismjs": "^1.29.0",
-    "rxjs": "~7.5.6",
-    "tslib": "^2.4.0",
-    "zone.js": "~0.13.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",
-    "@angular-devkit/build-angular": "^16.2.0",
-    "@angular/cli": "^16.2.0",
-    "@angular/compiler-cli": "^16.2.0",
-    "@nx/vite": "~18.0.0",
-    "nx": "~18.0.0",
-    "jsdom": "^22.1.0",
-    "typescript": "~5.0.2",
-    "vite": "^5.0.0",
-    "vitest": "^1.3.1"
-  }
-}

package/template-angular-v16/src/app/app.component.spec.ts

@@ -1,17 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RouterTestingModule, AppComponent],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-});

package/template-angular-v16/src/app/app.component.ts

@@ -1,20 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-
-@Component({
-  selector: 'app-root',
-  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/template-angular-v16/src/app/app.config.ts

@@ -1,12 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ApplicationConfig } from '@angular/core';
-import { provideClientHydration } from '@angular/platform-browser';
-import { provideFileRouter } from '@analogjs/router';
-
-export const appConfig: ApplicationConfig = {
-  providers: [
-    provideFileRouter(),
-    provideHttpClient(),
-    provideClientHydration(),
-  ],
-};

package/template-angular-v16/src/app/pages/index.page.ts

@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-home',
-  standalone: true,
-  template: `
-    <div>
-      <a href="https://analogjs.org/" target="_blank">
-        <img alt="Analog Logo" class="logo analog" src="/analog.svg" />
-      </a>
-    </div>
-
-    <h2>Analog</h2>
-
-    <h3>The fullstack meta-framework for Angular!</h3>
-
-    <div class="card">
-      <button type="button" (click)="increment()">Count {{ count }}</button>
-    </div>
-
-    <p class="read-the-docs">
-      For guides on how to customize this project, visit the
-      <a href="https://analogjs.org" target="_blank">Analog documentation</a>
-    </p>
-  `,
-  styles: [
-    `
-      .logo {
-        will-change: filter;
-      }
-      .logo:hover {
-        filter: drop-shadow(0 0 2em #646cffaa);
-      }
-      .logo.angular:hover {
-        filter: drop-shadow(0 0 2em #42b883aa);
-      }
-      .read-the-docs {
-        color: #888;
-      }
-    `,
-  ],
-})
-export default class HomeComponent {
-  count = 0;
-
-  increment() {
-    this.count++;
-  }
-}

package/template-angular-v16/src/main.server.ts

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

package/template-angular-v18/src/app/app-root.ag

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { RouterOutlet } from '@angular/router' with { analog: 'imports' };
-</script>
-
-<template>
-  <router-outlet />
-</template>
-
-<style>
-  :host {
-    max-width: 1280px;
-    margin: 0 auto;
-    padding: 2rem;
-    text-align: center;
-  }
-</style>

package/template-angular-v18/src/app/app-root.spec.ts

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

package/template-angular-v18/src/app/pages/index.page.ag

@@ -1,53 +0,0 @@
-<script lang="ts">
-  import { signal } from '@angular/core';
-
-  const count = signal(0);
-
-  function increment() {
-    this.count.update((count) => count + 1);
-  }
-</script>
-
-<template>
-  <div>
-    <a href="https://analogjs.org/" target="_blank">
-      <img alt="Analog Logo" class="logo analog" src="/analog.svg" />
-    </a>
-  </div>
-
-  <h2>Analog</h2>
-
-  <h3>The fullstack meta-framework for Angular!</h3>
-
-  <div class="card">
-    <button type="button" (click)="increment()">Count {{ count() }}</button>
-  </div>
-
-  <p class="read-the-docs">
-    <a href="https://analogjs.org" target="_blank">Docs</a> |
-    <a href="https://github.com/analogjs/analog" target="_blank">GitHub</a> |
-    <a href="https://github.com/sponsors/brandonroberts" target="_blank">
-      Sponsor
-    </a>
-  </p>
-</template>
-
-<style>
-  .logo {
-    will-change: filter;
-  }
-
-  .logo:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
-  }
-
-  .read-the-docs > * {
-    color: #fff;
-  }
-
-  @media (prefers-color-scheme: light) {
-    .read-the-docs > * {
-      color: #213547;
-    }
-  }
-</style>

package/template-blog/src/app/app-root.ag

@@ -1,25 +0,0 @@
-<script lang="ts">
-  import { RouterLink, RouterOutlet } from '@angular/router' with { analog: 'imports' };
-</script>
-
-<template>
-  <nav>
-    <a routerLink="/">Home</a>
-  </nav>
-
-  <router-outlet />
-</template>
-
-<style>
-  :host {
-    max-width: 1280px;
-    margin: 0 auto;
-    padding: 2rem;
-    text-align: center;
-  }
-
-  nav {
-    text-align: left;
-    padding: 0 0 2rem 0;
-  }
-</style>

package/template-blog/src/app/app-root.spec.ts

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

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

@@ -1,24 +0,0 @@
-<script lang="ts">
-  import { AsyncPipe } from '@angular/common' with { analog: 'imports' };
-  import { MarkdownComponent } from '@analogjs/content' with { analog: 'imports' };
-  import { injectContent } from '@analogjs/content';
-
-  import PostAttributes from '../../post-attributes';
-
-  const post$ = injectContent<PostAttributes>('slug');
-</script>
-
-<template>
-  @if (post$ | async; as post) {
-  <article>
-    <img class="post__image" [src]="post.attributes.coverImage" />
-    <analog-markdown [content]="post.content" />
-  </article>
-  }
-</template>
-
-<style>
-  .post__image {
-    max-height: 40vh;
-  }
-</style>

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

@@ -1,32 +0,0 @@
-<script lang="ts">
-  import { RouterLink } from '@angular/router' with { analog: 'imports' };
-  import { injectContentFiles } from '@analogjs/content';
-
-  import PostAttributes from '../../post-attributes';
-
-  const posts = injectContentFiles<PostAttributes>();
-</script>
-
-<template>
-  <h1>Blog Archive</h1>
-
-  @for (post of posts; track post.attributes.slug) {
-  <a [routerLink]="['/blog/', post.attributes.slug]">
-    <h2 class="post__title">{{ post.attributes.title }}</h2>
-    <p class="post__desc">{{ post.attributes.description }}</p>
-  </a>
-  }
-</template>
-
-<style>
-  a {
-    text-align: left;
-    display: block;
-    margin-bottom: 2rem;
-  }
-
-  .post__title,
-  .post__desc {
-    margin: 0;
-  }
-</style>

package/template-latest/src/app/app-root.ag

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { RouterOutlet } from '@angular/router' with { analog: 'imports' };
-</script>
-
-<template>
-  <router-outlet />
-</template>
-
-<style>
-  :host {
-    max-width: 1280px;
-    margin: 0 auto;
-    padding: 2rem;
-    text-align: center;
-  }
-</style>

package/template-latest/src/app/pages/index.page.ag

@@ -1,53 +0,0 @@
-<script lang="ts">
-  import { signal } from '@angular/core';
-
-  const count = signal(0);
-
-  function increment() {
-    this.count.update((count) => count + 1);
-  }
-</script>
-
-<template>
-  <div>
-    <a href="https://analogjs.org/" target="_blank">
-      <img alt="Analog Logo" class="logo analog" src="/analog.svg" />
-    </a>
-  </div>
-
-  <h2>Analog</h2>
-
-  <h3>The fullstack meta-framework for Angular!</h3>
-
-  <div class="card">
-    <button type="button" (click)="increment()">Count {{ count() }}</button>
-  </div>
-
-  <p class="read-the-docs">
-    <a href="https://analogjs.org" target="_blank">Docs</a> |
-    <a href="https://github.com/analogjs/analog" target="_blank">GitHub</a> |
-    <a href="https://github.com/sponsors/brandonroberts" target="_blank">
-      Sponsor
-    </a>
-  </p>
-</template>
-
-<style>
-  .logo {
-    will-change: filter;
-  }
-
-  .logo:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
-  }
-
-  .read-the-docs > * {
-    color: #fff;
-  }
-
-  @media (prefers-color-scheme: light) {
-    .read-the-docs > * {
-      color: #213547;
-    }
-  }
-</style>

package/template-minimal/src/app/app-root.ag

@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { RouterOutlet } from '@angular/router' with { analog: 'imports' };
-</script>
-
-<template>
-  <router-outlet />
-</template>

package/template-minimal/src/app/pages/index.page.ag

@@ -1,32 +0,0 @@
-<template>
-  <h2>Analog</h2>
-
-  <h3>The fullstack meta-framework for Angular!</h3>
-
-  <p class="read-the-docs">
-    <a href="https://analogjs.org" target="_blank">Docs</a> |
-    <a href="https://github.com/analogjs/analog" target="_blank">GitHub</a> |
-    <a href="https://github.com/sponsors/brandonroberts" target="_blank">
-      Sponsor
-    </a>
-  </p>
-</template>
-
-<style>
-  :host {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .read-the-docs > * {
-    color: #fff;
-  }
-
-  @media (prefers-color-scheme: light) {
-    .read-the-docs > * {
-      color: #213547;
-    }
-  }
-</style>