feat: update to react-content-manager v3.0.0 and refactor component i…

…mports
pavelee · Dec 31, 2024 · 4383c64 · 4383c64
1 parent 93043c4
commit 4383c64
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 21 deletions.
diff --git a/demo/demo-next/next.config.js b/demo/demo-next/next.config.js
@@ -1,4 +1,15 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  webpack: (config) => {
+    const path = require("path");
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      "cm.config.ts": path.resolve(__dirname, "cm.config.ts"),
+      "cm.fetcher.ts": path.resolve(__dirname, "cm.fetcher.ts"),
+      "cm.persister.ts": path.resolve(__dirname, "cm.persister.ts"),
+    };
+    return config;
+  },
+};
 
 module.exports = nextConfig;
diff --git a/demo/demo-next/package-lock.json b/demo/demo-next/package-lock.json
diff --git a/demo/demo-next/package.json b/demo/demo-next/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "next": "14.2.16",
     "react": "^18.3.1",
-    "react-content-manager": "^2.3.0",
+    "react-content-manager": "^3.0.0",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {

diff --git a/demo/demo-vite/package-lock.json b/demo/demo-vite/package-lock.json
diff --git a/demo/demo-vite/package.json b/demo/demo-vite/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "react": "^18.3.1",
-    "react-content-manager": "^2.3.0",
+    "react-content-manager": "^3.0.0",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {

diff --git a/demo/demo-vite/src/App.tsx b/demo/demo-vite/src/App.tsx
@@ -1,17 +1,17 @@
 import "./App.css";
 import { CMProvider } from "react-content-manager";
-import { AsyncCMComponent } from "react-content-manager/dist/esm/client/AsyncCMComponent";
+import { ClientCMComponent } from "react-content-manager/dist/esm/client";
 
 function App() {
   return (
     <CMProvider mode={"edit"}>
-      <AsyncCMComponent configId="123" componentId={"vite"} mode={"edit"} />
-      <AsyncCMComponent
+      <ClientCMComponent configId="123" componentId={"vite"} mode={"edit"} />
+      <ClientCMComponent
         configId="1234"
         componentId={"cat-facts"}
         mode={"edit"}
       />
-      <AsyncCMComponent
+      <ClientCMComponent
         configId="12312321"
         componentId={"container"}
         mode={"edit"}