@tscircuit/fake-snippets 0.0.121 → 0.0.123

package/src/pages/editor.tsx

@@ -1,54 +0,0 @@
-import { CodeAndPreview } from "@/components/package-port/CodeAndPreview"
-import Footer from "@/components/Footer"
-import Header from "@/components/Header"
-import { Helmet } from "react-helmet-async"
-import { useCurrentPackageInfo } from "@/hooks/use-current-package-info"
-
-export const EditorPage = () => {
-  const { packageInfo: pkg, error } = useCurrentPackageInfo()
-
-  const projectUrl = pkg ? `https://tscircuit.com/${pkg.name}` : undefined
-  const previewImageUrl =
-    pkg?.latest_pcb_preview_image_url ??
-    pkg?.latest_sch_preview_image_url ??
-    pkg?.latest_cad_preview_image_url ??
-    undefined
-
-  return (
-    <div className="overflow-x-hidden">
-      <Helmet>
-        <title>
-          {pkg ? `${pkg.unscoped_name} - tscircuit` : "tscircuit editor"}
-        </title>
-        {pkg && (
-          <>
-            <meta
-              property="og:title"
-              content={`${pkg.unscoped_name} - tscircuit`}
-            />
-            {previewImageUrl && (
-              <>
-                <meta property="og:image" content={previewImageUrl} />
-                <meta name="twitter:card" content="summary_large_image" />
-                <meta name="twitter:image" content={previewImageUrl} />
-              </>
-            )}
-          </>
-        )}
-      </Helmet>
-      <Header />
-      {!error && <CodeAndPreview pkg={pkg} projectUrl={projectUrl} />}
-      {error && error.status === 404 && (
-        <div className="w-full h-[calc(100vh-20rem)] text-xl text-center flex justify-center items-center">
-          Package not found
-        </div>
-      )}
-      {error && error.status !== 404 && (
-        <div className="flex flex-col">
-          Something strange happened<div>{error.message}</div>
-        </div>
-      )}
-      <Footer />
-    </div>
-  )
-}

package/src/pages/landing.tsx

