fix: remove dynamic import statements

Author: kevinjosethomas

src/api/analysis/analysis.ts

@@ -13,6 +13,11 @@ import {
 import { buildUrl } from '../utils'
 import { cpToWinrate } from 'src/lib/stockfish'
 import { AvailableMoves } from 'src/types/training'
+import { Chess } from 'chess.ts'
+import {
+  saveCustomAnalysis,
+  getCustomAnalysisById,
+} from 'src/lib/customAnalysis'
 
 function buildGameTree(moves: any[], initialFen: string) {
   const tree = new GameTree(initialFen)
@@ -405,7 +410,6 @@ const createAnalyzedGameFromPGN = async (
   pgn: string,
   id?: string,
 ): Promise<AnalyzedGame> => {
-  const { Chess } = await import('chess.ts')
   const chess = new Chess()
 
   try {
@@ -476,8 +480,6 @@ export const getAnalyzedCustomPGN = async (
   pgn: string,
   name?: string,
 ): Promise<AnalyzedGame> => {
-  const { saveCustomAnalysis } = await import('src/lib/customAnalysis')
-
   const stored = await saveCustomAnalysis('pgn', pgn, name)
 
   return createAnalyzedGameFromPGN(pgn, stored.id)
@@ -487,7 +489,6 @@ const createAnalyzedGameFromFEN = async (
   fen: string,
   id?: string,
 ): Promise<AnalyzedGame> => {
-  const { Chess } = await import('chess.ts')
   const chess = new Chess()
 
   try {
@@ -531,8 +532,6 @@ export const getAnalyzedCustomFEN = async (
   fen: string,
   name?: string,
 ): Promise<AnalyzedGame> => {
-  const { saveCustomAnalysis } = await import('src/lib/customAnalysis')
-
   const stored = await saveCustomAnalysis('fen', fen, name)
 
   return createAnalyzedGameFromFEN(fen, stored.id)
@@ -541,8 +540,6 @@ export const getAnalyzedCustomFEN = async (
 export const getAnalyzedCustomGame = async (
   id: string,
 ): Promise<AnalyzedGame> => {
-  const { getCustomAnalysisById } = await import('src/lib/customAnalysis')
-
   const stored = getCustomAnalysisById(id)
   if (!stored) {
     throw new Error('Custom analysis not found')

src/pages/analysis/[...id].tsx

@@ -58,6 +58,7 @@ import { tourConfigs } from 'src/constants/tours'
 import type { DrawShape } from 'chessground/draw'
 import { MAIA_MODELS } from 'src/constants/common'
 import { applyEngineAnalysisData } from 'src/lib/analysisStorage'
+import { deleteCustomAnalysis } from 'src/lib/customAnalysis'
 
 const AnalysisPage: NextPage = () => {
   const { startTour, tourState } = useTour()
@@ -423,7 +424,6 @@ const Analysis: React.FC<Props> = ({
       analyzedGame.type === 'custom-pgn' ||
       analyzedGame.type === 'custom-fen'
     ) {
-      const { deleteCustomAnalysis } = await import('src/lib/customAnalysis')
       deleteCustomAnalysis(analyzedGame.id)
       toast.success('Custom analysis deleted')
       router.push('/analysis')

src/pages/openings/index.tsx

@@ -1,15 +1,7 @@
 import Head from 'next/head'
 import { NextPage } from 'next'
 import { useRouter } from 'next/router'
-import {
-  useState,
-  useEffect,
-  useContext,
-  useCallback,
-  useMemo,
-  Suspense,
-  lazy,
-} from 'react'
+import { useState, useEffect, useContext, useCallback, useMemo } from 'react'
 import { Chess, PieceSymbol } from 'chess.ts'
 import { AnimatePresence, motion } from 'framer-motion'
 import type { Key } from 'chessground/types'
@@ -25,12 +17,7 @@ import { DrillConfiguration, AnalyzedGame } from 'src/types'
 import { GameNode } from 'src/types/base/tree'
 import { MIN_STOCKFISH_DEPTH } from 'src/constants/analysis'
 import openings from 'src/lib/openings/openings.json'
-
-const LazyOpeningDrillAnalysis = lazy(() =>
-  import('src/components/Openings/OpeningDrillAnalysis').then((module) => ({
-    default: module.OpeningDrillAnalysis,
-  })),
-)
+import { OpeningDrillAnalysis } from 'src/components/Openings/OpeningDrillAnalysis'
 
 import {
   OpeningSelectionModal,
@@ -841,34 +828,24 @@ const OpeningsPage: NextPage = () => {
           id="analysis"
           className="desktop-right-column-container flex flex-col gap-2"
         >
-          <Suspense
-            fallback={
-              <div className="flex h-full items-center justify-center">
-                <div className="text-sm text-secondary">
-                  Loading analysis...
-                </div>
-              </div>
-            }
-          >
-            {analyzedGame && (
-              <LazyOpeningDrillAnalysis
-                currentNode={controller.currentNode}
-                gameTree={treeController.gameTree}
-                analysisEnabled={controller.analysisEnabled}
-                onToggleAnalysis={() =>
-                  controller.setAnalysisEnabled(!controller.analysisEnabled)
-                }
-                playerColor={controller.currentDrill?.playerColor || 'white'}
-                maiaVersion={
-                  controller.currentDrill?.maiaVersion || 'maia_kdd_1500'
-                }
-                analysisController={analysisController}
-                hover={hover}
-                setHoverArrow={setHoverArrow}
-                makeMove={makeMove}
-              />
-            )}
-          </Suspense>
+          {analyzedGame && (
+            <OpeningDrillAnalysis
+              currentNode={controller.currentNode}
+              gameTree={treeController.gameTree}
+              analysisEnabled={controller.analysisEnabled}
+              onToggleAnalysis={() =>
+                controller.setAnalysisEnabled(!controller.analysisEnabled)
+              }
+              playerColor={controller.currentDrill?.playerColor || 'white'}
+              maiaVersion={
+                controller.currentDrill?.maiaVersion || 'maia_kdd_1500'
+              }
+              analysisController={analysisController}
+              hover={hover}
+              setHoverArrow={setHoverArrow}
+              makeMove={makeMove}
+            />
+          )}
         </div>
       </div>
     </div>
@@ -1046,7 +1023,7 @@ const OpeningsPage: NextPage = () => {
           {/* Analysis Components Stacked */}
           <div className="flex w-full flex-col gap-1 overflow-hidden">
             {analyzedGame && (
-              <LazyOpeningDrillAnalysis
+              <OpeningDrillAnalysis
                 currentNode={controller.currentNode}
                 gameTree={treeController.gameTree}
                 analysisEnabled={controller.analysisEnabled}