Merge xpub-styleguide from xpub monorepo into pubsweet monorepo as pubsweet-styleguide

packages/pubsweet-styleguide/package.json

+{
+  "name": "@pubweet/styleguide",
+  "version": "0.1.0",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "main": "src",
+  "dependencies": {
+    "react": "^15.6.1",
+    "react-dom": "^15.6.1",
+    "react-redux": "^5.0.2",
+    "react-router-dom": "^4.2.2",
+    "recompose": "^0.26.0",
+    "redux": "^3.6.0",
+    "redux-form": "^7.0.3",
+    "xpub-journal": "^0.0.2",
+    "xpub-theme": "^0.0.2"
+  },
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-preset-env": "^1.6.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-2": "^6.24.1",
+    "css-loader": "^0.28.4",
+    "node-sass": "^4.5.3",
+    "rimraf": "^2.6.1",
+    "sass-loader": "^6.0.6",
+    "style-loader": "^0.19.0",
+    "webpack": "^3.8.1",
+    "webpack-node-externals": "^1.6.0"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "prebuild": "npm run clean && npm run lint",
+    "build": "webpack --progress --profile"
+  }
+}

packages/pubsweet-styleguide/src/components/StyleGuideRenderer.js

+import React from 'react'
+import classes from './StyleGuideRenderer.local.scss'
+
+const StyleGuideRenderer = ({ title, children, toc }) => (
+  <div className={classes.root}>
+    <div className={classes.sidebar}>
+      <header className={classes.header}>
+        <h1 className={classes.title}>{title}</h1>
+      </header>
+
+      <nav className={classes.nav}>{toc}</nav>
+    </div>
+
+    <div className={classes.content}>{children}</div>
+  </div>
+)
+
+export default StyleGuideRenderer

packages/pubsweet-styleguide/src/components/StyleGuideRenderer.local.scss

+.root {
+  display: grid;
+  grid-template-areas: "side content";
+  grid-template-columns: 1fr 3fr;
+  height: 100vh;
+  width: 100vw;
+}
+
+.sidebar {
+  display: flex;
+  flex-direction: column;
+  grid-area: side;
+  overflow-y: hidden;
+}
+
+.content {
+  grid-area: content;
+  overflow-y: auto;
+  padding: 1rem;
+}
+
+.header {
+  padding: 0.5rem;
+}
+
+.nav {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0.5rem;
+}
+
+.title {
+  font-family: "Fira Sans", sans-serif;
+  font-size: 1rem;
+  margin-bottom: 0;
+  padding: 0 1rem;
+}

packages/pubsweet-styleguide/src/components/Wrapper.js

+import React from 'react'
+import { Provider } from 'react-redux'
+import { BrowserRouter as Router } from 'react-router-dom'
+import { reducer as formReducer } from 'redux-form'
+import { createStore, combineReducers } from 'redux'
+import { JournalProvider } from 'xpub-journal'
+
+import 'xpub-theme'
+
+import * as journal from '../config/journal'
+
+import classes from './Wrapper.local.scss'
+
+const rootReducer = combineReducers({
+  form: formReducer,
+})
+
+const store = createStore(
+  rootReducer,
+  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
+)
+
+const Wrapper = ({ children }) => (
+  <Provider store={store}>
+    <Router>
+      <JournalProvider journal={journal}>
+        <div className={classes.root}>{children}</div>
+      </JournalProvider>
+    </Router>
+  </Provider>
+)
+
+export default Wrapper

packages/pubsweet-styleguide/src/components/Wrapper.local.scss

+:global(body) {
+  overflow: hidden;
+}
+
+.root {
+  font-family: 'Fira Sans', sans-serif;
+}

packages/pubsweet-styleguide/src/components/index.js

+module.exports = {
+  StyleGuideRenderer: require('./StyleGuideRenderer'),
+  Wrapper: require('./Wrapper'),
+}

