npm - github-issue-tower-defence-management - Versions diffs - 1.85.0 → 1.87.0 - Mend

github-issue-tower-defence-management 1.85.0 → 1.87.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/src/adapter/entry-points/console/consoleServer.ts ADDED Viewed

@@ -0,0 +1,220 @@
+import * as http from 'http';
+import * as fs from 'fs';
+import * as path from 'path';
+export const DEFAULT_CONSOLE_PORT = 9981;
+export const CONSOLE_TOKEN_HEADER = 'x-pv-token';
+const PLACEHOLDER_INDEX_HTML = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>TDPM Console</title>
+  </head>
+  <body>
+    <main>
+      <h1>TDPM Console</h1>
+      <p>The console UI bundle has not been built yet.</p>
+    </main>
+  </body>
+</html>
+`;
+const MIME_TYPES: Record<string, string> = {
+  '.html': 'text/html; charset=utf-8',
+  '.js': 'text/javascript; charset=utf-8',
+  '.mjs': 'text/javascript; charset=utf-8',
+  '.css': 'text/css; charset=utf-8',
+  '.json': 'application/json; charset=utf-8',
+  '.svg': 'image/svg+xml',
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.gif': 'image/gif',
+  '.ico': 'image/x-icon',
+  '.map': 'application/json; charset=utf-8',
+  '.woff': 'font/woff',
+  '.woff2': 'font/woff2',
+};
+export const hasDotSegment = (requestPath: string): boolean =>
+  requestPath
+    .split('/')
+    .some((segment) => segment.length > 0 && segment.startsWith('.'));
+export const requiresToken = (requestPath: string): boolean =>
+  requestPath.startsWith('/api/') ||
+  requestPath === '/api' ||
+  requestPath.endsWith('.json');
+export const isTokenValid = (
+  expectedToken: string,
+  providedToken: string | null,
+): boolean => providedToken !== null && providedToken === expectedToken;
+export const extractProvidedToken = (
+  queryToken: string | string[] | null,
+  headerToken: string | string[] | undefined,
+): string | null => {
+  if (typeof queryToken === 'string' && queryToken.length > 0) {
+    return queryToken;
+  }
+  if (typeof headerToken === 'string' && headerToken.length > 0) {
+    return headerToken;
+  }
+  return null;
+};
+const contentTypeForPath = (filePath: string): string => {
+  const extension = path.extname(filePath).toLowerCase();
+  return MIME_TYPES[extension] ?? 'application/octet-stream';
+};
+const resolveStaticFilePath = (
+  uiDistDir: string,
+  requestPath: string,
+): string | null => {
+  const relativePath = requestPath === '/' ? '/index.html' : requestPath;
+  const normalized = path
+    .normalize(relativePath)
+    .replace(/^(\.\.(\/|\\|$))+/, '');
+  const candidate = path.join(uiDistDir, normalized);
+  const resolvedRoot = path.resolve(uiDistDir);
+  const resolvedCandidate = path.resolve(candidate);
+  if (
+    resolvedCandidate !== resolvedRoot &&
+    !resolvedCandidate.startsWith(resolvedRoot + path.sep)
+  ) {
+    return null;
+  }
+  return resolvedCandidate;
+};
+const readStaticFile = (filePath: string): Buffer | null => {
+  try {
+    const stat = fs.statSync(filePath);
+    if (!stat.isFile()) {
+      return null;
+    }
+    return fs.readFileSync(filePath);
+  } catch {
+    return null;
+  }
+};
+export type ConsoleServerOptions = {
+  accessToken: string;
+  uiDistDir: string;
+  consoleDataOutputDir: string | null;
+};
+const sendNotFound = (response: http.ServerResponse): void => {
+  response.writeHead(404, {
+    'Content-Type': 'text/plain; charset=utf-8',
+    'Cache-Control': 'no-store',
+  });
+  response.end('Not Found');
+};
+const sendUnauthorized = (response: http.ServerResponse): void => {
+  response.writeHead(401, {
+    'Content-Type': 'text/plain; charset=utf-8',
+    'Cache-Control': 'no-store',
+  });
+  response.end('Unauthorized');
+};
+const serveBootstrapIndex = (response: http.ServerResponse): void => {
+  response.writeHead(200, {
+    'Content-Type': 'text/html; charset=utf-8',
+    'Cache-Control': 'no-store',
+  });
+  response.end(PLACEHOLDER_INDEX_HTML);
+};
+export const handleConsoleRequest = (
+  options: ConsoleServerOptions,
+  request: http.IncomingMessage,
+  response: http.ServerResponse,
+): void => {
+  const requestUrl = new URL(request.url ?? '/', 'http://localhost');
+  const requestPath = requestUrl.pathname;
+  if (hasDotSegment(requestPath)) {
+    sendNotFound(response);
+    return;
+  }
+  if (requiresToken(requestPath)) {
+    const providedToken = extractProvidedToken(
+      requestUrl.searchParams.get('k'),
+      request.headers[CONSOLE_TOKEN_HEADER],
+    );
+    if (!isTokenValid(options.accessToken, providedToken)) {
+      sendUnauthorized(response);
+      return;
+    }
+    sendNotFound(response);
+    return;
+  }
+  if (requestPath === '/' || requestPath === '/index.html') {
+    const indexFilePath = resolveStaticFilePath(
+      options.uiDistDir,
+      '/index.html',
+    );
+    const indexContent =
+      indexFilePath === null ? null : readStaticFile(indexFilePath);
+    if (indexContent === null) {
+      serveBootstrapIndex(response);
+      return;
+    }
+    response.writeHead(200, {
+      'Content-Type': 'text/html; charset=utf-8',
+      'Cache-Control': 'no-store',
+    });
+    response.end(indexContent);
+    return;
+  }
+  const staticFilePath = resolveStaticFilePath(options.uiDistDir, requestPath);
+  if (staticFilePath === null) {
+    sendNotFound(response);
+    return;
+  }
+  const staticContent = readStaticFile(staticFilePath);
+  if (staticContent === null) {
+    sendNotFound(response);
+    return;
+  }
+  response.writeHead(200, {
+    'Content-Type': contentTypeForPath(staticFilePath),
+    'Cache-Control': 'no-store',
+  });
+  response.end(staticContent);
+};
+export const createConsoleServer = (
+  options: ConsoleServerOptions,
+): http.Server =>
+  http.createServer((request, response) => {
+    handleConsoleRequest(options, request, response);
+  });
+export type StartConsoleServerOptions = ConsoleServerOptions & {
+  port: number;
+};
+export const startConsoleServer = (
+  options: StartConsoleServerOptions,
+): Promise<http.Server> =>
+  new Promise((resolve, reject) => {
+    const server = createConsoleServer(options);
+    server.once('error', reject);
+    server.listen(options.port, () => {
+      server.removeListener('error', reject);
+      resolve(server);
+    });
+  });

package/src/adapter/entry-points/console/ui/.storybook/main.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(ts|tsx)'],
+  addons: [],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+};
+export default config;

package/src/adapter/entry-points/console/ui/.storybook/preview.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/react-vite';
+import '../src/index.css';
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
+export default preview;

package/src/adapter/entry-points/console/ui/biome.json ADDED Viewed

@@ -0,0 +1,47 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.4.16/schema.json",
+  "root": false,
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": ["src/**", ".storybook/**"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 80
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "always",
+      "trailingCommas": "all"
+    }
+  },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    },
+    "formatter": {
+      "quoteStyle": "double"
+    }
+  },
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  }
+}

package/src/adapter/entry-points/console/ui/components.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/features/console/hooks"
+  }
+}

package/src/adapter/entry-points/console/ui/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>TDPM Console</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/src/adapter/entry-points/console/ui/src/components/ui/badge.stories.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Badge } from './badge';
+const meta: Meta<typeof Badge> = {
+  title: 'UI/Badge',
+  component: Badge,
+  args: {
+    children: 'PR',
+  },
+};
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export const Pr: Story = {
+  args: {
+    variant: 'default',
+    children: 'PR',
+  },
+};
+export const Issue: Story = {
+  args: {
+    variant: 'secondary',
+    children: 'Issue',
+  },
+};
+export const Outline: Story = {
+  args: {
+    variant: 'outline',
+    children: 'story: TDPM Console port',
+  },
+};

package/src/adapter/entry-points/console/ui/src/components/ui/badge.tsx ADDED Viewed

@@ -0,0 +1,28 @@
+import { cva, type VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+import { cn } from '@/lib/utils';
+const badgeVariants = cva(
+  'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors',
+  {
+    variants: {
+      variant: {
+        default: 'border-transparent bg-primary text-primary-foreground',
+        secondary: 'border-transparent bg-secondary text-secondary-foreground',
+        outline: 'text-foreground',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+);
+export type BadgeProps = React.HTMLAttributes<HTMLDivElement> &
+  VariantProps<typeof badgeVariants>;
+export const Badge = ({ className, variant, ...props }: BadgeProps) => (
+  <div className={cn(badgeVariants({ variant }), className)} {...props} />
+);
+export { badgeVariants };

package/src/adapter/entry-points/console/ui/src/components/ui/button.stories.tsx ADDED Viewed

@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Button } from './button';
+const meta: Meta<typeof Button> = {
+  title: 'UI/Button',
+  component: Button,
+  args: {
+    children: 'Awaiting Quality Check',
+  },
+};
+export default meta;
+type Story = StoryObj<typeof Button>;
+export const Default: Story = {};
+export const Ghost: Story = {
+  args: {
+    variant: 'ghost',
+  },
+};
+export const Outline: Story = {
+  args: {
+    variant: 'outline',
+  },
+};
+export const Small: Story = {
+  args: {
+    size: 'sm',
+  },
+};

package/src/adapter/entry-points/console/ui/src/components/ui/button.tsx ADDED Viewed

@@ -0,0 +1,50 @@
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+const buttonVariants = cva(
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        outline:
+          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+        secondary:
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+      },
+      size: {
+        default: 'h-9 px-4 py-2',
+        sm: 'h-8 rounded-md px-3 text-xs',
+        lg: 'h-10 rounded-md px-8',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  };
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Button.displayName = 'Button';
+export { buttonVariants };

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleListView.stories.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { consoleListItemsFixture } from '../fixtures';
+import { ConsoleListView } from './ConsoleListView';
+const meta: Meta<typeof ConsoleListView> = {
+  title: 'Console/ConsoleListView',
+  component: ConsoleListView,
+};
+export default meta;
+type Story = StoryObj<typeof ConsoleListView>;
+export const WithItems: Story = {
+  args: {
+    items: consoleListItemsFixture,
+    isLoading: false,
+    error: null,
+  },
+};
+export const Loading: Story = {
+  args: {
+    items: [],
+    isLoading: true,
+    error: null,
+  },
+};
+export const Empty: Story = {
+  args: {
+    items: [],
+    isLoading: false,
+    error: null,
+  },
+};
+export const ErrorState: Story = {
+  args: {
+    items: [],
+    isLoading: false,
+    error: 'HTTP 404',
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleListView.tsx ADDED Viewed

@@ -0,0 +1,58 @@
+import { Badge } from '@/components/ui/badge';
+import type { ConsoleListItem } from '../types';
+export type ConsoleListViewProps = {
+  items: ConsoleListItem[];
+  isLoading: boolean;
+  error: string | null;
+};
+export const ConsoleListView = ({
+  items,
+  isLoading,
+  error,
+}: ConsoleListViewProps) => {
+  if (error !== null) {
+    return (
+      <p role="alert" className="p-4 text-sm text-destructive">
+        Failed to load list: {error}
+      </p>
+    );
+  }
+  if (isLoading) {
+    return <p className="p-4 text-sm text-muted-foreground">Loading list...</p>;
+  }
+  if (items.length === 0) {
+    return <p className="p-4 text-sm text-muted-foreground">No items.</p>;
+  }
+  return (
+    <ul className="divide-y divide-border">
+      {items.map((item) => (
+        <li key={item.itemId} className="flex flex-col gap-1 p-3">
+          <div className="flex items-center gap-2">
+            <Badge variant={item.isPr ? 'default' : 'secondary'}>
+              {item.isPr ? 'PR' : 'Issue'}
+            </Badge>
+            <a
+              href={item.url}
+              className="font-medium underline-offset-2 hover:underline"
+            >
+              {item.title}
+            </a>
+            <span className="text-sm text-muted-foreground">
+              #{item.number}
+            </span>
+          </div>
+          <div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
+            <span>{item.repo}</span>
+            {item.story !== '' && <span>story: {item.story}</span>}
+            <span>{new Date(item.createdAt).toISOString()}</span>
+          </div>
+        </li>
+      ))}
+    </ul>
+  );
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleTabBar.stories.tsx ADDED Viewed

@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useState } from 'react';
+import type { ConsoleTabName } from '../types';
+import { ConsoleTabBar } from './ConsoleTabBar';
+const meta: Meta<typeof ConsoleTabBar> = {
+  title: 'Console/ConsoleTabBar',
+  component: ConsoleTabBar,
+};
+export default meta;
+type Story = StoryObj<typeof ConsoleTabBar>;
+export const PrsActive: Story = {
+  args: {
+    activeTab: 'prs',
+    onSelectTab: () => undefined,
+  },
+};
+export const TriageActive: Story = {
+  args: {
+    activeTab: 'triage',
+    onSelectTab: () => undefined,
+  },
+};
+export const Interactive: Story = {
+  render: () => {
+    const [activeTab, setActiveTab] = useState<ConsoleTabName>('prs');
+    return <ConsoleTabBar activeTab={activeTab} onSelectTab={setActiveTab} />;
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleTabBar.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
+import { CONSOLE_TABS, type ConsoleTabName } from '../types';
+export type ConsoleTabBarProps = {
+  activeTab: ConsoleTabName;
+  onSelectTab: (tab: ConsoleTabName) => void;
+};
+export const ConsoleTabBar = ({
+  activeTab,
+  onSelectTab,
+}: ConsoleTabBarProps) => (
+  <nav
+    aria-label="Console tabs"
+    className="flex flex-wrap gap-1 border-b border-border p-2"
+  >
+    {CONSOLE_TABS.map((tab) => (
+      <Button
+        key={tab.name}
+        type="button"
+        size="sm"
+        variant={tab.name === activeTab ? 'default' : 'ghost'}
+        aria-current={tab.name === activeTab ? 'page' : undefined}
+        className={cn(tab.name === activeTab && 'font-semibold')}
+        onClick={() => onSelectTab(tab.name)}
+      >
+        {tab.label}
+      </Button>
+    ))}
+  </nav>
+);