create-analog 2.0.0-alpha.9 → 2.0.0-beta.1

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>