@tscircuit/fake-snippets 0.0.121 → 0.0.123

package/src/hooks/useOptimizedPackageFilesLoader.ts

@@ -1,136 +0,0 @@
-import { useQuery, useQueries } from "react-query"
-import { useAxios } from "@/hooks/use-axios"
-import { usePackageFiles } from "@/hooks/use-package-files"
-import type { Package } from "fake-snippets-api/lib/db/schema"
-import { useState, useMemo } from "react"
-
-export interface PackageFile {
-  path: string
-  content: string
-}
-
-export interface OptimizedLoadingState {
-  priorityFile: PackageFile | null
-  allFiles: PackageFile[]
-  isPriorityLoading: boolean
-  areAllFilesLoading: boolean
-  error: any
-}
-
-export function useOptimizedPackageFilesLoader(
-  pkg?: Package,
-  priorityFilePath?: string | null,
-) {
-  const axios = useAxios()
-  const [loadedFiles, setLoadedFiles] = useState<Map<string, PackageFile>>(
-    new Map(),
-  )
-
-  const pkgFiles = usePackageFiles(pkg?.latest_package_release_id)
-
-  const targetFilePath = useMemo(() => {
-    if (!pkgFiles.data) return priorityFilePath
-
-    if (priorityFilePath) {
-      const exactMatch = pkgFiles.data.find(
-        (f) => f.file_path === priorityFilePath,
-      )
-      if (exactMatch) return exactMatch.file_path
-
-      const partialMatch = pkgFiles.data.find(
-        (f) =>
-          f.file_path.includes(priorityFilePath) ||
-          priorityFilePath.includes(f.file_path),
-      )
-      if (partialMatch) return partialMatch.file_path
-    }
-
-    // Check for index.tsx first
-    const indexFile = pkgFiles.data.find((f) => f.file_path === "index.tsx")
-    if (indexFile) return indexFile.file_path
-
-    // Fallback to first file
-    return pkgFiles.data[0]?.file_path || null
-  }, [pkgFiles.data, priorityFilePath])
-
-  const priorityFileData = pkgFiles.data?.find(
-    (file) => file.file_path === targetFilePath,
-  )
-
-  const priorityFileQuery = useQuery({
-    queryKey: ["priorityPackageFile", priorityFileData?.package_file_id],
-    queryFn: async () => {
-      if (!priorityFileData) return null
-
-      const response = await axios.get(`/package_files/get`, {
-        params: { package_file_id: priorityFileData.package_file_id },
-      })
-      const content = response.data.package_file?.content_text
-      const file = { path: priorityFileData.file_path, content: content ?? "" }
-
-      setLoadedFiles((prev) => {
-        const newMap = new Map(prev)
-        newMap.set(file.path, file)
-        return newMap
-      })
-
-      return file
-    },
-    enabled: !!priorityFileData,
-    refetchOnWindowFocus: false,
-    refetchOnMount: true,
-    staleTime: 0,
-    cacheTime: Infinity,
-  })
-
-  const remainingFilesQueries = useQueries(
-    pkgFiles.data
-      ?.filter((file) => file.file_path !== targetFilePath)
-      ?.map((file) => ({
-        queryKey: ["packageFile", file.package_file_id],
-        queryFn: async () => {
-          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 fileData = { path: file.file_path, content: content ?? "" }
-
-          setLoadedFiles((prev) => {
-            const newMap = new Map(prev)
-            newMap.set(fileData.path, fileData)
-            return newMap
-          })
-
-          return fileData
-        },
-        refetchOnWindowFocus: false,
-        refetchOnMount: true,
-        staleTime: 0,
-        cacheTime: Infinity,
-      })) ?? [],
-  )
-
-  const allFiles = useMemo(() => {
-    const files = Array.from(loadedFiles.values())
-    return files
-  }, [loadedFiles])
-
-  const areAllFilesLoading =
-    remainingFilesQueries.some((q) => q.isLoading) ||
-    priorityFileQuery.isLoading
-  const error =
-    priorityFileQuery.error || remainingFilesQueries.find((q) => q.error)?.error
-
-  return {
-    priorityFile: priorityFileQuery.data || null,
-    priorityFileFetched: priorityFileQuery.isFetched,
-    allFiles,
-    isPriorityLoading: priorityFileQuery.isLoading,
-    areAllFilesLoading,
-    error,
-    isMetaLoading: pkgFiles.isLoading,
-    totalFilesCount: pkgFiles.data?.length || 0,
-    loadedFilesCount: allFiles.length,
-    isPriorityFileFetched: priorityFileQuery.isFetched,
-  }
-}

