@tscircuit/fake-snippets 0.0.121 → 0.0.123

package/src/components/ViewPackagePage/components/repo-page-content.tsx

@@ -1,266 +0,0 @@
-import { useState, useEffect, useMemo } from "react"
-import MainContentHeader from "./main-content-header"
-import Sidebar from "./sidebar"
-import MobileSidebar from "./mobile-sidebar"
-import ImportantFilesView from "./important-files-view"
-
-// Tab Views
-import FilesView from "./tab-views/files-view"
-import ThreeDView from "./tab-views/3d-view"
-import PCBView from "./tab-views/pcb-view"
-import SchematicView from "./tab-views/schematic-view"
-import BOMView from "./tab-views/bom-view"
-import {
-  isPackageFileImportant,
-  scorePackageFileImportance,
-} from "../utils/is-package-file-important"
-import Header from "@/components/Header"
-import Footer from "@/components/Footer"
-import PackageHeader from "./package-header"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import type {
-  Package,
-  PackageFile as ApiPackageFile,
-} from "fake-snippets-api/lib/db/schema"
-import { useRequestAiReviewMutation } from "@/hooks/use-request-ai-review-mutation"
-import { useUpdateAiDescriptionMutation } from "@/hooks/use-update-ai-description-mutation"
-import { useAiReview } from "@/hooks/use-ai-review"
-import { useQueryClient } from "react-query"
-import SidebarReleasesSection from "./sidebar-releases-section"
-
-interface PackageFile extends ApiPackageFile {
-  file_content?: string
-  content_text?: string | null // Keep for backward compatibility
-}
-
-interface RepoPageContentProps {
-  packageFiles?: PackageFile[]
-  importantFilePaths?: string[]
-  packageInfo?: Package
-  packageRelease?: import("fake-snippets-api/lib/db/schema").PackageRelease
-  onFileClicked?: (file: PackageFile) => void
-  onEditClicked?: () => void
-  arePackageFilesFetched?: boolean
-}
-
-export default function RepoPageContent({
-  packageFiles,
-  arePackageFilesFetched = false,
-  packageInfo,
-  packageRelease,
-  onFileClicked,
-  onEditClicked,
-}: RepoPageContentProps) {
-  const [activeView, setActiveView] = useState<string>("files")
-  const [pendingAiReviewId, setPendingAiReviewId] = useState<string | null>(
-    null,
-  )
-  const [licenseFileRequested, setLicenseFileRequested] =
-    useState<boolean>(false)
-  const queryClient = useQueryClient()
-  const { data: aiReview } = useAiReview(pendingAiReviewId, {
-    refetchInterval: (data) => (data && !data.ai_review_text ? 2000 : false),
-  })
-  useEffect(() => {
-    if (aiReview?.ai_review_text) {
-      queryClient.invalidateQueries(["packageRelease"])
-      setPendingAiReviewId(null)
-    }
-  }, [aiReview?.ai_review_text, queryClient])
-  const session = useGlobalStore((s) => s.session)
-
-  // Check if circuit.json exists without downloading it
-  const circuitJsonExists = useMemo(() => {
-    return packageFiles?.some((file) => file.file_path === "dist/circuit.json")
-  }, [packageFiles])
-
-  const { mutate: requestAiReview, isLoading: isRequestingAiReview } =
-    useRequestAiReviewMutation({
-      onSuccess: (_packageRelease, aiReview) => {
-        setPendingAiReviewId(aiReview.ai_review_id)
-      },
-    })
-
-  const { mutate: updateAiDescription, isLoading: isUpdatingAiDescription } =
-    useUpdateAiDescriptionMutation()
-
-  const aiReviewRequested =
-    Boolean(packageRelease?.ai_review_requested) ||
-    Boolean(pendingAiReviewId) ||
-    isRequestingAiReview
-
-  const handleLicenseFileRequest = () => {
-    setLicenseFileRequested(true)
-    setTimeout(() => setLicenseFileRequested(false), 100)
-  }
-
-  // Handle initial view selection and hash-based view changes
-  useEffect(() => {
-    if (!packageInfo || !arePackageFilesFetched) return
-    const hash = window.location.hash.slice(1)
-    const validViews = ["files", "3d", "pcb", "schematic", "bom"]
-    const circuitDependentViews = ["3d", "pcb", "schematic", "bom"]
-
-    const availableViews = circuitJsonExists
-      ? validViews
-      : validViews.filter((view) => !circuitDependentViews.includes(view))
-
-    if (hash && availableViews.includes(hash)) {
-      setActiveView(hash)
-    } else if (
-      packageInfo?.default_view &&
-      availableViews.includes(packageInfo.default_view)
-    ) {
-      setActiveView(packageInfo.default_view)
-      window.location.hash = packageInfo.default_view
-    } else {
-      setActiveView("files")
-      if (!hash || !availableViews.includes(hash)) {
-        window.location.hash = "files"
-      }
-    }
-  }, [packageInfo?.default_view, circuitJsonExists])
-
-  const importantFilePaths = packageFiles
-    ?.filter((pf) => isPackageFileImportant(pf.file_path))
-    ?.map((pf) => pf.file_path)
-
-  // We've moved the directory and file computation to the FilesView component
-
-  // Find important files based on importantFilePaths
-  const importantFiles = useMemo(() => {
-    if (!packageFiles || !importantFilePaths) return []
-
-    return packageFiles
-      .filter((file) =>
-        importantFilePaths.some((path) => file.file_path.endsWith(path)),
-      )
-      .sort((a, b) => {
-        const aImportance = scorePackageFileImportance(a.file_path)
-        const bImportance = scorePackageFileImportance(b.file_path)
-        return aImportance - bImportance
-      })
-      .reverse()
-  }, [packageFiles, importantFilePaths])
-
-  // Render the appropriate content based on the active view
-  const renderContent = () => {
-    switch (activeView) {
-      case "files":
-        return (
-          <FilesView
-            packageFiles={packageFiles}
-            arePackageFilesFetched={arePackageFilesFetched}
-            onFileClicked={onFileClicked}
-          />
-        )
-      case "3d":
-        return <ThreeDView />
-      case "pcb":
-        return <PCBView />
-      case "schematic":
-        return <SchematicView />
-      case "bom":
-        return <BOMView />
-      default:
-        return (
-          <FilesView
-            packageFiles={packageFiles}
-            arePackageFilesFetched={arePackageFilesFetched}
-            onFileClicked={onFileClicked}
-          />
-        )
-    }
-  }
-
-  return (
-    <div className="min-h-screen bg-white dark:bg-[#0d1117] text-gray-900 dark:text-[#c9d1d9] font-sans">
-      <Header />
-      <PackageHeader
-        packageInfo={packageInfo}
-        isPrivate={packageInfo?.is_private ?? false}
-        isCurrentUserAuthor={
-          packageInfo?.creator_account_id === session?.github_username
-        }
-      />
-
-      {/* Mobile Sidebar */}
-      <div className="max-w-[1200px] mx-auto">
-        <MobileSidebar
-          onViewChange={(view) => {
-            setActiveView(view)
-            // Update URL hash when view changes
-            window.location.hash = view
-          }}
-          isLoading={!packageInfo}
-        />
-      </div>
-
-      {/* Main Content */}
-      <div className="max-w-[1200px] mx-auto">
-        <div className="flex flex-col md:flex-row">
-          {/* Main Content Area */}
-          <div className="w-full md:flex-1 border-r border-gray-200 dark:border-[#30363d] p-4 md:max-w-[calc(100%-296px)] max-w-full">
-            {/* Main Content Header with Tabs */}
-            <MainContentHeader
-              activeView={activeView}
-              packageFiles={packageFiles ?? []}
-              onViewChange={(view) => {
-                setActiveView(view)
-                // Update URL hash when view changes
-                window.location.hash = view
-              }}
-              packageInfo={packageInfo}
-            />
-
-            {/* Dynamic Content based on active view */}
-            {renderContent()}
-            {/* Important Files View - Always shown */}
-            <ImportantFilesView
-              importantFiles={importantFiles}
-              isFetched={arePackageFilesFetched}
-              pkg={packageInfo}
-              onEditClicked={onEditClicked}
-              aiReviewText={packageRelease?.ai_review_text ?? null}
-              aiReviewRequested={aiReviewRequested}
-              onRequestAiReview={() => {
-                if (packageRelease) {
-                  requestAiReview({
-                    package_release_id: packageRelease.package_release_id,
-                  })
-                }
-              }}
-              onRequestAiDescriptionUpdate={() => {
-                if (packageInfo) {
-                  updateAiDescription({
-                    package_id: packageInfo.package_id,
-                  })
-                }
-              }}
-              onLicenseFileRequested={licenseFileRequested}
-            />
-          </div>
-
-          {/* Sidebar - Hidden on mobile, shown on md and up */}
-          <div className="hidden md:block md:w-[296px] flex-shrink-0">
-            <Sidebar
-              packageInfo={packageInfo}
-              isLoading={!packageInfo}
-              onViewChange={(view) => {
-                setActiveView(view)
-                // Update URL hash when view changes
-                window.location.hash = view
-              }}
-              onLicenseClick={handleLicenseFileRequest}
-            />
-          </div>
-          {/* Releases section - Only visible on small screens */}
-          <div className="block md:hidden w-full px-5">
-            <SidebarReleasesSection />
-          </div>
-        </div>
-      </div>
-      <Footer />
-    </div>
-  )
-}

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

