Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/devopsgroup-io/veeva
:wrench: Veeva CLM Generator & Workflow for building iRep Presentations.
https://github.com/devopsgroup-io/veeva
automation clm edetailing salesforce vault veeva workflow
Last synced: 2 months ago
JSON representation
:wrench: Veeva CLM Generator & Workflow for building iRep Presentations.
- Host: GitHub
- URL: https://github.com/devopsgroup-io/veeva
- Owner: devopsgroup-io
- License: mpl-2.0
- Created: 2016-03-08T19:15:24.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2022-12-30T17:14:02.000Z (almost 2 years ago)
- Last Synced: 2024-04-14T12:38:45.625Z (8 months ago)
- Topics: automation, clm, edetailing, salesforce, vault, veeva, workflow
- Language: JavaScript
- Homepage: https://devopsgroup.io
- Size: 2.71 MB
- Stars: 45
- Watchers: 7
- Forks: 32
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Veeva
[](https://www.npmjs.com/package/veeva) [](https://travis-ci.org/devopsgroup-io/veeva)
[]()
> This npm package was developed to centralize core functionality and worklfow processes for building Veeva iRep CLM Presentations.
If you're developing and managing several client Veeva CLM projects, then you know it's cumbersome to introduce new functionality (outside of content)
when your code-base is inconsistent across multiple repositories.
:link: [Veeva CLM Example](https://github.com/devopsgroup-io/veeva/tree/master/examples/clm)
## Features
* Define Veeva CLM presentations in one central `configuration.yml` file
* Template and partial system using Assemble.io
* SASS compilation
* Relative link conversion to veeva: protocol links
* Automatic screen shot, thumbnail, and zip file generation
* iRep control file generator based on `configuration.yml` file
* Vault Multichannel .CSV generator based on `configuration.yml` file
* Development Mode: - Watch, rebuild, and reload Key Messages locally in your web browser
**In This Documentation**
1. [Getting Started](#getting-started)
2. [File Structure](#file-structure)
3. [Working with the Source Files](#working-with-the-source-files)
4. [Options & Settings](#options-and-settings)
5. [Gulp Tasks & Workflow](#gulp-tasks-and-workflow)
6. [Troubleshooting & FAQ](#troubleshooting-and-faq)
## Getting Started
### Dependencies
Install the following prerequisites on your development machine.
* [Node.js](http://nodejs.org)
* [Gulp](http://gulpjs.com) `sudo npm install -g gulp`
* [imagemagick](http://www.imagemagick.org/script/binary-releases.php)
* OSX: `brew install imagemagick`
* Ubuntu: `apt-get install imagemagick`
* Windows or other: [http://www.imagemagick.org/script/binary-releases.php](http://www.imagemagick.org/script/binary-releases.php)
### Quick Start
```
$ npm install veeva --save
```
### Setup
Once the `npm install` has completed, the following file structure below will need to be placed into your project root directory.
For a complete working example, please reference [Veeva CLM Example](https://github.com/devopsgroup-io/veeva/tree/master/examples/clm)
## File Structure
Add your files to the appropriate `app` sub directories. Gulp will process and compile them into `build`.
**Notes**:
* Key Message naming convention is set as the following: **product name**-**Key Message Name**
```
root/
|—— app/
| |—— assets/
| | |—— scss/
| | |—— js/
| |—— templates/
| | |—— includes
| | |—— layouts
| | |—— pages
| | | |—— globals
| | | | |—— fonts
| | | | |—— images
| | | | |—— isi.hbs
| | | | |—— terms.hbs
| | | |—— veeva-home
| | | | |—— images
| | | | |—— veeva-home.hbs
| | | |—— veeva-overview
| | | | |—— images
| | | | |—— veeva-overview.hbs
| | | |—— veeva-resources
| | | | |—— images
| | | | |—— veeva-resources.hbs
| | | |—— veeva-sitemap
| | | | |—— images
| | | | |—— js
| | | | |—— veeva-sitemap.hbs
|
|
|—— configuration.yml
|—— gulfile.js
|—— package.json
```
## Working with the Source Files
### Sass
Sass files are located in `app` > `assets` > `scss`. Gulp watches and generates minified and unminified CSS files.
### JavaScript
JavaScript files are located in the `app` > `assets` > `js` directory.
### Assemble.io Templates
Template files are located in the `app` > `templates`.
## Options and Settings
### Configuration File
[View full configuration.yml example](https://github.com/devopsgroup-io/veeva/tree/master/examples/clm/configuration.yml)
Inside `configuration.yml`, add Key Messages under the clm node.
```yml
clm:
product:
name: 'Product-Name'
suffix: '-'
primary:
name: 'CLM-Presentation-ID'
key_messages:
- key_message: 'home'
description: 'Home'
display_order: '0'
slides:
- slide: 'home'
id: '0'
- key_message: 'overview'
description: 'Veeva Test Overview'
display_order: '1'
slides:
- slide: 'Veeva Test Overview'
id: '2-0'
- key_message: 'sitemap'
description: 'Sitemap'
display_order: '2'
slides:
- slide: 'Sitemap'
id: '0-1'
```
### Changing the Directory Structure
Inside `configuration.yml` you'll see a variable named `paths`. Adjust the paths to suit your workflow.
``` yml
"paths": {
"src": "app",
"dist": "build",
"deploy": "deploy",
"tmp": "build/.tmp",
"pages": "app/templates/pages",
"layouts": "app/templates/layouts"
}
```
## Gulp Tasks and Workflow
For a quick reference in your terminal:
```bash
$ gulp --help
Usage: gulp [options]
TASKS
_________________________________________________________________________
$ gulp Default task that kicks off development mode
$ gulp build Build task
$ gulp stage Stage task
$ gulp veeva-deploy Deploy task
$ gulp veeva-vault-stage Generates a Veeva Vault Multichannel Loader .CSV file
OPTIONS
_________________________________________________________________________
-a --all-key-messages Include hidden Key Messages when staging and deploying
-c --config Show merged configuration
-d --dry-run Do not touch or write anything, but show the commands and interactivity
-e --debug Output exceptions
-h --help Print this help
-k --key-message Build, Stage, and Deploy single Key Message
-v --version Print version number
-V --verbose Verbose output
```
```bash
$ gulp
```
Runs the following workflow:
* Assembles template files
* Compiles Sass files
* Copies project JS files
* Copies the Veeva module JS dependencies
* Copies images
* Starts browserSync, watches for changes, and reloads browser when file changes are triggered
```bash
$ gulp build
```
Runs the following workflow:
* Assembles template files
* Compiles Sass files and minifies CSS
* Uglfies project JS files
* Copies the Veeva module JS dependencies
* Copies images
* Generates Veeva required thumbnails per Key Message
* Enables **deploy mode**
* Converts relative links to Veeva protocol links (Navigation, Click Stream events, etc.)
```bash
$ gulp stage
```
Runs the following workflow:
* Runs the **gulp build** process
* Generates individual Key Message zip files and places them into the `deploy` directory
* Creates individual Key Message ctl files based on `configuration.yml` file details and places them into the `deploy` directory
```bash
$ gulp veeva-deploy
```
**Note:** this process uses FTP information stored in the `configuration.yml` file
Runs the following workflow:
* Uploads all `.zip` files sitting in the `deploy` directory
* Once all of the `.zip` files have been uploaded, all `.ctl` files sitting in the `deploy` directory are then uploaded
```bash
$ gulp veeva-vault-stage
```
Runs the following workflow:
* Generates a Veeva Vault Multichannel Loader `.csv` file based on `configuration.yml` details
## Notes
* Generated thumbnails (screen shots) only process .html files, so static Key Messages (i.e., pdf) will still need to have Veeva required thumbnails generated
## Troubleshooting
If you're having issues with the Veeva Node Package, submit a [submit a GitHub Issue](https://github.com/devopsgroup-io/veeva/issues/new).
* Ensure you're running the correct node and npm versions specified in the package.json file
* Make sure your configuration.yml file exists and is well formatted