Merge pull request #53 from macalinao/igm/linter-updates

Upgrade more dependencies, speed up linting

Author: macalinao

.changeset/fast-swans-tap.md

@@ -0,0 +1,8 @@
+---
+"@macalinao/wallet-adapter-compat": patch
+"@macalinao/react-quarry": patch
+"example-dapp": patch
+"@macalinao/grill": patch
+---
+
+Update dependencies, speed up linting

CLAUDE.md

@@ -4,14 +4,14 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-Grill is a modern Solana development kit monorepo that provides React components and utilities for building Solana applications with automatic account batching and caching. It's built on top of gill-react and integrates with @solana/kit.
+Grill is a modern Solana development kit monorepo that provides React components and utilities for building Solana applications with automatic account batching and caching. It's built on top of @gillsdk/react and integrates with @solana/kit.
 
 ## Technology Stack
 
 - **Package Manager**: Bun (v1.2.19)
 - **Build System**: Turbo for monorepo orchestration
 - **Framework**: React 19 with TypeScript
-- **Solana**: @solana/kit, gill, gill-react
+- **Solana**: @solana/kit, gill, @gillsdk/react
 - **State Management**: @tanstack/react-query for caching
 - **Routing**: @tanstack/react-router (in example-dapp)
 - **Styling**: Tailwind CSS v4 with shadcn/ui components
@@ -58,6 +58,7 @@ bun run lint:fix            # Fix linting and formatting issues
 ### Monorepo Structure
 
 The project uses Bun workspaces with packages in two directories:
+
 - `packages/*` - Core library packages
 - `apps/*` - Example applications
 
@@ -80,9 +81,10 @@ The project uses Bun workspaces with packages in two directories:
 ### Provider Hierarchy
 
 When using Grill, providers must be set up in this order:
+
 ```tsx
 QueryClientProvider
-  → SolanaProvider (gill-react)
+  → SolanaProvider (@gillsdk/react)
     → ConnectionProvider (@solana/wallet-adapter-react)
       → WalletProvider (@solana/wallet-adapter-react)
         → WalletModalProvider
@@ -92,6 +94,7 @@ QueryClientProvider
 ### Account Batching Architecture
 
 The core innovation is automatic batching of concurrent account requests:
+
 - Multiple `useAccount` calls in different components are automatically batched
 - Uses DataLoader pattern to coalesce requests within a tick
 - Single RPC call instead of multiple, improving performance
@@ -100,12 +103,14 @@ The core innovation is automatic batching of concurrent account requests:
 ### Kit Wallet Integration
 
 Provides two contexts:
+
 1. Account batching context (GrillProvider)
 2. Wallet context for TransactionSendingSigner (WalletProvider from grill)
 
 ## Code Style Guidelines
 
 ### TypeScript
+
 - Use specific types, avoid `any`
 - Prefer interfaces over type aliases for objects
 - Use `import type` for type-only imports (enforced by Biome)
@@ -114,17 +119,21 @@ Provides two contexts:
 - Follow default Prettier settings
 
 ### After Making Code Changes
+
 **Always run these commands to ensure code quality:**
+
 1. `bun run build` - Check for TypeScript errors
 2. `bun run lint:fix` - Fix linting and formatting issues
 
 ### React Components
+
 - Small, focused components
 - Use function components with hooks
 - Props interfaces should be explicitly defined
 - File structure: `components/category/component-name/index.tsx`
 
 ### Biome/ESLint Configuration
+
 - No floating promises (must be handled)
 - Use const assertions where applicable
 - No non-null assertions are allowed
@@ -135,20 +144,23 @@ Provides two contexts:
 ## Example App (example-dapp)
 
 The example-dapp demonstrates:
+
 - TanStack Router for routing
 - shadcn/ui component integration
 - Wallet connection with Solana wallet adapter
 - Layout system with navigation and sidebar
 - Dark mode support
 
 Routes:
+
 - `/` - Home page
 - `/dashboard` - Simple dashboard
 - `/examples/*` - Examples section with sidebar navigation
 
 ## Turborepo Configuration
 
 Tasks are defined in turbo.json:
+
 - `build`: Depends on upstream builds, outputs to `./dist/**`
 - `lint`: Depends on upstream builds
 - `test`: Depends on build, no caching
@@ -157,6 +169,7 @@ Tasks are defined in turbo.json:
 ## Working with Providers
 
 When creating new features that need account data:
+
 1. Ensure component is wrapped in GrillProvider
 2. Use `useAccount` hook for fetching account data
 3. Account requests are automatically batched
@@ -165,13 +178,15 @@ When creating new features that need account data:
 ## Vendor Documentation
 
 The repository includes vendor documentation at `/docs/vendor/`:
+
 - `gill.md` - Complete documentation for the gill library (Solana client library)
   - Includes transaction builders, token operations, and program clients
   - Used as the foundation for Solana operations in Grill
 
 ## CI/CD
 
 GitHub Actions workflow runs on push/PR to main:
+
 - Installs dependencies with frozen lockfile
 - Builds all packages
 - Runs linting (biome + eslint)
@@ -188,6 +203,7 @@ GitHub Actions workflow runs on push/PR to main:
 ## Package Structure Guidelines
 
 When creating new packages:
+
 - Use TypeScript directly with `tsc` for building (no tsup/rollup/etc)
 - Follow the same structure as existing packages
 - Scripts should be: `build`, `build:watch`, `clean`, `typecheck`
@@ -197,8 +213,9 @@ When creating new packages:
 ## Solana PDA Guidelines
 
 When working with PDAs (Program Derived Addresses) in React code:
+
 - **ALWAYS use PDA hooks** from the pdas directory (e.g., `useMergePoolPda`, `useMinerPda`)
 - **NEVER compute PDAs manually** in React components or providers
 - **NEVER use async PDA functions** like `findMergePoolPda()` directly in React code
 - PDA hooks are synchronous and properly memoized for React
-- This ensures consistent PDA computation and proper React lifecycle management
+- This ensures consistent PDA computation and proper React lifecycle management

README.md

@@ -8,10 +8,10 @@ A comprehensive toolkit for building Solana applications with React, featuring a
 
 ### [@macalinao/grill](./packages/grill)
 
-React provider for Solana account management with automatic batching and caching, built on top of gill-react.
+React provider for Solana account management with automatic batching and caching, built on top of @gillsdk/react.
 
 ```bash
-bun add @macalinao/grill gill-react gill
+bun add @macalinao/grill @gillsdk/react gill
 ```
 
 ### [@macalinao/solana-batch-accounts-loader](./packages/solana-batch-accounts-loader)
@@ -44,7 +44,7 @@ bun add @macalinao/dataloader-es
 import { GrillProvider } from "@macalinao/grill";
 import { WalletAdapterCompatProvider } from "@macalinao/wallet-adapter-compat";
 import { createSolanaClient } from "gill";
-import { SolanaProvider } from "gill-react";
+import { SolanaProvider } from "@gillsdk/react";
 import {
   ConnectionProvider,
   WalletProvider,

apps/example-dapp/README.md

@@ -113,7 +113,7 @@ function WalletInfo() {
 ### Making RPC Calls
 
 ```typescript
-import { useSolanaClient } from "gill-react";
+import { useSolanaClient } from "@gillsdk/react";
 
 function SlotDisplay() {
   const { rpc } = useSolanaClient();

apps/example-dapp/package.json

@@ -47,7 +47,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "gill": "catalog:",
-    "gill-react": "catalog:",
+    "@gillsdk/react": "catalog:",
     "lucide-react": "^0.542.0",
     "react": "catalog:",
     "react-dom": "catalog:",

apps/example-dapp/src/App.tsx

@@ -1,4 +1,5 @@
 import type * as React from "react";
+import { SolanaProvider } from "@gillsdk/react";
 import { GrillProvider, getSolscanExplorerLink } from "@macalinao/grill";
 import { WalletAdapterCompatProvider } from "@macalinao/wallet-adapter-compat";
 import {
@@ -14,11 +15,10 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { createRouter, RouterProvider } from "@tanstack/react-router";
 import { createSolanaClient, getPublicSolanaRpcUrl } from "gill";
-import { SolanaProvider } from "gill-react";
 import { useMemo } from "react";
 import { Toaster } from "sonner";
-import { ThemeProvider } from "./components/theme-provider";
-import { routeTree } from "./routeTree.gen";
+import { ThemeProvider } from "./components/theme-provider.js";
+import { routeTree } from "./routeTree.gen.js";
 
 // Create the router instance
 const router = createRouter({ routeTree });

apps/example-dapp/src/components/SimpleDashboard.tsx

@@ -1,7 +1,7 @@
 import type * as React from "react";
+import { useSolanaClient } from "@gillsdk/react";
 import { useAccount, useKitWallet } from "@macalinao/grill";
 import { WalletMultiButton } from "@solana/wallet-adapter-react-ui";
-import { useSolanaClient } from "gill-react";
 import { useState } from "react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";

apps/example-dapp/src/main.tsx

@@ -2,7 +2,7 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import "./index.css";
-import { App } from "./App";
+import { App } from "./App.js";
 
 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 createRoot(document.getElementById("root")!).render(

apps/example-dapp/src/routes/examples/token-balances.tsx

@@ -1,5 +1,4 @@
-import { useATABalance } from "@macalinao/grill";
-import { formatTokenAmount } from "@macalinao/token-utils";
+import { formatTokenAmount, useATABalance } from "@macalinao/grill";
 import { address } from "@solana/kit";
 import { useWallet } from "@solana/wallet-adapter-react";
 import { createFileRoute } from "@tanstack/react-router";

biome.json renamed to biome.jsonc

@@ -7,7 +7,12 @@
     "defaultBranch": "master"
   },
   "files": {
-    "ignoreUnknown": false
+    "ignoreUnknown": false,
+    "includes": [
+      "**",
+      "!**/bun.lock",
+      "!apps/example-dapp/src/routeTree.gen.ts"
+    ]
   },
   "formatter": {
     "enabled": true,
@@ -18,12 +23,7 @@
     "lineEnding": "lf",
     "lineWidth": 80,
     "attributePosition": "auto",
-    "bracketSpacing": true,
-    "includes": [
-      "**",
-      "!**/bun.lock",
-      "!apps/example-dapp/src/routeTree.gen.ts"
-    ]
+    "bracketSpacing": true
   },
   "linter": {
     "enabled": true,
@@ -34,7 +34,8 @@
       "recommended": true,
       "nursery": {
         "useConsistentTypeDefinitions": "error",
-        "noFloatingPromises": "error"
+        "noFloatingPromises": "error",
+        "noUnnecessaryConditions": "error"
       },
       "complexity": {
         "useSimplifiedLogicExpression": "error"
@@ -72,13 +73,22 @@
       },
       "correctness": {
         "noUnusedVariables": "warn",
-        "noUnusedImports": "error"
+        "noUnusedImports": "error",
+        "noUndeclaredDependencies": "error",
+        "useImportExtensions": {
+          "level": "error",
+          "options": {
+            "forceJsExtensions": true
+          }
+        }
       }
-    }
+    },
+    "includes": ["**", "!**/bun.lock"]
   },
   "assist": {
     "actions": {
       "source": {
+        // Organizes imports and splits out type imports into a separate line
         "organizeImports": {
           "level": "on",
           "options": {
@@ -90,13 +100,13 @@
   },
   "javascript": {
     "formatter": {
-      "quoteStyle": "double",
       "jsxQuoteStyle": "double",
       "quoteProperties": "asNeeded",
       "trailingCommas": "all",
       "semicolons": "always",
       "arrowParentheses": "always",
       "bracketSameLine": false,
+      "attributePosition": "auto",
       "bracketSpacing": true
     }
   },