@akiojin/gwt 4.12.1 → 6.0.0

package/src/web/client/src/components/graph/graphUtils.ts

@@ -1,265 +0,0 @@
-/**
- * Branch[] → React Flow Node/Edge 変換ユーティリティ
- *
- * D3-forceレイアウトと組み合わせてシナプス風配置を実現
- */
-
-import {
-  forceSimulation,
-  forceLink,
-  forceManyBody,
-  forceCenter,
-  forceCollide,
-  type Simulation,
-  type SimulationNodeDatum,
-  type SimulationLinkDatum,
-} from "d3-force";
-import type { Node, Edge } from "@xyflow/react";
-import type { Branch } from "../../../../../types/api.js";
-
-/** グラフノードの拡張型 */
-export interface GraphNode extends Node {
-  data: {
-    branch: Branch | undefined;
-    isCluster: boolean;
-    clusterSize: number;
-    expanded: boolean;
-  };
-}
-
-/** グラフエッジの型 */
-export interface GraphEdge extends Edge {
-  data?: {
-    strength: number;
-  };
-}
-
-/** クラスタ情報 */
-export interface Cluster {
-  id: string;
-  baseBranch: string;
-  branches: Branch[];
-  isExpanded: boolean;
-}
-
-/** D3シミュレーション用ノード */
-interface SimNode extends SimulationNodeDatum {
-  id: string;
-  branch?: Branch;
-  isCluster: boolean;
-  clusterSize?: number;
-}
-
-/** D3シミュレーション用リンク */
-interface SimLink extends SimulationLinkDatum<SimNode> {
-  source: string | SimNode;
-  target: string | SimNode;
-}
-
-/**
- * ブランチをクラスタにグループ化
- */
-export function clusterBranches(branches: Branch[]): Cluster[] {
-  const clusterMap = new Map<string, Cluster>();
-
-  // ベースブランチごとにグループ化
-  for (const branch of branches) {
-    const baseKey = branch.baseBranch ?? "__root__";
-
-    if (!clusterMap.has(baseKey)) {
-      clusterMap.set(baseKey, {
-        id: `cluster-${baseKey}`,
-        baseBranch: baseKey,
-        branches: [],
-        isExpanded: false,
-      });
-    }
-
-    clusterMap.get(baseKey)?.branches.push(branch);
-  }
-
-  return Array.from(clusterMap.values()).sort((a, b) => {
-    // ルートクラスタを先頭に
-    if (a.baseBranch === "__root__") return -1;
-    if (b.baseBranch === "__root__") return 1;
-    // ブランチ数が多い順
-    return b.branches.length - a.branches.length;
-  });
-}
-
-/**
- * D3-forceシミュレーションを実行してノード位置を計算
- */
-export function calculateLayout(
-  nodes: SimNode[],
-  links: SimLink[],
-  width: number,
-  height: number,
-): Promise<SimNode[]> {
-  return new Promise((resolve) => {
-    const simulation: Simulation<SimNode, SimLink> = forceSimulation(nodes)
-      .force(
-        "link",
-        forceLink<SimNode, SimLink>(links)
-          .id((d) => d.id)
-          .distance(120)
-          .strength(0.8),
-      )
-      .force("charge", forceManyBody().strength(-400))
-      .force("center", forceCenter(width / 2, height / 2))
-      .force("collide", forceCollide().radius(60).strength(0.7));
-
-    // 100ティック分シミュレーションを進める
-    for (let i = 0; i < 100; i++) {
-      simulation.tick();
-    }
-
-    simulation.stop();
-    resolve(nodes);
-  });
-}
-
-/**
- * Branch[] → GraphNode[] / GraphEdge[] 変換
- */
-export async function branchesToGraph(
-  branches: Branch[],
-  expandedClusters: Set<string>,
-  canvasWidth: number,
-  canvasHeight: number,
-): Promise<{ nodes: GraphNode[]; edges: GraphEdge[] }> {
-  const clusters = clusterBranches(branches);
-  const _branchMap = new Map(branches.map((b) => [b.name, b]));
-
-  const simNodes: SimNode[] = [];
-  const simLinks: SimLink[] = [];
-
-  // ブランチ名からノードIDへのマッピング（クラスタ化されている場合はクラスタIDを返す）
-  const branchToNodeId = new Map<string, string>();
-
-  // 最初にノードIDマッピングを構築
-  for (const cluster of clusters) {
-    const isExpanded = expandedClusters.has(cluster.id);
-
-    if (cluster.branches.length === 1 || isExpanded) {
-      // 個別ノード: ブランチ名がそのままノードID
-      for (const branch of cluster.branches) {
-        branchToNodeId.set(branch.name, branch.name);
-      }
-    } else {
-      // クラスタノード: 全ブランチがクラスタIDにマッピング
-      for (const branch of cluster.branches) {
-        branchToNodeId.set(branch.name, cluster.id);
-      }
-    }
-  }
-
-  // クラスタとノードを生成
-  for (const cluster of clusters) {
-    const isExpanded = expandedClusters.has(cluster.id);
-
-    if (cluster.branches.length === 1 || isExpanded) {
-      // 単一ブランチまたは展開済み: 個別ノードとして追加
-      for (const branch of cluster.branches) {
-        simNodes.push({
-          id: branch.name,
-          branch,
-          isCluster: false,
-        });
-
-        // 親ブランチへのリンク（親がノードとして存在する場合のみ）
-        if (branch.baseBranch) {
-          const parentNodeId = branchToNodeId.get(branch.baseBranch);
-          if (parentNodeId && parentNodeId !== branch.name) {
-            simLinks.push({
-              source: parentNodeId,
-              target: branch.name,
-            });
-          }
-        }
-      }
-    } else {
-      // 折りたたみ状態: クラスタノードとして追加
-      simNodes.push({
-        id: cluster.id,
-        isCluster: true,
-        clusterSize: cluster.branches.length,
-      });
-
-      // クラスタから親ブランチへのリンク
-      if (cluster.baseBranch !== "__root__") {
-        const parentNodeId = branchToNodeId.get(cluster.baseBranch);
-        if (parentNodeId && parentNodeId !== cluster.id) {
-          simLinks.push({
-            source: parentNodeId,
-            target: cluster.id,
-          });
-        }
-      }
-    }
-  }
-
-  // D3-forceでレイアウト計算
-  const layoutNodes = await calculateLayout(
-    simNodes,
-    simLinks,
-    canvasWidth,
-    canvasHeight,
-  );
-
-  // React Flow形式に変換
-  const graphNodes: GraphNode[] = layoutNodes.map((node) => ({
-    id: node.id,
-    type: node.isCluster ? "cluster" : "branch",
-    position: { x: node.x ?? 0, y: node.y ?? 0 },
-    data: {
-      branch: node.branch,
-      isCluster: node.isCluster,
-      clusterSize: node.clusterSize ?? 0,
-      expanded: expandedClusters.has(node.id),
-    },
-  }));
-
-  const graphEdges: GraphEdge[] = simLinks.map((link, idx) => {
-    const sourceId =
-      typeof link.source === "string" ? link.source : link.source.id;
-    const targetId =
-      typeof link.target === "string" ? link.target : link.target.id;
-
-    return {
-      id: `edge-${idx}`,
-      source: sourceId,
-      target: targetId,
-      type: "synaptic",
-      animated: true,
-      data: { strength: 1 },
-    };
-  });
-
-  return { nodes: graphNodes, edges: graphEdges };
-}
-
-/**
- * ノードの色を決定
- */
-export function getNodeColor(branch: Branch): string {
-  if (branch.worktreePath) {
-    return "hsl(var(--success))";
-  }
-  if (branch.type === "local") {
-    return "hsl(var(--local))";
-  }
-  return "hsl(var(--remote))";
-}
-
-/**
- * ノードサイズを決定（divergenceに基づく）
- */
-export function getNodeSize(branch: Branch): number {
-  const base = 40;
-  if (!branch.divergence) return base;
-
-  const activity = branch.divergence.ahead + branch.divergence.behind;
-  // 活発なブランチは大きく表示
-  return Math.min(base + activity * 2, 80);
-}

