CMS Connector API Guide

New CMS Connector API Guide  

This document serves as a guide for extending the CMS Connector API to support new Content  Management Systems (CMS) and file types. It outlines the process of creating new CMS  packages, updating validator and mapper logic, and handling various file extensions and CMS  configurations in the `/validator` route and `handleFileProcessing` function. The goal is to  maintain a modular and CMS-agnostic architecture, allowing for seamless integration of different  CMS platforms by following a structured approach for validation, processing, and data mapping.  

new icon Creating a Similar CMS Package  

Dị ka migration-contentful, migration-sitecoremigration-wordpress 

To support a new CMS (e.g., Drupal), create a new package like this:  

Ụdị edemede

 migration-drupal/

Inside it, implement the required structure:  

Ụdị edemede

// migration-drupal/index.js  

const validator = (data) => {

 // Validate file format, structure, required fields  

};const WepụtaFiles = async (filePath) => {

 // Unzip or parse content  

};

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

const contentTypes = {

 // Drupal-specific content type definitions  

};

const reference = {

 // Drupal-specific field references  

};

const extractLocales = (data) => {

 // Return locale array  

};

modul.exports = {

 validator,

 WepụtaFiles,

 contentTypes,

 ntụaka,

 extractLocales

};

plugged icon Where It’s Plugged In  

Once your package (e.g., migration-drupal) is ready:  

1. Add it to package.json:  

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

JSON

“migration-drupal”"file:migration-drupal”

2. Update your validator logic:  

Ụdị edemede

const { validator: drupalValidator } = chọrọ(‘migration-drupal’);

ịgbanwee (CMSIdentifier) {

 ikpe ‘drupal-zip’:

 laghachi drupalValidator({ data });

}

3. Update createMapper logic and Add the case in createMapper switch::  

Ụdị edemede

ikpe ‘drupal’:

 laghachi await createDrupalMapper(…);

✅ Nchịkọta  

To add a new CMS, simply:  

  • Scaffold a package like migration-drupal 
  • Follow the existing method structure
  • Add it to validator and mapper switch blocks

This keeps the architecture modular and CMS-agnostic, all the explanations provided in  subTabs. 

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

validator validator Route  

This route is used to validate and process a file (local or from AWS S3), based on file type and CMS configuration.  

✅ Ọrụ gafereview  

  • Accepts a GET request to /validator 
  • Na-ekpebi ma ọ bụrụ na file source is local or from S3
  • Dabere na file ndọtị:
    ○ If XML → reads as string
    ○ Else (e.g., ZIP) → reads as binary buffer
  • Calls handle File Processing with file data
  • On success, maps the processed file using create Mapper

tinye Where to Add Support for New File Ụdị  

In this route, file extensions are determined using:  

Javascript

const fileExt = fileName?.split?.('.')?.pop() ?? ;

Then based on file extension, logic is handled like this:

Javascript

