@ripla/godd-mcp 1.0.4-canary.8 → 1.0.4

package/notes-app/src/components/IssueList.tsx

@@ -1,169 +0,0 @@
-import { useState, useEffect, useRef } from "react";
-import {
-  listIssuesApi,
-  getErrorMessage,
-  isAbortError,
-} from "@/lib/api";
-import type { IssueSummary } from "@/lib/api";
-import { CircleDot, CircleCheck, MessageSquare, RefreshCw } from "lucide-react";
-import { InlineError } from "@/components/Skeleton";
-
-type IssueListProps = {
-  onSelect: (number: number) => void;
-  selectedIssue: number | null;
-  reloadTrigger?: number;
-};
-
-export default function IssueList({ onSelect, selectedIssue, reloadTrigger }: IssueListProps) {
-  const [issues, setIssues] = useState<IssueSummary[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const [stateFilter, setStateFilter] = useState<"open" | "closed">("open");
-  const [reloadKey, setReloadKey] = useState(0);
-  const requestSeq = useRef(0);
-
-  const requestReload = () => {
-    requestSeq.current += 1;
-    setLoading(true);
-    setError(null);
-    setReloadKey((key) => key + 1);
-  };
-
-  const changeStateFilter = (nextState: "open" | "closed") => {
-    if (nextState === stateFilter) return;
-    requestSeq.current += 1;
-    setLoading(true);
-    setError(null);
-    setStateFilter(nextState);
-  };
-
-  useEffect(() => {
-    const ac = new AbortController();
-    const requestId = requestSeq.current + 1;
-    requestSeq.current = requestId;
-    listIssuesApi({ state: stateFilter, per_page: 50, signal: ac.signal })
-      .then((data) => {
-        if (ac.signal.aborted || requestSeq.current !== requestId) return;
-        setIssues([...data.issues].sort((a, b) => b.number - a.number));
-      })
-      .catch((e) => {
-        if (ac.signal.aborted || requestSeq.current !== requestId || isAbortError(e)) return;
-        setError(getErrorMessage(e));
-      })
-      .finally(() => {
-        if (!ac.signal.aborted && requestSeq.current === requestId) {
-          setLoading(false);
-        }
-      });
-    return () => ac.abort();
-  }, [stateFilter, reloadKey, reloadTrigger]);
-
-  return (
-    <div className="flex flex-col h-full">
-      {/* Filter bar */}
-      <div className="px-2 pt-2 flex items-center gap-1">
-        <div className="flex-1 flex bg-gray-900 rounded border border-gray-600 overflow-hidden text-xs">
-          <button
-            type="button"
-            onClick={() => changeStateFilter("open")}
-            className={`flex-1 px-2 py-1 transition-colors ${
-              stateFilter === "open"
-                ? "bg-green-700/30 text-green-300"
-                : "text-gray-400 hover:text-gray-200"
-            }`}
-          >
-            <CircleDot className="w-3 h-3 inline mr-1" />
-            Open
-          </button>
-          <button
-            type="button"
-            onClick={() => changeStateFilter("closed")}
-            className={`flex-1 px-2 py-1 transition-colors ${
-              stateFilter === "closed"
-                ? "bg-purple-700/30 text-purple-300"
-                : "text-gray-400 hover:text-gray-200"
-            }`}
-          >
-            <CircleCheck className="w-3 h-3 inline mr-1" />
-            Closed
-          </button>
-        </div>
-        <button
-          type="button"
-          onClick={requestReload}
-          className="shrink-0 p-1 rounded text-gray-400 hover:text-gray-200 hover:bg-gray-700 transition-colors"
-          title="更新"
-        >
-          <RefreshCw className={`w-4 h-4 ${loading ? "animate-spin" : ""}`} />
-        </button>
-      </div>
-
-      {/* Issue list */}
-      <div className="flex-1 overflow-y-auto p-2">
-        {loading && issues.length === 0 && (
-          <div className="flex items-center justify-center py-8 text-gray-500 text-xs">
-            読み込み中…
-          </div>
-        )}
-
-        {error && <InlineError message={error} onRetry={requestReload} />}
-
-        {!loading && !error && issues.length === 0 && (
-          <p className="text-xs text-gray-500 text-center py-4">
-            {stateFilter === "open" ? "オープンな Issue はありません" : "クローズ済み Issue はありません"}
-          </p>
-        )}
-
-        {issues.map((issue) => (
-          <button
-            key={issue.number}
-            type="button"
-            onClick={() => onSelect(issue.number)}
-            className={`w-full text-left px-2 py-1.5 rounded text-xs mb-0.5 transition-colors ${
-              selectedIssue === issue.number
-                ? "bg-blue-600/20 text-blue-300"
-                : "text-gray-300 hover:bg-gray-700/50"
-            }`}
-          >
-            <div className="flex items-start gap-1.5">
-              {issue.state === "open" ? (
-                <CircleDot className="w-3.5 h-3.5 text-green-400 mt-0.5 shrink-0" />
-              ) : (
-                <CircleCheck className="w-3.5 h-3.5 text-purple-400 mt-0.5 shrink-0" />
-              )}
-              <div className="min-w-0 flex-1">
-                <p className="truncate font-medium">{issue.title}</p>
-                <div className="flex items-center gap-2 text-gray-500 mt-0.5">
-                  <span>#{issue.number}</span>
-                  {issue.comments > 0 && (
-                    <span className="flex items-center gap-0.5">
-                      <MessageSquare className="w-3 h-3" />
-                      {issue.comments}
-                    </span>
-                  )}
-                </div>
-                {issue.labels.length > 0 && (
-                  <div className="flex flex-wrap gap-1 mt-1">
-                    {issue.labels.map((l) => (
-                      <span
-                        key={l.name}
-                        className="px-1.5 py-0.5 rounded-full text-[10px] leading-none"
-                        style={{
-                          backgroundColor: `#${l.color}22`,
-                          color: `#${l.color}`,
-                          border: `1px solid #${l.color}44`,
-                        }}
-                      >
-                        {l.name}
-                      </span>
-                    ))}
-                  </div>
-                )}
-              </div>
-            </div>
-          </button>
-        ))}
-      </div>
-    </div>
-  );
-}

package/notes-app/src/components/LabelSelector.tsx

@@ -1,276 +0,0 @@
-import { useState, useEffect, useRef, useCallback } from "react";
-import { Tag, Plus, Check, X, Loader2 } from "lucide-react";
-import {
-  listIssueLabelsApi,
-  createLabelApi,
-  getErrorMessage,
-} from "@/lib/api";
-import type { IssueLabel } from "@/lib/api";
-import { useToast } from "@/contexts/ToastContext";
-
-type LabelSelectorProps = {
-  selected: string[];
-  onChange: (names: string[]) => void;
-  disabled?: boolean;
-};
-
-const PRESET_COLORS = [
-  "e11d48", "ea580c", "ca8a04", "16a34a",
-  "0284c7", "7c3aed", "db2777", "64748b",
-];
-
-export default function LabelSelector({
-  selected,
-  onChange,
-  disabled = false,
-}: LabelSelectorProps) {
-  const { showToast } = useToast();
-  const [open, setOpen] = useState(false);
-  const [labels, setLabels] = useState<IssueLabel[]>([]);
-  const [loadingLabels, setLoadingLabels] = useState(false);
-  const [creatingMode, setCreatingMode] = useState(false);
-  const [newName, setNewName] = useState("");
-  const [newColor, setNewColor] = useState(PRESET_COLORS[0]);
-  const [creating, setCreating] = useState(false);
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  const loadLabels = useCallback(async () => {
-    setLoadingLabels(true);
-    try {
-      const { labels: data } = await listIssueLabelsApi();
-      setLabels(data);
-    } catch (e) {
-      showToast(`ラベルの読み込みに失敗しました: ${getErrorMessage(e)}`, "error");
-    } finally {
-      setLoadingLabels(false);
-    }
-  }, [showToast]);
-
-  useEffect(() => {
-    if (open && labels.length === 0) {
-      loadLabels();
-    }
-  }, [open, labels.length, loadLabels]);
-
-  useEffect(() => {
-    function handleClickOutside(e: MouseEvent) {
-      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {
-        setOpen(false);
-        setCreatingMode(false);
-      }
-    }
-    if (open) {
-      document.addEventListener("mousedown", handleClickOutside);
-    }
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [open]);
-
-  function toggleLabel(name: string) {
-    if (selected.includes(name)) {
-      onChange(selected.filter((n) => n !== name));
-    } else {
-      onChange([...selected, name]);
-    }
-  }
-
-  async function handleCreateLabel() {
-    if (!newName.trim()) {
-      showToast("ラベル名を入力してください", "error");
-      return;
-    }
-    setCreating(true);
-    try {
-      const created = await createLabelApi({ name: newName.trim(), color: newColor });
-      setLabels((prev) => [...prev, created]);
-      onChange([...selected, created.name]);
-      setNewName("");
-      setNewColor(PRESET_COLORS[0]);
-      setCreatingMode(false);
-      showToast(`ラベル「${created.name}」を作成しました`, "success");
-    } catch (e) {
-      showToast(`ラベルの作成に失敗しました: ${getErrorMessage(e)}`, "error");
-    } finally {
-      setCreating(false);
-    }
-  }
-
-  return (
-    <div ref={containerRef} className="relative">
-      <label className="block text-xs text-gray-400 mb-1">ラベル</label>
-
-      {/* Selected chips */}
-      <div
-        role="button"
-        tabIndex={disabled ? -1 : 0}
-        aria-expanded={open}
-        aria-label="ラベルを選択"
-        onClick={() => !disabled && setOpen((v) => !v)}
-        onKeyDown={(e) => {
-          if (!disabled && (e.key === "Enter" || e.key === " ")) {
-            e.preventDefault();
-            setOpen((v) => !v);
-          }
-        }}
-        className={`min-h-[38px] w-full px-3 py-1.5 rounded bg-gray-900 border text-sm flex flex-wrap gap-1 items-center cursor-pointer transition-colors ${
-          disabled
-            ? "border-gray-700 cursor-not-allowed opacity-50"
-            : open
-            ? "border-blue-500"
-            : "border-gray-600 hover:border-gray-400"
-        }`}
-      >
-        {selected.length === 0 ? (
-          <span className="text-gray-500 flex items-center gap-1">
-            <Tag className="w-3 h-3" />
-            ラベルを選択…
-          </span>
-        ) : (
-          selected.map((name) => {
-            const label = labels.find((l) => l.name === name);
-            const color = label?.color ?? "64748b";
-            return (
-              <span
-                key={name}
-                className="flex items-center gap-1 px-2 py-0.5 rounded-full text-xs"
-                style={{
-                  backgroundColor: `#${color}22`,
-                  color: `#${color}`,
-                  border: `1px solid #${color}44`,
-                }}
-              >
-                {name}
-                {!disabled && (
-                  <button
-                    type="button"
-                    aria-label={`${name} を外す`}
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      toggleLabel(name);
-                    }}
-                    className="hover:opacity-70"
-                  >
-                    <X className="w-3 h-3" />
-                  </button>
-                )}
-              </span>
-            );
-          })
-        )}
-      </div>
-
-      {/* Dropdown */}
-      {open && (
-        <div className="absolute z-50 mt-1 w-full rounded border border-gray-600 bg-gray-800 shadow-xl">
-          {loadingLabels ? (
-            <div className="flex items-center gap-2 px-3 py-3 text-sm text-gray-400">
-              <Loader2 className="w-4 h-4 animate-spin" />
-              読み込み中…
-            </div>
-          ) : (
-            <ul className="max-h-48 overflow-y-auto">
-              {labels.length === 0 && (
-                <li className="px-3 py-2 text-sm text-gray-500">
-                  ラベルがありません
-                </li>
-              )}
-              {labels.map((label) => {
-                const isSelected = selected.includes(label.name);
-                return (
-                  <li key={label.name}>
-                    <button
-                      type="button"
-                      onClick={() => toggleLabel(label.name)}
-                      className="w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-gray-700 transition-colors"
-                    >
-                      <span
-                        className="w-3 h-3 rounded-full shrink-0"
-                        style={{ backgroundColor: `#${label.color}` }}
-                      />
-                      <span
-                        className="flex-1 text-left"
-                        style={{ color: `#${label.color}` }}
-                      >
-                        {label.name}
-                      </span>
-                      {isSelected && (
-                        <Check className="w-4 h-4 text-blue-400 shrink-0" />
-                      )}
-                    </button>
-                  </li>
-                );
-              })}
-            </ul>
-          )}
-
-          <div className="border-t border-gray-600">
-            {creatingMode ? (
-              <div className="p-2 space-y-2">
-                <input
-                  autoFocus
-                  type="text"
-                  value={newName}
-                  onChange={(e) => setNewName(e.target.value)}
-                  placeholder="ラベル名"
-                  maxLength={50}
-                  className="w-full px-2 py-1 rounded bg-gray-900 border border-gray-600 text-gray-200 placeholder-gray-500 text-xs outline-none focus:border-blue-500"
-                  onKeyDown={(e) => {
-                    if (e.key === "Enter") handleCreateLabel();
-                    if (e.key === "Escape") setCreatingMode(false);
-                  }}
-                />
-                <div className="flex gap-1 flex-wrap">
-                  {PRESET_COLORS.map((c) => (
-                    <button
-                      key={c}
-                      type="button"
-                      aria-label={`色 #${c}`}
-                      onClick={() => setNewColor(c)}
-                      className={`w-5 h-5 rounded-full transition-transform ${
-                        newColor === c ? "scale-125 ring-2 ring-white" : "hover:scale-110"
-                      }`}
-                      style={{ backgroundColor: `#${c}` }}
-                    />
-                  ))}
-                </div>
-                <div className="flex gap-1">
-                  <button
-                    type="button"
-                    onClick={handleCreateLabel}
-                    disabled={creating || !newName.trim()}
-                    className="flex-1 px-2 py-1 rounded text-xs bg-blue-600 hover:bg-blue-700 text-white disabled:opacity-50 flex items-center justify-center gap-1"
-                  >
-                    {creating ? (
-                      <Loader2 className="w-3 h-3 animate-spin" />
-                    ) : (
-                      <Plus className="w-3 h-3" />
-                    )}
-                    作成
-                  </button>
-                  <button
-                    type="button"
-                    onClick={() => {
-                      setCreatingMode(false);
-                      setNewName("");
-                    }}
-                    className="px-2 py-1 rounded text-xs text-gray-400 hover:text-gray-200 hover:bg-gray-700"
-                  >
-                    キャンセル
-                  </button>
-                </div>
-              </div>
-            ) : (
-              <button
-                type="button"
-                onClick={() => setCreatingMode(true)}
-                className="w-full flex items-center gap-2 px-3 py-2 text-sm text-gray-400 hover:text-gray-200 hover:bg-gray-700 transition-colors"
-              >
-                <Plus className="w-4 h-4" />
-                新規ラベルを作成…
-              </button>
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

package/notes-app/src/pages/LoginPage.test.tsx

@@ -1,29 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { MemoryRouter } from "react-router-dom";
-import { ToastProvider } from "@/contexts/ToastContext";
-import LoginPage from "./LoginPage";
-
-vi.mock("@/contexts/AuthContext", () => ({
-  useAuth: () => ({
-    login: vi.fn(),
-    user: null,
-    loading: false,
-    isAuthenticated: false,
-    canEdit: false,
-    logout: vi.fn(),
-  }),
-}));
-
-describe("LoginPage", () => {
-  it("renders title", () => {
-    render(
-      <MemoryRouter>
-        <ToastProvider>
-          <LoginPage />
-        </ToastProvider>
-      </MemoryRouter>
-    );
-    expect(screen.getByText("GoDD Notes")).toBeTruthy();
-  });
-});

package/stacks/django-vue.yaml

@@ -1,33 +0,0 @@
-name: "Django + Vue"
-description: "Django (Python) バックエンド + Vue.js (TypeScript) フロントエンド構成"
-
-stacks:
-  - id: frontend
-    label: "フロント（Vue.js + TypeScript）"
-    name: "Vue.js + TypeScript"
-    mindset_template: "react-vite-ts"
-  - id: backend
-    label: "バックエンド（Django + Postgres）"
-    name: "Django + Postgres"
-    mindset_template: "fastapi-postgres-ddd"
-
-frontend:
-  name: "Vue.js + TypeScript"
-  root_dir: "frontend"
-  build_command: "pnpm -C frontend build"
-  package_manager: "pnpm"
-  mindset_template: "react-vite-ts"
-
-backend:
-  name: "Django + Postgres"
-  root_dir: "backend"
-  architecture: "Django MVT + Service Layer"
-  dependency_direction: "Models → Services → Views → URLs"
-  package_manager: "pip"
-  mindset_template: "fastapi-postgres-ddd"
-
-quality_gate:
-  frontend: "docker compose --profile test run --rm frontend-test"
-  backend: "docker compose --profile test run --rm backend-test"
-  preflight_command: "pnpm preflight"
-  summary: "Docker 完全環境: lint/typecheck/django check/pytest/build (all in containers)"

package/stacks/fastapi-react.yaml

@@ -1,160 +0,0 @@
-name: "FastAPI + React"
-description: "FastAPI (Python/DDD) バックエンド + React (Vite/TypeScript) フロントエンド構成"
-
-stacks:
-  - id: frontend
-    label: "フロント（React + TypeScript）"
-    name: "React + Vite + TypeScript"
-    mindset_template: "react-vite-ts"
-  - id: backend
-    label: "バックエンド（FastAPI + Postgres + DDD）"
-    name: "FastAPI + Postgres + DDD"
-    mindset_template: "fastapi-postgres-ddd"
-
-frontend:
-  name: "React + Vite + TypeScript"
-  root_dir: "frontend"
-  build_command: "pnpm -C frontend build"
-  package_manager: "pnpm"
-  mindset_template: "react-vite-ts"
-
-backend:
-  name: "FastAPI + Postgres + DDD"
-  root_dir: "backend"
-  architecture: "DDD / Clean Architecture"
-  dependency_direction: "Domain → Usecase → Infrastructure → Presentation"
-  package_manager: "uv"
-  mindset_template: "fastapi-postgres-ddd"
-
-quality_gate:
-  frontend: "docker compose --profile test run --rm frontend-test"
-  backend: "docker compose --profile test run --rm backend-test"
-  preflight_command: "pnpm preflight"
-  summary: "Docker 完全環境: lint/typecheck/build/ruff/pytest (all in containers)"
-
-tools:
-  # --- Frontend ---
-  - id: "orval"
-    label: "Orval"
-    category: "frontend"
-    description: "OpenAPI クライアントコード自動生成"
-    url: "https://github.com/orval-labs/orval"
-    guidance: "バックエンド API スキーマ変更時は `pnpm orval` で型安全なクライアントを再生成する"
-  - id: "tanstack-query"
-    label: "TanStack Query"
-    category: "frontend"
-    description: "非同期データフェッチング/キャッシュ管理"
-    url: "https://github.com/TanStack/query"
-    guidance: "サーバー状態は useState ではなく useQuery/useMutation で管理する。staleTime/gcTime を適切に設定する"
-  - id: "vite"
-    label: "Vite"
-    category: "frontend"
-    description: "高速フロントエンドビルドツール"
-    url: "https://vitejs.dev/"
-    guidance: "HMR を活かすためバレルエクスポートを避ける。環境変数は VITE_ プレフィクス必須"
-  - id: "storybook"
-    label: "Storybook"
-    category: "frontend"
-    description: "UIコンポーネント開発/カタログツール"
-    url: "https://storybook.js.org/"
-    guidance: "新規UIコンポーネント作成時は Story を同時に追加する"
-  # --- Backend ---
-  - id: "sqlmodel"
-    label: "SQLModel"
-    category: "backend"
-    description: "SQLAlchemy + Pydantic ベースの Python ORM"
-    url: "https://sqlmodel.tiangolo.com/"
-    guidance: "テーブルモデルは table=True、API スキーマは table=False で分離する"
-  - id: "alembic"
-    label: "Alembic"
-    category: "backend"
-    description: "SQLAlchemy ベースの DB マイグレーションツール"
-    url: "https://alembic.sqlalchemy.org/"
-    guidance: "モデル変更後は `alembic revision --autogenerate` → レビュー → `alembic upgrade head`"
-  - id: "fastapi-users"
-    label: "FastAPI Users"
-    category: "backend"
-    description: "FastAPI 向け認証/ユーザー管理ライブラリ"
-    url: "https://fastapi-users.github.io/fastapi-users/"
-    guidance: "認証ロジックはカスタム実装せず fastapi-users の Strategy/Transport を利用する"
-  # --- DevTools ---
-  - id: "ruff"
-    label: "Ruff"
-    category: "devtool"
-    description: "超高速 Python Linter / Formatter（Rust製）"
-    url: "https://docs.astral.sh/ruff/"
-    guidance: "保存時に `ruff check --fix` と `ruff format` を自動実行する"
-  - id: "uv"
-    label: "uv"
-    category: "devtool"
-    description: "高速 Python パッケージマネージャ（Rust製）"
-    url: "https://docs.astral.sh/uv/"
-    guidance: "依存追加は `uv add`、ロック更新は `uv lock`、実行は `uv run`"
-  - id: "biome"
-    label: "Biome"
-    category: "devtool"
-    description: "高速 Linter / Formatter（Rust製）"
-    url: "https://biomejs.dev/"
-    guidance: "ESLint/Prettier の代替。biome.json で一括設定する"
-  # --- Testing ---
-  - id: "pytest"
-    label: "Pytest"
-    category: "testing"
-    description: "Python テストフレームワーク"
-    url: "https://docs.pytest.org/"
-    guidance: "conftest.py で fixture を共有。マーカーで slow/integration を分離する"
-  - id: "httpx"
-    label: "HTTPX"
-    category: "testing"
-    description: "Python 非同期 HTTP クライアント（テスト用）"
-    url: "https://www.python-httpx.org/"
-    guidance: "FastAPI テストでは httpx.AsyncClient + app をマウントして使う"
-  - id: "playwright"
-    label: "Playwright"
-    category: "testing"
-    description: "クロスブラウザ E2E テストフレームワーク"
-    url: "https://playwright.dev/"
-    guidance: "Page Object Model パターンで E2E テストを構造化する"
-  # --- Infrastructure ---
-  - id: "docker-compose"
-    label: "Docker Compose"
-    category: "infra"
-    description: "マルチコンテナオーケストレーション"
-    url: "https://docs.docker.com/compose/"
-    guidance: "開発環境は `docker compose up -d`。サービス間依存は depends_on + healthcheck で制御する"
-  - id: "caddy"
-    label: "Caddy"
-    category: "infra"
-    description: "自動 HTTPS 対応リバースプロキシ"
-    url: "https://caddyserver.com/"
-    guidance: "Caddyfile で reverse_proxy を設定。自動 HTTPS が不要なローカルでは http:// を明示する"
-  - id: "traefik"
-    label: "Traefik"
-    category: "infra"
-    description: "クラウドネイティブ リバースプロキシ / ロードバランサ"
-    url: "https://traefik.io/"
-    guidance: "Docker labels でルーティング設定。entryPoints/routers/services の3層構造を理解する"
-  # --- Monitoring ---
-  - id: "sentry"
-    label: "Sentry"
-    category: "monitoring"
-    description: "エラー追跡 / パフォーマンス監視"
-    url: "https://sentry.io/"
-    guidance: "フロント/バックエンド両方で init する。環境別DSNを .env で管理し、PII はフィルタリングする"
-
-vendor:
-  - name: "browser-use"
-    description: "Python AI ブラウザエージェント — Webブラウザを自動操作"
-    runtime: "python"
-    setup_hint: "uv sync && uv run browser-use install"
-    enabled: true
-  - name: "android-use"
-    description: "Python Android AI エージェント — Android端末をADBで自動操作"
-    runtime: "python"
-    setup_hint: "python -m venv .venv && pip install -r requirements.txt"
-    enabled: true
-  - name: "react-grab"
-    description: "Node.js React コンテキストコピーツール — Reactコンポーネントツリーを抽出"
-    runtime: "node"
-    setup_hint: "pnpm install && pnpm build"
-    enabled: true