packages/pubsweet-styleguide/src/config/journal/article-sections.js

+export default [
+  {
+    value: 'cognitive-psychology',
+    label: 'Cognitive Psychology',
+  },
+  {
+    value: 'social-psychology',
+    label: 'Social Psychology',
+  },
+  {
+    value: 'personality-psychology',
+    label: 'Personality Psychology',
+  },
+  {
+    value: 'developmental-psychology',
+    label: 'Developmental Psychology',
+  },
+  {
+    value: 'clinical-psychology',
+    label: 'Clinical Psychology',
+  },
+  {
+    value: 'organizational-behavior',
+    label: 'Organizational Behavior',
+  },
+  {
+    value: 'methodology',
+    label: 'Methodology and Research Practice',
+  },
+]

packages/pubsweet-styleguide/src/config/journal/article-types.js

+export default [
+  {
+    value: 'original-research',
+    label: 'Original Research Report',
+  },
+  {
+    value: 'review',
+    label: 'Review',
+  },
+  {
+    value: 'opinion',
+    label: 'Opinion/Commentary',
+  },
+  {
+    value: 'registered-report',
+    label: 'Registered Report',
+  },
+]

packages/pubsweet-styleguide/src/config/journal/decisions.js

+export default {
+  accept: {
+    label: 'Accept',
+    color: 'green',
+    message: 'The submission has been accepted for publication',
+  },
+  minor: {
+    label: 'Minor revisions',
+    color: 'orange',
+    message:
+      'The submission will be accepted for publication after minor changes',
+  },
+  major: {
+    label: 'Major revisions',
+    color: 'yellow',
+    message: 'The requested changes must be made before submission for review',
+  },
+  reject: {
+    label: 'Reject',
+    color: 'red',
+    message: 'The submission is not acceptable for publication',
+  },
+}

packages/pubsweet-styleguide/src/config/journal/declarations.js

+export default {
+  questions: [
+    {
+      id: 'openData',
+      legend: 'Data is open',
+    },
+    {
+      id: 'previouslySubmitted',
+      legend: 'Previously submitted',
+    },
+    {
+      id: 'openPeerReview',
+      legend: 'Open peer review',
+    },
+    {
+      id: 'streamlinedReview',
+      legend: 'Streamlined review',
+    },
+    {
+      id: 'researchNexus',
+      legend: 'Submitted as part of the research nexus?',
+    },
+    {
+      id: 'preregistered',
+      legend: 'Pre-registered?',
+    },
+  ],
+}

packages/pubsweet-styleguide/src/config/journal/editors.js

+export default {
+  managingEditor: [
+    {
+      user: 1,
+      name: 'Managing Editor One',
+    },
+    {
+      user: 2,
+      name: 'Managing Editor Two',
+    },
+  ],
+  seniorEditor: [
+    {
+      user: 3,
+      name: 'Senior Editor One',
+    },
+    {
+      user: 4,
+      name: 'Senior Editor Two',
+    },
+  ],
+  handlingEditor: [
+    {
+      user: 5,
+      name: 'Handling Editor One',
+    },
+    {
+      user: 6,
+      name: 'Handling Editor Two',
+    },
+  ],
+}

packages/pubsweet-styleguide/src/config/journal/index.js

+export { default as metadata } from './metadata'
+export { default as declarations } from './declarations'
+export { default as decisions } from './decisions'
+export { default as recommendations } from './recommendations'
+export { default as sections } from './sections'
+export { default as articleSections } from './article-sections'
+export { default as articleTypes } from './article-types'
+export { default as editors } from './editors'
+export { default as roles } from './roles'

packages/pubsweet-styleguide/src/config/journal/metadata.js

+export default {
+  name: 'Example Journal',
+  issn: '1234-1234',
+}

packages/pubsweet-styleguide/src/config/journal/recommendations.js

