@tscircuit/fake-snippets 0.0.121 → 0.0.123

package/fake-snippets-api/routes/api/snippets/search.ts

@@ -1,18 +0,0 @@
-import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
-import { z } from "zod"
-import { snippetSchema } from "fake-snippets-api/lib/db/schema"
-
-export default withRouteSpec({
-  methods: ["GET"],
-  auth: "none",
-  queryParams: z.object({
-    q: z.string(),
-  }),
-  jsonResponse: z.object({
-    snippets: z.array(snippetSchema),
-  }),
-})(async (req, ctx) => {
-  const { q } = req.query
-  const snippets = ctx.db.searchSnippets(q)
-  return ctx.json({ snippets })
-})

package/fake-snippets-api/routes/api/snippets/update.ts

@@ -1,114 +0,0 @@
-import { z } from "zod"
-import { snippetSchema } from "../../../lib/db/schema"
-import { withRouteSpec } from "../../../lib/middleware/with-winter-spec"
-
-export default withRouteSpec({
-  methods: ["POST"],
-  auth: "session",
-  jsonBody: z.object({
-    snippet_id: z.string(),
-    code: z.string().optional(),
-    description: z.string().optional(),
-    unscoped_name: z.string().optional(),
-    dts: z.string().optional(),
-    compiled_js: z.string().optional().nullable(),
-    circuit_json: z.array(z.record(z.any())).optional().nullable(),
-    manual_edits_json_content: z.string().optional().nullable(),
-    snippet_type: z.enum(["board", "package", "model", "footprint"]).optional(),
-    is_private: z.boolean().optional(),
-    is_unlisted: z.boolean().optional(),
-  }),
-  jsonResponse: z.object({
-    ok: z.boolean(),
-    snippet: snippetSchema,
-  }),
-})(async (req, ctx) => {
-  const {
-    snippet_id,
-    code,
-    description,
-    unscoped_name,
-    dts,
-    compiled_js,
-    circuit_json,
-    snippet_type,
-    manual_edits_json_content,
-    is_private,
-    is_unlisted,
-  } = req.jsonBody
-
-  const packageIndex = ctx.db.packages.findIndex(
-    (s) => s.package_id === snippet_id,
-  )
-
-  if (packageIndex === -1) {
-    return ctx.error(404, {
-      error_code: "snippet_not_found",
-      message: "Snippet not found",
-    })
-  }
-
-  const _package = ctx.db.packages[packageIndex]
-  const packageRelease = ctx.db.packageReleases.find(
-    (r) => r.package_release_id === _package.latest_package_release_id,
-  )
-  const packageFiles = ctx.db.packageFiles.filter(
-    (f) => f.package_release_id === packageRelease?.package_release_id,
-  )
-  const codeFile = packageFiles.find(
-    (f) => f.file_path === "index.tsx" || f.file_path === "index.ts",
-  )
-  const dtsFile = packageFiles.find((f) => f.file_path === "/dist/index.d.ts")
-  const compiledJsFile = packageFiles.find(
-    (f) => f.file_path === "/dist/index.js",
-  )
-  const manualEditsJsonFile = packageFiles.find(
-    (f) => f.file_path === "manual-edits.json",
-  )
-  const circuitJsonFile = packageFiles.find(
-    (f) => f.file_path === "/dist/circuit.json",
-  )
-
-  if (_package.owner_github_username !== ctx.auth.github_username) {
-    return ctx.error(403, {
-      error_code: "forbidden",
-      message: "You don't have permission to update this snippet",
-    })
-  }
-
-  const updatedSnippet = ctx.db.updateSnippet(snippet_id, {
-    code: code ?? codeFile?.content_text ?? "",
-    description: description ?? _package.description ?? "",
-    unscoped_name: unscoped_name ?? _package.unscoped_name,
-    name: unscoped_name
-      ? `${ctx.auth.github_username}/${unscoped_name}`
-      : _package.name,
-    dts: dts ?? dtsFile?.content_text ?? "",
-    compiled_js: compiled_js ?? compiledJsFile?.content_text ?? "",
-    manual_edits_json_content:
-      manual_edits_json_content !== undefined
-        ? manual_edits_json_content
-        : (manualEditsJsonFile?.content_text ?? ""),
-    circuit_json:
-      circuit_json ??
-      (circuitJsonFile?.content_text
-        ? JSON.parse(circuitJsonFile.content_text)
-        : []),
-    snippet_type: snippet_type ?? _package.snippet_type,
-    is_private: is_private ?? _package.is_private ?? false,
-    is_unlisted: is_unlisted ?? _package.is_unlisted ?? false,
-    updated_at: new Date().toISOString(),
-  })
-
-  if (!updatedSnippet) {
-    return ctx.error(500, {
-      error_code: "update_failed",
-      message: "Failed to update snippet",
-    })
-  }
-
-  return ctx.json({
-    ok: true,
-    snippet: updatedSnippet,
-  })
-})

