chore: Update fixtures date (#4138)

## Description

1. What is this PR about (link the issue and add a short description)

## Steps for reproduction

1. click button
2. expect xyz

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file

Author: istarkov

.github/workflows/fixtures-test.yml

@@ -54,8 +54,9 @@ jobs:
         # This command will fail if there are uncommitted changes, i.e something has broken
         run: git diff --name-only HEAD --exit-code
 
-      - name: Show changed files
+      - name: Show changed files and diff
         if: ${{ failure() }}
         run: |
           echo "Changed files are:"
           git diff --name-only HEAD
+          git diff HEAD | head -n 1000

apps/builder/app/routes/rest.assets.tsx

@@ -12,6 +12,7 @@ import { createContext } from "~/shared/context.server";
 import env from "~/env/env.server";
 import { preventCrossOriginCookie } from "~/services/no-cross-origin-cookie";
 import { checkCsrf } from "~/services/csrf-session.server";
+import { parseError } from "~/shared/error/error-parse";
 
 export const loader = async ({
   params,
@@ -55,11 +56,10 @@ export const action = async (props: ActionFunctionArgs) => {
       };
     }
   } catch (error) {
-    if (error instanceof Error) {
-      console.error({ error });
-      return {
-        errors: error.message,
-      };
-    }
+    console.error(error);
+
+    return {
+      errors: parseError(error).message,
+    };
   }
 };

apps/builder/app/routes/rest.assets_.$name.tsx

@@ -7,6 +7,7 @@ import { createAssetClient } from "~/shared/asset-client";
 import { createContext } from "~/shared/context.server";
 import { preventCrossOriginCookie } from "~/services/no-cross-origin-cookie";
 import { checkCsrf } from "~/services/csrf-session.server";
+import { parseError } from "~/shared/error/error-parse";
 
 const UrlBody = z.object({
   url: z.string(),
@@ -68,11 +69,10 @@ export const action = async (
       };
     }
   } catch (error) {
-    if (error instanceof Error) {
-      console.error({ error });
-      return {
-        errors: error.message,
-      };
-    }
+    console.error(error);
+
+    return {
+      errors: parseError(error).message,
+    };
   }
 };

apps/builder/app/routes/rest.build.$buildId.tsx

@@ -1,4 +1,8 @@
-import { json, type LoaderFunctionArgs } from "@remix-run/server-runtime";
+import {
+  json,
+  type LoaderFunctionArgs,
+  type TypedResponse,
+} from "@remix-run/server-runtime";
 import type { Data } from "@webstudio-is/http-client";
 import { db as projectDb } from "@webstudio-is/project/index.server";
 import { loadProductionCanvasData } from "~/shared/db";
@@ -7,15 +11,17 @@ import { getUserById, type User } from "~/shared/db/user.server";
 import { preventCrossOriginCookie } from "~/services/no-cross-origin-cookie";
 import { allowedDestinations } from "~/services/destinations.server";
 import { isDashboard } from "~/shared/router-utils";
+import { parseError } from "~/shared/error/error-parse";
 
 export const loader = async ({
   params,
   request,
 }: LoaderFunctionArgs): Promise<
