@tscircuit/fake-snippets 0.0.120 → 0.0.122

package/src/hooks/use-package.ts

@@ -1,24 +0,0 @@
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import type { Package, Snippet } from "fake-snippets-api/lib/db/schema"
-
-export const usePackage = (packageId: string | null) => {
-  const axios = useAxios()
-  return useQuery<Package, Error & { status: number }>(
-    ["packages", packageId],
-    async () => {
-      if (!packageId) {
-        throw new Error("Package ID is required")
-      }
-      const { data } = await axios.get("/packages/get", {
-        params: { package_id: packageId },
-      })
-      return data.package
-    },
-    {
-      enabled: Boolean(packageId),
-      retry: false,
-      refetchOnWindowFocus: false,
-    },
-  )
-}

package/src/hooks/use-packages-base-api-url.ts

@@ -1,3 +0,0 @@
-export const useApiBaseUrl = () => {
-  return import.meta.env.VITE_SNIPPETS_API_URL ?? "/api"
-}

package/src/hooks/use-preview-images.ts

@@ -1,78 +0,0 @@
-import { useEffect, useState } from "react"
-
-interface UsePreviewImagesProps {
-  cadPreviewUrl?: string | null
-  pcbPreviewUrl?: string | null
-  schematicPreviewUrl?: string | null
-}
-
-export function usePreviewImages({
-  cadPreviewUrl,
-  pcbPreviewUrl,
-  schematicPreviewUrl,
-}: UsePreviewImagesProps) {
-  const [imageStatus, setImageStatus] = useState<
-    Record<string, "loading" | "loaded" | "error">
-  >({
-    "3d": cadPreviewUrl ? "loading" : "error",
-    pcb: pcbPreviewUrl ? "loading" : "error",
-    schematic: schematicPreviewUrl ? "loading" : "error",
-  })
-
-  useEffect(() => {
-    setImageStatus({
-      "3d": cadPreviewUrl ? "loading" : "error",
-      pcb: pcbPreviewUrl ? "loading" : "error",
-      schematic: schematicPreviewUrl ? "loading" : "error",
-    })
-  }, [cadPreviewUrl, pcbPreviewUrl, schematicPreviewUrl])
-
-  const views = [
-    {
-      id: "3d",
-      label: "3D View",
-      backgroundClass: "bg-gray-100",
-      imageUrl: cadPreviewUrl ?? undefined,
-    },
-    {
-      id: "pcb",
-      label: "PCB View",
-      backgroundClass: "bg-black",
-      imageUrl: pcbPreviewUrl ?? undefined,
-    },
-    {
-      id: "schematic",
-      label: "Schematic View",
-      backgroundClass: "bg-[#F5F1ED]",
-      imageUrl: schematicPreviewUrl ?? undefined,
-    },
-  ]
-
-  const handleImageLoad = (viewId: string) => {
-    setImageStatus((prev) => ({
-      ...prev,
-      [viewId]: "loaded",
-    }))
-  }
-
-  const handleImageError = (viewId: string) => {
-    setImageStatus((prev) => ({
-      ...prev,
-      [viewId]: "error",
-    }))
-  }
-
-  const availableViews = views
-    .filter((view) => Boolean(view.imageUrl))
-    .map((view) => ({
-      ...view,
-      status: imageStatus[view.id],
-      onLoad: () => handleImageLoad(view.id),
-      onError: () => handleImageError(view.id),
-    }))
-    .filter((view) => view.status !== "error")
-
-  return {
-    availableViews,
-  }
-}

package/src/hooks/use-rebuild-package-release-mutation.ts

