@tscircuit/fake-snippets 0.0.88 → 0.0.90

package/src/components/ViewPackagePage/utils/fuzz-search.ts

@@ -0,0 +1,121 @@
+export const fuzzyMatch = (
+  pattern: string,
+  text: string,
+): { score: number; matches: number[] } => {
+  if (!pattern) return { score: 0, matches: [] }
+
+  const normalizePattern = (pat: string) => {
+    return pat.toLowerCase().split(" ").join("")
+  }
+
+  const patternLower = normalizePattern(pattern)
+  const textLower = text.toLowerCase()
+  const matches: number[] = []
+
+  let patternIdx = 0
+  let score = 0
+  let consecutiveMatches = 0
+  let spaceBonus = 0
+
+  const spaceSegments = pattern.toLowerCase().trim().split(/\s+/)
+  const isSpaceSeparated = spaceSegments.length > 1
+
+  if (isSpaceSeparated) {
+    let segmentIdx = 0
+    let currentSegment = spaceSegments[0]
+    let segmentCharIdx = 0
+
+    for (
+      let i = 0;
+      i < textLower.length && segmentIdx < spaceSegments.length;
+      i++
+    ) {
+      const char = textLower[i]
+      const targetChar = currentSegment[segmentCharIdx]
+
+      if (char === targetChar) {
+        matches.push(i)
+        segmentCharIdx++
+        consecutiveMatches++
+        score += 1 + consecutiveMatches * 0.5
+
+        if (i === 0 || /[/\-_.]/.test(text[i - 1])) {
+          score += 2
+        }
+
+        if (segmentCharIdx >= currentSegment.length) {
+          segmentIdx++
+          spaceBonus += 3
+
+          if (segmentIdx < spaceSegments.length) {
+            currentSegment = spaceSegments[segmentIdx]
+            segmentCharIdx = 0
+            consecutiveMatches = 0
+          }
+        }
+      } else {
+        if (
+          segmentCharIdx > 0 &&
+          /[/\-_.]/.test(char) &&
+          segmentIdx < spaceSegments.length - 1
+        ) {
+          segmentIdx++
+          if (segmentIdx < spaceSegments.length) {
+            currentSegment = spaceSegments[segmentIdx]
+            segmentCharIdx = 0
+            consecutiveMatches = 0
+            if (char === currentSegment[0]) {
+              matches.push(i)
+              segmentCharIdx = 1
+              score += 2
+            }
+          }
+        } else {
+          consecutiveMatches = 0
+        }
+      }
+    }
+
+    if (
+      segmentIdx < spaceSegments.length ||
+      (segmentIdx === spaceSegments.length - 1 &&
+        segmentCharIdx < currentSegment.length)
+    ) {
+      return { score: -1, matches: [] }
+    }
+
+    score += spaceBonus
+  } else {
+    for (
+      let i = 0;
+      i < textLower.length && patternIdx < patternLower.length;
+      i++
+    ) {
+      if (textLower[i] === patternLower[patternIdx]) {
+        matches.push(i)
+        patternIdx++
+        consecutiveMatches++
+
+        score += 1 + consecutiveMatches * 0.5
+
+        if (i === 0 || /[/\-_.]/.test(text[i - 1])) {
+          score += 2
+        }
+      } else {
+        consecutiveMatches = 0
+      }
+    }
+
+    if (patternIdx !== patternLower.length) return { score: -1, matches: [] }
+  }
+
+  score += Math.max(0, 100 - text.length) * 0.1
+
+  const fileName = text.split("/").pop() || text
+  const queryFileName = pattern.replace(/\s+/g, "")
+  if (fileName.toLowerCase().includes(queryFileName.toLowerCase())) {
+    score += 5
+  }
+
+  return { score, matches }
+}

package/src/components/ViewPackagePage/utils/is-hidden-file.ts

@@ -1,4 +1,8 @@
 export const isHiddenFile = (filePath: string): boolean => {
+  if (filePath.startsWith("/")) {
+    filePath = filePath.slice(1)
+  }
+
   // Normalize the path to handle both Unix and Windows paths
   const normalizedPath = filePath.replace(/\\/g, "/")
 

package/src/components/dialogs/confirm-delete-package-dialog.tsx

@@ -33,7 +33,7 @@ export const ConfirmDeletePackageDialog = ({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent>
+      <DialogContent className="w-[90vw]">
         <DialogHeader>
           <DialogTitle>Confirm Delete Package</DialogTitle>
         </DialogHeader>

package/src/components/dialogs/confirm-discard-changes-dialog.tsx

@@ -0,0 +1,73 @@
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog"
+import { Button } from "../ui/button"
+import { createUseDialog } from "./create-use-dialog"
+import { useState } from "react"
+
+export const ConfirmDiscardChangesDialog = ({
+  open,
+  onOpenChange,
+  onConfirm,
+}: {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  onConfirm: () => void
+}) => {
+  const [isConfirming, setIsConfirming] = useState(false)
+
+  const handleDiscard = () => {
+    onConfirm()
+    onOpenChange(false)
+    setIsConfirming(false)
+  }
+
+  const handleCancel = () => {
+    onOpenChange(false)
+    setIsConfirming(false)
+  }
+
+  return (
+    <Dialog
+      open={open}
+      onOpenChange={(open) => {
+        onOpenChange(open)
+        if (!open) setIsConfirming(false)
+      }}
+    >
+      <DialogContent className="w-[90vw]">
+        <DialogHeader>
+          <DialogTitle>Discard Changes</DialogTitle>
+        </DialogHeader>
+        <p>Are you sure you want to discard all unsaved changes?</p>
+        <p className="text-red-600 font-medium">
+          This action cannot be undone.
+        </p>
+        <div className="flex justify-end space-x-2 mt-4">
+          <Button variant="outline" onClick={handleCancel}>
+            Cancel
+          </Button>
+          {!isConfirming ? (
+            <Button
+              variant="destructive"
+              className="bg-red-600 hover:bg-red-700"
+              onClick={() => setIsConfirming(true)}
+            >
+              Discard Changes
+            </Button>
+          ) : (
+            <Button
+              variant="destructive"
+              onClick={handleDiscard}
+              className="bg-red-600 hover:bg-red-700"
+            >
+              Yes, Discard All Changes
+            </Button>
+          )}
+        </div>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+export const useConfirmDiscardChangesDialog = createUseDialog(
+  ConfirmDiscardChangesDialog,
+)

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

@@ -207,7 +207,7 @@ export const EditPackageDetailsDialog = ({
   return (
     <div>
       <Dialog open={showConfirmDelete} onOpenChange={setShowConfirmDelete}>
-        <DialogContent className="max-w-md p-6 rounded-2xl shadow-lg">
+        <DialogContent className="w-[90vw] p-6 rounded-2xl shadow-lg">
           <DialogHeader>
             <DialogTitle className="text-left">Confirm Deletion</DialogTitle>
             <DialogDescription className="text-left">
@@ -255,7 +255,7 @@ export const EditPackageDetailsDialog = ({
                     onChange={(e) =>
                       setFormData((prev) => ({
                         ...prev,
-                        unscopedPackageName: e.target.value,
+                        unscopedPackageName: e.target.value.replace(/\s+/g, ""),
                       }))
                     }
                     placeholder="Enter package name"