create-einja-app 0.1.1

package/templates/turborepo-pandacss/apps/web/src/components/ui/typography.tsx

@@ -0,0 +1,158 @@
+import { Slot } from "@radix-ui/react-slot";
+import { type VariantProps, cva } from "class-variance-authority";
+import type React from "react";
+
+import { cn } from "{{packageName}}/ui/utils";
+
+const typographyVariants = cva("", {
+  variants: {
+    variant: {
+      h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
+      h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
+      h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
+      h4: "scroll-m-20 text-xl font-semibold tracking-tight",
+      h5: "scroll-m-20 text-lg font-semibold tracking-tight",
+      h6: "scroll-m-20 text-base font-semibold tracking-tight",
+      p: "leading-7 [&:not(:first-child)]:mt-6",
+      blockquote: "mt-6 border-l-2 pl-6 italic",
+      code: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+      lead: "text-xl text-muted-foreground",
+      large: "text-lg font-semibold",
+      small: "text-sm font-medium leading-none",
+      muted: "text-sm text-muted-foreground",
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right",
+      justify: "text-justify",
+    },
+    color: {
+      default: "",
+      muted: "text-muted-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary-foreground",
+      accent: "text-accent-foreground",
+      destructive: "text-destructive",
+    },
+  },
+  defaultVariants: {
+    variant: "p",
+    align: "left",
+    color: "default",
+  },
+});
+
+interface TypographyProps
+  extends Omit<React.HTMLAttributes<HTMLElement>, "color">,
+    VariantProps<typeof typographyVariants> {
+  asChild?: boolean;
+  as?: React.ElementType;
+}
+
+function Typography({
+  className,
+  variant,
+  align,
+  color,
+  asChild = false,
+  as,
+  ...props
+}: TypographyProps) {
+  const Component = asChild ? Slot : as || getDefaultElement(variant || "p");
+
+  return (
+    <Component
+      className={cn(typographyVariants({ variant, align, color }), className)}
+      {...props}
+    />
+  );
+}
+
+function getDefaultElement(variant: string): React.ElementType {
+  switch (variant) {
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return variant;
+    case "blockquote":
+      return "blockquote";
+    case "code":
+      return "code";
+    default:
+      return "p";
+  }
+}
+
+// 個別のコンポーネントも提供
+const H1 = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">) => (
+  <Typography variant="h1" as="h1" className={className} {...props} />
+);
+
+const H2 = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">) => (
+  <Typography variant="h2" as="h2" className={className} {...props} />
+);
+
+const H3 = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">) => (
+  <Typography variant="h3" as="h3" className={className} {...props} />
+);
+
+const H4 = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">) => (
+  <Typography variant="h4" as="h4" className={className} {...props} />
+);
+
+const P = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">) => (
+  <Typography variant="p" as="p" className={className} {...props} />
+);
+
+const Lead = ({
+  className,
+  ...props
+}: Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">) => (
+  <Typography variant="lead" as="p" className={className} {...props} />
+);
+
+const Large = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLDivElement>, "color">) => (
+  <Typography variant="large" as="div" className={className} {...props} />
+);
+
+const Small = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLElement>, "color">) => (
+  <Typography variant="small" as="small" className={className} {...props} />
+);
+
+const Muted = ({
+  className,
+  ...props
+}: Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">) => (
+  <Typography variant="muted" as="p" className={className} {...props} />
+);
+
+const Blockquote = ({
+  className,
+  ...props
+}: Omit<React.HTMLAttributes<HTMLQuoteElement>, "color">) => (
+  <Typography variant="blockquote" as="blockquote" className={className} {...props} />
+);
+
+const InlineCode = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLElement>, "color">) => (
+  <Typography variant="code" as="code" className={className} {...props} />
+);
+
+export {
+  Typography,
+  typographyVariants,
+  H1,
+  H2,
+  H3,
+  H4,
+  P,
+  Lead,
+  Large,
+  Small,
+  Muted,
+  Blockquote,
+  InlineCode,
+};

package/templates/turborepo-pandacss/apps/web/src/lib/auth/guard.ts

