Merge PR #10: Add schema and shell formatting script

Resolves merge conflicts from PR #10 which adds:
- Type imports for better code organization
- Array<T> syntax for complex array types
- Prettier schema configuration
- ESLint rules for type imports and array syntax
- Shell formatting script and configuration

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: ammario

.prettierrc

@@ -1,4 +1,5 @@
 {
+  "$schema": "https://json.schemastore.org/prettierrc",
   "semi": true,
   "singleQuote": false,
   "tabWidth": 2,

eslint.config.mjs

@@ -1,12 +1,10 @@
 import js from "@eslint/js";
-import tseslint from "typescript-eslint";
+import { defineConfig } from "eslint/config";
 import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
+import tseslint from "typescript-eslint";
 
-export default tseslint.config(
-  js.configs.recommended,
-  ...tseslint.configs.recommendedTypeChecked,
-  ...tseslint.configs.stylisticTypeChecked,
+export default defineConfig([
   {
     ignores: [
       "dist/",
@@ -21,6 +19,9 @@ export default tseslint.config(
       "src/main.tsx",
     ],
   },
+  js.configs.recommended,
+  ...tseslint.configs.recommendedTypeChecked,
+  ...tseslint.configs.stylisticTypeChecked,
   {
     files: ["src/**/*.{ts,tsx}"],
     languageOptions: {
@@ -50,7 +51,7 @@ export default tseslint.config(
       },
     },
     plugins: {
-      react: react,
+      react,
       "react-hooks": reactHooks,
     },
     settings: {
@@ -87,6 +88,44 @@ export default tseslint.config(
         },
       ],
 
+      // Enforce shorthand array notation, e.g. Foo[] instead of Array<Foo>
+      "@typescript-eslint/array-type": [
+        "error",
+        {
+          default: "array-simple",
+          readonly: "array-simple",
+        },
+      ],
+
+      // Keep type-only imports explicit to avoid runtime inclusion
+      "@typescript-eslint/consistent-type-imports": [
+        "error",
+        {
+          prefer: "type-imports",
+          disallowTypeAnnotations: true,
+        },
+      ],
+
+      // Require handling Promises instead of letting them float
+      "@typescript-eslint/no-floating-promises": [
+        "error",
+        {
+          ignoreVoid: true,
+          ignoreIIFE: true,
+        },
+      ],
+
+      // Highlight unnecessary assertions to keep code idiomatic
+      "@typescript-eslint/no-unnecessary-type-assertion": "error",
+
+      // Encourage readonly where possible to surface unintended mutations
+      "@typescript-eslint/prefer-readonly": [
+        "error",
+        {
+          onlyInlineLambdas: true,
+        },
+      ],
+
       // Prevent using any type at all
       "@typescript-eslint/no-unsafe-assignment": "error",
       "@typescript-eslint/no-unsafe-member-access": "error",
@@ -145,5 +184,5 @@ export default tseslint.config(
         afterAll: "readonly",
       },
     },
-  }
-);
+  },
+]);

package.json

@@ -18,6 +18,7 @@
     "lint": "eslint 'src/**/*.{ts,tsx}' && bun run typecheck && bun run typecheck:main",
     "lint:fix": "eslint 'src/**/*.{ts,tsx}' --fix",
     "fmt": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json}\" \"*.{json,md}\"",
+    "fmt:shell": "shfmt -i 2 -ci -bn -w scripts",
     "fmt:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json}\" \"*.{json,md}\"",
     "test": "jest",
     "test:watch": "jest --watch",

scripts/update_vercel_docs.sh

@@ -8,7 +8,7 @@ DOCS_DIR="$PROJECT_ROOT/docs/vercel"
 TEMP_DIR="$(mktemp -d)"
 
 cleanup() {
-    rm -rf "$TEMP_DIR"
+  rm -rf "$TEMP_DIR"
 }
 trap cleanup EXIT
 
@@ -18,25 +18,25 @@ cd "$TEMP_DIR"
 git init -q
 git remote add origin https://github.com/vercel/ai.git
 git config core.sparseCheckout true
-echo "content/*" > .git/info/sparse-checkout
+echo "content/*" >.git/info/sparse-checkout
 
 git fetch --depth=1 origin main
 git checkout main
 
 if [ -d "$DOCS_DIR" ]; then
-    echo "Removing existing docs/vercel directory..."
-    rm -rf "$DOCS_DIR"
+  echo "Removing existing docs/vercel directory..."
+  rm -rf "$DOCS_DIR"
 fi
 
 mkdir -p "$DOCS_DIR"
 
 if [ -d "content" ]; then
