@tscircuit/fake-snippets 0.0.121 → 0.0.122

package/src/hooks/use-jlcpcb-component-import.tsx

@@ -1,164 +0,0 @@
-import React, { useCallback } from "react"
-import { useToast } from "@/hooks/use-toast"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import { useLocation } from "wouter"
-import { useCreatePackageMutation } from "@/hooks/use-create-package-mutation"
-import { useCreatePackageReleaseMutation } from "@/hooks/use-create-package-release-mutation"
-import { useCreatePackageFilesMutation } from "@/hooks/use-create-package-files-mutation"
-import { useAxios } from "@/hooks/use-axios"
-import { JlcpcbComponentTsxLoadedPayload } from "@tscircuit/runframe/runner"
-
-export const useJlcpcbComponentImport = () => {
-  const { toastLibrary } = useToast()
-  const session = useGlobalStore((s) => s.session)
-  const [, navigate] = useLocation()
-  const axios = useAxios()
-  const createPackageMutation = useCreatePackageMutation()
-  const createReleaseMutation = useCreatePackageReleaseMutation()
-  const createFilesMutation = useCreatePackageFilesMutation()
-
-  const runImport = useCallback(
-    async ({ result, tsx }: JlcpcbComponentTsxLoadedPayload) => {
-      if (!session) {
-        throw new Error("You must be logged in to import from JLCPCB")
-      }
-
-      const partNumber = result.component.partNumber || "component"
-
-      const normalizePartNumber = (input: string) =>
-        input
-          .replace(/^@/, "")
-          .trim()
-          .replace(/\s+/g, "-")
-          .replace(/[^a-zA-Z0-9-_/]/g, "-")
-          .replace(/--+/g, "-")
-          .replace(/-+$/g, "")
-          .replace(/^-+/g, "") || "component"
-
-      const componentSlug = normalizePartNumber(partNumber)
-      const packageName = `${session.github_username}/${componentSlug}`
-
-      const fetchExistingPackage = async () => {
-        try {
-          const { data } = await axios.post("/packages/get", {
-            name: packageName,
-          })
-          return data.package
-        } catch (error: any) {
-          const status = error?.response?.status || error?.status
-          if (status === 404) return null
-          throw error
-        }
-      }
-
-      const existingPackage = await fetchExistingPackage()
-      if (existingPackage) {
-        navigate(`/editor?package_id=${existingPackage.package_id}`)
-        return {
-          partNumber,
-          packageId: existingPackage.package_id,
-          existing: true,
-        }
-      }
-
-      const description =
-        result.component.description ||
-        `Generated from JLCPCB part number ${partNumber}`
-
-      let newPackage
-      try {
-        newPackage = await createPackageMutation.mutateAsync({
-          name: packageName,
-          description,
-        })
-      } catch (error) {
-        const fallbackPackage = await fetchExistingPackage()
-        if (fallbackPackage) {
-          navigate(`/editor?package_id=${fallbackPackage.package_id}`)
-          return {
-            partNumber,
-            packageId: fallbackPackage.package_id,
-            existing: true,
-          }
-        }
-        throw error
-      }
-
-      const release = await createReleaseMutation.mutateAsync({
-        package_id: newPackage.package_id,
-        version: "0.1.0",
-        is_latest: true,
-      })
-
-      await createFilesMutation.mutateAsync({
-        file_path: "index.tsx",
-        content_text: tsx,
-        package_release_id: release.package_release_id,
-      })
-
-      navigate(`/editor?package_id=${newPackage.package_id}`)
-      return {
-        partNumber,
-        packageId: newPackage.package_id,
-        existing: false,
-      }
-    },
-    [
-      createFilesMutation,
-      createPackageMutation,
-      createReleaseMutation,
-      axios,
-      navigate,
-      session,
-    ],
-  )
-
-  const importComponent = useCallback(
-    async (payload: JlcpcbComponentTsxLoadedPayload) => {
-      const importPromise = runImport(payload)
-
-      toastLibrary.promise(importPromise, {
-        loading: "Importing component...",
-        success: ({ partNumber, existing }) => (
-          <p>
-            {existing
-              ? `Component ${partNumber} already exists. Opening package in the editor.`
-              : `Component ${partNumber} imported successfully. Opening package in the editor.`}
-          </p>
-        ),
-        error: (error) => (
-          <p>
-            {error instanceof Error
-              ? error.message
-              : "Failed to import component"}
-          </p>
-        ),
-      })
-
-      await importPromise
-    },
-    [runImport, toastLibrary],
-  )
-
-  return {
-    importComponent,
-  }
-}
-
-export const openJlcpcbImportIssue = (
-  partNumber: string,
-  errorMessage: string,
-) => {
-  const url = getJlcpcbImportIssueUrl(partNumber, errorMessage)
-  window.open(url, "_blank")
-}
-
-const getJlcpcbImportIssueUrl = (partNumber: string, errorMessage: string) => {
-  const issueTitle = `[${partNumber}] Failed to import from JLCPCB`
-  const issueBody = `I tried to import the part number ${partNumber} from JLCPCB, but it failed. Here's the error I got:\n\`\`\`\n${errorMessage}\n\`\`\`\n\nCould be an issue in \`fetchEasyEDAComponent\` or \`convertRawEasyEdaToTs\``
-  const issueLabels = "snippets,good first issue"
-  const url = `https://github.com/tscircuit/easyeda-converter/issues/new?title=${encodeURIComponent(
-    issueTitle,
-  )}&body=${encodeURIComponent(issueBody)}&labels=${encodeURIComponent(issueLabels)}`
-  return url
-}

