Refactor imports and formatting across multiple files for consistency

- Updated import statements to use double quotes instead of single quotes in various components (Login, NotFound, Register, ResetPassword, TaskList).
- Added missing semicolons and ensured consistent formatting in TaskList component.
- Refactored taskReducer and task types to use double quotes for action types.
- Adjusted Supabase function for task management to maintain consistent formatting and error handling.
- Updated Tailwind CSS configuration for consistent formatting.
- Cleaned up Vercel configuration for better readability.
- Ensured all files end with a newline for consistency.

Author: nannany

.junie/guidelines.md

@@ -1,15 +1,18 @@
 # Project Guidelines
 
 ## Project Overview
+
 This is a task management application built with React, TypeScript, and Vite. The application allows users to create, view, and manage tasks through a clean and intuitive interface.
 
 ### Key Features
+
 - **Dashboard**: Displays task statistics and recent tasks
 - **Task List**: Shows all tasks with filtering and sorting capabilities
 - **Task Details**: Provides detailed information about individual tasks
 - **Task Creation**: Allows users to create new tasks with various properties
 
 ### Technology Stack
+
 - **Frontend Framework**: React with TypeScript
 - **Routing**: React Router
 - **Styling**: Tailwind CSS
@@ -21,6 +24,7 @@ This is a task management application built with React, TypeScript, and Vite. Th
 ## Development Guidelines
 
 ### Code Structure
