@tscircuit/fake-snippets 0.0.99 → 0.0.101

package/src/components/ViewPackagePage/components/sidebar-about-section.tsx

@@ -13,9 +13,12 @@ import { PackageInfo } from "@/lib/types"
 interface SidebarAboutSectionProps {
   packageInfo?: PackageInfo
   isLoading?: boolean
+  onLicenseClick?: () => void
 }
 
-export default function SidebarAboutSection() {
+export default function SidebarAboutSection({
+  onLicenseClick,
+}: SidebarAboutSectionProps = {}) {
   const { packageInfo, refetch: refetchPackageInfo } = useCurrentPackageInfo()
   const { data: packageRelease } = usePackageReleaseById(
     packageInfo?.latest_package_release_id,
@@ -137,7 +140,11 @@ export default function SidebarAboutSection() {
           ))}
         </div>
         <div className="space-y-2 text-sm">
-          <div className="flex items-center">
+          <button
+            className="flex items-center hover:underline hover:underline-offset-2 cursor-pointer hover:decoration-gray-500"
+            onClick={onLicenseClick}
+            disabled={!onLicenseClick}
+          >
             <svg
               className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]"
               viewBox="0 0 16 16"
@@ -146,7 +153,7 @@ export default function SidebarAboutSection() {
               <path d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.53.53-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.29.736c-.264.152-.563.231-.868.231h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.53.53-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.29-.736c.263-.15.561-.231.865-.231H7.25V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z"></path>
             </svg>
             <span>{currentLicense ?? "Unset"} license</span>
-          </div>
+          </button>
 
           <div className="flex items-center">
             <Star className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />

package/src/components/ViewPackagePage/components/sidebar.tsx

@@ -9,16 +9,18 @@ interface SidebarProps {
   packageInfo?: Package
   isLoading?: boolean
   onViewChange?: (view: "3d" | "pcb" | "schematic") => void
+  onLicenseClick?: () => void
 }
 
 export default function Sidebar({
   packageInfo,
   isLoading = false,
   onViewChange,
+  onLicenseClick,
 }: SidebarProps) {
   return (
     <div className="h-full p-4 bg-white dark:bg-[#0d1117] overflow-y-auto">
-      <SidebarAboutSection />
+      <SidebarAboutSection onLicenseClick={onLicenseClick} />
       <PreviewImageSquares
         packageInfo={packageInfo}
         onViewChange={onViewChange}

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/components/package-port/CodeEditorHeader.tsx

@@ -162,22 +162,26 @@ export const CodeEditorHeader: React.FC<CodeEditorHeaderProps> = ({
       if (!session?.token) {
         throw new Error("You need to be logged in to import jlcpcb component")
       }
-      const jlcpcbComponent = await fetchEasyEDAComponent("C1", {
-        fetch: ((url, options: any) => {
-          return fetch(`${API_BASE}/proxy`, {
-            body: options.body,
-            method: options.method,
-            headers: {
-              authority: options.headers.authority,
-              Authorization: `Bearer ${session?.token}`,
-              "X-Target-Url": url.toString(),
-              "X-Sender-Host": options.headers.origin,
-              "X-Sender-Origin": options.headers.origin,
-              "content-type": options.headers["content-type"],
-            },
-          })
-        }) as typeof fetch,
-      })
+
+      const jlcpcbComponent = await fetchEasyEDAComponent(
+        component.partNumber ?? component.name,
+        {
+          fetch: ((url, options: any) => {
+            return fetch(`${API_BASE}/proxy`, {
+              body: options.body,
+              method: options.method,
+              headers: {
+                authority: options.headers.authority,
+                Authorization: `Bearer ${session?.token}`,
+                "X-Target-Url": url.toString(),
+                "X-Sender-Host": options.headers.origin,
+                "X-Sender-Origin": options.headers.origin,
+                "content-type": options.headers["content-type"],
+              },
+            })
+          }) as typeof fetch,
+        },
+      )
       const tsxComponent = await convertRawEasyToTsx(jlcpcbComponent)
       let componentName = component.name.replace(/ /g, "-")
       if (files[`${componentName}.tsx`] || files[`./${componentName}.tsx`]) {

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}`

package/src/pages/landing.tsx

@@ -73,7 +73,7 @@ export function LandingPage() {
                       </Button>
                     </a>
                     <PrefetchPageLink
-                      href="/seveibar/usb-c-flashlight#3d"
+                      href="/seveibar/led-water-accelerometer#3d"
                       className="w-[70vw] min-[500px]:w-auto"
                     >
                       <Button