Flow types for widgets

.babelrc

{
   "presets": [
      [ "es2015", { "modules": false } ],
      [ "flow" ]
   ],
   "plugins": [
      "transform-object-rest-spread"
   ]
}

.flowconfig

[ignore]

[include]

[libs]

[options]

headline-widget.js

/**
 * Copyright 2017 aixigo AG
 * Released under the MIT license.
 * http://laxarjs.org/license
 * @flow
 */
export const injections = [ 'axFeatures' ];

declare type HeadlineWidgetFeatures = {
   headline: { htmlText: string },
   intro: { htmlText?: string }
};

export function create( features: HeadlineWidgetFeatures ) {
   return {
      onDomAvailable( dom: HTMLElement ) {
         [ 'headline', 'intro' ].forEach( feature => {
            const html = features[ feature ].htmlText;
            const element = dom.querySelector( `.${feature}-html-text` );
            if( !element ) {
               return;
            }
            if( html ) {
               element.innerHTML = html;
            }
            else {
               element.remove();
            }
         } );
      }
   };
}

package.json

{
  "scripts": {
    "flow": "flow ."
  },
  "devDependencies": {
    "babel-plugin-transform-object-rest-spread": "^6.23.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-flow": "^6.23.0",
    "flow-bin": "^0.44.2"
  }
}

Flow types for LaxarJS widget services: https://gist.github.com/jpommerening/634e3835d6e5ea40a23d9cfa7fc3b76a