oc 0.49.21 → 0.49.22

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

@@ -1,65 +0,0 @@
-import { ParsedComponent, VM } from '../../../types';
-import getSelectedCheckbox from './selected-checkbox';
-
-export default function componentsList(vm: VM): string {
-  const isLocal = vm.type !== 'oc-registry';
-  const selectedCheckbox = getSelectedCheckbox(vm);
-
-  const extraColumn = !isLocal
-    ? '<div class="date">Updated</div><div class="activity">Activity</div>'
-    : '';
-
-  const componentRow = (component: ParsedComponent) => {
-    const componentState = component.oc.state
-      ? `<div class="state component-state-${component.oc.state.toLowerCase()}">${
-          component.oc.state
-        }</div>`
-      : '';
-
-    const isHidden =
-      component.oc.state === 'deprecated' ||
-      component.oc.state === 'experimental';
-
-    const extraColumn = !isLocal
-      ? `<div class="date">${
-          component.oc.stringifiedDate || ''
-        }</div><div class="activity">${component.allVersions.length}</div>`
-      : '';
-
-    return `<a href="${component.name}/${component.version}/~info">
-  <div id="component-${component.name}" class="componentRow row table${
-      isHidden ? ' hide' : ''
-    }">
-    <div class="title">
-      <p class="name">${component.name}</p>
-      <span class="description">${component.description}</span>
-    </div>
-    ${componentState}
-    <div class="author">${component.author.name || ''}</div>
-    <div>${component.version}</div>
-    ${extraColumn}
-  </div>
-</a>`;
-  };
-
-  return `<div id="components-list" class="box">
-  <form id="filter-components">
-    <div class="filters">
-      <input class="search-filter" type="text" placeholder="Filter by component name" />
-      <input class="author-filter" type="text" placeholder="Filter by component author" />
-    </div>
-    <div class="states">
-      <span>Hide:</span>
-      ${selectedCheckbox('deprecated')}
-      ${selectedCheckbox('experimental')}
-    </div>
-  </form>
-  <div class="row header componentRow table">
-    <div class="title"></div>
-    <div class="author">Author</div>
-    <div>Latest version</div>
-    ${extraColumn}
-  </div>
-  ${vm.components.map(componentRow).join('')}
-</div>`;
-}

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

@@ -1,23 +0,0 @@
-import { VM } from '../../../types';
-
-export default function componentsPlugins(vm: VM): string {
-  const pluginRow = ([
-    name,
-    description
-  ]: string[]) => `<div class="componentRow row table">
-    <p class="release">
-      <span style="font-weight: bold">${
-        name + (description ? ':' : '')
-      }</span>${description}
-    </p>
-  </div>
-`;
-
-  const plugins = Object.entries(vm.availablePlugins).map(
-    ([pluginName, fn]) => [pluginName, fn.toString()]
-  );
-
-  return `<div id="components-plugins" class="box">${
-    plugins.length ? plugins.map(pluginRow).join('') : 'No plugins registered'
-  }</div>`;
-}

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

@@ -1,36 +0,0 @@
-import { VM } from '../../../types';
-
-export default function componentsTemplates(vm: VM): string {
-  const externalLink = ({
-    global,
-    url
-  }: {
-    global: string | string[];
-    url: string;
-  }) => `<a href="${url}" target="_blank">${global}</a>`;
-
-  const templateRow = ({
-    externals,
-    type,
-    version
-  }: {
-    type: string;
-    version: string;
-    externals: Array<{ global: string | string[]; url: string }>;
-  }) => {
-    const externalLinks = externals.map(externalLink).join(', ');
-    const externalsLabel = externalLinks ? `(Externals: ${externalLinks})` : '';
-
-    return `<div class="componentRow row table">
-    <p class="release">
-      <a href="https://www.npmjs.com/package/${type}" target="_blank">${type}@${version}</a>
-      ${externalsLabel}
-    </p>
-  </div>
-`;
-  };
-
-  return `<div id="components-templates" class="box">${vm.templates
-    .map(templateRow)
-    .join('')}</div>`;
-}

package/src/registry/views/partials/layout.ts

