Closes #57, npm audit fix (#58)

* add codefresh
* fix several security vulnerabilities in dependencies

Author: asabaylus

.dockerignore

@@ -0,0 +1,16 @@
+# coverage
+# npm-debug.log
+# .vscode
+# .jest-test-results.json
+# .git
+# CNAME
+# dist
+# pids
+# *.pid
+# *.seed
+# *.pid.lock
+# .DS_Store
+# lib-cov
+# node_modules
+# .babel-cache
+# docs

.gitignore

@@ -7,9 +7,6 @@ npm-debug.log*
 # Build deps
 .jest-test-results.json
 
-# Website
-out*
-
 # Runtime data
 pids
 *.pid

.npmignore

@@ -7,4 +7,3 @@ docs/
 rollup.config.*
 .*
 CNAME
-index.html

Dockerfile

@@ -0,0 +1,38 @@
+FROM node:10.15.0-alpine AS builder
+
+WORKDIR /app
+
+COPY package.json /app
+
+# Install git required for codecov and chromatic cli's
+RUN apk --no-cache add git
+
+# Create the .npmrc file
+RUN echo ${NPMRC} | base64 -d > .npmrc
+
+# Creating tar of productions dependencies
+RUN npm i && cp -rp ./node_modules /tmp/node_modules
+
+# Copying application code
+COPY . /app
+
+# Install CodeClimate Test Coverage Reporter
+RUN apk --no-cache add curl  
+RUN curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > "/usr/bin/cc-test-reporter" && chmod +x "/usr/bin/cc-test-reporter" && cp -p /usr/bin/cc-test-reporter /tmp/cc-test-reporter
+
+#FROM node:10.15.0-alpine AS runner
+
+# Expose Storybook port
+EXPOSE 6006
+WORKDIR /app
+
+# Adding production dependencies to image
+# COPY --from=builder /tmp/node_modules /app/node_modules
+
+# Copy Apps (Git and CodeCov)
+# COPY --from=builder /tmp/ /usr/bin/
+
+# Copying application code
+# COPY . /app
+
+CMD npm run build

README.md

@@ -2,6 +2,7 @@
 # React Command Palette
 WAI-ARIA compliant React command palette like the one in Atom and Sublime
 
