Connect Airtable and Webflow CMS entries in our serverless environment

class AirtableSourceListRecords {
    async init() {
        // TODO: Create your airtable credential
        // More info at https://yepcode.io/docs/integrations/airtable/#credential-configuration
        this.airtableClient = yepcode.integration.airtable(
            "your-airtable-credential-name"
        );

        // TODO: Customize your base id and table id
        // More info at https://support.airtable.com/docs/understanding-airtable-ids
        this.table = this.airtableClient
            .base("your-base-id")
            .table("your-table-id");
    }

    async fetch(publish, done) {
        await this.table
            .select({
                // TODO: Provide optional parameters
                // Airtable creates a dynamic docs page for each base
                // Visit yours at https://airtable.com/{your-base-id}/api/docs
                maxRecords: 30,
            })
            .eachPage(async (records, fetchNextPage) => {
                for (const record of records) {
                    const {
                        id,
                        fields
                    } = record._rawJson;

                    // TODO: Customize record columns mapping to the item that will be published
                    const item = {
                        id,
                        name: fields.name
                    };

                    await publish(item);
                }
                fetchNextPage();
            }, done);
    }

    async close() {}
}

class WebflowTargetCreateCmsEntry {
    async init() {
        // TODO: Create your webflow credential
        // More info at https://yepcode.io/docs/integrations/webflow/#credential-configuration
        this.webflow = yepcode.integration.webflow("your-webflow-credential-name");
    }

    // TODO: Customize your collection id and the request params with your item content
    // See how to find your collection id: https://www.briantsdawson.com/blog/webflow-api-how-to-get-site-collection-and-item-ids-for-zapier-and-parabola-use
    // More info about the request at: https://developers.webflow.com/#create-collection-item
    async consume(item) {
        const cmsEntryFields = {
            slug: item.slug,
            name: item.name,
            content: item.content,
        };

        // TODO: Take into account that Webflow keeps one internal identifier for each attribute
        // and this internal identifier doesn't get changed when you rename the attribute name.
        // This may cause some weird and unexpected Validation errors
        // If you want to implement a mapping from the attribute name (visible on the webflow UI),
        // and the internal identifier (slug), you may use this piece of code:
        // const collection = await this.webflow.collection({
        //   collectionId: "your-collection-id",
        // });
        // const collectionSlugsByNameMapping = collection.fields.reduce(
        //   (obj, field, i) => {
        //     // Only save the mappings where name is not the same as slug
        //     if (field.name !== field.slug) {
        //       obj[field.name] = field.slug;
        //     }
        //     return obj;
        //   },
        //   {}
        // );
        // // Translate different slug and names
        // for (const [name, slug] of Object.entries(collectionSlugsByNameMapping)) {
        //   cmsEntryFields[slug] = cmsEntryFields[name];
        //   delete cmsEntryFields[name];
        // }

        try {
            await this.webflow.createItem({
                collectionId: "your-collection-id",
                fields: {
                    ...cmsEntryFields,
                    _archived: false,
                    _draft: false,
                },
            });
        } catch (error) {
            console.error(`There has been an error creating CMS entry`, error);
            console.error(error.response.data);
            throw error;
        }
    }

    async close() {}
}