@tscircuit/fake-snippets 0.0.73 → 0.0.74

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

@@ -2,7 +2,6 @@ import type { 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 { useUrlParams } from "./use-url-params"
 
 export const useCreatePackageMutation = ({
   onSuccess,
@@ -42,13 +41,7 @@ export const useCreatePackageMutation = ({
     },
     {
       onSuccess: (pkg: Package) => {
-        const url = new URL(window.location.href)
-        url.searchParams.set("package_id", pkg.package_id)
-        url.searchParams.delete("template")
-        url.searchParams.delete("should_create_package")
-        window.history.pushState({}, "", url.toString())
         onSuccess?.(pkg)
-        window.dispatchEvent(new Event("popstate"))
       },
       onError: (error: any) => {
         console.error("Error creating package:", error)

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

@@ -0,0 +1,28 @@
+import { useParams } from "wouter"
+import { useCurrentPackageId } from "./use-current-package-id"
+import { useUrlParams } from "./use-url-params"
+import { usePackageRelease } from "./use-package-release"
+
+export const useCurrentPackageRelease = () => {
+  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
+
+  if (releaseId) {
+    query = { package_release_id: releaseId }
+  } else if (version && author && packageName) {
+    query = { package_name_with_version: `${author}/${packageName}@${version}` }
+  } else if (author && packageName) {
+    query = { package_name: `${author}/${packageName}`, is_latest: true }
+  } else if (packageId) {
+    query = { package_id: packageId, is_latest: true }
+  }
+
+  const { data: packageRelease, ...rest } = usePackageRelease(query)
+  return { packageRelease, ...rest }
+}

package/src/hooks/useFileManagement.ts

@@ -91,7 +91,31 @@ export function useFileManagement({
         })
       },
     })
-  const createPackageMutation = useCreatePackageMutation()
+  const createPackageMutation = useCreatePackageMutation({
+    onSuccess: (newPackage) => {
+      createRelease(
+        {
+          package_name_with_version: `${newPackage.name}@latest`,
+        },
+        {
+          onSuccess: () => {
+            updatePackageFilesMutation.mutate({
+              package_name_with_version: `${newPackage.name}@latest`,
+              ...newPackage,
+            })
+            const url = new URL(window.location.href)
+            url.searchParams.set("package_id", newPackage.package_id)
+            url.searchParams.delete("template")
+            url.searchParams.delete("should_create_package")
+            window.history.pushState({}, "", url.toString())
+            window.dispatchEvent(new Event("popstate"))
+            updateLastUpdated()
+            setInitialFiles([...localFiles])
+          },
+        },
+      )
+    },
+  })
 
   useEffect(() => {
     if (!currentPackage || isLoadingPackageFilesWithContent) {
@@ -204,29 +228,10 @@ export function useFileManagement({
       return
     }
 
-    const newPackage = await createPackageMutation.mutateAsync({
+    await createPackageMutation.mutateAsync({
       name: `${loggedInUser?.github_username}/${generateRandomPackageName()}`,
       is_private: isPrivate,
     })
-
-    if (newPackage) {
-      createRelease(
-        {
-          package_name_with_version: `${newPackage.name}@latest`,
-        },
-        {
-          onSuccess: () => {
-            updatePackageFilesMutation.mutate({
-              package_name_with_version: `${newPackage.name}@latest`,
-              ...newPackage,
-            })
-            updateLastUpdated()
-            setInitialFiles([...localFiles])
-          },
-        },
-      )
-    }
-    updateLastUpdated()
   }
 
   const saveFiles = () => {

package/src/pages/package-builds.tsx

@@ -6,7 +6,7 @@ import { Helmet } from "react-helmet-async"
 import { useCurrentPackageId } from "@/hooks/use-current-package-id"
 import { NotFound } from "@/components/NotFound"
 import { ErrorOutline } from "@/components/ErrorOutline"
-import { DeploymentDetailsPage } from "@/components/PackageBuildsPage/DeploymentDetailsPage"
+import { PackageBuildDetailsPage } from "@/components/PackageBuildsPage/PackageBuildDetailsPage"
 
 export const EditorPage = () => {
   const { packageId } = useCurrentPackageId()
@@ -26,7 +26,7 @@ export const EditorPage = () => {
         )}
       </Helmet>
       <Header />
-      <DeploymentDetailsPage />
+      <PackageBuildDetailsPage />
       <Footer />
     </div>
   )