less awaited imports

Author: jherr

src/cta/lib/engine-handling/add-to-app-wrapper.ts

@@ -1,4 +1,12 @@
 import { resolve } from 'node:path'
+import {
+  CONFIG_FILE,
+  createDefaultEnvironment,
+  createSerializedOptionsFromPersisted,
+  readConfigFile,
+  writeConfigFileToEnvironment,
+} from '@tanstack/cta-engine'
+
 import { TMP_TARGET_DIR } from '../constants'
 import { cleanUpFileArray, cleanUpFiles } from './file-helpers'
 import { getProjectPath } from './server-environment'
@@ -17,17 +25,9 @@ export async function addToAppWrapper(
     environmentFactory?: () => any
   }
 ) {
-  // Dynamically import CTA engine to prevent client bundling
-  const {
-    CONFIG_FILE,
-    addToApp,
-    createAppOptionsFromPersisted,
-    createDefaultEnvironment,
-    createSerializedOptionsFromPersisted,
-    readConfigFile,
-    recursivelyGatherFiles,
-    writeConfigFileToEnvironment,
-  } = await import('@tanstack/cta-engine')
+  // Dynamically import only the heavy file operation stuff
+  const { addToApp, createAppOptionsFromPersisted, recursivelyGatherFiles } =
+    await import('@tanstack/cta-engine')
 
   const projectPath = getProjectPath()
 

src/cta/lib/engine-handling/create-app-wrapper.ts

@@ -1,4 +1,10 @@
 import { resolve } from 'node:path'
+import {
+  createDefaultEnvironment,
+  finalizeAddOns,
+  getFrameworkById,
+  loadStarter,
+} from '@tanstack/cta-engine'
 
 import { TMP_TARGET_DIR } from '../constants'
 
@@ -17,14 +23,8 @@ export async function createAppWrapper(
     environmentFactory?: () => any
   }
 ) {
-  // Dynamically import CTA engine to prevent client bundling
-  const {
-    createApp,
-    createDefaultEnvironment,
-    finalizeAddOns,
-    getFrameworkById,
-    loadStarter,
-  } = await import('@tanstack/cta-engine')
+  // Dynamically import only the heavy file operation stuff
+  const { createApp } = await import('@tanstack/cta-engine')
 
   // Ensure framework is registered
   ensureFrameworkRegistered()

src/cta/lib/engine-handling/generate-initial-payload.ts

@@ -1,4 +1,12 @@
 import { basename, resolve } from 'node:path'
+import {
+  createSerializedOptionsFromPersisted,
+  getAllAddOns,
+  getFrameworkById,
+  getRawRegistry,
+  getRegistryAddOns,
+  readConfigFile,
+} from '@tanstack/cta-engine'
 
 import { ensureFrameworkRegistered } from './framework-registry'
 import { cleanUpFiles } from './file-helpers'
@@ -29,16 +37,8 @@ function convertAddOnToAddOnInfo(addOn: any): AddOnInfo {
 }
 
 export async function generateInitialPayload() {
-  // Dynamically import CTA engine modules to prevent client bundling
-  const {
-    createSerializedOptionsFromPersisted,
-    getAllAddOns,
-    getFrameworkById,
-    getRawRegistry,
-    getRegistryAddOns,
-    readConfigFile,
-    recursivelyGatherFiles,
-  } = await import('@tanstack/cta-engine')
+  // Dynamically import only the heavy file operation stuff
+  const { recursivelyGatherFiles } = await import('@tanstack/cta-engine')
 
   // Ensure framework is registered
   ensureFrameworkRegistered()

src/forge/engine-handling/add-to-app-wrapper.ts

@@ -1,4 +1,12 @@
 import { resolve } from 'node:path'
+import {
+  CONFIG_FILE,
+  createDefaultEnvironment,
+  createSerializedOptionsFromPersisted,
+  readConfigFile,
+  writeConfigFileToEnvironment,
+} from '@tanstack/cta-engine'
+
 import { TMP_TARGET_DIR } from '~/forge/constants'
 import type { DryRunOutput } from '~/forge/types'
 import { cleanUpFileArray, cleanUpFiles } from './file-helpers'
@@ -13,17 +21,12 @@ export async function addToAppWrapper(
     environmentFactory?: () => any
   }
 ) {
-  // Dynamically import CTA engine to prevent client bundling
+  // Dynamically import only the heavy file operation stuff
   const {
-    CONFIG_FILE,
     addToApp,
     createAppOptionsFromPersisted,
-    createDefaultEnvironment,
     createMemoryEnvironment,
-    createSerializedOptionsFromPersisted,
-    readConfigFile,
     recursivelyGatherFiles,
-    writeConfigFileToEnvironment,
   } = await import('@tanstack/cta-engine')
 
   const projectPath = getProjectPath()

src/forge/engine-handling/create-app-wrapper.ts

@@ -1,4 +1,12 @@
 import { resolve } from 'node:path'
+import {
+  createDefaultEnvironment,
+  createMemoryEnvironment,
+  finalizeAddOns,
+  getFrameworkById,
+  loadStarter,
+} from '@tanstack/cta-engine'
+
 import { TMP_TARGET_DIR } from '~/forge/constants'
 import { ensureFrameworkRegistered } from './framework-registry'
 import { cleanUpFileArray, cleanUpFiles } from './file-helpers'
@@ -12,15 +20,8 @@ export async function createAppWrapper(
     environmentFactory?: () => any
   }
 ) {
-  // Dynamically import CTA engine to prevent client bundling
-  const {
-    createApp,
-    createDefaultEnvironment,
-    createMemoryEnvironment,
-    finalizeAddOns,
-    getFrameworkById,
-    loadStarter,
-  } = await import('@tanstack/cta-engine')
+  // Dynamically import only the heavy file operation stuff
+  const { createApp } = await import('@tanstack/cta-engine')
 
   // Ensure framework is registered
   ensureFrameworkRegistered()

src/forge/engine-handling/generate-initial-payload.ts

@@ -1,4 +1,13 @@
 import { basename, resolve } from 'node:path'
+import {
+  createSerializedOptionsFromPersisted,
+  getAllAddOns,
+  getFrameworkById,
+  getRawRegistry,
+  getRegistryAddOns,
+  readConfigFile,
+} from '@tanstack/cta-engine'
+
 import type { AddOnInfo } from '~/forge/types'
 import { ensureFrameworkRegistered } from './framework-registry'
 import { cleanUpFiles } from './file-helpers'
@@ -27,16 +36,8 @@ function convertAddOnToAddOnInfo(addOn: any): AddOnInfo {
 }
 
 export async function generateInitialPayload() {
-  // Dynamically import CTA engine modules to prevent client bundling
-  const {
-    createSerializedOptionsFromPersisted,
-    getAllAddOns,
-    getFrameworkById,
-    getRawRegistry,
-    getRegistryAddOns,
-    readConfigFile,
-    recursivelyGatherFiles,
-  } = await import('@tanstack/cta-engine')
+  // Dynamically import only the heavy file operation stuff
+  const { recursivelyGatherFiles } = await import('@tanstack/cta-engine')
 
   // Ensure framework is registered
   ensureFrameworkRegistered()

src/forge/tools.ts

@@ -7,6 +7,13 @@ import { dirname } from 'path'
 import { api } from 'convex/_generated/api'
 import type { Id } from 'convex/_generated/dataModel'
 
+import {
+  createSerializedOptionsFromPersisted,
+  getFrameworkById,
+  getAllAddOns,
+  createDefaultEnvironment,
+} from '@tanstack/cta-engine'
+
 import { generateFileTree } from '~/forge/file-tree-generator'
 import type { DryRunOutput } from '~/forge/types'
 import { ensureFrameworkRegistered } from '~/forge/engine-handling/framework-registry'
@@ -35,14 +42,6 @@ function enforceStoredPath(path: string) {
 }
 
 export const getTools = async (convex: ConvexHttpClient, projectId: string) => {
-  // Dynamically import CTA engine modules to prevent client bundling
-  const {
-    createSerializedOptionsFromPersisted,
-    getFrameworkById,
-    getAllAddOns,
-    createDefaultEnvironment,
-  } = await import('@tanstack/cta-engine')
-
   // Ensure framework is registered
   ensureFrameworkRegistered()
 

src/routes/api/dry-run-create-app.ts

@@ -1,5 +1,11 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { z } from 'zod'
+import {
+  finalizeAddOns,
+  getFrameworkById,
+  loadStarter,
+} from '@tanstack/cta-engine'
+
 import { ensureFrameworkRegistered } from '~/cta/lib/engine-handling/framework-registry'
 
 const requestOptionsSchema = z.object({
@@ -16,14 +22,8 @@ export const Route = createFileRoute('/api/dry-run-create-app')({
   server: {
     handlers: {
       POST: async ({ request }) => {
-        // Import server-only modules inside the handler to prevent client bundling
-        const {
-          createApp,
-          finalizeAddOns,
-          getFrameworkById,
-          loadStarter,
-          Starter,
-        } = await import('@tanstack/cta-engine')
+        // Dynamically import only the heavy file operation stuff
+        const { createApp } = await import('@tanstack/cta-engine')
         const { createMemoryEnvironment } = await import(
           '~/cta/lib/engine-handling/memory-environment'
         )
@@ -56,7 +56,7 @@ export const Route = createFileRoute('/api/dry-run-create-app')({
           { framework }
         )
 
-        let starter: Starter | undefined
+        let starter: any | undefined
         const addOns: Array<string> = [...createAppOptions.chosenAddOns]
         if (createAppOptions.starter) {
           starter = await loadStarter(createAppOptions.starter)

src/routes/api/forge.new-project.ts

@@ -1,5 +1,7 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { ConvexHttpClient } from 'convex/browser'
+import { getFrameworkById, getAllAddOns } from '@tanstack/cta-engine'
+
 import { api } from 'convex/_generated/api'
 import { ensureFrameworkRegistered } from '~/forge/engine-handling/framework-registry'
 
@@ -9,13 +11,10 @@ export const Route = createFileRoute('/api/forge/new-project')({
   server: {
     handlers: {
       POST: async (ctx) => {
-        // Import server-only modules inside the handler to prevent client bundling
+        // Dynamically import only the heavy AI and file operation stuff
         const { anthropic } = await import('@ai-sdk/anthropic')
         const { openai } = await import('@ai-sdk/openai')
         const { generateText } = await import('ai')
-        const { getFrameworkById, getAllAddOns } = await import(
-          '@tanstack/cta-engine'
-        )
         const { initialize } = await import(
           '~/forge/engine-handling/initialize'
         )