@chill-sharp/create-app 1.1.12 → 1.1.15

package/template/src/app/core/plugins/hello-plugin/hello-plugin.component.ts

@@ -1,28 +1,28 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, inject } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { ActivatedRoute } from '@angular/router';
-import { map } from 'rxjs';
-
-@Component({
-  selector: 'app-hello-plugin',
-  standalone: true,
-  imports: [CommonModule],
-  template: `
-    <section class="client-template-page">
-      <p class="eyebrow">Hello Plugin</p>
-      <h1>Hello {{ name() }}</h1>
-    </section>
-  `
-})
-export class HelloPluginComponent {
-  private readonly route = inject(ActivatedRoute);
-  private readonly routeName = toSignal(this.route.paramMap.pipe(
-    map((params) => params.get('name')?.trim() ?? '')
-  ), { initialValue: '' });
-
-  protected readonly name = computed(() => {
-    const value = this.routeName();
-    return value || 'World';
-  });
-}
+import { CommonModule } from '@angular/common';
+import { Component, computed, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { ActivatedRoute } from '@angular/router';
+import { map } from 'rxjs';
+
+@Component({
+  selector: 'app-hello-plugin',
+  standalone: true,
+  imports: [CommonModule],
+  template: `
+    <section class="client-template-page">
+      <p class="eyebrow">Hello Plugin</p>
+      <h1>Hello {{ name() }}</h1>
+    </section>
+  `
+})
+export class HelloPluginComponent {
+  private readonly route = inject(ActivatedRoute);
+  private readonly routeName = toSignal(this.route.paramMap.pipe(
+    map((params) => params.get('name')?.trim() ?? '')
+  ), { initialValue: '' });
+
+  protected readonly name = computed(() => {
+    const value = this.routeName();
+    return value || 'World';
+  });
+}

package/template/src/app/core/plugins/register-client-plugins.ts

@@ -1,16 +1,16 @@
-import { Routes } from '@angular/router';
-import { HelloPluginComponent } from './hello-plugin/hello-plugin.component';
-import { ClientHomeComponent } from '../../pages/client-home/client-home.component';
-
-export function getClientFeatureRoutes(): Routes {
-  return [
-    {
-      path: 'hello-plugin/:name',
-      component: HelloPluginComponent
-    },
-    {
-      path: 'client-home',
-      component: ClientHomeComponent
-    }
-  ];
-}
+import { Routes } from '@angular/router';
+import { HelloPluginComponent } from './hello-plugin/hello-plugin.component';
+import { ClientHomeComponent } from '../../pages/client-home/client-home.component';
+
+export function getClientFeatureRoutes(): Routes {
+  return [
+    {
+      path: 'hello-plugin/:name',
+      component: HelloPluginComponent
+    },
+    {
+      path: 'client-home',
+      component: ClientHomeComponent
+    }
+  ];
+}

package/template/src/app/core/providers/client-template.providers.ts

@@ -1,8 +1,8 @@
-import { Provider } from '@angular/core';
-import { getClientOverrideProviders } from '../overrides/register-client-overrides';
-
-export function provideClientTemplateProviders(): Provider[] {
-  return [
-    ...getClientOverrideProviders()
-  ];
-}
+import { Provider } from '@angular/core';
+import { getClientOverrideProviders } from '../overrides/register-client-overrides';
+
+export function provideClientTemplateProviders(): Provider[] {
+  return [
+    ...getClientOverrideProviders()
+  ];
+}

package/template/src/app/pages/client-home/client-home.component.ts

@@ -1,41 +1,41 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { CLIENT_APP_CONFIG } from '../../../config/app-config';
-import { readClientRuntimeConfig } from '../../../config/runtime-config';
-
-@Component({
-  selector: 'app-client-home',
-  standalone: true,
-  imports: [CommonModule],
-  template: `
-    <section class="client-template-page">
-      <p class="eyebrow">Client Template</p>
-      <h1>{{ appConfig.appName }}</h1>
-      <p>
-        This is a client-owned route that lives in the template shell instead of the shared
-        <code>&#64;chill-sharp/ui-core</code> package.
-      </p>
-
-      <div class="client-template-grid">
-        <article class="client-template-card">
-          <strong>Tenant</strong>
-          <p>{{ runtimeConfig.tenantCode }}</p>
-        </article>
-
-        <article class="client-template-card">
-          <strong>API</strong>
-          <p>{{ appConfig.apiBaseUrl }}</p>
-        </article>
-
-        <article class="client-template-card">
-          <strong>Theme</strong>
-          <p>{{ appConfig.themeName }}</p>
-        </article>
-      </div>
-    </section>
-  `
-})
-export class ClientHomeComponent {
-  protected readonly appConfig = CLIENT_APP_CONFIG;
-  protected readonly runtimeConfig = readClientRuntimeConfig();
-}
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { CLIENT_APP_CONFIG } from '../../../config/app-config';
+import { readClientRuntimeConfig } from '../../../config/runtime-config';
+
+@Component({
+  selector: 'app-client-home',
+  standalone: true,
+  imports: [CommonModule],
+  template: `
+    <section class="client-template-page">
+      <p class="eyebrow">Client Template</p>
+      <h1>{{ appConfig.appName }}</h1>
+      <p>
+        This is a client-owned route that lives in the template shell instead of the shared
+        <code>&#64;chill-sharp/ui-core</code> package.
+      </p>
+
+      <div class="client-template-grid">
+        <article class="client-template-card">
+          <strong>Tenant</strong>
+          <p>{{ runtimeConfig.tenantCode }}</p>
+        </article>
+
+        <article class="client-template-card">
+          <strong>API</strong>
+          <p>{{ appConfig.apiBaseUrl }}</p>
+        </article>
+
+        <article class="client-template-card">
+          <strong>Theme</strong>
+          <p>{{ appConfig.themeName }}</p>
+        </article>
+      </div>
+    </section>
+  `
+})
+export class ClientHomeComponent {
+  protected readonly appConfig = CLIENT_APP_CONFIG;
+  protected readonly runtimeConfig = readClientRuntimeConfig();
+}

package/template/src/assets/branding/logo.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" role="img" aria-labelledby="title">
-  <title>Client Template Logo</title>
-  <rect width="160" height="48" rx="12" fill="#13424d"/>
-  <circle cx="28" cy="24" r="10" fill="#f5c46b"/>
-  <path d="M52 16h54c8 0 14 6 14 14s-6 14-14 14H52z" fill="#0f6d61"/>
-  <text x="60" y="30" font-family="Segoe UI, sans-serif" font-size="15" fill="#fffdf8">Client UI</text>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" role="img" aria-labelledby="title">
+  <title>Client Template Logo</title>
+  <rect width="160" height="48" rx="12" fill="#13424d"/>
+  <circle cx="28" cy="24" r="10" fill="#f5c46b"/>
+  <path d="M52 16h54c8 0 14 6 14 14s-6 14-14 14H52z" fill="#0f6d61"/>
+  <text x="60" y="30" font-family="Segoe UI, sans-serif" font-size="15" fill="#fffdf8">Client UI</text>
+</svg>

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

@@ -1,17 +1,17 @@
-import { environment } from '../environments/environment';
-
-export interface ClientAppConfig {
-  appName: string;
-  apiBaseUrl: string;
-  tenantCode: string;
-  themeName: string;
-  supportEmail: string;
-}
-
-export const CLIENT_APP_CONFIG: ClientAppConfig = {
-  appName: 'ChillSharp Client Template',
-  apiBaseUrl: environment.apiBaseUrl,
-  tenantCode: 'template-client',
-  themeName: 'template-default',
-  supportEmail: 'support@example.com'
-};
+import { environment } from '../environments/environment';
+
+export interface ClientAppConfig {
+  appName: string;
+  apiBaseUrl: string;
+  tenantCode: string;
+  themeName: string;
+  supportEmail: string;
+}
+
+export const CLIENT_APP_CONFIG: ClientAppConfig = {
+  appName: 'ChillSharp Client Template',
+  apiBaseUrl: environment.apiBaseUrl,
+  tenantCode: 'template-client',
+  themeName: 'template-default',
+  supportEmail: 'support@example.com'
+};

package/template/src/config/runtime-config.ts

@@ -1,13 +1,13 @@
-export interface ClientTemplateRuntimeConfig {
-  tenantCode: string;
-  featureFlags: Record<string, boolean>;
-}
-
-export function readClientRuntimeConfig(): ClientTemplateRuntimeConfig {
-  const runtimeConfig = globalThis.__clientUiTemplateRuntimeConfig__;
-
-  return {
-    tenantCode: runtimeConfig?.tenantCode ?? 'template-client',
-    featureFlags: runtimeConfig?.featureFlags ?? {}
-  };
-}
+export interface ClientTemplateRuntimeConfig {
+  tenantCode: string;
+  featureFlags: Record<string, boolean>;
+}
+
+export function readClientRuntimeConfig(): ClientTemplateRuntimeConfig {
+  const runtimeConfig = globalThis.__clientUiTemplateRuntimeConfig__;
+
+  return {
+    tenantCode: runtimeConfig?.tenantCode ?? 'template-client',
+    featureFlags: runtimeConfig?.featureFlags ?? {}
+  };
+}

package/template/src/environments/environment.prod.ts

@@ -1,4 +1,4 @@
-export const environment = {
-  production: true,
-  apiBaseUrl: globalThis.CHILLSHARP_API_URL?.trim() || 'https://example.invalid/api'
-};
+export const environment = {
+  production: true,
+  apiBaseUrl: globalThis.CHILLSHARP_API_URL?.trim() || 'https://example.invalid/api'
+};

package/template/src/environments/environment.ts

@@ -1,4 +1,4 @@
-export const environment = {
-  production: false,
-  apiBaseUrl: globalThis.CHILLSHARP_API_URL?.trim() || 'http://localhost:6002/api'
-};
+export const environment = {
+  production: false,
+  apiBaseUrl: globalThis.CHILLSHARP_API_URL?.trim() || 'http://localhost:6002/api'
+};

package/template/src/index.html

@@ -1,22 +1,22 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>ChillSharp UI Template</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-</head>
-<body>
-  <script src="env.js"></script>
-  <script src="runtime-config.js"></script>
-  <app-root></app-root>
-  <script>
-    if ('serviceWorker' in navigator) {
-      window.addEventListener('load', () => {
-        navigator.serviceWorker.register('/sw.js', { updateViaCache: 'none' })
-          .catch((error) => console.error('Service worker registration failed.', error));
-      });
-    }
-  </script>
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>ChillSharp UI Template</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+  <script src="env.js"></script>
+  <script src="runtime-config.js"></script>
+  <app-root></app-root>
+  <script>
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('load', () => {
+        navigator.serviceWorker.register('/sw.js', { updateViaCache: 'none' })
+          .catch((error) => console.error('Service worker registration failed.', error));
+      });
+    }
+  </script>
+</body>
+</html>