package/src/hooks/usePackageFilesLoader.ts

@@ -1,58 +0,0 @@
-import { useQueries } from "react-query"
-import { useAxios } from "./use-axios"
-import type { Package } from "fake-snippets-api/lib/db/schema"
-import { usePackageFileById, usePackageFiles } from "./use-package-files"
-
-export interface PackageFile {
-  path: string
-  content: string
-}
-
-export function usePackageFilesLoader(pkg?: Package) {
-  const axios = useAxios()
-  const pkgFiles = usePackageFiles(pkg?.latest_package_release_id)
-  const indexFileFromHook = usePackageFileById(
-    pkgFiles.data?.find((x) => x.file_path === "index.tsx")?.package_file_id ??
-      null,
-  )
-
-  const queries = useQueries(
-    pkgFiles.data?.map((file) => ({
-      queryKey: ["packageFile", file.package_file_id],
-      queryFn: async () => {
-        if (
-          file.file_path === "index.tsx" &&
-          indexFileFromHook.data?.content_text
-        ) {
-          return {
-            path: file.file_path,
-            content: indexFileFromHook.data.content_text,
-          }
-        }
-
-        const response = await axios.get(`/package_files/get`, {
-          params: { package_file_id: file.package_file_id },
-        })
-        const content = response.data.package_file?.content_text
-        return { path: file.file_path, content: content ?? "" }
-      },
-      refetchOnWindowFocus: false,
-      refetchOnMount: false,
-      cacheTime: 0,
-    })) ?? [],
-  )
-
-  const isLoading = queries.some((query) => query.isLoading)
-  const error = queries.find((query) => query.error)?.error
-
-  const processedResults = queries
-    .map((query) => query.data)
-    .filter((x): x is PackageFile => x !== null)
-    .filter(Boolean)
-
-  return {
-    isLoading,
-    error,
-    data: processedResults,
-  }
-}

package/src/hooks/useUpdatePackageFilesMutation.ts

@@ -1,131 +0,0 @@
-import { useMutation, useQueryClient } from "react-query"
-import type { Package } from "fake-snippets-api/lib/db/schema"
-import { useAxios } from "./use-axios"
-import { useToast } from "@/components/ViewPackagePage/hooks/use-toast"
-import { isHiddenFile } from "@/components/ViewPackagePage/utils/is-hidden-file"
-
-interface PackageFile {
-  path: string
-  content: string
-}
-
-interface UseUpdatePackageFilesMutationProps {
-  currentPackage: Package | undefined
-  localFiles: PackageFile[]
-  initialFiles: PackageFile[]
-  packageFilesMeta: {
-    created_at: string
-    file_path: string
-    package_file_id: string
-    package_release_id: string
-  }[]
-}
-
-export function useUpdatePackageFilesMutation({
-  currentPackage,
-  localFiles,
-  initialFiles,
-  packageFilesMeta,
-}: UseUpdatePackageFilesMutationProps) {
-  const axios = useAxios()
-  const { toast } = useToast()
-  const queryClient = useQueryClient()
-  return useMutation({
-    mutationFn: async (
-      newPackage: Pick<Package, "package_id" | "name"> & {
-        package_name_with_version: string
-      },
-    ) => {
-      if (currentPackage) {
-        newPackage = { ...currentPackage, ...newPackage }
-      }
-      if (!newPackage) throw new Error("No package to update")
-
-      let updatedFilesCount = 0
-
-      for (const file of localFiles) {
-        if (isHiddenFile(file.path)) continue
-        const initialFile = initialFiles.find((x) => x.path === file.path)
-        if (file.content !== initialFile?.content) {
-          const updatePkgFilePayload = {
-            package_file_id:
-              packageFilesMeta.find((x) => x.file_path === file.path)
-                ?.package_file_id ?? null,
-            content_text: file.content,
-            file_path: file.path,
-            package_name_with_version: `${newPackage.name}`,
-          }
-          const response = await axios.post(
-            "/package_files/create_or_update",
-            updatePkgFilePayload,
-          )
-
-          if (response.status === 200) {
-            updatedFilesCount++
-          }
-        }
-      }
-
-      for (const initialFile of initialFiles) {
-        const fileStillExists = localFiles.some(
-          (x) => x.path === initialFile.path,
-        )
-
-        if (!fileStillExists) {
-          const fileToDelete = packageFilesMeta.find(
-            (x) => x.file_path === initialFile.path,
-          )
-
-          if (fileToDelete?.package_file_id) {
-            const response = await axios.post("/package_files/delete", {
-              package_name_with_version: `${newPackage.name}`,
-              file_path: initialFile.path,
-            })
-
-            if (response.status === 200) {
-              updatedFilesCount++
-            }
-          }
-        }
-      }
-
-      if (!currentPackage) {
-        await axios.post("/package_releases/update", {
-          package_name_with_version: newPackage.package_name_with_version,
-          ready_to_build: true,
-        })
-      }
-
-      return updatedFilesCount
-    },
-    onSuccess: (updatedFilesCount) => {
-      if (updatedFilesCount > 0) {
-        toast({
-          title: `Package's ${updatedFilesCount} files saved`,
-          description: "Your changes have been saved successfully.",
-        })
-        queryClient.invalidateQueries({
-          predicate: (q) => {
-            const key = q.queryKey as any
-            return (
-              Array.isArray(key) &&
-              (key[0] === "packageFiles" ||
-                key[0] === "packageFile" ||
-                key[0] === "priorityPackageFile")
-            )
-          },
-        })
-      }
-    },
-    onError: (error: any) => {
-      toast({
-        title: "Error",
-        description:
-          error instanceof Error
-            ? error.message
-            : "Failed to update package files. Please try again.",
-        variant: "destructive",
-      })
-    },
-  })
-}

