create-analog 0.2.5 → 0.2.7

package/README.md

@@ -26,24 +26,25 @@ You can also directly specify the project name and the template you want to use
 
 ```bash
 # npm 6.x
-npm create analog@latest my-angular-app --template angular-v14
+npm create analog@latest my-angular-app --template angular-v15
 
 # npm 7+, extra double-dash is needed:
-npm create analog@latest my-angular-app -- --template angular-v14
+npm create analog@latest my-angular-app -- --template angular-v15
 
 # yarn
-yarn create analog my-angular-app --template angular-v14
+yarn create analog my-angular-app --template angular-v15
 
 # pnpm
-pnpm create analog my-angular-app --template angular-v14
+pnpm create analog my-angular-app --template angular-v15
 ```
 
 Currently supported template presets include:
 
+- `angular-v15`
 - `angular-v14`
 
 You can use `.` for the project name to scaffold in the current directory.
 
 ## Credits
 
-This project is inspired by `create-vite`.
+This project is inspired by `create-vite`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-analog",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "type": "module",
   "license": "MIT",
   "author": "Brandon Roberts",

package/template-angular-v15/package.json

@@ -24,7 +24,7 @@
     "@angular/platform-browser-dynamic": "^15.0.0",
     "@angular/platform-server": "^15.0.0",
     "@angular/router": "^15.0.0",
-    "@nrwl/angular": "~15.4.0",
+    "@nrwl/angular": "^15.7.0",
     "rxjs": "~7.5.6",
     "tslib": "^2.4.0",
     "zone.js": "~0.11.8"
@@ -34,7 +34,8 @@
     "@angular-devkit/build-angular": "^15.0.0",
     "@angular/cli": "~15.0.0",
     "@angular/compiler-cli": "^15.0.0",
-    "@nrwl/vite": "~15.4.0",
+    "@nrwl/vite": "^15.7.0",
+    "nx": "^15.7.0",
     "jsdom": "^20.0.0",
     "typescript": "~4.8.4",
     "vite": "^4.0.3",

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

@@ -0,0 +1,62 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-home',
+  standalone: true,
+  template: `
+    <div>
+      <a href="https://vitejs.dev" target="_blank">
+        <img src="/vite.svg" class="logo" alt="Vite logo" />
+      </a>
+      <a href="https://angular.io/" target="_blank">
+        <img
+          alt="Angular Logo"
+          class="logo angular"
+          src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
+        />
+      </a>
+    </div>
+
+    <h1>Vite + Angular</h1>
+
+    <div class="card">
+      <button type="button" (click)="increment()">Count {{ count }}</button>
+    </div>
+
+    <p>
+      Check out
+      <a href="https://github.com/analogjs/analog#readme" target="_blank"
+        >Analog</a
+      >, the fullstack meta-framework for Angular powered by Vite!
+    </p>
+
+    <p class="read-the-docs">
+      Click on the Vite and Angular logos to learn more.
+    </p>
+  `,
+  styles: [
+    `
+      .logo {
+        height: 6em;
+        padding: 1.5em;
+        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-v15/src/main.providers.ts

@@ -0,0 +1,6 @@
+ /**
+  * Put common proivders shared with client and server side here.
+  */
+
+ export const mainProviders = [];
+ 

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

@@ -5,6 +5,7 @@ import { provideFileRouter } from '@analogjs/router';
 import { withEnabledBlockingInitialNavigation } from '@angular/router';
 
 import { AppComponent } from './app/app.component';
+import { mainProviders } from './main.providers';
 
 if (import.meta.env.PROD) {
   enableProdMode();
@@ -15,7 +16,7 @@ export default async function render(url: string, document: string) {
     appId: 'analog-app',
     document,
     url,
-    providers: [provideFileRouter(withEnabledBlockingInitialNavigation())],
+    providers: [provideFileRouter(withEnabledBlockingInitialNavigation()), ...mainProviders],
   });
 
   return html;

package/template-angular-v15/src/main.ts

@@ -3,7 +3,8 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { provideFileRouter } from '@analogjs/router';
 
 import { AppComponent } from './app/app.component';
+import { mainProviders } from './main.providers';
 
 bootstrapApplication(AppComponent, {
-  providers: [provideFileRouter()],
+  providers: [provideFileRouter(), ...mainProviders],
 });

package/template-angular-v15/tsconfig.app.json

@@ -7,5 +7,9 @@
     "types": []
   },
   "files": ["src/main.ts", "src/main.server.ts"],
-  "include": ["src/**/*.d.ts", "src/app/routes/**/*.ts"]
+  "include": [
+    "src/**/*.d.ts",
+    "src/app/routes/**/*.ts",
+    "src/app/pages/**/*.page.ts"
+  ]
 }