@tscircuit/fake-snippets 0.0.13 → 0.0.15

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

@@ -1,5 +1,16 @@
 import { z } from "zod"
 
+export const errorSchema = z
+  .object({
+    error_code: z.string(),
+    message: z.string(),
+  })
+  .passthrough()
+
+export const errorResponseSchema = z.object({
+  error: errorSchema,
+})
+
 export const snippetSchema = z.object({
   snippet_id: z.string(),
   package_release_id: z.string(),
@@ -64,22 +75,16 @@ export type Account = z.infer<typeof accountSchema>
 
 export const orderSchema = z.object({
   order_id: z.string(),
-  account_id: z.string(),
-  is_draft: z.boolean(),
-  is_pending_validation_by_fab: z.boolean(),
-  is_pending_review_by_fab: z.boolean(),
-  is_validated_by_fab: z.boolean(),
-  is_approved_by_fab_review: z.boolean(),
-  is_approved_by_orderer: z.boolean(),
-  is_in_production: z.boolean(),
-  is_shipped: z.boolean(),
-  is_cancelled: z.boolean(),
-  should_be_blank_pcb: z.boolean(),
-  should_include_stencil: z.boolean(),
-  jlcpcb_order_params: z.record(z.any()),
-  circuit_json: z.array(z.record(z.any())),
+  account_id: z.string().nullable(),
+  is_running: z.boolean(),
+  is_started: z.boolean(),
+  is_finished: z.boolean(),
+  error: errorSchema.nullable(),
+  has_error: z.boolean(),
   created_at: z.string(),
-  updated_at: z.string(),
+  started_at: z.string().nullable(),
+  completed_at: z.string().nullable(),
+  circuit_json: z.any(),
 })
 export type Order = z.infer<typeof orderSchema>
 
@@ -163,17 +168,6 @@ export const packageSchema = z.object({
 })
 export type Package = z.infer<typeof packageSchema>
 
-export const errorSchema = z
-  .object({
-    error_code: z.string(),
-    message: z.string(),
-  })
-  .passthrough()
-
-export const errorResponseSchema = z.object({
-  error: errorSchema,
-})
-
 export const databaseSchema = z.object({
   idCounter: z.number().default(0),
   snippets: z.array(snippetSchema).default([]),

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

@@ -1581,18 +1581,11 @@ export const SquareWaveModule = () => (
 
   db.addOrder({
     account_id,
-    is_draft: true,
-    is_pending_validation_by_fab: false,
-    is_pending_review_by_fab: false,
-    is_validated_by_fab: false,
-    is_approved_by_fab_review: false,
-    is_approved_by_orderer: false,
-    is_in_production: false,
-    is_shipped: false,
-    is_cancelled: false,
-    should_be_blank_pcb: false,
-    should_include_stencil: false,
-    jlcpcb_order_params: {},
+    is_running: false,
+    is_started: false,
+    is_finished: false,
+    error: null,
+    has_error: false,
     circuit_json: [
       {
         type: "source_component",
@@ -1603,6 +1596,7 @@ export const SquareWaveModule = () => (
       },
     ],
     created_at: new Date().toISOString(),
-    updated_at: new Date().toISOString(),
+    started_at: null,
+    completed_at: null,
   })
 }

package/fake-snippets-api/routes/api/_fake/seed.ts

@@ -0,0 +1,13 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+import { seed } from "fake-snippets-api/lib/db/seed"
+
+export default withRouteSpec({
+  methods: ["POST"],
+  auth: "none",
+  jsonResponse: z.object({ ok: z.boolean() }),
+})(async (req, ctx) => {
+  seed(ctx.db)
+
+  return ctx.json({ ok: true })
+})

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

@@ -1,36 +1,70 @@
 import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
 import { z } from "zod"
-import { orderSchema } from "fake-snippets-api/lib/db/schema"
+import {
+  orderSchema,
+  errorSchema,
+  Order,
+} from "fake-snippets-api/lib/db/schema"
+
+const simulate_scenarios = [
+  // TODO: Add more scenarios
+  "gerber_generation_failed",
+  "gerber_upload_failed",
+  "bom_generation_failed",
+  "bom_upload_failed",
+  "pnp_generation_failed",
+  "pnp_upload_failed",
+] as const
 
 export default withRouteSpec({
   methods: ["POST"],
   auth: "session",
-  jsonBody: z.object({
-    circuit_json: z.array(z.record(z.any())),
-  }),
+  jsonBody: z
+    .object({
+      package_release_id: z.string().uuid().optional(),
+      circuit_json: z.array(z.record(z.any())),
+      _simulate: z
+        .object({
+          scenario: z.enum(simulate_scenarios).optional(),
+        })
+        .optional(),
+    })
+    .refine((data) => data.package_release_id || data.circuit_json, {
+      message: "Either package_release_id or circuit_json must be provided",
+    }),
   jsonResponse: z.object({
     order: orderSchema,
   }),
 })(async (req, ctx) => {
-  const { circuit_json } = req.jsonBody
+  const { circuit_json, package_release_id, _simulate } = req.jsonBody
 
-  const newOrder = {
+  const newOrder: Order = {
+    order_id: crypto.randomUUID(),
     account_id: ctx.auth.account_id,
-    is_draft: true,
-    is_pending_validation_by_fab: false,
-    is_pending_review_by_fab: false,
-    is_validated_by_fab: false,
-    is_approved_by_fab_review: false,
-    is_approved_by_orderer: false,
-    is_in_production: false,
-    is_shipped: false,
-    is_cancelled: false,
-    should_be_blank_pcb: false,
-    should_include_stencil: false,
-    jlcpcb_order_params: {},
-    circuit_json,
+    is_running: false,
+    is_started: false,
+    is_finished: false,
+    error: null,
+    has_error: false,
     created_at: new Date().toISOString(),
-    updated_at: new Date().toISOString(),
+    started_at: null,
+    completed_at: null,
+    circuit_json,
+  }
+
+  // TODO: Handle more scenarios
+  if (_simulate?.scenario === "gerber_generation_failed") {
+    newOrder.error = errorSchema.parse({
+      error_code: "GERBER_GENERATION_FAILED",
+      message: "Gerber generation failed",
+    })
+    newOrder.has_error = true
+  }
+
+  if (newOrder.has_error) {
+    return ctx.json({
+      order: newOrder,
+    })
   }
 
   const order = ctx.db.addOrder(newOrder)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "repository": {
     "type": "git",
@@ -95,6 +95,7 @@
     "file-saver": "^2.0.5",
     "immer": "^10.1.1",
     "input-otp": "^1.2.4",
+    "javascript-time-ago": "^2.5.11",
     "jose": "^5.9.3",
     "jscad-electronics": "^0.0.25",
     "jszip": "^3.10.1",

package/playwright-tests/profile-page.spec.ts

@@ -58,7 +58,7 @@ test.skip("test delete functionality in profile", async ({ page }) => {
   expect(remainingSnippets).toBe(0)
 })
 
-test("test starring a snippet and verifying in Starred Snippets tab", async ({
+test("test starring a snippet and verifying in Starred Packages tab", async ({
   page,
 }) => {
   // Go to profile page
@@ -93,14 +93,14 @@ test("test starring a snippet and verifying in Starred Snippets tab", async ({
   await page.waitForLoadState("networkidle")
   await expect(page).toHaveScreenshot("profile-page-snippets-tab.png")
 
-  // Click on the "Starred Snippets" tab
-  await page.getByText("Starred Snippets").click()
+  // Click on the "Starred Packages" tab
+  await page.getByText("Starred Packages").click()
 
   // Wait for load and take screenshot
   await page.waitForLoadState("networkidle")
   await expect(page).toHaveScreenshot("profile-page-starred-tab.png")
 
-  // Verify the starred snippet exists in the "Starred Snippets" tab
+  // Verify the starred snippet exists in the "Starred Packages" tab
   const starredSnippet = page.locator(
     `.text-md.font-semibold:has-text("${snippetName}")`,
   )

package/src/components/SnippetTypeIcon.tsx

@@ -0,0 +1,36 @@
+import { Box, CircuitBoard, Layers, Rotate3D } from "lucide-react"
+import React from "react"
+import { cn } from "@/lib/utils"
+
+type SnippetType = "board" | "package" | "footprint" | "model"
+
+interface SnippetTypeIconProps {
+  type: SnippetType
+  className?: string
+}
+
+const typeIcons: Record<SnippetType, React.ReactNode> = {
+  board: <CircuitBoard className="w-4 h-4" />,
+  package: <Box className="w-4 h-4" />,
+  footprint: <Layers className="w-4 h-4" />,
+  model: <Rotate3D className="w-4 h-4" />,
+}
+
+const typeColors: Record<SnippetType, string> = {
+  board: "text-blue-500",
+  package: "text-green-500",
+  footprint: "text-purple-500",
+  model: "text-indigo-500",
+}
+
+export const SnippetTypeIcon: React.FC<SnippetTypeIconProps> = ({
+  type,
+  className,
+}) => {
+  if (!type || !(type in typeIcons)) return null
+  return (
+    <span className={cn("flex items-center", typeColors[type], className)}>
+      {typeIcons[type]}
+    </span>
+  )
+}

package/src/components/ViewSnippetHeader.tsx

@@ -4,6 +4,7 @@ import { useAxios } from "@/hooks/use-axios"
 import { useCurrentSnippet } from "@/hooks/use-current-snippet"
 import { useGlobalStore } from "@/hooks/use-global-store"
 import { toast, useToast } from "@/hooks/use-toast"
+import { LockClosedIcon } from "@radix-ui/react-icons"
 import { Snippet } from "fake-snippets-api/lib/db/schema"
 import { ChevronLeft, Eye, GitFork, Star } from "lucide-react"
 import { useEffect, useState } from "react"
@@ -136,6 +137,14 @@ export default function ViewSnippetHeader() {
             </Link>
           </h1>
           {snippet?.snippet_type && <TypeBadge type={snippet.snippet_type} />}
+          {snippet?.is_private && (
+            <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>
+            </div>
+          )}
         </div>
         <div className="flex items-center space-x-2">
           <Button variant="outline" size="sm" onClick={handleStarClick}>

package/src/components/dialogs/package-visibility-settings-dialog.tsx

@@ -28,7 +28,6 @@ export const PackageVisibilitySettingsDialog = ({
           <RadioGroup
             value={isPrivate ? "private" : "public"}
             onValueChange={(value) => setIsPrivate(value === "private")}
-            className="space-y-4"
           >
             <div
               className="flex items-start space-x-2 px-2 py-4 rounded-md hover:bg-slate-100 cursor-pointer"

package/src/pages/my-orders.tsx

@@ -36,7 +36,7 @@ export const MyOrdersPage = () => {
                   Created: {new Date(order.created_at).toLocaleString()}
                 </p>
                 <p className="text-sm text-gray-500">
-                  Status: {order.is_shipped ? "Shipped" : "Processing"}
+                  Status: {order.is_running ? "Running" : "Finished"}
                 </p>
                 <Link href={`/orders/${order.order_id}`}>
                   <Button className="mt-2" variant="outline">

package/src/pages/user-profile.tsx

@@ -10,7 +10,7 @@ import { Button } from "@/components/ui/button"
 import { GitHubLogoIcon, StarIcon, LockClosedIcon } from "@radix-ui/react-icons"
 import { Input } from "@/components/ui/input"
 import { useGlobalStore } from "@/hooks/use-global-store"
-import { MoreVertical, Trash2 } from "lucide-react"
+import { GlobeIcon, MoreVertical, PencilIcon, Trash2 } from "lucide-react"
 import { useConfirmDeleteSnippetDialog } from "@/components/dialogs/confirm-delete-snippet-dialog"
 import {
   DropdownMenu,
@@ -19,6 +19,13 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { OptimizedImage } from "@/components/OptimizedImage"
+import { useSnippetsBaseApiUrl } from "@/hooks/use-snippets-base-api-url"
+import { SnippetTypeIcon } from "@/components/SnippetTypeIcon"
+import TimeAgo from "javascript-time-ago"
+import en from "javascript-time-ago/locale/en"
+
+TimeAgo.addDefaultLocale(en)
 
 export const UserProfilePage = () => {
   const { username } = useParams()
@@ -52,6 +59,9 @@ export const UserProfilePage = () => {
       },
     )
 
+  const baseUrl = useSnippetsBaseApiUrl()
+  const timeAgo = new TimeAgo("en-US")
+
   const snippetsToShow =
     activeTab === "starred" ? starredSnippets : userSnippets
   const isLoading =
@@ -93,7 +103,7 @@ export const UserProfilePage = () => {
         <Tabs defaultValue="all" onValueChange={setActiveTab} className="mb-4">
           <TabsList>
             <TabsTrigger value="all">Snippets</TabsTrigger>
-            <TabsTrigger value="starred">Starred Snippets</TabsTrigger>
+            <TabsTrigger value="starred">Starred Packages</TabsTrigger>
           </TabsList>
         </Tabs>
         <Input
@@ -106,7 +116,7 @@ export const UserProfilePage = () => {
         {isLoading ? (
           <div>
             {activeTab === "starred"
-              ? "Loading starred snippets..."
+              ? "Loading starred Packages..."
               : "Loading user snippets..."}
           </div>
         ) : (
@@ -118,49 +128,93 @@ export const UserProfilePage = () => {
                   key={snippet.snippet_id}
                   href={`/${snippet.owner_name}/${snippet.unscoped_name}`}
                 >
-                  <div className="border p-4 rounded-md hover:shadow-md transition-shadow">
-                    <div className="flex justify-between items-start">
-                      <h3 className="text-md font-semibold">
-                        {snippet.unscoped_name}
-                      </h3>
-                      <div className="flex items-center gap-2">
-                        <div className="flex items-center text-gray-600">
-                          <StarIcon className="w-4 h-4 mr-1" />
-                          <span>{snippet.star_count || 0}</span>
+                  <div className="border p-4 rounded-md hover:shadow-md transition-shadow flex flex-col gap-4">
+                    <div className="flex items-start gap-4">
+                      <div className="h-16 w-16 flex-shrink-0 rounded-md overflow-hidden">
+                        <OptimizedImage
+                          src={`${baseUrl}/snippets/images/${snippet.owner_name}/${snippet.unscoped_name}/pcb.svg`}
+                          alt={`${snippet.owner_name}'s profile`}
+                          className="object-cover h-full w-full transition-transform duration-300 -rotate-45 hover:rotate-0 hover:scale-110 scale-150"
+                        />
+                      </div>
+                      <div className="flex-1 min-w-0">
+                        <div className="flex justify-between items-start mb-[2px] -mt-[3px]">
+                          <h2 className="text-md font-semibold truncate pr-[30px]">
+                            {activeTab === "starred" && (
+                              <>
+                                <span className="text-gray-700 text-md">
+                                  {snippet.owner_name}
+                                </span>
+                                <span className="mx-1">/</span>
+                              </>
+                            )}
+                            <span className="text-gray-900">
+                              {snippet.unscoped_name}
+                            </span>
+                          </h2>
+                          <div className="flex items-center gap-2">
+                            <SnippetTypeIcon
+                              type={snippet.snippet_type}
+                              className="pt-[2.5px]"
+                            />
+                            <div className="flex items-center gap-1 text-gray-600">
+                              <StarIcon className="w-4 h-4 pt-[2.5px]" />
+                              <span className="text-[16px]">
+                                {snippet.star_count || 0}
+                              </span>
+                            </div>
+                            {isCurrentUserProfile && activeTab === "all" && (
+                              <DropdownMenu>
+                                <DropdownMenuTrigger asChild>
+                                  <Button
+                                    variant="ghost"
+                                    size="icon"
+                                    className="h-[1.5rem] w-[1.5rem]"
+                                  >
+                                    <MoreVertical className="h-4 w-4" />
+                                  </Button>
+                                </DropdownMenuTrigger>
+                                <DropdownMenuContent>
+                                  <DropdownMenuItem
+                                    className="text-xs text-red-600"
+                                    onClick={(e) =>
+                                      handleDeleteClick(e, snippet)
+                                    }
+                                  >
+                                    <Trash2 className="mr-2 h-3 w-3" />
+                                    Delete Snippet
+                                  </DropdownMenuItem>
+                                </DropdownMenuContent>
+                              </DropdownMenu>
+                            )}
+                          </div>
                         </div>
-                        {snippet.is_private && (
-                          <div className="flex items-center text-gray-600">
-                            <LockClosedIcon className="w-4 h-4 mr-1" />
+                        <p
+                          className={`${!snippet.description && "h-[1.25rem]"} text-sm text-gray-500 mb-1 truncate max-w-xs`}
+                        >
+                          {snippet.description ? snippet.description : " "}
+                        </p>
+                        <div className={`flex items-center gap-4`}>
+                          {snippet.is_private ? (
+                            <div className="flex items-center text-xs gap-1 text-gray-500">
+                              <LockClosedIcon height={12} width={12} />
+                              <span>Private</span>
+                            </div>
+                          ) : (
+                            <div className="flex items-center text-xs gap-1 text-gray-500">
+                              <GlobeIcon height={12} width={12} />
+                              <span>Public</span>
+                            </div>
+                          )}
+                          <div className="flex items-center text-xs gap-1 text-gray-500">
+                            <PencilIcon height={12} width={12} />
+                            <span>
+                              {timeAgo.format(new Date(snippet.updated_at))}
+                            </span>
                           </div>
-                        )}
-                        {isCurrentUserProfile && activeTab === "all" && (
-                          <DropdownMenu>
-                            <DropdownMenuTrigger asChild>
-                              <Button
-                                variant="ghost"
-                                size="icon"
-                                className="h-8 w-8"
-                              >
-                                <MoreVertical className="h-4 w-4" />
-                              </Button>
-                            </DropdownMenuTrigger>
-                            <DropdownMenuContent>
-                              <DropdownMenuItem
-                                className="text-xs text-red-600"
-                                onClick={(e) => handleDeleteClick(e, snippet)}
-                              >
-                                <Trash2 className="mr-2 h-3 w-3" />
-                                Delete Snippet
-                              </DropdownMenuItem>
-                            </DropdownMenuContent>
-                          </DropdownMenu>
-                        )}
+                        </div>
                       </div>
                     </div>
-                    <p className="text-sm text-gray-500">
-                      Last Updated:{" "}
-                      {new Date(snippet.updated_at).toLocaleString()}
-                    </p>
                   </div>
                 </Link>
               ))}

package/src/pages/view-order.tsx

@@ -63,15 +63,17 @@ export const ViewOrderPage = () => {
                       Status
                     </dt>
                     <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                      {order.is_shipped ? "Shipped" : "Processing"}
+                      {order.is_running ? "Running" : "Finished"}
                     </dd>
                   </div>
                   <div className="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                     <dt className="text-sm font-medium text-gray-500">
-                      Is Draft
+                      Started at
                     </dt>
                     <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                      {order.is_draft ? "Yes" : "No"}
+                      {order.started_at
+                        ? new Date(order.started_at).toLocaleString()
+                        : "Not started"}
                     </dd>
                   </div>
                   <div className="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
@@ -79,23 +81,9 @@ export const ViewOrderPage = () => {
                       Pending Validation
                     </dt>
                     <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                      {order.is_pending_validation_by_fab ? "Yes" : "No"}
-                    </dd>
-                  </div>
-                  <div className="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
-                    <dt className="text-sm font-medium text-gray-500">
-                      Approved by Fab
-                    </dt>
-                    <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                      {order.is_approved_by_fab_review ? "Yes" : "No"}
-                    </dd>
-                  </div>
-                  <div className="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
-                    <dt className="text-sm font-medium text-gray-500">
-                      In Production
-                    </dt>
-                    <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                      {order.is_in_production ? "Yes" : "No"}
+                      {order.completed_at
+                        ? new Date(order.completed_at).toLocaleString()
+                        : "Not finished"}
                     </dd>
                   </div>
                 </dl>

package/bun-tests/fake-snippets-api/routes/orders/update.test.ts

@@ -1,46 +0,0 @@
-import { getTestServer } from "bun-tests/fake-snippets-api/fixtures/get-test-server"
-import { test, expect } from "bun:test"
-
-test("update order", async () => {
-  const {
-    axios,
-    seed: {
-      order: { order_id },
-    },
-  } = await getTestServer()
-
-  const response = await axios.patch("/api/orders/update", {
-    order_id,
-    updates: {
-      is_draft: false,
-      is_pending_validation_by_fab: true,
-      jlcpcb_order_params: { param1: "value1" },
-    },
-  })
-
-  expect(response.status).toBe(200)
-  expect(response.data.order).toBeDefined()
-  expect(response.data.order.order_id).toBe(order_id)
-  expect(response.data.order.is_draft).toBe(false)
-  expect(response.data.order.is_pending_validation_by_fab).toBe(true)
-  expect(response.data.order.jlcpcb_order_params).toEqual({ param1: "value1" })
-})
-
-test("update non-existent order", async () => {
-  const { axios } = await getTestServer()
-
-  try {
-    await axios.patch("/api/orders/update", {
-      order_id: "non-existent-id",
-      updates: {
-        is_draft: false,
-      },
-    })
-
-    // If the request doesn't throw an error, fail the test
-    expect(true).toBe(false)
-  } catch (error: any) {
-    expect(error.status).toBe(404)
-    expect(error.data.error.message).toBe("Order not found")
-  }
-})

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

@@ -1,50 +0,0 @@
-import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
-import { z } from "zod"
-import { orderSchema } from "fake-snippets-api/lib/db/schema"
-
-export default withRouteSpec({
-  methods: ["PATCH"],
-  auth: "session",
-  jsonBody: z.object({
-    order_id: z.string(),
-    updates: z.object({
-      is_draft: z.boolean().optional(),
-      is_pending_validation_by_fab: z.boolean().optional(),
-      is_pending_review_by_fab: z.boolean().optional(),
-      is_validated_by_fab: z.boolean().optional(),
-      is_approved_by_fab_review: z.boolean().optional(),
-      is_approved_by_orderer: z.boolean().optional(),
-      is_in_production: z.boolean().optional(),
-      is_shipped: z.boolean().optional(),
-      is_cancelled: z.boolean().optional(),
-      should_be_blank_pcb: z.boolean().optional(),
-      should_include_stencil: z.boolean().optional(),
-      jlcpcb_order_params: z.record(z.any()).optional(),
-      circuit_json: z.array(z.record(z.any())).optional(),
-    }),
-  }),
-  jsonResponse: z.object({
-    order: orderSchema,
-  }),
-})(async (req, ctx) => {
-  const { order_id, updates } = req.jsonBody
-
-  const existingOrder = ctx.db.getOrderById(order_id)
-  if (!existingOrder) {
-    return ctx.error(404, {
-      error_code: "order_not_found",
-      message: "Order not found",
-    })
-  }
-
-  ctx.db.updateOrder(order_id, {
-    ...updates,
-    updated_at: new Date().toISOString(),
-  })
-
-  const updatedOrder = ctx.db.getOrderById(order_id)!
-
-  return ctx.json({
-    order: updatedOrder,
-  })
-})