Merge pull request #79 from ClayPulse/add-workflow-marketplace

Add workflow marketplace

Author: Shellishack

package-lock.json

@@ -3,7 +3,7 @@ import { useRef } from "react";
 
 import { PlatformEnum } from "@/lib/enums";
 
-export default function ExtensionLoader({
+export default function BaseAppLoader({
   remoteOrigin,
   moduleId,
   moduleVersion,

web/components/extension/extension-loader.tsx renamed to web/components/app-loaders/base-app-loader.tsx

@@ -1,4 +1,4 @@
-import ExtensionLoader from "@/components/extension/extension-loader";
+import BaseAppLoader from "@/components/app-loaders/base-app-loader";
 import Loading from "@/components/interface/loading";
 import { EditorContext } from "@/components/providers/editor-context-provider";
 import { IMCContext } from "@/components/providers/imc-provider";
@@ -323,7 +323,7 @@ export default function SandboxAppLoader({
             </div>
           )}
           {currentExtension && currentViewId && (
-            <ExtensionLoader
+            <BaseAppLoader
               viewId={currentViewId}
               remoteOrigin={currentExtension.remoteOrigin}
               moduleId={currentExtension.config.id}

web/components/app-loaders/sandbox-app-loader.tsx

@@ -1,4 +1,4 @@
-import ExtensionPreview from "@/components/extension/extension-preview";
+import AppPreviewCard from "@/components/marketplace/app/app-preview-card";
 import { EditorContext } from "@/components/providers/editor-context-provider";
 import { useScreenSize } from "@/lib/hooks/use-screen-size";
 import { useTabViewManager } from "@/lib/hooks/use-tab-view-manager";
@@ -24,7 +24,7 @@ export default function AppExplorer() {
         e.dataTransfer.setData("text/plain", JSON.stringify(ext));
       }}
     >
-      <ExtensionPreview
+      <AppPreviewCard
         extension={ext}
         isShowInstalledChip={false}
         isShowUninstallButton={false}

web/components/explorer/app/app-explorer.tsx

@@ -10,7 +10,7 @@ import { Button, Divider, Tooltip } from "@heroui/react";
 import { AnimatePresence, motion } from "framer-motion";
 import { useContext, useState } from "react";
 import AgentConfigModal from "../modals/agent-config-modal";
-import ExtensionMarketplaceModal from "../modals/extension-marketplace-modal";
+import MarketplaceModal from "../modals/marketplace-modal";
 import { EditorContext } from "../providers/editor-context-provider";
 
 export default function EditorToolbar() {
@@ -174,7 +174,7 @@ export default function EditorToolbar() {
                   <Icon name="storefront" variant="outlined" />
                 </Button>
               </Tooltip>
-              <ExtensionMarketplaceModal
+              <MarketplaceModal
                 isOpen={editorContext?.editorStates.isMarketplaceOpen || false}
                 setIsOpen={(isOpen) =>
                   editorContext?.setEditorStates((prev) => ({

web/components/extension/extension-details.tsx

@@ -1,4 +1,4 @@
-import ExtensionPreview from "../extension/extension-preview";
+import AppPreviewCard from "../marketplace/app/app-preview-card";
 
 export default function ExtensionSuggestionOverlay() {
   return (
@@ -7,7 +7,7 @@ export default function ExtensionSuggestionOverlay() {
         <div className="bg-content1 responsive-content h-20 rounded-lg"></div>
         <div className="flex h-full flex-col justify-center pb-20">
           <div className="responsive-content flex gap-2">
-            <ExtensionPreview
+            <AppPreviewCard
               isShowInstalledChip
               extension={{
                 config: {
@@ -23,7 +23,7 @@ export default function ExtensionSuggestionOverlay() {
                 remoteOrigin: `${process.env.NEXT_PUBLIC_CDN_URL}/${process.env.NEXT_PUBLIC_STORAGE_CONTAINER}`,
               }}
             />
-            <ExtensionPreview
+            <AppPreviewCard
               isShowInstalledChip
               extension={{
                 config: {
@@ -39,7 +39,7 @@ export default function ExtensionSuggestionOverlay() {
                 remoteOrigin: `${process.env.NEXT_PUBLIC_CDN_URL}/${process.env.NEXT_PUBLIC_STORAGE_CONTAINER}`,
               }}
             />
-            <ExtensionPreview
+            <AppPreviewCard
               isShowInstalledChip
               extension={{
                 config: {

web/components/extension/extension-gallery.tsx

@@ -14,7 +14,7 @@ export default function FileMenuDropDown() {
     {
       name: "New Workflow",
       menuCategory: "file",
-      shortcut: "Ctrl+N",
+      shortcut: "Ctrl+Alt+N",
       icon: "add",
       description: "Create a new Workflow",
     },
@@ -30,7 +30,7 @@ export default function FileMenuDropDown() {
     {
       name: "Close Workflow",
       menuCategory: "file",
-      shortcut: "Ctrl+C",
+      shortcut: "Ctrl+Alt+C",
       icon: "close",
       description: "Close the current workflow",
     },

web/components/interface/editor-toolbar.tsx

@@ -86,7 +86,7 @@ export default function ViewMenuDropDown() {
               const viewId = "canvas-" + v4();
               await createCanvasTabView({
                 viewId,
-                appConfigs: workflow.nodes.map((node) => node.data.config),
+                appConfigs: workflow.content.nodes.map((node) => node.data.config),
                 initialWorkflow: workflow,
               } as CanvasViewConfig);
             } else {