package/src/hooks/use-list-org-members.ts

@@ -1,32 +0,0 @@
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import type { Account } from "fake-snippets-api/lib/db/schema"
-
-interface MemberAccount extends Account {
-  joined_at?: string
-}
-
-export const useListOrgMembers = ({
-  orgId,
-  orgName,
-}: { orgId?: string; orgName?: string }) => {
-  const axios = useAxios()
-  return useQuery<MemberAccount[], Error & { status: number }>(
-    ["orgs", "members", orgId || orgName],
-    async () => {
-      if (!orgId && !orgName) {
-        throw new Error("Organization ID or name is required")
-      }
-      const params = orgId ? { org_id: orgId } : { name: orgName }
-      const { data } = await axios.get("/orgs/list_members", { params })
-      return data.members
-    },
-    {
-      enabled: Boolean(orgId || orgName),
-      retry: false,
-      refetchOnWindowFocus: false,
-      refetchOnMount: false,
-      keepPreviousData: true,
-    },
-  )
-}

package/src/hooks/use-list-user-orgs.ts

@@ -1,25 +0,0 @@
-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 useListUserOrgs = (githubHandle?: string) => {
-  const axios = useAxios()
-  const session = useGlobalStore((s) => s.session)
-  const github_handle = githubHandle || session?.github_username
-
-  return useQuery<PublicOrgSchema[], Error & { status: number }>(
-    ["orgs", "list", github_handle],
-    async () => {
-      const { data } = await axios.get("/orgs/list", {
-        ...(github_handle && { params: { github_handle } }),
-      })
-      return data.orgs
-    },
-    {
-      retry: false,
-      refetchOnWindowFocus: false,
-      enabled: Boolean(github_handle),
-    },
-  )
-}

package/src/hooks/use-now.ts

@@ -1,12 +0,0 @@
-import { useEffect, useState } from "react"
-
-export const useNow = (intervalMs: number = 1000) => {
-  const [now, setNow] = useState(Date.now())
-
-  useEffect(() => {
-    const id = setInterval(() => setNow(Date.now()), intervalMs)
-    return () => clearInterval(id)
-  }, [intervalMs])
-
-  return now
-}

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

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

package/src/hooks/use-org.ts

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

package/src/hooks/use-organization.ts

@@ -1,42 +0,0 @@
-import { useQuery } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import type { PublicOrgSchema } from "fake-snippets-api/lib/db/schema"
-
-export const useOrganization = ({
-  orgId,
-  orgName,
-  github_handle,
-}: { orgId?: string; orgName?: string; github_handle?: string }) => {
-  const axios = useAxios()
-
-  const orgQuery = useQuery<PublicOrgSchema, Error & { status: number }>(
-    ["orgs", "get", orgId || orgName || github_handle],
-    async () => {
-      if (!orgId && !orgName && !github_handle) {
-        throw new Error("Organization ID, name, or GitHub handle is required")
-      }
-      const params = orgId
-        ? { org_id: orgId }
-        : orgName
-          ? { org_name: orgName }
-          : { github_handle }
-      const { data } = await axios.get("/orgs/get", { params })
-      return data.org
-    },
-    {
-      enabled: Boolean(orgId || orgName),
-      retry: false,
-      refetchOnWindowFocus: false,
-      keepPreviousData: true,
-    },
-  )
-
-  return {
-    organization: orgQuery.data,
-    membersCount: orgQuery.data?.member_count || 0,
-    packagesCount: orgQuery.data?.package_count || 0,
-    isLoading: orgQuery.isLoading,
-    isError: orgQuery.isError,
-    error: orgQuery.error,
-  }
-}

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