+[![Codefresh build status]( https://g.codefresh.io/api/badges/pipeline/asabaylus/asabaylus%2Freact-command-palette%2Freact_command_palette?branch=master&key=eyJhbGciOiJIUzI1NiJ9.NWMzNjdiYTlhODU5MTAxOWFjOTdkNDEz.qLcoo1kugnvaRfNdM5ujH-bELwuU6KGPe65RB-tdlVk&type=cf-1)]( https://g.codefresh.io/pipelines/react_command_palette/builds?repoOwner=asabaylus&repoName=react-command-palette&serviceName=asabaylus%2Freact-command-palette&filter=trigger:build~Build;branch:master;pipeline:5c3e788ab131c1ebb82e699d~react_command_palette)
 [![Codeship Status for asabaylus/react-command-palette](https://app.codeship.com/projects/f7cc0a30-3533-0135-cd98-56b308955afb/status?branch=master)](https://app.codeship.com/projects/227053)
 [![codecov](https://codecov.io/gh/asabaylus/react-command-palette/branch/master/graph/badge.svg)](https://codecov.io/gh/asabaylus/react-command-palette)
 [![Maintainability](https://api.codeclimate.com/v1/badges/761754992fe0cd293c40/maintainability)](https://codeclimate.com/github/asabaylus/react-command-palette/maintainability)
@@ -114,5 +115,34 @@ $ npm run dev
 $ npm run build-storybook
 ```
 
+## Building with Docker
+Build and tag the Docker image:
+```
+$ docker build -t  react-command-palette .
+```
+
+Then, spin up the container once the build is done:
+```
+$ docker run -it \
+  -v ${PWD}:/usr/src/app \
+  -v /usr/src/app/node_modules \
+  -p 6006:6006 \
+  npm i && npm run dev
+```
+You only need to run "npm i" the when the container is first created. The devDependencies need to be installed to compile and test the build during development. On subsequent builds run:
+```
+$ docker run -it \
+  -v ${PWD}:/usr/src/app \
+  -v /usr/src/app/node_modules \
+  -p 6006:6006 \
+  npm run dev
+```
+
+Open your browser to http://localhost:6006/ and you should see the app. Try making a change to the command-palette component within your code editor. You should see the app hot-reload. Kill the server once done.
+
+### Package for production with Docker:
+CodeFresh.io will autmatically run this build to prepare the package 
+for publication to npm whenever a pull request is merged to master.
+
 ## Sponsors
-Visual Regression Tests by [ChromaticQA](https://www.chromaticqa.com/)
+Visual Regression Tests by [ChromaticQA](https://www.chromaticqa.com/)

codefresh.yml

@@ -0,0 +1,54 @@
+version: '1.0'
+steps:
+  BuildingDockerImage:
+    title: Build Docker Image
+    type: build
+    image_name: asabaylus/reactcommandpalette
+    working_directory: ./
+    tag: '${{CF_BRANCH_TAG_NORMALIZED}}'
+    dockerfile: Dockerfile
+    build_arguments:
+      - CF_BRANCH=${{CF_BRANCH}}
+      - NPM_TOKEN=${{NPM_TOKEN}}
+  UnitTest:
+    title: Jest
+    image: ${{BuildingDockerImage}}
+    working_directory: /app
+    commands:
+      - npm test
+  Lint:
+    title: ESlint
+    image: ${{BuildingDockerImage}}
+    working_directory: /app
+    commands:
+      - npm run lint
+  VisualRegression:
+    title: Chromatic
+    image: ${{BuildingDockerImage}}
+    working_directory: /app
+    build_arguments:
+      - CHROMATIC_APP_CODE=${{CHROMATIC_APP_CODE}}
+    commands:
+      - npm run prebuild:storybook
+      - npm run chromatic
+  Coverage:
+    title: CodeCov & CodeClimate Coverage
+    image: ${{BuildingDockerImage}}
+    working_directory: /app
+    build_arguments:
+      - CC_TEST_REPORTER_ID=${{CC_TEST_REPORTER_ID}}
+    commands:
+      - ./node_modules/.bin/codecov
+      # - cc-test-reporter after-build -t lcov --prefix "/codefresh/volume/react-command-palette" --exit-code $?
+  PublishNPM:
+    title: Publish to NPM
+    image: ${{BuildingDockerImage}}
+    working_directory: /app
+    build_arguments:
+      - NPM_TOKEN=${{NPM_TOKEN}}
+    commands:
+      - npm publish --dry-run
+    when:
+      branch:
+        only:
+          - master

docs/iframe.html

@@ -1,7 +1,7 @@
-<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><base target="_parent"><style>:not(.sb-show-main) > .sb-main,
+<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><meta name="viewport" content="width=device-width,initial-scale=1"><base target="_parent"><style>:not(.sb-show-main) > .sb-main,
   :not(.sb-show-nopreview) > .sb-nopreview,
   :not(.sb-show-errordisplay) > .sb-errordisplay {
-      display: none;
+    display: none;
   }
 
   .sb-wrapper {
@@ -48,13 +48,14 @@
     font-size: 14px;
     width: 100vw;
     overflow: auto;
-  }</style><script>try {
+  }</style><script>/* globals window */
+  /* eslint-disable no-underscore-dangle */
+  try {
     if (window.parent !== window) {
       window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
       window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
     }
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.warn('unable to connect to parent frame for connecting dev tools');
-  }</script></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the storybook config.</li><li>Try reloading the page.</li></ul></div></div><div class="sb-errordisplay sb-wrapper"><div id="error-message" class="sb-heading"></div><pre class="sb-errordisplay_code">
-    <code id="error-stack"></code>
-  </pre></div><div id="root"></div><script src="runtime~main.cbc6baa1bb88c6d5c1b1.bundle.js"></script><script src="vendors~main.cbc6baa1bb88c6d5c1b1.bundle.js"></script><script src="main.cbc6baa1bb88c6d5c1b1.bundle.js"></script></body></html>
+  }</script></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><div id="error-message" class="sb-heading"></div><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><script src="runtime~main.2bf26010cfd559e04d8b.bundle.js"></script><script src="vendors~main.2bf26010cfd559e04d8b.bundle.js"></script><script src="main.2bf26010cfd559e04d8b.bundle.js"></script></body></html>

docs/index.html

@@ -1,14 +1,17 @@
-<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><style>html, body {
+<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><meta name="viewport" content="width=device-width,initial-scale=1"><style>html, body {
     overflow: hidden;
     height: 100%;
     width: 100%;
     margin: 0;
     padding: 0;
-  }</style><script>try {
+  }</style><script>/* globals window */
+  /* eslint-disable no-underscore-dangle */
+  try {
     if (window.parent !== window) {
       window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
       window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
     }
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.warn('unable to connect to parent frame for connecting dev tools');
-  }</script></head><body><div id="root"></div><script src="/sb_dll/storybook_ui_dll.js"></script><script src="runtime~main.729a62daeea60911f9f0.bundle.js"></script><script src="vendors~main.0e31423da3a604242b15.bundle.js"></script><script src="main.0e777b5dc57c1c727d67.bundle.js"></script></body></html>
+  }</script></head><body><div id="root"></div><script src="runtime~main.6ac4c33d73ae9704bbb9.bundle.js"></script><script src="vendors~main.a54d446d916e9cdaa820.bundle.js"></script><script src="main.3dd87f6ba79754fb6de4.bundle.js"></script></body></html>