mattnorris

Publish to private npm registry from your CI pipeline

If you want to publish packages to your private registry, e.g. to jfrog.io/Verdaccio/... you should note some important things:

1) Authenticate on your local machine

To authenticate against the private repository, you've to use the npm cli tool. But first you should get your API access token. That's safer than using your password.

npm adduser --registry https://<registry_url>/<api_path>/ --always-auth

mattnorris

Build

Botkit & Webex

Follow Botkit's instructions to create a Webex Teams bot. (During this tutorial, you will create bot credentials at Webex for Developers and remix https://glitch.com/~botkit-cisco-webex-teams to create a hosted bot.)

Glitch

After creating a hosted bot on glitch.com, edit its .env file to look like this:

mattnorris

#!/bin/sh
# This hook is run after a new virtualenv is activated. It resides in the  
# WORKON_HOME directory. 

SITE_PKGS="lib/python2.5/site-packages" # relative path to site pacakges for easy_install
SEP="################################################################################"  

cdvirtualenv

echo "Creating the project's directory structure..."

mattnorris

Creating Whispernote's GitHub Project Page

Jekyll, GitHub's static site generator, and Bootstrap were used to create Whispernote's GitHub Project Page. This document shows how.

Project Goals

I wanted a stylish "brand" page for my project, and I wanted to reuse the README file I had created without a lot of copy/pasting. GitHub's Jekyll allowed me to essentially embed the file as a partial. What I got was really an enhanced README file (thanks to some jQuery and Bootstrap), which is exactly what I wanted.

gh-pages

mattnorris

"""
Given the following directory structure: 

project-name
  docs
  scripts
  src
    lib
  test
    input

mattnorris

<!--
Navbar
Source: http://twitter.github.com/bootstrap/
-->
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <!-- Expand button for smaller devices -->
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>

mattnorris

// Include in a <script> tag. 
$(function() {
    // Highlight the active nav link.
    var url = window.location.pathname;
    var filename = url.substr(url.lastIndexOf('/') + 1);
    $('.navbar a[href$="' + filename + '"]').parent().addClass("active");
});

mattnorris

// Tablets and below
@media (max-width: 767px) {
  // Remove the extra padding for media queries so the Jumbotron
  // still spans the full width of the page, even in mobile browsers.
  // Instead, move the padding into the container-fluid class.
  body {
    padding-left: 0;
    padding-right: 0;
  }
  .container-fluid {