flusmic 1.0.1

A functional and (not so) elegant primsmic.io integration for Dart and Flutter.

flusmic

A prismic.io integration for Flutter

Getting Started

Flusmic instance creation it's simple:

final flusmic = Flusmic(prismicEndpoint: 'yourendpoint');

With an optional 'defaultLanguage' param;

final flusmic = Flusmic(prismicEndpoint: 'yourendpoint', defaultLanguage: 'yourlanguage');

By the time, Flusmic works through query predicates:

Predicates

final flusmic = Flusmic(prismicEndpoint: 'yourendpoint');

final result = await flusmic
    .query([Predicate.at(DefaultPredicatePath.type(), 'value')]);

You can add as many predicates you need.

Available predicates

• Any
• At
• FullText
• Geopoint.Near
• GreaterThan
• Has
• In (into)
• InRange
• LessThan
• Missing
• Not
• Similar

You can use 'DefaultPredicatePath', there are a few:

Available Default Paths

• Document
• Id
• Tags
• Type

If you need a CustomType path, you need to use CustomPredicatePath

final result = await flusmic
    .query([Predicate.at(CustomPredicatePath('custom-type', 'field'), 'value')]);

More info about how Predicates works in prismic.io query predicates reference

If you only need to do a simple fetching, Flusmic have 4 basic methods:

API

For general prismic API information.

final api = await flusmic.getApi();

Root document

The main document containing all the prismic documents.

final result = await flusmic.getRootDocument();

Fetching documents by type

Fetching all the documents by a specific type using the slug.

final result = await flusmic.getDocumentsByType('typeSlug');

Fetching a document by id

Fetching a specific document by the document id

final result = await flusmic.getDocumentById('documentId');

Handling results

All the results (except for the API) returns a Result object. All the documents are stored in results property which, is a List of Documents.

Every document have a data property which is a JsonObject. You can get your json specific info parsing this object. We have pre-defined types to parse the basic prismic structure. Types like image, text, media, etc.

As data property it's a json, you can convert it in any model you have.

To use the pre-defined types, you need to create a BuiltValue class:

Example class:

abstract class Character implements Built<Character, CharacterBuilder> {
    Image get avatar;
    BuiltList<Text> get name;
}

With that class (and the remaining properties of BuiltValue), we only need to do a parsing for our specific type.

final character = Character.fromJson(json.encode(document.data.value));

Types

• Dimension
• Image
• Language
• Media
• Span
• Text

FlusmicBuilder

In 1.0.0, FlusmicBuilder it's introduced. It's a simple way to create widgets depending on the state of fetching.

FlusmicBuilder(
    baseUrl: 'yourendpoint',
    builder: (context, result) => result.map(
        init: (s) => Container(),
        loading: (s) => CircularProgressIndicator(),
        error: (s) => Center(child: Text('Hi! I\'m an error :(')),
        loaded: (s) => Center(child: Text('Hi! I loaded all the data :)'))),
    predicates: []);

If you need to repeat the request, you need to create a 'FlusmicController' and call the 'repeat' method.

final FlusmicController _flusmicController = FlusmicController();

FlusmicBuilder(
    baseUrl: 'yourendpoint',
    builder: (context, result) => result.map(
        init: (s) => Container(),
        loading: (s) => CircularProgressIndicator(),
        error: (s) => Center(child: Text('Hi! I\'m an error :(')),
        loaded: (s) => Center(child: Text('Hi! I loaded all the data :)'))),
    controller: _flusmicController,
    predicates: []);

_flusmicController.repeat();

In the future

• ✅ Slices.
• ✅ Querying by predicates.
• ✅ Languages and search params.
• ✅ FlusmicBuilder
• ❌ Date and time predicates.
• ❌ Orderings search param.