@@ -1,41 +0,0 @@
-import { PackageRelease } from "fake-snippets-api/lib/db/schema"
-import { useMutation, useQueryClient } from "react-query"
-import { useAxios } from "./use-axios"
-import { useToast } from "./use-toast"
-
-export const useRebuildPackageReleaseMutation = ({
-  onSuccess,
-}: { onSuccess?: (packageRelease: PackageRelease) => void } = {}) => {
-  const axios = useAxios()
-  const { toast } = useToast()
-  const queryClient = useQueryClient()
-
-  return useMutation(
-    async ({ package_release_id }: { package_release_id: string }) => {
-      const { data } = await axios.post("/package_releases/rebuild", {
-        package_release_id,
-      })
-      return data.package_release as PackageRelease
-    },
-    {
-      onSuccess: (pkgRelease) => {
-        toast({
-          title: "Rebuild triggered",
-          description: "The package build has been queued for rebuild.",
-        })
-        queryClient.invalidateQueries(["packageRelease"])
-        onSuccess?.(pkgRelease)
-      },
-      onError: (error: any) => {
-        toast({
-          title: "Error",
-          description:
-            error?.response?.data?.error?.message ||
-            error?.data?.error?.message ||
-            "Failed to rebuild package.",
-          variant: "destructive",
-        })
-      },
-    },
-  )
-}

package/src/hooks/use-remove-org-member-mutation.ts

@@ -1,32 +0,0 @@
-import { useMutation, useQueryClient } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import { useGlobalStore } from "@/hooks/use-global-store"
-
-export const useRemoveOrgMemberMutation = ({
-  onSuccess,
-}: { onSuccess?: () => void } = {}) => {
-  const axios = useAxios()
-  const session = useGlobalStore((s) => s.session)
-  const queryClient = useQueryClient()
-
-  return useMutation(
-    ["removeOrgMember"],
-    async ({ orgId, accountId }: { orgId: string; accountId: string }) => {
-      if (!session) throw new Error("No session")
-
-      await axios.post("/orgs/remove_member", {
-        org_id: orgId,
-        account_id: accountId,
-      })
-    },
-    {
-      onSuccess: () => {
-        queryClient.invalidateQueries(["orgs", "members"])
-        onSuccess?.()
-      },
-      onError: (error: any) => {
-        console.error("Error removing organization member:", error)
-      },
-    },
-  )
-}

package/src/hooks/use-request-ai-review-mutation.ts

@@ -1,54 +0,0 @@
-import { useMutation, useQueryClient } from "react-query"
-import { useAxios } from "./use-axios"
-import { useToast } from "./use-toast"
-import type { AiReview, PackageRelease } from "fake-snippets-api/lib/db/schema"
-
-export const useRequestAiReviewMutation = ({
-  onSuccess,
-}: {
-  onSuccess?: (packageRelease: PackageRelease, aiReview: AiReview) => void
-} = {}) => {
-  const axios = useAxios()
-  const { toast } = useToast()
-  const queryClient = useQueryClient()
-
-  return useMutation(
-    async ({ package_release_id }: { package_release_id: string }) => {
-      const { data: createData } = await axios.post("/ai_reviews/create", {
-        package_release_id,
-      })
-      const ai_review = createData.ai_review as AiReview
-
-      const { data } = await axios.post(
-        "/package_releases/get",
-        { package_release_id },
-        { params: { include_ai_review: true } },
-      )
-
-      return {
-        package_release: data.package_release as PackageRelease,
-        ai_review,
-      }
-    },
-    {
-      onSuccess: ({ package_release, ai_review }) => {
-        toast({
-          title: "AI review requested",
-          description: "An AI review has been requested.",
-        })
-        queryClient.invalidateQueries(["packageRelease"])
-        onSuccess?.(package_release, ai_review)
-      },
-      onError: (error: any) => {
-        toast({
-          title: "Error",
-          description:
-            error?.response?.data?.message ||
-            error?.data?.message ||
-            "Failed to request AI review.",
-          variant: "destructive",
-        })
-      },
-    },
-  )
-}

package/src/hooks/use-run-tsx/eval-compiled-js.ts

@@ -1,9 +0,0 @@
-export const evalCompiledJs = (compiledCode: string) => {
-  const functionBody = `
-var exports = {};
-var require = globalThis.__tscircuit_require;
-var module = { exports };
-${compiledCode};
-return module;`.trim()
-  return Function(functionBody).call(globalThis)
-}

