@tscircuit/fake-snippets 0.0.121 → 0.0.123

package/src/lib/utils/timeAgo.ts

@@ -1,20 +0,0 @@
-import TimeAgo from "javascript-time-ago"
-import en from "javascript-time-ago/locale/en"
-
-TimeAgo.addDefaultLocale(en)
-
-export const timeAgo = (
-  date: Date | string | null | undefined,
-  fallback = "???",
-) => {
-  if (!date) return fallback
-  if (typeof date === "string") {
-    date = new Date(date)
-  }
-  try {
-    const timeAgo = new TimeAgo("en-US")
-    return timeAgo.format(date)
-  } catch (error) {
-    return fallback
-  }
-}

package/src/lib/utils/toastManualEditConflicts.tsx

@@ -1,39 +0,0 @@
-import { ToasterToast } from "@/hooks/use-toast"
-
-export function toastManualEditConflicts(
-  circuitJson: { type: string; message: string }[],
-  toast: (props: Omit<ToasterToast, "id">) => void,
-) {
-  const pcb_manual_edit_conflict_warnings = circuitJson.filter(
-    (x) => x.type === "pcb_manual_edit_conflict_warning",
-  )
-  const schematic_manual_edit_conflict_warnings = circuitJson.filter(
-    (x) => x.type === "schematic_manual_edit_conflict_warning",
-  )
-
-  if (
-    pcb_manual_edit_conflict_warnings.length > 0 ||
-    schematic_manual_edit_conflict_warnings.length > 0
-  ) {
-    const warnings = [
-      ...(pcb_manual_edit_conflict_warnings || []),
-      ...(schematic_manual_edit_conflict_warnings || []),
-    ]
-
-    warnings.forEach((warning) => {
-      const isSchematicWarning =
-        warning.type === "schematic_manual_edit_conflict_warning"
-      toast({
-        title: !isSchematicWarning
-          ? "Pcb Manual Edit Conflicts"
-          : "Schematic Manual Edit Conflicts",
-        description: (
-          <div className="flex items-center">
-            <span>{warning.message}</span>
-          </div>
-        ),
-        variant: "destructive",
-      })
-    })
-  }
-}

package/src/lib/utils/transformFilesToTreeData.tsx

