@tscircuit/fake-snippets 0.0.68 → 0.0.69

package/dist/index.d.ts

@@ -508,6 +508,7 @@ declare const packageSchema: z.ZodObject<{
     ai_description: z.ZodNullable<z.ZodString>;
     latest_license: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     ai_usage_instructions: z.ZodNullable<z.ZodString>;
+    default_view: z.ZodOptional<z.ZodDefault<z.ZodEnum<["files", "3d", "pcb", "schematic"]>>>;
 }, "strip", z.ZodTypeAny, {
     name: string;
     unscoped_name: string;
@@ -536,6 +537,7 @@ declare const packageSchema: z.ZodObject<{
     ai_usage_instructions: string | null;
     snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
     latest_license?: string | null | undefined;
+    default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
 }, {
     name: string;
     unscoped_name: string;
@@ -564,6 +566,7 @@ declare const packageSchema: z.ZodObject<{
     is_source_from_github?: boolean | undefined;
     website?: string | null | undefined;
     latest_license?: string | null | undefined;
+    default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
 }>;
 type Package = z.infer<typeof packageSchema>;
 declare const jlcpcbOrderStateSchema: z.ZodObject<{
@@ -778,6 +781,7 @@ declare const createDatabase: ({ seed }?: {
         ai_usage_instructions: string | null;
         snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
         latest_license?: string | null | undefined;
+        default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
     }[];
     orders: {
         error: z.objectOutputType<{
@@ -1068,6 +1072,7 @@ declare const createDatabase: ({ seed }?: {
         ai_usage_instructions: string | null;
         snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
         latest_license?: string | null | undefined;
+        default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
     }[];
     orders: {
         error: z.objectOutputType<{

package/dist/index.js

@@ -187,7 +187,8 @@ var packageSchema = z.object({
   star_count: z.number().default(0),
   ai_description: z.string().nullable(),
   latest_license: z.string().nullable().optional(),
-  ai_usage_instructions: z.string().nullable()
+  ai_usage_instructions: z.string().nullable(),
+  default_view: z.enum(["files", "3d", "pcb", "schematic"]).default("files").optional()
 });
 var jlcpcbOrderStateSchema = z.object({
   jlcpcb_order_state_id: z.string(),

package/dist/schema.d.ts

@@ -633,6 +633,7 @@ declare const packageSchema: z.ZodObject<{
     ai_description: z.ZodNullable<z.ZodString>;
     latest_license: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     ai_usage_instructions: z.ZodNullable<z.ZodString>;
+    default_view: z.ZodOptional<z.ZodDefault<z.ZodEnum<["files", "3d", "pcb", "schematic"]>>>;
 }, "strip", z.ZodTypeAny, {
     name: string;
     unscoped_name: string;
@@ -661,6 +662,7 @@ declare const packageSchema: z.ZodObject<{
     ai_usage_instructions: string | null;
     snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
     latest_license?: string | null | undefined;
+    default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
 }, {
     name: string;
     unscoped_name: string;
@@ -689,6 +691,7 @@ declare const packageSchema: z.ZodObject<{
     is_source_from_github?: boolean | undefined;
     website?: string | null | undefined;
     latest_license?: string | null | undefined;
+    default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
 }>;
 type Package = z.infer<typeof packageSchema>;
 declare const jlcpcbOrderStateSchema: z.ZodObject<{
@@ -1068,6 +1071,7 @@ declare const databaseSchema: z.ZodObject<{
         ai_description: z.ZodNullable<z.ZodString>;
         latest_license: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         ai_usage_instructions: z.ZodNullable<z.ZodString>;
+        default_view: z.ZodOptional<z.ZodDefault<z.ZodEnum<["files", "3d", "pcb", "schematic"]>>>;
     }, "strip", z.ZodTypeAny, {
         name: string;
         unscoped_name: string;
@@ -1096,6 +1100,7 @@ declare const databaseSchema: z.ZodObject<{
         ai_usage_instructions: string | null;
         snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
         latest_license?: string | null | undefined;
+        default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
     }, {
         name: string;
         unscoped_name: string;
@@ -1124,6 +1129,7 @@ declare const databaseSchema: z.ZodObject<{
         is_source_from_github?: boolean | undefined;
         website?: string | null | undefined;
         latest_license?: string | null | undefined;
+        default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
     }>, "many">>;
     orders: z.ZodDefault<z.ZodArray<z.ZodObject<{
         order_id: z.ZodString;
@@ -1572,6 +1578,7 @@ declare const databaseSchema: z.ZodObject<{
         ai_usage_instructions: string | null;
         snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
         latest_license?: string | null | undefined;
+        default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
     }[];
     orders: {
         error: z.objectOutputType<{
@@ -1788,6 +1795,7 @@ declare const databaseSchema: z.ZodObject<{
         is_source_from_github?: boolean | undefined;
         website?: string | null | undefined;
         latest_license?: string | null | undefined;
+        default_view?: "files" | "3d" | "pcb" | "schematic" | undefined;
     }[] | undefined;
     orders?: {
         error: z.objectInputType<{

package/dist/schema.js

@@ -182,7 +182,8 @@ var packageSchema = z.object({
   star_count: z.number().default(0),
   ai_description: z.string().nullable(),
   latest_license: z.string().nullable().optional(),
-  ai_usage_instructions: z.string().nullable()
+  ai_usage_instructions: z.string().nullable(),
+  default_view: z.enum(["files", "3d", "pcb", "schematic"]).default("files").optional()
 });
 var jlcpcbOrderStateSchema = z.object({
   jlcpcb_order_state_id: z.string(),

package/fake-snippets-api/lib/db/schema.ts

@@ -219,6 +219,10 @@ export const packageSchema = z.object({
   ai_description: z.string().nullable(),
   latest_license: z.string().nullable().optional(),
   ai_usage_instructions: z.string().nullable(),
+  default_view: z
+    .enum(["files", "3d", "pcb", "schematic"])
+    .default("files")
+    .optional(),
 })
 export type Package = z.infer<typeof packageSchema>
 

package/fake-snippets-api/routes/api/packages/create.ts

@@ -55,6 +55,7 @@ export default withRouteSpec({
     is_public: is_private === true ? false : true,
     is_unlisted: is_private === true ? true : (is_unlisted ?? false),
     ai_usage_instructions: "placeholder ai usage instructions",
+    default_view: "files",
   })
 
   if (!newPackage) {

package/fake-snippets-api/routes/api/packages/update.ts

@@ -20,6 +20,7 @@ export default withRouteSpec({
       website: z.string().optional(),
       is_private: z.boolean().optional(),
       is_unlisted: z.boolean().optional(),
+      default_view: z.enum(["files", "3d", "pcb", "schematic"]).optional(),
     })
     .transform((data) => ({
       ...data,
@@ -30,8 +31,15 @@ export default withRouteSpec({
     package: packageSchema,
   }),
 })(async (req, ctx) => {
-  const { package_id, name, description, website, is_private, is_unlisted } =
-    req.jsonBody
+  const {
+    package_id,
+    name,
+    description,
+    website,
+    is_private,
+    is_unlisted,
+    default_view,
+  } = req.jsonBody
 
   const packageIndex = ctx.db.packages.findIndex(
     (p) => p.package_id === package_id,
@@ -77,6 +85,7 @@ export default withRouteSpec({
     is_public:
       is_private !== undefined ? !is_private : existingPackage.is_public,
     is_unlisted: is_unlisted ?? existingPackage.is_unlisted,
+    default_view: default_view ?? existingPackage.default_view,
     updated_at: new Date().toISOString(),
   })
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "type": "module",
   "repository": {
     "type": "git",
@@ -75,7 +75,7 @@
     "@tscircuit/layout": "^0.0.29",
     "@tscircuit/math-utils": "^0.0.10",
     "@tscircuit/mm": "^0.0.8",
-    "@tscircuit/props": "^0.0.143",
+    "@tscircuit/props": "^0.0.186",
     "@types/file-saver": "^2.0.7",
     "@types/ms": "^0.7.34",
     "@typescript/ata": "^0.9.7",
@@ -147,7 +147,7 @@
     "@tailwindcss/typography": "^0.5.16",
     "@tscircuit/core": "^0.0.384",
     "@tscircuit/prompt-benchmarks": "^0.0.28",
-    "@tscircuit/runframe": "^0.0.485",
+    "@tscircuit/runframe": "^0.0.494",
     "@types/babel__standalone": "^7.1.7",
     "@types/bun": "^1.1.10",
     "@types/country-list": "^2.1.4",

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

@@ -211,6 +211,7 @@ const MobileSidebar = ({
           packageAuthor={packageInfo.owner_github_username}
           onUpdate={handlePackageUpdate}
           packageName={packageInfo.name}
+          currentDefaultView={packageInfo.default_view}
         />
       )}
     </div>

package/src/components/ViewPackagePage/components/package-header.tsx

@@ -1,7 +1,5 @@
-import React, { useEffect } from "react"
+import { useEffect } from "react"
 import { Link } from "wouter"
-
-import { TypeBadge } from "@/components/TypeBadge"
 import { Button } from "@/components/ui/button"
 import { Skeleton } from "@/components/ui/skeleton"
 import {
@@ -10,7 +8,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip"
-import { LockClosedIcon } from "@radix-ui/react-icons"
+import { Lock, Globe } from "lucide-react"
 import { GitFork, Package, Star } from "lucide-react"
 
 import { useForkPackageMutation } from "@/hooks/use-fork-package-mutation"
@@ -106,13 +104,25 @@ export default function PackageHeader({
                     {packageName}
                   </Link>
                 </h1>
-                {packageInfo?.name && <TypeBadge type="package" />}
-                {isPrivate && (
-                  <div className="relative group pl-2">
-                    <LockClosedIcon className="h-4 w-4 text-gray-700" />
-                    <span className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-1 hidden group-hover:block bg-black text-white text-xs rounded py-1 px-2">
-                      private
-                    </span>
+                {packageInfo?.name && (
+                  <div
+                    className={`select-none inline-flex items-center px-2 py-1 rounded text-xs font-medium ${
+                      isPrivate
+                        ? "bg-gray-100 text-gray-700 border border-gray-200"
+                        : "bg-blue-50 text-blue-700 border border-blue-200"
+                    }`}
+                  >
+                    {isPrivate ? (
+                      <>
+                        <Lock className="w-3 h-3 mr-1 flex-shrink-0" />
+                        <span className="leading-none">Private</span>
+                      </>
+                    ) : (
+                      <>
+                        <Globe className="w-3 h-3 mr-1 flex-shrink-0" />
+                        <span className="leading-none">Public</span>
+                      </>
+                    )}
                   </div>
                 )}
               </>

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

@@ -19,6 +19,7 @@ import PackageHeader from "./package-header"
 import { useGlobalStore } from "@/hooks/use-global-store"
 import { useLocation } from "wouter"
 import { Package } from "fake-snippets-api/lib/db/schema"
+import { useCurrentPackageCircuitJson } from "../hooks/use-current-package-circuit-json"
 
 interface PackageFile {
   package_file_id: string
@@ -43,22 +44,37 @@ export default function RepoPageContent({
   onFileClicked,
   onEditClicked,
 }: RepoPageContentProps) {
-  const [location, setLocation] = useLocation()
   const [activeView, setActiveView] = useState<string>("files")
   const session = useGlobalStore((s) => s.session)
+  const { circuitJson, isLoading: isCircuitJsonLoading } =
+    useCurrentPackageCircuitJson()
 
-  // Handle hash-based view selection
+  // Handle initial view selection and hash-based view changes
   useEffect(() => {
-    // Get the hash without the # character
+    if (isCircuitJsonLoading) return
     const hash = window.location.hash.slice(1)
-    // Valid views
     const validViews = ["files", "3d", "pcb", "schematic", "bom"]
+    const circuitDependentViews = ["3d", "pcb", "schematic", "bom"]
 
-    // If hash is a valid view, set it as active
-    if (validViews.includes(hash)) {
+    const availableViews = circuitJson
+      ? 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, circuitJson, isCircuitJsonLoading])
 
   const importantFilePaths = packageFiles
     ?.filter((pf) => isPackageFileImportant(pf.file_path))

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

@@ -172,6 +172,7 @@ export default function SidebarAboutSection() {
           packageAuthor={packageInfo.owner_github_username}
           onUpdate={handlePackageUpdate}
           packageName={packageInfo.name}
+          currentDefaultView={packageInfo.default_view}
         />
       )}
     </>

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

@@ -35,6 +35,7 @@ interface EditPackageDetailsDialogProps {
   currentDescription: string
   currentWebsite: string
   currentLicense?: string | null
+  currentDefaultView?: string
   isPrivate?: boolean
   packageName: string
   packageReleaseId: string | null
@@ -43,6 +44,7 @@ interface EditPackageDetailsDialogProps {
     newDescription: string,
     newWebsite: string,
     newLicense: string | null,
+    newDefaultView: string,
   ) => void
 }
 
@@ -53,6 +55,7 @@ export const EditPackageDetailsDialog = ({
   currentDescription,
   currentWebsite,
   currentLicense,
+  currentDefaultView = "files",
   isPrivate = false,
   packageName,
   packageReleaseId,
@@ -68,12 +71,14 @@ export const EditPackageDetailsDialog = ({
     setFormData,
     websiteError,
     hasLicenseChanged,
+    hasDefaultViewChanged,
     hasChanges,
     isFormValid,
   } = usePackageDetailsForm({
     initialDescription: currentDescription,
     initialWebsite: currentWebsite,
     initialLicense: currentLicense || null,
+    initialDefaultView: currentDefaultView,
     isDialogOpen: open,
     initialVisibility: isPrivate ? "private" : "public",
   })
@@ -108,6 +113,7 @@ export const EditPackageDetailsDialog = ({
         description: formData.description,
         website: formData.website,
         is_private: formData.visibility == "private",
+        default_view: formData.defaultView,
       })
       const privacyUpdateResponse = await axios.post("/snippets/update", {
         snippet_id: packageId,
@@ -149,6 +155,7 @@ export const EditPackageDetailsDialog = ({
         website: formData.website,
         license: formData.license,
         visibility: formData.visibility,
+        defaultView: formData.defaultView,
       }
     },
     onMutate: async () => {
@@ -160,11 +167,12 @@ export const EditPackageDetailsDialog = ({
         website: formData.website,
         license: formData.license,
         is_private: formData.visibility == "private",
+        default_view: formData.defaultView,
       }))
       return { previous }
     },
     onSuccess: (data) => {
-      onUpdate?.(data.description, data.website, data.license)
+      onUpdate?.(data.description, data.website, data.license, data.defaultView)
       onOpenChange(false)
       qc.invalidateQueries([
         "packageFile",
@@ -218,7 +226,7 @@ export const EditPackageDetailsDialog = ({
         </DialogContent>
       </Dialog>
       <Dialog open={open !== showConfirmDelete} onOpenChange={onOpenChange}>
-        <DialogContent className="sm:max-w-[500px] lg:h-[70vh] sm:h-[90vh] overflow-y-auto w-[95vw] h-[80vh] p-6 gap-6 rounded-2xl shadow-lg">
+        <DialogContent className="sm:max-w-[500px] lg:h-[85vh] sm:h-[90vh] overflow-y-auto no-scrollbar w-[95vw] h-[80vh] p-6 gap-6 rounded-2xl shadow-lg">
           <div className="flex flex-col gap-10">
             <DialogHeader>
               <DialogTitle>Edit Package Details</DialogTitle>
@@ -310,6 +318,29 @@ export const EditPackageDetailsDialog = ({
                     </SelectContent>
                   </Select>
                 </div>
+                <div className="space-y-1">
+                  <Label htmlFor="defaultView">Default View</Label>
+                  <Select
+                    value={formData.defaultView}
+                    onValueChange={(value) =>
+                      setFormData((prev) => ({
+                        ...prev,
+                        defaultView: value,
+                      }))
+                    }
+                    disabled={updatePackageDetailsMutation.isLoading}
+                  >
+                    <SelectTrigger className="w-full">
+                      <SelectValue placeholder="Select default view" />
+                    </SelectTrigger>
+                    <SelectContent className="!z-[999]">
+                      <SelectItem value="files">Files</SelectItem>
+                      <SelectItem value="3d">3D</SelectItem>
+                      <SelectItem value="pcb">PCB</SelectItem>
+                      <SelectItem value="schematic">Schematic</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
               </div>
 
               <details

package/src/hooks/use-package-details-form.ts

@@ -15,6 +15,7 @@ interface PackageDetailsForm {
   website: string
   license: string | null
   visibility: string
+  defaultView: string
 }
 
 interface UsePackageDetailsFormProps {
@@ -22,6 +23,7 @@ interface UsePackageDetailsFormProps {
   initialWebsite: string
   initialLicense: string | null
   initialVisibility: string
+  initialDefaultView: string
   isDialogOpen: boolean
 }
 
@@ -30,6 +32,7 @@ export const usePackageDetailsForm = ({
   initialWebsite,
   initialLicense,
   initialVisibility,
+  initialDefaultView,
   isDialogOpen,
 }: UsePackageDetailsFormProps) => {
   const [formData, setFormData] = useState<PackageDetailsForm>({
@@ -37,6 +40,7 @@ export const usePackageDetailsForm = ({
     website: initialWebsite,
     license: initialLicense || null,
     visibility: initialVisibility,
+    defaultView: initialDefaultView,
   })
   const [websiteError, setWebsiteError] = useState<string | null>(null)
 
@@ -47,6 +51,7 @@ export const usePackageDetailsForm = ({
         website: initialWebsite,
         license: initialLicense || null,
         visibility: initialVisibility,
+        defaultView: initialDefaultView,
       })
       setWebsiteError(null)
     }
@@ -56,6 +61,7 @@ export const usePackageDetailsForm = ({
     initialWebsite,
     initialLicense,
     initialVisibility,
+    initialDefaultView,
   ])
 
   useEffect(() => {
@@ -76,18 +82,25 @@ export const usePackageDetailsForm = ({
     [formData.visibility, initialVisibility],
   )
 
+  const hasDefaultViewChanged = useMemo(
+    () => formData.defaultView !== initialDefaultView,
+    [formData.defaultView, initialDefaultView],
+  )
+
   const hasChanges = useMemo(
     () =>
       formData.description !== initialDescription ||
       formData.website !== initialWebsite ||
       formData.license !== initialLicense ||
-      formData.visibility !== initialVisibility,
+      formData.visibility !== initialVisibility ||
+      formData.defaultView !== initialDefaultView,
     [
       formData,
       initialDescription,
       initialWebsite,
       initialLicense,
       initialVisibility,
+      initialDefaultView,
     ],
   )
 
@@ -99,6 +112,7 @@ export const usePackageDetailsForm = ({
     websiteError,
     hasLicenseChanged,
     hasVisibilityChanged,
+    hasDefaultViewChanged,
     hasChanges,
     isFormValid,
   }

package/src/index.css

@@ -7,6 +7,19 @@
   }
 }
 
+/* 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 {
   font-family: "Fira Code", monospace;
   font-size: 14px;