@tscircuit/cli 0.1.22 → 0.1.23

package/cli/init/register.ts

@@ -1,6 +1,53 @@
 import type { Command } from "commander"
 import * as fs from "node:fs"
 import * as path from "node:path"
+import { execSync } from "node:child_process"
+
+// Detect the package manager being used in the project
+const detectPackageManager = (): string => {
+  const userAgent = process.env.npm_config_user_agent || ""
+  if (userAgent.startsWith("yarn")) return "yarn"
+  if (userAgent.startsWith("pnpm")) return "pnpm"
+  if (userAgent.startsWith("bun")) return "bun"
+
+  if (fs.existsSync("yarn.lock")) return "yarn"
+  if (fs.existsSync("pnpm-lock.yaml")) return "pnpm"
+  if (fs.existsSync("bun.lockb")) return "bun"
+
+  return "npm" // Default to npm
+}
+
+// Generate a React-compatible tsconfig.json
+const generateTsConfig = (dir: string) => {
+  const tsconfigPath = path.join(dir, "tsconfig.json")
+  const tsconfigContent = JSON.stringify(
+    {
+      compilerOptions: {
+        target: "ES6",
+        module: "ESNext",
+        jsx: "react-jsx",
+        outDir: "dist",
+        strict: true,
+        esModuleInterop: true,
+        moduleResolution: "node",
+        skipLibCheck: true,
+        forceConsistentCasingInFileNames: true,
+        resolveJsonModule: true,
+        sourceMap: true,
+        allowSyntheticDefaultImports: true,
+        experimentalDecorators: true,
+      },
+    },
+    null,
+    2,
+  )
+  if (!fs.existsSync(tsconfigPath)) {
+    fs.writeFileSync(tsconfigPath, tsconfigContent.trimStart())
+    console.log(`Created: ${tsconfigPath}`)
+  } else {
+    console.log(`Skipped: ${tsconfigPath} already exists`)
+  }
+}
 
 export const registerInit = (program: Command) => {
   program
@@ -8,11 +55,13 @@ export const registerInit = (program: Command) => {
     .description("Initialize a new TSCircuit project in the current directory")
     .action(() => {
       const currentDir = process.cwd()
-
       const indexFilePath = path.join(currentDir, "index.tsx")
       const npmrcFilePath = path.join(currentDir, ".npmrc")
 
+      // Content for index.tsx
       const indexContent = `
+import "@tscircuit/core"
+
 export default () => (
   <board width="10mm" height="10mm">
     <resistor
@@ -32,12 +81,14 @@ export default () => (
     <trace from=".R1 > .pin1" to=".C1 > .pin1" />
   </board>
 );
-`
+`.trim()
 
+      // Content for .npmrc
       const npmrcContent = `
 @tsci:registry=https://npm.tscircuit.com
-`
+`.trim()
 
+      // Create index.tsx if it doesn't exist
       if (!fs.existsSync(indexFilePath)) {
         fs.writeFileSync(indexFilePath, indexContent.trimStart())
         console.log(`Created: ${indexFilePath}`)
@@ -45,6 +96,7 @@ export default () => (
         console.log(`Skipped: ${indexFilePath} already exists`)
       }
 
+      // Create .npmrc if it doesn't exist
       if (!fs.existsSync(npmrcFilePath)) {
         fs.writeFileSync(npmrcFilePath, npmrcContent.trimStart())
         console.log(`Created: ${npmrcFilePath}`)
@@ -52,6 +104,31 @@ export default () => (
         console.log(`Skipped: ${npmrcFilePath} already exists`)
       }
 
+      // Detect the package manager
+      const packageManager = detectPackageManager()
+      console.log(`Detected package manager: ${packageManager}`)
+
+      // Install deps using the detected package manager
+      const dependencies = "@types/react @tscircuit/core"
+      try {
+        console.log("Installing dependencies...")
+        const installCommand =
+          packageManager === "yarn"
+            ? `yarn add -D ${dependencies}`
+            : packageManager === "pnpm"
+              ? `pnpm add -D ${dependencies}`
+              : packageManager === "bun"
+                ? `bun add -D ${dependencies}`
+                : `npm install -D ${dependencies}`
+        execSync(installCommand, { stdio: "inherit" })
+        console.log("Dependencies installed successfully.")
+      } catch (error) {
+        console.error("Failed to install dependencies:", error)
+      }
+
+      // Generate tsconfig.json
+      generateTsConfig(currentDir)
+
       console.log(
         `Initialization complete. Run "tsci dev" to start developing.`,
       )