@@ -0,0 +1,36 @@
+import type { Session } from "next-auth";
+import { redirect } from "next/navigation";
+import React from "react";
+import { auth } from "./index";
+
+/**
+ * 認証が必要なページコンポーネント用の高階関数
+ * セッションを自動的に注入し、未認証時は/signinにリダイレクト
+ */
+export function withAuth<P extends Record<string, unknown> = Record<string, unknown>>(
+  Component: (props: P & { session: Session }) => React.JSX.Element | Promise<React.JSX.Element>
+) {
+  return async function AuthenticatedComponent(props: P) {
+    const session = await auth();
+
+    if (!session) {
+      redirect("/signin");
+    }
+
+    return React.createElement(Component, { ...props, session });
+  };
+}
+
+/**
+ * 認証チェック用のユーティリティ関数
+ * セッションを取得し、ない場合は/signinにリダイレクト
+ */
+export async function requireAuth() {
+  const session = await auth();
+
+  if (!session) {
+    redirect("/signin");
+  }
+
+  return session;
+}

package/templates/turborepo-pandacss/apps/web/src/lib/auth/index.ts

@@ -0,0 +1,22 @@
+import { baseAuthOptions, mergeAuthOptions } from "{{packageName}}/front-core/auth";
+import NextAuth from "next-auth";
+
+/**
+ * アプリ固有のNextAuth設定
+ * baseAuthOptionsを拡張してアプリ固有の設定を追加
+ */
+const authOptions = mergeAuthOptions(baseAuthOptions, {
+  pages: {
+    signIn: "/signin",
+  },
+  callbacks: {
+    async redirect({ url, baseUrl }) {
+      if (url.startsWith(baseUrl)) {
+        return url;
+      }
+      return `${baseUrl}/dashboard`;
+    },
+  },
+});
+
+export const { handlers, signIn, signOut, auth } = NextAuth(authOptions);

package/templates/turborepo-pandacss/apps/web/src/lib/prisma.ts

@@ -0,0 +1,3 @@
+import { prisma } from "{{packageName}}/server-core/infrastructure/database/client";
+
+export { prisma };

package/templates/turborepo-pandacss/apps/web/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/templates/turborepo-pandacss/apps/web/test/globals.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/vitest";

package/templates/turborepo-pandacss/apps/web/test/matchers.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/vitest";

package/templates/turborepo-pandacss/apps/web/test/setup.ts

@@ -0,0 +1,22 @@
+import { cleanup } from "@testing-library/react";
+import { afterEach, expect, vi } from "vitest";
+import "@testing-library/jest-dom/vitest";
+
+// Next.jsの設定モック
+Object.defineProperty(window, "matchMedia", {
+  writable: true,
+  value: vi.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn(),
+  })),
+});
+
+afterEach(() => {
+  cleanup();
+});

package/templates/turborepo-pandacss/apps/web/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "extends": "@repo/config/typescript",
+  "compilerOptions": {
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ],
+      "@/styled-system/*": [
+        "./styled-system/*"
+      ],
+      "styled-system/*": [
+        "./styled-system/*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "vitest.d.ts",
+    "test/matchers.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "../../packages/front-core/src/auth/types/**/*.d.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*.spec.ts",
+    "**/*.spec.tsx"
+  ]
+}

package/templates/turborepo-pandacss/apps/web/vitest.config.ts

@@ -0,0 +1,20 @@
+/// <reference types="vitest" />
+/// <reference types="@testing-library/jest-dom/vitest" />
+import path from "node:path";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: "jsdom",
+    setupFiles: ["./test/setup.ts"],
+    typecheck: {
+      tsconfig: "./tsconfig.json",
+    },
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+});

package/templates/turborepo-pandacss/apps/web/vitest.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vitest" />
+/// <reference types="@testing-library/jest-dom/vitest" />

package/templates/turborepo-pandacss/biome.json

