fixed interactive comp playground

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/comps/remoteComp/loaders.tsx

@@ -23,7 +23,7 @@ async function npmLoader(
     ? `${sdkConfig.baseURL}/${ASSETS_BASE_URL}`
     : NPM_PLUGIN_ASSETS_BASE_URL;
 
-  const entry = `${pluginBaseUrl}/${appId}/${packageName}@${localPackageVersion}/index.js`;
+  const entry = `${pluginBaseUrl}/${appId || 'none'}/${packageName}@${localPackageVersion}/index.js`;
 
   try {
     const module = await import(

client/packages/lowcoder/src/pages/ComponentPlayground/index.tsx

@@ -1,11 +1,13 @@
 import { useParams } from "react-router-dom";
 import styled from "styled-components";
 import "comps";
-import { UICompType, UICompManifest, uiCompRegistry, UICompCategory } from "comps/uiCompRegistry";
+import { UICompType, UICompManifest, uiCompRegistry, UICompCategory, ExposingMultiCompConstructor } from "comps/uiCompRegistry";
 import { CompPlayground } from "ide/CompPlayground";
 import { Comp } from "lowcoder-core";
 import { EditorContext, EditorState } from "comps/editorState";
 import { RootComp } from "comps/comps/rootComp";
+import { useMemo } from "react";
+import { lazyLoadComp } from "@lowcoder-ee/comps/comps/lazyLoadComp/lazyLoadComp";
 
 type CompInfo = UICompManifest & { key: string };
 const groups: Partial<Record<UICompCategory, CompInfo[]>> = {};
@@ -56,13 +58,25 @@ export default function ComponentPlayground() {
   const dsl = JSON.parse(decodeURIComponent(params.dsl || ""));
   const compManifest = uiCompRegistry[params.name];
 
+  const comp = useMemo(() => {
+    if (!compManifest.lazyLoad) {
+      return compManifest.comp;
+    }
+
+    return lazyLoadComp(
+      compManifest.compName,
+      compManifest.compPath,
+    )
+  }, [compManifest]);
+  if (!comp) return null;
+
   return (
     <Wrapper>
       <div className="content">
         <EditorContext.Provider value={editorState}>
           <CompPlayground
             initialValue={dsl}
-            compFactory={compManifest.comp as unknown as Comp<any>}
+            compFactory={comp as unknown as Comp<any>}
             layoutInfo={compManifest.layoutInfo || { h: 5, w: 5 }}
           />
         </EditorContext.Provider>