if (fileExt === ‘xml’) {

 // Process XML as string  

ọzọ {

 // Process as buffer (e.g., zip)  

}

If you want to add a new file type, you can add it inside this condition: Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

Javascript

if (fileExt === ‘xml’) {

 //…  

else if (fileExt === ‘yourNewExtension’) {

 // Add logic to read and handle this new file ụdị  

ọzọ {

 // Default processing for binary files  

}

You may also need to extend handleFileProcessing to handle the new file ụdị.  

tinye Where to Add Support for New CMS Types  

The cmsType is retrieved from:  

const cmsType = config?.cmsType?.toLowerCase();

Later, this variable is passed to:  

const data = await handle File Processing (file Ext, file Data, cms Type, name);

tụrụ atụ If you want to add a new CMS, you can extend logic inside handle File Processing or wherever you handle CMS-specific processing.  

Also update:  

createMapper(filePath, projectId, app_token, affix, config); To support your new CMS type, add logic to createMapper to handle it accordingly.  

✅ Nchịkọta  

● You can add new file extensions by modifying the fileExt condition  Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

● You can add new CMS types by extending handleFileProcessing and createMapper  

● The system already separates XML (string) and ZIP (buffer) handling — follow that  structure  

validator Jikwaa File Nhazi  

This document explains how to integrate a new CMS platform into the existing file validation and  processing flow using the functions:  

● handleFileProcessing()  

● validator()  

plugged icon Ebumnuche  

The backend currently supports multiple CMS types (like Sitecore, Contentful, WordPress,  AEM). The goal is to validate uploaded files and transform them into a structured format specific  to each CMS.  

The system identifies a CMS + file type pair using this format:  

usoro type-extension → e.g., sitecore-zip, contentful-json, wordpress-xml  

akara ngosi ọrụ Where to Add a New CMS  

Step 1: Update the validator () Function  

Located inside:  

Javascript

const validator = ({ data, type, extension }: { data: any; type: string; extension: string }) => { … }

Find the switch statement on CMSIdentifier. Each case handles one CMS-type and  file-extension combination.  

tụrụ atụ To add a new CMS, add a new case in this switch block:

ExampLe:  

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

Javascript

ikpe ‘newcms-json’: {

 laghachi newCMSValidator(data); // Your new validation logic  }

Gbaa mbọ hụ:  

● CMSIdentifier format matches the expected {type}-{extension}  

● The validation function (e.g., newCMSValidator) is imported or defined  

brain You can add multiple variations, like:  

case ‘newcms-zip’:  

case ‘newcms-xml’:

Step 2: Create the Validator Function  

In your project, define the validator logic for the new CMS. ExampLe:

Javascript

const newCMSValidator = (data) => {

 // Your custom validation logic for JSON, ZIP, etc.  

 laghachi true; // or false if validation fails  

};

eriri Input: This could be:  

● A JSZip object (for zip)  

● Raw XML string  

● JSON object/string  

eriri Output: Boolean (true = valid, false = rejected)  

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

Step 3: Test with handleFileProcessing()  

The validator() function is used inside handleFileProcessing():

Javascript

if (await validator({ data: zipBuffer, type: cmsType, extension: fileExt })) {  //…  

}

Make sure your new CMS validator is covered in the condition by passing the correct:  

● cmsType (from config.cmsType)  

● fileExt (from the uploaded file)  

✅ Summary Checklist  

Nkọwa ọrụ

Add new case Update validator() switch block  

Implement logic Write your own newCMSValidator function  

laghachi  

eziokwu/ụgha  

Ensure validator returns a boolean  

Use correct key Follow type-extension format (e.g., newcms-zip)  

�� Optional: Debugging Tips  

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

● Log the CMSIdentifier inside validator() to ensure your case is reached.  

● Ensure handleFileProcessing is passing correct fileExt and cmsType.  

Adding Mapper Support for a New CMS  

After validating and processing a file, the backend prepares mapping data using the  createMapper function. This step transforms the extracted content into a standardized format that can be used to generate dummy data and locale mappings in your CMS.  

How Mapping Works (High-Level Flow)  

1. ✅ File is successfully validated and saved (ZIP, XML, JSON, etc.)  

2. uzo Path to the processed file is determined:  

Javascript

const filePath = path.join(__dirname, '...''...'‘extracted_files', fileName);

3. brain The createMapper function is invoked:  

Javascript

createMapper(filePath, projectId, app_token, affix, config);

4. mgbagha This function routes logic based on the CMS type (e.g., sitecore, contentful,  wordpress)

nhazi createMapper Function – Structure  

Javascript

const createMapper = async (

 fileỤzọ,

 projectId,

 app_token,

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

 affix,

 nhazi

) => {

 const CMSIdentifier = config?.cmsType?.toLowerCase();

 ịgbanwee (CMSIdentifier) {

 ikpe ‘sitecore’:

 return await createSitecoreMapper(filePath, projectId, app_token, affix, config);

 ikpe ‘contentful’:

 return await createContentfulMapper(projectId, app_token, affix, config);  ikpe ‘wordpress’:

 laghachi createWordpressMapper(filePath, projectId, app_token, affix);  ndabara:

 laghachi false;

 }

};

usoro Each case corresponds to a CMS and calls its mapper function.  

new icon How to Add a New CMS  

Step 1: Add Case in createMapper  

Add a new case for your CMS identifier:  

Javascript

ikpe ‘newcms’: {

 return await createNewCMSMapper(filePath, projectId, app_token, affix, config);

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

}

Step 2: Create the Mapper Function  

Implement a new function like:  

Javascript

const createNewCMSMapper = async (filePath, projectId, app_token, affix, config) => {

 // 1. Read and transform file ọdịnaya  

 // 2. Generate field mapping object  

 // 3. Send to /v2/mapper/createDummyData  

 // 4. Generate locale mapping and call /v2/migration/localeMapper  };

Step 3: Make Dummy Data API Call  

Use axios like the existing implementation:  

Javascript

const config = {

 usoro: ‘post’,

 maxBodyLength: Enweghị ngwụcha,

 url:

`${process.env.NODE_BACKEND_API}/v2/mapper/createDummyData/${projectId}`,  headers: {

 app_token,

 ‘Content-Type’‘application/json’

 },

 data: JSON.stringify(fieldMapping),

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

};

const { data } = await axios.request(config);

if (data?.data?.content_mapper?.ogologo) {

 deleteFolderSync(infoMap?.path);

 logger.info(‘Validation success:’, {

 status: HTTP_CODES?.OK,

 message: HTTP_TEXTS?.MAPPER_SAVED,

 }

}

Nzọụkwụ 4: Handle Locale Mapping  

If your CMS supports localization, add this or add en-us as default:  

Javascript

const mapperConfig = {

 usoro: ‘post’,

 maxBodyLength: Enweghị ngwụcha,

 url:

`${process.env.NODE_BACKEND_API}/v2/migration/localeMapper/${projectId}`,  headers: {

 app_token,

 ‘Content-Type’‘application/json’

 },

 data: {

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

 mpaghara: N'usoro.from(localeData) ?? []

 }

};

await axios.request(mapperConfig);

Na-agba ọsọ upload-api Project on Any Operating  System  

The following instructions will guide you in running the upload-api folder on any operating  system, including Windows and macOS.  

Malite na upload-api Ihe oru ngo  

There are two methods to start the upload-api project:  

Usoro 1:  

 Run the following command from the root directory of your project:  

Shell

npm run upload

This command will directly start the upload-api ngwugwu.  

Usoro 2:  

 Gaa na upload-api directory manually and run the development server:  

Shell

cd upload-api

npm run start

This approach starts the upload-api from within its own directory.  

Restarting After Termination  

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

If the project terminates unexpectedly, you can restart it by following the same steps outlined  above. Choose either Method 1 or Method 2 to relaunch the service.  

Ọ bụrụ na ị nwere ajụjụ ọ bụla, biko kpọtụrụ tso-migration@contentstack.com. 

Akwụkwọ / akụrụngwa

CONTENTSTACK CMS Connector API Guide [pdf] Ntuziaka onye ọrụ
CMS Connector API Guide, Connector API Guide, API Guide

Ntụaka

Hapụ ikwu

Agaghị ebipụta adreesị ozi-e gị. Akara mpaghara achọrọ akara *