A Contentstack-Utils library for Dart developers

Coverage

Contentstack Dart Utils SDK

Contentstack is a headless CMS with an API-first approach. It is a CMS that developers can use to build powerful cross-platform applications in their favorite languages. Build your application frontend, and Contentstack will take care of the rest. Read More.

Given below is the detailed guide and helpful resources to get started with our Dart Utils SDK.

Prerequisite

Latest Android Studio or IntelliJ IDEA or Visual Studio Code

Setup and Installation
We need to install Dart

Dependency

Add the following to your pom.xml file:

    contentstack-util: any

Note: If you are using Contentstack Dart SDK we have already imported contentstack-utils into it.

    contentstack: any

Usage

Create Render Option: To render Embedded objects within RTE create renderOption as follows:

Utils.renderContents(rteArray, localJsonObj, (embeddedObject, metadata) -> {
    
    switch (metadata.getStyleType()) {
        case BLOCK:
           String title = embeddedObject.getString("title");
           String multi_line = embeddedObject.getString("multi_line");
           return "<p>" + title + "</p><span>" + multi_line + "</span>";

        case INLINE:
           String titleInline = embeddedObject.getString("title");
           String mlInline = embeddedObject.getString("multi_line");
           return "<p>" + titleInline + "</p><span>" + mlInline + "</span>";

        case LINKED:
           String titleLinked = embeddedObject.getString("title");
           String mlLinked = embeddedObject.getString("multi_line");
           return "<p>" + titleLinked + "</p><span>" + mlLinked + "</span>";
       
        case DISPLAY:
           String titleDiplayable = embeddedObject.getString("title");
           String mlDiplayable = embeddedObject.getString("multi_line");
           return "<p>" + titleDiplayable + "</p><span>" + mlDiplayable + "</span>";

       default:
           return null;
   }
});

Using Contentstack Utils from Contentstack Dart SDK

Fetch entry/entries including embedded using Contentstack SDK

    import 'package:contentstack/contentstack.dart' as contentstack;
    
    final stack = contentstack.Stack(apiKey, deliveryToken, environment);
    final entry = stack.contentType('contentTypeUid').entry(entryUid: 'entryUid');
    entry..includeEmbeddedItems();
    await entry.fetch().then((response) {
        print(response.toString());
        const keyPath = [
            "rich_text_editor", "global_rich_multiple.group.rich_text_editor"
        ]
        final jsonObject = response['entry'];
        Utils.render(jsonObject, keyPath, Option);
    }).catchError((error) {
        print(error.message.toString());
    });

Fetch multiple entries including embedded object and render RTE fields

    import 'package:contentstack/contentstack.dart' as contentstack;

    final stack = contentstack.Stack(apiKey, deliveryToken, environment);
    final query = stack.contentType('contentTypeUid').entry().query();
    await query.find().then((response) {
        print(response.toString());
        var entries = response['entries'];
        const keyPath = [
            "rich_text_editor", "global_rich_multiple.group.rich_text_editor"
        ]
        entries.forEach((entry){
            Utils.render(entry, keyPath, Option);
        })
    }).catchError((error) {
        print(error.message.toString());
    });

Fetch entry/entries and Render RTE using GraphQL and ‘contentstack utils’ SDK

GraphQL specification is not yet finalized.

Features and bugs

Please file feature requests and bugs at the issue tracker.

contentstack_utils package