data-dashboard/src/web-app/+page/widgets/network-endpoints/network-endpoints.ts

A data-driven dashboard console for report widgets

// DataDashboard ~~ MIT License
// Widget controller

// Imports
import { dna } from 'dna-dom';

// Types
type WidgetModel = {
   endpoints: {
      name: string,
      base: string,
      docs: string,
      }[],
   };

const webAppWidgetNetworkEndpoints = {
   show(widgetElem: Element): Element {
      const model: WidgetModel = dna.getModel(widgetElem)!;
      model.endpoints = [
         { name: 'Alpha Vantage API',    base: 'https://www.alphavantage.co/query', docs: 'https://www.alphavantage.co/documentation' },
         { name: 'BART API',             base: 'https://api.bart.gov/api',          docs: 'https://api.bart.gov/docs/overview/examples.aspx' },
         { name: 'Citi Bike',            base: 'https://gbfs.citibikenyc.com',      docs: 'https://www.citibikenyc.com/system-data' },
         { name: 'GitHub REST API',      base: 'https://api.github.com',            docs: 'https://developer.github.com/v3' },
         { name: 'Google Books APIs',    base: 'https://www.googleapis.com/books',  docs: 'https://developers.google.com/books' },
         { name: 'Flickr API',           base: 'https://api.flickr.com/services',   docs: 'https://www.flickr.com/services/feeds/docs/photos_public' },
         { name: 'Stack Exchange API',   base: 'https://api.stackexchange.com',     docs: 'https://api.stackexchange.com/docs' },
         { name: 'The Star Wars API',    base: 'https://swapi.py4e.com/api',        docs: 'https://swapi.py4e.com/documentation' },
         ];
      return dna.refresh(widgetElem);
      },
   };

export { webAppWidgetNetworkEndpoints };