@tscircuit/fake-snippets 0.0.121 → 0.0.123

package/src/hooks/use-current-package-release.ts

@@ -1,48 +0,0 @@
-import { useParams } from "wouter"
-import { useCurrentPackageId } from "./use-current-package-id"
-import { usePackageRelease } from "./use-package-release"
-import { useUrlParams } from "./use-url-params"
-import type { PackageRelease } from "fake-snippets-api/lib/db/schema"
-
-export const useCurrentPackageRelease = (options?: {
-  include_ai_review?: boolean
-  include_logs?: boolean
-  refetchInterval?:
-    | number
-    | false
-    | ((data: PackageRelease | undefined) => number | false)
-}) => {
-  const { packageId } = useCurrentPackageId()
-  const urlParams = useUrlParams()
-  const { author, packageName } = useParams()
-
-  const version = urlParams.version
-  const releaseId = urlParams.package_release_id
-
-  let query: Parameters<typeof usePackageRelease>[0] | null = null
-
-  // Prioritize package_name + is_latest for better caching consistency
-  if (author && packageName && !version && !releaseId) {
-    query = { package_name: `${author}/${packageName}`, is_latest: true }
-  } else if (releaseId) {
-    query = { package_release_id: releaseId }
-  } else if (version && author && packageName) {
-    query = { package_name_with_version: `${author}/${packageName}@${version}` }
-  } else if (packageId) {
-    query = { package_id: packageId, is_latest: true }
-  }
-
-  if (query && options?.include_logs !== undefined) {
-    query.include_logs = options.include_logs
-  }
-
-  if (query && options?.include_ai_review !== undefined) {
-    query.include_ai_review = options.include_ai_review
-  }
-
-  const { data: packageRelease, ...rest } = usePackageRelease(query, {
-    refetchInterval: options?.refetchInterval,
-  })
-
-  return { packageRelease, ...rest }
-}

package/src/hooks/use-current-snippet-id.ts

@@ -1,78 +0,0 @@
-import { useEffect, useRef, useState } from "react"
-import { useUrlParams } from "./use-url-params"
-import { useAxios } from "./use-axios"
-import { useLocation, useParams } from "wouter"
-import { useMutation } from "react-query"
-import { useSnippetByName } from "./use-snippet-by-name"
-import { getSnippetTemplate } from "@/lib/get-snippet-template"
-import { useGlobalStore } from "./use-global-store"
-import { useCreateSnippetMutation } from "./use-create-snippet-mutation"
-
-export const useCurrentSnippetId = (): {
-  snippetId: string | null
-  packageId: string | null
-  isLoading: boolean
-  error: (Error & { status: number }) | null
-} => {
-  const urlParams = useUrlParams()
-  const urlSnippetId = urlParams.snippet_id ?? urlParams.package_id
-  const templateName = urlParams.template
-  const isLoggedIn = useGlobalStore((s) => Boolean(s.session))
-  const wouter = useParams()
-  const [location] = useLocation()
-  const [snippetIdFromUrl, setSnippetId] = useState<string | null>(urlSnippetId)
-
-  useEffect(() => {
-    if (urlSnippetId) {
-      setSnippetId(urlSnippetId)
-    }
-  }, [urlSnippetId])
-
-  const {
-    data: snippetByName,
-    isLoading: isLoadingSnippetByName,
-    error: errorSnippetByName,
-  } = useSnippetByName(
-    wouter.author && (wouter.snippetName || wouter.packageName)
-      ? `${wouter.author}/${wouter.snippetName || wouter.packageName}`
-      : null,
-  )
-
-  const createSnippetMutation = useCreateSnippetMutation({
-    onSuccess: (snippet) => {
-      setSnippetId(snippet.snippet_id)
-    },
-  })
-
-  useEffect(() => {
-    if (snippetIdFromUrl) return
-    if (location !== "/editor") return
-    if (wouter?.author && wouter?.snippetName) return
-    if ((window as any).AUTO_CREATED_SNIPPET) return
-    if (!isLoggedIn) return
-    if (!urlParams.should_create_snippet) return
-    ;(window as any).AUTO_CREATED_SNIPPET = true
-    createSnippetMutation.mutate({})
-    return () => {
-      setTimeout(() => {
-        ;(window as any).AUTO_CREATED_SNIPPET = false
-      }, 1000)
-    }
-  }, [])
-
-  useEffect(() => {
-    if (templateName) {
-      const url = new URL(window.location.href)
-      url.searchParams.delete("should_create_snippet")
-      window.history.replaceState({}, "", url.toString())
-    }
-  }, [templateName])
-
-  const snippetId = snippetIdFromUrl ?? snippetByName?.snippet_id ?? null
-  return {
-    snippetId,
-    packageId: snippetId,
-    isLoading: isLoadingSnippetByName,
-    error: errorSnippetByName,
-  }
-}