@@ -1,32 +0,0 @@
-import styleCSS from '../static/style';
-
-const layout =
-  (vm: { title: string; href: string }) =>
-  ({ content, scripts }: { content: string; scripts: string }): string => {
-    const href = vm.href.replace('http://', '//').replace('https://', '//');
-
-    return `<!DOCTYPE html><html>
-  <head>
-    <title>${vm.title}</title>
-    <meta name="robots" content="index, follow" />
-    <meta name="language" content="EN" />
-    <meta name="distribution" content="global" />
-    <style>${styleCSS}</style>
-  </head>
-  <body>
-    <a href="${vm.href}">
-      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAB0CAYAAADAUH2QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE4NzVDRUU2RjI2MTExRTRCRUVCQTEwNEU0MzAzREYyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE4NzVDRUU1RjI2MTExRTRCRUVCQTEwNEU0MzAzREYyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIElsbHVzdHJhdG9yIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTRlMTNiNDMtMDFlZC00YjY2LWIxZGEtNTk0YzhkMjVjMTZjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmE0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" />
-    </a>
-    <h1>OpenComponents Registry</h1>
-    ${content}
-    <div class="social">
-      <iframe id="gh_badge" src="//ghbtns.com/github-btn.html?user=opencomponents&repo=oc&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
-    </div>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-    <script src="${href}oc-client/client.js"></script>
-    ${scripts}
-  </body>
-</html>`;
-  };
-
-export default layout;

package/src/registry/views/partials/property.ts

@@ -1,17 +0,0 @@
-const property =
-  () =>
-  (
-    display: string,
-    value?: Date | string | number,
-    linked?: boolean
-  ): string => {
-    if (!value) return '';
-
-    const label = linked
-      ? `<a href="${value}">${value}</a>`
-      : `<span>${value}</span>`;
-
-    return `<div class="field"><p>${display}:</p> ${label}</div>`;
-  };
-
-export default property;

package/src/registry/views/partials/selected-checkbox.ts

@@ -1,16 +0,0 @@
-import { VM } from '../../../types';
-
-type State = keyof VM['stateCounts'];
-
-const selectedCheckbox =
-  (vm: VM) =>
-  (name: State): string => {
-    const getCount = (state: State) => vm.stateCounts[state] || 0;
-
-    return `<input type="checkbox" name="${name}" checked />
-<div class="state">
-  <span class="component-state-${name}">${name} (${getCount(name)})</span>
-</div>`;
-  };
-
-export default selectedCheckbox;

package/src/registry/views/preview.ts

@@ -1,37 +0,0 @@
-import { Component, TemplateInfo } from '../../types';
-
-export default function preview(vm: {
-  href: string;
-  component: Component;
-  qs: string;
-  liveReload: string;
-  templates: TemplateInfo[];
-}): string {
-  const baseUrl = vm.href.replace('http://', '//').replace('https://', '//');
-  const { name, version } = vm.component;
-  const componentHref = `${baseUrl}${name}/${version}/${vm.qs}`;
-
-  return `<!DOCTYPE html>
-  <html>
-    <head>
-      <style>
-        html, body {
-          width: 100%;
-          height: 100%;
-          margin: 0;
-        };
-      </style>
-      <meta name="robots" content="index, follow" />
-      <meta charset="utf-8" />
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-    </head>
-    <body>
-      <oc-component href="${componentHref}"></oc-component>
-      <script>window.oc=window.oc||{};oc.conf=oc.conf||{};oc.conf.templates=(oc.conf.templates||[]).concat(${JSON.stringify(
-        vm.templates
-      )});</script>
-      <script src="${baseUrl}oc-client/client.js"></script>
-      ${vm.liveReload}
-    </body>
-  </html>`;
-}

package/src/registry/views/static/index.ts