@@ -1,195 +0,0 @@
-import type { TreeDataItem } from "@/components/ui/tree-view"
-import type {
-  IRenameFileProps,
-  IDeleteFileProps,
-} from "@/hooks/useFileManagement"
-import { isHiddenFile } from "@/components/ViewPackagePage/utils/is-hidden-file"
-import { File, Folder, MoreVertical, Pencil, Trash2 } from "lucide-react"
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
-import { useToast } from "@/hooks/use-toast"
-
-type FileName = string
-type TreeNode = Omit<TreeDataItem, "children"> & {
-  children?: Record<string, TreeNode>
-}
-interface TransformFilesToTreeDataProps {
-  files: Record<FileName, string>
-  currentFile: FileName | null
-  renamingFile: string | null
-  handleRenameFile: (props: IRenameFileProps) => { fileRenamed: boolean }
-  handleDeleteFile: (props: IDeleteFileProps) => { fileDeleted: boolean }
-  setRenamingFile: (filename: string | null) => void
-  onFileSelect: (filename: FileName) => void
-  onFolderSelect: (folderPath: string) => void
-  canModifyFiles: boolean
-  setErrorMessage: (message: string) => void
-  setSelectedFolderForCreation: (folder: string | null) => void
-}
-
-export const transformFilesToTreeData = ({
-  files,
-  currentFile,
-  renamingFile,
-  handleRenameFile,
-  handleDeleteFile,
-  setRenamingFile,
-  onFileSelect,
-  onFolderSelect,
-  canModifyFiles,
-  setErrorMessage,
-  setSelectedFolderForCreation,
-}: TransformFilesToTreeDataProps): TreeDataItem[] => {
-  const { toast } = useToast()
-  const root: Record<string, TreeNode> = {}
-
-  Object.keys(files).forEach((filePath) => {
-    const hasLeadingSlash = filePath.startsWith("/")
-    const pathSegments = (hasLeadingSlash ? filePath.slice(1) : filePath)
-      .trim()
-      .split("/")
-    let currentNode: Record<string, TreeNode> = root
-
-    pathSegments.forEach((segment, segmentIndex) => {
-      const isLeafNode = segmentIndex === pathSegments.length - 1
-      const ancestorPath = pathSegments.slice(0, segmentIndex).join("/")
-      const relativePath = ancestorPath ? `${ancestorPath}/${segment}` : segment
-      const absolutePath = hasLeadingSlash ? `/${relativePath}` : relativePath
-      const itemId = absolutePath
-
-      if (
-        !currentNode[segment] &&
-        (!isHiddenFile(relativePath) ||
-          isHiddenFile(
-            currentFile?.startsWith("/")
-              ? currentFile.slice(1)
-              : currentFile || "",
-          ))
-      ) {
-        currentNode[segment] = {
-          id: itemId,
-          name: segment,
-          isRenaming: renamingFile === itemId,
-          onRename: (newFilename: string) => {
-            const oldPath = itemId
-            const pathParts = oldPath.split("/").filter((part) => part !== "")
-            let newPath: string
-
-            if (pathParts.length > 1) {
-              const folderPath = pathParts.slice(0, -1).join("/")
-              newPath = folderPath + "/" + newFilename
-            } else {
-              newPath = newFilename
-            }
-
-            if (oldPath.startsWith("/") && !newPath.startsWith("/")) {
-              newPath = "/" + newPath
-            }
-
-            const { fileRenamed } = handleRenameFile({
-              oldFilename: itemId,
-              newFilename: newPath,
-              onError: (error) => {
-                toast({
-                  title: `Error renaming file`,
-                  description: error.message,
-                  variant: "destructive",
-                })
-              },
-            })
-            if (fileRenamed) {
-              setRenamingFile(null)
-            }
-          },
-          onCancelRename: () => {
-            setRenamingFile(null)
-          },
-          icon: isLeafNode ? File : Folder,
-          onClick: isLeafNode
-            ? () => {
-                onFileSelect(absolutePath)
-                setSelectedFolderForCreation(null)
-              }
-            : () => onFolderSelect(absolutePath),
-          draggable: false,
-          droppable: !isLeafNode,
-          children: isLeafNode ? undefined : {},
-          actions: canModifyFiles ? (
-            <>
-              <DropdownMenu key={itemId}>
-                <DropdownMenuTrigger asChild>
-                  <MoreVertical className="w-4 h-4 text-gray-500 hover:text-gray-700" />
-                </DropdownMenuTrigger>
-                <DropdownMenuContent
-                  className="w-fit bg-white shadow-lg rounded-md border-4 z-[100] border-white"
-                  style={{
-                    position: "absolute",
-                    top: "100%",
-                    left: "0",
-                    marginTop: "0.5rem",
-                    width: "8rem",
-                    padding: "0.01rem",
-                  }}
-                >
-                  <DropdownMenuGroup>
-                    {isLeafNode && (
-                      <DropdownMenuItem
-                        onClick={() => {
-                          setRenamingFile(itemId)
-                        }}
-                        className="flex items-center px-3 py-1 text-xs text-black hover:bg-gray-100 cursor-pointer"
-                      >
-                        <Pencil className="mr-2 h-3 w-3" />
-                        Rename
-                      </DropdownMenuItem>
-                    )}
-                    <DropdownMenuItem
-                      onClick={() => {
-                        const { fileDeleted } = handleDeleteFile({
-                          filename: itemId,
-                          onError: (error) => {
-                            toast({
-                              title: `Error deleting file ${itemId}`,
-                              description: error.message,
-                            })
-                          },
-                        })
-                        if (fileDeleted) {
-                          setErrorMessage("")
-                        }
-                      }}
-                      className="flex items-center px-3 py-1 text-xs text-red-600 hover:bg-gray-100 cursor-pointer"
-                    >
-                      <Trash2 className="mr-2 h-3 w-3" />
-                      Delete
-                    </DropdownMenuItem>
-                  </DropdownMenuGroup>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </>
-          ) : undefined,
-        }
-      }
-
-      if (!isLeafNode && currentNode[segment]?.children) {
-        currentNode = currentNode[segment].children
-      }
-    })
-  })
-
-  const convertToArray = (items: Record<string, TreeNode>): TreeDataItem[] => {
-    return Object.values(items).map((item) => ({
-      ...item,
-      children: item.children ? convertToArray(item.children) : undefined,
-    }))
-  }
-  return convertToArray(root).filter((x) => {
-    if (x.children?.length === 0) return false
-    return true
-  })
-}