@@ -1,223 +0,0 @@
-import { Badge } from "@/components/ui/badge"
-import { GitFork, Star, Settings, LinkIcon, Github, Plus } from "lucide-react"
-import { Skeleton } from "@/components/ui/skeleton"
-import { useCurrentPackageInfo } from "@/hooks/use-current-package-info"
-import { useCurrentPackageRelease } from "@/hooks/use-current-package-release"
-import { useGlobalStore } from "@/hooks/use-global-store"
-import { Button } from "@/components/ui/button"
-import { useEditPackageDetailsDialog } from "@/components/dialogs/edit-package-details-dialog"
-import { useState, useEffect, useMemo } from "react"
-import { usePackageFileById, usePackageFiles } from "@/hooks/use-package-files"
-import { getLicenseFromLicenseContent } from "@/lib/getLicenseFromLicenseContent"
-import { PackageInfo } from "@/lib/types"
-
-interface SidebarAboutSectionProps {
-  packageInfo?: PackageInfo
-  isLoading?: boolean
-  onLicenseClick?: () => void
-}
-
-export default function SidebarAboutSection({
-  onLicenseClick,
-}: SidebarAboutSectionProps = {}) {
-  const { packageInfo, refetch: refetchPackageInfo } = useCurrentPackageInfo()
-  const { packageRelease } = useCurrentPackageRelease({
-    include_ai_review: true,
-  })
-
-  const { data: releaseFiles } = usePackageFiles(
-    packageInfo?.latest_package_release_id,
-  )
-  const licenseFileId = useMemo(() => {
-    return (
-      releaseFiles?.find((f) => f.file_path === "LICENSE")?.package_file_id ||
-      null
-    )
-  }, [releaseFiles])
-  const { data: licenseFileMeta } = usePackageFileById(licenseFileId)
-  const currentLicense = useMemo(() => {
-    if (packageInfo?.latest_license) {
-      return packageInfo?.latest_license
-    }
-    if (licenseFileMeta?.content_text) {
-      return getLicenseFromLicenseContent(licenseFileMeta.content_text)
-    }
-    return null
-  }, [licenseFileMeta, packageInfo?.latest_license])
-  const topics = packageInfo?.is_package ? ["Package"] : ["Board"]
-  const isLoading = !packageInfo || !packageRelease
-  const isLoggedIn = useGlobalStore((s) => Boolean(s.session))
-  const isOwner =
-    isLoggedIn &&
-    packageInfo?.owner_github_username ===
-      useGlobalStore((s) => s.session?.github_username)
-
-  // Local state to store updated values before the query refetches
-  const [localDescription, setLocalDescription] = useState<string>("")
-  const [localWebsite, setLocalWebsite] = useState<string>("")
-
-  // Update local state when packageInfo changes
-  useEffect(() => {
-    if (packageInfo) {
-      setLocalDescription(
-        packageInfo.description || packageInfo.ai_description || "",
-      )
-      setLocalWebsite((packageInfo as any)?.website || "")
-    }
-  }, [packageInfo])
-
-  const {
-    Dialog: EditPackageDetailsDialog,
-    openDialog: openEditPackageDetailsDialog,
-  } = useEditPackageDetailsDialog()
-
-  // Handle updates from the dialog
-  const handlePackageUpdate = (newDescription: string, newWebsite: string) => {
-    // Update local state immediately for a responsive UI
-    setLocalDescription(newDescription)
-    setLocalWebsite(newWebsite)
-
-    // Refetch the package info to get the updated data from the server
-    refetchPackageInfo()
-  }
-
-  if (isLoading) {
-    return (
-      <div className="mb-6">
-        <h2 className="text-lg font-semibold mb-2">About</h2>
-        <Skeleton className="h-4 w-full mb-3" />
-        <Skeleton className="h-4 w-3/4 mb-4" />
-        <div className="flex flex-wrap gap-2 mb-4">
-          {[1, 2, 3].map((i) => (
-            <Skeleton key={i} className="h-6 w-20 rounded-full" />
-          ))}
-        </div>
-        <div className="space-y-2">
-          <Skeleton className="h-4 w-24" />
-          <Skeleton className="h-4 w-20" />
-          <Skeleton className="h-4 w-20" />
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <>
-      <div className="mb-6">
-        <div className="flex justify-between items-center mb-2">
-          <h2 className="text-lg font-semibold">About</h2>
-          {isOwner && (
-            <Button
-              variant="ghost"
-              size="sm"
-              className="h-8 w-8 p-0"
-              onClick={openEditPackageDetailsDialog}
-              title="Edit package details"
-            >
-              <Settings className="h-4 w-4 text-gray-500" />
-            </Button>
-          )}
-        </div>
-        <p className="text-sm mb-3">
-          {/* Use local state if available, otherwise fall back to packageInfo */}
-          {localDescription ||
-            packageInfo?.description ||
-            packageInfo?.ai_description}
-        </p>
-        {localWebsite && (
-          <a
-            href={localWebsite}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="text-blue-600 font-medium dark:text-[#58a6ff] hover:underline text-sm flex items-center mb-4 max-w-full overflow-hidden"
-          >
-            <LinkIcon className="h-4 w-4 min-w-[16px] mr-1 flex-shrink-0" />
-            <span className="truncate">{localWebsite}</span>
-          </a>
-        )}
-        <div className="flex flex-wrap gap-2 mb-4">
-          {topics.map((topic, index) => (
-            <Badge
-              key={index}
-              variant="outline"
-              className="text-xs rounded-full px-2 py-0.5 bg-blue-100 dark:bg-[#1f6feb33] text-blue-600 dark:text-[#58a6ff] border-blue-300 dark:border-[#1f6feb66]"
-            >
-              {topic}
-            </Badge>
-          ))}
-        </div>
-        <div className="space-y-2 text-sm">
-          <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"
-              fill="currentColor"
-            >
-              <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>
-          </button>
-
-          <div className="flex items-center">
-            <Star className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
-            <span>{packageInfo?.star_count} stars </span>
-          </div>
-          <div className="flex items-center">
-            <GitFork className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
-            <span>{(packageInfo as any)?.fork_count ?? "0"} forks</span>
-          </div>
-          {packageInfo?.github_repo_full_name ? (
-            <a
-              target="_blank"
-              href={`https://github.com/${packageInfo.github_repo_full_name}`}
-              className="flex items-center  hover:underline hover:underline-offset-2 cursor-pointer hover:decoration-gray-500"
-            >
-              <Github className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
-              <span>{packageInfo?.github_repo_full_name.split("/")[1]}</span>
-            </a>
-          ) : (
-            <>
-              {isOwner && (
-                <div
-                  className="flex items-center hover:underline hover:underline-offset-2 cursor-pointer hover:decoration-gray-500"
-                  onClick={openEditPackageDetailsDialog}
-                  title="Connect GitHub"
-                >
-                  <div className="relative mr-2">
-                    <Github className="h-4 w-4 text-gray-500 dark:text-[#8b949e]" />
-                    <Plus className="h-2 w-2 absolute -bottom-0.5 -right-0.5 text-gray-500 dark:text-[#8b949e] bg-white dark:bg-[#0d1117] rounded-full" />
-                  </div>
-                  <span>Connect GitHub</span>
-                </div>
-              )}
-            </>
-          )}
-        </div>
-      </div>
-
-      {packageInfo && (
-        <EditPackageDetailsDialog
-          unscopedPackageName={packageInfo.unscoped_name}
-          packageReleaseId={packageInfo.latest_package_release_id}
-          packageId={packageInfo.package_id}
-          currentGithubRepoFullName={packageInfo.github_repo_full_name}
-          currentDescription={
-            packageInfo.description || packageInfo?.ai_description || ""
-          }
-          currentLicense={currentLicense}
-          currentWebsite={(packageInfo as any)?.website || ""}
-          isPrivate={Boolean(packageInfo.is_private)}
-          packageAuthor={packageInfo.owner_github_username}
-          onUpdate={handlePackageUpdate}
-          packageName={packageInfo.name}
-          currentDefaultView={packageInfo.default_view}
-          currentAllowPrPreviews={packageInfo.allow_pr_previews}
-        />
-      )}
-    </>
-  )
-}

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

@@ -1,16 +0,0 @@
-export default function SidebarPackagesSection() {
-  return (
-    <div className="mb-6">
-      <h2 className="text-lg font-semibold mb-2">Packages</h2>
-      <p className="text-sm text-gray-500 dark:text-[#8b949e] mb-1">
-        No packages published
-      </p>
-      <a
-        href="#"
-        className="text-blue-600 dark:text-[#58a6ff] hover:underline text-sm"
-      >
-        Publish your first package
-      </a>
-    </div>
-  )
-}

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

@@ -1,126 +0,0 @@
-import { Tag, Clock } from "lucide-react"
-import { Skeleton } from "@/components/ui/skeleton"
-import { useCurrentPackageInfo } from "@/hooks/use-current-package-info"
-import { useCurrentPackageRelease } from "@/hooks/use-current-package-release"
-import { timeAgo } from "@/lib/utils/timeAgo"
-import { BuildStatus, BuildStep } from "./build-status"
-import type { PackageRelease } from "fake-snippets-api/lib/db/schema"
-import { getBuildStatus, StatusIcon } from "@/components/preview"
-import { Link } from "wouter"
-import { usePackageBuild } from "@/hooks/use-package-builds"
-
-function getTranspilationStatus(
-  pr?: PackageRelease | null,
-): BuildStep["status"] {
-  switch (pr?.transpilation_display_status) {
-    case "complete":
-      return "success"
-    case "error":
-      return "error"
-    case "building":
-      return "running"
-    default:
-      return "pending"
-  }
-}
-
-function getCircuitJsonStatus(pr?: PackageRelease | null): BuildStep["status"] {
-  switch (pr?.circuit_json_build_display_status) {
-    case "complete":
-      return "success"
-    case "error":
-      return "error"
-    case "building":
-      return "running"
-    default:
-      return "pending"
-  }
-}
-
-export default function SidebarReleasesSection() {
-  const { packageInfo } = useCurrentPackageInfo()
-  const { packageRelease } = useCurrentPackageRelease({
-    include_ai_review: true,
-  })
-  const { data: latestBuild } = usePackageBuild(
-    packageRelease?.latest_package_build_id ?? null,
-  )
-
-  const buildSteps: BuildStep[] = [
-    {
-      id: "package_transpilation",
-      name: "Package Transpilation",
-      status: getTranspilationStatus(packageRelease),
-    },
-    {
-      id: "circuit_json_build",
-      name: "Circuit JSON Build",
-      status: getCircuitJsonStatus(packageRelease),
-    },
-  ]
-
-  if (!packageRelease) {
-    return (
-      <div className="mb-6">
-        <h2 className="text-lg font-semibold mb-2">Releases</h2>
-        <div className="mb-2">
-          <Skeleton className="h-4 w-20" />
-        </div>
-        <div className="mb-3">
-          <Skeleton className="h-4 w-24" />
-        </div>
-        <Skeleton className="h-4 w-32" />
-      </div>
-    )
-  }
-
-  const { status, label } = latestBuild
-    ? getBuildStatus(latestBuild)
-    : { status: "pending", label: "pending" }
-  return (
-    <div className="mb-6">
-      <h2 className="text-lg font-semibold mb-2">
-        <Link
-          href={`/${packageInfo?.name}/releases`}
-          className="hover:underline"
-        >
-          Releases
-        </Link>
-      </h2>
-      <div className="flex flex-col space-y-2">
-        <Link
-          href={`/${packageInfo?.name}/releases`}
-          className="flex items-center hover:underline"
-        >
-          <Tag className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
-          <span className="text-sm font-medium">v{packageRelease.version}</span>
-        </Link>
-        <div className="flex items-center">
-          <Clock className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
-          <span className="text-sm text-gray-500 dark:text-[#8b949e]">
-            {timeAgo(new Date(packageRelease.created_at))}
-          </span>
-        </div>
-        {buildSteps.map((step) => (
-          <BuildStatus
-            key={step.id}
-            step={step}
-            packageReleaseId={packageRelease.package_release_id}
-          />
-        ))}
-        {latestBuild && (
-          <Link
-            href={`/${packageInfo?.name}/releases`}
-            className="flex items-center gap-2 text-sm text-gray-500 dark:text-[#8b949e]"
-          >
-            <StatusIcon status={status} />
-            <span>Package Preview {label}</span>
-          </Link>
-        )}
-      </div>
-      {/* <a href="#" className="text-blue-600 dark:text-[#58a6ff] hover:underline text-sm">
-        Push a new release
-      </a> */}
-    </div>
-  )
-}

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

@@ -1,29 +0,0 @@
-import { Package } from "fake-snippets-api/lib/db/schema"
-import SidebarAboutSection from "./sidebar-about-section"
-import SidebarReleasesSection from "./sidebar-releases-section"
-import PreviewImageSquares from "./preview-image-squares"
-
-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 onLicenseClick={onLicenseClick} />
-      <PreviewImageSquares
-        packageInfo={packageInfo}
-        onViewChange={onViewChange}
-      />
-      <SidebarReleasesSection />
-    </div>
-  )
-}