@@ -1,92 +0,0 @@
-export default `'use strict';
-
-var oc = oc || {};
-oc.cmd = oc.cmd || [];
-
-oc.cmd.push(function() {
-  var componentsListChanged = function() {
-    $('.componentRow').removeClass('hide');
-    var s = $('.search-filter').val(),
-      a = $('.author-filter').val(),
-      r = new RegExp(s),
-      ar = new RegExp(a, 'i'),
-      selectedCheckboxes = $('input[type=checkbox]:checked'),
-      hiddenStates = [],
-      hidden = 0,
-      i;
-
-    for (i = 0; i < selectedCheckboxes.length; i++) {
-      hiddenStates.push($(selectedCheckboxes[i]).attr('name'));
-    }
-
-    for (i = 0; i < componentsList.length; i++) {
-      var matches = !s || !!componentsList[i].name.match(r),
-        matchesAuthor =
-          !a ||
-          (componentsList[i].author.name &&
-            !!componentsList[i].author.name.match(ar)),
-        selector = $('#component-' + componentsList[i].name),
-        isHidden = false;
-
-      for (var j = 0; j < hiddenStates.length; j++) {
-        if (componentsList[i].state.toLowerCase() === hiddenStates[j]) {
-          isHidden = true;
-        }
-      }
-
-      var show = matches && matchesAuthor && !isHidden;
-      selector[show ? 'removeClass' : 'addClass']('hide');
-      if (!show) {
-        hidden += 1;
-      }
-    }
-
-    var totalShowing = componentsList.length - hidden,
-      result = 'Showing ' + totalShowing + ' components';
-
-    if (s) {
-      result += ' matching search query: "' + s + '"';
-      if (a) {
-        result += ' and';
-      }
-    }
-    if (a) {
-      result += ' matching author query: "' + a + '"';
-    }
-
-    $('.componentRow.header .title').text(result);
-
-    return false;
-  };
-
-  var initialiseTabs = function() {
-    var selectItem = function(target) {
-      var $target = $(target);
-      $('.box').hide();
-      $target.show();
-      $('#menuList a').removeClass('selected');
-      $('#menuList a[href="' + target + '"]').addClass('selected');
-    };
-
-    var hash = location.href.split('#')[1] || '';
-    var isHashValid = hash && $('#' + hash);
-    var target = isHashValid ? '#' + hash : $($('#menuList a')[0]).attr('href');
-    selectItem(target);
-
-    $('#menuList a').click(function() {
-      selectItem($(this).attr('href'));
-    });
-  };
-
-  $('#filter-components')
-    .submit(componentsListChanged)
-    .keyup(componentsListChanged);
-  $('#filter-components input[type=checkbox]').change(componentsListChanged);
-
-  if (q) {
-    $('.search').val(q);
-  }
-
-  componentsListChanged();
-  initialiseTabs();
-});`;

package/src/registry/views/static/info.ts

@@ -1,43 +0,0 @@
-export default `
-var oc = oc || {};
-oc.cmd = oc.cmd || [];
-
-oc.cmd.push(function() {
-  $('#versions').change(function() {
-    window.location = thisComponentHref + $(this).val() + '/~info';
-  });
-
-  var refreshPreview = function() {
-    var splitted = $('#href')
-        .val()
-        .split('?'),
-      url = splitted[0],
-      lang = $('#lang').val();
-
-    if (url.slice(-1) !== '/') {
-      url += '/';
-    }
-
-    url = url.replace('http://', '//').replace('https://', '//');
-    url += '~preview/?__ocAcceptLanguage=' + lang + '&';
-
-    if (splitted.length > 1) {
-      url += splitted[1];
-    }
-
-    $('.preview').attr('src', url);
-
-    return false;
-  };
-  $('.refresh-preview').click(refreshPreview);
-
-  $('.open-preview').click(function() {
-    refreshPreview();
-    var url = $('.preview').attr('src');
-
-    window.open(url, '_blank');
-    return false;
-  });
-
-
-});`;

package/src/registry/views/static/style.ts