package/src/web/client/src/components/graph/index.ts

@@ -1,10 +0,0 @@
-/**
- * グラフコンポーネント エクスポート
- */
-
-export { SynapticCanvas } from "./SynapticCanvas";
-export { BranchNode } from "./BranchNode";
-export { ClusterNode } from "./ClusterNode";
-export { SynapticEdge } from "./SynapticEdge";
-export { BranchDetailPanel } from "./BranchDetailPanel";
-export * from "./graphUtils";

package/src/web/client/src/components/ui/alert.tsx

@@ -1,63 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "@/lib/utils";
-
-const alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive:
-          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-        success:
-          "border-green-500/50 bg-green-500/10 text-green-400 [&>svg]:text-green-400",
-        warning:
-          "border-yellow-500/50 bg-yellow-500/10 text-yellow-400 [&>svg]:text-yellow-400",
-        info: "border-blue-500/50 bg-blue-500/10 text-blue-400 [&>svg]:text-blue-400",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-const Alert = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
->(({ className, variant, ...props }, ref) => (
-  <div
-    ref={ref}
-    role="alert"
-    className={cn(alertVariants({ variant }), className)}
-    {...props}
-  />
-));
-Alert.displayName = "Alert";
-
-const AlertTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h5
-    ref={ref}
-    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
-    {...props}
-  />
-));
-AlertTitle.displayName = "AlertTitle";
-
-const AlertDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm [&_p]:leading-relaxed", className)}
-    {...props}
-  />
-));
-AlertDescription.displayName = "AlertDescription";
-
-export { Alert, AlertTitle, AlertDescription };

