@tscircuit/fake-snippets 0.0.99 → 0.0.100

package/src/components/dialogs/edit-package-details-dialog.tsx

@@ -186,6 +186,7 @@ export const EditPackageDetailsDialog = ({
         "packageFile",
         { package_release_id: packageReleaseId },
       ])
+      qc.invalidateQueries(["packageFiles", packageReleaseId])
       toast({
         title: "Package details updated",
         description: "Successfully updated package details",
@@ -376,7 +377,7 @@ export const EditPackageDetailsDialog = ({
                 className="mt-2 rounded-md"
                 onToggle={(e) => setDangerOpen(e.currentTarget.open)}
               >
-                <summary className="cursor-pointer p-2 font-medium text-sm text-black list-none flex justify-between items-center">
+                <summary className="select-none cursor-pointer p-2 font-medium text-sm text-black list-none flex justify-between items-center">
                   Danger Zone
                   <ChevronDown
                     className={`w-4 h-4 mr-1 transition-transform ${dangerOpen ? "rotate-180" : ""}`}
@@ -405,7 +406,7 @@ export const EditPackageDetailsDialog = ({
           </div>
 
           <DialogFooter className="mt-auto">
-            <div className="lg:px-2 flex flex-col sm:flex-row justify-end gap-2">
+            <div className="lg:px-2 select-none flex flex-col sm:flex-row justify-end gap-2">
               <Button
                 variant="outline"
                 onClick={() => onOpenChange(false)}

package/src/components/package-port/CodeAndPreview.tsx

@@ -172,7 +172,7 @@ export function CodeAndPreview({ pkg, projectUrl }: Props) {
 
   if (urlParams.package_id && (!pkg || isLoading)) {
     return (
-      <div className="flex items-center justify-center h-[60vh]">
+      <div className="flex items-center justify-center h-[80vh]">
         <div className="flex flex-col items-center justify-center">
           <div className="text-lg text-gray-500 mb-4">Loading</div>
           <Loader2 className="w-16 h-16 animate-spin text-gray-400" />

package/src/components/package-port/CodeEditor.tsx

@@ -205,7 +205,7 @@ export const CodeEditor = ({
       projectName: "my-project",
       typescript: tsModule,
       logger: console,
-      fetcher: async (input: RequestInfo | URL, init?: RequestInit) => {
+      fetcher: (async (input: RequestInfo | URL, init?: RequestInit) => {
         const registryPrefixes = [
           "https://data.jsdelivr.com/v1/package/resolve/npm/@tsci/",
           "https://data.jsdelivr.com/v1/package/npm/@tsci/",
@@ -231,7 +231,7 @@ export const CodeEditor = ({
           )
         }
         return fetch(input, init)
-      },
+      }) as typeof fetch,
       delegate: {
         started: () => {
           const manualEditsTypeDeclaration = `

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

@@ -17,7 +17,7 @@ export const useCreatePackageMutation = ({
       is_private,
       is_unlisted,
     }: {
-      name: string
+      name?: string
       description?: string
       is_private?: boolean
       is_unlisted?: boolean

package/src/hooks/useFileManagement.ts

@@ -1,10 +1,7 @@
 import { useEffect, useMemo, useState, useCallback, useRef } from "react"
 import { isValidFileName } from "@/lib/utils/isValidFileName"
 import { PackageFile } from "@/types/package"
-import {
-  DEFAULT_CODE,
-  generateRandomPackageName,
-} from "@/lib/utils/package-utils"
+import { DEFAULT_CODE } from "@/lib/utils/package-utils"
 import { Package } from "fake-snippets-api/lib/db/schema"
 import { usePackageFiles } from "./use-package-files"
 import { decodeUrlHashToText } from "@/lib/decodeUrlHashToText"
@@ -318,7 +315,6 @@ export function useFileManagement({
     }
 
     await createPackageMutation.mutateAsync({
-      name: `${loggedInUser?.github_username}/${generateRandomPackageName()}`,
       is_private: isPrivate,
     })
   }

package/src/lib/utils/package-utils.ts

@@ -5,6 +5,3 @@ export default () => (
   </board>
 )
 `.trim()
-
-export const generateRandomPackageName = () =>
-  `untitled-package-${Math.floor(Math.random() * 900) + 100}`