package/src/hooks/use-current-snippet.ts

@@ -1,24 +0,0 @@
-import { useCurrentSnippetId } from "./use-current-snippet-id"
-import { useSnippet } from "./use-snippet"
-import { Snippet } from "fake-snippets-api/lib/db/schema"
-import { useAxios } from "./use-axios"
-
-export const useCurrentSnippet = (): {
-  snippet: Snippet | null
-  isLoading: boolean
-  error: (Error & { status: number }) | null
-} => {
-  const {
-    snippetId,
-    isLoading: isLoadingSnippetId,
-    error: errorSnippetId,
-  } = useCurrentSnippetId()
-  const axios = useAxios()
-  const { data: snippet, isLoading, error } = useSnippet(snippetId || "")
-
-  return {
-    snippet: snippet || null,
-    isLoading: isLoadingSnippetId || isLoading,
-    error: errorSnippetId || error || null,
-  }
-}

package/src/hooks/use-datasheet.ts

@@ -1,18 +0,0 @@
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import type { Datasheet } from "fake-snippets-api/lib/db/schema"
-
-export const useDatasheet = (chipName: string | null) => {
-  const axios = useAxios()
-  return useQuery<Datasheet, Error & { status: number }>(
-    ["datasheet", chipName],
-    async () => {
-      if (!chipName) throw new Error("chip name required")
-      const { data } = await axios.get("/datasheets/get", {
-        params: { chip_name: chipName },
-      })
-      return data.datasheet as Datasheet
-    },
-    { enabled: Boolean(chipName), retry: false, refetchOnWindowFocus: false },
-  )
-}

package/src/hooks/use-debounce.ts

@@ -1,17 +0,0 @@
-import { useEffect, useState } from "react"
-
-export function useDebounce<T>(value: T, delay: number): T {
-  const [debouncedValue, setDebouncedValue] = useState<T>(value)
-
-  useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value)
-    }, delay)
-
-    return () => {
-      clearTimeout(handler)
-    }
-  }, [value, delay])
-
-  return debouncedValue
-}

package/src/hooks/use-delete-package.ts

@@ -1,45 +0,0 @@
-import { useMutation, useQueryClient } from "react-query"
-import { useAxios } from "./use-axios"
-import { useToast } from "./use-toast"
-
-export const useDeletePackage = ({
-  onSuccess,
-}: { onSuccess?: () => void } = {}) => {
-  const axios = useAxios()
-  const { toast } = useToast()
-  const queryClient = useQueryClient()
-
-  return useMutation(
-    ["deletePackage"],
-    async ({ package_id }: { package_id: string }) => {
-      const response = await axios.post("/packages/delete", {
-        package_id,
-      })
-
-      if (!response.data.ok) {
-        throw new Error("Failed to delete package")
-      }
-
-      return response.data
-    },
-    {
-      onSuccess: (_, variables) => {
-        toast({
-          title: "Package deleted",
-          description: "Package deleted successfully",
-        })
-        if (variables?.package_id) {
-          queryClient.invalidateQueries(["packages", variables.package_id])
-        }
-        onSuccess?.()
-      },
-      onError: (error: any) => {
-        toast({
-          title: "Error deleting package",
-          description: "Failed to delete package",
-          variant: "destructive",
-        })
-      },
-    },
-  )
-}

package/src/hooks/use-download-zip.ts

