Update App meta data

kamalqureshi · raheeliftikhar5 · commit d13b799692c9 · 2025-07-22T12:11:26.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actionConfigs.ts b/client/packages/lowcoder/src/comps/comps/preLoadComp/actionConfigs.ts
@@ -5,8 +5,7 @@ import {
   renameComponentAction,
   deleteComponentAction,
   resizeComponentAction,
-  configureComponentAction,
-  changeLayoutAction,
+  configureAppMetaAction,
   addEventHandlerAction,
   applyStyleAction,
   nestComponentAction,
@@ -27,9 +26,9 @@ export const actionCategories: ActionCategory[] = [
     ]
   },
   {
-    key: 'component-configuration',
-    label: 'Component Configuration',
-    actions: [configureComponentAction]
+    key: 'app-configuration',
+    label: 'App Configuration',
+    actions: [configureAppMetaAction]
   },
   {
     key: 'layout',
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actionInputSection.tsx b/client/packages/lowcoder/src/comps/comps/preLoadComp/actionInputSection.tsx
@@ -16,7 +16,12 @@ import { BaseSection, Dropdown } from "lowcoder-design";
 import { EditorContext } from "comps/editorState";
 import { message } from "antd";
 import { CustomDropdown } from "./styled";
-import { generateComponentActionItems, getComponentCategories, getEditorComponentInfo, getLayoutItemsOrder } from "./utils";
+import { 
+  generateComponentActionItems, 
+  getComponentCategories, 
+  getEditorComponentInfo, 
+  getLayoutItemsOrder 
+} from "./utils";
 import { actionRegistry, getAllActionItems } from "./actionConfigs";
 
 export function ActionInputSection() {
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/appConfiguration.ts b/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/appConfiguration.ts
@@ -0,0 +1,46 @@
+import { message } from "antd";
+import { ActionConfig, ActionExecuteParams } from "../types";
+
+export const configureAppMetaAction: ActionConfig = {
+  key: 'configure-app-meta',
+  label: 'Configure app meta data',
+  category: 'app-configuration',
+  requiresInput: false,
+  execute: async (params: ActionExecuteParams) => {
+    const { editorState } = params;
+    const appSettingsComp = editorState.getAppSettingsComp();
+    
+    try {
+      // TODO: Get config data from the user
+      let configData = {
+        title: "Test Title",
+        description: "Test Description",
+        category: "Test Category"
+      };
+
+      if (configData.title && appSettingsComp?.children?.title) {
+        appSettingsComp.children.title.dispatchChangeValueAction(configData.title);
+      }
+
+      if (configData.description && appSettingsComp?.children?.description) {
+          appSettingsComp.children.description.dispatchChangeValueAction(configData.description);
+      }
+
+      if (configData.category && appSettingsComp?.children?.category) {
+        appSettingsComp.children.category.dispatchChangeValueAction(configData.category);
+      }
+
+      // Display error message if no valid configuration data is provided
+      const updatedFields = [];
+      if (configData.title) updatedFields.push('title');
+      if (configData.description) updatedFields.push('description');
+      if (configData.category) updatedFields.push('category');
+
+      !updatedFields.length && message.info('No valid configuration data provided');
+
+    } catch (error) {
+      console.error('Error updating app settings:', error);
+      message.error('Failed to update app configuration');
+    }
+  }
+}; 
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/componentConfiguration.ts b/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/componentConfiguration.ts
@@ -62,4 +62,4 @@ export const configureComponentAction: ActionConfig = {
       message.error('Invalid configuration format');
     }
   }
-}; 
+};
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/index.ts b/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/index.ts
@@ -2,7 +2,7 @@
 export * from './componentManagement';
 
 // Component Configuration Actions
-export { configureComponentAction } from './componentConfiguration';
+export * from './appConfiguration';
 
 // Layout Actions
 export { changeLayoutAction, updateDynamicLayoutAction } from './componentLayout';

Original file line number	Diff line number	Diff line change
`@@ -62,4 +62,4 @@ export const configureComponentAction: ActionConfig = {`
`62`	`62`	`message.error('Invalid configuration format');`
`63`	`63`	`}`
`64`	`64`	`}`
`65`		`-};`
	`65`	`+};`