feat: detect "old" bots and migrate them to new runtime

Composer/packages/client/src/components/CreationFlow/v2/CreationFlow.tsx

@@ -18,6 +18,7 @@ import {
   userSettingsState,
   templateProjectsState,
 } from '../../../recoilModel';
+import { localBotsDataSelector } from '../../../recoilModel/selectors/project';
 import Home from '../../../pages/home/Home';
 import { useProjectIdCache } from '../../../utils/hooks';
 import { ImportModal } from '../../ImportModal/ImportModal';
@@ -43,6 +44,7 @@ const CreationFlowV2: React.FC<CreationFlowProps> = () => {
     fetchFeed,
     openProject,
     saveProjectAs,
+    migrateProjectTo,
     fetchProjectById,
     createNewBotV2,
     fetchReadMe,
@@ -52,6 +54,8 @@ const CreationFlowV2: React.FC<CreationFlowProps> = () => {
   const creationFlowStatus = useRecoilValue(creationFlowStatusState);
   const projectId = useRecoilValue(currentProjectIdState);
   const storages = useRecoilValue(storagesState);
+  const botProjects = useRecoilValue(localBotsDataSelector);
+  const botProject = botProjects.find((b) => b.projectId === projectId);
   const focusedStorageFolder = useRecoilValue(focusedStorageFolderState);
   const { appLocale } = useRecoilValue(userSettingsState);
   const cachedProjectId = useProjectIdCache();
@@ -150,13 +154,21 @@ const CreationFlowV2: React.FC<CreationFlowProps> = () => {
     saveProjectAs(projectId, formData.name, formData.description, formData.location);
   };
 
+  const handleMigrate = (formData) => {
+    handleDismiss();
+    setCreationFlowStatus(CreationFlowStatus.MIGRATE);
+    migrateProjectTo(projectId, formData.name, formData.description, formData.location);
+  };
+
   const handleSubmit = async (formData, templateId: string) => {
     handleDismiss();
     switch (creationFlowStatus) {
       case CreationFlowStatus.SAVEAS:
         handleSaveAs(formData);
         break;
-
+      case CreationFlowStatus.MIGRATE:
+        handleMigrate(formData);
+        break;
       default:
         saveTemplateId(templateId);
         await handleCreateNew(formData, templateId);
@@ -217,6 +229,16 @@ const CreationFlowV2: React.FC<CreationFlowProps> = () => {
           onDismiss={handleDismiss}
           onOpen={openBot}
         />
+        <DefineConversationV2
+          createFolder={createFolder}
+          focusedStorageFolder={focusedStorageFolder}
+          path="migrate/:projectId"
+          templateId={botProject?.name || 'migrated_project'} // templateId is used for default project name
+          updateFolder={updateFolder}
+          onCurrentPathUpdate={updateCurrentPath}
+          onDismiss={handleDismiss}
+          onSubmit={handleMigrate}
+        />
         <ImportModal path="import" />
       </Router>
     </Fragment>

Composer/packages/client/src/components/CreationFlow/v2/DefineConversation.tsx

@@ -98,6 +98,7 @@ type DefineConversationProps = {
   focusedStorageFolder: StorageFolder;
 } & RouteComponentProps<{
   templateId: string;
+  defaultName: string;
   runtimeLanguage: string;
   location: string;
 }>;

Composer/packages/client/src/constants.ts

@@ -144,6 +144,7 @@ export enum CreationFlowStatus {
   NEW_FROM_SCRATCH = 'Scratch',
   NEW_FROM_TEMPLATE = 'Template',
   SAVEAS = 'Save as',
+  MIGRATE = 'Migrate',
   OPEN = 'Open',
   CLOSE = 'Close',
 }