bank20baht-cli 0.5.0 → 0.7.0

package/templates/remote/federation.config.mjs.hbs

@@ -0,0 +1,48 @@
+import { withNativeFederation, fromPackageJson } from '@angular-architects/native-federation/config'
+
+export default withNativeFederation({
+  name: '{{app}}',
+
+  shared: fromPackageJson({
+    singleton: true,
+    strictVersion: true,
+    requiredVersion: 'auto',
+    build: 'package',
+  })
+    // includeSecondaries is an opt-out of ignoreUnusedDeps, so all of
+    // @angular/core is shared to prevent mismatches.
+    .patch(['@angular/core'], { includeSecondaries: { keepAll: true } })
+    // Same for bank20baht-ui: the host and the remotes may import different entry
+    // points of it. Unshared, each side bundles its own copy of the elements and
+    // the second customElements.define('baht-button') throws.
+    .patch(['bank20baht-ui'], { includeSecondaries: { keepAll: true } }),
+
+  skip: [
+    'rxjs/ajax',
+    'rxjs/fetch',
+    'rxjs/testing',
+    'rxjs/webSocket',
+    // Server / React entry points of bank20baht-ui (pulled in by keepAll above).
+    'bank20baht-ui/ssr',
+    'bank20baht-ui/hydrate',
+    'bank20baht-ui/react',
+    // marked's command-line entry imports Node built-ins.
+    /^marked\/bin/,
+  ],
+
+  // The kit (a tsconfig path into packages/kit) is compiled into each app, not shared.
+  sharedMappings: [],
+
+  exposes: {
+    './Routes': './src/app/{{name}}.routes.ts',
+  },
+
+  features: {
+    // Off: the unused-dependency scan (sheriff) refuses sources outside the app folder, and
+    // the kit lives in packages/kit. Every package.json dependency is shared instead, so each
+    // app lists bank20baht-ui's optional peers (marked, dompurify, flatpickr) itself.
+    ignoreUnusedDeps: false,
+    // Groups chunks in remoteEntry.json for a smaller metadata file.
+    denseChunking: true,
+  },
+})

package/templates/remote/package.json.hbs

@@ -0,0 +1,37 @@
+{
+  "name": "{{app}}",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "ng": "ng",
+    "dev": "ng serve",
+    "build": "ng build",
+    "typecheck": "tsc -b --noEmit",
+    "pretypecheck": "bun run --filter server build:types",
+    "prebuild": "bun run --filter server build:types"
+  },
+  "dependencies": {
+    "@angular-architects/native-federation": "^22.2.1",
+    "@angular/common": "^22.2.0",
+    "@angular/compiler": "^22.2.0",
+    "@angular/core": "^22.2.0",
+    "@angular/platform-browser": "^22.2.0",
+    "@angular/router": "^22.2.0",
+    "bank20baht-ui": "0.19.0",
+    "bank20baht-ui-angular": "0.2.0",
+    "dompurify": "3.4.17",
+    "es-module-shims": "^2.8.0",
+    "flatpickr": "4.6.13",
+    "marked": "18.1.3",
+    "ngx-eden": "^0.2.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@angular/build": "^22.2.0",
+    "@angular/cli": "^22.2.0",
+    "@angular/compiler-cli": "^22.2.0",
+    "@softarc/native-federation-orchestrator": "^4.6.0",
+    "typescript": "~6.0.2"
+  }
+}

package/templates/remote/src/app/__name__.routes.ts.hbs

@@ -0,0 +1,12 @@
+import type { Routes } from '@angular/router'
+
+import { {{pascal}}Component } from './modules/{{name}}/{{name}}.component'
+
+/** What the host mounts under `/{{name}}` (exposed as `./Routes`). */
+export const routes: Routes = [
+  {
+    path: '',
+    title: '{{title}}',
+    component: {{pascal}}Component,
+  },
+]

package/templates/remote/src/app/modules/__name__/__name__.component.ts.hbs

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core'
+import { describeError } from '@{{project}}/kit'
+import { BAHT_UI } from 'bank20baht-ui-angular'
+import { {{pascal}}Service } from '../../services/{{name}}.service'
+
+/** The {{title}} page: what the server says at `GET /api/hello`. */
+@Component({
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [BAHT_UI],
+  selector: '{{name}}-page',
+  template: `
+    <div class="app-page">
+      <baht-page-header
+        heading="{{title}}"
+        description="A remote, loaded by the host at runtime."
+      ></baht-page-header>
+      <baht-card heading="From the server">
+        @if (hello.error(); as error) {
+          <baht-error-state
+            heading="The server did not answer"
+            [message]="describeError(error)"
+            retry-label="Try again"
+            (bahtRetry)="hello.reload()"
+          ></baht-error-state>
+        } @else if (hello.value(); as body) {
+          <p [textContent]="body.message"></p>
+        } @else {
+          <baht-skeleton variant="text"></baht-skeleton>
+        }
+      </baht-card>
+    </div>
+  `,
+})
+export class {{pascal}}Component {
+  protected readonly hello = inject({{pascal}}Service).hello()
+  protected readonly describeError = describeError
+}

package/templates/remote/src/app/services/__name__.service.ts.hbs

@@ -0,0 +1,14 @@
+import { Injectable, inject } from '@angular/core'
+import { Api } from '@{{project}}/kit'
+import { edenResource } from 'ngx-eden'
+
+/** Everything the {{title}} pages ask the server. */
+@Injectable({ providedIn: 'root' })
+export class {{pascal}}Service {
+  private readonly api = inject(Api).client.api
+
+  /** `GET /api/hello` as a resource; create it in an injection context (a field initializer). */
+  hello() {
+    return edenResource(() => this.api.hello.get.$request())
+  }
+}

package/templates/remote/src/index.html.hbs

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>{{app}} (remote)</title>
+    <meta name="robots" content="noindex" />
+  </head>
+  <body>
+    <p>{{app}} is a Native Federation remote. Open it through the host.</p>
+  </body>
+</html>

package/templates/remote/src/main.ts.hbs

@@ -0,0 +1,3 @@
+// {{app}} is a Native Federation remote only: the host loads ./Routes from its
+// remoteEntry.json. Nothing boots on this origin; index.html just says so.
+export {}

package/templates/remote/tsconfig.app.json

@@ -0,0 +1,10 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["src/**/*.spec.ts"]
+}

package/templates/remote/tsconfig.federation.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.app.json",
+  "include": ["src/**/*.d.ts"]
+}

package/templates/remote/tsconfig.json.hbs

@@ -0,0 +1,36 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "verbatimModuleSyntax": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "preserve",
+    "paths": {
+      "@{{project}}/kit": ["../../packages/kit/src/index.ts"]
+    }
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictTemplates": true,
+    "strictInputAccessModifiers": true
+  },
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}