added format command and added trailing commas to reduce conflicts

app/src/ui/routes/settings/components/Setting.tsx

@@ -21,7 +21,7 @@ import { SettingSchemaModal, type SettingsSchemaModalRef } from "./SettingSchema
 
 export type SettingProps<
    Schema extends TObject = TObject,
-   Props = Schema extends TObject<infer TProperties> ? TProperties : any
+   Props = Schema extends TObject<infer TProperties> ? TProperties : any,
 > = {
    schema: Schema;
    config: any;
@@ -51,7 +51,7 @@ export function Setting<Schema extends TObject = any>({
    prefix = "/",
    options,
    path = [],
-   properties
+   properties,
 }: SettingProps<Schema>) {
    const [submitting, setSubmitting] = useState(false);
    const { actions } = useBknd();
@@ -67,7 +67,7 @@ export function Setting<Schema extends TObject = any>({
             e.preventDefault();
             onSave();
             return false;
-         }
+         },
       ],
       [
          "e",
@@ -75,7 +75,7 @@ export function Setting<Schema extends TObject = any>({
             if (!editing) {
                onToggleEdit();
             }
-         }
+         },
       ],
       [
          "Escape",
@@ -83,8 +83,8 @@ export function Setting<Schema extends TObject = any>({
             if (editing) {
                onToggleEdit();
             }
-         }
-      ]
+         },
+      ],
    ]);
 
    const exclude = useMemo(
@@ -94,7 +94,7 @@ export function Setting<Schema extends TObject = any>({
                  .filter(([, value]) => value.hide || value.extract)
                  .map(([key]) => key)
             : [],
-      [properties]
+      [properties],
    );
 
    const goBack = useEvent((replace?: boolean) => {
@@ -178,7 +178,7 @@ export function Setting<Schema extends TObject = any>({
             description={`Configuration at path ${path.join(".")} doesn't exist.`}
             primary={{
                children: "Go back",
-               onClick: () => goBack()
+               onClick: () => goBack(),
             }}
          />
       );
@@ -197,19 +197,19 @@ export function Setting<Schema extends TObject = any>({
                            label: "Inspect local schema",
                            onClick: () => {
                               schemaLocalModalRef.current?.open();
-                           }
+                           },
                         },
                         {
                            label: "Inspect schema",
                            onClick: () => {
                               schemaModalRef.current?.open();
-                           }
+                           },
                         },
                         deleteAllowed && {
                            label: "Delete",
                            destructive: true,
-                           onClick: handleDelete
-                        }
+                           onClick: handleDelete,
+                        },
                      ]}
                      position="bottom-end"
                   >
@@ -255,7 +255,7 @@ export function Setting<Schema extends TObject = any>({
                         label: ucFirst(sub),
                         href: `${prefix}/${sub}`.replace(/\/+/g, "/"),
                         active: selectedSubKey === sub,
-                        badge: Object.keys(extracted[sub]?.config ?? {}).length
+                        badge: Object.keys(extracted[sub]?.config ?? {}).length,
                      }))}
                   />
                   <div className="flex flex-grow flex-col gap-3 p-3">
@@ -271,7 +271,7 @@ export function Setting<Schema extends TObject = any>({
                                    if (!value || typeof value !== "object") {
                                       return {
                                          key,
-                                         value
+                                         value,
                                       };
                                    }
 
@@ -281,7 +281,7 @@ export function Setting<Schema extends TObject = any>({
                                    return {
                                       key,
                                       [fistValueKey]: firstValueKeyValue,
-                                      value: _value
+                                      value: _value,
                                    };
                                 });
                            const newSetting = properties?.[key]?.new;
@@ -331,12 +331,12 @@ export function Setting<Schema extends TObject = any>({
             tabs={[
                {
                   title: "Schema",
-                  json: reducedSchema
+                  json: reducedSchema,
                },
                {
                   title: "Config",
-                  json: reducedConfig
-               }
+                  json: reducedConfig,
+               },
             ]}
          />
          <SettingSchemaModal
@@ -345,12 +345,12 @@ export function Setting<Schema extends TObject = any>({
             tabs={[
                {
                   title: "Schema",
-                  json: schema
+                  json: schema,
                },
                {
                   title: "Config",
-                  json: config
-               }
+                  json: config,
+               },
             ]}
          />
       </>

app/src/ui/routes/settings/components/SettingNewModal.tsx

@@ -26,7 +26,7 @@ export const SettingNewModal = ({
    anyOfValues,
    path,
    prefixPath,
-   generateKey
+   generateKey,
 }: SettingsNewModalProps) => {
    const [location, navigate] = useLocation();
    const [formSchema, setFormSchema] = useState(schema);
@@ -44,8 +44,8 @@ export const SettingNewModal = ({
       if (generateKey && typeof generateKey === "function") {
          handleKeyNameChange({
             target: {
-               value: generateKey(data)
-            }
+               value: generateKey(data),
+            },
          });
       }
       console.log("form change", data);
@@ -69,7 +69,7 @@ export const SettingNewModal = ({
          if (await actions.add(module as any, addPath, data)) {
             setTimeout(() => {
                navigate(prefixPath + newKey, {
-                  replace: true
+                  replace: true,
                });
             }, 500);
          } else {
@@ -92,7 +92,7 @@ export const SettingNewModal = ({
               onClick: () => {
                  setFormSchema(item);
                  open();
-              }
+              },
            };
         })
       : [];

app/src/ui/routes/settings/components/SettingSchemaModal.tsx

@@ -26,7 +26,7 @@ export const SettingSchemaModal = forwardRef<SettingsSchemaModalRef, SettingSche
       useImperativeHandle(ref, () => ({
          open,
          close,
-         isOpen: opened
+         isOpen: opened,
       }));
 
       if (!tab) return null;
@@ -69,5 +69,5 @@ export const SettingSchemaModal = forwardRef<SettingsSchemaModalRef, SettingSche
             </div>
          </Modal>
       );
-   }
+   },
 );