From 25388bb9b74c5b40018ddd8046969e6247cf980e Mon Sep 17 00:00:00 2001 From: Daniel Golden Date: Tue, 31 Mar 2020 10:33:11 -0400 Subject: [PATCH 1/6] feat: upgrade project metadata for catalog newrelic#25 --- README.md | 6 +- catalog/config.json | 17 +++ catalog/documentation.md | 130 ++++++++++++++++++ {screenshots => catalog/screenshots}/.gitkeep | 0 .../screenshots/nr1-customer-journey-1.png | Bin .../screenshots/nr1-customer-journey-2.png | Bin nr1.json | 4 +- 7 files changed, 153 insertions(+), 4 deletions(-) create mode 100644 catalog/config.json create mode 100644 catalog/documentation.md rename {screenshots => catalog/screenshots}/.gitkeep (100%) rename screenshots/screenshot_01.png => catalog/screenshots/nr1-customer-journey-1.png (100%) rename screenshots/screenshot_02.png => catalog/screenshots/nr1-customer-journey-2.png (100%) diff --git a/README.md b/README.md index f95bccf..3d048c7 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ +[![New Relic One Catalog Project header](https://github.com/newrelic/open-source-office/raw/master/examples/categories/images/New_Relic_One_Catalog_Project.png)](https://github.com/newrelic/open-source-office/blob/master/examples/categories/index.md#nr1-catalog) + # nr1-customer-journey [![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors) @@ -22,13 +24,13 @@ It leverages a [`nr1-funnel-component`](https://github.com/newrelic/nr1-funnel-c For each row (Step) and column (Series), the Nerdpack renders a set of measurements (Stat). Those calculations can apply KPI thresholds to color-code the information. Each panel is also `clickable`, leading to a more detailed overview. -![Overview](screenshots/screenshot_01.png) +![Overview](catalog/screenshots/nr1-customer-journey-1.png) ### Detail Nerdlet For any `Journey`, `Series`, and `Step`, there's a Nerdlet that will display the more detailed KPI's as well as timeseries view of the the given `Stats` for the selected row and column. -![Details](screenshots/screenshot_02.png) +![Details](catalog/screenshots/nr1-customer-journey-2.png) ## Usage diff --git a/catalog/config.json b/catalog/config.json new file mode 100644 index 0000000..04cd020 --- /dev/null +++ b/catalog/config.json @@ -0,0 +1,17 @@ +{ + "tagline": "An interactive funnel depicting your customers’ journey", + "repository": "https://github.com/newrelic/nr1-customer-journey.git", + "details": "Align multiple cohorts of data and metrics to build an interactive funnel depicting your customers’ journey.", + "support": { + "issues": { + "url": "https://github.com/newrelic/nr1-customer-journey/issues" + }, + "email": { + "address": "opensource+nr1-customer-journey@newrelic.com" + }, + "community": { + "url": "https://discuss.newrelic.com/t/customer-journey-nerdpack/83270" + } + }, + "whatsNew": "CI: bug where uuid not set as env variable \n\n CI: install global npm packages with sudo [skip ci] (42e12b0) \n\n CI: shell expansion bug [skip ci] (1b5daa3)" + } \ No newline at end of file diff --git a/catalog/documentation.md b/catalog/documentation.md new file mode 100644 index 0000000..eae55d4 --- /dev/null +++ b/catalog/documentation.md @@ -0,0 +1,130 @@ +# Documentation + +[![New Relic One Catalog Project header](https://github.com/newrelic/open-source-office/raw/master/examples/categories/images/New_Relic_One_Catalog_Project.png)](https://github.com/newrelic/open-source-office/blob/master/examples/categories/index.md#nr1-catalog) + +[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors) + +![GitHub release (latest SemVer including pre-releases)](https://img.shields.io/github/v/release/newrelic/nr1-customer-journey?include_prereleases&sort=semver) [![Snyk](https://snyk.io/test/github/newrelic/nr1-customer-journey/badge.svg)](https://snyk.io/test/github/newrelic/nr1-customer-journey) + + +## Overview + +`nr1-customer-journey` is like a [NRQL funnel query](https://docs.newrelic.com/docs/query-data/nrql-new-relic-query-language/nrql-query-examples/funnels-evaluate-data-series-events) on steroids. The Nerdpack is designed to allow devops teams, product manager, and digital marketers to examine a number of pre-defined measures in a side-by-side comparison between cohorts (columns) of users through a set of steps (rows). + +* Rows = Steps +* Columns = Series +* Measures = Stats + +The application does this through a few visualizations. + +### Multi-series Funnel + +It leverages a [`nr1-funnel-component`](https://github.com/newrelic/nr1-funnel-component). This visualization combines a 3rd party funnel library with the NR1 `NerdGraphQuery` component to execute three New Relic `NRQL` queries in the same GraphQL request and align the results into one data set that is delivered to the funnel visualization. + +### Data panels + +For each row (Step) and column (Series), the Nerdpack renders a set of measurements (Stat). Those calculations can apply KPI thresholds to color-code the information. Each panel is also `clickable`, leading to a more detailed overview. + +![Overview](https://github.com/newrelic/nr1-customer-journey/blob/master/screenshots/screenshot_01.png) + +### Detail Nerdlet + +For any `Journey`, `Series`, and `Step`, there's a Nerdlet that will display the more detailed KPI's as well as timeseries view of the the given `Stats` for the selected row and column. + +![Details](https://github.com/newrelic/nr1-customer-journey/blob/master/screenshots/screenshot_02.png) + +## Usage + +Currently, the application is driven by a relatively complex JSON config file. The documentation for that configuration file is available [here](https://github.com/newrelic/nr1-customer-journey/blob/master/CONFIG.md). + +## Open Source License + +This project is distributed under the [Apache 2 license](https://github.com/newrelic/nr1-customer-journey/blob/master/LICENSE). + +## What do you need to make this work? + +1. Access to [New Relic One](https://newrelic.com/platform). +2. Configuring the [journeyConfig.js](https://github.com/newrelic/nr1-customer-journey/blob/master/journeyConfig.js). + +### Configuring this Nerdpack + +See [CONFIG.md](https://github.com/newrelic/nr1-customer-journey/blob/master/CONFIG.md) for detailed instructions on the capabilities of each portion of the [journeyConfig.js](https://github.com/newrelic/nr1-customer-journey/blob/master/journeyConfig.js). Also look at the [examples](https://github.com/newrelic/nr1-customer-journey/tree/master/examples) directory for inspiration. + +## Getting started + +First, ensure that you have [Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) and [NPM](https://www.npmjs.com/get-npm) installed. If you're unsure whether you have one or both of them installed, run the following command(s) (If you have them installed these commands will return a version number, if not, the commands won't be recognized): + +```bash +git --version +npm -v +``` + +Next, install the [NR1 CLI](https://one.newrelic.com/launcher/developer-center.launcher) by going to [this link](https://one.newrelic.com/launcher/developer-center.launcher) and following the instructions (5 minutes or less) to install and setup your New Relic development environment. + +Next, to clone this repository and run the code locally against your New Relic data, execute the following command: + +```bash +nr1 nerdpack:clone -r https://github.com/newrelic/nr1-customer-journey.git +cd nr1-customer-journey +nr1 nerdpack:serve +``` + +Visit [https://one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local), navigate to the Nerdpack, and :sparkles: + +## Deploying this Nerdpack + +Open a command prompt in the nerdpack's directory and run the following commands. + +```bash +# To create a new uuid for the nerdpack so that you can deploy it to your account: +# nr1 nerdpack:uuid -g [--profile=your_profile_name] +# To see a list of APIkeys / profiles available in your development environment: +# nr1 profiles:list +nr1 nerdpack:publish [--profile=your_profile_name] +nr1 nerdpack:deploy [-c [DEV|BETA|STABLE]] [--profile=your_profile_name] +nr1 nerdpack:subscribe [-c [DEV|BETA|STABLE]] [--profile=your_profile_name] +``` + +Visit [https://one.newrelic.com](https://one.newrelic.com), navigate to the Nerdpack, and :sparkles: + +## Support + +New Relic has open-sourced this project. This project is provided AS-IS WITHOUT WARRANTY OR SUPPORT, although you can report issues and contribute to the project here on GitHub. + +_Please do not report issues with this software to New Relic Global Technical Support._ + +### Community + +New Relic hosts and moderates an online forum where customers can interact with New Relic employees as well as other customers to get help and share best practices. Like all official New Relic open source projects, there's a related Community topic in the New Relic Explorers Hub. You can find this project's topic/threads here: + +https://discuss.newrelic.com/t/customer-journey-nerdpack/83270 +*(Note: URL subject to change before GA)* + +### Issues / Enhancement Requests + +Issues and enhancement requests can be submitted in the [Issues tab of this repository](https://github.com/newrelic/nr1-customer-journey/issues). Please search for and review the existing open issues before submitting a new issue. + +## Contributing + +Contributions are welcome (and if you submit a Enhancement Request, expect to be invited to contribute it yourself :grin:). Please review our [Contributors Guide](https://github.com/newrelic/nr1-customer-journey/blob/master/CONTRIBUTING.md). + +Keep in mind that when you submit your pull request, you'll need to sign the CLA via the click-through using CLA-Assistant. If you'd like to execute our corporate CLA, or if you have any questions, please drop us an email at opensource@newrelic.com. + +## Contributors ✨ + +Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)): + + + + + + + + + + +
Joel Worrall
Joel Worrall