package/template/src/main.ts

@@ -1,6 +1,6 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch((err) => console.error(err));
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent, appConfig)
+  .catch((err) => console.error(err));

package/template/src/runtime-config.d.ts

@@ -1,10 +1,10 @@
-declare global {
-  var CHILLSHARP_API_URL: string | undefined;
-  var CHILLSHARP_UI_URL: string | undefined;
-  var __clientUiTemplateRuntimeConfig__: {
-    tenantCode?: string;
-    featureFlags?: Record<string, boolean>;
-  } | undefined;
-}
-
-export {};
+declare global {
+  var CHILLSHARP_API_URL: string | undefined;
+  var CHILLSHARP_UI_URL: string | undefined;
+  var __clientUiTemplateRuntimeConfig__: {
+    tenantCode?: string;
+    featureFlags?: Record<string, boolean>;
+  } | undefined;
+}
+
+export {};

package/template/src/styles.scss

@@ -1,116 +1,116 @@
-@use '@chill-sharp/ui-core/styles/core-theme.scss';
-
-:root {
-  --font-sans: "Segoe UI Variable", "Segoe UI", sans-serif;
-  --bg-top: #f6f0e8;
-  --bg-bottom: #dfeaea;
-  --accent: #0f6d61;
-  --accent-strong: #13424d;
-  --accent-soft: rgba(15, 109, 97, 0.14);
-  --surface-0: #fffdf8;
-  --surface-1: rgba(255, 253, 248, 0.84);
-  --surface-2: rgba(255, 255, 255, 0.72);
-  --surface-3: rgba(239, 246, 246, 0.9);
-  --text-main: #18313b;
-  --text-muted: #64757a;
-  --border-color: rgba(24, 49, 59, 0.13);
-  --shadow: 0 24px 60px rgba(20, 65, 77, 0.12);
-  --shadow-soft: 0 12px 30px rgba(20, 65, 77, 0.08);
-  --workspace-backdrop:
-    radial-gradient(circle at top left, rgba(15, 109, 97, 0.16), transparent 28%),
-    radial-gradient(circle at top right, rgba(188, 146, 93, 0.14), transparent 24%),
-    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
-}
-
-body::before {
-  content: '';
-  position: fixed;
-  inset: 0;
-  pointer-events: none;
-  background:
-    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px),
-    linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
-  background-size: 2rem 2rem;
-  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent 70%);
-  opacity: 0.28;
-}
-
-.client-template-page {
-  max-width: 64rem;
-  margin: 2.5rem auto;
-  padding: 2rem;
-  border-radius: 1.5rem;
-  border: 1px solid var(--border-color);
-  background: var(--surface-1);
-  box-shadow: var(--shadow-soft);
-  backdrop-filter: blur(16px);
-}
-
-.client-template-page h1 {
-  margin: 0;
-  font-size: clamp(2rem, 5vw, 3.4rem);
-  line-height: 0.95;
-}
-
-.client-template-page p {
-  color: var(--text-muted);
-}
-
-.client-template-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
-  gap: 1rem;
-  margin-top: 1.5rem;
-}
-
-.client-template-card {
-  padding: 1rem;
-  border-radius: 1rem;
-  background: var(--surface-2);
-  border: 1px solid var(--border-color);
-}
-
-// Keep the application menu dense and list-like instead of presenting every
-// entry as a separate card. These selectors intentionally override the
-// public UI-core menu classes from the client template.
-.workspace-menu__tree {
-  gap: 0.15rem;
-}
-
-.workspace-menu__tree-node,
-.workspace-menu__tree-children {
-  gap: 0.1rem;
-}
-
-.workspace-menu__tree-row {
-  gap: 0.25rem;
-}
-
-.workspace-menu__tree-main {
-  border: 0;
-  border-radius: 0.55rem;
-  background: transparent;
-  box-shadow: none;
-}
-
-.workspace-menu__tree-main.is-active {
-  border: 0;
-  background: var(--accent-soft);
-}
-
-.workspace-menu__tree-main.is-pending-expand {
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent);
-}
-
-.workspace-menu__tree-trigger {
-  padding: 0.5rem 0.7rem;
-}
-
-.workspace-menu__tree-expander {
-  width: 2.25rem;
-  padding: 0.45rem;
-}
-
-.workspace-menu__tree-meta {
-  padding: 0 0.7rem 0.5rem;
-}
+@use '@chill-sharp/ui-core/styles/core-theme.scss';
+
+:root {
+  --font-sans: "Segoe UI Variable", "Segoe UI", sans-serif;
+  --bg-top: #f6f0e8;
+  --bg-bottom: #dfeaea;
+  --accent: #0f6d61;
+  --accent-strong: #13424d;
+  --accent-soft: rgba(15, 109, 97, 0.14);
+  --surface-0: #fffdf8;
+  --surface-1: rgba(255, 253, 248, 0.84);
+  --surface-2: rgba(255, 255, 255, 0.72);
+  --surface-3: rgba(239, 246, 246, 0.9);
+  --text-main: #18313b;
+  --text-muted: #64757a;
+  --border-color: rgba(24, 49, 59, 0.13);
+  --shadow: 0 24px 60px rgba(20, 65, 77, 0.12);
+  --shadow-soft: 0 12px 30px rgba(20, 65, 77, 0.08);
+  --workspace-backdrop:
+    radial-gradient(circle at top left, rgba(15, 109, 97, 0.16), transparent 28%),
+    radial-gradient(circle at top right, rgba(188, 146, 93, 0.14), transparent 24%),
+    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
+}
+
+body::before {
+  content: '';
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  background:
+    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px),
+    linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 2rem 2rem;
+  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent 70%);
+  opacity: 0.28;
+}
+
+.client-template-page {
+  max-width: 64rem;
+  margin: 2.5rem auto;
+  padding: 2rem;
+  border-radius: 1.5rem;
+  border: 1px solid var(--border-color);
+  background: var(--surface-1);
+  box-shadow: var(--shadow-soft);
+  backdrop-filter: blur(16px);
+}
+
+.client-template-page h1 {
+  margin: 0;
+  font-size: clamp(2rem, 5vw, 3.4rem);
+  line-height: 0.95;
+}
+
+.client-template-page p {
+  color: var(--text-muted);
+}
+
+.client-template-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+  gap: 1rem;
+  margin-top: 1.5rem;
+}
+
+.client-template-card {
+  padding: 1rem;
+  border-radius: 1rem;
+  background: var(--surface-2);
+  border: 1px solid var(--border-color);
+}
+
+// Keep the application menu dense and list-like instead of presenting every
+// entry as a separate card. These selectors intentionally override the
+// public UI-core menu classes from the client template.
+.workspace-menu__tree {
+  gap: 0.15rem;
+}
+
+.workspace-menu__tree-node,
+.workspace-menu__tree-children {
+  gap: 0.1rem;
+}
+
+.workspace-menu__tree-row {
+  gap: 0.25rem;
+}
+
+.workspace-menu__tree-main {
+  border: 0;
+  border-radius: 0.55rem;
+  background: transparent;
+  box-shadow: none;
+}
+
+.workspace-menu__tree-main.is-active {
+  border: 0;
+  background: var(--accent-soft);
+}
+
+.workspace-menu__tree-main.is-pending-expand {
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent);
+}
+
+.workspace-menu__tree-trigger {
+  padding: 0.5rem 0.7rem;
+}
+
+.workspace-menu__tree-expander {
+  width: 2.25rem;
+  padding: 0.45rem;
+}
+
+.workspace-menu__tree-meta {
+  padding: 0 0.7rem 0.5rem;
+}

package/template/tsconfig.app.json

@@ -1,13 +1,13 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "src/**/*.spec.ts"
-  ]
-}
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
+  ]
+}