Diffusion

// Init small card view
import BroearnCard from 'broearn-card-protocl';
const ui = BroearnCard.UI;
const localCache = BroearnCard.LocalCache;
const storage = BroearnCard.Storage;
const net = BroearnCard.Net;

// use vertical layout
const rootLayout = new ui.Layout(ui.Layout.Vertical);

// set title text
const titleText = new ui.Text();
titleText.setText('my card title');
rootLayout.addChild(titleText);

// set info text, the content first from local cache
const infoText = new ui.Text();
infoText.setText(localCache.get('info_key', 'default value'));
rootLayout.addChild(infoText);

// get web card set value, if no login then show login button
const isLogined = storage.get('is_logined', 'default value');
if (!isLogined) {
  createLoginButton();
}

// load UI
ui.load(rootLayout);