@@ -1,237 +0,0 @@
-import { Button } from "@/components/ui/button"
-import { Card, CardContent } from "@/components/ui/card"
-import { Badge } from "@/components/ui/badge"
-import { OptimizedImage } from "@/components/OptimizedImage"
-import {
-  Code2,
-  Cpu,
-  Layers,
-  CloudLightningIcon as Lightning,
-  Maximize2,
-  Zap,
-} from "lucide-react"
-import { Helmet } from "react-helmet"
-import { Header2 } from "@/components/Header2"
-import Footer from "@/components/Footer"
-import { useSignIn } from "@/hooks/use-sign-in"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import { navigate } from "wouter/use-browser-location"
-import { FAQ } from "@/components/FAQ"
-import { TrendingPackagesCarousel } from "@/components/TrendingPackagesCarousel"
-import { Link } from "wouter"
-
-export function LandingPage() {
-  const signIn = useSignIn()
-  const isLoggedIn = useGlobalStore((s) => Boolean(s.session))
-  return (
-    <div className="flex min-h-screen flex-col">
-      <Helmet>
-        <link rel="preconnect" href="https://img.shields.io" />
-        <link rel="dns-prefetch" href="https://img.shields.io" />
-
-        <link rel="preconnect" href="https://shields.io" />
-        <link rel="dns-prefetch" href="https://shields.io" />
-
-        <link rel="preconnect" href="https://tscircuit.com" />
-        <link rel="dns-prefetch" href="https://tscircuit.com" />
-
-        <link rel="preconnect" href="https://api.tscircuit.com" />
-        <link rel="dns-prefetch" href="https://api.tscircuit.com" />
-      </Helmet>
-      <Header2 />
-      <main className="flex-1">
-        <section className="w-full py-8 md:py-12 lg:py-20 xl:py-36">
-          <div className="container px-4 md:px-6 mx-auto">
-            <div className="container mx-auto max-w-7xl">
-              <div className="grid gap-6 lg:grid-cols-[1fr_400px] lg:gap-12 xl:grid-cols-[1fr_600px]">
-                <div className="flex flex-col justify-center space-y-4">
-                  <div className="space-y-2">
-                    <Badge variant="secondary" className="w-fit">
-                      Open-Source, MIT Licensed
-                    </Badge>
-                    <h1 className="text-3xl font-bold tracking-tight sm:text-5xl xl:text-6xl/none">
-                      AI codes electronics with tscircuit
-                    </h1>
-                    <p className="max-w-[600px] text-muted-foreground md:text-xl">
-                      Build electronics with code and AI tools.
-                      <br />
-                      Render code into schematics, PCBs, 3D, fabrication files,
-                      and more.
-                    </p>
-                  </div>
-                  <div className="flex flex-col items-center gap-2 min-[500px]:flex-row">
-                    <a
-                      href="https://docs.tscircuit.com"
-                      className="w-[70vw] min-[500px]:w-auto"
-                    >
-                      <Button
-                        size="lg"
-                        aria-label="Get started with TSCircuit"
-                        className="w-full min-[500px]:w-auto"
-                      >
-                        Get Started
-                      </Button>
-                    </a>
-                    <Link
-                      href="/seveibar/led-water-accelerometer#3d"
-                      className="w-[70vw] min-[500px]:w-auto"
-                    >
-                      <Button
-                        size="lg"
-                        variant="outline"
-                        aria-label="Open online example of TSCircuit"
-                        className="w-full min-[500px]:w-auto"
-                      >
-                        Open Online Example
-                      </Button>
-                    </Link>
-                    <a
-                      href="https://github.com/tscircuit/tscircuit"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                    >
-                      <img
-                        alt="GitHub stars"
-                        src="https://img.shields.io/github/stars/tscircuit/tscircuit?style=social"
-                      />
-                    </a>
-                  </div>
-                  <div className="grid grid-cols-2 gap-4 sm:flex items-center w-full text-sm">
-                    <div className="flex items-center space-x-1">
-                      <Zap className="h-4 w-4" />
-                      <span>Lightning Fast Autorouting</span>
-                    </div>
-                    <div className="flex items-center space-x-1">
-                      <Cpu className="h-4 w-4" />
-                      <span>Designed for AI</span>
-                    </div>
-                    <div className="flex items-center space-x-1">
-                      <Layers className="h-4 w-4" />
-                      <span>Export &amp; Manufacture</span>
-                    </div>
-                    <div className="flex items-center space-x-1 sm:hidden">
-                      <Code2 className="h-4 w-4" />
-                      <span>Open Web Standards</span>
-                    </div>
-                  </div>
-                </div>
-                <div className="w-full aspect-video relative">
-                  <OptimizedImage
-                    alt="Product preview"
-                    className="mx-auto overflow-hidden rounded-xl object-cover object-center absolute inset-0 w-full h-full mt-8 lg:mt-0"
-                    src="/assets/editor_example_1_more_square.webp"
-                    priority={true}
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <TrendingPackagesCarousel />
-        <section
-          className="w-full py-12 md:py-24 lg:py-32 bg-gray-100 dark:bg-gray-800"
-          id="features"
-        >
-          <div className="container px-4 md:px-6 mx-auto">
-            <div className="flex flex-col items-center justify-center space-y-4 text-center">
-              <div className="space-y-2">
-                <h2 className="text-3xl font-bold tracking-tighter md:text-4xl">
-                  The Modern Toolkit for Electronic Design
-                </h2>
-                <p className="max-w-[900px] text-muted-foreground md:text-xl">
-                  Typescript and React equipped with expertly-designed web-first
-                  electronics libraries
-                </p>
-              </div>
-            </div>
-            <div className="mx-auto grid max-w-5xl items-center gap-6 py-12 lg:grid-cols-3">
-              <Card className="hover:shadow-lg transition-shadow duration-200 h-full">
-                <CardContent className="p-6">
-                  <Lightning className="h-12 w-12 mb-4" />
-                  <h3 className="text-xl font-bold">Version Control</h3>
-                  <p className="text-sm text-muted-foreground">
-                    Collaborate on Github or wherever you keep source code.
-                    Utilize industry-standard continuous integration tooling
-                  </p>
-                </CardContent>
-              </Card>
-              <Card className="hover:shadow-lg transition-shadow duration-200 h-full">
-                <CardContent className="p-6">
-                  <Cpu className="h-12 w-12 mb-4" />
-                  <h3 className="text-xl font-bold">Robust Autorouting</h3>
-                  <p className="text-sm text-muted-foreground">
-                    Near-instant local and cloud autorouters to give you a
-                    functional circuit board fast
-                  </p>
-                </CardContent>
-              </Card>
-              <Card className="hover:shadow-lg transition-shadow duration-200 h-full">
-                <CardContent className="p-6">
-                  <Maximize2 className="h-12 w-12 mb-4" />
-                  <h3 className="text-xl font-bold">
-                    Export &amp; Manufacture
-                  </h3>
-                  <p className="text-sm text-muted-foreground">
-                    Export to industry-standard formats like Gerber, SPICE
-                    netlists and more
-                  </p>
-                </CardContent>
-              </Card>
-            </div>
-          </div>
-        </section>
-        <div className="md:mt-8">
-          <OptimizedImage
-            alt="Product preview"
-            className="mx-auto aspect-video overflow-hidden rounded-xl object-cover object-center"
-            src="/assets/editor_example_2.webp"
-            height={310}
-            width={800}
-          />
-        </div>
-        <FAQ />
-        <div className="md:mt-8">
-          <OptimizedImage
-            alt="Product preview"
-            className="mx-auto aspect-video overflow-hidden rounded-xl object-cover object-center"
-            src="/assets/example_schematic.webp"
-            height={310}
-            width={800}
-          />
-        </div>
-        <section className="w-full py-12 md:py-24 lg:py-32 bg-primary" id="cta">
-          <div className="container px-4 md:px-6 mx-auto">
-            <div className="flex flex-col items-center justify-center space-y-4 text-center text-primary-foreground">
-              <div className="space-y-2">
-                <h2 className="text-3xl font-bold tracking-tighter md:text-4xl">
-                  Ready to build electronics with code?
-                </h2>
-                <p className="max-w-[600px] text-primary-foreground/80 md:text-xl">
-                  Join hundreds of engineers who are already using tscircuit to
-                  design complex electronics!
-                </p>
-              </div>
-              <div className="flex flex-col gap-2 min-[400px]:flex-row">
-                <Button
-                  onClick={() => {
-                    if (!isLoggedIn) {
-                      signIn()
-                    } else {
-                      navigate("/dashboard")
-                    }
-                  }}
-                  size="lg"
-                  variant="secondary"
-                  aria-label="Get started with TSCircuit now"
-                >
-                  Get Started
-                </Button>
-              </div>
-            </div>
-          </div>
-        </section>
-      </main>
-      <Footer />
-    </div>
-  )
-}

