@tscircuit/fake-snippets 0.0.113 → 0.0.115

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

@@ -18,35 +18,44 @@ export default withRouteSpec({
     description: z.string().optional(),
     is_private: z.boolean().optional().default(false),
     is_unlisted: z.boolean().optional().default(false),
+    org_id: z.string().optional(),
   }),
   jsonResponse: z.object({
     package: packageSchema.optional(),
   }),
 })(async (req, ctx) => {
-  const { name, description, is_private, is_unlisted } = req.jsonBody
-
+  const { name, description, is_private, is_unlisted, org_id } = req.jsonBody
   let owner_segment = name?.split("/")[0]
   let unscoped_name = name?.split("/")[1]
 
   if (name && !unscoped_name) {
-    throw ctx.error(400, {
+    return ctx.error(400, {
       error_code: "invalid_package_name",
       message:
         "Package name must include an author segment (e.g. author/package_name)",
     })
   }
+  const org = ctx.db.getOrg({ org_id })
+  if (Boolean(org_id) && !Boolean(org))
+    return ctx.error(404, {
+      error_code: "org_not_found",
+      message: "Organization not found",
+    })
 
   if (!unscoped_name) {
     const state = ctx.db.getState()
-    const count = state.packages.filter(
-      (pkg) => pkg.creator_account_id === ctx.auth.account_id,
-    ).length
+
+    const count = org_id
+      ? state.packages.filter((pkg) => pkg.owner_org_id === org_id).length
+      : state.packages.filter(
+          (pkg) => pkg.creator_account_id === ctx.auth.account_id,
+        ).length
 
     unscoped_name = `untitled-package-${count}`
   }
 
   if (!owner_segment) {
-    owner_segment = ctx.auth.github_username
+    owner_segment = org_id ? org!.org_name : ctx.auth.github_username
   }
 
   const final_name = name ?? `${owner_segment}/${unscoped_name}`
@@ -71,7 +80,7 @@ export default withRouteSpec({
       )
 
     if (!memberOrg) {
-      throw ctx.error(403, {
+      return ctx.error(403, {
         error_code: "forbidden",
         message:
           "You must be a member of the organization to create a package under it",
@@ -87,7 +96,7 @@ export default withRouteSpec({
     .packages.find((pkg) => pkg.name === final_name)
 
   if (existingPackage) {
-    throw ctx.error(400, {
+    return ctx.error(400, {
       error_code: "package_already_exists",
       message: "A package with this name already exists",
     })

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

@@ -10,6 +10,7 @@ export default withRouteSpec({
     owner_github_username: z.string().optional(),
     is_writable: z.boolean().optional(),
     name: z.string().optional(),
+    limit: z.number().int().min(1).optional(),
   }),
   jsonResponse: z.object({
     ok: z.boolean(),
@@ -25,8 +26,13 @@ export default withRouteSpec({
     ),
   }),
 })(async (req, ctx) => {
-  const { creator_account_id, owner_github_username, name, is_writable } =
-    req.commonParams
+  const {
+    creator_account_id,
+    owner_github_username,
+    name,
+    is_writable,
+    limit,
+  } = req.commonParams
 
   const auth = "auth" in ctx && ctx.auth ? ctx.auth : null
 
@@ -64,7 +70,9 @@ export default withRouteSpec({
   if (name) {
     packages = packages.filter((p) => p.name === name)
   }
-
+  if (limit) {
+    packages = packages.slice(0, limit)
+  }
   if (is_writable && auth) {
     packages = packages.filter(canManagePackage)
   }

package/package.json

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

package/src/components/CmdKMenu.tsx

@@ -214,6 +214,7 @@ const CmdKMenu = () => {
       try {
         const response = await axios.post(`/packages/list`, {
           owner_github_username: currentUser,
+          limit: 5,
         })
         return response.data.packages || []
       } catch (error) {

package/src/components/dialogs/new-package-save-prompt-dialog.tsx

@@ -19,6 +19,7 @@ import {
 import { createUseDialog } from "./create-use-dialog"
 import { useListUserOrgs } from "@/hooks/use-list-user-orgs"
 import { useGlobalStore } from "@/hooks/use-global-store"
+import { ICreatePackageProps } from "@/hooks/useFileManagement"
 
 export const NewPackageSavePromptDialog = ({
   open,
@@ -31,27 +32,31 @@ export const NewPackageSavePromptDialog = ({
   onOpenChange: (open: boolean) => void
   initialIsPrivate?: boolean
   initialName?: string
-  onSave: ({
-    name,
-    isPrivate,
-    orgId,
-  }: {
-    name?: string
-    isPrivate: boolean
-    orgId: string
-  }) => void
+  onSave: (props: ICreatePackageProps) => void
 }) => {
   const [packageName, setPackageName] = useState(initialName)
   const session = useGlobalStore((s) => s.session)
   const [isPrivate, setIsPrivate] = useState(initialIsPrivate)
   const [selectedOrgId, setSelectedOrgId] = useState<string>("")
   const { data: organizations, isLoading: orgsLoading } = useListUserOrgs()
+
+  const isOwnerPersonalOrg = useMemo(() => {
+    if (!selectedOrgId) return false
+    const selectedOrg = organizations?.find((x) => x.org_id === selectedOrgId)
+    return (
+      selectedOrg?.is_personal_org &&
+      selectedOrg?.owner_account_id == session?.account_id
+    )
+  }, [selectedOrgId, organizations, session?.github_username])
+
   const fullPackageName = useMemo(() => {
+    if (!Boolean(packageName)) return
     if (selectedOrgId) {
       return `${organizations?.find((x) => x.org_id === selectedOrgId)?.name}/${packageName}`
     }
     return `${session?.github_username}/${packageName}`
   }, [selectedOrgId, packageName, organizations, session?.github_username])
+
   useEffect(() => {
     if (organizations && organizations.length > 0 && !selectedOrgId) {
       setSelectedOrgId(
@@ -169,9 +174,13 @@ export const NewPackageSavePromptDialog = ({
           <Button
             onClick={() => {
               onSave({
-                name: fullPackageName.trim(),
+                name: fullPackageName,
                 isPrivate,
-                orgId: selectedOrgId,
+                ...(isOwnerPersonalOrg
+                  ? {}
+                  : {
+                      org_id: selectedOrgId,
+                    }),
               })
               onOpenChange(false)
             }}

package/src/components/package-port/CodeEditorHeader.tsx

@@ -274,7 +274,7 @@ export const CodeEditorHeader: React.FC<CodeEditorHeaderProps> = ({
 
   return (
     <>
-      <div className="flex items-center gap-2 px-2 border-b border-gray-200">
+      <div className="flex items-center gap-2 px-2 border-b md:py-2 border-gray-200">
         <button
           className={`text-gray-400 scale-90 p-0 transition-[width,opacity] duration-300 ease-in-out overflow-hidden ${
             sidebarOpen

package/src/hooks/useFileManagement.ts

@@ -45,6 +45,12 @@ export interface IRenameFileResult {
   fileRenamed: boolean
 }
 
+export interface ICreatePackageProps {
+  isPrivate?: boolean
+  name?: string
+  org_id?: string
+}
+
 export function useFileManagement({
   templateCode,
   currentPackage,
@@ -428,12 +434,8 @@ export function useFileManagement({
   const savePackage = async ({
     name,
     isPrivate,
-    orgId,
-  }: {
-    name?: string
-    isPrivate: boolean
-    orgId: string
-  }) => {
+    org_id,
+  }: ICreatePackageProps) => {
     if (!isLoggedIn) {
       toast({
         title: "Not Logged In",
@@ -443,9 +445,9 @@ export function useFileManagement({
     }
 
     await createPackageMutation.mutateAsync({
-      is_private: isPrivate,
-      org_id: orgId,
-      ...(name ? { name } : {}),
+      is_private: Boolean(isPrivate),
+      ...(org_id ? { org_id: org_id } : {}),
+      ...(name ? { name: name?.trim() } : {}),
     })
   }