Merge branch 'main' into fix/chakra-ui/meta-in-show-button

Author: alicanerdurmaz

.cursorignore

@@ -7,7 +7,6 @@ documentation/.docusaurus/
 documentation/build/
 documentation/node_modules/
 documentation/plugins/
-documentation/src/
 documentation/static/
 documentation/test/
 documentation/versioned_docs/

.github/workflows/build-examples.yml

@@ -6,6 +6,7 @@ on:
       - "packages/**"
       - "examples/**"
       - "cypress/e2e/**"
+      - ".github/workflows/scripts/**"
     types:
       - labeled
       - synchronize

.github/workflows/documentation.yml

@@ -37,7 +37,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
         with:
-          fetch-depth: 0
+          fetch-depth: ${{ github.ref == 'refs/heads/main' && 500 || 1 }}
       - uses: pnpm/action-setup@v3
         with:
           version: 9

.github/workflows/refine-registry-release.yml

@@ -14,11 +14,14 @@ on:
     branches:
       - next
 
+concurrency:
+  group: next-refine-registry-release
+  cancel-in-progress: false
+
 jobs:
   publish:
     runs-on: ubuntu-latest
 
-
     strategy:
       matrix:
         node-version: [18.x]

.github/workflows/scripts/e2e-examples.js

@@ -49,11 +49,7 @@ const getProjectInfo = (path) => {
 
   const command = `pnpm start --scope ${projectName}`;
 
-  let port;
-
-  if (allDependencies.includes("vite")) {
-    port = 4173;
-  }
+  let port = 4173;
 
   if (
     allDependencies.includes("next") ||
@@ -101,18 +97,18 @@ const waitOnFor = async (resource) => {
 
     return resource;
   } catch (error) {
-    if (error) console.log(error);
+    if (error) console.log(JSON.stringify(error, null, 2));
 
     return false;
   }
 };
 
 const waitForServer = async (port) => {
   // biome-ignore lint/suspicious/noAsyncPromiseExecutor: We have a valid use-case here.
-  return new Promise(async (resolve) => {
+  return new Promise(async (resolve, reject) => {
     setTimeout(() => {
       resolve(false);
-    }, 120000);
+    }, 720_000);
 
     try {
       const resolvedResource = await Promise.any([
@@ -123,19 +119,19 @@ const waitForServer = async (port) => {
 
       resolve(resolvedResource);
     } catch (error) {
-      if (error) console.log(error);
+      if (error) console.log(JSON.stringify(error, null, 2));
 
-      resolve(false);
+      reject(error);
     }
   });
 };
 
 const waitForClose = (resource) => {
   // biome-ignore lint/suspicious/noAsyncPromiseExecutor: We have a valid use-case here.
-  return new Promise(async (resolve) => {
+  return new Promise(async (resolve, reject) => {
     setTimeout(() => {
       resolve(false);
-    }, 120000);
+    }, 720_000);
 
     try {
       await waitOn({
@@ -146,9 +142,9 @@ const waitForClose = (resource) => {
 
       resolve(resource);
     } catch (error) {
-      if (error) console.log(error);
+      if (error) console.log(JSON.stringify(error, null, 2));
 
-      resolve(false);
+      reject(error);
     }
   });
 };
@@ -207,7 +203,7 @@ const runTests = async () => {
       }
     } catch (error) {
       prettyLog("red", "Error occured on waiting for the server to start");
-      if (error) console.log(error);
+      if (error) console.log(JSON.stringify(error, null, 2));
 
       failed = true;
     }
@@ -232,7 +228,7 @@ const runTests = async () => {
       }
     } catch (error) {
       prettyLog("red", `Error occured on tests for ${path}`);
-      if (error) console.log(error);
+      if (error) console.log(JSON.stringify(error, null, 2));
 
       failed = true;
     } finally {
@@ -256,7 +252,7 @@ const runTests = async () => {
         }
       } catch (error) {
         prettyLog("red", "Error occured on killing the dev server");
-        if (error) console.log(error);
+        if (error) console.log(JSON.stringify(error, null, 2));
         failed = true;
       }
     }
@@ -286,7 +282,7 @@ runTests()
       process.exit(0);
     } else {
       prettyLog("red", "Tests Failed or an Error Occured");
-      if (error) console.log(error);
+      if (error) console.log(JSON.stringify(error, null, 2));
 
       if (failedExamples)
         prettyLog(
@@ -302,7 +298,7 @@ runTests()
   })
   .catch((error) => {
     prettyLog("red", "Tests Failed or an Error Occured");
-    if (error) console.log(error);
+    if (error) console.log(JSON.stringify(error, null, 2));
     process.exitCode = 1;
     process.exit(1);
   });

CHANGELOG.md

@@ -9,7 +9,7 @@ Features
 - #### Added swizzle support for `@pankod/refine-core` package
 
   - The swizzle is a command in refine-cli that allows you to customize the Refine's supported components and data providers. It allows you to eject selected files from the Refine packages and modify depending on your needs.
-  - [Refer to Swizzle Docs for more information](https://refine.dev/docs/packages/documentation/cli/#swizzle)
+  - [Refer to Swizzle Docs for more information](https://refine.dev/docs/packages/cli/#swizzle)
 
   Swizzleable components:
 

documentation/docs/ui-integrations/ant-design/components/basic-views/show/index.md

@@ -359,6 +359,121 @@ render(
 
 [Refer to the `usePermissions` documentation for detailed usage. &#8594](/docs/api-reference/core/hooks/authentication/usePermissions/)
 
+### deleteButtonProps
+
+If the resource has the `canDelete` property and you want to customize this button, you can use the `deleteButtonProps` property like the code below.
+
+```tsx live disableScroll previewHeight=280px url=http://localhost:3000/posts/show/123
+setInitialRoutes(["/posts/show/123"]);
+const { ShowButton, Edit } = RefineAntd;
+
+const { default: simpleRest } = RefineSimpleRest;
+
+const dataProvider = simpleRest("https://api.fake-rest.refine.dev");
+
+const customDataProvider = {
+  ...dataProvider,
+  deleteOne: async ({ resource, id, variables }) => {
+    return {
+      data: {},
+    };
+  },
+};
+
+const authProvider = {
+  login: async () => {
+    return {
+      success: true,
+      redirectTo: "/",
+    };
+  },
+  register: async () => {
+    return {
+      success: true,
+    };
+  },
+  forgotPassword: async () => {
+    return {
+      success: true,
+    };
+  },
+  updatePassword: async () => {
+    return {
+      success: true,
+    };
+  },
+  logout: async () => {
+    return {
+      success: true,
+      redirectTo: "/",
+    };
+  },
+  check: () => ({
+    authenticated: true,
+  }),
+  onError: async (error) => {
+    console.error(error);
+    return { error };
+  },
+  getPermissions: async () => ["admin"],
+  getIdentity: async () => null,
+};
+
+// visible-block-start
+import { Show } from "@refinedev/antd";
+import { usePermissions } from "@refinedev/core";
+
+const PostShow: React.FC = () => {
+  const { data: permissionsData } = usePermissions();
+  return (
+    <Show
+      /* highlight-start */
+      canDelete={permissionsData?.includes("admin")}
+      deleteButtonProps={{ size: "small" }}
+      canEdit={permissionsData?.includes("admin")}
+      /* highlight-end */
+    >
+      <p>Rest of your page here</p>
+    </Show>
+  );
+};
+// visible-block-end
+
+render(
+  <ReactRouter.BrowserRouter>
+    <RefineAntdDemo
+      authProvider={authProvider}
+      dataProvider={customDataProvider}
+      resources={[
+        {
+          name: "posts",
+          list: "/posts",
+          show: "/posts/show/:id",
+          edit: "/posts/edit/:id",
+        },
+      ]}
+    >
+      <ReactRouter.Routes>
+        <ReactRouter.Route
+          path="/posts"
+          element={
+            <div>
+              <p>This page is empty.</p>
+              <ShowButton recordItemId="123">Show Item 123</ShowButton>
+            </div>
+          }
+        />
+        <ReactRouter.Route path="/posts/show/:id" element={<PostShow />} />
+        <ReactRouter.Route
+          path="/posts/edit/:id"
+          element={<Edit>Edit Page</Edit>}
+        />
+      </ReactRouter.Routes>
+    </RefineAntdDemo>
+  </ReactRouter.BrowserRouter>,
+);
+```
+
 ### recordItemId
 
 The `<Show>` component reads the `id` information from the route by default. `recordItemId` is used when it cannot read from the URL (when used on a custom page, modal or drawer).
@@ -897,7 +1012,6 @@ If [`canEdit`](#candelete-and-canedit) is `false`, [`<EditButton>`][edit-button]
 
 ```tsx live disableScroll previewHeight=280px url=http://localhost:3000/posts/show/123
 setInitialRoutes(["/posts/show/123"]);
-
 // visible-block-start
 import { Show } from "@refinedev/antd";
 import { Button } from "antd";