@@ -0,0 +1,60 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.0.6/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": [
+      "**/node_modules",
+      "**/.next",
+      "**/.turbo",
+      "**/dist",
+      "**/build",
+      "**/.cache",
+      "**/coverage",
+      "**/.vercel",
+      "**/.pnpm-store",
+      "**/styled-system",
+      "**/test-results",
+      "**/playwright-report",
+      "**/.claude"
+    ]
+  },
+  "formatter": {
+    "indentStyle": "space",
+    "lineWidth": 100
+  },
+  "linter": {
+    "rules": {
+      "recommended": true,
+      "suspicious": {
+        "noExplicitAny": "error"
+      },
+      "complexity": {
+        "noForEach": "off"
+      },
+      "style": {
+        "useImportType": "error",
+        "useConst": "error",
+        "noParameterAssign": "error",
+        "useAsConstAssertion": "error",
+        "useDefaultParameterLast": "error",
+        "useEnumInitializers": "error",
+        "useSelfClosingElements": "error",
+        "useSingleVarDeclarator": "error",
+        "noUnusedTemplateLiteral": "error",
+        "useNumberNamespace": "error",
+        "noInferrableTypes": "error",
+        "noUselessElse": "error"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "trailingCommas": "es5"
+    }
+  }
+}

package/templates/turborepo-pandacss/components.json

@@ -0,0 +1,21 @@
+{
+	"$schema": "https://ui.shadcn.com/schema.json",
+	"style": "new-york",
+	"rsc": true,
+	"tsx": true,
+	"tailwind": {
+		"config": "",
+		"css": "src/app/globals.css",
+		"baseColor": "neutral",
+		"cssVariables": true,
+		"prefix": ""
+	},
+	"aliases": {
+		"components": "@/components",
+		"utils": "@/lib/utils",
+		"ui": "@/components/ui",
+		"lib": "@/lib",
+		"hooks": "@/hooks"
+	},
+	"iconLibrary": "lucide"
+}

package/templates/turborepo-pandacss/docker-compose.yml

@@ -0,0 +1,27 @@
+services:
+  # PostgreSQL Database for local development
+  # 全ワークツリーで共有する単一インスタンス
+  # データベース名で分離: main, feature_xxx など
+  postgres:
+    image: postgres:15-alpine
+    container_name: ${POSTGRES_CONTAINER_NAME:-einja-management-postgres}
+    restart: unless-stopped
+    environment:
+      POSTGRES_DB: main
+      POSTGRES_USER: postgres
+      POSTGRES_PASSWORD: postgres
+      # Collation問題を防ぐための設定
+      # DockerコンテナとmacOSホスト間のロケール差異を防ぎ、Prisma Migrateを正常動作させる
+      POSTGRES_INITDB_ARGS: "--locale=C.UTF-8 --encoding=UTF8"
+    ports:
+      - "${POSTGRES_PORT:-25432}:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U postgres"]
+      interval: 30s
+      timeout: 10s
+      retries: 5
+
+volumes:
+  postgres_data:

package/templates/turborepo-pandacss/middleware.ts

@@ -0,0 +1,32 @@
+import { auth } from "@/lib/auth";
+
+export default auth((req) => {
+	const { nextUrl } = req;
+	const isLoggedIn = !!req.auth;
+
+	// Protected routes that require authentication
+	const protectedRoutes = ["/dashboard", "/profile"];
+	const isProtectedRoute = protectedRoutes.some((route) =>
+		nextUrl.pathname.startsWith(route),
+	);
+
+	// Public routes that authenticated users shouldn't access
+	const publicRoutes = ["/signin", "/signup"];
+	const isPublicRoute = publicRoutes.some((route) =>
+		nextUrl.pathname.startsWith(route),
+	);
+
+	// Redirect authenticated users away from public routes to dashboard
+	if (isLoggedIn && isPublicRoute) {
+		return Response.redirect(new URL("/dashboard", nextUrl));
+	}
+
+	// Redirect unauthenticated users to signin
+	if (!isLoggedIn && isProtectedRoute) {
+		return Response.redirect(new URL("/signin", nextUrl));
+	}
+});
+
+export const config = {
+	matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
+};

package/templates/turborepo-pandacss/next.config.ts

@@ -0,0 +1,10 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+	eslint: {
+		ignoreDuringBuilds: true,
+	},
+	output: "standalone",
+};
+
+export default nextConfig;