fix: update the realworld entrypoint

Author: mutoe

.env

@@ -1,2 +1,2 @@
 BASE_URL=/
-VITE_API_HOST=https://api.realworld.io
+VITE_API_HOST=https://api.realworld.show

FRONTEND_INSTRUCTIONS.md

@@ -2,7 +2,7 @@
 
 ### Using the hosted API
 
-Simply point your [API requests](https://github.com/gothinkster/realworld/tree/master/api) to `https://api.realworld.io/api` and you're good to go!
+Simply point your [API requests](https://github.com/gothinkster/realworld/tree/master/api) to `https://api.realworld.show/api` and you're good to go!
 
 ### Routing Guidelines
 

cypress/fixtures/article-comments.json

@@ -8,7 +8,7 @@
       "author": {
         "username": "Gerome",
         "bio": null,
-        "image": "https://api.realworld.io/images/demo-avatar.png",
+        "image": "https://api.realworld.show/images/demo-avatar.png",
         "following": false
       }
     },
@@ -20,7 +20,7 @@
       "author": {
         "username": "Gerome",
         "bio": null,
-        "image": "https://api.realworld.io/images/demo-avatar.png",
+        "image": "https://api.realworld.show/images/demo-avatar.png",
         "following": false
       }
     }

cypress/fixtures/article.json

@@ -10,7 +10,7 @@
     "author": {
       "username": "plumrx",
       "bio": null,
-      "image": "https://api.realworld.io/images/demo-avatar.png",
+      "image": "https://api.realworld.show/images/demo-avatar.png",
       "following": false
     },
     "favorited": true,

package.json

@@ -16,7 +16,7 @@
     "test:e2e:local": "cypress open --e2e -c baseUrl=http://localhost:5173",
     "test:e2e:prod": "cypress run --e2e -c baseUrl=https://vue3-realworld-example-app-mutoe.vercel.app",
     "test:unit": "vitest run",
