feat: initial release

.env

@@ -0,0 +1,33 @@
+BASE_URL=localhost:1995
+SITE_NAME=edX
+LMS_BASE_URL=http://localhost:18000
+CREDENTIALS_BASE_URL=http://localhost:18150
+ECOMMERCE_BASE_URL=http://localhost:18130
+LOGIN_URL=http://localhost:18000/login
+LOGOUT_URL=http://localhost:18000/login
+CSRF_TOKEN_API_PATH=/csrf/api/v1/token
+REFRESH_ACCESS_TOKEN_ENDPOINT=http://localhost:18000/login_refresh
+SEGMENT_KEY=ul
+ACCESS_TOKEN_COOKIE_NAME=edx-jwt-cookie-header-payload
+USER_INFO_COOKIE_NAME=edx-user-info
+CSRF_COOKIE_NAME=csrftoken
+LANGUAGE_PREFERENCE_COOKIE_NAME=openedx-language-preference
+SITE_NAME=edX
+MARKETING_SITE_BASE_URL=http://localhost:18000
+ENTERPRISE_MARKETING_URL=http://example.com
+ENTERPRISE_MARKETING_UTM_CAMPAIGN=my_campaign
+ENTERPRISE_MARKETING_UTM_SOURCE=edX profile
+ENTERPRISE_MARKETING_FOOTER_UTM_MEDIUM=Footer
+SUPPORT_URL=http://localhost:18000/support
+CONTACT_URL=http://localhost:18000/contact
+OPEN_SOURCE_URL=http://localhost:18000/openedx
+TERMS_OF_SERVICE_URL=http://localhost:18000/terms-of-service
+PRIVACY_POLICY_URL=http://localhost:18000/privacy-policy
+FACEBOOK_URL=https://www.facebook.com
+TWITTER_URL=https://twitter.com
+YOU_TUBE_URL=https://www.youtube.com
+LINKED_IN_URL=https://www.linkedin.com
+REDDIT_URL=https://www.reddit.com
+APPLE_APP_STORE_URL=https://www.apple.com/ios/app-store/
+GOOGLE_PLAY_URL=https://play.google.com/store
+ORDER_HISTORY_URL=localhost:1996/orders

.eslintignore

@@ -1,3 +1,4 @@
 coverage
 dist
+example
 node_modules

.gitignore

@@ -1,7 +1,5 @@
 .cache
 .DS_Store
-.idea
 coverage
 dist
 node_modules
-/.vscode

.travis.yml

@@ -1,19 +1,17 @@
 language: node_js
 node_js: 12
-before_install:
-  - npm install -g npm@latest
 install:
-  - npm install
+- npm install
 script:
-  - npm run lint
-  - npm run test
-  - npm run build
+- npm run lint
+- npm run test
+- npm run build
 after_success:
-  - npm run travis-deploy-once "npm run semantic-release"
-  - codecov
+- npm run semantic-release
+- codecov
 env:
   global:
-  # NPM_TOKEN
-  - secure: G3RW/a/cbEMu+zKLCA+jVQmKObYOl+Gu2nPVcX8p6kUgEFxcu6HyZ96ZplKsC+It/ZbEPVJjdyx0JjTGMjON92vlvCiVxiCTzLPq9aH8tIxYC9mfEKO3Yh/m4TgOdgsfvNDy+thahKULkuNjW5HMxBI9jk8z/9zxd0isstnM8BIe5wyHm/GX6hgIl6ACfbUycWpvbrDRkyJmH/lRbla67VLWD1YJunfHKzptdpD+fm4Ay7JiJm6x5Dej+zJ9QgPM5k98Nlor2OHP2iFw7aSA5Xof/x6V1Cd1CM+GDjErarCRzVM9jEokmzBDyUx9srUTEpwphdm/HyoBur5iY93WIj/t766CTG1wTZUOfsDSPSMnv/whXfo2BTKE5DB2zeS7SFHs3G1AqGqk8ECQ0sOIsEfSfGhmtlMD1j7v69f2z3Gu05Ijl+2HGXHKBxNdumRgfxylArpiSTHu6tvAiDquNwzf99rQH5wnvrDQP7FHP6v01/h07S/5hiUTQEA7ZJnNybX5H4hE0frCszEnlWkOE+FMQlELUKBV9mfYyUNLw+Txp3CDhVRs92rmJCpy6KtrfQjXg8+KwZ1XxUQZ2C4N6npVIb5YD7EGCOlzUJwHrSz4FMpSjQ3gulcUY8MME9xAxVSHBk9zCdI4nxDTipmscJJGec0kqYFbTACU6vtjnOk=
   # GH_TOKEN - edx-semantic-release user on github.
   - secure: Wb2IEJQnRUTqOi74ztIsMx393NKv8QsRZ6g3hkseNTffZvmF/7SURyBPtc7HJs1CLFuws+sUfJROY94n8AJhMh4rK+DROVbgNC0phsDH84DM2D+zE0cE3HO1afhpPI7ne1Nkd62Bua8VI6PMmzpdmxW4t0PLUvBxL12nMbTQVfRFUyVMCUSR4e5M1s4u7+C0v7cptV8zEwfOCElHshCAMCYNwPhN5TSJGHYezA/vPou360D+z/8THCS0Ke3Bg9KTznsAKGDGPMg8wR+hsmU9eUo7/4/AIfOIrMZd7T4+U7fdYHeJ7HtbTEU3POVYGjONMAGXJuL4ni7wl3WzejG5UGL2h8NC1g6KUdgpRoob2n+m5BMi4xLloHvkCkfhPGlSaw3NpB5sYz1t/rqZZmrr85pzQxtDezDdrM8A/YVzX4YfgwS9rR7ggW2DYDVuOIu52ft1t9tI7vZdXshfBbZempTUtPMq1hPufhfn5BDkmxz09cI4qxiBhC8iwrkek5BbMLP8+zHSPKertcwsS8ojV1Ve12cvxcAjPSX5WguZEVPg8wDMgElKl5bT2ar9GO3/HuHLhIbLDHxiorX4XQk+hIwHa5Nwcnw37cN57PSPAalOgC1OVYPwxt2yb8w8I2bFOUl2eoiXbLjoqHIdYJATQlugk3HhdJX4vGCoDUk7+sQ=
+  # NPM_TOKEN
+  - secure: G3RW/a/cbEMu+zKLCA+jVQmKObYOl+Gu2nPVcX8p6kUgEFxcu6HyZ96ZplKsC+It/ZbEPVJjdyx0JjTGMjON92vlvCiVxiCTzLPq9aH8tIxYC9mfEKO3Yh/m4TgOdgsfvNDy+thahKULkuNjW5HMxBI9jk8z/9zxd0isstnM8BIe5wyHm/GX6hgIl6ACfbUycWpvbrDRkyJmH/lRbla67VLWD1YJunfHKzptdpD+fm4Ay7JiJm6x5Dej+zJ9QgPM5k98Nlor2OHP2iFw7aSA5Xof/x6V1Cd1CM+GDjErarCRzVM9jEokmzBDyUx9srUTEpwphdm/HyoBur5iY93WIj/t766CTG1wTZUOfsDSPSMnv/whXfo2BTKE5DB2zeS7SFHs3G1AqGqk8ECQ0sOIsEfSfGhmtlMD1j7v69f2z3Gu05Ijl+2HGXHKBxNdumRgfxylArpiSTHu6tvAiDquNwzf99rQH5wnvrDQP7FHP6v01/h07S/5hiUTQEA7ZJnNybX5H4hE0frCszEnlWkOE+FMQlELUKBV9mfYyUNLw+Txp3CDhVRs92rmJCpy6KtrfQjXg8+KwZ1XxUQZ2C4N6npVIb5YD7EGCOlzUJwHrSz4FMpSjQ3gulcUY8MME9xAxVSHBk9zCdI4nxDTipmscJJGec0kqYFbTACU6vtjnOk=

Makefile

@@ -1,7 +1,7 @@
 build:
 	rm -rf ./dist
 	./node_modules/.bin/babel src --out-dir dist --source-maps --ignore **/*.test.jsx,**/__mocks__,**/__snapshots__,**/setupTest.js --copy-files
