<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <link rel="icon" href="/favicon.ico">

    <title>PCFS Node.js Demo</title>

    <!-- Bootstrap core CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles  -->
    <link href="css/demo.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- do this here so the page only loads after ajax call -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <script>
      var globalInstance = {};

      // get info synchronously for Vue
      $.ajax({
        url: '/info',
        type: 'get',
        dataType: 'json',
        async: false,
        success: function(data) {
          globalInstance = data;
        }
      });
    </script>
  </head>

  <body>
    <!-- Vue templates-->
    <template id="instances-template">
      <div class="row expander" id="instances">
        <instance-component v-for="(instance, index) in instances" :instance="instance" :index="index">
        </instance-component>
      </div>
    </template>

    <template id="instance-template">
      <div class="col-md-4 col-sm-6 col-xs-12 text-center">
        <img v-if="redis" :src="'holder.js/100px280?text=' + index +  '&bg=' + colour">
        <img v-else :src="'holder.js/100px280?fg=' + colour + '&bg=' + colour">
        <p v-if="thisInstance" class="line-50">
          <a :href="'/killme?index=' + index">kill me</a>
        </p>
        <p v-else class="line-50">id: {{ instance }}</p>
      </div>
    </template>
    <!-- End Vue templates-->

    <!-- navbar -->
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <span class="navbar-brand">Pivotal Cloud Foundry Services</span>
        </div>
      </div>
    </nav>

    <!-- content -->
    <div class="container expander" id="app">
      <h1>{{ applicationName }} <small>app id: {{ applicationId }}</small>
      </h1>
      <p v-if="redis" class="lead">
        Redis is <strong>enabled</strong>. There are <strong>{{ instances.length }}</strong> instances behind this app, the one you are viewing is <strong :style="'color: #' + colour">highlighted</strong>.
      </p>
      <p v-else class="lead">
        Redis is <strong>disabled</strong>.
      </p>
      <instances-component :instances="instances"></instances-component>

      <!-- footer -->
      <div class="row footer line-50">
        <div class="col-xs-12 col-sm-6 text-left">
          <p class="text-muted">instance id: {{ instanceId }}</p>
        </div>
        <div class="col-xs-12 col-sm-6 text-right">
          <p class="text-muted">&copy; PCFS 2017</p>
        </div>
      </div>

    </div> <!-- /app -->

  <!-- yavascripts-->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
  <script src="/js/vendor/holder.min.js"></script>
  <script>
    //instances component
    Vue.component('instances-component', {
      template: '#instances-template',
      props: ['instances']
    });
<commit_msg>vendor in vue.js<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <link rel="icon" href="/favicon.ico">

    <title>PCFS Node.js Demo</title>

    <!-- Bootstrap core CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles  -->
    <link href="css/demo.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- do this here so the page only loads after ajax call -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <script>
      var globalInstance = {};

      // get info synchronously for Vue
      $.ajax({
        url: '/info',
        type: 'get',
        dataType: 'json',
        async: false,
        success: function(data) {
          globalInstance = data;
        }
      });
    </script>
  </head>

  <body>
    <!-- Vue templates-->
    <template id="instances-template">
      <div class="row expander" id="instances">
        <instance-component v-for="(instance, index) in instances" :instance="instance" :index="index">
        </instance-component>
      </div>
    </template>

    <template id="instance-template">
      <div class="col-md-4 col-sm-6 col-xs-12 text-center">
        <img v-if="redis" :src="'holder.js/100px280?text=' + index +  '&bg=' + colour">
        <img v-else :src="'holder.js/100px280?fg=' + colour + '&bg=' + colour">
        <p v-if="thisInstance" class="line-50">
          <a :href="'/killme?index=' + index">kill me</a>
        </p>
        <p v-else class="line-50">id: {{ instance }}</p>
      </div>
    </template>
    <!-- End Vue templates-->

    <!-- navbar -->
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <span class="navbar-brand">Pivotal Cloud Foundry Services</span>
        </div>
      </div>
    </nav>

    <!-- content -->
    <div class="container expander" id="app">
      <h1>{{ applicationName }} <small>app id: {{ applicationId }}</small>
      </h1>
      <p v-if="redis" class="lead">
        Redis is <strong>enabled</strong>. There are <strong>{{ instances.length }}</strong> instances behind this app, the one you are viewing is <strong :style="'color: #' + colour">highlighted</strong>.
      </p>
      <p v-else class="lead">
        Redis is <strong>disabled</strong>.
      </p>
      <instances-component :instances="instances"></instances-component>

      <!-- footer -->
      <div class="row footer line-50">
        <div class="col-xs-12 col-sm-6 text-left">
          <p class="text-muted">instance id: {{ instanceId }}</p>
        </div>
        <div class="col-xs-12 col-sm-6 text-right">
          <p class="text-muted">&copy; PCFS 2017</p>
        </div>
      </div>

    </div> <!-- /app -->

  <!-- yavascripts-->
  <script src="/js/vendor/vue.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
  <script src="/js/vendor/holder.min.js"></script>
  <script>
    //instances component
    Vue.component('instances-component', {
      template: '#instances-template',
      props: ['instances']
    });

{'fraction_non_alphanumeric': 0.19398942344898748, 'fraction_numerical': 0.015219914871662582, 'mean_word_length': 2.5964749536178107, 'pattern_counts': {'":': 0, '<': 205, '<?xml version=': 0, '>': 205, 'https://': 11, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6841206', 'n_tokens_mistral': 2611, 'n_tokens_neox': 2478, 'n_words': 556}