@@ -1,50 +0,0 @@
-import { useCallback } from "react"
-import JSZip from "jszip"
-import { saveAs } from "file-saver"
-import { useAxios } from "@/hooks/use-axios"
-import { Package, PackageFile } from "fake-snippets-api/lib/db/schema"
-import { isHiddenFile } from "@/components/ViewPackagePage/utils/is-hidden-file"
-
-export const useDownloadZip = () => {
-  const axios = useAxios()
-
-  const downloadZip = useCallback(
-    async (packageInfo: Package, packageFiles: PackageFile[]) => {
-      if (!packageInfo || !packageFiles) return
-
-      const zip = new JSZip()
-
-      const visibleFiles = packageFiles.filter(
-        (file) => !isHiddenFile(file.file_path),
-      )
-
-      for (const file of visibleFiles) {
-        try {
-          const response = await axios.get("/package_files/get", {
-            params: { package_file_id: file.package_file_id },
-          })
-
-          const content = response.data.package_file?.content_text || ""
-
-          const cleanPath = file.file_path.startsWith("/")
-            ? file.file_path.slice(1)
-            : file.file_path
-
-          zip.file(cleanPath, content)
-        } catch (error) {
-          console.error(
-            `Failed to fetch content for file ${file.file_path}:`,
-            error,
-          )
-        }
-      }
-
-      const blob = await zip.generateAsync({ type: "blob" })
-      const fileName = `${packageInfo.unscoped_name || packageInfo.name}.zip`
-      saveAs(blob, fileName)
-    },
-    [axios],
-  )
-
-  return { downloadZip }
-}

package/src/hooks/use-fork-package-mutation.ts

@@ -1,61 +0,0 @@
-import { Package } from "fake-snippets-api/lib/db/schema"
-import { useMutation } from "react-query"
-import { useAxios } from "./use-axios"
-import { useGlobalStore } from "./use-global-store"
-import { useToast } from "./use-toast"
-
-export const useForkPackageMutation = ({
-  onSuccess,
-}: {
-  onSuccess?: (forkedPackage: Package) => void
-} = {}) => {
-  const axios = useAxios()
-  const session = useGlobalStore((s) => s.session)
-  const { toast } = useToast()
-
-  return useMutation(
-    ["forkPackage"],
-    async (packageId: string) => {
-      if (!session) throw new Error("No session")
-
-      const { data } = await axios.post("/packages/fork", {
-        package_id: packageId,
-      })
-
-      const forkedPackage: Package = data.package
-      if (!forkedPackage) throw new Error("Failed to fork package")
-
-      return forkedPackage
-    },
-    {
-      onSuccess: (result) => {
-        toast({
-          title: "Package Forked",
-          description: `Successfully forked package to @${session?.github_username}/${result.unscoped_name}`,
-        })
-
-        const url = new URL(window.location.href)
-        url.pathname = `/${session?.github_username}/${result.unscoped_name}`
-        url.search = ""
-        window.location.href = url.toString()
-
-        onSuccess?.(result)
-      },
-      onError: (error: any) => {
-        const message = error?.data?.error?.message
-        if (error?.data?.error_code === "cannot_fork_own_package") {
-          toast({
-            title: "Cannot Fork Package",
-            description: message || "You cannot fork your own package.",
-          })
-          return
-        }
-        toast({
-          title: "Error",
-          description: message || "Failed to fork package. Please try again.",
-          variant: "destructive",
-        })
-      },
-    },
-  )
-}

package/src/hooks/use-global-store.ts

@@ -1,36 +0,0 @@
-import { create } from "zustand"
-import { persist } from "zustand/middleware"
-
-export type Store = {
-  session: {
-    token: string
-    account_id: string
-    session_id: string
-    github_username: string
-  } | null
-  setSession: (session: Store["session"]) => any
-  should_onboarding_tips_be_closed: boolean
-  setOnboardingTipsClosed: (closed: boolean) => any
-}
-
-export const useGlobalStore = create<Store>()(
-  persist(
-    (set) => ({
-      session: null,
-      setSession: (session) => set({ session }),
-      should_onboarding_tips_be_closed: false,
-      setOnboardingTipsClosed: (closed) =>
-        set({ should_onboarding_tips_be_closed: closed }),
-    }),
-    {
-      name: "session_store",
-    },
-  ),
-)
-
-if (typeof window !== "undefined") {
-  useGlobalStore.subscribe((state) => {
-    ;(window as any).globalStore = state
-    window.TSCIRCUIT_REGISTRY_TOKEN = state.session?.token ?? null
-  })
-}

package/src/hooks/use-hotkey.ts