package/src/main.tsx

@@ -1,15 +0,0 @@
-import { StrictMode } from "react"
-import { createRoot } from "react-dom/client"
-import App from "./App.tsx"
-import "./lib/sentry"
-import "./index.css"
-
-if (typeof window !== "undefined" && !window.__APP_LOADED_AT) {
-  window.__APP_LOADED_AT = Date.now()
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)

package/src/pages/404.tsx

@@ -1,23 +0,0 @@
-import { Helmet } from "react-helmet"
-import { Header2 } from "@/components/Header2"
-import Footer from "@/components/Footer"
-import { NotFound } from "@/components/NotFound"
-
-export function NotFoundPage({
-  heading = "Page Not Found",
-  subtitle = "The page you're looking for doesn't exist.",
-}: { heading?: string; subtitle?: string }) {
-  return (
-    <div className="flex min-h-screen flex-col">
-      <Helmet>
-        <title>404 - {heading} | tscircuit</title>
-        <meta name="description" content={subtitle} />
-      </Helmet>
-      <Header2 />
-      <NotFound heading={heading} />
-      <Footer />
-    </div>
-  )
-}
-
-export default NotFoundPage

package/src/pages/authorize.tsx

@@ -1,208 +0,0 @@
-import Header from "@/components/Header"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import { useEffect, useState } from "react"
-import * as jose from "jose"
-import Footer from "@/components/Footer"
-import { useLocation } from "wouter"
-import { useIsUsingFakeApi } from "@/hooks/use-is-using-fake-api"
-import { CheckCircle, AlertCircle, Loader2 } from "lucide-react"
-
-const handleRedirect = (
-  redirect: string | null,
-  fallbackLocation: () => void,
-) => {
-  if (redirect) {
-    try {
-      const decodedRedirect = decodeURIComponent(redirect)
-
-      if (decodedRedirect.startsWith("/")) {
-        window.location.href = decodedRedirect
-        return
-      }
-
-      const redirectUrl = new URL(decodedRedirect)
-      if (redirectUrl.origin === window.location.origin) {
-        window.location.href = redirectUrl.href
-        return
-      }
-    } catch (e) {
-      console.warn("Invalid redirect URL:", redirect)
-    }
-  }
-  fallbackLocation()
-}
-
-const AuthenticatePageInnerContent = () => {
-  const [location, setLocation] = useLocation()
-  const setSession = useGlobalStore((s) => s.setSession)
-  const [message, setMessage] = useState("logging you in...")
-  const searchParams = new URLSearchParams(window.location.search.split("?")[1])
-  const session_token = searchParams.get("session_token")
-  const redirect = searchParams.get("redirect")
-  const isUsingFakeApi = useIsUsingFakeApi()
-
-  const isError = message.includes("error") || message.includes("couldn't")
-  const isSuccess =
-    message.includes("success") || message.includes("redirecting")
-
-  useEffect(() => {
-    async function login() {
-      if (isUsingFakeApi) {
-        setSession({
-          account_id: "account-1234",
-          github_username: "testuser",
-          token: "1234",
-          session_id: "session-1234",
-        })
-
-        handleRedirect(redirect, () => setLocation("/"))
-        return
-      }
-      if (!session_token) {
-        setMessage("couldn't log in - no token provided")
-        return
-      }
-      if (session_token) {
-        const decodedToken = jose.decodeJwt(session_token)
-        setSession({
-          ...(decodedToken as any),
-          token: session_token,
-        })
-        setMessage("success! redirecting you now...")
-        setTimeout(() => {
-          handleRedirect(redirect, () => setLocation("/"))
-        }, 1000)
-        return
-      }
-    }
-    login().catch((e) => {
-      setMessage(`error logging you in: ${e.message || e.toString()}`)
-    })
-  }, [session_token, redirect])
-
-  return (
-    <div className="min-h-screen bg-white flex items-center justify-center px-4">
-      <div className="w-full max-w-md">
-        <div className="bg-gray-50/20 rounded-2xl shadow-xl border border-gray-200 p-8">
-          <div className="text-center">
-            <div className="mb-6">
-              {isError ? (
-                <div className="mx-auto w-16 h-16 bg-red-100 rounded-full flex items-center justify-center">
-                  <AlertCircle className="h-8 w-8 text-red-500" />
-                </div>
-              ) : isSuccess ? (
-                <div className="mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
-                  <CheckCircle className="h-8 w-8 text-green-500" />
-                </div>
-              ) : (
-                <div className="mx-auto w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center">
-                  <Loader2 className="h-8 w-8 text-blue-500 animate-spin" />
-                </div>
-              )}
-            </div>
-
-            {/* Title */}
-            <h1 className="text-2xl font-semibold text-gray-900 mb-3">
-              {isError
-                ? "Authentication Failed"
-                : isSuccess
-                  ? "Success!"
-                  : "Signing You In"}
-            </h1>
-
-            {/* Message */}
-            <div className="text-gray-600">
-              {isError ? (
-                <div className="bg-red-50 border border-red-200 rounded-lg p-4 text-left">
-                  <p className="text-red-800 font-medium mb-2">
-                    Authentication Error
-                  </p>
-                  <p className="text-red-700 text-sm break-words">{message}</p>
-                  <div className="mt-4 pt-3 border-t border-red-200">
-                    <p className="text-red-600 text-xs">
-                      Please try signing in again or contact support if the
-                      problem persists.
-                    </p>
-                  </div>
-                </div>
-              ) : isSuccess ? (
-                <div className="bg-green-50 border border-green-200 rounded-lg p-4">
-                  <p className="text-green-800 font-medium">
-                    Authentication successful!
-                  </p>
-                  <p className="text-green-700 text-sm mt-1">
-                    Redirecting you now...
-                  </p>
-                </div>
-              ) : (
-                <div>
-                  <p className="text-gray-600 mb-4">
-                    Please wait while we authenticate your account and redirect
-                    you to your destination.
-                  </p>
-                  <div className="flex items-center justify-center text-sm text-gray-500">
-                    <div className="flex space-x-1">
-                      <div className="w-1 h-1 bg-gray-400 rounded-full animate-bounce"></div>
-                      <div
-                        className="w-1 h-1 bg-gray-400 rounded-full animate-bounce"
-                        style={{ animationDelay: "0.1s" }}
-                      ></div>
-                      <div
-                        className="w-1 h-1 bg-gray-400 rounded-full animate-bounce"
-                        style={{ animationDelay: "0.2s" }}
-                      ></div>
-                    </div>
-                    <span className="ml-2">Processing</span>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-
-        {/* Footer info */}
-        <div className="text-center mt-6 text-xs text-gray-500">
-          If you encounter any issues, please report them on our{" "}
-          <a
-            href="https://github.com/tscircuit/tscircuit/issues"
-            className="text-blue-500 underline"
-          >
-            GitHub Issues page
-          </a>
-          .
-        </div>
-      </div>
-
-      <style
-        dangerouslySetInnerHTML={{
-          __html: `
-          @keyframes pulse-loading {
-            0% {
-              width: 0%;
-            }
-            50% {
-              width: 60%;
-            }
-            100% {
-              width: 100%;
-            }
-          }
-          .animate-pulse-loading {
-            animation: pulse-loading 2s ease-in-out infinite;
-          }
-        `,
-        }}
-      />
-    </div>
-  )
-}
-
-export const AuthorizePage = () => (
-  <div>
-    <Header />
-    <AuthenticatePageInnerContent />
-    <Footer />
-  </div>
-)
-
-export default AuthorizePage

package/src/pages/create-organization.tsx

@@ -1,169 +0,0 @@
-import React, { useState } from "react"
-import { useLocation } from "wouter"
-import { Helmet } from "react-helmet-async"
-import Header from "@/components/Header"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Label } from "@/components/ui/label"
-import toast from "react-hot-toast"
-import { useCreateOrgMutation } from "@/hooks/use-create-org-mutation"
-
-interface FormErrors {
-  name?: string
-}
-
-export const CreateOrganizationPage = () => {
-  const [, setLocation] = useLocation()
-
-  const [formData, setFormData] = useState({
-    name: "",
-  })
-
-  const [errors, setErrors] = useState<FormErrors>({})
-  const [isLoading, setIsLoading] = useState(false)
-
-  const { mutate: createOrganization, isLoading: isMutating } =
-    useCreateOrgMutation({
-      onSuccess: (newOrganization) => {
-        toast.success(
-          `Organization "${newOrganization.name || formData.name}" created successfully!`,
-        )
-        setLocation(`/${newOrganization.name || formData.name}`)
-        setIsLoading(false)
-      },
-    })
-
-  const validateForm = (): boolean => {
-    const newErrors: FormErrors = {}
-
-    if (!formData.name) {
-      newErrors.name = "Organization name is required"
-    } else if (formData.name.length > 30) {
-      newErrors.name = "Organization name must be less than 30 characters"
-    } else if (!/^[a-zA-Z0-9-_]+$/.test(formData.name)) {
-      newErrors.name =
-        "Organization name can only contain letters, numbers, hyphens, and underscores"
-    }
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    setIsLoading(true)
-    createOrganization(
-      { name: formData.name },
-      {
-        onError: (error: any) => {
-          console.error("Failed to create organization:", error)
-          toast.error(
-            error?.response?.data?.error?.message ||
-              error?.data?.error?.message ||
-              "Failed to create organization. Please try again.",
-          )
-          setIsLoading(false)
-        },
-      },
-    )
-  }
-
-  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const name = e.target.value
-    setFormData((prev) => ({ ...prev, name }))
-    if (errors.name) {
-      setErrors({})
-    }
-  }
-
-  const handleCancel = () => {
-    setLocation("/dashboard")
-  }
-
-  return (
-    <div className="min-h-screen bg-white">
-      <Helmet>
-        <title>Create Organization - tscircuit</title>
-        <meta
-          name="description"
-          content="Create a new organization to collaborate with others and manage shared projects."
-        />
-      </Helmet>
-
-      <Header />
-
-      <div className="flex items-center justify-center min-h-[calc(100vh-80px)] px-4 sm:px-6 lg:px-8">
-        <div className="w-full max-w-lg mx-auto">
-          <div className="text-center mb-8">
-            <h1 className="text-xl sm:text-2xl font-semibold text-gray-900 mb-2">
-              Set up your organization
-            </h1>
-            <p className="text-gray-600 text-sm">
-              Tell us about your organization
-            </p>
-          </div>
-
-          <form onSubmit={handleSubmit} className="space-y-6">
-            <div className="space-y-2">
-              <Label
-                htmlFor="org-name"
-                className="text-sm font-semibold text-gray-900"
-              >
-                Organization Name
-                <span className="text-red-500">*</span>
-              </Label>
-              <Input
-                spellCheck={false}
-                id="org-handle"
-                type="text"
-                placeholder="tscircuit"
-                value={formData.name}
-                onChange={handleNameChange}
-                className={`h-10 sm:h-11 ${
-                  errors.name
-                    ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                    : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                }`}
-                disabled={isLoading || isMutating}
-              />
-              {errors.name && (
-                <p className="text-sm text-red-600">{errors.name}</p>
-              )}
-              <p className="text-xs text-gray-500">
-                This will be the name of your organization on tscircuit.
-                <br />
-                Your URL will be:{" "}
-                <span className="font-mono text-gray-700">
-                  tscircuit.com/{formData.name || "orgname"}
-                </span>
-              </p>
-            </div>
-
-            <div>
-              <Button
-                type="submit"
-                disabled={isLoading || isMutating || !formData.name}
-                className="w-full h-10 sm:h-11 bg-blue-600 hover:bg-blue-700 text-white font-medium text-sm sm:text-base"
-              >
-                {isLoading || isMutating ? (
-                  <>
-                    <div className="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2" />
-                    Creating organization...
-                  </>
-                ) : (
-                  "Create organization"
-                )}
-              </Button>
-            </div>
-          </form>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default CreateOrganizationPage