@@ -1,81 +0,0 @@
-import { useAxios } from "@/hooks/use-axios"
-import type {
-  Package,
-  PackageFile,
-  Snippet,
-} from "fake-snippets-api/lib/db/schema"
-import { useQuery } from "react-query"
-
-export const usePackageAsSnippet = (packageId: string | null) => {
-  const axios = useAxios()
-
-  const packageQuery = 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,
-    },
-  )
-
-  const filesQuery = useQuery<PackageFile[], Error & { status: number }>(
-    ["package-files", packageQuery.data?.latest_package_release_id],
-    async () => {
-      if (!packageQuery.data?.latest_package_release_id) {
-        throw new Error("No latest release ID available")
-      }
-      const { data } = await axios.get("/package_files/list", {
-        params: {
-          package_release_id: packageQuery.data.latest_package_release_id,
-        },
-      })
-      return data.package_files
-    },
-    {
-      enabled: Boolean(packageQuery.data?.latest_package_release_id),
-      retry: false,
-      // Add these options to ensure proper sequencing
-      staleTime: 0,
-      cacheTime: 0,
-    },
-  )
-
-  // Map package data to match Snippet structure
-  const snippetData: Snippet | undefined = packageQuery.data && {
-    snippet_id: packageId!,
-    package_release_id: packageQuery.data.latest_package_release_id || "",
-    unscoped_name: packageQuery.data.unscoped_name,
-    name: packageQuery.data.name,
-    is_starred: false,
-    version: packageQuery.data.latest_version || "",
-    owner_name: packageQuery.data.owner_github_username || "",
-    description: packageQuery.data.description || "",
-    snippet_type: "board",
-    code:
-      filesQuery.data?.find((file) => file.file_path === "index.tsx")
-        ?.content_text || "",
-    manual_edits_json_content:
-      filesQuery.data?.find((file) => file.file_path === "manual-edits.json")
-        ?.content_text || "",
-    created_at: packageQuery.data.created_at,
-    updated_at: packageQuery.data.updated_at,
-    star_count: packageQuery.data.star_count,
-    is_private: packageQuery.data.is_private || false,
-    is_public: packageQuery.data.is_public || true,
-    is_unlisted: packageQuery.data.is_unlisted || false,
-  }
-
-  return {
-    data: snippetData,
-    isLoading: packageQuery.isLoading || filesQuery.isLoading,
-    error: packageQuery.error || filesQuery.error,
-  }
-}

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

@@ -1,91 +0,0 @@
-import { useQuery } from "react-query"
-import { useAxios } from "./use-axios"
-import { PackageBuild } from "fake-snippets-api/lib/db/schema"
-
-interface UsePackageBuildsParams {
-  package_id?: string
-  package_release_id?: string
-}
-
-export const usePackageBuilds = (params: UsePackageBuildsParams | null) => {
-  const axios = useAxios()
-
-  return useQuery<PackageBuild[], Error & { status: number }>(
-    ["packageBuilds", params],
-    async () => {
-      if (!params || (!params.package_id && !params.package_release_id)) {
-        throw new Error(
-          "Either package_id or package_release_id must be provided",
-        )
-      }
-
-      const { data } = await axios.get<{ package_builds: PackageBuild[] }>(
-        "/package_builds/list",
-        {
-          params: {
-            ...(params.package_id ? { package_id: params.package_id } : {}),
-            ...(params.package_release_id
-              ? { package_release_id: params.package_release_id }
-              : {}),
-          },
-        },
-      )
-
-      if (!data.package_builds) {
-        return []
-      }
-
-      return data.package_builds
-    },
-    {
-      enabled: Boolean(
-        params && (params.package_id || params.package_release_id),
-      ),
-      retry: false,
-      refetchOnWindowFocus: false,
-      staleTime: 0,
-    },
-  )
-}
-
-export const usePackageBuildsByPackageId = (packageId: string | null) => {
-  return usePackageBuilds(packageId ? { package_id: packageId } : null)
-}
-
-export const usePackageBuildsByReleaseId = (releaseId?: string | null) => {
-  return usePackageBuilds(releaseId ? { package_release_id: releaseId } : null)
-}
-
-export const usePackageBuild = (
-  packageBuildId: string | null,
-  options?: { include_logs?: boolean },
-) => {
-  const axios = useAxios()
-
-  return useQuery<PackageBuild, Error & { status: number }>(
-    ["packageBuild", packageBuildId, options?.include_logs],
-    async () => {
-      if (!packageBuildId) {
-        throw new Error("package_build_id is required")
-      }
-
-      const { data } = await axios.get("/package_builds/get", {
-        params: {
-          package_build_id: packageBuildId,
-          include_logs: options?.include_logs,
-        },
-      })
-
-      if (!data.package_build) {
-        throw new Error("Package build not found")
-      }
-
-      return data.package_build
-    },
-    {
-      enabled: Boolean(packageBuildId),
-      retry: false,
-      refetchOnWindowFocus: false,
-    },
-  )
-}

package/src/hooks/use-package-by-package-id.ts

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

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

@@ -1,29 +0,0 @@
-import { useQuery, UseQueryOptions } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import type { Package } from "fake-snippets-api/lib/db/schema"
-
-export const usePackageByName = (
-  packageName: string | null,
-  options?: UseQueryOptions<Package, Error & { status: number }>,
-) => {
-  const axios = useAxios()
-  return useQuery<Package, Error & { status: number }>(
-    ["package", packageName],
-    async () => {
-      if (!packageName) return
-      const { data } = await axios.get("/packages/get", {
-        params: {
-          name: packageName,
-        },
-      })
-      return data.package
-    },
-    {
-      retry: false,
-      enabled: Boolean(packageName),
-      refetchOnWindowFocus: false,
-      staleTime: 5 * 60 * 1000,
-      ...options,
-    },
-  )
-}