How to get settings/config from dashboard in extension

Let's split this into two parts.

1. How to add settings/config in dashboard
2. How to get settings/config in extension

How to add settings/config in dashboard

1. Create input fields required in theme/extension settings using appmaker form. Follow the doc for creating appmaker form Now you have the json with multiple input fields.

   sample JSON:

   {
        "properties": {
            "background_color": {
            "label": "Theme AccentColor",
            "uiType": "ColorPicker",
            "type": "string"
            },
            "title": {
            "label": "Title",
            "type": "string",
            "description": "Sample Description"
            },
            "slider_type": {
            "type": "string",
            "title": "Slider Type",
            "uiType": "RadioGroup",
            "options": [
                {
                "label": "Type 1",
                "value": "type-2"
                },
                {
                "label": "Type 2",
                "value": "type-2"
                }
            ]
            }
        }
    }

2. Now you have to add this json into your partner dashboard. For that you have to login to your partner dashboard and go to the Extensions/Themes section based on what you are using. Add the JSON in the settings schema section of your extension/theme.

3. save it.

How to get settings/config in extension

1. In your extension, create a file named config.js on the root level and add the following code in it.

let settings = {};
const setSettings = (_settings) => {
    settings = _settings;
};
const getSettings = () => {
    return settings;
};
export { setSettings, getSettings, settings };

2. Call this function in your extension's index.js file.

import { setSettings } from './config';

export function activate(params) {
    setSettings(params?.settings);
}

3. Now you can access the settings in your extension using the getSettings function.

import { getSettings } from './config';

const settings = getSettings();