App versions and publish dialog

Author: kamalqureshi

client/packages/lowcoder/src/components/PermissionDialog/AppPermissionDialog.tsx

@@ -36,7 +36,6 @@ import StepModal from "../StepModal";
 import { AddIcon } from "icons";
 import { GreyTextColor } from "constants/style";
 import { VersionDataForm } from "@lowcoder-ee/pages/common/versionDataForm";
-import { SocialShareButtons } from "components/SocialShareButtons";
 
 const BottomWrapper = styled.div`
   margin: 12px 16px 0 16px;
@@ -77,11 +76,12 @@ export const AppPermissionDialog = React.memo(
     applicationId: string;
     visible: boolean;
     onVisibleChange: (visible: boolean) => void;
+    publishedVersion?: string | undefined;
   }) => {
     const [form] = Form.useForm();
     const { appType } = useContext(ExternalEditorContext);
     const isModule = appType === AppTypeEnum.Module;
-    const { applicationId } = props;
+    const { applicationId, publishedVersion } = props;
 
     const dispatch = useDispatch();
     const appPermissionInfo = useSelector(getAppPermissionInfo);
@@ -249,6 +249,7 @@ export const AppPermissionDialog = React.memo(
                 applicationId={applicationId}
                 permissionInfo={appPermissionInfo!}
                 form={form}
+                publishedVersion={publishedVersion}
               />
             ),
             footerRender: (modalProps) => (
@@ -338,8 +339,15 @@ function AppShareView(props: {
   permissionInfo: AppPermissionInfo;
   isModule: boolean;
   form: any;
+  publishedVersion?: string;
 }) {
-  const { applicationId, permissionInfo, isModule, form } = props;
+  const {
+    applicationId,
+    permissionInfo,
+    isModule,
+    form,
+    publishedVersion,
+  } = props;
   const [isPublic, setPublic] = useState(permissionInfo.publicToAll);
   const [isPublicToMarketplace, setPublicToMarketplace] = useState(
     permissionInfo.publicToMarketplace
@@ -351,7 +359,6 @@ function AppShareView(props: {
   useEffect(() => {
     setPublicToMarketplace(permissionInfo.publicToMarketplace);
   }, [permissionInfo.publicToMarketplace]);
-  const inviteLink = window.location.origin + APPLICATION_VIEW_URL(props.applicationId, "view");
 
   return (
     <div style={{ marginBottom: "22px" }}>
@@ -424,7 +431,7 @@ function AppShareView(props: {
       {isPublic && <AppInviteView appId={applicationId} />}
       <Divider />
 
-      <VersionDataForm form={form} preserve={false} />
+      <VersionDataForm form={form} preserve={false} latestVersion={publishedVersion} />
 
       <div>
         <Typography.Text type="secondary">

client/packages/lowcoder/src/constants/applicationConstants.ts

@@ -107,6 +107,8 @@ export interface ApplicationMeta {
   applicationStatus: "NORMAL" | "RECYCLED" | "DELETED";
   editingUserId: string | null;
   lastEditedAt: number;
+  publishedVersion?: string;
+  lastPublishedTime?: number;
 }
 
 export interface FolderMeta {

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -4012,6 +4012,7 @@ export const en = {
     "fileUploadError": "File upload error",
     "fileFormatError": "File format error",
     "groupWithSquareBrackets": "[Group] ",
+    "managePermissions": "Manage permissions",
     "allPermissions": "Owner",
     "appSharingDialogueTitle" : "App Sharing and Permissions",
     "appSocialSharing" : "Share Your App and Experience on:",
@@ -4022,6 +4023,8 @@ export const en = {
     "appPublicMessage": "Make the app public. Anyone can view.",
     "modulePublicMessage": "Make the module public. Anyone can view.",
     "marketplaceURL": "https://api-service.lowcoder.cloud",
+    "appMemberMessage": "All shared members can view this app.",
+    "moduleMemberMessage": "All shared members can view this module.",
     "appMarketplaceMessage": "Publish your App on the Public Marketplace. Anyone can view and copy it from there.",
     "moduleMarketplaceMessage": "Publish your Module on the Public Marketplace. Anyone can view and copy it from there.",
     "marketplaceGoodPublishing": "Please make sure your app is well-named and easy to use. Remove any sensitive information before publishing. Also, remove local datasources and replace by static built-in temporary data.",
@@ -4044,6 +4047,8 @@ export const en = {
     "createNavigation": "Create Navigation",
     "howToUseAPI": "How to use the Open Rest API",
     "support": "Support",
+    "versions": "Versions",
+    "publishVersionDescription": "By publishing, your users will see the current state of your app. Further editing will not be visible until you publish again",
   },
 
   "support" : {

client/packages/lowcoder/src/pages/common/header.tsx

@@ -625,6 +625,7 @@ export default function Header(props: HeaderProps) {
             onVisibleChange={(visible) =>
               !visible && setPermissionDialogVisible(false)
             }
+            publishedVersion={application?.publishedVersion}
           />
         )}
         {canManageApp(user, application) && (

client/packages/lowcoder/src/redux/sagas/applicationSagas.ts

@@ -179,7 +179,7 @@ export function* updateApplicationMetaSaga(action: ReduxAction<UpdateAppMetaPayl
 
 export function* publishApplicationSaga(action: ReduxAction<PublishApplicationPayload>) {
   try {
-    const response: AxiosResponse<ApiResponse> = yield call(
+    const response: AxiosResponse<ApplicationResp> = yield call(
       ApplicationApi.publishApplication,
       action.payload
     );
@@ -189,6 +189,20 @@ export function* publishApplicationSaga(action: ReduxAction<PublishApplicationPa
         type: ReduxActionTypes.PUBLISH_APPLICATION_SUCCESS,
         payload: action.payload,
       });
+      if (response.data.data && response.data.data.applicationInfoView) {
+        const appInfo = response.data.data.applicationInfoView;
+        yield put({
+          type: ReduxActionTypes.UPDATE_APPLICATION_META_SUCCESS,
+          payload: {
+            applicationId: appInfo.applicationId,
+            name: appInfo.name,
+            folderId: appInfo.folderId,
+            publishedVersion: appInfo.publishedVersion,
+            lastPublishedTime: appInfo.lastPublishedTime,
+          },
+        });
+      }
+      
       messageInstance.success(trans("api.publishSuccess"));
       window.open(APPLICATION_VIEW_URL(action.payload.applicationId, "view"));
     }