+
 - **src/components**: Reusable UI components
   - **ui/**: Shared UI components (buttons, cards, etc.)
   - **layout/**: Layout components (header, footer, etc.)
@@ -30,6 +34,7 @@ This is a task management application built with React, TypeScript, and Vite. Th
 - **src/types**: TypeScript type definitions
 
 ### Coding Standards
+
 - Use TypeScript for type safety
 - Follow functional component patterns with hooks
 - Use named exports for components
@@ -38,34 +43,40 @@ This is a task management application built with React, TypeScript, and Vite. Th
 - Implement responsive design using Tailwind CSS
 
 ### State Management
+
 - Use React's built-in state management (useState, useContext) for simple state
 - Consider using more robust state management for complex state requirements
 
 ### Styling Guidelines
+
 - Use Tailwind CSS for styling
 - Follow the utility-first approach
 - Use the cn utility for conditional class names
 - Maintain consistent spacing and layout
 
 ### Performance Considerations
+
 - Optimize component rendering with React.memo where appropriate
 - Use lazy loading for routes
 - Implement proper data fetching strategies
 
 ## Workflow
 
 ### Development Process
+
 1. Create a new branch for each feature or bug fix
 2. Write clean, maintainable code following the guidelines
 3. Test thoroughly before submitting a pull request
 4. Request code reviews from team members
 
 ### Deployment
+
 The application is deployed on Vercel at https://tryjunie.vercel.app/
 
 ## Resources
+
 - [React Documentation](https://reactjs.org/docs/getting-started.html)
 - [TypeScript Documentation](https://www.typescriptlang.org/docs/)
 - [Tailwind CSS Documentation](https://tailwindcss.com/docs)
 - [Vite Documentation](https://vitejs.dev/guide/)
-- [Radix UI Documentation](https://www.radix-ui.com/docs/primitives/overview/introduction)
+- [Radix UI Documentation](https://www.radix-ui.com/docs/primitives/overview/introduction)

README.md

@@ -1,19 +1,23 @@
 # タスク管理アプリ
 
 ## 概要
+
 このプロジェクトは、React、TypeScript、Viteを使用して構築されたタスク管理アプリケーションです。ユーザーはタスクの作成、表示、管理を行うことができます。
 
 ## デプロイ
+
 このアプリケーションは以下のURLでデプロイされています：
 https://tryjunie.vercel.app/
 
 ## 機能
+
 - ダッシュボード：タスクの概要と統計情報を表示
 - タスク一覧：すべてのタスクを表示
 - タスク詳細：個別のタスク情報を表示
 - タスク作成：新しいタスクを作成
 
 ## 技術スタック
+
 - **フロントエンド**：React、TypeScript
 - **ルーティング**：React Router
 - **スタイリング**：Tailwind CSS
@@ -24,24 +28,29 @@ https://tryjunie.vercel.app/
 ## インストール方法
 
 ### 前提条件
+
 - Node.js (バージョン14以上)
 - npm または yarn
 
 ### セットアップ手順
+
 1. リポジトリをクローンする
+
    ```bash
    git clone [リポジトリのURL]
    cd task-management-app
    ```
 
 2. 依存関係をインストールする
+
    ```bash
    npm install
    # または
    yarn install
    ```
 
 3. 開発サーバーを起動する
+
    ```bash
    npm run dev
    # または
@@ -54,16 +63,19 @@ https://tryjunie.vercel.app/
    ```
 
 ## 使用方法
+
 - **ダッシュボード**：アプリケーションのホーム画面。タスクの統計情報と最近のタスクを表示します。
 - **タスク一覧**：すべてのタスクを一覧表示します。
 - **タスク作成**：新しいタスクを作成するためのフォームを提供します。
 - **タスク詳細**：特定のタスクの詳細情報を表示します。
 
 ## 開発コマンド
+
 - `npm run dev`：開発サーバーを起動します
 - `npm run build`：プロダクション用にアプリケーションをビルドします
 - `npm run lint`：ESLintを使用してコードをリントします
 - `npm run preview`：ビルドされたアプリケーションをプレビューします
 
 ## ライセンス
+
 このプロジェクトはプライベートであり、特定のライセンスの下で配布されていません。

components.json

@@ -18,4 +18,4 @@
     "hooks": "@/hooks"
   },
   "iconLibrary": "lucide"
-}
+}

eslint.config.js

@@ -25,9 +25,9 @@ export default [
     },
     rules: {
       // specific rules for CJS if any, e.g. disable typescript specific rules if they bleed
-       "@typescript-eslint/no-var-requires": "off", // Allow require in .cjs files
-       "@typescript-eslint/no-require-imports": "off", // Allow require in .cjs files
-    }
+      "@typescript-eslint/no-var-requires": "off", // Allow require in .cjs files
+      "@typescript-eslint/no-require-imports": "off", // Allow require in .cjs files
+    },
   },
   // Configuration for eslint.config.js itself (ES Module)
   {
@@ -40,14 +40,16 @@ export default [
         process: "readonly",
       },
     },
-     plugins: { // Ensure typescript plugin is available for rules if needed, though less common for eslint.config.js
+    plugins: {
+      // Ensure typescript plugin is available for rules if needed, though less common for eslint.config.js
       "@typescript-eslint": tseslint.plugin,
     },
-    rules: { // Example: allow console in eslint.config.js
-        "no-console": "off",
-         "@typescript-eslint/no-var-requires": "off",
-         "@typescript-eslint/no-require-imports": "off",
-    }
+    rules: {
+      // Example: allow console in eslint.config.js
+      "no-console": "off",
+      "@typescript-eslint/no-var-requires": "off",
+      "@typescript-eslint/no-require-imports": "off",
+    },
   },
   // Configuration for TypeScript and TSX files (main src project)
   {
@@ -66,7 +68,7 @@ export default [
     },
     plugins: {
       "@typescript-eslint": tseslint.plugin,
-      "react": pluginReact,
+      react: pluginReact,
       "react-hooks": eslintPluginReactHooks,
       "react-refresh": eslintPluginReactRefresh,
     },
@@ -108,7 +110,8 @@ export default [
         ecmaFeatures: { jsx: true }, // Assuming JSX might be used, adjust if not
         sourceType: "module",
       },
-      globals: { // Adjust globals as needed for mcp project
+      globals: {
+        // Adjust globals as needed for mcp project
         ...globals.node, // Or browser, depending on mcp's environment
       },
     },

index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

mcp/package.json

@@ -2,7 +2,7 @@
   "name": "mcp",
   "version": "1.0.0",
   "main": "index.js",
-  "type" : "module",
+  "type": "module",
   "bin": {
     "mcp": "./build/index.js"
   },

mcp/src/index.ts

@@ -136,7 +136,11 @@ server.tool(
   "Get weather forecast for a location",
   {
     latitude: z.number().min(-90).max(90).describe("Latitude of the location"),
-    longitude: z.number().min(-180).max(180).describe("Longitude of the location"),
+    longitude: z
+      .number()
+      .min(-180)
+      .max(180)
+      .describe("Longitude of the location"),
   },
   async ({ latitude, longitude }) => {
     // Get grid point data
@@ -224,4 +228,4 @@ async function main() {
 main().catch((error) => {
   console.error("Fatal error in main():", error);
   process.exit(1);
-});
+});

mcp/tsconfig.json

@@ -1,15 +1,15 @@
 {
-    "compilerOptions": {
-      "target": "ES2022",
-      "module": "Node16",
-      "moduleResolution": "Node16",
-      "outDir": "./build",
-      "rootDir": "./src",
-      "strict": true,
-      "esModuleInterop": true,
-      "skipLibCheck": true,
-      "forceConsistentCasingInFileNames": true
-    },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules"]
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "Node16",
+    "moduleResolution": "Node16",
+    "outDir": "./build",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }

postcss.config.cjs

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};

src/App.tsx

@@ -1,15 +1,15 @@
-import { Routes, Route } from 'react-router-dom'
-import { Toaster } from '@/components/ui/toaster'
-import Layout from '@/components/Layout'
-import AuthLayout from '@/components/AuthLayout'
-import RequireAuth from '@/components/RequireAuth'
-import Login from '@/pages/Login'
-import Register from '@/pages/Register'
-import ForgotPassword from '@/pages/ForgotPassword'
-import ResetPassword from '@/pages/ResetPassword'
-import NotFound from '@/pages/NotFound'
-import TaskList from './pages/TaskList/TaskList'
-import IntegrationKeys from './pages/IntegrationKeys'
+import { Routes, Route } from "react-router-dom";
+import { Toaster } from "@/components/ui/toaster";
+import Layout from "@/components/Layout";
+import AuthLayout from "@/components/AuthLayout";
+import RequireAuth from "@/components/RequireAuth";
+import Login from "@/pages/Login";
+import Register from "@/pages/Register";
+import ForgotPassword from "@/pages/ForgotPassword";
+import ResetPassword from "@/pages/ResetPassword";
+import NotFound from "@/pages/NotFound";
+import TaskList from "./pages/TaskList/TaskList";
+import IntegrationKeys from "./pages/IntegrationKeys";
 
 function App() {
   return (
@@ -46,7 +46,7 @@ function App() {
       </Routes>
       <Toaster />
     </>
-  )
+  );
 }
 
-export default App
+export default App;