package/fake-snippets-api/utils/normalizeProjectFilePath.ts

@@ -1,60 +0,0 @@
-const RESTRICTED_DIRS = ["/node_modules/", "/dist/", "/.git/"]
-
-/**
- * A normalized project path always starts with "./" and never ends with a slash.
- * It has no backwards slashes and no double slashes. It does not go to parent
- * directories. It is not a directory (must have a file extension)
- *
- * GOOD:
- *  - src/index.ts
- *  - README.md
- *
- * BAD:
- * - ./README.md
- * - ./src/index.ts
- * - src\index.ts
- * - ../README.md
- * - ./src/
- * - ./src
- *
- * Additionally, throw on directories that should never be included, e.g.
- * - node_modules
- * - dist
- * - .git
- */
-export const normalizeProjectFilePathAndValidate = (rawPath: string) => {
-  const normalizedPath = normalizeProjectFilePath(rawPath)
-
-  if (normalizedPath.includes("../")) {
-    throw new Error(
-      "Invalid project file path. Parent directories are not allowed.",
-    )
-  }
-
-  if (RESTRICTED_DIRS.some((dir) => normalizedPath.includes(dir))) {
-    throw new Error(
-      `Invalid project file path. Restricted directories (${RESTRICTED_DIRS.map(
-        (rd) => rd.slice(1, -1),
-      ).join(", ")}) are not allowed.`,
-    )
-  }
-
-  if (!normalizedPath.includes(".")) {
-    throw new Error(
-      `Invalid project file path. Must have a file extension. Given "${rawPath}"`,
-    )
-  }
-
-  return normalizedPath
-}
-
-export const normalizeProjectFilePath = (rawPath: string) => {
-  let normalizedPath = rawPath.trim() // Remove leading/trailing whitespace
-  normalizedPath = normalizedPath.replace(/\/+/g, "/") // Replace multiple consecutive slashes with a single slash
-  normalizedPath = normalizedPath.replace(/^\.\//, "") // Remove leading "./"
-  normalizedPath = normalizedPath.replace(/\/$/, "") // Remove trailing slash
-  normalizedPath = normalizedPath.replace(/\\/g, "/") // Replace backslashes with forward slashes
-  normalizedPath = normalizedPath.replace(/^\//, "") // Remove leading "/"
-
-  return normalizedPath
-}

package/fake-snippets-api/utils/order-steps.ts

@@ -1,20 +0,0 @@
-export const orderSteps = [
-  "are_gerbers_generated",
-  "are_gerbers_uploaded",
-  "is_gerber_analyzed",
-  "are_initial_costs_calculated",
-  "is_pcb_added_to_cart",
-  "is_bom_uploaded",
-  "is_pnp_uploaded",
-  "is_bom_pnp_analyzed",
-  "is_bom_parsing_complete",
-  "are_components_available",
-  "is_patch_map_generated",
-  "is_json_merge_file_created",
-  "is_dfm_result_generated",
-  "are_files_downloaded",
-  "are_product_categories_fetched",
-  "are_final_costs_calculated",
-  "is_json_merge_file_updated",
-  "is_added_to_cart",
-] as const

package/index.html

@@ -1,125 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <meta name="robots" content="index, follow, NOODP" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16" />
-  <!-- SEO_START -->
-  <title>tscircuit - Code Electronics with React</title>
-  <meta name="description"
-    content="tscircuit is an open-source electronics design tool that lets you create circuits using React components. Design schematics, generate PCB layouts, export and manufacture PCBs online!" />
-  <meta name="keywords"
-    content="electronic design, PCB design, schematic capture, React components, circuit design, electronics CAD, open source EDA" />
-  <meta property="og:title" content="tscircuit - Design Electronics with React Components" />
-  <meta property="og:description"
-    content="Create electronic circuits using React components. Design schematics, generate PCB layouts, and manufacture custom PCBs with this free open-source tool." />
-  <meta property="og:type" content="website" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:title" content="tscircuit - Design Electronics with React Components" />
-  <meta name="twitter:description"
-    content="Create electronic circuits using React components. Free open-source electronics design tool." />
-  <meta property="og:image" content="https://tscircuit.com/assets/editor_example_1_more_square-2000w.webp" />
-  <meta property="og:image:width" content="2000" />
-  <meta property="og:image:height" content="2000" />
-  <meta name="twitter:image" content="https://tscircuit.com/assets/editor_example_1_more_square-2000w.webp" />
-  <link rel="canonical" href="https://tscircuit.com" />
-  <!-- SEO_END -->
-
-  <!-- SSR_START -->
-  <!-- SSR_END -->
-
-  <style>
-    /* Loader Styles */
-    .loading-overlay {
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(255, 255, 255, 0.7);
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      z-index: 9999;
-    }
-
-    .loading-container {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: 1em;
-    }
-
-    .loading {
-      background-color: lightgrey;
-      height: 2px;
-      overflow: hidden;
-      position: relative;
-      width: 12em;
-      border-radius: 2px;
-    }
-
-    .loading-bar {
-      animation: side2side 2s ease-in-out infinite;
-      background-color: dodgerblue;
-      height: 100%;
-      position: absolute;
-      width: 45%;
-    }
-
-    @keyframes side2side {
-      0%, 100% {
-        transform: translateX(-50%);
-      }
-      50% {
-        transform: translateX(150%);
-      }
-    }
-  </style>
-
-  <script>
-    window.onload = function() {
-      const loader = document.getElementById("loader");
-      const root = document.getElementById("root");
-
-      // Hide the loader and show the root when the page has fully loaded
-      loader.style.transition = "opacity 0.3s ease";
-      loader.style.opacity = "0"; // Fade out the loader
-      setTimeout(function() {
-        loader.style.display = "none"; // Hide loader completely
-        root.style.visibility = "visible"; // Show the root content
-      }, 300); // Match the opacity transition duration
-    };
-  </script>
-
-  <!-- Google tag (gtag.js) -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16607843883">
-  </script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-  
-    gtag('config', 'AW-16607843883');
-  </script>
-</head>
-
-<body>
-  <div class="loaderanimation">
-    <div id="loader" class="loading-overlay">
-      <div class="loading-container">
-        <div class="loading">
-          <div class="loading-bar"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div id="root" class="loaderanimation" style="visibility: hidden;"></div> <!-- Initially hidden -->
-
-  <script type="module" src="./src/main.tsx"></script>
-</body>
-
-</html>

package/landing.html

@@ -1,23 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="robots" content="index, follow, NOODP" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16">
-    <title>tscircuit - Code Electronics with React</title>
-    <meta name="description" content="tscircuit is an open-source electronics design tool that lets you create circuits using React components. Design schematics, generate PCB layouts, export and manufacture PCBs online!" />
-    <meta name="keywords" content="electronic design, PCB design, schematic capture, React components, circuit design, electronics CAD, open source EDA" />
-    <meta property="og:title" content="tscircuit - Design Electronics with React Components" />
-    <meta property="og:description" content="Create electronic circuits using React components. Design schematics, generate PCB layouts, and manufacture custom PCBs with this free open-source tool." />
-    <meta property="og:type" content="website" />
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:title" content="tscircuit - Design Electronics with React Components" />
-    <meta name="twitter:description" content="Create electronic circuits using React components. Free open-source electronics design tool." />
-    <link rel="canonical" href="https://tscircuit.com" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/pages/landing.tsx"></script>
-  </body>
-</html>

package/playwright-tests/ai-page.spec.ts

@@ -1,19 +0,0 @@
-import { test, expect } from "@playwright/test"
-import { viewports } from "./viewports"
-
-for (const [size, viewport] of Object.entries(viewports)) {
-  test(`AI Page on ${size} screen`, async ({ page }) => {
-    await page.setViewportSize(viewport)
-    await page.goto("http://127.0.0.1:5177/ai")
-
-    // it is only working for desktop beacuse fake testuser login is not appearing for mobile
-
-    // await page.goto("http://127.0.0.1:5177");
-    // await page.click("text='Fake testuser Login'");
-    // await page.waitForSelector(".login-avatar");
-    // await page.click(".header-button[href='/ai']");
-    // await page.waitForSelector("text='Submit a prompt to get started!'");
-
-    await expect(page).toHaveScreenshot(`AI-Page-${size}.png`)
-  })
-}

package/playwright-tests/circuit-json-import.spec.ts

@@ -1,133 +0,0 @@
-import { test, expect } from "@playwright/test"
-import { exampleCircuitJson } from "./exampleCircuitJson"
-
-async function loginToSite(page) {
-  const loginButton = page.getByRole("button", { name: "Log in" })
-  if (await loginButton.isVisible()) {
-    await loginButton.click()
-    await page.waitForLoadState("networkidle")
-  }
-}
-
-test.beforeEach(async ({ page }) => {
-  await page.goto("http://127.0.0.1:5177/quickstart")
-  await page.waitForTimeout(3000)
-  await loginToSite(page).catch(() => {})
-})
-
-test("should open and close the Circuit Json Import Dialog", async ({
-  page,
-}) => {
-  const importButton = page.locator('button:has-text("Import Circuit JSON")')
-  await importButton.click()
-
-  const dialog = page.getByRole("dialog")
-  await expect(dialog).toBeVisible()
-
-  const closeButton = dialog.getByRole("button", { name: "Close" })
-  await closeButton.click()
-
-  await expect(dialog).not.toBeVisible()
-})
-
-test("should handle valid Circuit JSON input", async ({ page }) => {
-  const importButton = page.getByRole("button", { name: "Import Circuit JSON" })
-  await importButton.click()
-  const textarea = page.locator(
-    'textarea[placeholder="Paste the Circuit JSON."]',
-  )
-  await textarea.fill(JSON.stringify(exampleCircuitJson))
-
-  const importDialogButton = page.getByRole("button", { name: "Import" })
-  await importDialogButton.click()
-
-  const successToast = page.locator(
-    'div.text-sm.font-semibold:has-text("Import Successful")',
-  )
-  await successToast.waitFor({ state: "visible", timeout: 5000 })
-  await expect(successToast).toBeVisible()
-})
-
-test("should handle valid Circuit JSON file upload", async ({ page }) => {
-  const importButton = page.locator('button:has-text("Import Circuit JSON")')
-  await importButton.click()
-
-  const fileInput = page.locator('input[type="file"]')
-
-  await fileInput.setInputFiles({
-    name: "circuit.json",
-    mimeType: "application/json",
-    // @ts-expect-error didnt add node types to tsconfig
-    buffer: Buffer.from(JSON.stringify(exampleCircuitJson)),
-  })
-
-  const importDialogButton = page.getByRole("button", { name: "Import" })
-  await importDialogButton.click()
-  const successToast = page.locator(
-    'div.text-sm.font-semibold:has-text("Import Successful")',
-  )
-  await successToast.waitFor({ state: "visible", timeout: 5000 })
-  await expect(successToast).toBeVisible()
-})
-
-test("should handle invalid Circuit JSON input", async ({ page }) => {
-  const importButton = page.locator('button:has-text("Import Circuit JSON")')
-  await importButton.click()
-
-  const textarea = page.locator(
-    'textarea[placeholder="Paste the Circuit JSON."]',
-  )
-  await textarea.fill("invalid json content")
-
-  const importDialogButton = page.getByRole("button", { name: "Import" })
-  await importDialogButton.click()
-
-  const errorToast = page.locator(
-    'div.text-sm.font-semibold:has-text("Invalid Input")',
-  )
-  await errorToast.waitFor({ state: "visible", timeout: 5000 })
-  await expect(errorToast).toBeVisible()
-})
-
-test("should handle invalid Circuit JSON file upload", async ({ page }) => {
-  const importButton = page.locator('button:has-text("Import Circuit JSON")')
-  await importButton.click()
-
-  const fileInput = page.locator('input[type="file"]')
-  await fileInput.setInputFiles({
-    name: "circuit.json",
-    mimeType: "application/json",
-    // @ts-expect-error didnt add node types to tsconfig
-    buffer: Buffer.from(JSON.stringify({})),
-  })
-
-  const importDialogButton = page.getByRole("button", { name: "Import" })
-  await importDialogButton.click()
-
-  const errorToast = page.locator(
-    'div.text-sm.font-semibold:has-text("Import Failed")',
-  )
-  await errorToast.waitFor({ state: "visible", timeout: 5000 })
-  await expect(errorToast).toBeVisible()
-})
-
-test("should handle non-JSON file upload", async ({ page }) => {
-  const importButton = page.locator('button:has-text("Import Circuit JSON")')
-  await importButton.click()
-
-  const fileInput = page.locator('input[type="file"]')
-  await fileInput.setInputFiles({
-    name: "circuit.txt",
-    mimeType: "application/text",
-    // @ts-expect-error didnt add node types to tsconfig
-    buffer: Buffer.from(""),
-  })
-
-  const importDialogButton = page.getByRole("button", { name: "Import" })
-  await importDialogButton.click()
-
-  const errorToast = page.locator(
-    'div.pb-4 > p:has-text("Please select a valid JSON file.")',
-  )
-  await expect(errorToast).toBeVisible()
-})

package/playwright-tests/cmd-click.spec.ts

@@ -1,43 +0,0 @@
-import { test, expect } from "@playwright/test"
-
-test("Editor handles imports with underlining and cmd+click", async ({
-  page,
-}) => {
-  await page.goto("http://127.0.0.1:5177/editor?snippet_id=snippet_3")
-
-  await page.waitForLoadState("networkidle")
-
-  // Wait for and verify the underlined import
-  const underlinedText = await page.locator(".cm-underline")
-  await expect(underlinedText).toBeVisible()
-
-  // Verify the styling matches our expectations
-  const styles = await underlinedText.evaluate((el) => {
-    const computed = window.getComputedStyle(el)
-    return {
-      textDecoration: computed.textDecoration,
-      cursor: computed.cursor,
-    }
-  })
-
-  expect(styles.textDecoration).toContain("underline")
-  expect(styles.cursor).toBe("pointer")
-
-  // Test cmd+click behavior
-  const popupPromise = page.waitForEvent("popup")
-  await underlinedText.click({
-    modifiers: process.platform === "darwin" ? ["Meta"] : ["Control"],
-  })
-
-  // Verify new tab opens with correct URL
-  const popup = await popupPromise
-  const popupUrl = popup.url()
-
-  // URL validation
-  expect(popupUrl).toMatch(
-    /^http:\/\/127\.0\.0\.1:5177\/[a-zA-Z0-9-]+\/[a-zA-Z0-9-]+$/,
-  )
-
-  // Take a snapshot of the editor showing underlined imports
-  await expect(page).toHaveScreenshot("underlined-imports.png")
-})

package/playwright-tests/dashboard-page.spec.ts

@@ -1,10 +0,0 @@
-import { test, expect } from "@playwright/test"
-import { viewports } from "./viewports"
-
-for (const [size, viewport] of Object.entries(viewports)) {
-  test(`Dashboard Page on ${size} screen`, async ({ page }) => {
-    await page.setViewportSize(viewport)
-    await page.goto("http://127.0.0.1:5177/dashboard")
-    await expect(page).toHaveScreenshot(`Dashboard-page-${size}.png`)
-  })
-}

package/playwright-tests/editor-page.spec.ts

@@ -1,15 +0,0 @@
-import { test, expect } from "@playwright/test"
-import { viewports } from "./viewports"
-
-test("Editor loads snippet correctly", async ({ page }) => {
-  await page.goto("http://127.0.0.1:5177/editor?snippet_id=snippet_5")
-
-  // Wait for network requests to complete
-  // await page.waitForLoadState("networkidle")
-
-  // Check for specific text that should be present
-  await expect(page.getByText("A555Timer").first()).toBeVisible()
-
-  // Take a snapshot
-  await expect(page).toHaveScreenshot("editor-with-snippet.png")
-})