package/src/pages/latest.tsx

@@ -1,145 +0,0 @@
-import React, { useState } from "react"
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import { Package } from "fake-snippets-api/lib/db/schema"
-import Header from "@/components/Header"
-import Footer from "@/components/Footer"
-import { Search, Keyboard, Cpu, Layers, LucideBellElectric } from "lucide-react"
-import { Input } from "@/components/ui/input"
-import { useApiBaseUrl } from "@/hooks/use-packages-base-api-url"
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select"
-import PackageSearchResults from "@/components/PackageSearchResults"
-
-const LatestPage: React.FC = () => {
-  const axios = useAxios()
-  const apiBaseUrl = useApiBaseUrl()
-  const [searchQuery, setSearchQuery] = useState("")
-  const [category, setCategory] = useState("all")
-
-  const {
-    data: packages,
-    isLoading,
-    error,
-  } = useQuery<Package[]>(
-    ["latestPackages", category],
-    async () => {
-      const params = category !== "all" ? { tag: category } : {}
-      const response = await axios.get("/packages/list_latest", { params })
-      return response.data.packages
-    },
-    {
-      keepPreviousData: true,
-      refetchOnWindowFocus: false,
-      refetchOnMount: false,
-      refetchOnReconnect: false,
-    },
-  )
-
-  const filteredPackages = packages
-    ?.filter((pkg) => {
-      if (!searchQuery) return true
-
-      const query = searchQuery.toLowerCase().trim()
-
-      const searchableFields = [
-        pkg.unscoped_name.toLowerCase(),
-        pkg.owner_github_username?.toLowerCase() ?? "",
-        (pkg.description || "").toLowerCase(),
-      ]
-
-      return searchableFields.some((field) => {
-        const queryWords = query.split(/\s+/).filter((word) => word.length > 0)
-        return queryWords.every((word) => field.includes(word))
-      })
-    })
-    ?.sort((a, b) => b.created_at.localeCompare(a.created_at))
-
-  return (
-    <div className="min-h-screen flex flex-col">
-      <Header />
-      <main className="flex-grow container mx-auto px-4 py-8 min-h-[80vh]">
-        <div className="mb-8 max-w-3xl">
-          <div className="flex items-center gap-2 mb-3">
-            <h1 className="text-4xl font-bold text-gray-900">
-              Latest Packages
-            </h1>
-          </div>
-          <p className="text-lg text-gray-600 mb-4">
-            Explore the latest circuit designs from our community. These fresh
-            additions showcase new ideas and innovative approaches to circuit
-            design.
-          </p>
-        </div>
-
-        <div className="mb-6">
-          <div className="flex flex-col sm:flex-row gap-4 mb-4">
-            <div className="relative flex-grow">
-              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" />
-              <Input
-                type="text"
-                placeholder="Search latest packages..."
-                value={searchQuery}
-                onChange={(e) => setSearchQuery(e.target.value)}
-                className="pl-10"
-              />
-            </div>
-            <Select value={category} onValueChange={setCategory}>
-              <SelectTrigger className="w-full sm:w-[180px]">
-                <SelectValue placeholder="Category" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="all">All Categories</SelectItem>
-                <SelectItem value="keyboard">
-                  <div className="flex items-center">
-                    <Keyboard className="mr-2 h-4 w-4" />
-                    <span>Keyboards</span>
-                  </div>
-                </SelectItem>
-                <SelectItem value="microcontroller">
-                  <div className="flex items-center">
-                    <Cpu className="mr-2 h-4 w-4" />
-                    <span>Microcontrollers</span>
-                  </div>
-                </SelectItem>
-                <SelectItem value="connector">
-                  <div className="flex items-center">
-                    <Layers className="mr-2 h-4 w-4" />
-                    <span>Connectors</span>
-                  </div>
-                </SelectItem>
-                <SelectItem value="sensor">
-                  <div className="flex items-center">
-                    <LucideBellElectric className="mr-2 h-4 w-4" />
-                    <span>Sensors</span>
-                  </div>
-                </SelectItem>
-              </SelectContent>
-            </Select>
-          </div>
-        </div>
-        <PackageSearchResults
-          isLoading={isLoading}
-          error={error}
-          filteredPackages={filteredPackages}
-          apiBaseUrl={apiBaseUrl}
-          emptyStateMessage={
-            searchQuery
-              ? `No packages match your search for "${searchQuery}".`
-              : category !== "all"
-                ? `No ${category} packages found in the latest list.`
-                : "There are no new packages at the moment."
-          }
-        />
-      </main>
-      <Footer />
-    </div>
-  )
-}
-
-export default LatestPage

