lazy load shapes comp

raheeliftikhar5 · raheeliftikhar5 · commit 9143dd552df7 · 2024-05-09T11:41:01.000+05:00
diff --git a/client/packages/lowcoder/package.json b/client/packages/lowcoder/package.json
@@ -130,4 +130,4 @@
     "vite-plugin-svgr": "^2.2.2",
     "vite-tsconfig-paths": "^3.6.0"
   }
-}
+}
diff --git a/client/packages/lowcoder/src/comps/comps/gridItemComp.tsx b/client/packages/lowcoder/src/comps/comps/gridItemComp.tsx
@@ -49,6 +49,7 @@ const TmpComp = withTypeAndChildren<
         continue;
       }
 
+      console.log(manifest);
       if(manifest.lazyLoad) {
         return lazyLoadComp(
           manifest.compName,
diff --git a/client/packages/lowcoder/src/comps/index.tsx b/client/packages/lowcoder/src/comps/index.tsx
@@ -116,14 +116,14 @@ const builtInRemoteComps: Omit<RemoteCompInfo, "compName"> = {
 export var uiCompMap: Registry = { 
   // Dashboards
   
-  // charts
   shape: {
     name: trans("uiComp.shapeCompName"),
-    enName: "Chart",
+    enName: "Shape",
     description: trans("uiComp.shapeCompDesc"),
     categories: ["dashboards"],
     icon: ChartCompIcon,
     keywords: trans("uiComp.shapeCompKeywords"),
+    lazyLoad: true,
     compName: "ShapeComp",
     compPath: "comps/shapeComp/shapeComp",
     layoutInfo: {
@@ -132,6 +132,7 @@ export var uiCompMap: Registry = {
     },
   },
   
+  // charts
   chart: {
     name: trans("uiComp.chartCompName") + " (legacy)",
     enName: "Chart",
diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
@@ -1126,6 +1126,10 @@ export const en = {
     "chartCompDesc": "A versatile component for visualizing data through various types of charts and graphs.",
     "chartCompKeywords": "chart, graph, data, visualization",
 
+    "shapeCompName": "Shape",
+    "shapeCompDesc": "",
+    "shapeCompKeywords": "shape",
+
     "carouselCompName": "Image Carousel",
     "carouselCompDesc": "A rotating carousel component for showcasing images, banners, or content slides.",
     "carouselCompKeywords": "carousel, images, rotation, showcase",
diff --git a/client/packages/lowcoder/src/pages/editor/editorConstants.tsx b/client/packages/lowcoder/src/pages/editor/editorConstants.tsx
@@ -199,4 +199,6 @@ export const CompStateIcon: {
   transfer: <TransferCompIconSmall />,
   card: <CardCompIconSmall />,
   timer: <TimeRangeCompIconSmall/>,
+
+  shape: <ChartCompIconSmall />,
 };
diff --git a/client/yarn.lock b/client/yarn.lock
@@ -7425,13 +7425,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"coolshapes-react@file:/Users/la/Desktop/coolshapes-react::locator=lowcoder%40workspace%3Apackages%2Flowcoder":
+coolshapes-react@lowcoder-org/coolshapes-react:
   version: 1.0.1
-  resolution: "coolshapes-react@file:/Users/la/Desktop/coolshapes-react#/Users/la/Desktop/coolshapes-react::hash=163e05&locator=lowcoder%40workspace%3Apackages%2Flowcoder"
+  resolution: "coolshapes-react@https://github.com/lowcoder-org/coolshapes-react.git#commit=0530e0e01feeba965286c1321f9c1cacb47bf587"
   peerDependencies:
     react: ">=16.8"
     react-dom: ">=16.8"
-  checksum: 858b8476d410d3faae4cb26aab768d7a9d370befd51f54004540b84a08f27f5f11aa6ff4b76dca9f4dee82edfcd030d528819fabdbc82d2a6b0462b6f2d94ff3
+  checksum: e1b199f0325e87865cf6d89d4891ee84f4930196d21eed2356f4f2d2af8e748b8ad3889d1c9da2f5db6971913f75bd0f800b67a443ab7f4e972678031ce5c717
   languageName: node
   linkType: hard
 
@@ -13675,7 +13675,7 @@ __metadata:
     buffer: ^6.0.3
     clsx: ^2.0.0
     cnchar: ^3.2.4
-    coolshapes-react: /Users/la/Desktop/coolshapes-react
+    coolshapes-react: lowcoder-org/coolshapes-react
     copy-to-clipboard: ^3.3.3
     core-js: ^3.25.2
     dotenv: ^16.0.3

Original file line number	Diff line number	Diff line change
`@@ -130,4 +130,4 @@`
`130`	`130`	`"vite-plugin-svgr": "^2.2.2",`
`131`	`131`	`"vite-tsconfig-paths": "^3.6.0"`
`132`	`132`	`}`
`133`		`-}`
	`133`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,7 @@ const TmpComp = withTypeAndChildren<`
`49`	`49`	`continue;`
`50`	`50`	`}`
`51`	`51`
	`52`	`+ console.log(manifest);`
`52`	`53`	`if(manifest.lazyLoad) {`
`53`	`54`	`return lazyLoadComp(`
`54`	`55`	`manifest.compName,`