💻 🤔
Daniel Golden
Daniel Golden

🤔 💻 🎨
Wesley D. Radcliffe
Wesley D. Radcliffe

🤔 💻
Michael Frederick
Michael Frederick

🔧 💻
+ + + +This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! \ No newline at end of file diff --git a/screenshots/.gitkeep b/catalog/screenshots/.gitkeep similarity index 100% rename from screenshots/.gitkeep rename to catalog/screenshots/.gitkeep diff --git a/screenshots/screenshot_01.png b/catalog/screenshots/nr1-customer-journey-1.png similarity index 100% rename from screenshots/screenshot_01.png rename to catalog/screenshots/nr1-customer-journey-1.png diff --git a/screenshots/screenshot_02.png b/catalog/screenshots/nr1-customer-journey-2.png similarity index 100% rename from screenshots/screenshot_02.png rename to catalog/screenshots/nr1-customer-journey-2.png diff --git a/nr1.json b/nr1.json index 309f9b3..ed090db 100644 --- a/nr1.json +++ b/nr1.json @@ -1,6 +1,6 @@ { "schemaType": "NERDPACK", "id": "dd1c343b-af62-47a0-ae13-91cb2b45e599", - "displayName": "nr1-customer-journey", - "description": "NR1 Nerdpack for Customer Journeys." + "displayName": "Customer Journey", + "description": "Align multiple cohorts of data and metrics to build an interactive funnel depicting your customers’ journey." } From 615f89a4ede5f22b4d177720185324c413ec70ad Mon Sep 17 00:00:00 2001 From: Daniel Golden Date: Tue, 31 Mar 2020 14:00:39 -0400 Subject: [PATCH 2/6] Update catalog tagline The old tagline was a bit too long and would fail validation (max is 30 character). Co-Authored-By: Justin Eveland --- catalog/config.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/catalog/config.json b/catalog/config.json index 04cd020..13cfeab 100644 --- a/catalog/config.json +++ b/catalog/config.json @@ -1,5 +1,5 @@ { - "tagline": "An interactive funnel depicting your customers’ journey", + "tagline": "An interactive NRQL funnel", "repository": "https://github.com/newrelic/nr1-customer-journey.git", "details": "Align multiple cohorts of data and metrics to build an interactive funnel depicting your customers’ journey.", "support": { @@ -14,4 +14,4 @@ } }, "whatsNew": "CI: bug where uuid not set as env variable \n\n CI: install global npm packages with sudo [skip ci] (42e12b0) \n\n CI: shell expansion bug [skip ci] (1b5daa3)" - } \ No newline at end of file + } From 07f3254f2b1060d0af9cac1986b678a8690133f6 Mon Sep 17 00:00:00 2001 From: Daniel Golden Date: Tue, 31 Mar 2020 14:01:27 -0400 Subject: [PATCH 3/6] fix: remove images from catalog documentation It would fail validation as the catalog doesn't support images in the documentation.md Co-Authored-By: Justin Eveland --- catalog/documentation.md | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/catalog/documentation.md b/catalog/documentation.md index eae55d4..19823d5 100644 --- a/catalog/documentation.md +++ b/catalog/documentation.md @@ -1,12 +1,3 @@ -# Documentation - -[![New Relic One Catalog Project header](https://github.com/newrelic/open-source-office/raw/master/examples/categories/images/New_Relic_One_Catalog_Project.png)](https://github.com/newrelic/open-source-office/blob/master/examples/categories/index.md#nr1-catalog) - -[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors) - -![GitHub release (latest SemVer including pre-releases)](https://img.shields.io/github/v/release/newrelic/nr1-customer-journey?include_prereleases&sort=semver) [![Snyk](https://snyk.io/test/github/newrelic/nr1-customer-journey/badge.svg)](https://snyk.io/test/github/newrelic/nr1-customer-journey) - - ## Overview `nr1-customer-journey` is like a [NRQL funnel query](https://docs.newrelic.com/docs/query-data/nrql-new-relic-query-language/nrql-query-examples/funnels-evaluate-data-series-events) on steroids. The Nerdpack is designed to allow devops teams, product manager, and digital marketers to examine a number of pre-defined measures in a side-by-side comparison between cohorts (columns) of users through a set of steps (rows). @@ -127,4 +118,4 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d -This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! \ No newline at end of file +This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! From 335fa9640f6b5bef878612b913228102a2086ba5 Mon Sep 17 00:00:00 2001 From: Daniel Golden Date: Tue, 31 Mar 2020 14:01:55 -0400 Subject: [PATCH 4/6] fix: remove image from documentation.md Co-Authored-By: Justin Eveland --- catalog/documentation.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/catalog/documentation.md b/catalog/documentation.md index 19823d5..4a2342c 100644 --- a/catalog/documentation.md +++ b/catalog/documentation.md @@ -16,8 +16,6 @@ It leverages a [`nr1-funnel-component`](https://github.com/newrelic/nr1-funnel-c For each row (Step) and column (Series), the Nerdpack renders a set of measurements (Stat). Those calculations can apply KPI thresholds to color-code the information. Each panel is also `clickable`, leading to a more detailed overview. -![Overview](https://github.com/newrelic/nr1-customer-journey/blob/master/screenshots/screenshot_01.png) - ### Detail Nerdlet For any `Journey`, `Series`, and `Step`, there's a Nerdlet that will display the more detailed KPI's as well as timeseries view of the the given `Stats` for the selected row and column. From de371e3bfb17bc3851a994dda8bbd775ae7dfbe1 Mon Sep 17 00:00:00 2001 From: Daniel Golden Date: Tue, 31 Mar 2020 14:02:34 -0400 Subject: [PATCH 5/6] fix: remove another image from the documentation Co-Authored-By: Justin Eveland --- catalog/documentation.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/catalog/documentation.md b/catalog/documentation.md index 4a2342c..80ab386 100644 --- a/catalog/documentation.md +++ b/catalog/documentation.md @@ -20,8 +20,6 @@ For each row (Step) and column (Series), the Nerdpack renders a set of measureme For any `Journey`, `Series`, and `Step`, there's a Nerdlet that will display the more detailed KPI's as well as timeseries view of the the given `Stats` for the selected row and column. -![Details](https://github.com/newrelic/nr1-customer-journey/blob/master/screenshots/screenshot_02.png) - ## Usage Currently, the application is driven by a relatively complex JSON config file. The documentation for that configuration file is available [here](https://github.com/newrelic/nr1-customer-journey/blob/master/CONFIG.md). From 55b30ea968e194b137f0522bce916b5b5eff693e Mon Sep 17 00:00:00 2001 From: Daniel Golden Date: Tue, 31 Mar 2020 14:15:43 -0400 Subject: [PATCH 6/6] fix: remove contributors from documentation Because images don't render in the catalog --- catalog/documentation.md | 21 +-------------------- 1 file changed, 1 insertion(+), 20 deletions(-) diff --git a/catalog/documentation.md b/catalog/documentation.md index 80ab386..e12ed5a 100644 --- a/catalog/documentation.md +++ b/catalog/documentation.md @@ -95,23 +95,4 @@ Issues and enhancement requests can be submitted in the [Issues tab of this repo Contributions are welcome (and if you submit a Enhancement Request, expect to be invited to contribute it yourself :grin:). Please review our [Contributors Guide](https://github.com/newrelic/nr1-customer-journey/blob/master/CONTRIBUTING.md). -Keep in mind that when you submit your pull request, you'll need to sign the CLA via the click-through using CLA-Assistant. If you'd like to execute our corporate CLA, or if you have any questions, please drop us an email at opensource@newrelic.com. - -## Contributors ✨ - -Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)): - - - - - - - - - - -
Joel Worrall
Joel Worrall

💻 🤔
Daniel Golden
Daniel Golden

🤔 💻 🎨
Wesley D. Radcliffe
Wesley D. Radcliffe

🤔 💻
Michael Frederick
Michael Frederick

🔧 💻
- - - -This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! +Keep in mind that when you submit your pull request, you'll need to sign the CLA via the click-through using CLA-Assistant. If you'd like to execute our corporate CLA, or if you have any questions, please drop us an email at opensource@newrelic.com. \ No newline at end of file