@tscircuit/fake-snippets 0.0.110 → 0.0.112

package/src/hooks/use-org-by-github-handle.ts

@@ -1,11 +1,9 @@
 import { useQuery } from "react-query"
 import { useAxios } from "@/hooks/use-axios"
 import type { PublicOrgSchema } from "fake-snippets-api/lib/db/schema"
-import { useGlobalStore } from "./use-global-store"
 
 export const useOrgByGithubHandle = (githubHandle: string | null) => {
   const axios = useAxios()
-  const session = useGlobalStore((s) => s.session)
   return useQuery<PublicOrgSchema, Error & { status: number }>(
     ["orgs", "by-github-handle", githubHandle],
     async () => {
@@ -18,7 +16,7 @@ export const useOrgByGithubHandle = (githubHandle: string | null) => {
       return data.org
     },
     {
-      enabled: Boolean(githubHandle && session),
+      enabled: Boolean(githubHandle),
       retry: false,
       refetchOnWindowFocus: false,
     },

package/src/hooks/use-org-by-org-name.ts

@@ -0,0 +1,24 @@
+import { useQuery } from "react-query"
+import { useAxios } from "@/hooks/use-axios"
+import type { PublicOrgSchema } from "fake-snippets-api/lib/db/schema"
+
+export const useOrgByName = (name: string | null) => {
+  const axios = useAxios()
+  return useQuery<PublicOrgSchema, Error & { status: number }>(
+    ["orgs", "by-org-name", name],
+    async () => {
+      if (!name) {
+        throw new Error("Organisation name is required")
+      }
+      const { data } = await axios.get("/orgs/get", {
+        params: { org_name: name },
+      })
+      return data.org
+    },
+    {
+      enabled: Boolean(name),
+      retry: false,
+      refetchOnWindowFocus: false,
+    },
+  )
+}

package/src/lib/download-fns/download-kicad-files.ts

@@ -2,6 +2,7 @@ import { saveAs } from "file-saver"
 import {
   CircuitJsonToKicadPcbConverter,
   CircuitJsonToKicadSchConverter,
+  CircuitJsonToKicadProConverter,
 } from "circuit-json-to-kicad"
 import { AnyCircuitElement } from "circuit-json"
 import JSZip from "jszip"
@@ -18,9 +19,18 @@ export const downloadKicadFiles = (
   schConverter.runUntilFinished()
   const kicadSchContent = schConverter.getOutputString()
 
+  const proConverter = new CircuitJsonToKicadProConverter(circuitJson, {
+    projectName: fileName,
+    schematicFilename: `${fileName}.kicad_sch`,
+    pcbFilename: `${fileName}.kicad_pcb`,
+  })
+  proConverter.runUntilFinished()
+  const kicadProContent = proConverter.getOutputString()
+
   const zip = new JSZip()
   zip.file(`${fileName}.kicad_pcb`, kicadPcbContent)
   zip.file(`${fileName}.kicad_sch`, kicadSchContent)
+  zip.file(`${fileName}.kicad_pro`, kicadProContent)
 
   zip.generateAsync({ type: "blob" }).then((content) => {
     saveAs(content, `${fileName}_kicad.zip`)

package/src/lib/download-fns/download-step.ts

@@ -0,0 +1,12 @@
+import { AnyCircuitElement } from "circuit-json"
+import { saveAs } from "file-saver"
+import { circuitJsonToStep } from "circuit-json-to-step"
+
+export const downloadStepFile = async (
+  circuitJson: AnyCircuitElement[],
+  fileName: string,
+) => {
+  const content = await circuitJsonToStep(circuitJson)
+  const blob = new Blob([content], { type: "text/plain" })
+  saveAs(blob, fileName + ".step")
+}

package/src/pages/create-organization.tsx

@@ -63,6 +63,7 @@ export const CreateOrganizationPage = () => {
           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)

package/src/pages/editor.tsx

@@ -7,9 +7,7 @@ import { useCurrentPackageInfo } from "@/hooks/use-current-package-info"
 export const EditorPage = () => {
   const { packageInfo: pkg, error } = useCurrentPackageInfo()
 
-  const projectUrl = pkg
-    ? `https://tscircuit.com/${pkg.owner_github_username}/${pkg.unscoped_name}`
-    : undefined
+  const projectUrl = pkg ? `https://tscircuit.com/${pkg.name}` : undefined
 
   return (
     <div className="overflow-x-hidden">

package/src/pages/organization-settings.tsx

@@ -16,7 +16,6 @@ import {
 import { Input } from "@/components/ui/input"
 import { Button } from "@/components/ui/button"
 import { Badge } from "@/components/ui/badge"
-import { Separator } from "@/components/ui/separator"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import {
   AlertDialog,
@@ -169,6 +168,10 @@ export default function OrganizationSettingsPage() {
     organization.user_permissions?.can_manage_org ||
     organization.owner_account_id === session?.account_id
 
+  if (organization.is_personal_org) {
+    return <Redirect to="/settings" />
+  }
+
   if (!canManageOrg) {
     return (
       <div className="min-h-screen bg-white">

package/src/pages/search.tsx

@@ -28,7 +28,8 @@ interface ScoredPackage extends Package {
   matches: number[]
 }
 
-interface ScoredAccount extends Omit<Account, "account_id"> {
+interface ScoredAccount
+  extends Omit<Account, "account_id" | "is_tscircuit_staff"> {
   score: number
   matches: number[]
 }
@@ -252,7 +253,11 @@ export const SearchPage = () => {
                 ) : accountSearchResults.length > 0 ? (
                   <div className="grid grid-cols-1 w-full sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 gap-3 sm:gap-4">
                     {accountSearchResults.map((account, i) => (
-                      <UserCard key={i} account={account} className="w-full" />
+                      <UserCard
+                        key={i}
+                        account={account as unknown as Account}
+                        className="w-full"
+                      />
                     ))}
                   </div>
                 ) : (

package/src/pages/user-profile.tsx

@@ -236,7 +236,7 @@ export const UserProfilePage = () => {
             }
           />
         ) : activeTab === "organizations" ? (
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
             {organizations && organizations.length > 0 ? (
               organizations
                 ?.filter((o) => {

package/src/pages/user-settings.tsx

@@ -0,0 +1,161 @@
+import { useState } from "react"
+import { useLocation, Redirect } from "wouter"
+import { Helmet } from "react-helmet-async"
+import { Button } from "@/components/ui/button"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog"
+import { useToast } from "@/hooks/use-toast"
+import { useGlobalStore } from "@/hooks/use-global-store"
+import { useHydration } from "@/hooks/use-hydration"
+import { AlertTriangle, Loader2, Trash2 } from "lucide-react"
+import Header from "@/components/Header"
+import Footer from "@/components/Footer"
+import { FullPageLoader } from "@/App"
+
+export default function UserSettingsPage() {
+  const [, navigate] = useLocation()
+  const { toast } = useToast()
+  const session = useGlobalStore((s) => s.session)
+  const hasHydrated = useHydration()
+
+  const [showDeleteAccountDialog, setShowDeleteAccountDialog] = useState(false)
+
+  if (!hasHydrated) {
+    return <FullPageLoader />
+  }
+
+  if (!session) {
+    return <Redirect to="/" />
+  }
+
+  const pageTitle = "User Settings - tscircuit"
+
+  const handleDeleteAccount = () => {
+    setShowDeleteAccountDialog(true)
+  }
+
+  const confirmDeleteAccount = () => {
+    // TODO: Implement delete account functionality
+    toast({
+      title: "Account deleted",
+      description: "Your account has been permanently deleted.",
+    })
+    navigate("/")
+  }
+
+  return (
+    <div className="min-h-screen bg-white">
+      <Helmet>
+        <title>{pageTitle}</title>
+      </Helmet>
+      <Header />
+
+      <section className="w-full px-4 sm:px-6 lg:px-8 xl:px-12 2xl:px-16">
+        <div className="max-w-7xl mx-auto py-8">
+          <div className="mb-8">
+            <div className="flex items-center gap-4 mb-6">
+              <Avatar className="h-16 w-16 border-2 border-gray-200 shadow-sm">
+                <AvatarImage
+                  src={`https://github.com/${session.github_username}.png`}
+                  alt={`${session.github_username} avatar`}
+                />
+                <AvatarFallback className="text-lg bg-gradient-to-br from-blue-100 to-indigo-100 text-blue-700 font-medium">
+                  {(session.github_username || session.account_id || "")
+                    .slice(0, 2)
+                    .toUpperCase()}
+                </AvatarFallback>
+              </Avatar>
+              <div>
+                <h1 className="text-3xl font-bold text-gray-900">
+                  Account Settings
+                </h1>
+                <p className="text-gray-600 mt-1">
+                  Manage your account preferences and settings
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <div className="space-y-8">
+            <div className="bg-white border border-red-200 rounded-xl shadow-sm">
+              <div className="px-6 py-5 border-b border-red-200 bg-red-50 rounded-t-xl">
+                <h2 className="text-xl font-semibold text-red-900">
+                  Danger Zone
+                </h2>
+                <p className="text-sm text-red-600 mt-2">
+                  Irreversible and destructive actions for your account.
+                </p>
+              </div>
+
+              <div className="p-6 lg:p-8">
+                <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-6">
+                  <div className="flex-1">
+                    <h3 className="text-sm font-semibold text-gray-900 mb-2">
+                      Delete Account
+                    </h3>
+                    <p className="text-sm text-gray-500 leading-relaxed">
+                      Permanently delete your account and all associated data.
+                      This action cannot be undone and will remove all your
+                      packages, snippets, and account information.
+                    </p>
+                  </div>
+                  <div className="flex-shrink-0">
+                    <Button
+                      variant="destructive"
+                      onClick={handleDeleteAccount}
+                      className="bg-red-600 hover:bg-red-700 text-white px-6 py-2.5 text-sm font-medium shadow-sm w-full lg:w-auto"
+                    >
+                      <Trash2 className="mr-2 h-4 w-4" />
+                      Delete Account
+                    </Button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <Footer />
+
+      <AlertDialog
+        open={showDeleteAccountDialog}
+        onOpenChange={setShowDeleteAccountDialog}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle className="flex items-center gap-2 text-red-600">
+              <AlertTriangle className="h-5 w-5" />
+              Delete Account
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              Are you absolutely sure you want to delete your account? This
+              action is permanent and cannot be undone. All your packages,
+              snippets, and account data will be permanently removed.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={confirmDeleteAccount}
+              disabled={true}
+              className="bg-red-600 hover:bg-red-700"
+            >
+              {false && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+              Delete Account
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </div>
+  )
+}

package/src/pages/view-package.tsx

@@ -3,9 +3,9 @@ import { usePackageFiles } from "@/hooks/use-package-files"
 import { useCurrentPackageRelease } from "@/hooks/use-current-package-release"
 import { useLocation, useParams } from "wouter"
 import { Helmet } from "react-helmet-async"
-import { useEffect, useState } from "react"
 import NotFoundPage from "./404"
 import { usePackageByName } from "@/hooks/use-package-by-package-name"
+import { SentryNotFoundReporter } from "@/components/SentryNotFoundReporter"
 
 export const ViewPackagePage = () => {
   const { author, packageName } = useParams()
@@ -32,11 +32,31 @@ export const ViewPackagePage = () => {
     usePackageFiles(packageRelease?.package_release_id)
 
   if (!isLoadingPackage && packageError) {
-    return <NotFoundPage heading="Package Not Found" />
+    return (
+      <>
+        <SentryNotFoundReporter
+          context="package"
+          slug={packageNameFull}
+          status={(packageError as any)?.status}
+          message={packageError.message}
+        />
+        <NotFoundPage heading="Package Not Found" />
+      </>
+    )
   }
 
   if (!isLoadingPackageRelease && packageReleaseError?.status == 404) {
-    return <NotFoundPage heading="Package Not Found" />
+    return (
+      <>
+        <SentryNotFoundReporter
+          context="package_release"
+          slug={packageNameFull}
+          status={packageReleaseError.status}
+          message={packageReleaseError.message}
+        />
+        <NotFoundPage heading="Package Not Found" />
+      </>
+    )
   }
 
   return (