package/src/hooks/use-shiki-highlighter.ts

@@ -1,33 +0,0 @@
-import { useState, useEffect } from "react"
-import { createHighlighterCore, type HighlighterCore } from "shiki/core"
-import { createOnigurumaEngine } from "shiki/engine/oniguruma"
-
-let cachedHighlighter: HighlighterCore | null = null
-
-export const useShikiHighlighter = () => {
-  const [highlighter, setHighlighter] = useState<HighlighterCore | null>(null)
-  const [isLoading, setIsLoading] = useState(true)
-
-  useEffect(() => {
-    const fetchHighlighter = async () => {
-      if (!cachedHighlighter) {
-        cachedHighlighter = await createHighlighterCore({
-          themes: [
-            import("@shikijs/themes/github-dark"),
-            import("@shikijs/themes/github-light"),
-            import("@shikijs/themes/vitesse-light"),
-          ],
-          langs: [import("@shikijs/langs/tsx")],
-          // `shiki/wasm` contains the wasm binary inlined as base64 string.
-          engine: createOnigurumaEngine(import("shiki/wasm")),
-        })
-      }
-      setHighlighter(cachedHighlighter)
-      setIsLoading(false)
-    }
-
-    fetchHighlighter()
-  }, [])
-
-  return { highlighter, isLoading }
-}

package/src/hooks/use-sign-in.ts

@@ -1,24 +0,0 @@
-import { useGlobalStore } from "./use-global-store"
-import { useIsUsingFakeApi } from "./use-is-using-fake-api"
-import { useApiBaseUrl } from "./use-packages-base-api-url"
-
-export const useSignIn = () => {
-  const snippetsBaseApiUrl = useApiBaseUrl()
-  const isUsingFakeApi = useIsUsingFakeApi()
-  const setSession = useGlobalStore((s) => s.setSession)
-  return () => {
-    const currentUrl = window.location.href.replace("127.0.0.1", "localhost")
-    const nextUrl = `${window.location.origin.replace("127.0.0.1", "localhost")}/authorize?redirect=${encodeURIComponent(currentUrl)}`
-    if (!isUsingFakeApi) {
-      window.location.href = `${snippetsBaseApiUrl}/internal/oauth/github/authorize?next=${encodeURIComponent(nextUrl)}`
-    } else {
-      window.location.href = nextUrl
-      // setSession({
-      //   account_id: "account-1234",
-      //   github_username: "testuser",
-      //   token: "1234",
-      //   session_id: "session-1234",
-      // })
-    }
-  }
-}

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

@@ -1,25 +0,0 @@
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import type { Snippet } from "fake-snippets-api/lib/db/schema"
-
-export const useSnippetByName = (fullSnippetName: string | null) => {
-  const axios = useAxios()
-  return useQuery<Snippet, Error & { status: number }>(
-    ["snippet", fullSnippetName],
-    async () => {
-      if (!fullSnippetName) return
-      const [owner_name, unscoped_name] = fullSnippetName.split("/")
-      const { data } = await axios.get("/snippets/get", {
-        params: {
-          owner_name,
-          unscoped_name,
-        },
-      })
-      return data.snippet
-    },
-    {
-      retry: false,
-      enabled: Boolean(fullSnippetName),
-    },
-  )
-}

package/src/hooks/use-snippet.ts

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

package/src/hooks/use-toast.tsx

