@tscircuit/fake-snippets 0.0.80 → 0.0.82

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

@@ -0,0 +1,41 @@
+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?.message ||
+            error?.data?.message ||
+            "Failed to rebuild package.",
+          variant: "destructive",
+        })
+      },
+    },
+  )
+}

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

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

package/src/hooks/useFileManagement.ts

@@ -65,8 +65,7 @@ export function useFileManagement({
   const initialCodeContent = useMemo(() => {
     return (
       templateCode ??
-      decodeUrlHashToText(window.location.toString()) ??
-      DEFAULT_CODE
+      (decodeUrlHashToText(window.location.toString()) || DEFAULT_CODE)
     )
   }, [templateCode, currentPackage])
   const manualEditsFileContent = useMemo(() => {

package/src/lib/codemirror/basic-setup.ts

@@ -18,7 +18,13 @@ import {
   foldGutter,
   foldKeymap,
 } from "@codemirror/language"
-import { defaultKeymap, history, historyKeymap } from "@codemirror/commands"
+import {
+  defaultKeymap,
+  history,
+  historyKeymap,
+  toggleLineComment,
+  toggleBlockComment,
+} from "@codemirror/commands"
 import { searchKeymap, highlightSelectionMatches } from "@codemirror/search"
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete"
 import { lintKeymap } from "@codemirror/lint"
@@ -47,5 +53,15 @@ export const basicSetup: Extension = (() => [
     ...foldKeymap,
     ...completionKeymap,
     ...lintKeymap,
+    {
+      key: "Mod-/",
+      run: toggleLineComment,
+      preventDefault: true,
+    },
+    {
+      key: "Mod-Shift-/",
+      run: toggleBlockComment,
+      preventDefault: true,
+    },
   ]),
 ])()

package/src/pages/dashboard.tsx

@@ -34,8 +34,9 @@ export const DashboardPage = () => {
     data: myPackages,
     isLoading,
     error,
+    refetch: refetchUserPackages,
   } = useQuery<Package[]>(
-    "userPackages",
+    ["userPackages", currentUser],
     async () => {
       const response = await axios.post(`/packages/list`, {
         owner_github_username: currentUser,
@@ -195,6 +196,7 @@ export const DashboardPage = () => {
             packageId={packageToDelete.package_id}
             packageName={packageToDelete.unscoped_name}
             packageOwner={packageToDelete.owner_github_username ?? ""}
+            refetchUserPackages={refetchUserPackages}
           />
         )}
       </div>

package/src/pages/editor.tsx

@@ -9,6 +9,10 @@ export const EditorPage = () => {
   const { packageId } = useCurrentPackageId()
   const { data: pkg, isLoading, error } = usePackage(packageId)
 
+  const projectUrl = pkg
+    ? `https://tscircuit.com/${pkg.owner_github_username}/${pkg.unscoped_name}`
+    : undefined
+
   return (
     <div className="overflow-x-hidden">
       <Helmet>
@@ -34,7 +38,7 @@ export const EditorPage = () => {
         )}
       </Helmet>
       <Header />
-      {!error && <CodeAndPreview pkg={pkg} />}
+      {!error && <CodeAndPreview pkg={pkg} projectUrl={projectUrl} />}
       {error && error.status === 404 && (
         <div className="w-full h-[calc(100vh-20rem)] text-xl text-center flex justify-center items-center">
           Package not found

package/src/pages/user-profile.tsx

@@ -48,7 +48,10 @@ export const UserProfilePage = () => {
       })
       return response.data
     },
-    { retry: false },
+    {
+      retry: false,
+      refetchOnWindowFocus: false,
+    },
   )
 
   // use the username stored in the database so the correct case is displayed
@@ -71,7 +74,10 @@ export const UserProfilePage = () => {
       })
       return response.data.packages
     },
-    { enabled: Boolean(githubUsername) },
+    {
+      enabled: Boolean(githubUsername),
+      refetchOnWindowFocus: false,
+    },
   )
 
   const { data: starredPackages, isLoading: isLoadingStarredPackages } =
@@ -85,6 +91,7 @@ export const UserProfilePage = () => {
       },
       {
         enabled: activeTab === "starred" && Boolean(githubUsername),
+        refetchOnWindowFocus: false,
       },
     )
 

package/src/pages/view-package.tsx

@@ -46,6 +46,7 @@ export const ViewPackagePage = () => {
       <RepoPageContent
         packageFiles={packageFiles as any}
         packageInfo={packageInfo as any}
+        packageRelease={packageRelease as any}
         importantFilePaths={["README.md", "LICENSE", "package.json"]}
         onFileClicked={(file) => {
           setLocation(

package/.github/workflows/formatbot.yml

@@ -1,63 +0,0 @@
-name: Format PR
-
-on:
-  pull_request:
-    types: [opened, synchronize, reopened, ready_for_review]
-
-jobs:
-  format:
-    name: Format code
-    runs-on: ubuntu-latest
-    if: github.event.pull_request.draft == false
-
-    steps:
-    - name: Determine if fork
-      id: check_fork
-      run: |
-        if [ "${{ github.event.pull_request.head.repo.full_name }}" = "${{ github.repository }}" ]; then
-          echo "is_fork=false" >> $GITHUB_OUTPUT
-        else
-          echo "is_fork=true" >> $GITHUB_OUTPUT
-        fi
-
-    - name: Checkout code
-      uses: actions/checkout@v4
-      with:
-        token: ${{ steps.check_fork.outputs.is_fork == 'true' && secrets.GITHUB_TOKEN || secrets.TSCIRCUIT_BOT_GITHUB_TOKEN }}
-
-    - name: Setup bun
-      uses: oven-sh/setup-bun@v2
-      with:
-        bun-version: latest
-
-    - name: Get @biomejs/biome version
-      id: get-biome-version
-      run: echo "BIOME_VERSION=$(node -p "require('./package.json').devDependencies['@biomejs/biome']")" >> $GITHUB_OUTPUT
-
-    - name: Install @biomejs/biome
-      run: bun install @biomejs/biome@${{ steps.get-biome-version.outputs.BIOME_VERSION }}
-
-    - name: Run Formatter and autofix
-      if: steps.check_fork.outputs.is_fork == 'false'
-      run: npx @biomejs/biome format . --write
-
-    - name: Format Check (cannot autofix against forks)
-      if: steps.check_fork.outputs.is_fork == 'true'
-      run: npx @biomejs/biome format .
-
-    - name: Restore lock files
-      if: steps.check_fork.outputs.is_fork == 'false'
-      run: |
-        git checkout -- *lock.json || true
-        git checkout -- *.lock || true
-        git checkout -- *.lockb || true
-
-    - name: Commit changes
-      if: steps.check_fork.outputs.is_fork == 'false'
-      uses: stefanzweifel/git-auto-commit-action@v4
-      with:
-        commit_message: "formatbot: Automatically format code"
-        branch: ${{ github.head_ref }}
-        commit_user_name: tscircuitbot
-        commit_user_email: tscircuitbot@users.noreply.github.com
-        commit_author: tscircuitbot <tscircuitbot@users.noreply.github.com>