package/src/hooks/useUpdatePackageMutation.ts

@@ -1,63 +0,0 @@
-import { useMutation, useQueryClient } from "react-query"
-import { useToast } from "@/hooks/use-toast"
-import { useAxios } from "@/hooks/use-axios"
-import type { Package } from "fake-snippets-api/lib/db/schema"
-
-interface UseUpdatePackageMutationProps {
-  pkg: Package | undefined
-  code: string
-  dts: string
-  circuitJson: any
-  manualEditsFileContent: string
-}
-
-export function useUpdatePackageMutation({
-  pkg,
-  code,
-  dts,
-  circuitJson,
-  manualEditsFileContent,
-}: UseUpdatePackageMutationProps) {
-  const axios = useAxios()
-  const queryClient = useQueryClient()
-  const { toast } = useToast()
-
-  return useMutation({
-    mutationFn: async () => {
-      if (!pkg) throw new Error("No package to update")
-
-      const updatePkgPayload = {
-        package_id: pkg.package_id,
-        code,
-        dts,
-        circuit_json: circuitJson,
-        manual_edits_json_content: manualEditsFileContent,
-      }
-
-      try {
-        const response = await axios.post("/packages/update", updatePkgPayload)
-        return response.data
-      } catch (error: any) {
-        throw error
-      }
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["package", pkg?.package_id] })
-      toast({
-        title: "Package saved",
-        description: "Your changes have been saved successfully.",
-      })
-    },
-    onError: (error) => {
-      console.error("Error saving pkg:", error)
-      toast({
-        title: "Error",
-        description:
-          error instanceof Error
-            ? error.message
-            : "Failed to save the package. Please try again.",
-        variant: "destructive",
-      })
-    },
-  })
-}

package/src/index.css