package/src/pages/my-orders.tsx

@@ -1,54 +0,0 @@
-import React from "react"
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import Header from "@/components/Header"
-import Footer from "@/components/Footer"
-import { Order } from "fake-snippets-api/lib/db/schema"
-import { Link } from "wouter"
-import { Button } from "@/components/ui/button"
-
-export const MyOrdersPage = () => {
-  const axios = useAxios()
-
-  const { data: orders, isLoading } = useQuery<Order[]>(
-    "userOrders",
-    async () => {
-      const response = await axios.get("/orders/list")
-      return response.data.orders
-    },
-  )
-
-  return (
-    <div>
-      <Header />
-      <div className="container mx-auto px-4 py-8">
-        <h1 className="text-3xl font-bold mb-6">My Orders</h1>
-        {isLoading ? (
-          <div>Loading orders...</div>
-        ) : (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {orders?.map((order) => (
-              <div key={order.order_id} className="border p-4 rounded-md">
-                <h3 className="text-lg font-semibold">
-                  Order #{order.order_id}
-                </h3>
-                <p className="text-sm text-gray-500">
-                  Created: {new Date(order.created_at).toLocaleString()}
-                </p>
-                <p className="text-sm text-gray-500">
-                  Status: {order.is_running ? "Running" : "Finished"}
-                </p>
-                <Link href={`/orders/${order.order_id}`}>
-                  <Button className="mt-2" variant="outline">
-                    View Details
-                  </Button>
-                </Link>
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
-      <Footer />
-    </div>
-  )
-}

package/src/pages/organization-profile.tsx

@@ -1,197 +0,0 @@
-import { useEffect, useState } from "react"
-import { useParams } from "wouter"
-import Header from "@/components/Header"
-import Footer from "@/components/Footer"
-import { OrganizationHeader } from "@/components/organization/OrganizationHeader"
-import { OrganizationMembers } from "@/components/organization/OrganizationMembers"
-import { PackageCard } from "@/components/PackageCard"
-import { Input } from "@/components/ui/input"
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select"
-import { useOrgByGithubHandle } from "@/hooks/use-org-by-github-handle"
-import { PackageCardSkeleton } from "@/components/PackageCardSkeleton"
-import { useApiBaseUrl } from "@/hooks/use-packages-base-api-url"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import { Box } from "lucide-react"
-import type { PublicOrgSchema, Package } from "fake-snippets-api/lib/db/schema"
-import { NotFound } from "@/components/NotFound"
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-
-export const OrganizationProfilePageContent = ({
-  org,
-}: { org: PublicOrgSchema }) => {
-  const baseUrl = useApiBaseUrl()
-  const session = useGlobalStore((s) => s.session)
-  const axios = useAxios()
-
-  const [searchQuery, setSearchQuery] = useState("")
-  const [activeTab, setActiveTab] = useState("packages")
-  const [filter, setFilter] = useState("most-recent")
-  const [showAllMembers, setShowAllMembers] = useState(false)
-
-  const isCurrentUserOrganization = session?.account_id === org.owner_account_id
-
-  const { data: userPackages, isLoading: isLoadingUserPackages } = useQuery<
-    Package[]
-  >(
-    ["userPackages", org.name],
-    async () => {
-      const response = await axios.post(`/packages/list`, {
-        owner_github_username: org.name,
-      })
-      return response.data.packages
-    },
-    {
-      enabled: Boolean(org.name),
-      refetchOnWindowFocus: false,
-    },
-  )
-
-  const filteredPackages = userPackages
-    ?.filter((pkg) => {
-      return (
-        !searchQuery ||
-        pkg.unscoped_name
-          .toLowerCase()
-          .includes(searchQuery.toLowerCase().trim())
-      )
-    })
-    ?.sort((a, b) => {
-      switch (filter) {
-        case "most-recent":
-          return b.updated_at.localeCompare(a.updated_at)
-        case "least-recent":
-          return a.updated_at.localeCompare(b.updated_at)
-        case "most-starred":
-          return (b.star_count || 0) - (a.star_count || 0)
-        case "a-z":
-          return a.unscoped_name.localeCompare(b.unscoped_name)
-        case "z-a":
-          return b.unscoped_name.localeCompare(a.unscoped_name)
-        default:
-          return 0
-      }
-    })
-
-  return (
-    <div className="min-h-screen">
-      <Header />
-
-      <OrganizationHeader
-        organization={org}
-        isCurrentUserOrganization={isCurrentUserOrganization}
-      />
-
-      <div className="container mx-auto px-4 py-8">
-        <div className="w-full">
-          <div className="w-full">
-            <Tabs
-              defaultValue="packages"
-              onValueChange={setActiveTab}
-              className="mb-6"
-            >
-              <TabsList>
-                <TabsTrigger
-                  value="packages"
-                  className="flex items-center gap-2"
-                >
-                  Packages
-                </TabsTrigger>
-                <TabsTrigger
-                  value="members"
-                  className="flex items-center gap-2"
-                >
-                  Members
-                </TabsTrigger>
-              </TabsList>
-            </Tabs>
-
-            {activeTab === "packages" && (
-              <div>
-                <div className="flex flex-col sm:flex-row gap-4 mb-6">
-                  <Input
-                    type="text"
-                    placeholder="Search packages..."
-                    value={searchQuery}
-                    onChange={(e) => setSearchQuery(e.target.value)}
-                    className="flex-1"
-                  />
-                  <Select value={filter} onValueChange={setFilter}>
-                    <SelectTrigger className="w-full sm:w-[180px]">
-                      <SelectValue placeholder="Sort by" />
-                    </SelectTrigger>
-                    <SelectContent>
-                      <SelectItem value="most-recent">Most Recent</SelectItem>
-                      <SelectItem value="least-recent">Least Recent</SelectItem>
-                      <SelectItem value="most-starred">Most Starred</SelectItem>
-                      <SelectItem value="a-z">A-Z</SelectItem>
-                      <SelectItem value="z-a">Z-A</SelectItem>
-                    </SelectContent>
-                  </Select>
-                </div>
-
-                {isLoadingUserPackages ? (
-                  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-                    {[...Array(6)].map((_, i) => (
-                      <PackageCardSkeleton key={i} />
-                    ))}
-                  </div>
-                ) : (
-                  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-                    {filteredPackages?.length !== 0 ? (
-                      filteredPackages?.map((pkg) => (
-                        <PackageCard
-                          key={pkg.package_id}
-                          pkg={pkg}
-                          showOwner={false}
-                          isCurrentUserPackage={isCurrentUserOrganization}
-                        />
-                      ))
-                    ) : (
-                      <div className="col-span-full flex justify-center">
-                        <div className="flex flex-col items-center py-20 text-gray-500">
-                          <Box className="mb-2" size={24} />
-                          <span className="text-lg font-medium">
-                            {searchQuery.trim()
-                              ? `No packages matching '${searchQuery.trim()}'`
-                              : "No packages available"}
-                          </span>
-                        </div>
-                      </div>
-                    )}
-                  </div>
-                )}
-              </div>
-            )}
-
-            {activeTab === "members" && (
-              <div>
-                <OrganizationMembers organization={org} />
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      <Footer />
-    </div>
-  )
-}
-
-export const OrganizationProfilePage = () => {
-  const { username } = useParams()
-  const { data: organization } = useOrgByGithubHandle(username || null)
-
-  if (!organization) {
-    return <NotFound />
-  }
-
-  return <OrganizationProfilePageContent org={organization} />
-}