stack-service-base 0.0.99 → 0.0.100

data/lib/stack-service-base/frontend_template/home/src/.env.example

@@ -0,0 +1,7 @@
+# Browser-visible runtime configuration.
+PATH_PREFIX=
+API_BASE_URL=
+LOG_LEVEL=info
+
+# Development proxy target. This value is not exposed to browser code.
+BACKEND_URL=http://localhost:8080

data/lib/stack-service-base/frontend_template/home/src/.version

@@ -0,0 +1 @@
+0.1

data/lib/stack-service-base/frontend_template/home/src/app/main.ts

@@ -0,0 +1,4 @@
+import './style.css';
+
+await import(/* @vite-ignore */ `${import.meta.env.BASE_URL}runtime-config.js`);
+await import('./runtime-config');

data/lib/stack-service-base/frontend_template/home/src/app/runtime-config.ts

@@ -0,0 +1,22 @@
+import { normalizePathPrefix } from '../tools/vite/path-prefix';
+import type { RuntimeConfig } from './runtime-config.types';
+
+declare global {
+  interface Window {
+    __APP_CONFIG__?: RuntimeConfig;
+  }
+}
+
+const runtimeConfig = window.__APP_CONFIG__ ?? {};
+const pathPrefix = normalizePathPrefix(runtimeConfig.PATH_PREFIX);
+
+export const environment = Object.freeze({
+  serviceName: '${service_name}',
+  pathPrefix,
+  apiBaseUrl: runtimeConfig.API_BASE_URL?.trim() || joinPath(pathPrefix, 'api'),
+  logLevel: runtimeConfig.LOG_LEVEL?.trim() || 'info'
+});
+
+function joinPath(prefix: string, path: string): string {
+  return `${prefix}/${path}`.replace(/\/+/gu, '/');
+}

data/lib/stack-service-base/frontend_template/home/src/app/runtime-config.types.ts

@@ -0,0 +1,5 @@
+export type RuntimeConfig = {
+  PATH_PREFIX?: string;
+  API_BASE_URL?: string;
+  LOG_LEVEL?: string;
+};

data/lib/stack-service-base/frontend_template/home/src/app/style.css

@@ -0,0 +1,82 @@
+:root {
+  --color-background: #f3f4f6;
+  --color-text: #1f2937;
+  --color-muted: #6b7280;
+  --color-running: #166534;
+  --color-running-indicator: #22c55e;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-4: 16px;
+  --space-6: 24px;
+  --space-8: 32px;
+
+  color: var(--color-text);
+  background: var(--color-background);
+  font-family:
+    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-synthesis: none;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  min-width: 320px;
+  min-height: 100vh;
+  margin: 0;
+  place-items: center;
+}
+
+.page {
+  width: min(640px, calc(100% - var(--space-8)));
+  padding: var(--space-8) 0;
+}
+
+.page__header {
+  margin-bottom: var(--space-6);
+}
+
+h1,
+p {
+  margin: 0;
+}
+
+h1 {
+  margin-top: var(--space-1);
+  font-size: clamp(28px, 5vw, 40px);
+  font-weight: 600;
+  letter-spacing: -0.025em;
+}
+
+.eyebrow {
+  color: var(--color-muted);
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.status {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  color: var(--color-running);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.status__indicator {
+  width: var(--space-2);
+  height: var(--space-2);
+  border-radius: 50%;
+  background: var(--color-running-indicator);
+}
+
+@media (max-width: 640px) {
+  .page {
+    width: calc(100% - var(--space-6));
+    padding: var(--space-6) 0;
+  }
+}

data/lib/stack-service-base/frontend_template/home/src/app/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

data/lib/stack-service-base/frontend_template/home/src/eslint.config.js

@@ -0,0 +1,34 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+  {
+    ignores: ['dist/**', 'node_modules/**']
+  },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['**/*.ts'],
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'error',
+      '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }]
+    }
+  },
+  {
+    files: ['app/**/*.{js,ts}', 'public/**/*.js'],
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: 'module',
+      globals: globals.browser
+    }
+  },
+  {
+    files: ['tests/**/*.{js,ts}', 'tools/**/*.{js,ts}', '*.config.{js,ts}'],
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: 'module',
+      globals: globals.node
+    }
+  }
+);

data/lib/stack-service-base/frontend_template/home/src/index.html

@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="color-scheme" content="light" />
+    <title>${service_name}</title>
+  </head>
+  <body>
+    <main class="page">
+      <header class="page__header">
+        <p class="eyebrow">Frontend service</p>
+        <h1>${service_name}</h1>
+      </header>
+
+      <p class="status" role="status">
+        <span class="status__indicator" aria-hidden="true"></span>
+        Running
+      </p>
+    </main>
+
+    <script type="module" src="/app/main.ts"></script>
+  </body>
+</html>