@@ -1,108 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --radius: 0.5rem;
-  }
-}
-
-/* add the code bellow */
-@layer utilities {
-  /* Hide scrollbar for Chrome, Safari and Opera */
-  .no-scrollbar::-webkit-scrollbar {
-    display: none;
-  }
-  /* Hide scrollbar for IE, Edge and Firefox */
-  .no-scrollbar {
-    -ms-overflow-style: none; /* IE and Edge */
-    scrollbar-width: none; /* Firefox */
-  }
-
-  .shiki {
-    @apply no-scrollbar;
-  }
-}
-
-.shiki {
-  font-family: "Fira Code", monospace;
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.animate-fadeIn {
-  animation: fadeIn 0.3s ease-in-out;
-}
-
-.shiki code {
-  counter-reset: step;
-  counter-increment: step 0;
-}
-
-.shiki code .line::before {
-  content: counter(step);
-  counter-increment: step;
-  width: 1rem;
-  margin-right: 1.5rem;
-  display: inline-block;
-  text-align: right;
-  color: rgba(115, 138, 148, 0.4);
-}
-
-.markdown-code .shiki .line::before {
-  content: none !important;
-  display: none !important;
-}
-
-.markdown-code .shiki .line {
-  padding-left: 0 !important;
-}
-
-.markdown-code pre {
-  padding: 12px !important;
-  margin: 0 !important;
-}
-
-.markdown-content {
-  padding-top: 0.5rem;
-  max-width: none !important;
-  width: 100% !important;
-}
-
-.markdown-content .prose {
-  max-width: none !important;
-  width: 100% !important;
-}
-
-body {
-  overflow-x: hidden;
-}
-
-/* Subtle scrollbar styling for html and body */
-html::-webkit-scrollbar,
-body::-webkit-scrollbar {
-  width: 6px;
-  background-color: transparent;
-}
-
-html::-webkit-scrollbar-thumb,
-body::-webkit-scrollbar-thumb {
-  background-color: rgba(215, 215, 215, 0.564);
-  border-radius: 8px;
-  transition: background-color 0.2s;
-}
-
-html::-webkit-scrollbar-thumb:hover,
-body::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(193, 193, 193, 0.455);
-}

package/src/lib/__tests__/constants.test.ts

@@ -1,66 +0,0 @@
-import { describe, expect, test } from "bun:test"
-import { TSCI_PACKAGE_PATTERN } from "../constants"
-
-describe("TSCI_PACKAGE_PATTERN", () => {
-  // Test valid patterns
-  const validPackages = [
-    "@tsci/basic",
-    "@tsci/package-name",
-    "@tsci/multiple-dashes-here",
-    "@tsci/package.subpackage",
-    "@tsci/complex-package.complex-subpackage",
-    "@tsci/a.b.c",
-    "@tsci/package-with-numbers123",
-    "@tsci/package123-with-numbers",
-    "@tsci/core.utils-helper",
-    "@tsci/double--dash",
-    "@tsci/seveibar.ABM8_272_T3",
-  ]
-
-  validPackages.forEach((pkg) => {
-    test(`should match valid package: ${pkg}`, () => {
-      const matches = Array.from(pkg.matchAll(TSCI_PACKAGE_PATTERN))
-      expect(matches).toHaveLength(1)
-      expect(matches[0][0]).toBe(pkg)
-    })
-  })
-
-  // Test invalid patterns
-  const invalidPackages = [
-    "@tsci/", // Empty
-    "@tsci/123start-with-number", // Starts with number
-    "@tsci/-start-with-dash", // Starts with dash
-    "@tsci/.start-with-dot", // Starts with dot
-
-    "@tsci/double..dot", // Double dot
-    "@tsci/end-with-dash-", // Ends with dash
-    "@tsci/end-with-dot.", // Ends with dot
-    "@tsci/invalid@chars", // Invalid characters
-    "@tsci/dot.dash.-mixed", // Invalid dot-dash combination
-    "@tsci/dash-.dot-mixed", // Invalid dash-dot combination
-    "@tsci/space in name", // Contains space
-    "@tsci/!", // Invalid character
-    "@tsci/pkg#123", // Invalid character
-    "@tsci/@invalid", // Invalid character
-  ]
-
-  invalidPackages.forEach((pkg) => {
-    test(`should not match invalid package: ${pkg}`, () => {
-      const matches = Array.from(pkg.matchAll(TSCI_PACKAGE_PATTERN))
-      console.log(Array.from(pkg.matchAll(TSCI_PACKAGE_PATTERN)))
-      expect(matches).toHaveLength(0)
-    })
-  })
-
-  // Test import statements
-  test("should match package names in import statements", () => {
-    const importStatement =
-      'import { something } from "@tsci/valid-package" import { other } from "@tsci/other-package.sub"'
-    const matches = Array.from(importStatement.matchAll(TSCI_PACKAGE_PATTERN))
-    expect(matches).toHaveLength(2)
-    expect(matches.map((m) => m[0])).toEqual([
-      "@tsci/valid-package",
-      "@tsci/other-package.sub",
-    ])
-  })
-})

package/src/lib/base64ToBytes.ts

@@ -1,5 +0,0 @@
-// Base64 encoding and decoding functions
-export function base64ToBytes(base64: string): Uint8Array {
-  const binString = atob(base64)
-  return Uint8Array.from(binString, (m) => m.codePointAt(0)!)
-}

package/src/lib/bytesToBase64.ts

