Connect Supabase files and Webflow CMS entries in our serverless environment

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

    async fetch(publish, done) {
        // TODO: adapt bucket and files management
        const bucket = "your-bucket-name";
        const folder = "my-folder";

        // Retrieve the files list
        // You may check the full API documentation at:
        // https://supabase.com/docs/reference/javascript/storage-from-list
        const {
            data: fileEntries,
            error: listFilesError
        } =
        await this.supabase.storage.from(bucket).list(folder, {
            limit: 100,
            offset: 0,
            sortBy: {
                column: "name",
                order: "asc"
            },
        });
        if (listFilesError) {
            throw listFilesError;
        }

        for (const fileEntry of fileEntries) {
            // Download each file
            // You may check the full API documentation at:
            // https://supabase.com/docs/reference/javascript/storage-from-download
            const {
                data: file,
                error: downloadError
            } = await this.supabase.storage
                .from(bucket)
                .download(`${folder}/${fileEntry.name}`);
            if (downloadError) {
                throw downloadError;
            }
            // TODO: map your file Blob content to an item
            const item = await file.text();

            publish(item);
        }
        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() {}
}