Milestone 1.0.0

.babel-plugin-macrosrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  styledComponents: {
+    displayName: process.env.NODE_ENV !== 'production',
+  },
+};

.env.local

@@ -0,0 +1,2 @@
+BROWSER=none
+EXTEND_ESLINT=true

.env.production

@@ -0,0 +1 @@
+GENERATE_SOURCEMAP=false

.eslintrc.js

@@ -0,0 +1,25 @@
+const fs = require('fs');
+const path = require('path');
+
+const prettierOptions = JSON.parse(
+  fs.readFileSync(path.resolve(__dirname, '.prettierrc'), 'utf8'),
+);
+
+module.exports = {
+  extends: [
+    'react-app',
+    'prettier',
+    'prettier/react',
+    'prettier/@typescript-eslint',
+  ],
+  plugins: ['prettier'],
+  rules: {
+    'prettier/prettier': ['error', prettierOptions],
+  },
+  overrides: [
+    {
+      files: ['**/*.ts?(x)'],
+      rules: { 'prettier/prettier': ['warn', prettierOptions] },
+    },
+  ],
+};

.gitignore

@@ -0,0 +1,32 @@
+# Don't check auto-generated stuff into git
+coverage
+build
+node_modules
+stats.json
+
+# Cruft
+.DS_Store
+npm-debug.log
+.idea
+# Don't check auto-generated stuff into git
+coverage
+build
+node_modules
+stats.json
+.pnp
+.pnp.js
+.vscode
+
+# misc
+.DS_Store
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.env.development.local
+.env.test.local
+.env.production.local
+
+generated-cra-app
+.cra-template-rb
+template

.npmrc

@@ -0,0 +1 @@
+save-exact = true

.nvmrc

@@ -0,0 +1 @@
+lts/dubnium

.prettierignore

@@ -0,0 +1,5 @@
+build/
+node_modules/
+package-lock.json
+yarn.lock
+npm-shrinkwrap.json

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "avoid"
+}

.stylelintrc

@@ -0,0 +1,7 @@
+{
+  "processors": ["stylelint-processor-styled-components"],
+  "extends": [
+    "stylelint-config-recommended",
+    "stylelint-config-styled-components"
+  ]
+}

.travis.yml

@@ -0,0 +1,24 @@
+language: node_js
+
+node_js:
+  - 'node'
+  - 'lts/*'
+
+script:
+  - node ./internals/scripts/generate-templates-for-linting
+  - npm test -- --maxWorkers=4
+  - npm run build
+
+before_install:
+  - export CHROME_BIN=chromium-browser
+  - export DISPLAY=:99.0
+
+notifications:
+  email:
+    on_failure: change
+
+after_success: 'npm run coveralls'
+
+cache:
+  directories:
+    - node_modules

README.md

@@ -1,2 +1,20 @@
 # Devilbox Web UI
 
+## Installation
+
+Please install [nvm](https://github.com/nvm-sh/nvm) beforehand.
+
+1. clone repository
+2. cd into project
+3. run `nvm use`, if you get an error that the node version does not exit yet then please follow the instructions on screen (the `nvm use` is included in the installation)
+4. run `npm install`
+
+## Building
+
+Run `npm run build` to get the production ready build, which is being put under `./build`.
+
+If you want an ad hoc server serving the latest build then run `npm run start:build` instead - it will run the build command and then serve the application from that folder.
+
+## Development
+
+Run `npm run start` to get the ad hoc server running.

internals/testing/loadable.mock.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+
+export function ExportedFunc() {
+  return <div>My lazy-loaded component</div>;
+}
+export default ExportedFunc;

internals/ts-node.tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true
+  }
+}