Overview

Design your system

{
  "firstName": "property",
  "lastName": "property",
  "nickname": "property",
  "father": "link"
}                        

Create your components

// get your component class
const Person = runtime.require('Person');

// create a component
const anakin = new Person({
  'firstName': 'Anakin',
  'lastName': 'Skywalker'
});

// update nickname
anakin.nickname('Darth Vader');

Try to update a component with a wrong type

// this update is non compliant with the model
anakin.nickname(42);

System Runtime will log this message

runtime: invalid type for property 'nickname': expected 'string' instead of 'number' on component '11d4012f0c18734'

Navigate through your components

// add a reference
const luke = new Person({
  'firstName': 'Luke',
  'lastName': 'Skywalker',
  'father': anakin
});

// get the first name of luke father
luke.father().firstName();

Manage your components

runtime.require('db').collections().Person.find({
  'firstName': 'Luke'
});

Undo your modifications made to the system

runtime.require('history').back();

Bundle your system

runtime.bundle();

Install your bundle in HTML

<link rel="system" type="application/json" href="system.json">