@@ -1,116 +0,0 @@
-import { useEffect, useRef } from "react"
-
-/**
- * Efficient hook for handling keyboard shortcuts
- *
- * Examples:
- * - useHotkeyCombo("cmd+b", () => toggleSidebar())
- * - useHotkeyCombo("ctrl+s", () => save())
- * - useHotkeyCombo("Escape", () => closeModal())
- * - useHotkey("Enter", () => submit(), { meta: true })
- */
-
-type HotkeyModifiers = {
-  ctrl?: boolean
-  alt?: boolean
-  shift?: boolean
-  meta?: boolean
-}
-
-type HotkeyCallback = (event: KeyboardEvent) => void
-
-type HotkeyOptions = {
-  preventDefault?: boolean
-  stopPropagation?: boolean
-  target?: EventTarget | null
-}
-
-export const useHotkey = (
-  key: string,
-  callback: HotkeyCallback,
-  modifiers: HotkeyModifiers = {},
-  options: HotkeyOptions = {},
-) => {
-  const callbackRef = useRef(callback)
-  const {
-    preventDefault = true,
-    stopPropagation = false,
-    target = document,
-  } = options
-
-  useEffect(() => {
-    callbackRef.current = callback
-  }, [callback])
-
-  useEffect(() => {
-    if (!target) return
-
-    const handleKeyDown = (event: KeyboardEvent) => {
-      const keyMatches = event.key.toLowerCase() === key.toLowerCase()
-
-      // Check that all required modifiers are pressed
-      const ctrlOk = modifiers.ctrl ? event.ctrlKey : true
-      const altOk = modifiers.alt ? event.altKey : true
-      const shiftOk = modifiers.shift ? event.shiftKey : true
-      const metaOk = modifiers.meta ? event.metaKey || event.ctrlKey : true
-
-      if (keyMatches && ctrlOk && altOk && shiftOk && metaOk) {
-        if (preventDefault) {
-          event.preventDefault()
-        }
-        if (stopPropagation) {
-          event.stopPropagation()
-        }
-        callbackRef.current(event)
-      }
-    }
-
-    target.addEventListener("keydown", handleKeyDown as EventListener)
-    return () =>
-      target.removeEventListener("keydown", handleKeyDown as EventListener)
-  }, [
-    key,
-    modifiers.ctrl,
-    modifiers.alt,
-    modifiers.shift,
-    modifiers.meta,
-    preventDefault,
-    stopPropagation,
-    target,
-  ])
-}
-
-export const useHotkeyCombo = (
-  combo: string,
-  callback: HotkeyCallback,
-  options: HotkeyOptions = {},
-) => {
-  const modifiers: HotkeyModifiers = {}
-  const parts = combo
-    .toLowerCase()
-    .split("+")
-    .map((part) => part.trim())
-
-  const keyPart = parts[parts.length - 1]
-  const modifierParts = parts.slice(0, -1)
-
-  modifierParts.forEach((part) => {
-    switch (part) {
-      case "ctrl":
-        modifiers.ctrl = true
-        break
-      case "cmd":
-      case "meta":
-        modifiers.meta = true
-        break
-      case "alt":
-        modifiers.alt = true
-        break
-      case "shift":
-        modifiers.shift = true
-        break
-    }
-  })
-
-  useHotkey(keyPart, callback, modifiers, options)
-}

package/src/hooks/use-hydration.ts

@@ -1,30 +0,0 @@
-import { useEffect, useState } from "react"
-import { useGlobalStore } from "@/hooks/use-global-store"
-
-export const useHydration = () => {
-  const [hasHydrated, setHasHydrated] = useState(() => {
-    if (typeof window === "undefined") return false
-    return useGlobalStore.persist?.hasHydrated?.() ?? false
-  })
-
-  useEffect(() => {
-    if (typeof window === "undefined") return
-
-    if (useGlobalStore.persist?.hasHydrated?.()) {
-      setHasHydrated(true)
-      return
-    }
-
-    const unsubFinishHydration = useGlobalStore.persist?.onFinishHydration?.(
-      () => {
-        setHasHydrated(true)
-      },
-    )
-
-    return () => {
-      unsubFinishHydration?.()
-    }
-  }, [])
-
-  return hasHydrated
-}

package/src/hooks/use-is-using-fake-api.ts

@@ -1,3 +0,0 @@
-export const useIsUsingFakeApi = () => {
-  return import.meta.env.VITE_USE_FAKE_API === "true"
-}