+export default [
+  {
+    value: 'accept',
+    label: 'Accept',
+    color: 'green',
+  },
+  {
+    value: 'revise',
+    label: 'Revise',
+    color: 'orange',
+  },
+  {
+    value: 'reject',
+    label: 'Reject',
+    color: 'red',
+  },
+]

packages/pubsweet-styleguide/src/config/journal/roles.js

+export default {
+  author: 'Author',
+  handlingEditor: 'Handling Editor',
+  managingEditor: 'Managing Editor',
+  seniorEditor: 'Senior Editor',
+}

packages/pubsweet-styleguide/src/config/journal/sections.js

+export default [
+  {
+    id: 'submissions',
+    label: 'My Submissions',
+  },
+]

packages/pubsweet-styleguide/src/index.js

+module.exports = require('./components')

packages/pubsweet-styleguide/src/webpack-config.js

+process.env.BABEL_ENV = 'development'
+process.env.NODE_ENV = 'development'
+
+const path = require('path')
+const webpack = require('webpack')
+// const nodeExternals = require('webpack-node-externals')
+
+module.exports = dir => {
+  const include = [
+    path.join(dir, 'src'),
+    /pubsweet-[^/]+\/src/,
+    /xpub-[^/]+\/src/,
+    /wax-[^/]+\/src/,
+    /@pubsweet\/[^/]+\/src/,
+  ]
+
+  return {
+    devtool: 'cheap-module-source-map',
+    entry: './src/index.js',
+    // externals: [nodeExternals({
+    //   whitelist: [/\.(?!js$).{1,5}$/i]
+    // })],
+    module: {
+      rules: [
+        {
+          oneOf: [
+            // ES6 modules
+            {
+              test: /\.js$/,
+              include,
+              loader: 'babel-loader',
+              options: {
+                presets: [
+                  [require('babel-preset-env'), { modules: false }],
+                  require('babel-preset-react'),
+                  require('babel-preset-stage-2'),
+                ],
+                cacheDirectory: true,
+              },
+            },
+
+            // CSS modules
+            {
+              test: /\.local\.css$/,
+              include,
+              use: [
+                'style-loader',
+                {
+                  loader: 'css-loader',
+                  options: {
+                    modules: true,
+                    // sourceMap: true,
+                    localIdentName: '[name]_[local]-[hash:base64:8]',
+                  },
+                },
+              ],
+            },
+
+            // SCSS modules
+            {
+              test: /\.local\.scss$/,
+              include,
+              use: [
+                'style-loader',
+                {
+                  loader: 'css-loader',
+                  options: {
+                    modules: true,
+                    importLoaders: 1,
+                    // sourceMap: true,
+                    localIdentName: '[name]_[local]-[hash:base64:8]',
+                  },
+                },
+                'sass-loader',
+              ],
+            },
+
+            // global CSS
+            {
+              test: /\.css$/,
+              use: ['style-loader', 'css-loader'],
+            },
+
+            // global SCSS
+            {
+              test: /\.scss$/,
+              use: [
+                'style-loader',
+                'css-loader',
+                // {
+                //   loader: 'css-loader',
+                //   options: {
+                //     importLoaders: 1,
+                //   }
+                // },
+                'sass-loader',
+              ],
+            },
+
+            // Files
+            {
+              exclude: [/\.js$/, /\.html$/, /\.json$/],
+              loader: 'file-loader',
+              options: {
+                name: 'static/media/[name].[hash:8].[ext]',
+              },
+            },
+          ],
+        },
+      ],
+    },
+    output: {
+      filename: 'index.js',
+      path: path.join(dir, 'dist'),
+    },
+    plugins: [
+      // mock constants
+      new webpack.DefinePlugin({
+        PUBSWEET_COMPONENTS: '[]',
+      }),
+    ],
+    watch: true,
+  }
+}

packages/pubsweet-styleguide/webpack.config.js

+const webpackConfig = require('./src/webpack-config')
+
+module.exports = webpackConfig(__dirname)