From 37e3337d7bece11c4072060e471e8f7cd60d8113 Mon Sep 17 00:00:00 2001
From: Justin Marrington <justin@marrington.net>
Date: Wed, 22 Feb 2017 15:13:31 +1000
Subject: [PATCH] Initial release of brand-assets package

---
 .gitignore                                    |  1 +
 packages/brand-assets/package.json            | 13 +++++-
 packages/brand-assets/source/index.js         | 38 ++++++++++++++++++
 packages/brand-assets/webpack.config.js       | 40 +++++++++++++++++++
 packages/experience-docs/package.json         |  3 +-
 .../source/components/Navigation/index.js     |  3 ++
 6 files changed, 96 insertions(+), 2 deletions(-)
 create mode 100644 packages/brand-assets/webpack.config.js

diff --git a/.gitignore b/.gitignore
index 4cf3c8b..96cfc93 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 node_modules
+dist
 *.log
 .idea
 .DS_Store
diff --git a/packages/brand-assets/package.json b/packages/brand-assets/package.json
index b30e3ea..20e1c75 100644
--- a/packages/brand-assets/package.json
+++ b/packages/brand-assets/package.json
@@ -3,6 +3,17 @@
   "version": "1.0.0-1",
   "main": "dist/index.js",
   "scripts": {
-    "prepublish": ""
+    "build": "webpack --config webpack.config.js",
+    "prepublish": "npm run build"
+  },
+  "dependencies": {
+    "lodash": "^4.17.4"
+  },
+  "devDependencies": {
+    "babel-loader": "^6.3.2",
+    "babel-preset-latest": "^6.22.0",
+    "babel-preset-stage-0": "^6.22.0",
+    "file-loader": "^0.10.0",
+    "webpack": "^2.2.1"
   }
 }
diff --git a/packages/brand-assets/source/index.js b/packages/brand-assets/source/index.js
index e69de29..2a02508 100644
--- a/packages/brand-assets/source/index.js
+++ b/packages/brand-assets/source/index.js
@@ -0,0 +1,38 @@
+import transform from 'lodash/transform'
+
+const buildAbsoluteResourceUrls = (resources) => (
+  transform(resources, (result, resource) => {
+    result['svg'][resource] = require(`./images/${resource}.svg`)
+    result['png'][resource] = require(`./images/${resource}.png`)
+    result['eps'][resource] = require(`./images/${resource}.eps`)
+  }, {svg: {}, png: {}, eps: {}})
+)
+
+const RESOURCE_URLS = buildAbsoluteResourceUrls([
+  'standard',
+  'standard-padded',
+  'standard-padded-markup',
+  'inverted',
+  'inverted-padded',
+  'inverted-background',
+  'inverted-padded-background',
+  'mark-standard',
+  'mark-standard-padded',
+  'mark-standard-padded-markup',
+  'mark-inverted',
+  'mark-inverted-padded',
+  'mark-inverted-padded-background',
+  'powered-by',
+  'powered-by-padded',
+  'powered-by-inverted-padded',
+  'powered-by-inverted-padded-background',
+  'old-standard',
+  'old-inverted',
+  'old-mark',
+  'old-mark-inverted'
+])
+
+export const logo = (name, ext = 'svg') => (
+  RESOURCE_URLS[ext][name]
+)
+
diff --git a/packages/brand-assets/webpack.config.js b/packages/brand-assets/webpack.config.js
new file mode 100644
index 0000000..997db4c
--- /dev/null
+++ b/packages/brand-assets/webpack.config.js
@@ -0,0 +1,40 @@
+const path = require('path')
+
+const CDN_ROOT = 'https://raw.githubusercontent.com/everydayhero/experience/master/packages/brand-assets/source/images/'
+
+const config = {
+  entry: {
+    'index': './source/index.js'
+  },
+  output: {
+    filename: '[name].js',
+    libraryTarget: 'commonjs-module',
+    path: path.resolve(__dirname, 'dist')
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        use: [
+          {
+            loader: 'babel-loader',
+            options: {
+              presets: ['latest', 'stage-0']
+            }
+          }
+        ]
+      },
+      {
+        test: /\.(png|svg|eps)$/,
+        loader: 'file-loader'
+      }
+    ]
+  },
+  devtool: 'source-map'
+}
+
+if (process.env.NODE_ENV === 'production') {
+  config.output.publicPath = CDN_ROOT
+}
+
+module.exports = config
diff --git a/packages/experience-docs/package.json b/packages/experience-docs/package.json
index 260f7f7..9672b80 100644
--- a/packages/experience-docs/package.json
+++ b/packages/experience-docs/package.json
@@ -21,7 +21,8 @@
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-helmet": "^3.2.2",
-    "react-markdown-loader": "^1.1.10"
+    "react-markdown-loader": "^1.1.10",
+    "@edh/brand-assets": "1.0.0-1"
   },
   "devDependencies": {
     "enzyme": "^2.4.1",
diff --git a/packages/experience-docs/source/components/Navigation/index.js b/packages/experience-docs/source/components/Navigation/index.js
index 34cb81b..d4f9f71 100644
--- a/packages/experience-docs/source/components/Navigation/index.js
+++ b/packages/experience-docs/source/components/Navigation/index.js
@@ -1,5 +1,6 @@
 import React from 'react'
 import {Link} from 'react-router'
+import {logo} from '@edh/brand-assets'
 
 const NAVIGATION_CONTENT = [
   {route: '/', title: 'Home'},
@@ -25,6 +26,8 @@ const NAVIGATION_CONTENT = [
 
 const Navigation = ({routes = NAVIGATION_CONTENT, id = 'primary'}) => (
   <nav id={`navigation-${id}`}>
+    <img src={logo('standard')} />
+
     {routes.map((navItem, index) => {
       const link = (
         <Link