-    echo "Copying documentation to $DOCS_DIR..."
-    cp -r content/* "$DOCS_DIR/"
-    echo "Documentation updated successfully!"
+  echo "Copying documentation to $DOCS_DIR..."
+  cp -r content/* "$DOCS_DIR/"
+  echo "Documentation updated successfully!"
 else
-    echo "Error: content directory not found in repository"
-    exit 1
+  echo "Error: content directory not found in repository"
+  exit 1
 fi
 
-echo "Vercel AI SDK documentation has been updated in $DOCS_DIR"
+echo "Vercel AI SDK documentation has been updated in $DOCS_DIR"

src/App.tsx

@@ -3,7 +3,8 @@ import styled from "@emotion/styled";
 import { Global, css } from "@emotion/react";
 import { GlobalColors } from "./styles/colors";
 import { GlobalFonts } from "./styles/fonts";
-import ProjectSidebar, { ProjectConfig, WorkspaceSelection } from "./components/ProjectSidebar";
+import type { ProjectConfig, WorkspaceSelection } from "./components/ProjectSidebar";
+import ProjectSidebar from "./components/ProjectSidebar";
 import NewWorkspaceModal from "./components/NewWorkspaceModal";
 import { AIView } from "./components/AIView";
 import { ErrorBoundary } from "./components/ErrorBoundary";

src/components/AIView.tsx

@@ -5,14 +5,14 @@ import { InterruptedBarrier } from "./Messages/InterruptedBarrier";
 import { ChatInput } from "./ChatInput";
 import { ErrorMessage } from "./ErrorMessage";
 import { ChatMetaSidebar } from "./ChatMetaSidebar";
-import { DisplayedMessage, CmuxMessage } from "../types/message";
+import type { DisplayedMessage, CmuxMessage } from "../types/message";
 import { StreamingMessageAggregator } from "../utils/StreamingMessageAggregator";
 import { shouldShowInterruptedBarrier } from "../utils/messageUtils";
 import { DebugProvider, useDebugMode } from "../contexts/DebugContext";
 import { ChatProvider } from "../contexts/ChatContext";
 import { ThinkingProvider } from "../contexts/ThinkingContext";
+import type { WorkspaceChatMessage } from "../types/ipc";
 import {
-  WorkspaceChatMessage,
   isCaughtUpMessage,
   isStreamError,
   isStreamStart,

src/components/ChatInput.tsx

@@ -1,9 +1,11 @@
 import React, { useState, useRef, useCallback, useEffect } from "react";
 import styled from "@emotion/styled";
 import { CommandSuggestions, COMMAND_SUGGESTION_KEYS } from "./CommandSuggestions";
-import { ChatInputToast, Toast, SolutionLabel } from "./ChatInputToast";
-import { parseCommand, ParsedCommand } from "../utils/commandParser";
-import { SendMessageError as SendMessageErrorType } from "../types/errors";
+import type { Toast } from "./ChatInputToast";
+import { ChatInputToast, SolutionLabel } from "./ChatInputToast";
+import type { ParsedCommand } from "../utils/commandParser";
+import { parseCommand } from "../utils/commandParser";
+import type { SendMessageError as SendMessageErrorType } from "../types/errors";
 import { usePersistedState } from "../hooks/usePersistedState";
 import { ThinkingSliderComponent } from "./ThinkingSlider";
 import { useThinkingLevel } from "../hooks/useThinkingLevel";

src/components/ChatInputToast.tsx

@@ -1,4 +1,5 @@
-import React, { useEffect, useCallback, ReactNode } from "react";
+import type { ReactNode } from "react";
+import React, { useEffect, useCallback } from "react";
 import styled from "@emotion/styled";
 import { keyframes, css } from "@emotion/react";
 

src/components/ChatMetaSidebar/CostsTab.tsx

@@ -270,7 +270,7 @@ const formatCostWithDollar = (cost: number): string => {
 
 type ViewMode = "last-request" | "session";
 
-const VIEW_MODE_OPTIONS: ToggleOption<ViewMode>[] = [
+const VIEW_MODE_OPTIONS: Array<ToggleOption<ViewMode>> = [
   { value: "last-request", label: "Last Request" },
   { value: "session", label: "Session" },
 ];

src/components/ErrorBoundary.tsx

@@ -1,4 +1,5 @@
-import React, { Component, ReactNode } from "react";
+import type { ReactNode } from "react";
+import React, { Component } from "react";
 import styled from "@emotion/styled";
 
 const ErrorContainer = styled.div`