initial

Author: kyle-ssg

.babelrc

@@ -0,0 +1,13 @@
+{
+    "env": {
+        "development": {
+            "presets": ["next/babel"]
+        },
+        "production": {
+            "presets": ["next/babel"]
+        },
+        "test": {
+            "presets": [["next/babel", { "preset-env": { "modules": "commonjs" } }]]
+        }
+    }
+}

.eslintrc.js

@@ -0,0 +1,110 @@
+module.exports = {
+    'parser': 'babel-eslint',
+    'env': {
+        'browser': true,
+        'node': true,
+        'mocha': true
+    },
+    'extends': [
+        'prettier',
+        'prettier/react',
+        'airbnb',
+        'plugin:react/recommended',
+    ],
+    'plugins': [
+        'import',
+        'prettier',
+        'react',
+    ],
+    'rules': {
+        'linebreak-style': 0,
+        'react/sort-comp': 0,
+        'max-classes-per-file': 0,
+        'import/prefer-default-export': 0,
+        'consistent-return': 0,
+        'no-unused-expressions': 0,
+        'jsx-props-no-spreading': 0,
+        'class-methods-use-this': 0,
+        'eol-last': 0,
+        'react/prefer-stateless-function': 0,
+        'react/static-property-placement': 0,
+        'react/jsx-props-no-spreading': 0,
+        'no-use-before-define': 0,
+        'global-require': 0,
+        'arrow-body-style': 0,
+        'jsx-a11y/click-events-have-key-events': 0, // there are valid cases for this e.g. forms
+        'jsx-a11y/interactive-supports-focus': 0, // there are valid cases for this e.g. forms
+        'jsx-a11y/label-has-associated-control': 0, // rule seems buggy, doesn't understand some htmlFor cases
+        'jsx-a11y/label-has-for': 0,
+        'jsx-a11y/mouse-events-have-key-events': 0,
+        'jsx-a11y/no-noninteractive-element-interactions': 0, // rule seems buggy, doesn't understand some htmlFor cases
+        'max-len': 0,
+        'no-multi-assign': 0,
+        'no-nested-ternary': 0,
+        'no-param-reassign': 0, //Disabled to it not looking for global components
+        'no-plusplus': 0,
+        'no-restricted-globals': 'off',
+        'no-return-assign': 0,
+        'camelcase': 0,
+        'no-underscore-dangle': 0,
+        'object-curly-newline': 0,
+        'prefer-destructuring': 0,
+        'quote-props': 0,
+        'radix': 0,
+        'indent': [
+            "error", 4,
+            {
+                SwitchCase: 1,
+                ignoredNodes: ['JSXElement', 'JSXElement > *', 'JSXAttribute', 'JSXIdentifier', 'JSXNamespacedName', 'JSXMemberExpression', 'JSXSpreadAttribute', 'JSXExpressionContainer', 'JSXOpeningElement', 'JSXClosingElement', 'JSXText', 'JSXEmptyExpression', 'JSXSpreadChild'],
+            },
+        ],
+        'react/jsx-indent': ["error", 4],
+        'react/jsx-indent-props': ["error", 2],
+        'react/jsx-max-props-per-line': [1,
+            {
+                'maximum': 3
+            }
+        ],
+        'jsx-a11y/anchor-is-valid': 0,
+        'react/destructuring-assignment': 0,
+        'react/forbid-prop-types': 0,
+        'react/jsx-filename-extension': 0,
+        'react/jsx-one-expression-per-line': 0,
+        'react/jsx-no-undef': 0,
+        'react/jsx-pascal-case': 0,
+        'react/jsx-tag-spacing': 0, //Disabled to it not looking for global components
+        'react/no-access-state-in-setstate': 0,
+        'react/no-array-index-key': 0, // there are valid cases for this where a key can not be determined
+        'react/no-direct-mutation-state': 0,
+        'react/no-find-dom-node': 0,
+        'react/no-multi-comp': 0,
+        'react/no-string-refs': 0, // todo: Disable for now, need to update probably for react 17
+        'react/no-unescaped-entities': 0, // there are valid cases for this where a key can not be determined
+        'react/require-default-props': 0,
+    },
+    'globals': {
+        '_': true,
+        '__DEV__': true,
+        'API': true,
+        'E2E': true,
+        'Utils': true,
+        'Constants': true,
+        'Strings': true,
+        'describe': true,
+        'Format': true,
+        'FormGroup': true,
+        'ga': true,
+        'Link': true,
+        'openAlert': true,
+        'openConfirm': true,
+        'mixpanel': true,
+        'Loader': true,
+        'Project': true,
+        'propTypes': true,
+        'Radio': true,
+        'React': true,
+        'ReactDOM': true,
+        'Row': true,
+        'pact': true,
+    }
+};

.gitignore

@@ -0,0 +1,22 @@
+.DS_Store
+.idea
+*.iml
+node_modules/
+build/
+*.log*
+npm-debug.log
+mobile/common-mobile/
+e2e_screenshots
+reports/
+reports/*
+reports/*
+tests/tokens.json
+.vscode
+mobile/fastlane/report.xml
+mobile/*.app.dSYM.zip
+pacts/*
+coverage/*
+.nyc_output/*
+.next
+out
+dist

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "requirePragma": true,
+  "printWidth": 120,
+  "trailingComma": "all"
+}

.storybook/addons.js

@@ -0,0 +1,2 @@
+import '@storybook/addon-knobs/register';
+import '@storybook/addon-actions/register';

.storybook/config.js

@@ -0,0 +1,12 @@
+
+import { configure } from '@storybook/react'
+import {configure as configureEnzyme} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
+configureEnzyme({ adapter: new Adapter() });
+
+function loadStories () {
+  require('../stories/index')
+}
+
+configure(loadStories, module)

.storybook/storybook.test.js

@@ -0,0 +1,12 @@
+import initStoryshots, { renderWithOptions } from '@storybook/addon-storyshots';
+import { mount } from 'enzyme';
+
+initStoryshots({
+    framework: 'react',
+    test: renderWithOptions({
+        renderer: mount,
+    }),
+    // Ignore integrityOptions for async.storyshot because only run when asyncJest is true
+    integrityOptions: { cwd: __dirname, ignore: ['**/**.async.storyshot'] },
+    configPath: __dirname,
+});

