@tscircuit/fake-snippets 0.0.36 → 0.0.38

package/dist/index.d.ts

@@ -316,18 +316,27 @@ declare const packageFileSchema: z.ZodObject<{
     file_path: z.ZodString;
     content_text: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     created_at: z.ZodString;
+    content_mimetype: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    is_release_tarball: z.ZodOptional<z.ZodBoolean>;
+    npm_pack_output: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
 }, "strip", z.ZodTypeAny, {
     package_release_id: string;
     created_at: string;
     package_file_id: string;
     file_path: string;
     content_text?: string | null | undefined;
+    content_mimetype?: string | null | undefined;
+    is_release_tarball?: boolean | undefined;
+    npm_pack_output?: any;
 }, {
     package_release_id: string;
     created_at: string;
     package_file_id: string;
     file_path: string;
     content_text?: string | null | undefined;
+    content_mimetype?: string | null | undefined;
+    is_release_tarball?: boolean | undefined;
+    npm_pack_output?: any;
 }>;
 type PackageFile = z.infer<typeof packageFileSchema>;
 declare const packageSchema: z.ZodObject<{
@@ -556,6 +565,9 @@ declare const createDatabase: ({ seed }?: {
         package_file_id: string;
         file_path: string;
         content_text?: string | null | undefined;
+        content_mimetype?: string | null | undefined;
+        is_release_tarball?: boolean | undefined;
+        npm_pack_output?: any;
     }[];
     sessions: {
         session_id: string;
@@ -690,7 +702,7 @@ declare const createDatabase: ({ seed }?: {
         step_function_name: string | null;
         error_message: string | null;
     }[];
-}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getNewestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "addPackageFile" | "getStarCount" | "getPackageFilesByReleaseId"> & {
+}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId"> & {
     addOrder: (order: Omit<Order, "order_id">) => Order;
     getOrderById: (orderId: string) => Order | undefined;
     getOrderFilesByOrderId: (orderId: string) => OrderFile[];
@@ -722,7 +734,7 @@ declare const createDatabase: ({ seed }?: {
     updateAccountPackage: (accountPackageId: string, updates: Partial<AccountPackage>) => void;
     deleteAccountPackage: (accountPackageId: string) => boolean;
     addSnippet: (snippet: Omit<z.input<typeof snippetSchema>, "snippet_id" | "package_release_id">) => Snippet;
-    getNewestSnippets: (limit: number) => Snippet[];
+    getLatestSnippets: (limit: number) => Snippet[];
     getTrendingSnippets: (limit: number, since: string) => Snippet[];
     getPackagesByAuthor: (authorName?: string) => Package[];
     getSnippetByAuthorAndName: (authorName: string, snippetName: string) => Snippet | undefined;
@@ -752,7 +764,9 @@ declare const createDatabase: ({ seed }?: {
     getPackageReleaseById: (packageReleaseId: string) => PackageRelease | undefined;
     addPackageRelease: (packageRelease: Omit<PackageRelease, "package_release_id">) => PackageRelease;
     updatePackageRelease: (packageRelease: PackageRelease) => void;
+    deletePackageFile: (packageFileId: string) => boolean;
     addPackageFile: (packageFile: Omit<PackageFile, "package_file_id">) => PackageFile;
+    updatePackageFile: (packageFileId: string, updates: Partial<Omit<PackageFile, "package_file_id">>) => PackageFile;
     getStarCount: (packageId: string) => number;
     getPackageFilesByReleaseId: (packageReleaseId: string) => PackageFile[];
 }> & Omit<{
@@ -795,6 +809,9 @@ declare const createDatabase: ({ seed }?: {
         package_file_id: string;
         file_path: string;
         content_text?: string | null | undefined;
+        content_mimetype?: string | null | undefined;
+        is_release_tarball?: boolean | undefined;
+        npm_pack_output?: any;
     }[];
     sessions: {
         session_id: string;
@@ -929,7 +946,7 @@ declare const createDatabase: ({ seed }?: {
         step_function_name: string | null;
         error_message: string | null;
     }[];
-}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getNewestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "addPackageFile" | "getStarCount" | "getPackageFilesByReleaseId"> & {
+}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId"> & {
     addOrder: (order: Omit<Order, "order_id">) => Order;
     getOrderById: (orderId: string) => Order | undefined;
     getOrderFilesByOrderId: (orderId: string) => OrderFile[];
@@ -961,7 +978,7 @@ declare const createDatabase: ({ seed }?: {
     updateAccountPackage: (accountPackageId: string, updates: Partial<AccountPackage>) => void;
     deleteAccountPackage: (accountPackageId: string) => boolean;
     addSnippet: (snippet: Omit<z.input<typeof snippetSchema>, "snippet_id" | "package_release_id">) => Snippet;
-    getNewestSnippets: (limit: number) => Snippet[];
+    getLatestSnippets: (limit: number) => Snippet[];
     getTrendingSnippets: (limit: number, since: string) => Snippet[];
     getPackagesByAuthor: (authorName?: string) => Package[];
     getSnippetByAuthorAndName: (authorName: string, snippetName: string) => Snippet | undefined;
@@ -991,7 +1008,9 @@ declare const createDatabase: ({ seed }?: {
     getPackageReleaseById: (packageReleaseId: string) => PackageRelease | undefined;
     addPackageRelease: (packageRelease: Omit<PackageRelease, "package_release_id">) => PackageRelease;
     updatePackageRelease: (packageRelease: PackageRelease) => void;
+    deletePackageFile: (packageFileId: string) => boolean;
     addPackageFile: (packageFile: Omit<PackageFile, "package_file_id">) => PackageFile;
+    updatePackageFile: (packageFileId: string, updates: Partial<Omit<PackageFile, "package_file_id">>) => PackageFile;
     getStarCount: (packageId: string) => number;
     getPackageFilesByReleaseId: (packageReleaseId: string) => PackageFile[];
 };

package/dist/index.js

@@ -118,7 +118,10 @@ var packageFileSchema = z.object({
   package_release_id: z.string(),
   file_path: z.string(),
   content_text: z.string().nullable().optional(),
-  created_at: z.string().datetime()
+  created_at: z.string().datetime(),
+  content_mimetype: z.string().nullable().optional(),
+  is_release_tarball: z.boolean().optional(),
+  npm_pack_output: z.any().nullable().optional()
 });
 var packageSchema = z.object({
   package_id: z.string(),
@@ -2206,7 +2209,7 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
       is_unlisted: false
     };
   },
-  getNewestSnippets: (limit) => {
+  getLatestSnippets: (limit) => {
     const state = get();
     const snippetPackages = state.packages.filter((pkg) => pkg.is_snippet === true).map((pkg) => {
       const packageRelease = state.packageReleases.find(
@@ -2825,6 +2828,20 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
       )
     }));
   },
+  deletePackageFile: (packageFileId) => {
+    let deleted = false;
+    set((state) => {
+      const index = state.packageFiles.findIndex(
+        (file) => file.package_file_id === packageFileId
+      );
+      if (index !== -1) {
+        state.packageFiles.splice(index, 1);
+        deleted = true;
+      }
+      return state;
+    });
+    return deleted;
+  },
   addPackageFile: (packageFile) => {
     const newPackageFile = {
       package_file_id: `package_file_${Date.now()}`,
@@ -2835,6 +2852,17 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
     }));
     return newPackageFile;
   },
+  updatePackageFile: (packageFileId, updates) => {
+    set((state2) => ({
+      packageFiles: state2.packageFiles.map(
+        (file) => file.package_file_id === packageFileId ? { ...file, ...updates } : file
+      )
+    }));
+    const state = get();
+    return state.packageFiles.find(
+      (file) => file.package_file_id === packageFileId
+    );
+  },
   getStarCount: (packageId) => {
     const state = get();
     return state.accountPackages.filter(

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

@@ -320,7 +320,7 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
       is_unlisted: false,
     }
   },
-  getNewestSnippets: (limit: number): Snippet[] => {
+  getLatestSnippets: (limit: number): Snippet[] => {
     const state = get()
 
     // Get all packages that are snippets
@@ -1147,6 +1147,20 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
       ),
     }))
   },
+  deletePackageFile: (packageFileId: string): boolean => {
+    let deleted = false
+    set((state) => {
+      const index = state.packageFiles.findIndex(
+        (file) => file.package_file_id === packageFileId,
+      )
+      if (index !== -1) {
+        state.packageFiles.splice(index, 1)
+        deleted = true
+      }
+      return state
+    })
+    return deleted
+  },
   addPackageFile: (
     packageFile: Omit<PackageFile, "package_file_id">,
   ): PackageFile => {
@@ -1159,6 +1173,20 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
     }))
     return newPackageFile
   },
+  updatePackageFile: (
+    packageFileId: string,
+    updates: Partial<Omit<PackageFile, "package_file_id">>,
+  ): PackageFile => {
+    set((state) => ({
+      packageFiles: state.packageFiles.map((file) =>
+        file.package_file_id === packageFileId ? { ...file, ...updates } : file,
+      ),
+    }))
+    const state = get()
+    return state.packageFiles.find(
+      (file) => file.package_file_id === packageFileId,
+    )!
+  },
   getStarCount: (packageId: string): number => {
     const state = get()
     return state.accountPackages.filter(

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

@@ -138,6 +138,9 @@ export const packageFileSchema = z.object({
   file_path: z.string(),
   content_text: z.string().nullable().optional(),
   created_at: z.string().datetime(),
+  content_mimetype: z.string().nullable().optional(),
+  is_release_tarball: z.boolean().optional(),
+  npm_pack_output: z.any().nullable().optional(),
 })
 export type PackageFile = z.infer<typeof packageFileSchema>
 

package/fake-snippets-api/routes/api/package_files/create_or_update.ts

@@ -0,0 +1,179 @@
+import * as zt from "fake-snippets-api/lib/db/schema"
+import { findPackageReleaseId } from "fake-snippets-api/lib/package_release/find-package-release-id"
+import { withRouteSpec } from "fake-snippets-api/lib/with-winter-spec"
+import { z } from "zod"
+
+const routeSpec = {
+  methods: ["POST"],
+  auth: "session",
+  jsonBody: z
+    .object({
+      file_path: z.string(),
+      is_release_tarball: z.boolean().optional().default(false),
+      content_mimetype: z.string().optional(),
+      content_text: z.string().optional(),
+      content_base64: z.string().optional(),
+      package_release_id: z.string().optional(),
+      package_name_with_version: z.string().optional(),
+      npm_pack_output: z.any().optional(),
+    })
+    .refine((v) => {
+      if (v.package_release_id) return true
+      if (v.package_name_with_version) return true
+      return false
+    }, "Must specify either package_release_id or package_name_with_version")
+    .refine((v) => {
+      if (v.package_release_id && v.package_name_with_version) return false
+      return true
+    }, "Cannot specify both package_release_id and package_name_with_version")
+    .refine((v) => {
+      if (v.content_base64 && v.content_text) return false
+      if (!v.content_base64 && !v.content_text) return false
+      return true
+    }, "Either content_base64 or content_text is required"),
+  jsonResponse: z.object({
+    ok: z.boolean(),
+    package_file: zt.packageFileSchema,
+  }),
+} as const
+
+export default withRouteSpec(routeSpec)(async (req, ctx) => {
+  const {
+    file_path,
+    content_mimetype: providedContentMimetype,
+    content_base64,
+    content_text,
+    is_release_tarball,
+    npm_pack_output,
+  } = req.jsonBody
+
+  if (is_release_tarball && !npm_pack_output) {
+    return ctx.error(400, {
+      error_code: "missing_options",
+      message: "npm_pack_output is required for release tarballs",
+    })
+  }
+
+  if (!is_release_tarball && npm_pack_output) {
+    return ctx.error(404, {
+      error_code: "invalid_options",
+      message: "npm_pack_output is only valid for release tarballs",
+    })
+  }
+
+  let packageReleaseId = req.jsonBody.package_release_id
+
+  if (!packageReleaseId && req.jsonBody.package_name_with_version) {
+    const foundPackageReleaseId = await findPackageReleaseId(
+      { package_name_with_version: req.jsonBody.package_name_with_version },
+      ctx,
+    )
+    if (foundPackageReleaseId) {
+      packageReleaseId = foundPackageReleaseId
+    }
+  }
+
+  if (!packageReleaseId) {
+    return ctx.error(404, {
+      error_code: "package_release_not_found",
+      message: "Package release not found",
+    })
+  }
+
+  // Verify the package release exists
+  const packageRelease = ctx.db.packageReleases.find(
+    (pr) => pr.package_release_id === packageReleaseId,
+  )
+
+  if (!packageRelease) {
+    return ctx.error(404, {
+      error_code: "package_release_not_found",
+      message: "Package release not found",
+    })
+  }
+
+  // Get the package to check permissions
+  const existingPackage = ctx.db.packages.find(
+    (p) => p.package_id === packageRelease.package_id,
+  )
+
+  if (!existingPackage) {
+    return ctx.error(404, {
+      error_code: "package_not_found",
+      message: "Package not found",
+    })
+  }
+
+  // Check if user has permission to create/update the file
+  if (existingPackage.creator_account_id !== ctx.auth.account_id) {
+    return ctx.error(403, {
+      error_code: "forbidden",
+      message: "You don't have permission to modify files in this package",
+    })
+  }
+
+  // Check if file exists
+  const exisitingFile = ctx.db.packageFiles.find(
+    (pf) =>
+      pf.package_release_id === packageReleaseId && pf.file_path === file_path,
+  )
+
+  // Determine content mimetype
+  const contentMimetype =
+    providedContentMimetype ||
+    (file_path.endsWith(".ts") || file_path.endsWith(".tsx")
+      ? "text/typescript"
+      : null) ||
+    (file_path.endsWith(".js") ? "application/javascript" : null) ||
+    (file_path.endsWith(".json") ? "application/json" : null) ||
+    (file_path.endsWith(".md") ? "text/markdown" : null) ||
+    (file_path.endsWith(".html") ? "text/html" : null) ||
+    (file_path.endsWith(".css") ? "text/css" : null) ||
+    "application/octet-stream"
+
+  if (exisitingFile) {
+    const package_file = ctx.db.updatePackageFile(
+      exisitingFile.package_file_id,
+      {
+        content_text:
+          content_text ||
+          (content_base64
+            ? Buffer.from(content_base64, "base64").toString()
+            : null),
+        content_mimetype: contentMimetype,
+        is_release_tarball: is_release_tarball || false,
+        npm_pack_output: npm_pack_output || null,
+      },
+    )
+
+    return ctx.json({
+      ok: true,
+      package_file,
+    })
+  }
+
+  // Create the package file
+  const newPackageFile = {
+    package_file_id: crypto.randomUUID(),
+    package_release_id: packageReleaseId,
+    file_path,
+    content_text:
+      content_text ||
+      (content_base64
+        ? Buffer.from(content_base64, "base64").toString()
+        : null),
+    content_mimetype: contentMimetype,
+    is_directory: false,
+    is_release_tarball: is_release_tarball || false,
+    npm_pack_output: npm_pack_output || null,
+    created_at: new Date().toISOString(),
+  }
+
+  // Add to the test database
+  ctx.db.addPackageFile(newPackageFile)
+
+  return ctx.json({
+    ok: true,
+    package_file: newPackageFile,
+  })
+})

package/fake-snippets-api/routes/api/package_files/delete.ts

@@ -0,0 +1,106 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+import { findPackageReleaseId } from "fake-snippets-api/lib/package_release/find-package-release-id"
+
+export default withRouteSpec({
+  methods: ["POST"],
+  auth: "session",
+  jsonBody: z
+    .object({
+      package_release_id: z.string().optional(),
+      package_name_with_version: z.string().optional(),
+      file_path: z.string(),
+    })
+    .refine((v) => {
+      if (v.package_release_id) return true
+      if (v.package_name_with_version) return true
+      return false
+    }, "Must specify either package_release_id or package_name_with_version")
+    .refine((v) => {
+      if (v.package_release_id && v.package_name_with_version) return false
+      return true
+    }, "Cannot specify both package_release_id and package_name_with_version"),
+  jsonResponse: z.object({
+    ok: z.boolean(),
+  }),
+})(async (req, ctx) => {
+  const { file_path } = req.jsonBody
+
+  let packageReleaseId = req.jsonBody.package_release_id
+
+  if (!packageReleaseId && req.jsonBody.package_name_with_version) {
+    const foundPackageReleaseId = await findPackageReleaseId(
+      req.jsonBody.package_name_with_version,
+      ctx,
+    )
+    if (foundPackageReleaseId) {
+      packageReleaseId = foundPackageReleaseId
+    }
+  }
+
+  if (!packageReleaseId) {
+    return ctx.error(404, {
+      error_code: "package_release_not_found",
+      message: "Package release not found",
+    })
+  }
+
+  // Get the package release to check permissions
+  const packageRelease = ctx.db.packageReleases.find(
+    (pr) => pr.package_release_id === packageReleaseId,
+  )
+
+  if (!packageRelease) {
+    return ctx.error(404, {
+      error_code: "package_release_not_found",
+      message: "Package release not found",
+    })
+  }
+
+  // Get the package to check permissions
+  const existingpackage = ctx.db.packages.find(
+    (p) => p.package_id === packageRelease.package_id,
+  )
+
+  if (!existingpackage) {
+    return ctx.error(404, {
+      error_code: "package_not_found",
+      message: "Package not found",
+    })
+  }
+
+  // Check if user has permission to delete the file
+  if (existingpackage.creator_account_id !== ctx.auth.account_id) {
+    return ctx.error(403, {
+      error_code: "forbidden",
+      message: "You don't have permission to delete files in this package",
+    })
+  }
+
+  // Find the file
+  const packageFile = ctx.db.packageFiles.find(
+    (f) =>
+      f.file_path === file_path && f.package_release_id === packageReleaseId,
+  )
+
+  if (!packageFile) {
+    return ctx.error(404, {
+      error_code: "file_not_found",
+      message: "Package file not found",
+    })
+  }
+
+  // Delete the file using deletePackageFile method
+  const deleted = ctx.db.deletePackageFile(packageFile.package_file_id)
+
+  if (!deleted) {
+    return ctx.error(500, {
+      error_code: "file_deletion_failed",
+      message: "Failed to delete package file",
+    })
+  }
+
+  return ctx.json({
+    ok: true,
+  })
+})

package/fake-snippets-api/routes/api/snippets/{list_newest.ts → list_latest.ts}

@@ -8,6 +8,6 @@ export default withRouteSpec({
     snippets: z.array(snippetSchema),
   }),
 })(async (req, ctx) => {
-  const newestSnippets = ctx.db.getNewestSnippets(20)
-  return ctx.json({ snippets: newestSnippets })
+  const latestSnippets = ctx.db.getLatestSnippets(20)
+  return ctx.json({ snippets: latestSnippets })
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "type": "module",
   "repository": {
     "type": "git",

package/scripts/generate-sitemap.ts

@@ -9,7 +9,7 @@ const staticRoutes = [
   { url: "/playground", changefreq: "weekly", priority: 0.9 },
   { url: "/quickstart", changefreq: "monthly", priority: 0.8 },
   { url: "/dashboard", changefreq: "weekly", priority: 0.7 },
-  { url: "/newest", changefreq: "daily", priority: 0.8 },
+  { url: "/latest", changefreq: "daily", priority: 0.8 },
   { url: "/search", changefreq: "weekly", priority: 0.7 },
   { url: "/settings", changefreq: "monthly", priority: 0.6 },
   { url: "/community/join-redirect", changefreq: "monthly", priority: 0.6 },

package/src/App.tsx

@@ -61,7 +61,7 @@ const EditorPage = lazyImport(async () => {
 })
 const LandingPage = lazyImport(() => import("@/pages/landing"))
 const MyOrdersPage = lazyImport(() => import("@/pages/my-orders"))
-const NewestPage = lazyImport(() => import("@/pages/newest"))
+const LatestPage = lazyImport(() => import("@/pages/latest"))
 const PreviewPage = lazyImport(() => import("@/pages/preview"))
 const QuickstartPage = lazyImport(() => import("@/pages/quickstart"))
 const SearchPage = lazyImport(() => import("@/pages/search"))
@@ -112,7 +112,7 @@ function App() {
             <Route path="/quickstart" component={QuickstartPage} />
             <Route path="/dashboard" component={DashboardPage} />
             <Route path="/ai" component={AiPage} />
-            <Route path="/newest" component={NewestPage} />
+            <Route path="/latest" component={LatestPage} />
             <Route path="/settings" component={SettingsPage} />
             <Route path="/search" component={SearchPage} />
             <Route path="/trending" component={TrendingPage} />

package/src/components/EditorNav.tsx

@@ -38,7 +38,7 @@ import { useMutation, useQueryClient } from "react-query"
 import { Link, useLocation } from "wouter"
 import { useAxios } from "../hooks/use-axios"
 import { useToast } from "../hooks/use-toast"
-import { useConfirmDeleteSnippetDialog } from "./dialogs/confirm-delete-snippet-dialog"
+import { useConfirmDeletePackageDialog } from "./dialogs/confirm-delete-package-dialog"
 import { useCreateOrderDialog } from "./dialogs/create-order-dialog"
 import { useFilesDialog } from "./dialogs/files-dialog"
 import { useViewTsFilesDialog } from "./dialogs/view-ts-files-dialog"
@@ -83,7 +83,7 @@ export default function EditorNav({
     openDialog: openupdateDescriptionDialog,
   } = useUpdateDescriptionDialog()
   const { Dialog: DeleteDialog, openDialog: openDeleteDialog } =
-    useConfirmDeleteSnippetDialog()
+    useConfirmDeletePackageDialog()
   const { Dialog: CreateOrderDialog, openDialog: openCreateOrderDialog } =
     useCreateOrderDialog()
   const { Dialog: FilesDialog, openDialog: openFilesDialog } = useFilesDialog()
@@ -479,8 +479,8 @@ export default function EditorNav({
         currentName={snippet?.unscoped_name ?? ""}
       />
       <DeleteDialog
-        snippetId={snippet?.snippet_id ?? ""}
-        snippetName={snippet?.unscoped_name ?? ""}
+        packageId={snippet?.snippet_id ?? ""}
+        packageName={snippet?.unscoped_name ?? ""}
       />
       <CreateOrderDialog />
       <FilesDialog snippetId={snippet?.snippet_id ?? ""} />

package/src/components/Footer.tsx

@@ -26,7 +26,6 @@ export default function Footer() {
                 { name: "Home", href: "/" },
                 { name: "Dashboard", href: "/dashboard" },
                 { name: "Editor", href: "/editor" },
-                { name: "Create with AI", href: "https://chat.tscircuit.com" },
                 {
                   name: "My Profile",
                   href: `/${session?.github_username}`,
@@ -44,14 +43,21 @@ export default function Footer() {
                     {item.name}
                   </PrefetchPageLink>
                 ))}
+              <a
+                href="https://chat.tscircuit.com"
+                className="hover:underline"
+                target="_blank"
+              >
+                Create with AI
+              </a>
             </footer>
           </div>
 
           <div className="space-y-4">
             <h3 className="font-semibold uppercase">Explore</h3>
             <footer className="flex flex-col space-y-2">
-              <PrefetchPageLink href="/newest" className="hover:underline">
-                Newest Snippets
+              <PrefetchPageLink href="/latest" className="hover:underline">
+                Latest Snippets
               </PrefetchPageLink>
               <PrefetchPageLink href="/trending" className="hover:underline">
                 Trending Snippets

package/src/components/HiddenFilesDropdown.tsx

@@ -0,0 +1,44 @@
+"use client"
+
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import { Settings, Check } from "lucide-react"
+
+interface HiddenFilesDropdownProps {
+  showHiddenFiles: boolean
+  onToggleHiddenFiles: () => void
+}
+
+export default function HiddenFilesDropdown({
+  showHiddenFiles,
+  onToggleHiddenFiles,
+}: HiddenFilesDropdownProps) {
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <button className="ml-2 text-gray-500 hover:text-gray-600 dark:hover:text-gray-400 focus:outline-none">
+          <Settings className="h-4 w-4" />
+        </button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent
+        align="end"
+        className="bg-white dark:bg-[#161b22] border border-gray-200 dark:border-[#30363d] rounded-md shadow-lg"
+      >
+        <DropdownMenuItem
+          onSelect={(e) => e.preventDefault()}
+          onClick={onToggleHiddenFiles}
+          className="text-xs text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-[#21262d] flex items-center gap-2"
+        >
+          <Check
+            className={`h-4 w-4 transition-opacity ${showHiddenFiles ? "opacity-100" : "opacity-0"}`}
+          />
+          Show Hidden Files
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}