Merge branch 'releases/december-2024' into next

.changeset/early-baboons-matter.md

@@ -0,0 +1,27 @@
+---
+"@refinedev/ably": patch
+"@refinedev/airtable": patch
+"@refinedev/antd": patch
+"@refinedev/chakra-ui": patch
+"@refinedev/cli": patch
+"@refinedev/codemod": patch
+"@refinedev/core": patch
+"create-refine-app": patch
+"@refinedev/graphql": patch
+"@refinedev/hasura": patch
+"@refinedev/kbar": patch
+"@refinedev/mui": patch
+"@refinedev/nestjs-query": patch
+"@refinedev/nestjsx-crud": patch
+"@refinedev/nextjs-router": patch
+"@refinedev/react-router-v6": patch
+"@refinedev/remix-router": patch
+"@refinedev/simple-rest": patch
+"@refinedev/strapi-v4": patch
+"@refinedev/strapi": patch
+"@refinedev/supabase": patch
+"@refinedev/ui-tests": patch
+"@refinedev/ui-types": patch
+---
+
+chore: update package descriptions

cypress/e2e/auth-keycloak/all.cy.ts

@@ -16,6 +16,13 @@ describe("auth-keycloak", () => {
   };
 
   beforeEach(() => {
+    cy.origin("https://lemur-0.cloud-iam.com", () => {
+      cy.on("uncaught:exception", (e) => {
+        console.error(["Error from Keycloak origin"], e);
+        return false;
+      });
+    });
+
     cy.clearAllCookies();
     cy.clearAllLocalStorage();
     cy.clearAllSessionStorage();

documentation/src/refine-theme/common-header.tsx

@@ -3,8 +3,8 @@ import clsx from "clsx";
 import { motion, useScroll, useTransform } from "framer-motion";
 import React, { useState } from "react";
 
+import { RefineLogoXmas } from "./icons/refine-logo xmas";
 import { HamburgerIcon } from "./icons/hamburger";
-import { RefineLogoIcon } from "./icons/refine-logo";
 
 import { openFigma } from "../utils/open-figma";
 import { Menu } from "./common-header/menu";
@@ -82,7 +82,7 @@ export const CommonHeader = ({
           >
             <div className={clsx("w-[130px]", "landing-lg:w-[200px]")}>
               <Link to="/" onContextMenu={openFigma}>
-                <RefineLogoIcon className="text-gray-900 dark:text-gray-0" />
+                <RefineLogoXmas className="text-gray-900 dark:text-gray-0" />
               </Link>
             </div>
             <button

documentation/src/refine-theme/icons/refine-logo xmas.tsx

@@ -0,0 +1,101 @@
+import React from "react";
+import clsx from "clsx";
+import { RefineLogoIcon } from "./refine-logo";
+
+export const RefineLogoXmas = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <div className={clsx("relative")}>
+      <RefineLogoIcon {...props} />
+      <XmasEffectLight
+        className={clsx(
+          "block dark:hidden",
+          "absolute",
+          "-top-2",
+          "-left-2",
+          "opacity-[0.75]",
+        )}
+      />
+      <XmasEffectDark
+        className={clsx("hidden dark:block", "absolute", "-top-2", "-left-2")}
+      />
+    </div>
+  );
+};
+
+const XmasEffectLight = (props: { className?: string }) => {
+  return (
+    <div className={props.className}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={96}
+        height={40}
+        fill="none"
+        className="xmas"
+      >
+        <style>
+          {
+            "@keyframes combination{0%{opacity:1;filter:drop-shadow(0 0 2px currentColor)}20%{opacity:1;animation-timing-function:steps(1);filter:drop-shadow(0 0 2px currentColor)}40%{animation-timing-function:steps(1);animation-timing-function:ease-in-out;opacity:1;filter:drop-shadow(0 0 4px currentColor)}21%,23%,25%,27%,29%,31%,33%,35%,37%,39%,70%{opacity:.3;filter:drop-shadow(0 0 0 currentColor)}50%,85%,95%{opacity:.2;filter:drop-shadow(0 0 0 currentColor)}60%{animation-timing-function:ease;opacity:1;filter:drop-shadow(0 0 2px currentColor)}80%{animation-timing-function:ease;animation-timing-function:steps(1);opacity:1;filter:drop-shadow(0 0 4px currentColor)}to{animation-timing-function:steps(1);opacity:1;filter:drop-shadow(0 0 4px currentColor)}}.blue,.green,.red,.yellow{filter:drop-shadow(0 0 2px #24a866);animation:combination 8s infinite}.blue,.red,.yellow{filter:drop-shadow(0 0 2px #ff4c4d);animation-delay:.2s}.blue,.yellow{filter:drop-shadow(0 0 2px #0080ff);animation-delay:.4s}.yellow{filter:drop-shadow(0 0 2px #f93);animation-delay:.6s}"
+          }
+        </style>
+        <circle cx={32} cy={19} r={2} fill="#24A866" className="green" />
+        <circle cx={76} cy={22} r={2} fill="#24A866" className="green" />
+        <circle cx={10} cy={24} r={2} fill="#FF4C4D" className="red" />
+        <circle cx={69} cy={13} r={2} fill="#FF4C4D" className="red" />
+        <circle cx={40} cy={26} r={2} fill="#0080FF" className="blue" />
+        <circle cx={86} cy={17} r={2} fill="#0080FF" className="blue" />
+        <circle cx={54} cy={16} r={2} fill="#F93" className="yellow" />
+        <circle cx={15} cy={10} r={2} fill="#F93" className="yellow" />
+        <circle
+          cx={62}
+          cy={25}
+          r={2}
+          fill="#8000FF"
+          style={{
+            filter: "drop-shadow(0 0 2px #8000ff)",
+            animation: "combination 8s infinite",
+            animationDelay: ".8s",
+          }}
+        />
+      </svg>
+    </div>
+  );
+};
+
+const XmasEffectDark = (props: { className?: string }) => {
+  return (
+    <div className={props.className}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={96}
+        height={40}
+        fill="none"
+        className="xmas"
+      >
+        <style>
+          {
+            "@keyframes combination{0%{opacity:1;filter:drop-shadow(0 0 2px currentColor)}20%{opacity:1;animation-timing-function:steps(1);filter:drop-shadow(0 0 2px currentColor)}40%{animation-timing-function:steps(1);animation-timing-function:ease-in-out;opacity:1;filter:drop-shadow(0 0 4px currentColor)}21%,23%,25%,27%,29%,31%,33%,35%,37%,39%,70%{opacity:.3;filter:drop-shadow(0 0 0 currentColor)}50%,85%,95%{opacity:.2;filter:drop-shadow(0 0 0 currentColor)}60%{animation-timing-function:ease;opacity:1;filter:drop-shadow(0 0 2px currentColor)}80%{animation-timing-function:ease;animation-timing-function:steps(1);opacity:1;filter:drop-shadow(0 0 4px currentColor)}to{animation-timing-function:steps(1);opacity:1;filter:drop-shadow(0 0 4px currentColor)}}.blue,.green,.red,.yellow{filter:drop-shadow(0 0 2px #26d97f);animation:combination 8s infinite}.blue,.red,.yellow{filter:drop-shadow(0 0 2px #ff4c4d);animation-delay:.2s}.blue,.yellow{filter:drop-shadow(0 0 2px #6eb3f7);animation-delay:.4s}.yellow{filter:drop-shadow(0 0 2px #ffbf00);animation-delay:.6s}"
+          }
+        </style>
+        <circle cx={32} cy={19} r={2} fill="#26D97F" className="green" />
+        <circle cx={76} cy={22} r={2} fill="#26D97F" className="green" />
+        <circle cx={10} cy={24} r={2} fill="#FF4C4D" className="red" />
+        <circle cx={69} cy={13} r={2} fill="#FF4C4D" className="red" />
+        <circle cx={40} cy={26} r={2} fill="#6EB3F7" className="blue" />
+        <circle cx={86} cy={17} r={2} fill="#6EB3F7" className="blue" />
+        <circle cx={54} cy={16} r={2} fill="#FFBF00" className="yellow" />
+        <circle cx={15} cy={10} r={2} fill="#FFBF00" className="yellow" />
+        <circle
+          cx={62}
+          cy={25}
+          r={2}
+          fill="#ED5EC9"
+          style={{
+            filter: "drop-shadow(0 0 2px #ed5ec9)",
+            animation: "combination 8s infinite",
+            animationDelay: ".8s",
+          }}
+        />
+      </svg>
+    </div>
+  );
+};

documentation/tutorial/authentication/data-provider-integration/index.md

@@ -85,7 +85,7 @@ export const dataProvider: DataProvider = {
   },
   getOne: async ({ resource, id, meta }) => {
     // removed-line
-    const response = await fetcher(`${API_URL}/${resource}/${id}`);
+    const response = await fetch(`${API_URL}/${resource}/${id}`);
     // added-line
     const response = await fetcher(`${API_URL}/${resource}/${id}`);
 

packages/ably/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/ably",
   "version": "4.1.8",
   "private": false,
-  "description": "refine ably live provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Ably Live Provider for Refine, enabling real-time updates to your Refine applications effortlessly.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/airtable/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/airtable",
   "version": "4.4.11",
   "private": false,
-  "description": "refine Airtable data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Airtable Data Provider for Refine, enabling seamless Airtable integrations.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/antd/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/antd",
   "version": "5.45.0",
   "private": false,
-  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Ant Design UI support for Refine, offering enterprise-level UI components.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/chakra-ui/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/chakra-ui",
   "version": "2.34.0",
   "private": false,
-  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Chakra UI support for Refine, providing flexible and accessible UI components.",
   "license": "MIT",
   "author": "Refine",
   "sideEffects": false,

packages/cli/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/cli",
   "version": "2.16.40",
   "private": false,
-  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Refine CLI tool, streamlining the development of Refine applications.",
   "license": "MIT",
   "author": "refine",
   "exports": {

packages/codemod/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/codemod",
   "version": "4.2.0",
   "private": false,
-  "description": "refine Codemod CLI. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Codemod scripts for Refine, automating code transformations and migrations.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/core/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/core",
   "version": "4.57.0",
   "private": false,
-  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Refine is a React meta-framework for building enterprise-level, data-intensive applications rapidly with support for modern UI libraries and headless integrations.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/create-refine-app/package.json

@@ -2,7 +2,7 @@
   "name": "create-refine-app",
   "version": "1.12.7",
   "private": false,
-  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Create Refine App, a scaffold tool for rapidly starting Refine applications.",
   "license": "MIT",
   "author": "refine",
   "main": "dist/index.js",

packages/graphql/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/graphql",
   "version": "7.1.0",
   "private": false,
-  "description": "refine GraphQL data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "GraphQL support for Refine, enabling GraphQL-powered data operations.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/hasura/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/hasura",
   "version": "6.6.8",
   "private": false,
-  "description": "refine Hasura data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Hasura integration for Refine, leveraging Hasura's GraphQL APIs.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/kbar/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/kbar",
   "version": "1.3.12",
   "private": false,
-  "description": "refine fully kbar(cmd+k/ctrl+k) integration. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "“Refine kbar (cmd+k/ctrl+k), providing powerful keyboard shortcut utilities for enhanced navigation and functionality.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/mui/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/mui",
   "version": "6.0.0",
   "private": false,
-  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Material-UI (MUI) support for Refine, providing enterprise-level UI components.",
   "license": "MIT",
   "author": "refine",
   "sideEffects": false,

packages/nestjs-query/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/nestjs-query",
   "version": "1.3.3",
   "private": false,
-  "description": "refine NestJS Query data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "NestJS CRUD integration for Refine, simplifying CRUD operations.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/nestjsx-crud/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/nestjsx-crud",
   "version": "5.0.10",
   "private": false,
-  "description": "refine Nestjsx Crud data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "“Nestjsx CRUD Data Provider for Refine, enabling easy integration with NestJS CRUD operations.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/nextjs-router/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/nextjs-router",
   "version": "6.1.0",
   "private": false,
-  "description": "refine Next.js router provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "React Router v6 support for Refine, with full routing capabilities.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/react-router-v6/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/react-router-v6",
   "version": "4.6.0",
   "private": false,
-  "description": "refine react-router router provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "React Router v6 support for Refine, with full routing capabilities.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/remix-router/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/remix-router",
   "version": "3.0.6",
   "private": false,
-  "description": "refine Remix router provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Remix router integration package for Refine.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/simple-rest/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/simple-rest",
   "version": "5.0.8",
   "private": false,
-  "description": "refine simple REST data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Simple REST Data Provider for Refine, enabling seamless REST API interactions.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/strapi-v4/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/strapi-v4",
   "version": "6.0.9",
   "private": false,
-  "description": "refine Strapi REST data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Strapi v4 Data Provider for Refine, supporting content management with Strapi.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/strapi/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/strapi",
   "version": "4.1.12",
   "private": false,
-  "description": "refine Strapi REST data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Strapi Data Provider for Refine, supporting content management with Strapi.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/supabase/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/supabase",
   "version": "5.9.4",
   "private": false,
-  "description": "refine Supabase data provider. refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Supabase integration for Refine, utilizing Supabase's backend-as-a-service.",
   "repository": {
     "type": "git",
     "url": "https://github.com/refinedev/refine.git",

packages/ui-tests/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/ui-tests",
   "version": "1.15.0",
   "private": false,
-  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "UI test utilities for Refine, ensuring quality and reliability.",
   "license": "MIT",
   "author": "refine",
   "exports": {

packages/ui-types/package.json

@@ -2,7 +2,7 @@
   "name": "@refinedev/ui-types",
   "version": "1.23.0",
   "private": false,
-  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
+  "description": "Type definitions package for Refine UI components, enhancing TypeScript support.",
   "license": "MIT",
   "author": "refine",
   "exports": {