update types

Author: ricardo-devis-agullo

src/registry/routes/index.js

@@ -8,7 +8,7 @@ const dateStringified = require('../../utils/date-stringify').default;
 const getComponentsHistory = require('./helpers/get-components-history')
   .default;
 const getAvailableDependencies = require('./helpers/get-available-dependencies');
-const indexView = require('../views');
+const indexView = require('../views').default;
 // @ts-ignore
 const packageInfo = require('../../../package.json');
 const urlBuilder = require('../domain/url-builder');

src/registry/views/index.js renamed to src/registry/views/index.ts

@@ -1,17 +1,28 @@
-module.exports = vm => {
+import dependencies from './partials/components-dependencies';
+import history from './partials/components-history';
+import list from './partials/components-list';
+import templates from './partials/components-templates';
+import plugins from './partials/components-plugins';
+import indexJS from './static/index';
+
+import getLayout from './partials/layout';
+import getProperty from './partials/property';
+import { VM } from '../../types';
+
+export default function indexView(vm: VM): string {
   const tabs = {
-    dependencies: require('./partials/components-dependencies').default(vm),
-    history: require('./partials/components-history').default(vm),
-    list: require('./partials/components-list').default(vm),
-    templates: require('./partials/components-templates').default(vm),
-    plugins: require('./partials/components-plugins').default(vm)
+    dependencies: dependencies(vm),
+    history: history(vm),
+    list: list(vm),
+    templates: templates(vm),
+    plugins: plugins(vm)
   };
 
-  const indexJS = require('./static/index').default;
-  const layout = require('./partials/layout').default(vm);
-  const property = require('./partials/property').default();
+  const layout = getLayout(vm);
+  const property = getProperty();
 
-  const getCount = state => vm.stateCounts[state] || 0;
+  const getCount = (state: 'deprecated' | 'experimental') =>
+    vm.stateCounts[state] || 0;
   const isLocal = vm.type !== 'oc-registry';
 
   const componentsValue = `${vm.components.length} (${getCount(
@@ -52,4 +63,4 @@ module.exports = vm => {
 ${indexJS}</script>`;
 
   return layout({ content, scripts });
-};
+}

src/registry/views/info.ts

@@ -27,7 +27,7 @@ export default function info(vm: Vm): string {
   const layout = getLayout(vm);
   const property = getProperty();
 
-  const showArray = (title, arr) =>
+  const showArray = (title: string, arr?: string[]) =>
     property(title, !!arr && arr.length > 0 ? arr.join(', ') : 'none');
 
   const { component, dependencies, href, repositoryUrl, sandBoxDefaultQs } = vm;

src/registry/views/partials/component-parameters.ts

@@ -1,4 +1,4 @@
-import { Component } from '../../../types';
+import { Component, OcParameter } from '../../../types';
 
 const componentParameters = ({
   component
@@ -11,7 +11,7 @@ const componentParameters = ({
     return `${parameters}<p class="w-100">none</p>`;
   }
 
-  const parameterRow = (param, paramName) => {
+  const parameterRow = (param: OcParameter, paramName: string) => {
     const mandatory = param.mandatory ? 'mandatory' : 'optional';
     const description = param.description
       ? `<span>${param.description}</span><br /><br />`

src/registry/views/partials/component-versions.ts

@@ -5,7 +5,7 @@ const componentVersions = ({
 }: {
   component: Component;
 }) => (): string => {
-  const componentOption = version =>
+  const componentOption = (version: string) =>
     `<option value="${version}"${
       version === component.version ? ' selected="selected"' : ''
     }>${version}</option>`;

src/registry/views/partials/components-history.ts

@@ -1,6 +1,6 @@
 import { VM } from '../../../types';
 
-export default function componentsHistory(vm: VM) {
+export default function componentsHistory(vm: VM): string {
   const componentRow = ({
     name,
     publishDate,

src/registry/views/partials/components-list.ts

@@ -1,4 +1,4 @@
-import { VM } from '../../../types';
+import { Component, VM } from '../../../types';
 import getSelectedCheckbox from './selected-checkbox';
 
 export default function componentsList(vm: VM): string {
@@ -9,7 +9,7 @@ export default function componentsList(vm: VM): string {
     ? '<div class="date">Updated</div><div class="activity">Activity</div>'
     : '';
 
-  const componentRow = component => {
+  const componentRow = (component: Component) => {
     const componentState = component.oc.state
       ? `<div class="state component-state-${component.oc.state.toLowerCase()}">${
           component.oc.state

src/registry/views/partials/components-plugins.ts

@@ -1,6 +1,6 @@
 import { VM } from '../../../types';
 
-export default function componentsPlugins(vm: VM) {
+export default function componentsPlugins(vm: VM): string {
   const pluginRow = ([
     name,
     description

src/registry/views/partials/components-templates.ts

@@ -1,8 +1,13 @@
 import { VM } from '../../../types';
 
 export default function componentsTemplates(vm: VM): string {
-  const externalLink = ({ global, url }) =>
-    `<a href="${url}" target="_blank">${global}</a>`;
+  const externalLink = ({
+    global,
+    url
+  }: {
+    global: string | string[];
+    url: string;
+  }) => `<a href="${url}" target="_blank">${global}</a>`;
 
   const templateRow = ({
     externals,

src/registry/views/partials/layout.ts

@@ -6,7 +6,7 @@ const layout = (vm: { title: string; href: string }) => ({
 }: {
   content: string;
   scripts: string;
-}) => {
+}): string => {
   const href = vm.href.replace('http://', '//').replace('https://', '//');
 
   return `<!DOCTYPE html><html>