-  Data & { user: { email: User["email"] } | undefined } & {
-    projectDomain: string;
-    projectTitle: string;
-  }
+  | (Data & { user: { email: User["email"] } | undefined } & {
+      projectDomain: string;
+      projectTitle: string;
+    })
+  | TypedResponse<{ error: string; message: string }>
 > => {
   if (false === isDashboard(request)) {
     throw new Response("Not Found", {
@@ -63,10 +69,10 @@ export const loader = async ({
       throw error;
     }
 
-    console.error({ error });
+    console.error(error);
 
     // We have no idea what happened, so we'll return a 500 error.
-    throw json(error instanceof Error ? error.message : String(error), {
+    throw json(parseError(error), {
       status: 500,
     });
   }

apps/builder/app/routes/rest.buildId.$projectId.tsx

@@ -1,16 +1,23 @@
-import { json, type LoaderFunctionArgs } from "@remix-run/server-runtime";
+import {
+  json,
+  type LoaderFunctionArgs,
+  type TypedResponse,
+} from "@remix-run/server-runtime";
 import { db as projectDb } from "@webstudio-is/project/index.server";
 import { allowedDestinations } from "~/services/destinations.server";
 import { preventCrossOriginCookie } from "~/services/no-cross-origin-cookie";
 import { createContext } from "~/shared/context.server";
+import { parseError } from "~/shared/error/error-parse";
 import { isDashboard } from "~/shared/router-utils";
 
 // This loader is only accessible from the dashboard origin
 // and is used exclusively for the CLI.
 export const loader = async ({
   params,
   request,
-}: LoaderFunctionArgs): Promise<{ buildId: string | null }> => {
+}: LoaderFunctionArgs): Promise<
+  { buildId: string | null } | TypedResponse<{ error: string; message: string }>
+> => {
   if (false === isDashboard(request)) {
     throw new Response("Not Found", {
       status: 404,
@@ -46,10 +53,9 @@ export const loader = async ({
       throw error;
     }
 
-    console.error({ error });
+    console.error(error);
 
-    // We have no idea what happened, so we'll return a 500 error.
-    throw json(error instanceof Error ? error.message : String(error), {
+    throw json(parseError(error), {
       status: 500,
     });
   }

apps/builder/app/shared/error/error-boundary.tsx

@@ -1,75 +1,17 @@
-import { isRouteErrorResponse, useRouteError } from "@remix-run/react";
+import { useRouteError } from "@remix-run/react";
 import { ClientOnly } from "../client-only";
 import { lazy } from "react";
-import { z } from "zod";
+import { parseError } from "./error-parse";
 
 const ErrorMessage = lazy(async () => {
   const { ErrorMessage } = await import("./error-message.client");
   return { default: ErrorMessage };
 });
 
-const PageError = z.union([
-  z.string().transform((message) => ({ message, description: undefined })),
-  z.object({
-    message: z.string(),
-    description: z.string().optional(),
-  }),
-]);
-
-const parseErrorObject = (
-  error: unknown
-): {
-  status: number;
-  statusText?: string;
-  message: string;
-  description?: string;
-} => {
-  if (error instanceof Error) {
-    return {
-      message: error.message,
-      status: 500,
-    };
-  }
-
-  if (isRouteErrorResponse(error)) {
-    const parsed = PageError.safeParse(error.data);
-
-    if (parsed.success) {
-      return {
-        message: parsed.data.message,
-        description: parsed.data.description,
-        status: error.status,
-        statusText: error.statusText,
-      };
-    }
-
-    return {
-      message: error.data ? JSON.stringify(error.data) : "unknown error",
-      status: error.status,
-      statusText: error.statusText,
-    };
-  }
-
-  const parsed = PageError.safeParse(error);
-  if (parsed.success) {
-    return {
-      message: parsed.data.message,
-      description: parsed.data.description,
-      status: 1001,
-    };
-  }
-
-  return {
-    message: JSON.stringify(error ?? "unknown error"),
-    status: 1001,
-    statusText: undefined,
-  };
-};
-
 export const ErrorBoundary = () => {
   const rawError = useRouteError();
 
-  const error = parseErrorObject(rawError);
+  const error = parseError(rawError);
 
   return (
     <ClientOnly>

apps/builder/app/shared/error/error-parse.ts

@@ -0,0 +1,73 @@
+import { isRouteErrorResponse } from "@remix-run/react";
+import { z } from "zod";
+
+// Currently, we have multiple error formats, and not all of them are covered here.
+// We should consolidate these formats into a single, unified format for consistency.
+const PageError = z.union([
+  z.string().transform((message) => ({ message, description: undefined })),
+  z
+    .object({
+      message: z.string(),
+      details: z.string(),
+      hint: z.string().nullable(),
+      code: z.string(),
+    })
+    .transform(({ message, details, hint, code }) => ({
+      message,
+      description: `details: ${details}; hint: ${hint}; code: ${code}`,
+    })),
+  z.object({
+    message: z.string(),
+    description: z.string().optional(),
+  }),
+]);
+
+export const parseError = (
+  error: unknown
+): {
+  status: number;
+  statusText?: string;
+  message: string;
+  description?: string;
+} => {
+  if (error instanceof Error) {
+    return {
+      message: error.message,
+      status: 500,
+    };
+  }
+
+  if (isRouteErrorResponse(error)) {
+    const parsed = PageError.safeParse(error.data);
+
+    if (parsed.success) {
+      return {
+        message: parsed.data.message,
+        description: parsed.data.description,
+        status: error.status,
+        statusText: error.statusText,
+      };
+    }
+
+    return {
+      message: error.data ? JSON.stringify(error.data) : "unknown error",
+      status: error.status,
+      statusText: error.statusText,
+    };
+  }
+
+  const parsed = PageError.safeParse(error);
+  if (parsed.success) {
+    return {
+      message: parsed.data.message,
+      description: parsed.data.description,
+      status: 1001,
+    };
+  }
+
+  return {
+    message: JSON.stringify(error ?? "unknown error"),
+    status: 1001,
+    statusText: undefined,
+  };
+};

fixtures/ssg-netlify-by-project-id/.webstudio/data.json

@@ -3,7 +3,7 @@
     "id": "1e6d93b8-3faa-4155-8628-dd31cafaf00e",
     "projectId": "8a7358b1-7de3-459d-b7b1-56dddfb6ce1e",
     "version": 2,
-    "createdAt": "2024-09-03T04:32:12.506",
+    "createdAt": "2024-09-03T04:32:12.506+00:00",
     "updatedAt": "2024-09-03T04:32:12.506+00:00",
     "pages": {
       "meta": {},

fixtures/ssg/.webstudio/data.json

@@ -3,7 +3,7 @@
     "id": "a2e8de30-03d5-4514-a3a6-406b3266a3af",
     "projectId": "d845c167-ea07-4875-b08d-83e97c09dcce",
     "version": 38,
-    "createdAt": "2024-07-29T12:50:07.515",
+    "createdAt": "2024-07-29T12:50:07.515+00:00",
     "updatedAt": "2024-07-29T12:50:07.515+00:00",
     "pages": {
       "meta": {
@@ -468,7 +468,7 @@
       "size": 999,
       "type": "image",
       "format": "svg",
-      "createdAt": "2024-07-26T13:39:48.678",
+      "createdAt": "2024-07-26T13:39:48.678+00:00",
       "meta": {
         "width": 14,
         "height": 16

fixtures/webstudio-cloudflare-template/.webstudio/data.json

@@ -3,7 +3,7 @@
     "id": "a2e8de30-03d5-4514-a3a6-406b3266a3af",
     "projectId": "d845c167-ea07-4875-b08d-83e97c09dcce",
     "version": 38,
-    "createdAt": "2024-07-29T12:50:07.515",
+    "createdAt": "2024-07-29T12:50:07.515+00:00",
     "updatedAt": "2024-07-29T12:50:07.515+00:00",
     "pages": {
       "meta": {
@@ -468,7 +468,7 @@
       "size": 999,
       "type": "image",
       "format": "svg",
-      "createdAt": "2024-07-26T13:39:48.678",
+      "createdAt": "2024-07-26T13:39:48.678+00:00",
       "meta": {
         "width": 14,
         "height": 16