@@ -1,277 +0,0 @@
-export default `body {
-  width: 1024px;
-  margin: 0 auto;
-  font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
-}
-
-h1, h2, h3 {
-  color: darkred;
-  float: left;
-  width: 100%;
-}
-
-h1 {
-  margin-top: 0;
-  color: #000;
-  border-bottom: 1px solid #000;
-}
-
-a {
-  color: #000;
-}
-
-p {
-  float: left;
-  margin-top: 0;
-}
-
-.back {
-  float: left;
-  width: 100%;
-  margin-top: -20px;
-}
-
-.code,
-.preview {
-  float: left;
-  width: 100%;
-}
-
-.preview {
-  height: 300px;
-  border: 1px solid #000;
-}
-
-.table {
-  width: 100%;
-  float: left;
-}
-
-.w-100 {
-  width: 100%;
-}
-
-.row {
-  background-color: #F9F9F9;
-  border: 1px solid #000;
-  width: 100%;
-  display: flex;
-  padding: 10px 0px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  margin-bottom: 4px;
-}
-
-.row.header {
-  background-color: #EBE9E9;
-  border: 1px solid #000 !important;
-}
-
-.row.header div {
-  font-weight: bold;
-  margin: 0;
-  align-self: flex-start;
-}
-
-.row.double {
-  min-height: 60px;
-}
-
-.row div {
-  word-wrap: break-word;
-}
-
-.row span {
-  padding-right: 10px;
-}
-
-.componentRow:hover {
-  background-color: #EBE9E9;
-}
-
-.componentRow .title .name {
-  font-weight: bold;
-  font-size: 18px;
-  margin: 0;
-  width: 100%;
-}
-
-.componentRow .release {
-  font-size: 16px;
-  margin: 0;
-  width: 100%;
-}
-
-.componentRow .title .description {
-  padding: 0;
-  font-size: 14px;
-}
-
-.social {
-  float: left;
-  width: 100%;
-  margin-top: 20px;
-  text-align: center;
-}
-
-.field {
-  width: 100%;
-  float: left;
-}
-
-.field p,
-.field span,
-.field a {
-  float: left;
-  margin: 0;
-}
-
-.field p {
-  color: #8B0000;
-  font-weight: bold;
-  margin-right: 10px;
-}
-
-input[type=text],
-textarea {
-  height: 43px;
-  font-family: Arial;
-  border: 1px solid #8B0000;
-  margin-bottom: 10px;
-  font-size: 20px;
-  padding: 10px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-.filters {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-
-.row > * {
-  flex: 0 1 8%;
-  padding: 0px 5px;
-  align-self: center;
-}
-
-.row > *:last-child {
-  padding-right: 10px;
-}
-
-.row > *:first-child {
-  padding-left: 10px;
-}
-
-.release,
-.title,
-.filters > * {
-  flex: 1 0;
-}
-
-.title {
-  display: flex;
-  flex-direction: column;
-}
-
-.author-filter {
-  flex: 0 1 30%;
-  margin-left: 15px;
-}
-
-.parameter {
-  flex: 1 0;
-  max-width: 25%;
-  align-self: flex-start;
-}
-
-.parameter-description {
-  flex: 1 0;
-  max-width: 70%;
-}
-
-.author {
-  flex: 0 1 15%;
-  word-break: break-all;
-}
-
-#href {
-  height: 60px;
-}
-
-.states {
-  width: 100%;
-  margin-bottom: 30px;
-}
-
-.states span,
-.states .state {
-  float: left;
-  margin-right: 20px;
-}
-
-.states input {
-  float: left;
-}
-
-.details-state span {
-  padding: 1px 5px;
-  margin-left: 10px;
-  font-size: 75%;
-  font-weight: bold;
-  color: #FFF;
-  background-color: #1E42B9;
-  white-space: nowrap;
-}
-
-.state {
-  margin-right: 10px;
-  font-size: 75%;
-  font-weight: bold;
-  color: #FFF;
-  white-space: nowrap;
-}
-
-.table .state {
-  background-color: #1E42B9;
-  height: 17px;
-  padding: 1px 5px;
-}
-
-.component-state-experimental,
-.details-state .component-state-experimental,
-.table .component-state-experimental {
-  background-color: #B9961E;
-  height: 17px;
-  padding: 1px 5px;
-}
-
-.component-state-deprecated,
-.details-state .component-state-deprecated,
-.table .component-state-deprecated {
-  background-color: #B9381E;
-  height: 17px;
-  padding: 1px 5px;
-}
-
-a.tab-link {
-  color: #8B0000;
-}
-
-a.tab-link.selected {
-  background-color: #8b0000;
-  color: #fff;
-  text-decoration: none;
-}
-
-.bold {
-  font-weight: bold;
-}
-
-.hide {
-  display: none !important;
-}
-`;