@tscircuit/fake-snippets 0.0.121 → 0.0.122

package/src/components/Footer.tsx

@@ -1,144 +0,0 @@
-import { useGlobalStore } from "@/hooks/use-global-store"
-import { CircuitBoard } from "lucide-react"
-import { Link } from "wouter"
-
-export default function Footer() {
-  const session = useGlobalStore((s) => s.session)
-  const isLoggedIn = Boolean(session)
-
-  return (
-    <footer className="bg-white text-black py-12 border-t mt-8">
-      <div className="container mx-auto px-4">
-        <div className="space-y-4">
-          <div className="flex items-center gap-2">
-            <CircuitBoard className="h-6 w-6" />
-            <span className="text-lg font-bold">tscircuit</span>
-          </div>
-          <p className="text-sm text-muted-foreground">
-            The New Foundation for Electronic Design
-          </p>
-        </div>
-        <div className="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-8 text-sm text-gray-600 mt-8">
-          <div className="space-y-4">
-            <footer className="flex flex-col space-y-2">
-              {[
-                { name: "Home", href: "/" },
-                { name: "Dashboard", href: "/dashboard" },
-                { name: "Editor", href: "/editor" },
-                {
-                  name: "My Profile",
-                  href: `/${session?.github_username}`,
-                  hidden: !isLoggedIn,
-                },
-              ]
-                .filter((item) => !item.hidden)
-                .map((item) => (
-                  <Link
-                    key={item.name}
-                    href={item.href}
-                    className="hover:underline"
-                  >
-                    {item.name}
-                  </Link>
-                ))}
-              <a
-                href="https://chat.tscircuit.com"
-                className="hover:underline"
-                target="_blank"
-              >
-                Create with AI
-              </a>
-            </footer>
-          </div>
-
-          <div className="space-y-4">
-            <h3 className="font-semibold uppercase">Explore</h3>
-            <footer className="flex flex-col space-y-2">
-              <Link href="/latest" className="hover:underline">
-                Latest Packages
-              </Link>
-              <Link href="/trending" className="hover:underline">
-                Trending Packages
-              </Link>
-              <Link href="/search" className="hover:underline">
-                Search Packages
-              </Link>
-              <a href="https://docs.tscircuit.com" className="hover:underline">
-                Docs
-              </a>
-            </footer>
-          </div>
-
-          <div className="space-y-4">
-            <h3 className="font-semibold uppercase">Follow</h3>
-            <footer className="flex flex-col space-y-2">
-              <a href="https://blog.tscircuit.com" className="hover:underline">
-                Blog
-              </a>
-              <a href="https://x.com/tscircuit" className="hover:underline">
-                Twitter
-              </a>
-              <a href="https://tscircuit.com/join" className="hover:underline">
-                Discord
-              </a>
-              <a
-                href="https://github.com/tscircuit/tscircuit"
-                className="hover:underline"
-              >
-                GitHub
-              </a>
-              <a
-                href="https://youtube.com/@seveibar"
-                className="hover:underline"
-              >
-                YouTube
-              </a>
-            </footer>
-          </div>
-
-          <div className="space-y-4">
-            <h3 className="font-semibold uppercase">Company</h3>
-            <nav className="flex flex-col space-y-2">
-              <a
-                href="https://tscircuit.com/legal/terms-of-service"
-                className="hover:underline"
-              >
-                Terms of Service
-              </a>
-              <a
-                href="https://tscircuit.com/legal/privacy-policy"
-                className="hover:underline"
-              >
-                Privacy Policy
-              </a>
-              <a
-                href="mailto:contact@tscircuit.com"
-                className="hover:underline"
-              >
-                contact@tscircuit.com
-              </a>
-              <div className="flex-grow" />
-              <div className="text-xs text-gray-500">
-                we are inspired by{" "}
-                <a href="https://val.town" className="underline">
-                  val.town
-                </a>
-                ,{" "}
-                <a href="https://codesandbox.io/" className="underline">
-                  codesandbox
-                </a>{" "}
-                and{" "}
-                <a href="https://v0.dev" className="underline">
-                  v0.dev
-                </a>
-              </div>
-              <div className="text-xs text-gray-500">
-                &copy; {new Date().getFullYear()} tscircuit Inc.
-              </div>
-            </nav>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}

package/src/components/GithubAvatarWithFallback.tsx

@@ -1,35 +0,0 @@
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
-
-export const GithubAvatarWithFallback = ({
-  username,
-  fallback,
-  className,
-  fallbackClassName,
-  size,
-}: {
-  username?: string | null
-  fallback?: string | null
-  className?: string
-  fallbackClassName?: string
-  size?: number
-}) => {
-  return (
-    <Avatar className={className}>
-      <AvatarImage
-        src={`https://github.com/${username}.png${size ? `?size=${size}` : ""}`}
-        alt={`${username || fallback} avatar`}
-        className="object-cover"
-      />
-      <AvatarFallback
-        className={`bg-blue-100 text-blue-600 ${fallbackClassName}`}
-      >
-        {(username || fallback || "")
-          .split(" ")
-          .map((word) => word[0])
-          .join("")
-          .toUpperCase()
-          .slice(0, 2)}
-      </AvatarFallback>
-    </Avatar>
-  )
-}

package/src/components/Header.tsx

@@ -1,202 +0,0 @@
-import { HeaderLogin } from "@/components/HeaderLogin"
-import { Button } from "@/components/ui/button"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import { cn } from "@/lib/utils"
-import { GitHubLogoIcon, DiscordLogoIcon } from "@radix-ui/react-icons"
-import { Menu, X } from "lucide-react"
-import React, { useEffect, useState } from "react"
-import { useLocation } from "wouter"
-import { Link } from "wouter"
-import CmdKMenu from "./CmdKMenu"
-import HeaderDropdown from "./HeaderDropdown"
-import SearchComponent from "./SearchComponent"
-import { Analytics } from "./Analytics"
-
-const HeaderButton = ({
-  href,
-  children,
-  className,
-  alsoHighlightForUrl,
-}: {
-  href: string
-  children: React.ReactNode
-  className?: string
-  alsoHighlightForUrl?: string
-}) => {
-  const [location] = useLocation()
-  const isExternal = /^(https?|mailto|tel):\/?\//i.test(href)
-  if (isExternal) {
-    return (
-      <a
-        className={cn("header-button", className)}
-        href={href}
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        <Button className={className} variant="ghost">
-          {children}
-        </Button>
-      </a>
-    )
-  }
-
-  // For internal links, use the Link Component
-  if (location === href || location === alsoHighlightForUrl) {
-    return (
-      <Link className={cn("header-button", className)} href={href}>
-        <Button
-          variant="ghost"
-          className={`border-b-2 rounded-none border-blue-600 header-button ${className}`}
-        >
-          {children}
-        </Button>
-      </Link>
-    )
-  }
-
-  return (
-    <Link className={cn("header-button", className)} href={href}>
-      <Button className={className} variant="ghost">
-        {children}
-      </Button>
-    </Link>
-  )
-}
-
-export default function Header() {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
-  const isLoggedIn = useGlobalStore((s) => Boolean(s.session))
-  const sessionToken = useGlobalStore((s) => s.session?.token)
-
-  useEffect(() => {
-    window.TSCIRCUIT_REGISTRY_TOKEN = sessionToken ?? ""
-  }, [sessionToken])
-
-  return (
-    <header className="px-4 py-3">
-      <div className="flex items-center">
-        <Link
-          href="/"
-          className="text-lg font-semibold whitespace-nowrap select-none"
-        >
-          <span className="bg-blue-500 px-2 py-1 rounded-md text-white">
-            tscircuit
-          </span>
-        </Link>
-        <div className="hidden md:flex items-center space-x-4">
-          <nav>
-            <ul className="flex items-center gap-2 ml-2">
-              {isLoggedIn && (
-                <li>
-                  <HeaderButton href="/dashboard">Dashboard</HeaderButton>
-                </li>
-              )}
-              <li>
-                <HeaderButton href="/quickstart" alsoHighlightForUrl="/editor">
-                  Editor
-                </HeaderButton>
-              </li>
-              <li>
-                <a href="https://chat.tscircuit.com">
-                  <Button variant="ghost">AI</Button>
-                </a>
-              </li>
-              <li>
-                <a href="https://docs.tscircuit.com">
-                  <Button variant="ghost">Docs</Button>
-                </a>
-              </li>
-            </ul>
-          </nav>
-        </div>
-        <div className="flex-grow"></div>
-        <a
-          href="https://tscircuit.com/join"
-          target="_blank"
-          className="lg:mr-2"
-        >
-          <Button variant="ghost">
-            <DiscordLogoIcon className="text-gray-400 hidden lg:block hover:text-gray-600 transition-colors w-4 h-4" />
-          </Button>
-        </a>
-        <a
-          href="https://github.com/tscircuit/tscircuit"
-          target="_blank"
-          className="lg:mr-4"
-          aria-label="View TSCircuit on GitHub"
-        >
-          <GitHubLogoIcon className="hidden lg:block text-gray-400 hover:text-gray-600 transition-colors" />
-        </a>
-        {/* <a href="https://tscircuit.com/join" target="_blank" className="mr-2">
-          <DiscordLogoIcon className="text-gray-400 hover:text-gray-600 transition-colors" />
-        </a> */}
-        <div className="hidden md:flex items-center space-x-4">
-          <SearchComponent />
-          <HeaderDropdown />
-          <HeaderLogin />
-        </div>
-        <button
-          className="md:hidden"
-          onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-          aria-label={mobileMenuOpen ? "Close menu" : "Open menu"}
-        >
-          {mobileMenuOpen ? <X size={24} /> : <Menu size={24} />}
-        </button>
-      </div>
-      {mobileMenuOpen && (
-        <div className="md:hidden mt-4">
-          <nav className="mb-4">
-            <ul className="flex flex-col gap-2 w-full">
-              {isLoggedIn && (
-                <li>
-                  <HeaderButton
-                    className="w-full justify-start"
-                    href="/dashboard"
-                  >
-                    Dashboard
-                  </HeaderButton>
-                </li>
-              )}
-              <li>
-                <HeaderButton
-                  className="w-full justify-start"
-                  href="/quickstart"
-                  alsoHighlightForUrl="/editor"
-                >
-                  Editor
-                </HeaderButton>
-              </li>
-              <li>
-                <HeaderButton
-                  className="w-full justify-start"
-                  href="https://chat.tscircuit.com"
-                >
-                  AI
-                </HeaderButton>
-              </li>
-              <li>
-                <HeaderButton
-                  className="w-full justify-start"
-                  href="https://docs.tscircuit.com"
-                >
-                  Docs
-                </HeaderButton>
-              </li>
-              <li>
-                <HeaderButton className="w-full justify-start" href="/search">
-                  Search
-                </HeaderButton>
-              </li>
-            </ul>
-          </nav>
-          <div className="flex flex-col gap-4">
-            <HeaderDropdown />
-            <HeaderLogin />
-          </div>
-        </div>
-      )}
-      <CmdKMenu />
-      <Analytics />
-    </header>
-  )
-}

package/src/components/Header2.tsx

@@ -1,202 +0,0 @@
-import { Button } from "@/components/ui/button"
-import { Search, Menu, X } from "lucide-react"
-import { Link } from "wouter"
-import { HeaderLogin } from "./HeaderLogin"
-import SearchComponent from "./SearchComponent"
-import HeaderDropdown from "./HeaderDropdown"
-import { useState } from "react"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import { Analytics } from "./Analytics"
-import CmdKMenu from "./CmdKMenu"
-
-const SearchButtonComponent = () => {
-  const [isExpanded, setIsExpanded] = useState(false)
-
-  return (
-    <div className="relative">
-      {isExpanded ? (
-        <div className="flex items-center gap-2 ml-8">
-          <div className="absolute -top-4 right-3 bg-white">
-            <SearchComponent
-              autofocus
-              closeOnClick={() => {
-                setIsExpanded(false)
-              }}
-            />
-          </div>
-        </div>
-      ) : (
-        <>
-          <Button
-            variant="ghost"
-            size="icon"
-            onClick={() => setIsExpanded(true)}
-            className="h-8 w-8 hidden sm:flex"
-            aria-label="Open search"
-          >
-            <Search className="size-4" />
-          </Button>
-          <Button
-            variant="ghost"
-            size="icon"
-            onClick={() => (window.location.href = "/search")}
-            className="h-8 w-8 flex sm:hidden"
-            aria-label="Go to search"
-          >
-            <Search className="size-4" />
-          </Button>
-        </>
-      )}
-    </div>
-  )
-}
-
-export const Header2 = () => {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
-  const isLoggedIn = useGlobalStore((state) => Boolean(state.session))
-
-  return (
-    <>
-      <header className="sticky top-0 z-50 w-full border-b bg-white md:bg-white/80 md:backdrop-blur supports-[backdrop-filter]:md:bg-white/60">
-        <div className="container mx-auto flex h-16 items-center justify-between px-2 md:px-6">
-          <Link href="/" className="flex select-none items-center">
-            <span className="bg-blue-500 px-2 py-1 rounded-md text-white text-sm font-semibold sm:text-base">
-              tscircuit
-            </span>
-          </Link>
-
-          {/* Desktop Navigation */}
-          <nav className="hidden md:flex gap-6">
-            {isLoggedIn && (
-              <Link
-                className="text-sm font-medium hover:underline underline-offset-4"
-                href="/dashboard"
-              >
-                Dashboard
-              </Link>
-            )}
-            <Link
-              className="text-sm font-medium hover:underline underline-offset-4"
-              href="/quickstart"
-            >
-              Editor
-            </Link>
-            <a
-              className="text-sm font-medium hover:underline underline-offset-4"
-              href="https://docs.tscircuit.com"
-            >
-              Docs
-            </a>
-            <a
-              className="text-sm font-medium hover:underline underline-offset-4"
-              href="https://tscircuit.com/join"
-            >
-              Discord
-            </a>
-            <a
-              className="text-sm font-medium hover:underline underline-offset-4"
-              href="mailto:hello@tscircuit.com"
-            >
-              Contact
-            </a>
-          </nav>
-
-          {/* Desktop Right Side */}
-          <div className="hidden md:flex items-center gap-4">
-            <SearchButtonComponent />
-            {isLoggedIn && <HeaderDropdown />}
-            <HeaderLogin />
-          </div>
-
-          {/* Mobile Right Side */}
-          <div className="flex md:hidden items-center gap-2">
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={() => (window.location.href = "/search")}
-              className="h-8 w-8"
-              aria-label="Go to search"
-            >
-              <Search className="size-4" />
-            </Button>
-            {isLoggedIn ? (
-              <HeaderLogin />
-            ) : (
-              <Link href="/quickstart">
-                <Button size="sm" className="text-xs px-3 py-1">
-                  Get Started
-                </Button>
-              </Link>
-            )}
-            <button
-              className="p-2"
-              onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-              aria-label={mobileMenuOpen ? "Close menu" : "Open menu"}
-            >
-              {mobileMenuOpen ? <X size={20} /> : <Menu size={20} />}
-            </button>
-          </div>
-        </div>
-
-        {/* Mobile Menu */}
-        {mobileMenuOpen && (
-          <div className="md:hidden border-t bg-white ">
-            <div className="container mx-auto px-4 py-3">
-              <nav className="mb-4">
-                <div className="flex flex-col items-center gap-1">
-                  {isLoggedIn && (
-                    <Link
-                      className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
-                      href="/dashboard"
-                      onClick={() => setMobileMenuOpen(false)}
-                    >
-                      Dashboard
-                    </Link>
-                  )}
-                  <Link
-                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
-                    href="/quickstart"
-                    onClick={() => setMobileMenuOpen(false)}
-                  >
-                    Editor
-                  </Link>
-                  <a
-                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
-                    href="https://docs.tscircuit.com"
-                  >
-                    Docs
-                  </a>
-                  <a
-                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
-                    href="https://tscircuit.com/join"
-                  >
-                    Discord
-                  </a>
-                  <a
-                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
-                    href="mailto:hello@tscircuit.com"
-                  >
-                    Contact
-                  </a>
-                </div>
-              </nav>
-              <div className="flex flex-col items-center gap-4 pt-4 border-t border-gray-200">
-                {isLoggedIn ? (
-                  <div className="w-full flex justify-center">
-                    <HeaderDropdown />
-                  </div>
-                ) : (
-                  <div className="w-full flex justify-center">
-                    <HeaderLogin />
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        )}
-      </header>
-      <CmdKMenu />
-      <Analytics />
-    </>
-  )
-}

package/src/components/HeaderDropdown.tsx

@@ -1,88 +0,0 @@
-import { useState } from "react"
-import { Button } from "@/components/ui/button"
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
-import { cn } from "@/lib/utils"
-import { ChevronDown, FileUp, Upload, Zap } from "lucide-react"
-import { Link } from "wouter"
-
-export default function HeaderDropdown() {
-  const [open, setOpen] = useState(false)
-  const blankTemplates = [
-    { name: "Blank Circuit Board", type: "board", badgeColor: "bg-blue-500" },
-    {
-      name: "Blank Circuit Module",
-      type: "package",
-      badgeColor: "bg-green-500",
-    },
-    {
-      name: "Blank 3D Model",
-      type: "model",
-      badgeColor: "bg-purple-500 ",
-      disabled: true,
-    },
-    {
-      name: "Blank Footprint",
-      type: "footprint",
-      badgeColor: "bg-pink-500 ",
-      disabled: true,
-    },
-  ]
-
-  return (
-    <DropdownMenu open={open} onOpenChange={setOpen}>
-      <DropdownMenuTrigger asChild>
-        <Button
-          size="sm"
-          variant="default"
-          className="bg-blue-600 hover:bg-blue-700"
-        >
-          New <ChevronDown className="ml-1 h-4 w-4" />
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-fit">
-        <DropdownMenuItem asChild>
-          <Link
-            href="/quickstart"
-            className="flex items-center cursor-pointer"
-            onClick={() => setOpen(false)}
-          >
-            <Zap className="mr-2 h-3 w-3" />
-            Quickstart Templates
-          </Link>
-        </DropdownMenuItem>
-        {blankTemplates.map((template, index) => (
-          <DropdownMenuItem key={index} asChild disabled={template.disabled}>
-            <Link
-              href={`/editor?template=${template.name.toLowerCase().replace(/ /g, "-")}`}
-              className={cn(
-                "flex items-center cursor-pointer",
-                template.disabled && "opacity-50 cursor-not-allowed",
-              )}
-              onClick={() => !template.disabled && setOpen(false)}
-            >
-              <span
-                className={`w-2 h-2 rounded-full mr-2 ${template.badgeColor}`}
-              />
-              {template.name}
-            </Link>
-          </DropdownMenuItem>
-        ))}
-        <DropdownMenuItem asChild>
-          <Link
-            href="/quickstart"
-            className="flex items-center cursor-pointer"
-            onClick={() => setOpen(false)}
-          >
-            <Upload className="mr-2 h-3 w-3" />
-            Import Part
-          </Link>
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}