stabilized

Author: jherr

package.json

@@ -45,8 +45,11 @@
     "@radix-ui/react-dialog": "^1.1.10",
     "@radix-ui/react-dropdown-menu": "^2.1.12",
     "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-select": "^2.2.2",
+    "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tooltip": "^1.1.5",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toast": "^1.2.2",

pnpm-lock.yaml

@@ -23,6 +23,10 @@ export async function createAppWrapper(
     './server-environment'
   )
   const { createMemoryEnvironment } = await import('./memory-environment')
+  const { ensureFrameworkRegistered } = await import('./framework-registry')
+
+  // Ensure framework is registered
+  await ensureFrameworkRegistered()
 
   const framework = getFrameworkById(projectOptions.framework)!
   if (!framework) {

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

@@ -0,0 +1,15 @@
+let frameworkRegistered = false
+
+export async function ensureFrameworkRegistered() {
+  if (frameworkRegistered) {
+    return
+  }
+
+  const { registerFramework } = await import('@tanstack/cta-engine')
+  const { createFrameworkDefinition } = await import(
+    '@tanstack/cta-framework-react-cra'
+  )
+
+  registerFramework(createFrameworkDefinition())
+  frameworkRegistered = true
+}

src/cta/lib/engine-handling/framework-registry.ts

@@ -36,6 +36,10 @@ export async function generateInitialPayload() {
     getProjectPath,
     getRegistry: getRegistryURL,
   } = await import('./server-environment')
+  const { ensureFrameworkRegistered } = await import('./framework-registry')
+
+  // Ensure framework is registered
+  await ensureFrameworkRegistered()
 
   const projectPath = getProjectPath()
   const applicationMode = getApplicationMode()

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

@@ -22,6 +22,10 @@ export async function createAppWrapper(
   const { getApplicationMode, getProjectPath } = await import(
     './server-environment'
   )
+  const { ensureFrameworkRegistered } = await import('./framework-registry')
+
+  // Ensure framework is registered
+  await ensureFrameworkRegistered()
 
   const framework = getFrameworkById(projectOptions.framework)!
   if (!framework) {

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

@@ -0,0 +1,15 @@
+let frameworkRegistered = false
+
+export async function ensureFrameworkRegistered() {
+  if (frameworkRegistered) {
+    return
+  }
+
+  const { registerFramework } = await import('@tanstack/cta-engine')
+  const { createFrameworkDefinition } = await import(
+    '@tanstack/cta-framework-react-cra'
+  )
+
+  registerFramework(createFrameworkDefinition())
+  frameworkRegistered = true
+}

src/forge/engine-handling/framework-registry.ts

@@ -36,6 +36,10 @@ export async function generateInitialPayload() {
     getProjectPath,
     getRegistry: getRegistryURL,
   } = await import('./server-environment')
+  const { ensureFrameworkRegistered } = await import('./framework-registry')
+
+  // Ensure framework is registered
+  await ensureFrameworkRegistered()
 
   const projectPath = getProjectPath()
   const applicationMode = getApplicationMode()

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

@@ -47,6 +47,12 @@ export const getTools = async (convex: ConvexHttpClient, projectId: string) => {
   const { setServerEnvironment } = await import(
     '~/forge/engine-handling/server-environment'
   )
+  const { ensureFrameworkRegistered } = await import(
+    '~/forge/engine-handling/framework-registry'
+  )
+
+  // Ensure framework is registered
+  await ensureFrameworkRegistered()
 
   const projectFiles = await convex.query(api.forge.getProjectFiles, {
     projectId: projectId as Id<'forge_projects'>,

src/forge/tools.ts

@@ -1,5 +1,18 @@
-import { FaSignOutAlt } from 'react-icons/fa'
-import { Authenticated, Unauthenticated, useMutation } from 'convex/react'
+import {
+  FaSignOutAlt,
+  FaKey,
+  FaPlus,
+  FaEdit,
+  FaTrash,
+  FaToggleOn,
+  FaToggleOff,
+} from 'react-icons/fa'
+import {
+  Authenticated,
+  Unauthenticated,
+  useMutation,
+  useQuery,
+} from 'convex/react'
 import { Link, redirect, createFileRoute } from '@tanstack/react-router'
 import { authClient } from '~/utils/auth.client'
 import { useCurrentUserQuery } from '~/hooks/useCurrentUser'