@@ -1,90 +0,0 @@
-import toastLibrary, { Toaster, type Toast } from "react-hot-toast"
-import React from "react"
-
-export interface ToasterToast {
-  title?: React.ReactNode
-  description?: React.ReactNode
-  variant?: "default" | "destructive"
-  duration?: number
-}
-
-function ToastContent({
-  title,
-  description,
-  variant,
-  t,
-}: ToasterToast & { t: Toast }) {
-  return (
-    <div
-      className={`rounded-md border p-4 shadow-lg transition-all ${
-        t.visible
-          ? "animate-in fade-in slide-in-from-top-full"
-          : "animate-out fade-out slide-out-to-right-full"
-      } ${
-        variant === "destructive"
-          ? "border-red-500 bg-red-500 text-slate-50"
-          : "border-slate-200 bg-white text-slate-950 dark:bg-slate-950 dark:text-slate-50"
-      }`}
-    >
-      {title && <div className="text-sm font-semibold">{title}</div>}
-      {description && <div className="text-sm opacity-90">{description}</div>}
-    </div>
-  )
-}
-
-const toast = ({
-  duration,
-  description,
-  variant = "default",
-  title,
-}: ToasterToast) => {
-  if (description) {
-    return toastLibrary.custom(
-      (t) => (
-        <ToastContent
-          title={title}
-          description={description}
-          variant={variant}
-          t={t}
-        />
-      ),
-      { duration },
-    )
-  }
-
-  if (variant === "destructive") {
-    return toastLibrary.error(<>{title}</>, { duration })
-  }
-
-  return toastLibrary(<>{title}</>, { duration })
-}
-
-function useToast() {
-  return {
-    toast,
-    dismiss: toastLibrary.dismiss,
-    toastLibrary,
-  }
-}
-
-export { useToast, toast, Toaster }
-
-export function useNotImplementedToast() {
-  const { toast } = useToast()
-  return (feature: string) => {
-    toast({
-      title: "Not Implemented",
-      description: (
-        <div>
-          The {feature} feature is not implemented yet. Help us out!{" "}
-          <a
-            className="text-blue-500 hover:underline font-semibold"
-            href="https://github.com/tscircuit/tscircuit.com"
-          >
-            Check out our Github
-          </a>
-        </div>
-      ),
-    })
-  }
-}

package/src/hooks/use-update-ai-description-mutation.ts

@@ -1,42 +0,0 @@
-import { useMutation, useQueryClient } from "react-query"
-import { useAxios } from "./use-axios"
-import { useToast } from "./use-toast"
-
-export const useUpdateAiDescriptionMutation = ({
-  onSuccess,
-}: {
-  onSuccess?: () => void
-} = {}) => {
-  const axios = useAxios()
-  const { toast } = useToast()
-  const queryClient = useQueryClient()
-
-  return useMutation(
-    async ({ package_id }: { package_id: string }) => {
-      const { data } = await axios.post("/packages/update_ai_description", {
-        package_id,
-      })
-      return data
-    },
-    {
-      onSuccess: () => {
-        toast({
-          title: "AI description update requested",
-          description: "The AI description will be regenerated shortly.",
-        })
-        queryClient.invalidateQueries(["package"])
-        onSuccess?.()
-      },
-      onError: (error: any) => {
-        toast({
-          title: "Error",
-          description:
-            error?.response?.data?.message ||
-            error?.data?.message ||
-            "Failed to request AI description update.",
-          variant: "destructive",
-        })
-      },
-    },
-  )
-}

package/src/hooks/use-update-org-mutation.ts

@@ -1,41 +0,0 @@
-import { useMutation, useQueryClient } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import type { PublicOrgSchema } from "fake-snippets-api/lib/db/schema"
-
-export const useUpdateOrgMutation = ({
-  onSuccess,
-}: { onSuccess?: (org: PublicOrgSchema) => void } = {}) => {
-  const axios = useAxios()
-  const session = useGlobalStore((s) => s.session)
-  const queryClient = useQueryClient()
-
-  return useMutation(
-    ["updateOrg"],
-    async ({ orgId, name }: { orgId: string; name?: string }) => {
-      if (!session) throw new Error("No session")
-
-      const {
-        data: { org: updatedOrg },
-      } = await axios.post("/orgs/update", {
-        org_id: orgId,
-        name,
-      })
-
-      if (!updatedOrg) {
-        throw new Error("Failed to update organization")
-      }
-
-      return updatedOrg
-    },
-    {
-      onSuccess: (org: PublicOrgSchema) => {
-        queryClient.invalidateQueries(["orgs"])
-        onSuccess?.(org)
-      },
-      onError: (error: any) => {
-        console.error("Error updating organization:", error)
-      },
-    },
-  )
-}

