feat(rest): add rest data provider

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npm run lint:staged
+pnpm run lint:staged

.syncpackrc

@@ -24,11 +24,22 @@
     {
       "dependencies": ["nock"],
       "dependencyTypes": ["dev"],
-      "packages": ["@refinedev/appwrite", "@refinedev/graphql"],
+      "packages": [
+        "@refinedev/appwrite",
+        "@refinedev/graphql",
+        "@refinedev/rest",
+        "@refinedev/nestjsx-crud"
+      ],
       "isIgnored": true
     },
     {
-      "dependencies": ["next", "react", "react-dom", "@types/react", "@types/react-dom"],
+      "dependencies": [
+        "next",
+        "react",
+        "react-dom",
+        "@types/react",
+        "@types/react-dom"
+      ],
       "packages": ["with-nextjs-headless"],
       "isIgnored": true
     }

cypress/e2e/data-provider-strapi-v4/all.cy.ts

@@ -158,7 +158,7 @@ describe("data-provider-strapi-v4", () => {
         cy.wait("@strapiV4GetPosts").then(({ request }) => {
           const query = request.query;
           console.log(query);
-          expect(query?.["filters["]).to.deep.equal({
+          expect(query?.filters).to.deep.equal({
             category: {
               id: {
                 $in: ["1"],

examples/data-provider-strapi-v4/package.json

@@ -27,10 +27,12 @@
     "@refinedev/cli": "^2.16.48",
     "@refinedev/core": "^5.0.1",
     "@refinedev/react-router": "^2.0.0",
+    "@refinedev/rest": "^1.0.0",
     "@refinedev/strapi-v4": "^7.0.0",
     "@uiw/react-md-editor": "^4.0.8",
     "antd": "^5.23.0",
     "axios": "^1.11.0",
+    "ky": "^1.10.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router": "^7.0.2"

examples/data-provider-strapi-v4/src/App.tsx

@@ -1,24 +1,17 @@
-import {
-  GitHubBanner,
-  Refine,
-  type AuthProvider,
-  Authenticated,
-} from "@refinedev/core";
+import { GitHubBanner, Refine, Authenticated } from "@refinedev/core";
 import {
   useNotificationProvider,
   ThemedLayout,
   ErrorComponent,
   AuthPage,
   RefineThemes,
 } from "@refinedev/antd";
-import { DataProvider, AuthHelper } from "@refinedev/strapi-v4";
 import routerProvider, {
   CatchAllNavigate,
   NavigateToResource,
   UnsavedChangesNotifier,
   DocumentTitleHandler,
 } from "@refinedev/react-router";
-import axios from "axios";
 import { BrowserRouter, Routes, Route, Outlet } from "react-router";
 
 import "@ant-design/v5-patch-for-react-19";
@@ -32,113 +25,19 @@ import {
   CategoryEdit,
 } from "../src/pages/categories";
 
-import { TOKEN_KEY, API_URL } from "./constants";
 import { ConfigProvider, App as AntdApp } from "antd";
+import { authProvider } from "./providers/auth";
+import { dataProvider } from "./providers/data";
 
 const App: React.FC = () => {
-  const axiosInstance = axios.create();
-  const strapiAuthHelper = AuthHelper(`${API_URL}/api`);
-
-  const authProvider: AuthProvider = {
-    login: async ({ email, password }) => {
-      try {
-        const { data, status } = await strapiAuthHelper.login(email, password);
-        if (status === 200) {
-          localStorage.setItem(TOKEN_KEY, data.jwt);
-
-          // set header axios instance
-          axiosInstance.defaults.headers.common["Authorization"] =
-            `Bearer ${data.jwt}`;
-
-          return {
-            success: true,
-            redirectTo: "/",
-          };
-        }
-      } catch (error: any) {
-        const errorObj = error?.response?.data?.message?.[0]?.messages?.[0];
-        return {
-          success: false,
-          error: {
-            message: errorObj?.message || "Login failed",
-            name: errorObj?.id || "Invalid email or password",
-          },
-        };
-      }
-
-      return {
-        success: false,
-        error: {
-          message: "Login failed",
-          name: "Invalid email or password",
-        },
-      };
-    },
-    logout: async () => {
-      localStorage.removeItem(TOKEN_KEY);
-      return {
-        success: true,
-        redirectTo: "/login",
-      };
-    },
-    onError: async (error) => {
-      if (error.response?.status === 401) {
-        return {
-          logout: true,
-        };
-      }
-
-      return { error };
-    },
-    check: async () => {
-      const token = localStorage.getItem(TOKEN_KEY);
-      if (token) {
-        axiosInstance.defaults.headers.common["Authorization"] =
-          `Bearer ${token}`;
-        return {
-          authenticated: true,
-        };
-      }
-
-      return {
-        authenticated: false,
-        error: {
-          message: "Authentication failed",
-          name: "Token not found",
-        },
-        logout: true,
-        redirectTo: "/login",
-      };
-    },
-    getPermissions: async () => null,
-    getIdentity: async () => {
-      const token = localStorage.getItem(TOKEN_KEY);
-      if (!token) {
-        return null;
-      }
-
-      const { data, status } = await strapiAuthHelper.me(token);
-      if (status === 200) {
-        const { id, username, email } = data;
-        return {
-          id,
-          username,
-          email,
-        };
-      }
-
-      return null;
-    },
-  };
-
   return (
     <BrowserRouter>
       <GitHubBanner />
       <ConfigProvider theme={RefineThemes.Blue}>
         <AntdApp>
           <Refine
             authProvider={authProvider}
-            dataProvider={DataProvider(`${API_URL}/api`, axiosInstance)}
+            dataProvider={dataProvider}
             routerProvider={routerProvider}
             resources={[
               {

examples/data-provider-strapi-v4/src/providers/auth.ts

@@ -0,0 +1,91 @@
+import type { AuthProvider } from "@refinedev/core";
+import { AuthHelper } from "@refinedev/strapi-v4";
+import { API_URL, TOKEN_KEY } from "../constants";
+
+const strapiAuthHelper = AuthHelper(`${API_URL}/api`);
+
+export const authProvider: AuthProvider = {
+  login: async ({ email, password }) => {
+    try {
+      const { data, status } = await strapiAuthHelper.login(email, password);
+      if (status === 200) {
+        localStorage.setItem(TOKEN_KEY, data.jwt);
+
+        return {
+          success: true,
+          redirectTo: "/",
+        };
+      }
+    } catch (error: any) {
+      const errorObj = error?.response?.data?.message?.[0]?.messages?.[0];
+      return {
+        success: false,
+        error: {
+          message: errorObj?.message || "Login failed",
+          name: errorObj?.id || "Invalid email or password",
+        },
+      };
+    }
+
+    return {
+      success: false,
+      error: {
+        message: "Login failed",
+        name: "Invalid email or password",
+      },
+    };
+  },
+  logout: async () => {
+    localStorage.removeItem(TOKEN_KEY);
+    return {
+      success: true,
+      redirectTo: "/login",
+    };
+  },
+  onError: async (error) => {
+    if (error.response?.status === 401) {
+      return {
+        logout: true,
+      };
+    }
+
+    return { error };
+  },
+  check: async () => {
+    const token = localStorage.getItem(TOKEN_KEY);
+    if (token) {
+      return {
+        authenticated: true,
+      };
+    }
+
+    return {
+      authenticated: false,
+      error: {
+        message: "Authentication failed",
+        name: "Token not found",
+      },
+      logout: true,
+      redirectTo: "/login",
+    };
+  },
+  getPermissions: async () => null,
+  getIdentity: async () => {
+    const token = localStorage.getItem(TOKEN_KEY);
+    if (!token) {
+      return null;
+    }
+
+    const { data, status } = await strapiAuthHelper.me(token);
+    if (status === 200) {
+      const { id, username, email } = data;
+      return {
+        id,
+        username,
+        email,
+      };
+    }
+
+    return null;
+  },
+};

examples/data-provider-strapi-v4/src/providers/data.ts

@@ -0,0 +1,16 @@
+import {
+  authHeaderMiddleware,
+  createDataProvider,
+  strapiV4DataProviderOptions,
+} from "@refinedev/rest";
+import { API_URL, TOKEN_KEY } from "../constants";
+
+export const dataProvider = createDataProvider(
+  `${API_URL}/api`,
+  strapiV4DataProviderOptions,
+  {
+    hooks: {
+      beforeRequest: [authHeaderMiddleware({ ACCESS_TOKEN_KEY: TOKEN_KEY })],
+    },
+  },
+);

examples/refine-hr-ce/package.json

@@ -37,8 +37,10 @@
     "@refinedev/nestjsx-crud": "^6.0.0",
     "@refinedev/react-hook-form": "^5.0.0",
     "@refinedev/react-router": "^2.0.0",
+    "@refinedev/rest": "^1.0.0",
     "@tanstack/react-query": "^5.81.5",
     "dayjs": "^1.10.7",
+    "ky": "^1.10.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.57.0",

examples/refine-hr-ce/src/App.tsx

@@ -5,7 +5,6 @@ import {
   Refine,
 } from "@refinedev/core";
 import { DevtoolsProvider, DevtoolsPanel } from "@refinedev/devtools";
-import dataProvider from "@refinedev/nestjsx-crud";
 import routerProvider, {
   UnsavedChangesNotifier,
   DocumentTitleHandler,
@@ -27,9 +26,7 @@ import { authProvider } from "@/providers/auth-provider";
 import { accessControlProvider } from "@/providers/access-control";
 import { useNotificationProvider } from "@/providers/notification-provider";
 import { queryClient } from "@/providers/query-client";
-
-import { BASE_URL } from "@/utilities/constants";
-import { axiosInstance } from "@/utilities/axios";
+import { dataProvider } from "@/providers/data";
 
 import { RequestsIcon, TimeOffIcon } from "@/icons";
 
@@ -43,9 +40,10 @@ const App: React.FC = () => {
       <ThemeProvider>
         <DevtoolsProvider>
           <Refine
+            accessControlProvider={accessControlProvider}
             authProvider={authProvider}
             routerProvider={routerProvider}
-            dataProvider={dataProvider(BASE_URL, axiosInstance)}
+            dataProvider={dataProvider}
             notificationProvider={useNotificationProvider}
             resources={[
               {
@@ -85,7 +83,6 @@ const App: React.FC = () => {
                 },
               },
             ]}
-            accessControlProvider={accessControlProvider}
             options={{
               reactQuery: {
                 clientConfig: queryClient,