package/src/web/client/src/components/ui/badge.tsx

@@ -1,44 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-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 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive:
-          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground",
-        success:
-          "border-transparent bg-green-500/15 text-green-400 border-green-500/30",
-        warning:
-          "border-transparent bg-yellow-500/15 text-yellow-400 border-yellow-500/30",
-        local:
-          "border-transparent bg-purple-500/15 text-purple-400 border-purple-500/30",
-        remote:
-          "border-transparent bg-blue-500/15 text-blue-400 border-blue-500/30",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-export interface BadgeProps
-  extends
-    React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  );
-}
-
-export { Badge, badgeVariants };

package/src/web/client/src/components/ui/button.tsx

@@ -1,57 +0,0 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-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-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default:
-          "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline:
-          "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-export interface ButtonProps
-  extends
-    React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean;
-}
-
-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 { Button, buttonVariants };

package/src/web/client/src/components/ui/card.tsx

@@ -1,82 +0,0 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
-
-const Card = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "rounded-lg border border-border bg-card text-card-foreground shadow",
-      className,
-    )}
-    {...props}
-  />
-));
-Card.displayName = "Card";
-
-const CardHeader = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex flex-col space-y-1.5 p-6", className)}
-    {...props}
-  />
-));
-CardHeader.displayName = "CardHeader";
-
-const CardTitle = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("font-semibold leading-none tracking-tight", className)}
-    {...props}
-  />
-));
-CardTitle.displayName = "CardTitle";
-
-const CardDescription = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-));
-CardDescription.displayName = "CardDescription";
-
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-));
-CardContent.displayName = "CardContent";
-
-const CardFooter = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex items-center p-6 pt-0", className)}
-    {...props}
-  />
-));
-CardFooter.displayName = "CardFooter";
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardDescription,
-  CardContent,
-};

package/src/web/client/src/components/ui/index.ts

@@ -1,32 +0,0 @@
-export { Button, buttonVariants } from "./button";
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardDescription,
-  CardContent,
-} from "./card";
-export { Badge, badgeVariants } from "./badge";
-export { Input } from "./input";
-export {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
-} from "./select";
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-} from "./table";
-export { Alert, AlertTitle, AlertDescription } from "./alert";

package/src/web/client/src/components/ui/input.tsx

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
-
-const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
-  ({ className, type, ...props }, ref) => {
-    return (
-      <input
-        type={type}
-        className={cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className,
-        )}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
-Input.displayName = "Input";
-
-export { Input };