@tscircuit/cli 0.1.21 → 0.1.23

package/example-dir/snippet2-large-led-matrix.tsx

@@ -104,7 +104,7 @@ export default () => {
         ySpacing: 5,
         offsetX: 3 - 122,
         offsetY: -32 / 2 - 7.5,
-      }).map(({ center, index, row, col }) => {
+      }).map(({ center, index }) => {
         const ledName = `LED${index + 1}`
         const prevLedName = index > 0 ? `LED${index}` : null
         const capName = `C_${ledName}`

package/example-dir/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "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
+  }
+}

package/example-dir/types.d.ts

@@ -9,3 +9,23 @@ declare module "@tsci/seveibar.push-button" {
 declare module "@tsci/seveibar.smd-usb-c" {
   export function useUsbC(name: string): any
 }
+
+declare module "@tsci/seveibar.PICO_W" {
+  export function usePICO_W(name: string): any
+}
+
+declare module "@tsci/seveibar.HS91L02W2C01" {
+  export function useHS91L02W2C01(name: string): any
+}
+
+declare module "@tsci/seveibar.WS2812B_2020" {
+  interface WS2812B_2020Props {
+    schX: number
+    schY: number
+    name: string
+    pcbX: number
+    pcbY: number
+  }
+
+  export const WS2812B_2020: React.FC<WS2812B_2020Props>
+}

package/lib/registry-api/get-ky.ts

@@ -1,7 +1,7 @@
 import { getRegistryApiUrl } from "lib/cli-config"
 import ky, { type AfterResponseHook } from "ky"
 
-const prettyResponseErrorHook: AfterResponseHook = async (
+export const prettyResponseErrorHook: AfterResponseHook = async (
   _request,
   _options,
   response,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@tscircuit/cli",
   "main": "dist/main.js",
   "type": "module",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "bin": {
     "tsci": "./dist/main.js"
   },
@@ -17,9 +17,10 @@
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
     "@tscircuit/core": "^0.0.249",
+    "@tscircuit/fake-snippets": "^0.0.5",
     "@types/bun": "^1.1.15",
     "@types/configstore": "^6.0.2",
-    "@types/react": "^19.0.1",
+    "@types/react": "^19.0.8",
     "@types/semver": "^7.5.8",
     "get-port": "^7.1.0",
     "tempy": "^3.1.0",
@@ -32,7 +33,7 @@
   "dependencies": {
     "@tscircuit/file-server": "^0.0.13",
     "@tscircuit/runframe": "^0.0.47",
-    "chokidar": "^4.0.1",
+    "chokidar": "4.0.1",
     "commander": "^12.1.0",
     "configstore": "^7.0.0",
     "cosmiconfig": "^9.0.0",
@@ -41,6 +42,7 @@
     "ky": "^1.7.4",
     "make-vfs": "^1.0.15",
     "perfect-cli": "^1.0.20",
+    "redaxios": "^0.5.1",
     "semver": "^7.6.3"
   }
 }

package/tests/cli/init/init.test.ts

@@ -0,0 +1,34 @@
+import { getCliTestFixture } from "../../fixtures/get-cli-test-fixture"
+import { test, expect } from "bun:test"
+import { join } from "node:path"
+import { execSync } from "node:child_process"
+
+test("init command installs @types/react and passes type-checking", async () => {
+  const { tmpDir, runCommand } = await getCliTestFixture()
+
+  const { stdout } = await runCommand("tsci init")
+  console.log(stdout)
+
+  const pkgJsonPath = join(tmpDir, "package.json")
+  const pkgJson = JSON.parse(await Bun.file(pkgJsonPath).text())
+  expect(pkgJson.devDependencies["@types/react"]).toBeDefined()
+  expect(pkgJson.devDependencies["@tscircuit/core"]).toBeDefined()
+
+  const npmrcPath = join(tmpDir, ".npmrc")
+  const npmrcContent = await Bun.file(npmrcPath).text()
+  expect(npmrcContent).toContain("@tsci:registry=https://npm.tscircuit.com")
+
+  const tsconfigPath = join(tmpDir, "tsconfig.json")
+  const tsconfigExists = await Bun.file(tsconfigPath).exists()
+  expect(tsconfigExists).toBeTrue()
+
+  try {
+    const typeCheckResult = execSync("npx tsc --noEmit", {
+      cwd: tmpDir,
+      stdio: "pipe",
+    })
+    console.log(typeCheckResult.toString())
+  } catch (error) {
+    throw new Error("Type-checking failed")
+  }
+})

package/tests/fake-snippets-api.d.ts

@@ -0,0 +1,3 @@
+declare module "fake-snippets-api/lib/db/db-client" {
+  export function createDatabase(): any
+}

package/tests/fixtures/get-test-server.ts

@@ -0,0 +1,54 @@
+import { afterAll } from "bun:test"
+import { startServer } from "@tscircuit/fake-snippets/bun-tests/fake-snippets-api/fixtures/start-server"
+import { DbClient } from "@tscircuit/fake-snippets/fake-snippets-api/lib/db/db-client"
+import ky from "ky"
+import { prettyResponseErrorHook } from "lib/registry-api/get-ky"
+import { cliConfig } from "lib/cli-config"
+import { seed as seedDB } from "@tscircuit/fake-snippets/fake-snippets-api/lib/db/seed"
+
+interface TestFixture {
+  url: string
+  server: any
+  ky: typeof ky
+  db: DbClient
+}
+
+export const getTestSnippetsServer = async (): Promise<TestFixture> => {
+  const port = 3789
+  const testInstanceId = Math.random().toString(36).substring(2, 15)
+  const testDbName = `testdb${testInstanceId}`
+
+  const { server, db } = await startServer({
+    port,
+    testDbName,
+  })
+
+  const url = `http://localhost:${port}/api`
+  seedDB(db)
+  const kyInstance = ky.create({
+    prefixUrl: url,
+    hooks: {
+      afterResponse: [prettyResponseErrorHook],
+    },
+    headers: {
+      Authorization: `Bearer ${db.accounts[0].account_id}`,
+    },
+  })
+
+  cliConfig.set("sessionToken", db.accounts[0].account_id)
+  cliConfig.set("registryApiUrl", url)
+
+  afterAll(async () => {
+    if (server && typeof server.stop === "function") {
+      await server.stop()
+    }
+    cliConfig.clear()
+  })
+
+  return {
+    url,
+    server,
+    ky: kyInstance,
+    db,
+  }
+}

package/tests/test4-push-api.test.ts

@@ -0,0 +1,85 @@
+import { test, expect, beforeEach, afterEach } from "bun:test"
+import { getTestSnippetsServer } from "./fixtures/get-test-server"
+import { getCliTestFixture } from "./fixtures/get-cli-test-fixture"
+import * as fs from "node:fs"
+import * as path from "node:path"
+
+const { ky } = await getTestSnippetsServer()
+const { tmpDir, runCommand } = await getCliTestFixture()
+
+beforeEach(() => {
+  fs.rmSync(tmpDir, { recursive: true, force: true })
+  fs.mkdirSync(tmpDir, { recursive: true })
+  fs.writeFileSync(
+    path.join(tmpDir, "package.json"),
+    JSON.stringify({
+      name: "test-package",
+      version: "1.0.0",
+    }),
+  )
+})
+afterEach(() => {
+  fs.rmSync(tmpDir, { recursive: true, force: true })
+})
+
+test("should fail if no entrypoint file is found", async () => {
+  await runCommand("tsci push").catch((e) => {
+    expect(e.message).toInclude(
+      "No entrypoint found. Run 'tsci init' to bootstrap a basic project.",
+    )
+  })
+})
+
+test("should use default entrypoint if no file is provided", async () => {
+  const defaultEntrypoint = path.resolve(tmpDir, "index.tsx")
+  fs.writeFileSync(defaultEntrypoint, "// Default entrypoint!")
+  const { stdout } = await runCommand(`tsci push`)
+  expect(stdout).toContain(
+    "No file provided. Using 'index.tsx' as the entrypoint.",
+  )
+})
+
+test("should fail if package.json is missing or invalid", async () => {
+  const snippetFilePath = path.resolve(tmpDir, "snippet.tsx")
+  fs.writeFileSync(snippetFilePath, "// Snippet content")
+
+  try {
+    await runCommand(`tsci push ${snippetFilePath}`)
+  } catch (error) {
+    expect(console.error).toHaveBeenCalledWith(
+      "Failed to retrieve package version.",
+    )
+  }
+})
+
+test("should create package if it does not exist", async () => {
+  const snippetFilePath = path.resolve(tmpDir, "snippet.tsx")
+
+  fs.writeFileSync(snippetFilePath, "// Snippet content")
+
+  const { stdout } = await runCommand(`tsci push ${snippetFilePath}`)
+  expect(stdout).toContain("Successfully pushed package")
+})
+
+test("should bump version if release already exists", async () => {
+  const snippetFilePath = path.resolve(tmpDir, "snippet.tsx")
+  const packageJsonPath = path.resolve(tmpDir, "package.json")
+
+  fs.writeFileSync(snippetFilePath, "// Snippet content")
+  fs.writeFileSync(
+    packageJsonPath,
+    JSON.stringify({ name: "test-package", version: "1.0.0" }),
+  )
+
+  const { stdout } = await runCommand(`tsci push ${snippetFilePath}`)
+  expect(stdout).toContain("Incrementing Package Version 1.0.0 -> 1.0.1")
+})
+
+test("should upload files to the registry", async () => {
+  const snippetFilePath = path.resolve(tmpDir, "snippet.tsx")
+
+  fs.writeFileSync(snippetFilePath, "// Snippet content")
+
+  const { stdout } = await runCommand(`tsci push ${snippetFilePath}`)
+  expect(stdout).toContain("Uploaded file snippet.tsx to the registry.")
+})