-	@# --copy-files will bring in everything else that wasn't processed by babel. Remove what we don't want.
-	@rm -rf dist/**/*.test.jsx
-	@rm -rf dist/**/__snapshots__
-	@rm -rf dist/__mocks__
+	# --copy-files will bring in everything else that wasn't processed by babel. Remove what we don't want.
+	rm -rf dist/**/*.test.jsx
+	rm -rf dist/**/__snapshots__
+	rm -rf dist/__mocks__

README.rst

@@ -1,19 +1,19 @@
 frontend-component-header-edx
-=============================
+=========================
 
 |Build Status| |Codecov| |npm_version| |npm_downloads| |license| |semantic-release|
 
 This repository is a work in progress.  Nothing found here is at all production-ready.
 
-.. |Build Status| image:: https://api.travis-ci.org/edx/frontend-component-header.svg?branch=master-edx
+.. |Build Status| image:: https://api.travis-ci.org/edx/frontend-component-header-edx.svg?branch=master-edx
    :target: https://travis-ci.org/edx/frontend-component-header-edx
 .. |Codecov| image:: https://img.shields.io/codecov/c/github/edx/frontend-component-header-edx
    :target: @edx/frontend-component-header-edx
-.. |npm_version| image:: https://img.shields.io/npm/v/@edx/frontend-component-header.svg-edx
+.. |npm_version| image:: https://img.shields.io/npm/v/@edx/frontend-component-header-edx.svg
    :target: @edx/frontend-component-header-edx
-.. |npm_downloads| image:: https://img.shields.io/npm/dt/@edx/frontend-component-header.svg-edx
+.. |npm_downloads| image:: https://img.shields.io/npm/dt/@edx/frontend-component-header-edx.svg
    :target: @edx/frontend-component-header-edx
-.. |license| image:: https://img.shields.io/npm/l/@edx/frontend-component-header.svg-edx
+.. |license| image:: https://img.shields.io/npm/l/@edx/frontend-component-header-edx.svg
    :target: @edx/frontend-component-header-edx
 .. |semantic-release| image:: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
    :target: https://github.com/semantic-release/semantic-release

babel.config.js

@@ -1,7 +1,22 @@
 module.exports = {
-  presets: ['@babel/preset-env', '@babel/preset-react'],
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        modules: false,
+      },
+    ],
+    '@babel/preset-react',
+  ],
   plugins: [
     '@babel/plugin-proposal-object-rest-spread',
     '@babel/plugin-proposal-class-properties',
   ],
+  env: {
+    test: {
+      presets: [
+        '@babel/preset-env',
+      ],
+    },
+  },
 };

example/index.html

@@ -1,9 +1,9 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-      <title>Example</title>
-      <meta charset="utf-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Example</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
   <body>
     <div id="root"></div>

example/index.js

@@ -1,14 +1,33 @@
 import React from 'react';
 import { render } from 'react-dom';
 import { IntlProvider } from '@edx/frontend-i18n';
+import { AuthenticationContext } from '@edx/frontend-base';
 
 import './index.scss';
 import SiteHeader from '../src/';
 
 const App = () => (
   <div>
     <IntlProvider locale="en">
-      <SiteHeader />
+      <>
+        <AuthenticationContext.Provider value={{
+          userId: null,
+          username: null,
+          administrator: false,
+        }}>
+          <SiteHeader />
+        </AuthenticationContext.Provider>
+        <h5 className="mt-2 mb-5">Logged out state</h5>
+
+        <AuthenticationContext.Provider value={{
+          userId: null,
+          username: 'testuser',
+          administrator: false,
+        }}>
+          <SiteHeader />
+        </AuthenticationContext.Provider>
+        <h5 className="mt-2">Logged in state</h5>
+      </>
     </IntlProvider>
   </div>
 );

example/index.scss

@@ -1,6 +1,3 @@
 @import "~@edx/paragon/scss/edx/theme.scss";
-// @import '../src/index.scss';
-
-body {
-  border:solid 1px red;
-}
+@import "~@edx/paragon/scss/edx/fonts.scss";
+@import '../src/index.scss';