.storybook/webpack.config.js

@@ -0,0 +1,22 @@
+const path = require('path');
+
+// Export a function. Accept the base config as the only param.
+module.exports = async ({ config, mode }) => {
+    // `mode` has a value of 'DEVELOPMENT' or 'PRODUCTION'
+    // You can change the configuration based on that.
+    // 'PRODUCTION' is used when building the static version of storybook.
+
+    // Make whatever fine-grained changes you need
+    config.module.rules.push(
+        {
+            test: /\.scss$/,
+            use: ['style-loader', 'css-loader', 'sass-loader'],
+            include: path.resolve(__dirname, '../'),
+        }
+    );
+
+    config.module.rules = config.module.rules.concat(require('../webpack/loaders.js'));
+
+    // Return the altered config
+    return config;
+};

bin/blog.js

@@ -0,0 +1,61 @@
+const join = require('path').join;
+const sortBy = require('lodash/sortBy');
+const uniq = require('lodash/uniq');
+
+const testFolder = join(__dirname, '../static/pages-blog-markdown');
+const jsFolder = join(__dirname, '../pages/blog');
+const blogOutput = join(__dirname, '../static/blog.json');
+const fs = require('fs');
+const path = require('path');
+const parseMarkdown = require('../common/parse-markdown');
+
+const files = fs.readdirSync(testFolder);
+const existingJSFiles = fs.readdirSync(jsFolder);
+let res = [];
+let allTags = [];
+
+const writeJSTemplate = md => `
+import propTypes from 'prop-types';
+import md from '../../static/pages-blog-markdown/${md}';
+import BlogPost from '../../components/BlogPost';
+
+
+const BlogPostPage = props => (
+    <BlogPost
+      route={props.router.route}
+      source={md}
+    />
+);
+
+BlogPostPage.displayName = 'BlogPostPage';
+BlogPostPage.propTypes = {
+    router: propTypes.object,
+};
+
+export default BlogPostPage;
+`;
+
+files.forEach((file) => {
+    const md = fs.readFileSync(`${testFolder}/${file}`, 'utf8');
+    const data = parseMarkdown(md);
+    const targetJSFile = file.replace('.md', '.js');
+    allTags = allTags.concat(data.tags);
+    // eslint-disable-next-line no-console
+    console.log('Processing', file);
+    if (existingJSFiles.indexOf(targetJSFile) === -1) {
+        // eslint-disable-next-line no-console
+        console.log('File exists', targetJSFile);
+        fs.writeFileSync(path.join(jsFolder, targetJSFile), writeJSTemplate(file));
+    }
+    res.push({
+        ...data,
+        url: file.replace('.md', ''),
+        content: null,
+    });
+});
+res = sortBy(res, 'sort');
+res[0].allTags = uniq(allTags);
+fs.writeFileSync(blogOutput, JSON.stringify(res));
+// eslint-disable-next-line no-console
+console.log(`Wrote blog to ${blogOutput}`);
+

bin/env.js

@@ -0,0 +1,16 @@
+/**
+ * Created by kylejohnson on 02/08/2016.
+ */
+require('colors');
+const fs = require('fs-extra');
+const path = require('path');
+
+const env = process.env.ENV || 'dev';
+const src = path.resolve(__dirname, `../env/project_${env}.js`);
+const target = path.resolve(__dirname, '../common/project.js');
+
+
+// eslint-disable-next-line no-console
+console.log(`Using project_${env}.js`.green);
+
+fs.copySync(src, target);

common/parse-markdown.js

@@ -0,0 +1,40 @@
+const each = require('lodash/each');
+const map = require('lodash/map');
+const moment = require('moment');
+
+const splitAt = index => x => [x.slice(0, index), x.slice(index)];
+
+module.exports = (source) => {
+    const match = source.match(/---.*?---\n*/sg);
+    const metaLength = match && match[0].length;
+    const split = splitAt(metaLength)(source);
+    const meta = split[0].split('\n');
+    const content = split[1];
+    const res = {
+        content,
+    };
+    each(meta, (item) => {
+        if (item.includes('title: ')) {
+            res.title = item.replace('title: ', '');
+        }
+        if (item.includes('description: ')) {
+            res.description = item.replace('description: ', '');
+        }
+        if (item.includes('author: ')) {
+            res.author = item.replace('author: ', '');
+        }
+        if (item.includes('avatar: ')) {
+            res.avatar = item.replace('avatar: ', '');
+        }
+        if (item.includes('date: ')) {
+            const m = moment(item.replace('date: ', ''), 'DD-MMM-YYYY');
+            res.dateFormatted = m.format('MMM DD YYYY');
+            res.date = m.toISOString();
+            res.sort = -m.valueOf();
+        }
+        if (item.includes('tags: ')) {
+            res.tags = map(item.replace('tags: ', '').split(','), i => i.trim().toLowerCase()).sort();
+        }
+    });
+    return res;
+};

common/project.js

@@ -0,0 +1,7 @@
+module.exports = global.Project = {
+    siteName: 'Solid State Group',
+    cookieDomain: '.solidstategroup.com',
+    canonicalUrl: 'https://www.solidstategroup.com',
+    ga: '',
+    isso: 'https://isso.solidstategroup.com/',
+};