package/src/hooks/use-url-params.ts

@@ -1,31 +0,0 @@
-import { useState, useEffect } from "react"
-
-const getUrlParams = () => {
-  const searchParams = new URLSearchParams(window.location.search)
-  const newParams: Record<string, string> = {}
-
-  for (const [key, value] of searchParams.entries()) {
-    newParams[key] = value
-  }
-  return newParams
-}
-
-export const useUrlParams = () => {
-  const [params, setParams] = useState<Record<string, string>>(getUrlParams())
-
-  useEffect(() => {
-    const updateParams = () => {
-      setParams(getUrlParams())
-    }
-
-    updateParams()
-
-    window.addEventListener("popstate", updateParams)
-
-    return () => {
-      window.removeEventListener("popstate", updateParams)
-    }
-  }, [])
-
-  return params
-}

package/src/hooks/use-warn-user-on-page-change.ts

@@ -1,90 +0,0 @@
-import { useEffect, useRef } from "react"
-
-export default function useWarnUserOnPageChange({
-  hasUnsavedChanges,
-  isPackageThere,
-}: {
-  hasUnsavedChanges: boolean
-  isPackageThere: Boolean
-}) {
-  const originalTitleRef = useRef<string>("")
-
-  useEffect(() => {
-    if (!hasUnsavedChanges || !originalTitleRef.current) {
-      originalTitleRef.current = document.title.replace(/^⚠️\s*/, "")
-    }
-
-    const handleBeforeUnload = (event: BeforeUnloadEvent) => {
-      if (hasUnsavedChanges) {
-        const message =
-          "You have unsaved changes. Are you sure you want to leave?"
-        event.preventDefault()
-        event.returnValue = message
-        return message
-      }
-    }
-
-    const handleVisibilityChange = () => {
-      if (document.hidden && hasUnsavedChanges) {
-        if (!document.title.startsWith("⚠️")) {
-          document.title = "⚠️ " + originalTitleRef.current
-        }
-      } else if (!document.hidden) {
-        document.title = originalTitleRef.current
-      }
-    }
-
-    const handlePopState = (event: PopStateEvent) => {
-      if (hasUnsavedChanges && isPackageThere) {
-        const shouldLeave = window.confirm(
-          "You have unsaved changes. Are you sure you want to leave this page?",
-        )
-        if (!shouldLeave) {
-          window.history.pushState(null, "", window.location.href)
-        }
-      }
-    }
-
-    const handleLinkClick = (event: MouseEvent) => {
-      if (!hasUnsavedChanges) return
-
-      const target = event.target as HTMLElement
-      const link = target.closest("a[href]") as HTMLAnchorElement
-
-      if (link && link.href) {
-        try {
-          const linkUrl = new URL(link.href)
-          const currentUrl = new URL(window.location.href)
-
-          if (linkUrl.origin === currentUrl.origin) {
-            event.preventDefault()
-            event.stopPropagation()
-
-            const shouldLeave = window.confirm(
-              "You have unsaved changes. Are you sure you want to leave this page?",
-            )
-
-            if (shouldLeave) {
-              window.location.href = link.href
-            }
-          }
-        } catch (error) {
-          console.warn("Failed to parse link URL:", error)
-        }
-      }
-    }
-
-    window.addEventListener("beforeunload", handleBeforeUnload)
-    document.addEventListener("visibilitychange", handleVisibilityChange)
-    window.addEventListener("popstate", handlePopState)
-    document.addEventListener("click", handleLinkClick, true)
-
-    return () => {
-      window.removeEventListener("beforeunload", handleBeforeUnload)
-      document.removeEventListener("visibilitychange", handleVisibilityChange)
-      window.removeEventListener("popstate", handlePopState)
-      document.removeEventListener("click", handleLinkClick, true)
-      document.title = originalTitleRef.current
-    }
-  }, [hasUnsavedChanges])
-}