github-issue-tower-defence-management 2.19.0 → 2.19.2

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommentComposer.tsx

@@ -1,276 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import type { ConsoleComment } from '../../logic/types';
-
-export type ConsoleCommentComposerProps = {
-  initiallyOpen: boolean;
-  initialDraft?: string;
-  onSubmit: (body: string) => Promise<ConsoleComment>;
-  onDraftChange?: (draft: string) => void;
-  onSubmitAndMoveToAwaitingWorkspace?: (
-    body: string,
-  ) => Promise<ConsoleComment>;
-  onOkAndAwaitingWorkspace?: () => void;
-  onUploadFile?: (file: File) => Promise<string>;
-};
-
-type ComposerStatus =
-  | { kind: 'idle' }
-  | { kind: 'posting' }
-  | { kind: 'error'; message: string };
-
-type UploadStatus =
-  | { kind: 'idle' }
-  | { kind: 'uploading'; fileName: string }
-  | { kind: 'error'; message: string };
-
-export const appendAttachmentMarkdown = (
-  draft: string,
-  markdown: string,
-): string => {
-  if (draft.length === 0) {
-    return `${markdown}\n`;
-  }
-  if (draft.endsWith('\n')) {
-    return `${draft}${markdown}\n`;
-  }
-  return `${draft}\n${markdown}\n`;
-};
-
-export const insertUploadPlaceholder = (
-  draft: string,
-  fileName: string,
-): string => {
-  const placeholder = `![uploading ${fileName}]()`;
-  const prefix = draft.length === 0 ? '' : draft.replace(/\n*$/, '\n');
-  return `${prefix}\n\n\n${placeholder}\n`;
-};
-
-export const replacePlaceholderWithMarkdown = (
-  draft: string,
-  fileName: string,
-  markdown: string,
-): string => {
-  const placeholder = `![uploading ${fileName}]()`;
-  const index = draft.indexOf(placeholder);
-  if (index === -1) {
-    return appendAttachmentMarkdown(draft, markdown);
-  }
-  return (
-    draft.slice(0, index) + markdown + draft.slice(index + placeholder.length)
-  );
-};
-
-export const removePlaceholder = (draft: string, fileName: string): string => {
-  const placeholder = `![uploading ${fileName}]()`;
-  const index = draft.indexOf(placeholder);
-  if (index === -1) {
-    return draft;
-  }
-  let start = index;
-  let newlinesRemoved = 0;
-  while (newlinesRemoved < 3 && start > 0 && draft[start - 1] === '\n') {
-    start--;
-    newlinesRemoved++;
-  }
-  const trailingNewline = draft[index + placeholder.length] === '\n' ? 1 : 0;
-  const end = index + placeholder.length + trailingNewline;
-  return draft.slice(0, start) + draft.slice(end);
-};
-
-export const ConsoleCommentComposer = ({
-  initiallyOpen,
-  initialDraft,
-  onSubmit,
-  onDraftChange,
-  onSubmitAndMoveToAwaitingWorkspace,
-  onOkAndAwaitingWorkspace,
-  onUploadFile,
-}: ConsoleCommentComposerProps) => {
-  const [open, setOpen] = useState<boolean>(initiallyOpen);
-  const [draft, setDraft] = useState<string>(initialDraft ?? '');
-  useEffect(() => {
-    onDraftChange?.(draft);
-  }, [draft, onDraftChange]);
-  const [status, setStatus] = useState<ComposerStatus>({ kind: 'idle' });
-  const [uploadStatus, setUploadStatus] = useState<UploadStatus>({
-    kind: 'idle',
-  });
-  const fileInputRef = useRef<HTMLInputElement | null>(null);
-
-  const submit = async (withMove: boolean): Promise<void> => {
-    const body = draft.trim();
-    if (body.length === 0 || status.kind === 'posting') {
-      return;
-    }
-    setStatus({ kind: 'posting' });
-    try {
-      if (withMove && onSubmitAndMoveToAwaitingWorkspace !== undefined) {
-        await onSubmitAndMoveToAwaitingWorkspace(body);
-      } else {
-        await onSubmit(body);
-      }
-      setDraft('');
-      setStatus({ kind: 'idle' });
-    } catch (error) {
-      setStatus({
-        kind: 'error',
-        message: error instanceof Error ? error.message : 'failed to post',
-      });
-    }
-  };
-
-  const uploadFiles = async (files: File[]): Promise<void> => {
-    if (onUploadFile === undefined || files.length === 0) {
-      return;
-    }
-    for (const file of files) {
-      setDraft((previous) => insertUploadPlaceholder(previous, file.name));
-      setUploadStatus({ kind: 'uploading', fileName: file.name });
-      try {
-        const markdown = await onUploadFile(file);
-        setDraft((previous) =>
-          replacePlaceholderWithMarkdown(previous, file.name, markdown),
-        );
-        setUploadStatus({ kind: 'idle' });
-      } catch (error) {
-        setDraft((previous) => removePlaceholder(previous, file.name));
-        setUploadStatus({
-          kind: 'error',
-          message:
-            error instanceof Error ? error.message : 'failed to upload file',
-        });
-        return;
-      }
-    }
-  };
-
-  return (
-    <div className="console-composer">
-      <button
-        type="button"
-        className="console-composer-toggle"
-        aria-expanded={open}
-        onClick={() => setOpen((value) => !value)}
-      >
-        {open ? '✕ Close' : '💬 Add a comment'}
-      </button>
-      {open && (
-        <div className="console-composer-form">
-          <textarea
-            className="console-composer-input"
-            rows={3}
-            placeholder="Leave a comment…"
-            value={draft}
-            onChange={(event) => setDraft(event.target.value)}
-            onDragOver={(event) => {
-              if (onUploadFile === undefined) {
-                return;
-              }
-              event.preventDefault();
-            }}
-            onDrop={(event) => {
-              if (onUploadFile === undefined) {
-                return;
-              }
-              event.preventDefault();
-              void uploadFiles(Array.from(event.dataTransfer.files));
-            }}
-            onPaste={(event) => {
-              if (onUploadFile === undefined) {
-                return;
-              }
-              const files = Array.from(event.clipboardData.files);
-              if (files.length === 0) {
-                return;
-              }
-              event.preventDefault();
-              void uploadFiles(files);
-            }}
-          />
-          {onUploadFile !== undefined && (
-            <div className="console-composer-attach">
-              <input
-                ref={fileInputRef}
-                type="file"
-                multiple
-                className="console-composer-file-input"
-                aria-label="Attach files"
-                onChange={(event) => {
-                  const files = Array.from(event.target.files ?? []);
-                  event.target.value = '';
-                  void uploadFiles(files);
-                }}
-              />
-              <button
-                type="button"
-                className="console-composer-attach-button"
-                disabled={uploadStatus.kind === 'uploading'}
-                onClick={() => fileInputRef.current?.click()}
-              >
-                📎 Attach files
-              </button>
-              {uploadStatus.kind === 'uploading' && (
-                <span className="console-composer-status">
-                  Uploading {uploadStatus.fileName}…
-                </span>
-              )}
-              {uploadStatus.kind === 'error' && (
-                <span
-                  role="alert"
-                  className="console-composer-status console-composer-error"
-                >
-                  Upload failed: {uploadStatus.message}
-                </span>
-              )}
-            </div>
-          )}
-          <div className="console-composer-row">
-            {status.kind === 'posting' && (
-              <span className="console-composer-status">Posting…</span>
-            )}
-            {status.kind === 'error' && (
-              <span
-                role="alert"
-                className="console-composer-status console-composer-error"
-              >
-                Failed: {status.message}
-              </span>
-            )}
-            <button
-              type="button"
-              className="console-composer-submit"
-              disabled={status.kind === 'posting'}
-              onClick={() => {
-                void submit(false);
-              }}
-            >
-              Comment
-            </button>
-            {onOkAndAwaitingWorkspace !== undefined && (
-              <button
-                type="button"
-                className="console-composer-submit"
-                disabled={status.kind === 'posting'}
-                onClick={onOkAndAwaitingWorkspace}
-              >
-                ok &amp; Awaiting Workspace
-              </button>
-            )}
-            {onSubmitAndMoveToAwaitingWorkspace !== undefined && (
-              <button
-                type="button"
-                className="console-composer-submit"
-                disabled={status.kind === 'posting'}
-                onClick={() => {
-                  void submit(true);
-                }}
-              >
-                Comment & Awaiting Workspace
-              </button>
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommentList.stories.tsx

@@ -1,33 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { consoleCommentsFixture } from '../../testing/fixtures';
-import { ConsoleCommentList } from './ConsoleCommentList';
-
-const meta: Meta<typeof ConsoleCommentList> = {
-  title: 'Console/ConsoleCommentList',
-  component: ConsoleCommentList,
-  args: { now: Date.parse('2026-06-19T12:00:00.000Z') },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ConsoleCommentList>;
-
-export const WithComments: Story = {
-  args: { comments: consoleCommentsFixture, isLoading: false, error: null },
-};
-
-export const Loading: Story = {
-  args: { comments: [], isLoading: true, error: null },
-};
-
-export const Empty: Story = {
-  args: { comments: [], isLoading: false, error: null },
-};
-
-export const NotLoaded: Story = {
-  args: {
-    comments: [],
-    isLoading: false,
-    error: 'API rate limit already exceeded',
-  },
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommentList.test.tsx

@@ -1,57 +0,0 @@
-import { fireEvent, render } from '@testing-library/react';
-import { consoleCommentsFixture } from '../../testing/fixtures';
-import { ConsoleCommentList } from './ConsoleCommentList';
-
-const now = Date.parse('2026-06-19T12:00:00.000Z');
-
-describe('ConsoleCommentList', () => {
-  it('shows only the latest comment until expanded', () => {
-    const { getByText, queryByText } = render(
-      <ConsoleCommentList
-        comments={consoleCommentsFixture}
-        isLoading={false}
-        error={null}
-        now={now}
-      />,
-    );
-    expect(
-      getByText(/Looks good now\. Approving once the rebase is green\./),
-    ).toBeInTheDocument();
-    expect(queryByText(/Please split the token validation/)).toBeNull();
-    fireEvent.click(getByText('Show all 3'));
-    expect(getByText(/Please split the token validation/)).toBeInTheDocument();
-  });
-
-  it('shows the loading state', () => {
-    const { getByText } = render(
-      <ConsoleCommentList comments={[]} isLoading error={null} now={now} />,
-    );
-    expect(getByText('Loading comments...')).toBeInTheDocument();
-  });
-
-  it('shows the empty state', () => {
-    const { getByText } = render(
-      <ConsoleCommentList
-        comments={[]}
-        isLoading={false}
-        error={null}
-        now={now}
-      />,
-    );
-    expect(getByText('No comments.')).toBeInTheDocument();
-  });
-
-  it('reports a failed read as not loaded, leaving the alert to the detail', () => {
-    const { getByText, queryByRole, queryByText } = render(
-      <ConsoleCommentList
-        comments={[]}
-        isLoading={false}
-        error="HTTP 500"
-        now={now}
-      />,
-    );
-    expect(getByText('Not loaded.')).toBeInTheDocument();
-    expect(queryByText('No comments.')).toBeNull();
-    expect(queryByRole('alert')).toBeNull();
-  });
-});

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommentList.tsx

@@ -1,76 +0,0 @@
-import { useState } from 'react';
-import type { ImageProxyUrlBuilder } from '../../lib/imageProxy';
-import type { ConsoleRepoContext } from '../../logic/references';
-import { formatRelativeTime } from '../../logic/relativeTime';
-import type { ConsoleComment } from '../../logic/types';
-import type { ConsoleReferenceLinkRenderer } from '../content/ConsoleMarkdownContent';
-import { ConsoleMarkdownContent } from '../content/ConsoleMarkdownContent';
-
-export type ConsoleCommentListProps = {
-  comments: ConsoleComment[];
-  isLoading: boolean;
-  error: string | null;
-  now: number;
-  buildImageProxyUrl?: ImageProxyUrlBuilder;
-  renderReferenceLink?: ConsoleReferenceLinkRenderer;
-  repoContext?: ConsoleRepoContext;
-};
-
-export const ConsoleCommentList = ({
-  comments,
-  isLoading,
-  error,
-  now,
-  buildImageProxyUrl,
-  renderReferenceLink,
-  repoContext,
-}: ConsoleCommentListProps) => {
-  const [showAll, setShowAll] = useState<boolean>(false);
-
-  if (error !== null) {
-    return <p className="console-comment-notloaded">Not loaded.</p>;
-  }
-
-  if (isLoading) {
-    return <p className="console-comment-loading">Loading comments...</p>;
-  }
-
-  if (comments.length === 0) {
-    return <p className="console-comment-empty">No comments.</p>;
-  }
-
-  const visible = showAll ? comments : comments.slice(-1);
-
-  return (
-    <div className="console-comment-list">
-      {!showAll && comments.length > 1 && (
-        <button
-          type="button"
-          className="console-comment-show-all"
-          onClick={() => setShowAll(true)}
-        >
-          Show all {comments.length}
-        </button>
-      )}
-      {visible.map((comment) => (
-        <article
-          key={`${comment.author}:${comment.createdAt}:${comment.body}`}
-          className="console-comment"
-        >
-          <header className="console-comment-header">
-            <span className="console-comment-author">{comment.author}</span>
-            <span className="console-comment-time">
-              {formatRelativeTime(comment.createdAt, now)}
-            </span>
-          </header>
-          <ConsoleMarkdownContent
-            body={comment.body}
-            buildImageProxyUrl={buildImageProxyUrl}
-            renderReferenceLink={renderReferenceLink}
-            repoContext={repoContext}
-          />
-        </article>
-      ))}
-    </div>
-  );
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommitList.stories.tsx

@@ -1,25 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { consoleCommitsFixture } from '../../testing/fixtures';
-import { ConsoleCommitList } from './ConsoleCommitList';
-
-const meta: Meta<typeof ConsoleCommitList> = {
-  title: 'Console/ConsoleCommitList',
-  component: ConsoleCommitList,
-  args: { now: Date.parse('2026-06-19T12:00:00.000Z') },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ConsoleCommitList>;
-
-export const WithCommits: Story = {
-  args: { commits: consoleCommitsFixture, isLoading: false, error: null },
-};
-
-export const Loading: Story = {
-  args: { commits: [], isLoading: true, error: null },
-};
-
-export const Empty: Story = {
-  args: { commits: [], isLoading: false, error: null },
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommitList.test.tsx

@@ -1,55 +0,0 @@
-import { render } from '@testing-library/react';
-import { consoleCommitsFixture } from '../../testing/fixtures';
-import { ConsoleCommitList } from './ConsoleCommitList';
-
-const now = Date.parse('2026-06-19T12:00:00.000Z');
-
-describe('ConsoleCommitList', () => {
-  it('renders the first message line, short sha and author', () => {
-    const { getByText } = render(
-      <ConsoleCommitList
-        commits={consoleCommitsFixture}
-        isLoading={false}
-        error={null}
-        now={now}
-      />,
-    );
-    expect(
-      getByText('feat(console): add serveConsole subcommand and HTTP server'),
-    ).toBeInTheDocument();
-    expect(getByText('4f9c2a1')).toBeInTheDocument();
-  });
-
-  it('shows the loading state', () => {
-    const { getByText } = render(
-      <ConsoleCommitList commits={[]} isLoading error={null} now={now} />,
-    );
-    expect(getByText('Loading commits...')).toBeInTheDocument();
-  });
-
-  it('shows the empty state', () => {
-    const { getByText } = render(
-      <ConsoleCommitList
-        commits={[]}
-        isLoading={false}
-        error={null}
-        now={now}
-      />,
-    );
-    expect(getByText('No commits.')).toBeInTheDocument();
-  });
-
-  it('reports a failed read as not loaded, leaving the alert to the detail', () => {
-    const { getByText, queryByRole, queryByText } = render(
-      <ConsoleCommitList
-        commits={[]}
-        isLoading={false}
-        error="HTTP 500"
-        now={now}
-      />,
-    );
-    expect(getByText('Not loaded.')).toBeInTheDocument();
-    expect(queryByText('No commits.')).toBeNull();
-    expect(queryByRole('alert')).toBeNull();
-  });
-});

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCommitList.tsx

@@ -1,49 +0,0 @@
-import { formatRelativeTime } from '../../logic/relativeTime';
-import type { ConsoleCommit } from '../../logic/types';
-
-export type ConsoleCommitListProps = {
-  commits: ConsoleCommit[];
-  isLoading: boolean;
-  error: string | null;
-  now: number;
-};
-
-const shortSha = (sha: string): string => sha.slice(0, 7);
-
-const firstLine = (message: string): string => message.split('\n')[0];
-
-export const ConsoleCommitList = ({
-  commits,
-  isLoading,
-  error,
-  now,
-}: ConsoleCommitListProps) => {
-  if (error !== null) {
-    return <p className="console-commits-notloaded">Not loaded.</p>;
-  }
-
-  if (isLoading) {
-    return <p className="console-commits-loading">Loading commits...</p>;
-  }
-
-  if (commits.length === 0) {
-    return <p className="console-commits-empty">No commits.</p>;
-  }
-
-  return (
-    <ul className="console-commits">
-      {commits.map((commit) => (
-        <li key={commit.sha} className="console-commit">
-          <span className="console-commit-message">
-            {firstLine(commit.message)}
-          </span>
-          <span className="console-commit-sha">{shortSha(commit.sha)}</span>
-          <span className="console-commit-author">{commit.author}</span>
-          <span className="console-commit-time">
-            {formatRelativeTime(commit.authoredAt, now)}
-          </span>
-        </li>
-      ))}
-    </ul>
-  );
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCopyUrlButton.stories.tsx

@@ -1,24 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ConsoleCopyUrlButton } from './ConsoleCopyUrlButton';
-
-const meta: Meta<typeof ConsoleCopyUrlButton> = {
-  title: 'Console/ConsoleCopyUrlButton',
-  component: ConsoleCopyUrlButton,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ConsoleCopyUrlButton>;
-
-export const IssueUrl: Story = {
-  args: {
-    url: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/845',
-  },
-};
-
-export const PullRequestUrl: Story = {
-  args: {
-    url: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/851',
-    label: 'Copy PR URL',
-  },
-};

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCopyUrlButton.test.tsx

@@ -1,63 +0,0 @@
-import { act, fireEvent, render, waitFor } from '@testing-library/react';
-import { ConsoleCopyUrlButton } from './ConsoleCopyUrlButton';
-
-const url =
-  'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/845';
-
-describe('ConsoleCopyUrlButton', () => {
-  const writeText = jest.fn(async () => {});
-
-  beforeEach(() => {
-    writeText.mockClear();
-    Object.defineProperty(navigator, 'clipboard', {
-      configurable: true,
-      value: { writeText },
-    });
-  });
-
-  it('renders the default copy label and accessible name', () => {
-    const { getByRole } = render(<ConsoleCopyUrlButton url={url} />);
-    const button = getByRole('button', { name: 'Copy URL' });
-    expect(button).toHaveTextContent('Copy URL');
-  });
-
-  it('uses the provided label for the accessible name', () => {
-    const { getByRole } = render(
-      <ConsoleCopyUrlButton url={url} label="Copy PR URL" />,
-    );
-    expect(getByRole('button', { name: 'Copy PR URL' })).toBeInTheDocument();
-  });
-
-  it('writes the url to the clipboard and shows the copied state on click', async () => {
-    const { getByRole, findByText } = render(
-      <ConsoleCopyUrlButton url={url} />,
-    );
-    fireEvent.click(getByRole('button'));
-    expect(writeText).toHaveBeenCalledWith(url);
-    expect(await findByText('Copied')).toBeInTheDocument();
-    await waitFor(() => {
-      expect(
-        getByRole('button', { name: 'URL copied to clipboard' }),
-      ).toBeInTheDocument();
-    });
-  });
-
-  it('reverts the copied state after the feedback delay', async () => {
-    jest.useFakeTimers();
-    try {
-      const { getByRole, getByText, queryByText } = render(
-        <ConsoleCopyUrlButton url={url} />,
-      );
-      await act(async () => {
-        fireEvent.click(getByRole('button'));
-      });
-      expect(getByText('Copied')).toBeInTheDocument();
-      act(() => {
-        jest.advanceTimersByTime(1500);
-      });
-      expect(queryByText('Copied')).toBeNull();
-    } finally {
-      jest.useRealTimers();
-    }
-  });
-});

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleCopyUrlButton.tsx

@@ -1,19 +0,0 @@
-import { ConsoleClipboardCopyButton } from '../shared/ConsoleClipboardCopyButton';
-
-export type ConsoleCopyUrlButtonProps = {
-  url: string;
-  label?: string;
-};
-
-export const ConsoleCopyUrlButton = ({
-  url,
-  label = 'Copy URL',
-}: ConsoleCopyUrlButtonProps) => (
-  <ConsoleClipboardCopyButton
-    value={url}
-    idleText="Copy URL"
-    idleAriaLabel={label}
-    copiedAriaLabel="URL copied to clipboard"
-    className="console-copy-url-button"
-  />
-);