@@ -1,4 +0,0 @@
-export function bytesToBase64(bytes: Uint8Array): string {
-  const binString = String.fromCodePoint(...bytes)
-  return btoa(binString)
-}

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

@@ -1,67 +0,0 @@
-import {
-  keymap,
-  highlightSpecialChars,
-  drawSelection,
-  highlightActiveLine,
-  dropCursor,
-  rectangularSelection,
-  crosshairCursor,
-  lineNumbers,
-  highlightActiveLineGutter,
-} from "@codemirror/view"
-import { Extension, EditorState } from "@codemirror/state"
-import {
-  defaultHighlightStyle,
-  syntaxHighlighting,
-  indentOnInput,
-  bracketMatching,
-  foldGutter,
-  foldKeymap,
-} from "@codemirror/language"
-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"
-
-export const basicSetup: Extension = (() => [
-  lineNumbers(),
-  highlightActiveLineGutter(),
-  highlightSpecialChars(),
-  history(),
-  foldGutter(),
-  drawSelection(),
-  dropCursor(),
-  EditorState.allowMultipleSelections.of(false),
-  indentOnInput(),
-  syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
-  bracketMatching(),
-  autocompletion(),
-  rectangularSelection(),
-  crosshairCursor(),
-  highlightActiveLine(),
-  highlightSelectionMatches(),
-  keymap.of([
-    ...defaultKeymap,
-    ...searchKeymap,
-    ...historyKeymap,
-    ...foldKeymap,
-    ...completionKeymap,
-    ...lintKeymap,
-    {
-      key: "Mod-/",
-      run: toggleLineComment,
-      preventDefault: true,
-    },
-    {
-      key: "Mod-Shift-/",
-      run: toggleBlockComment,
-      preventDefault: true,
-    },
-  ]),
-])()

package/src/lib/constants.ts

@@ -1,23 +0,0 @@
-/**
- * Regular expression pattern for matching @tsci package imports
- * Rules:
- * - Must start with @tsci/
- * - First character after @tsci/ must be a letter
- * - Can contain letters, numbers, single dashes between alphanumeric characters
- * - Can have subpackages separated by single dots
- * - Cannot end with dots or dashes
- * - Cannot have consecutive dots or dashes
- */
-export const TSCI_PACKAGE_PATTERN =
-  /@tsci\/[a-zA-Z][a-zA-Z0-9]*(?:--?[a-zA-Z0-9]+)*(?:\.[a-zA-Z][a-zA-Z0-9_]*(?:--?[a-zA-Z0-9_]+)*)*/g
-
-/**
- * Regular expression pattern for matching local file imports
- * Rules:
- * - Must start with ./ or ../
- * - Can contain letters, numbers, dots, dashes, underscores, and forward slashes
- * - Can optionally end with file extensions like .ts, .tsx, .js, .jsx, .json
- * - Captures the full relative path
- */
-export const LOCAL_FILE_IMPORT_PATTERN =
-  /(?:\.\.?\/[a-zA-Z0-9._\-\/]*(?:\.(?:ts|tsx|js|jsx|json))?)/g

package/src/lib/decodeUrlHashToFsMap.ts

@@ -1,17 +0,0 @@
-import { gunzipSync, strFromU8 } from "fflate"
-import { base64ToBytes } from "./base64ToBytes"
-
-export function decodeUrlHashToFsMap(
-  url: string,
-): Record<string, string> | null {
-  const base64Data = url.split("#data:application/gzip;base64,")[1]
-  if (!base64Data) return null
-  try {
-    const compressedData = base64ToBytes(base64Data)
-    const decompressedData = gunzipSync(compressedData)
-    const text = strFromU8(decompressedData)
-    return JSON.parse(text)
-  } catch {
-    return null
-  }
-}

package/src/lib/decodeUrlHashToText.ts

@@ -1,15 +0,0 @@
-import { gunzipSync, strFromU8 } from "fflate"
-import { base64ToBytes } from "./base64ToBytes"
-
-export function decodeUrlHashToText(url: string): string | null {
-  // Extract the base64 part from the URL
-  const base64Data = url.split("#data:application/gzip;base64,")?.[1]
-  if (!base64Data) {
-    return null
-  }
-
-  // Decode base64, decompress, and convert to string
-  const compressedData = base64ToBytes(base64Data)
-  const decompressedData = gunzipSync(compressedData)
-  return strFromU8(decompressedData)
-}