Is DataSources a premium feature?

[bgrand-ch]

Hello,

I want to use DataSources with GrapesJS core (free). https://grapesjs.com/docs/api/datasources.html

The DataSourcesManager is available in the GrapesJS instance. Adding a DataSource "works" as long as you are in the same function. If you want to retrieve the DataSource later, it is not found by its ID because the array of DataSources is empty.

When I asked ChatGPT about this, he told me that it might be a premium feature.

Could you please clarify this point?

The code:

type DataValue = object[];
type DataSourceResult = DataValue  |  undefined;

const DATA_SOURCE_ID = "hello";
const DATA_RECORD_ID = "world";

export function setVariablesDataSource(editor: Editor, data: DataValue) {
    const dataSourcesManager = editor.DataSources;

    dataSourcesManager.add({
        id: DATA_SOURCE_ID,
        records: [{
            id: DATA_RECORD_ID,
            [DATA_RECORD_ID]: data
        }]
    });
}

export function getVariablesDataSource(editor: Editor): DataSourceResult {
    const dataSourcesManager = editor.DataSources;
    const record = dataSourcesManager.get(DATA_SOURCE_ID)?.getRecord(DATA_RECORD_ID);

    return record?.get(DATA_RECORD_ID) as unknown as DataSourceResult;
}

Thank you very much.

[artf]

Hey @bgrand-ch DataSources is a core module, therefore the same license is applied, so it's free and open-source.

Anyway, I tried your code and it seems to work as expected so maybe it's something wrong in your integration. Try to create a minimal reproducible demo to confirm any issue.

[bgrand-ch]

Hello, thanks for the reply. I use React, probably a re-render that re-instantiates GrapesJS and data sources are lost.

Sorry for the inconvenience and thanks for the highlight 🙏