-    "generate:api": "curl -sL https://raw.githubusercontent.com/gothinkster/realworld/main/api/openapi.yml -o ./src/services/openapi.yml && sta -p ./src/services/openapi.yml -o ./src/services -n api.ts"
+    "generate:api": "curl -sL https://raw.githubusercontent.com/gothinkster/realworld/refs/heads/main/api/openapi.yml -o ./src/services/openapi.yml && sta generate -p ./src/services/openapi.yml -o ./src/services -n api.ts"
   },
   "dependencies": {
     "insane": "^2.6.2",
@@ -42,7 +42,7 @@
     "msw": "^2.11.3",
     "rollup-plugin-analyzer": "^4.0.0",
     "simple-git-hooks": "^2.13.1",
-    "swagger-typescript-api": "^13.0.16",
+    "swagger-typescript-api": "^13.2.13",
     "typescript": "~5.9.2",
     "vite": "^7.1.7",
     "vitest": "^3.2.4",

pnpm-lock.yaml

@@ -1,5 +1,6 @@
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /*
  * ---------------------------------------------------------------
  * ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API        ##
@@ -115,16 +116,22 @@ export interface FullRequestParams extends Omit<RequestInit, "body"> {
   cancelToken?: CancelToken;
 }
 
-export type RequestParams = Omit<FullRequestParams, "body" | "method" | "query" | "path">;
+export type RequestParams = Omit<
+  FullRequestParams,
+  "body" | "method" | "query" | "path"
+>;
 
 export interface ApiConfig<SecurityDataType = unknown> {
   baseUrl?: string;
   baseApiParams?: Omit<RequestParams, "baseUrl" | "cancelToken" | "signal">;
-  securityWorker?: (securityData: SecurityDataType | null) => Promise<RequestParams | void> | RequestParams | void;
+  securityWorker?: (
+    securityData: SecurityDataType | null,
+  ) => Promise<RequestParams | void> | RequestParams | void;
   customFetch?: typeof fetch;
 }
 
-export interface HttpResponse<D extends unknown, E extends unknown = unknown> extends Response {
+export interface HttpResponse<D extends unknown, E extends unknown = unknown>
+  extends Response {
   data: D;
   error: E;
 }
@@ -133,17 +140,19 @@ type CancelToken = Symbol | string | number;
 
 export enum ContentType {
   Json = "application/json",
+  JsonApi = "application/vnd.api+json",
   FormData = "multipart/form-data",
   UrlEncoded = "application/x-www-form-urlencoded",
   Text = "text/plain",
 }
 
 export class HttpClient<SecurityDataType = unknown> {
-  public baseUrl: string = "https://api.realworld.io/api";
+  public baseUrl: string = "https://api.realworld.show/api";
   private securityData: SecurityDataType | null = null;
   private securityWorker?: ApiConfig<SecurityDataType>["securityWorker"];
   private abortControllers = new Map<CancelToken, AbortController>();
-  private customFetch = (...fetchParams: Parameters<typeof fetch>) => fetch(...fetchParams);
+  private customFetch = (...fetchParams: Parameters<typeof fetch>) =>
+    fetch(...fetchParams);
 
   private baseApiParams: RequestParams = {
     credentials: "same-origin",
@@ -176,9 +185,15 @@ export class HttpClient<SecurityDataType = unknown> {
 
   protected toQueryString(rawQuery?: QueryParamsType): string {
     const query = rawQuery || {};
-    const keys = Object.keys(query).filter((key) => "undefined" !== typeof query[key]);
+    const keys = Object.keys(query).filter(
+      (key) => "undefined" !== typeof query[key],
+    );
     return keys
-      .map((key) => (Array.isArray(query[key]) ? this.addArrayQueryParam(query, key) : this.addQueryParam(query, key)))
+      .map((key) =>
+        Array.isArray(query[key])
+          ? this.addArrayQueryParam(query, key)
+          : this.addQueryParam(query, key),
+      )
       .join("&");
   }
 
@@ -189,10 +204,23 @@ export class HttpClient<SecurityDataType = unknown> {
 
   private contentFormatters: Record<ContentType, (input: any) => any> = {
     [ContentType.Json]: (input: any) =>
-      input !== null && (typeof input === "object" || typeof input === "string") ? JSON.stringify(input) : input,
-    [ContentType.Text]: (input: any) => (input !== null && typeof input !== "string" ? JSON.stringify(input) : input),
-    [ContentType.FormData]: (input: any) =>
-      Object.keys(input || {}).reduce((formData, key) => {
+      input !== null && (typeof input === "object" || typeof input === "string")
+        ? JSON.stringify(input)
+        : input,
+    [ContentType.JsonApi]: (input: any) =>
+      input !== null && (typeof input === "object" || typeof input === "string")
+        ? JSON.stringify(input)
+        : input,
+    [ContentType.Text]: (input: any) =>
+      input !== null && typeof input !== "string"
+        ? JSON.stringify(input)
+        : input,
+    [ContentType.FormData]: (input: any) => {
+      if (input instanceof FormData) {
+        return input;
+      }
+
+      return Object.keys(input || {}).reduce((formData, key) => {
         const property = input[key];
         formData.append(
           key,
@@ -203,11 +231,15 @@ export class HttpClient<SecurityDataType = unknown> {
               : `${property}`,
         );
         return formData;
-      }, new FormData()),
+      }, new FormData());
+    },
     [ContentType.UrlEncoded]: (input: any) => this.toQueryString(input),
   };
 
-  protected mergeRequestParams(params1: RequestParams, params2?: RequestParams): RequestParams {
+  protected mergeRequestParams(
+    params1: RequestParams,
+    params2?: RequestParams,
+  ): RequestParams {
     return {
       ...this.baseApiParams,
       ...params1,
@@ -220,7 +252,9 @@ export class HttpClient<SecurityDataType = unknown> {
     };
   }
 
-  protected createAbortSignal = (cancelToken: CancelToken): AbortSignal | undefined => {
+  protected createAbortSignal = (
+    cancelToken: CancelToken,
+  ): AbortSignal | undefined => {
     if (this.abortControllers.has(cancelToken)) {
       const abortController = this.abortControllers.get(cancelToken);
       if (abortController) {
@@ -264,22 +298,34 @@ export class HttpClient<SecurityDataType = unknown> {
     const payloadFormatter = this.contentFormatters[type || ContentType.Json];
     const responseFormat = format || requestParams.format;
 
-    return this.customFetch(`${baseUrl || this.baseUrl || ""}${path}${queryString ? `?${queryString}` : ""}`, {
-      ...requestParams,
-      headers: {
-        ...(requestParams.headers || {}),
-        ...(type && type !== ContentType.FormData ? { "Content-Type": type } : {}),
+    return this.customFetch(
+      `${baseUrl || this.baseUrl || ""}${path}${queryString ? `?${queryString}` : ""}`,
+      {
+        ...requestParams,
+        headers: {
+          ...(requestParams.headers || {}),
+          ...(type && type !== ContentType.FormData
+            ? { "Content-Type": type }
+            : {}),
+        },
+        signal:
+          (cancelToken
+            ? this.createAbortSignal(cancelToken)
+            : requestParams.signal) || null,
+        body:
+          typeof body === "undefined" || body === null
+            ? null
+            : payloadFormatter(body),
       },
-      signal: (cancelToken ? this.createAbortSignal(cancelToken) : requestParams.signal) || null,
-      body: typeof body === "undefined" || body === null ? null : payloadFormatter(body),
-    }).then(async (response) => {
-      const r = response.clone() as HttpResponse<T, E>;
+    ).then(async (response) => {
+      const r = response as HttpResponse<T, E>;
       r.data = null as unknown as T;
       r.error = null as unknown as E;
 
+      const responseToParse = responseFormat ? response.clone() : response;
       const data = !responseFormat
         ? r
-        : await response[responseFormat]()
+        : await responseToParse[responseFormat]()
             .then((data) => {
               if (r.ok) {
                 r.data = data;
@@ -307,12 +353,14 @@ export class HttpClient<SecurityDataType = unknown> {
  * @title RealWorld Conduit API
  * @version 1.0.0
  * @license MIT License (https://opensource.org/licenses/MIT)
- * @baseUrl https://api.realworld.io/api
- * @contact RealWorld (https://www.realworld.how)
+ * @baseUrl https://api.realworld.show/api
+ * @contact RealWorld (https://realworld-docs.netlify.app/)
  *
  * Conduit API documentation
  */
-export class Api<SecurityDataType extends unknown> extends HttpClient<SecurityDataType> {
+export class Api<
+  SecurityDataType extends unknown,
+> extends HttpClient<SecurityDataType> {
   users = {
     /**
      * @description Login for existing user
@@ -509,7 +557,19 @@ export class Api<SecurityDataType extends unknown> extends HttpClient<SecurityDa
     ) =>
       this.request<
         {
-          articles: Article[];
+          articles: {
+            slug: string;
+            title: string;
+            description: string;
+            tagList: string[];
+            /** @format date-time */
+            createdAt: string;
+            /** @format date-time */
+            updatedAt: string;
+            favorited: boolean;
+            favoritesCount: number;
+            author: Profile;
+          }[];
           articlesCount: number;
         },
         GenericErrorModel
@@ -553,7 +613,19 @@ export class Api<SecurityDataType extends unknown> extends HttpClient<SecurityDa
     ) =>
       this.request<
         {
-          articles: Article[];
+          articles: {
+            slug: string;
+            title: string;
+            description: string;
+            tagList: string[];
+            /** @format date-time */
+            createdAt: string;
+            /** @format date-time */
+            updatedAt: string;
+            favorited: boolean;
+            favoritesCount: number;
+            author: Profile;
+          }[];
           articlesCount: number;
         },
         GenericErrorModel
@@ -716,7 +788,11 @@ export class Api<SecurityDataType extends unknown> extends HttpClient<SecurityDa
      * @request DELETE:/articles/{slug}/comments/{id}
      * @secure
      */
-    deleteArticleComment: (slug: string, id: number, params: RequestParams = {}) =>
+    deleteArticleComment: (
+      slug: string,
+      id: number,
+      params: RequestParams = {},
+    ) =>
       this.request<any, GenericErrorModel>({
         path: `/articles/${slug}/comments/${id}`,
         method: "DELETE",