├── .babelrc
├── .editorconfig
├── .eslintrc
├── .gitignore
├── Procfile
├── README.md
├── api
    ├── actions
    │   └── scripts.js
    ├── api.js
    ├── route-handler.js
    ├── routes.js
    ├── server.js
    └── utils
    │   ├── APIError.js
    │   └── logger.js
├── config
    ├── env.js
    ├── jest
    │   ├── cssTransform.js
    │   └── fileTransform.js
    ├── paths.js
    ├── polyfills.js
    ├── webpack.config.dev.js
    ├── webpack.config.prod.js
    └── webpackDevServer.config.js
├── package-lock.json
├── package.json
├── public
    ├── favicon.ico
    ├── index.html
    └── manifest.json
├── scripts
    ├── build.js
    ├── start-api.js
    ├── start.js
    └── test.js
├── server.babel.js
└── src
    ├── components
        ├── LabTechScriptView
        │   ├── LabTechScriptInfo.js
        │   ├── LabTechScriptSection.js
        │   ├── LabTechScriptStep.js
        │   ├── LabTechScriptStepView.js
        │   ├── LabTechScriptView.css
        │   └── LabTechScriptView.js
        ├── NotFound.js
        ├── ScriptForm.css
        └── ScriptForm.js
    ├── config.js
    ├── containers
        ├── App
        │   ├── App.css
        │   ├── App.js
        │   └── App.test.js
        ├── HomePage
        │   └── HomePage.js
        └── ScriptExplorer
        │   ├── EditorJSON.js
        │   ├── EditorScript.js
        │   ├── EditorText.js
        │   ├── EditorView.js
        │   ├── EditorXML.js
        │   └── ScriptExplorer.js
    ├── helpers
        └── ApiClient.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    ├── redux
        ├── clientMiddleware.js
        ├── createStore.js
        ├── reducer.js
        └── script.js
    ├── registerServiceWorker.js
    ├── routes.js
    └── types.js


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     "react",
 4 |     [
 5 |       "env",
 6 |       {
 7 |         "targets": "Last 2 versions"
 8 |       }
 9 |     ],
10 |     "stage-0"
11 |   ],
12 |   "plugins": [
13 |     "transform-runtime",
14 |     "add-module-exports",
15 |     "transform-decorators-legacy",
16 |     "transform-object-rest-spread",
17 |     "transform-class-properties"
18 |   ],
19 |   "retainLines": true
20 | }


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | [*]
 2 | indent_style = space
 3 | end_of_line = lf
 4 | indent_size = 2
 5 | charset = utf-8
 6 | trim_trailing_whitespace = true
 7 | 
 8 | [*.md]
 9 | max_line_length = 0
10 | trim_trailing_whitespace = false


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
  1 | {
  2 |   "extends": "eslint-config-airbnb",
  3 |   "env": {
  4 |     "browser": true,
  5 |     "node": true,
  6 |     "mocha": true,
  7 |     "es6": true
  8 |   },
  9 |   "rules": {
 10 |     "no-console": "off",
 11 |     "no-alert": "off",
 12 |     "no-unused-vars": 0,
 13 |     "space-before-function-paren": 0,
 14 |     "object-curly-spacing": 0,
 15 |     "react/jsx-space-before-closing": 0,
 16 |     "arrow-body-style": 0,
 17 |     "react/jsx-indent": 0,
 18 |     "linebreak-style": 0,
 19 |     "react/no-multi-comp": "warn",
 20 |     "react/forbid-prop-types": "off",
 21 |     "react/no-typos": "off",
 22 |     "react/jsx-first-prop-new-line": "off",
 23 |     "react/jsx-indent-props": "off",
 24 |     "react/prefer-stateless-function": "off",
 25 |     "react/jsx-closing-bracket-location": "off",
 26 |     "react/require-extension": "off",
 27 |     "react/jsx-filename-extension": "off",
 28 |     "react/self-closing-comp": "off",
 29 |     "react/jsx-no-target-blank": "warn",
 30 |     "react/no-find-dom-node": "warn",
 31 |     "react/no-unused-prop-types": "warn",
 32 |     "jsx-a11y/anchor-is-valid": "off",
 33 |     "react/no-array-index-key": "off",
 34 |     "import/default": "off",
 35 |     "import/no-duplicates": "off",
 36 |     "import/named": "off",
 37 |     "import/namespace": "off",
 38 |     "import/no-unresolved": "off",
 39 |     "import/no-named-as-default": "error",
 40 |     "import/imports-first": "off",
 41 |     "import/prefer-default-export": "off",
 42 |     "import/no-extraneous-dependencies": "off",
 43 |     "import/newline-after-import": "off",
 44 |     "consistent-return": "off",
 45 |     "no-param-reassign": "off",
 46 |     "prefer-template": "warn",
 47 |     "global-require": "off",
 48 |     "no-case-declarations": "off",
 49 |     "no-underscore-dangle": "off",
 50 |     "react/jsx-tag-spacing": "off",
 51 |     "function-paren-newline": "off",
 52 |     "arrow-parens": [
 53 |       "error", "always"
 54 |     ],
 55 |     "no-shadow": [
 56 |       "error", {
 57 |         "allow": [
 58 |           "then", "catch", "done"
 59 |         ]
 60 |       }
 61 |     ],
 62 |     "max-len": [
 63 |       "error", 120
 64 |     ],
 65 |     // use ide formatting
 66 |     "indent": [
 67 |       2, 2, {
 68 |         "SwitchCase": 1
 69 |       }
 70 |     ],
 71 |     "quotes": [
 72 |       2, "single"
 73 |     ],
 74 |     "new-cap": 0,
 75 |     "no-prototype-builtins": 0,
 76 |     "no-restricted-syntax": [
 77 |       "error", "WithStatement"
 78 |     ],
 79 |     "no-use-before-define": [
 80 |       "error", {
 81 |         "functions": false,
 82 |         "classes": true
 83 |       }
 84 |     ]
 85 |   },
 86 |   "plugins": [
 87 |     "react", "import"
 88 |   ],
 89 |   "parser": "babel-eslint",
 90 |   "parserOptions": {
 91 |     "sourceType": "module"
 92 |   },
 93 |   "settings": {
 94 |     "import/resolve": {
 95 |       "moduleDirectory": [
 96 |         "node_modules", "src"
 97 |       ]
 98 |     }
 99 |   },
100 |   "globals": {
101 |     "__DEVELOPMENT__": true,
102 |     "__CLIENT__": true,
103 |     "__SERVER__": true,
104 |     "__DISABLE_SSR__": true,
105 |     "__DEVTOOLS__": true,
106 |     "socket": true,
107 |     "webpackIsomorphicTools": true
108 |   }
109 | }
110 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | 
 6 | # testing
 7 | /coverage
 8 | 
 9 | # production
10 | /build
11 | 
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 | 
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 | .idea


--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: node scripts/start-api.js


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # LabTech Script Explorer
 2 | 
 3 | Copy LTScript XML files, and inspect before importing into your server!  
 4 | Utilizes [labtech-script-decode](https://github.com/mspgeek/labtech-script-decode) library to handle parsing and decoding scripts. 
 5 | 
 6 | # [Live Version Here](https://k-grube.github.io/labtech-script-explorer/)
 7 | 
 8 | ### Test and Build
 9 | 
10 | ```
11 | 
12 | npm ci
13 | 
14 | # dev version
15 | npm run start
16 | 
17 | # build static version
18 | npm run build
19 | 
20 | ```


--------------------------------------------------------------------------------
/api/actions/scripts.js:
--------------------------------------------------------------------------------
 1 | const {decodeXML} = require('labtech-script-decode');
 2 | const {validationResult} = require('express-validator/check');
 3 | 
 4 | export function getScripts(req, res) {
 5 |   return [];
 6 | }
 7 | 
 8 | export function decodeScriptXML(req, res) {
 9 |   return new Promise((resolve, reject) => {
10 |     const errors = validationResult(req);
11 | 
12 |     if (!errors.isEmpty()) {
13 |       return reject(errors.array());
14 |     }
15 | 
16 |     return resolve(decodeXML(req.body.scriptXML));
17 |   });
18 | }
19 | 


--------------------------------------------------------------------------------
/api/api.js:
--------------------------------------------------------------------------------
 1 | require('dotenv').config({path: '.env'});
 2 | const bodyParser = require('body-parser');
 3 | const express = require('express');
 4 | const expressValidator = require('express-validator');
 5 | const logger = require('morgan');
 6 | const path = require('path');
 7 | 
 8 | const app = express();
 9 | 
10 | app.set('x-powered-by', false);
11 | app.use(logger('dev'));
12 | app.use(bodyParser.json());
13 | app.use(bodyParser.urlencoded({extended: true}));
14 | app.use(expressValidator({
15 |   customSanitizers: {
16 |     toNumeric: value => value.replace(/\D/g, ''),
17 |     toLowerCase: value => value.toLowerCase(),
18 |   },
19 | }));
20 | 
21 | /*
22 |  * Required if express is behind a proxy, e.g. Heroku, nginx
23 |  * https://github.com/expressjs/session/blob/master/README.md
24 |  */
25 | app.set('trust proxy', process.env.TRUST_PROXY === 1 ? 1 : 0);
26 | 
27 | if (process.env.NODE_ENV !== 'production') {
28 |   app.use((req, res, next) => {
29 |     res.header('Access-Control-Allow-Origin', '*');
30 |     res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
31 |     next();
32 |   });
33 | }
34 | 
35 | app.use((req, res, next) => {
36 |   next();
37 | });
38 | 
39 | // routes
40 | const routes = require('./routes');
41 | app.use('/api', routes);
42 | 
43 | app.use((req, res, next) => {
44 |   console.log('no api match');
45 |   next();
46 | });
47 | 
48 | app.use(express.static(path.join(__dirname, '../build'), {index: ['index.html'], redirect: false}));
49 | 
50 | // Catch all route, return 404 if none of the above routes matched
51 | // app.all('*', (req, res) => res.sendStatus(404).end('NOT FOUND'));
52 | 
53 | app.use((err, req, res, next) => {
54 |   console.error(err.stack);
55 |   res.status(500).json(err);
56 | });
57 | 
58 | let port = process.env.PORT ? process.env.PORT : 3000;
59 | 
60 | if (process.env.NODE_ENV !== 'production') {
61 |   port = 3030;
62 | }
63 | 
64 | const host = process.env.HOST ? process.env.HOST : 'localhost';
65 | 
66 | const runnable = app.listen(port, err => {
67 |   if (err) {
68 |     console.error('HTTP Startup Error', err);
69 |   }
70 | 
71 |   console.log('\t==> 👌 Listening on https://%s:%s/', host, port);
72 | });
73 | 
74 | process.on('unhandledRejection',
75 |   reason => console.error('UnhandledRejection', reason, new Error('UnhandledRejection').stack));
76 | 
77 | module.exports = app;
78 | 


--------------------------------------------------------------------------------
/api/route-handler.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by Kevin on 10/14/2017.
 3 |  */
 4 | const PrettyError = require('pretty-error');
 5 | const _ = require('lodash');
 6 | const logger = require('./utils/logger').instance;
 7 | const pretty = new PrettyError();
 8 | const APIError = require('./utils/APIError');
 9 | 
10 | /**
11 |  * All route functions must return a {Promise}
12 |  *  If resolved, a function may be returned
13 |  *  If rejected, a redirect may be specified
14 |  * @param {function} command
15 |  * @returns {function(req, res, next)}
16 |  */
17 | module.exports = command => {
18 |   return (req, res, next) => {
19 |     let promise;
20 |     try {
21 |       promise = command(req, res, next);
22 |     } catch (err) {
23 |       promise = Promise.reject(err);
24 |     }
25 | 
26 |     Promise.resolve(promise)
27 |       .then(result => {
28 |         if (result instanceof Function) {
29 |           result(res);
30 |         } else {
31 |           res.json(result);
32 |         }
33 |       })
34 |       .catch(reason => {
35 |         if (reason && reason.redirect) {
36 |           res.redirect(reason.redirect);
37 |         } else {
38 |           let error = reason;
39 | 
40 |           if (_.isArray(reason) && reason.length > 0) {
41 |             [error] = reason;
42 |           }
43 | 
44 |           if (typeof error === 'string') {
45 |             error = new APIError({msg: error});
46 |           } else if (error.message) {
47 |             error = new APIError({msg: error.message});
48 |           } else if (error.msg) {
49 |             error = new APIError({msg: error.msg});
50 |           } else {
51 |             error = new APIError({msg: 'An error has occurred.'});
52 |           }
53 | 
54 |           if (reason.errors && !_.isArray(reason.errors)) {
55 |             error.errors = [error.errors];
56 |           } else if (reason.errors && _.isArray(reason.errors)) {
57 |             error.errors = reason.errors;
58 |           } else if (_.isArray(reason)) {
59 |             error.errors = reason;
60 |           } else {
61 |             error.errors = [];
62 |           }
63 | 
64 |           logger.error('API Error: ', pretty.render(error));
65 | 
66 |           res.status(error.status || 500).json(error);
67 |         }
68 |       });
69 |   };
70 | };
71 | 


--------------------------------------------------------------------------------
/api/routes.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const router = express.Router();
 3 | const routeHandler = require('./route-handler');
 4 | 
 5 | const {check, validationResult} = require('express-validator/check');
 6 | const {matchedData, sanitize} = require('express-validator/filter');
 7 | 
 8 | const scriptActions = require('./actions/scripts');
 9 | 
10 | router.get('/test', [
11 |   check('test', 'test cannot equal poop').not().contains('poop'),
12 | ], routeHandler((req, res, next) => {
13 |   return new Promise((resolve, reject) => {
14 |     const errors = validationResult(req);
15 | 
16 |     if (!errors.isEmpty()) {
17 |       reject(errors.array());
18 |     }
19 | 
20 |     return resolve({msg: 'loaded'});
21 |   });
22 | }));
23 | 
24 | router.get('/scripts', routeHandler(scriptActions.getScripts));
25 | 
26 | router.post('/script/decode', [check('scriptXML').exists()], routeHandler(scriptActions.decodeScriptXML));
27 | 
28 | module.exports = router;
29 | 


--------------------------------------------------------------------------------
/api/server.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by kgrube on 2/27/2018
 3 |  */
 4 | const path = require('path');
 5 | const server = require('pushstate-server');
 6 | 
 7 | console.log('Starting server out of', __dirname);
 8 | 
 9 | let port = process.env.PORT ? process.env.PORT : 3000;
10 | 
11 | if (process.env.NODE_ENV !== 'production') {
12 |   port = 3030;
13 | }
14 | 
15 | server.start({
16 |   port,
17 |   directory: path.join(__dirname, '../build'),
18 | });
19 | 


--------------------------------------------------------------------------------
/api/utils/APIError.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by Kevin on 10/14/2017.
 3 |  */
 4 | 
 5 | export default class APIError extends Error {
 6 |   constructor({msg, errors = [], status = 500, code = undefined}) {
 7 |     super(msg);
 8 |     this.name = 'APIError';
 9 |     // noinspection JSUnresolvedVariable
10 |     this.msg = msg;
11 |     // noinspection JSUnresolvedVariable
12 |     this.errors = errors;
13 |     this.status = status;
14 |     this.code = code;
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/api/utils/logger.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by kgrube on 6/13/2017.
 3 |  *
 4 |  * REQUIRE LOGGER.INSTANCE
 5 |  */
 6 | const winston = require('winston');
 7 | const papertrail = require('winston-papertrail').Papertrail;
 8 | 
 9 | const LOGGER_KEY = Symbol.for('connectwise-asset-sync.utils.logger');
10 | 
11 | const globalSymbols = Object.getOwnPropertySymbols(global);
12 | const hasLoggerKey = (globalSymbols.indexOf(LOGGER_KEY) > -1);
13 | 
14 | if (!hasLoggerKey) {
15 |   const winstonTransports = [
16 |     new (winston.transports.Console)({
17 |       level: 'verbose',
18 |       colorize: true,
19 |       handleExceptions: true,
20 |     }),
21 |     new (winston.transports.File)({
22 |       filename: './app.log',
23 |       level: 'debug',
24 |       handleExceptions: true,
25 |       maxsize: 20485760, // 20 MB
26 |       maxFiles: 10,
27 |       colorize: false,
28 |     }),
29 |   ];
30 | 
31 |   let winstonPapertrail;
32 | 
33 |   if (process.env.PAPERTRAIL_HOST) {
34 |     winstonPapertrail = new winston.transports.Papertrail({
35 |       host: process.env.PAPERTRAIL_HOST,
36 |       port: process.env.PAPERTRAIL_PORT,
37 |       level: 'verbose',
38 |       logFormat: (level, message) => `${level}: ${message}`,
39 |     });
40 |     winstonTransports.push(winstonPapertrail);
41 |   }
42 | 
43 |   global[LOGGER_KEY] = new (winston.Logger)({
44 |     transports: winstonTransports,
45 |     exitOnError: false,
46 |   });
47 | }
48 | 
49 | const singleton = {};
50 | 
51 | Object.defineProperty(singleton, 'instance', {
52 |   get: () => {
53 |     return global[LOGGER_KEY];
54 |   },
55 | });
56 | 
57 | Object.freeze(singleton);
58 | 
59 | /**
60 |  * @type {{instance}}
61 |  */
62 | module.exports = singleton;


--------------------------------------------------------------------------------
/config/env.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const fs = require('fs');
 4 | const path = require('path');
 5 | const paths = require('./paths');
 6 | 
 7 | // Make sure that including paths.js after env.js will read .env variables.
 8 | delete require.cache[require.resolve('./paths')];
 9 | 
10 | const NODE_ENV = process.env.NODE_ENV;
11 | if (!NODE_ENV) {
12 |   throw new Error('The NODE_ENV environment variable is required but was not specified.');
13 | }
14 | 
15 | // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
16 | var dotenvFiles = [
17 |   `${paths.dotenv}.${NODE_ENV}.local`,
18 |   `${paths.dotenv}.${NODE_ENV}`,
19 |   // Don't include `.env.local` for `test` environment
20 |   // since normally you expect tests to produce the same
21 |   // results for everyone
22 |   NODE_ENV !== 'test' && `${paths.dotenv}.local`,
23 |   paths.dotenv
24 | ].filter(Boolean);
25 | 
26 | // Load environment variables from .env* files. Suppress warnings using silent
27 | // if this file is missing. dotenv will never modify any environment variables
28 | // that have already been set.
29 | // https://github.com/motdotla/dotenv
30 | dotenvFiles.forEach(dotenvFile => {
31 |   if (fs.existsSync(dotenvFile)) {
32 |     require('dotenv').config({
33 |       path: dotenvFile,
34 |     });
35 |   }
36 | });
37 | 
38 | // We support resolving modules according to `NODE_PATH`.
39 | // This lets you use absolute paths in imports inside large monorepos:
40 | // https://github.com/facebookincubator/create-react-app/issues/253.
41 | // It works similar to `NODE_PATH` in Node itself:
42 | // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
43 | // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
44 | // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
45 | // https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
46 | // We also resolve them to make sure all tools using them work consistently.
47 | const appDirectory = fs.realpathSync(process.cwd());
48 | process.env.NODE_PATH = (process.env.NODE_PATH || '')
49 |   .split(path.delimiter)
50 |   .filter(folder => folder && !path.isAbsolute(folder))
51 |   .map(folder => path.resolve(appDirectory, folder))
52 |   .join(path.delimiter);
53 | 
54 | // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
55 | // injected into the application via DefinePlugin in Webpack configuration.
56 | const REACT_APP = /^REACT_APP_/i;
57 | 
58 | function getClientEnvironment(publicUrl) {
59 |   const raw = Object.keys(process.env)
60 |     .filter(key => REACT_APP.test(key))
61 |     .reduce((env, key) => {
62 |         env[key] = process.env[key];
63 |         return env;
64 |       },
65 |       {
66 |         // Useful for determining whether we’re running in production mode.
67 |         // Most importantly, it switches React into the correct mode.
68 |         NODE_ENV: process.env.NODE_ENV || 'development',
69 |         // Useful for resolving the correct path to static assets in `public`.
70 |         // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
71 |         // This should only be used as an escape hatch. Normally you would put
72 |         // images into the `src` and `import` them in code to get their paths.
73 |         PUBLIC_URL: publicUrl,
74 |         __DEVELOPMENT__: true,
75 |         __DEVTOOLS__: process.env.NODE_ENV === 'production'
76 |       });
77 |   // Stringify all values so we can feed into Webpack DefinePlugin
78 |   const stringified = {
79 |     'process.env': Object.keys(raw).reduce((env, key) => {
80 |       env[key] = JSON.stringify(raw[key]);
81 |       return env;
82 |     }, {}),
83 |   };
84 | 
85 |   return {raw, stringified};
86 | }
87 | 
88 | module.exports = getClientEnvironment;
89 | 


--------------------------------------------------------------------------------
/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // This is a custom Jest transformer turning style imports into empty objects.
 4 | // http://facebook.github.io/jest/docs/tutorial-webpack.html
 5 | 
 6 | module.exports = {
 7 |   process() {
 8 |     return 'module.exports = {};';
 9 |   },
10 |   getCacheKey() {
11 |     // The output is always the same.
12 |     return 'cssTransform';
13 |   },
14 | };
15 | 


--------------------------------------------------------------------------------
/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | 
 5 | // This is a custom Jest transformer turning file imports into filenames.
 6 | // http://facebook.github.io/jest/docs/tutorial-webpack.html
 7 | 
 8 | module.exports = {
 9 |   process(src, filename) {
10 |     return `module.exports = ${JSON.stringify(path.basename(filename))};`;
11 |   },
12 | };
13 | 


--------------------------------------------------------------------------------
/config/paths.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | const fs = require('fs');
 5 | const url = require('url');
 6 | 
 7 | // Make sure any symlinks in the project folder are resolved:
 8 | // https://github.com/facebookincubator/create-react-app/issues/637
 9 | const appDirectory = fs.realpathSync(process.cwd());
10 | const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
11 | 
12 | const envPublicUrl = process.env.PUBLIC_URL;
13 | 
14 | function ensureSlash(path, needsSlash) {
15 |   const hasSlash = path.endsWith('/');
16 |   if (hasSlash && !needsSlash) {
17 |     return path.substr(path, path.length - 1);
18 |   } else if (!hasSlash && needsSlash) {
19 |     return `${path}/`;
20 |   } else {
21 |     return path;
22 |   }
23 | }
24 | 
25 | const getPublicUrl = appPackageJson => envPublicUrl || require(appPackageJson).homepage;
26 | 
27 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
28 | // "public path" at which the app is served.
29 | // Webpack needs to know it to put the right <script> hrefs into HTML even in
30 | // single-page apps that may serve index.html for nested URLs like /todos/42.
31 | // We can't use a relative path in HTML because we don't want to load something
32 | // like /todos/42/static/js/bundle.7289d.js. We have to know the root.
33 | function getServedPath(appPackageJson) {
34 |   const publicUrl = getPublicUrl(appPackageJson);
35 |   const servedUrl = envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');
36 |   return ensureSlash(servedUrl, true);
37 | }
38 | 
39 | // config after eject: we're in ./config/
40 | module.exports = {
41 |   dotenv: resolveApp('.env'),
42 |   appBuild: resolveApp('build'),
43 |   appPublic: resolveApp('public'),
44 |   appHtml: resolveApp('public/index.html'),
45 |   appIndexJs: resolveApp('src/index.js'),
46 |   appPackageJson: resolveApp('package.json'),
47 |   appSrc: resolveApp('src'),
48 |   yarnLockFile: resolveApp('yarn.lock'),
49 |   testsSetup: resolveApp('src/setupTests.js'),
50 |   appNodeModules: resolveApp('node_modules'),
51 |   publicUrl: getPublicUrl(resolveApp('package.json')),
52 |   servedPath: getServedPath(resolveApp('package.json')),
53 | };
54 | 


--------------------------------------------------------------------------------
/config/polyfills.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | // enable stupid polyfill
 3 | require('babel-polyfill');
 4 | 
 5 | if (typeof Promise === 'undefined') {
 6 |   // Rejection tracking prevents a common issue where React gets into an
 7 |   // inconsistent state due to an error, but it gets swallowed by a Promise,
 8 |   // and the user has no idea what causes React's erratic future behavior.
 9 |   require('promise/lib/rejection-tracking').enable();
10 |   window.Promise = require('promise/lib/es6-extensions.js');
11 | }
12 | 
13 | // fetch() polyfill for making API calls.
14 | require('whatwg-fetch');
15 | 
16 | // Object.assign() is commonly used with React.
17 | // It will use the native implementation if it's present and isn't buggy.
18 | // Object.assign = require('object-assign');
19 | 


--------------------------------------------------------------------------------
/config/webpack.config.dev.js:
--------------------------------------------------------------------------------
  1 | const autoprefixer = require('autoprefixer');
  2 | const path = require('path');
  3 | const webpack = require('webpack');
  4 | const HtmlWebpackPlugin = require('html-webpack-plugin');
  5 | const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
  6 | const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
  7 | const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
  8 | const eslintFormatter = require('react-dev-utils/eslintFormatter');
  9 | const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 10 | const getClientEnvironment = require('./env');
 11 | const paths = require('./paths');
 12 | 
 13 | // Webpack uses `publicPath` to determine where the app is being served from.
 14 | // In development, we always serve from the root. This makes config easier.
 15 | const publicPath = '/';
 16 | // `publicUrl` is just like `publicPath`, but we will provide it to our app
 17 | // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
 18 | // Omit trailing slash as %PUBLIC_PATH%/xyz looks better than %PUBLIC_PATH%xyz.
 19 | const publicUrl = '';
 20 | // Get environment variables to inject into our app.
 21 | const env = getClientEnvironment(publicUrl);
 22 | 
 23 | // This is the development configuration.
 24 | // It is focused on developer experience and fast rebuilds.
 25 | // The production configuration is different and lives in a separate file.
 26 | module.exports = {
 27 |   // You may want 'eval' instead if you prefer to see the compiled output in DevTools.
 28 |   // See the discussion in https://github.com/facebookincubator/create-react-app/issues/343.
 29 |   devtool: 'cheap-module-source-map',
 30 |   // These are the "entry points" to our application.
 31 |   // This means they will be the "root" imports that are included in JS bundle.
 32 |   // The first two entry points enable "hot" CSS and auto-refreshes for JS.
 33 |   entry: [
 34 |     // We ship a few polyfills by default:
 35 |     require.resolve('./polyfills'),
 36 |     // Include an alternative client for WebpackDevServer. A client's job is to
 37 |     // connect to WebpackDevServer by a socket and get notified about changes.
 38 |     // When you save a file, the client will either apply hot updates (in case
 39 |     // of CSS changes), or refresh the page (in case of JS changes). When you
 40 |     // make a syntax error, this client will display a syntax error overlay.
 41 |     // Note: instead of the default WebpackDevServer client, we use a custom one
 42 |     // to bring better experience for Create React App users. You can replace
 43 |     // the line below with these two lines if you prefer the stock client:
 44 |     // require.resolve('webpack-dev-server/client') + '?/',
 45 |     // require.resolve('webpack/hot/dev-server'),
 46 |     require.resolve('react-dev-utils/webpackHotDevClient'),
 47 |     // Finally, this is your app's code:
 48 |     paths.appIndexJs,
 49 |     // We include the app code last so that if there is a runtime error during
 50 |     // initialization, it doesn't blow up the WebpackDevServer client, and
 51 |     // changing JS code would still trigger a refresh.
 52 |   ],
 53 |   output: {
 54 |     // Next line is not used in dev but WebpackDevServer crashes without it:
 55 |     path: paths.appBuild,
 56 |     // Add /* filename */ comments to generated require()s in the output.
 57 |     pathinfo: true,
 58 |     // This does not produce a real file. It's just the virtual path that is
 59 |     // served by WebpackDevServer in development. This is the JS bundle
 60 |     // containing code from all our entry points, and the Webpack runtime.
 61 |     filename: 'static/js/bundle.js',
 62 |     // There are also additional JS chunk files if you use code splitting.
 63 |     chunkFilename: 'static/js/[name].chunk.js',
 64 |     // This is the URL that app is served from. We use "/" in development.
 65 |     publicPath,
 66 |     // Point sourcemap entries to original disk location (format as URL on Windows)
 67 |     devtoolModuleFilenameTemplate: info =>
 68 |       path.resolve(info.absoluteResourcePath).replace(/\\/g, '/'),
 69 |   },
 70 |   resolve: {
 71 |     // This allows you to set a fallback for where Webpack should look for modules.
 72 |     // We placed these paths second because we want `node_modules` to "win"
 73 |     // if there are any conflicts. This matches Node resolution mechanism.
 74 |     // https://github.com/facebookincubator/create-react-app/issues/253
 75 |     modules: ['node_modules', paths.appNodeModules].concat(
 76 |       // It is guaranteed to exist because we tweak it in `env.js`
 77 |       process.env.NODE_PATH.split(path.delimiter).filter(Boolean)),
 78 |     // These are the reasonable defaults supported by the Node ecosystem.
 79 |     // We also include JSX as a common component filename extension to support
 80 |     // some tools, although we do not recommend using it, see:
 81 |     // https://github.com/facebookincubator/create-react-app/issues/290
 82 |     // `web` extension prefixes have been added for better support
 83 |     // for React Native Web.
 84 |     extensions: ['.web.js', '.js', '.json', '.web.jsx', '.jsx'],
 85 |     alias: {
 86 | 
 87 |       // Support React Native Web
 88 |       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
 89 |       'react-native': 'react-native-web',
 90 |     },
 91 |     plugins: [
 92 |       // Prevents users from importing files from outside of src/ (or node_modules/).
 93 |       // This often causes confusion because we only process files within src/ with babel.
 94 |       // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
 95 |       // please link the files into your node_modules/ and let module-resolution kick in.
 96 |       // Make sure your source files are compiled, as they will not be processed in any way.
 97 |       new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
 98 |     ],
 99 |   },
100 |   module: {
101 |     strictExportPresence: true,
102 |     rules: [
103 |       // TODO: Disable require.ensure as it's not a standard language feature.
104 |       // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
105 |       // { parser: { requireEnsure: false } },
106 | 
107 |       // First, run the linter.
108 |       // It's important to do this before Babel processes the JS.
109 |       {
110 |         test: /\.(js|jsx)$/,
111 |         enforce: 'pre',
112 |         use: [
113 |           {
114 |             options: {
115 |               formatter: eslintFormatter,
116 |               eslintPath: require.resolve('eslint'),
117 |               useEslintrc: true,
118 |             },
119 |             loader: require.resolve('eslint-loader'),
120 |           },
121 |         ],
122 |         include: paths.appSrc,
123 |       },
124 |       {
125 |         // "oneOf" will traverse all following loaders until one will
126 |         // match the requirements. When no loader matches it will fall
127 |         // back to the "file" loader at the end of the loader list.
128 |         oneOf: [
129 |           // "url" loader works like "file" loader except that it embeds assets
130 |           // smaller than specified limit in bytes as data URLs to avoid requests.
131 |           // A missing `test` is equivalent to a match.
132 |           {
133 |             test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
134 |             loader: require.resolve('url-loader'),
135 |             options: {
136 |               limit: 10000,
137 |               name: 'static/media/[name].[hash:8].[ext]',
138 |             },
139 |           },
140 |           // Process JS with Babel.
141 |           {
142 |             test: /\.(js|jsx)$/,
143 |             include: paths.appSrc,
144 |             loader: require.resolve('babel-loader'),
145 |             options: {
146 |               // This is a feature of `babel-loader` for webpack (not Babel itself).
147 |               // It enables caching results in ./node_modules/.cache/babel-loader/
148 |               // directory for faster rebuilds.
149 |               cacheDirectory: true,
150 |               presets: [
151 |                 'react',
152 |                 [
153 |                   'env',
154 |                   {
155 |                     targets: 'Last 2 versions',
156 |                   },
157 |                 ],
158 |                 'stage-0',
159 |               ],
160 |               plugins: [
161 |                 'transform-runtime',
162 |                 'add-module-exports',
163 |                 'transform-decorators-legacy',
164 |                 'transform-object-rest-spread',
165 |                 'transform-class-properties',
166 |               ],
167 |               retainLines: true,
168 |             },
169 |           },
170 |           // "postcss" loader applies autoprefixer to our CSS.
171 |           // "css" loader resolves paths in CSS and adds assets as dependencies.
172 |           // "style" loader turns CSS into JS modules that inject <style> tags.
173 |           // In production, we use a plugin to extract that CSS to a file, but
174 |           // in development "style" loader enables hot editing of CSS.
175 |           {
176 |             test: /\.css$/,
177 |             use: [
178 |               require.resolve('style-loader'),
179 |               {
180 |                 loader: require.resolve('css-loader'),
181 |                 options: {
182 |                   importLoaders: 1,
183 |                 },
184 |               },
185 |               {
186 |                 loader: require.resolve('postcss-loader'),
187 |                 options: {
188 |                   // Necessary for external CSS imports to work
189 |                   // https://github.com/facebookincubator/create-react-app/issues/2677
190 |                   ident: 'postcss',
191 |                   plugins: () => [
192 |                     require('postcss-flexbugs-fixes'),
193 |                     autoprefixer({
194 |                       browsers: [
195 |                         '>1%',
196 |                         'last 4 versions',
197 |                         'Firefox ESR',
198 |                         'not ie < 9', // React doesn't support IE8 anyway
199 |                       ],
200 |                       flexbox: 'no-2009',
201 |                     }),
202 |                   ],
203 |                 },
204 |               },
205 |             ],
206 |           },
207 |           // "file" loader makes sure those assets get served by WebpackDevServer.
208 |           // When you `import` an asset, you get its (virtual) filename.
209 |           // In production, they would get copied to the `build` folder.
210 |           // This loader doesn't use a "test" so it will catch all modules
211 |           // that fall through the other loaders.
212 |           {
213 |             // Exclude `js` files to keep "css" loader working as it injects
214 |             // it's runtime that would otherwise processed through "file" loader.
215 |             // Also exclude `html` and `json` extensions so they get processed
216 |             // by webpacks internal loaders.
217 |             exclude: [/\.js$/, /\.html$/, /\.json$/],
218 |             loader: require.resolve('file-loader'),
219 |             options: {
220 |               name: 'static/media/[name].[hash:8].[ext]',
221 |             },
222 |           },
223 |         ],
224 |       },
225 |       // ** STOP ** Are you adding a new loader?
226 |       // Make sure to add the new loader(s) before the "file" loader.
227 |     ],
228 |   },
229 |   plugins: [
230 |     // Makes some environment variables available in index.html.
231 |     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
232 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
233 |     // In development, this will be an empty string.
234 |     new InterpolateHtmlPlugin(env.raw),
235 |     // Generates an `index.html` file with the <script> injected.
236 |     new HtmlWebpackPlugin({
237 |       inject: true,
238 |       template: paths.appHtml,
239 |     }),
240 |     // Add module names to factory functions so they appear in browser profiler.
241 |     new webpack.NamedModulesPlugin(),
242 |     // Makes some environment variables available to the JS code, for example:
243 |     // if (process.env.NODE_ENV === 'development') { ... }. See `./env.js`.
244 |     new webpack.DefinePlugin(Object.assign(env.stringified, {
245 |       __DEVELOPMENT__: true,
246 |       __DEVTOOLS__: process.env.NODE_ENV === 'production',
247 |     })),
248 |     // This is necessary to emit hot updates (currently CSS only):
249 |     new webpack.HotModuleReplacementPlugin(),
250 |     // Watcher doesn't work well if you mistype casing in a path so we use
251 |     // a plugin that prints an error when you attempt to do this.
252 |     // See https://github.com/facebookincubator/create-react-app/issues/240
253 |     new CaseSensitivePathsPlugin(),
254 |     // If you require a missing module and then `npm install` it, you still have
255 |     // to restart the development server for Webpack to discover it. This plugin
256 |     // makes the discovery automatic so you don't have to restart.
257 |     // See https://github.com/facebookincubator/create-react-app/issues/186
258 |     new WatchMissingNodeModulesPlugin(paths.appNodeModules),
259 |     // Moment.js is an extremely popular library that bundles large locale files
260 |     // by default due to how Webpack interprets its code. This is a practical
261 |     // solution that requires the user to opt into importing specific locales.
262 |     // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
263 |     // You can remove this if you don't use Moment.js:
264 |     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
265 |   ],
266 |   // Some libraries import Node modules but don't use them in the browser.
267 |   // Tell Webpack to provide empty mocks for them so importing them works.
268 |   node: {
269 |     dgram: 'empty',
270 |     fs: 'empty',
271 |     net: 'empty',
272 |     tls: 'empty',
273 |     child_process: 'empty',
274 |   },
275 |   // Turn off performance hints during development because we don't do any
276 |   // splitting or minification in interest of speed. These warnings become
277 |   // cumbersome.
278 |   performance: {
279 |     hints: false,
280 |   },
281 | };
282 | 


--------------------------------------------------------------------------------
/config/webpack.config.prod.js:
--------------------------------------------------------------------------------
  1 | const autoprefixer = require('autoprefixer');
  2 | const path = require('path');
  3 | const webpack = require('webpack');
  4 | const HtmlWebpackPlugin = require('html-webpack-plugin');
  5 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
  6 | const ManifestPlugin = require('webpack-manifest-plugin');
  7 | const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
  8 | const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin');
  9 | const eslintFormatter = require('react-dev-utils/eslintFormatter');
 10 | const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 11 | const paths = require('./paths');
 12 | const getClientEnvironment = require('./env');
 13 | 
 14 | // Webpack uses `publicPath` to determine where the app is being served from.
 15 | // It requires a trailing slash, or the file assets will get an incorrect path.
 16 | const publicPath = paths.servedPath;
 17 | // Some apps do not use client-side routing with pushState.
 18 | // For these, "homepage" can be set to "." to enable relative asset paths.
 19 | const shouldUseRelativeAssetPaths = publicPath === './';
 20 | // Source maps are resource heavy and can cause out of memory issue for large source files.
 21 | const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
 22 | // `publicUrl` is just like `publicPath`, but we will provide it to our app
 23 | // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
 24 | // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.
 25 | const publicUrl = publicPath.slice(0, -1);
 26 | // Get environment variables to inject into our app.
 27 | const env = getClientEnvironment(publicUrl);
 28 | 
 29 | // Assert this just to be safe.
 30 | // Development builds of React are slow and not intended for production.
 31 | if (env.stringified['process.env'].NODE_ENV !== '"production"') {
 32 |   throw new Error('Production builds must have NODE_ENV=production.');
 33 | }
 34 | 
 35 | // Note: defined here because it will be used more than once.
 36 | const cssFilename = 'static/css/[name].[contenthash:8].css';
 37 | 
 38 | // ExtractTextPlugin expects the build output to be flat.
 39 | // (See https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/27)
 40 | // However, our output is structured with css, js and media folders.
 41 | // To have this structure working with relative paths, we have to use custom options.
 42 | const extractTextPluginOptions = shouldUseRelativeAssetPaths
 43 |   ? // Making sure that the publicPath goes back to to build folder.
 44 |   {publicPath: Array(cssFilename.split('/').length).join('../')}
 45 |   : {};
 46 | 
 47 | // This is the production configuration.
 48 | // It compiles slowly and is focused on producing a fast and minimal bundle.
 49 | // The development configuration is different and lives in a separate file.
 50 | module.exports = {
 51 |   // Don't attempt to continue if there are any errors.
 52 |   bail: true,
 53 |   // We generate sourcemaps in production. This is slow but gives good results.
 54 |   // You can exclude the *.map files from the build during deployment.
 55 |   devtool: shouldUseSourceMap ? 'source-map' : false,
 56 |   // In production, we only want to load the polyfills and the app code.
 57 |   entry: [require.resolve('./polyfills'), paths.appIndexJs],
 58 |   output: {
 59 |     // The build folder.
 60 |     path: paths.appBuild,
 61 |     // Generated JS file names (with nested folders).
 62 |     // There will be one main bundle, and one file per asynchronous chunk.
 63 |     // We don't currently advertise code splitting but Webpack supports it.
 64 |     filename: 'static/js/[name].[chunkhash:8].js',
 65 |     chunkFilename: 'static/js/[name].[chunkhash:8].chunk.js',
 66 |     // We inferred the "public path" (such as / or /my-project) from homepage.
 67 |     publicPath,
 68 |     // Point sourcemap entries to original disk location (format as URL on Windows)
 69 |     devtoolModuleFilenameTemplate: info =>
 70 |       path
 71 |         .relative(paths.appSrc, info.absoluteResourcePath)
 72 |         .replace(/\\/g, '/'),
 73 |   },
 74 |   resolve: {
 75 |     // This allows you to set a fallback for where Webpack should look for modules.
 76 |     // We placed these paths second because we want `node_modules` to "win"
 77 |     // if there are any conflicts. This matches Node resolution mechanism.
 78 |     // https://github.com/facebookincubator/create-react-app/issues/253
 79 |     modules: ['node_modules', paths.appNodeModules].concat(
 80 |       // It is guaranteed to exist because we tweak it in `env.js`
 81 |       process.env.NODE_PATH.split(path.delimiter).filter(Boolean),
 82 |     ),
 83 |     // These are the reasonable defaults supported by the Node ecosystem.
 84 |     // We also include JSX as a common component filename extension to support
 85 |     // some tools, although we do not recommend using it, see:
 86 |     // https://github.com/facebookincubator/create-react-app/issues/290
 87 |     // `web` extension prefixes have been added for better support
 88 |     // for React Native Web.
 89 |     extensions: ['.web.js', '.js', '.json', '.web.jsx', '.jsx'],
 90 |     alias: {
 91 | 
 92 |       // Support React Native Web
 93 |       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
 94 |       'react-native': 'react-native-web',
 95 |     },
 96 |     plugins: [
 97 |       // Prevents users from importing files from outside of src/ (or node_modules/).
 98 |       // This often causes confusion because we only process files within src/ with babel.
 99 |       // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
100 |       // please link the files into your node_modules/ and let module-resolution kick in.
101 |       // Make sure your source files are compiled, as they will not be processed in any way.
102 |       new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
103 |     ],
104 |   },
105 |   module: {
106 |     strictExportPresence: true,
107 |     rules: [
108 |       // TODO: Disable require.ensure as it's not a standard language feature.
109 |       // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
110 |       // { parser: { requireEnsure: false } },
111 | 
112 |       // First, run the linter.
113 |       // It's important to do this before Babel processes the JS.
114 |       {
115 |         test: /\.(js|jsx)$/,
116 |         enforce: 'pre',
117 |         use: [
118 |           {
119 |             options: {
120 |               formatter: eslintFormatter,
121 |               eslintPath: require.resolve('eslint'),
122 | 
123 |             },
124 |             loader: require.resolve('eslint-loader'),
125 |           },
126 |         ],
127 |         include: paths.appSrc,
128 |       },
129 |       {
130 |         // "oneOf" will traverse all following loaders until one will
131 |         // match the requirements. When no loader matches it will fall
132 |         // back to the "file" loader at the end of the loader list.
133 |         oneOf: [
134 |           // "url" loader works just like "file" loader but it also embeds
135 |           // assets smaller than specified size as data URLs to avoid requests.
136 |           {
137 |             test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
138 |             loader: require.resolve('url-loader'),
139 |             options: {
140 |               limit: 10000,
141 |               name: 'static/media/[name].[hash:8].[ext]',
142 |             },
143 |           },
144 |           // Process JS with Babel.
145 |           {
146 |             test: /\.(js|jsx)$/,
147 |             include: paths.appSrc,
148 |             loader: require.resolve('babel-loader'),
149 |             options: {
150 |               presets: [
151 |                 'react',
152 |                 [
153 |                   'env',
154 |                   {
155 |                     targets: 'Last 2 versions',
156 |                   },
157 |                 ],
158 |                 'stage-0',
159 |               ],
160 |               plugins: [
161 |                 'transform-runtime',
162 |                 'add-module-exports',
163 |                 'transform-decorators-legacy',
164 |                 'transform-object-rest-spread',
165 |                 'transform-class-properties',
166 |               ],
167 |               retainLines: true,
168 |               compact: true,
169 |             },
170 |           },
171 |           // The notation here is somewhat confusing.
172 |           // "postcss" loader applies autoprefixer to our CSS.
173 |           // "css" loader resolves paths in CSS and adds assets as dependencies.
174 |           // "style" loader normally turns CSS into JS modules injecting <style>,
175 |           // but unlike in development configuration, we do something different.
176 |           // `ExtractTextPlugin` first applies the "postcss" and "css" loaders
177 |           // (second argument), then grabs the result CSS and puts it into a
178 |           // separate file in our build process. This way we actually ship
179 |           // a single CSS file in production instead of JS code injecting <style>
180 |           // tags. If you use code splitting, however, any async bundles will still
181 |           // use the "style" loader inside the async code so CSS from them won't be
182 |           // in the main CSS file.
183 |           {
184 |             test: /\.css$/,
185 |             loader: ExtractTextPlugin.extract(
186 |               Object.assign(
187 |                 {
188 |                   fallback: require.resolve('style-loader'),
189 |                   use: [
190 |                     {
191 |                       loader: require.resolve('css-loader'),
192 |                       options: {
193 |                         importLoaders: 1,
194 |                         minimize: true,
195 |                         sourceMap: shouldUseSourceMap,
196 |                       },
197 |                     },
198 |                     {
199 |                       loader: require.resolve('postcss-loader'),
200 |                       options: {
201 |                         // Necessary for external CSS imports to work
202 |                         // https://github.com/facebookincubator/create-react-app/issues/2677
203 |                         ident: 'postcss',
204 |                         plugins: () => [
205 |                           require('postcss-flexbugs-fixes'),
206 |                           autoprefixer({
207 |                             browsers: [
208 |                               '>1%',
209 |                               'last 4 versions',
210 |                               'Firefox ESR',
211 |                               'not ie < 9', // React doesn't support IE8 anyway
212 |                             ],
213 |                             flexbox: 'no-2009',
214 |                           }),
215 |                         ],
216 |                       },
217 |                     },
218 |                   ],
219 |                 },
220 |                 extractTextPluginOptions,
221 |               ),
222 |             ),
223 |             // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
224 |           },
225 |           // "file" loader makes sure assets end up in the `build` folder.
226 |           // When you `import` an asset, you get its filename.
227 |           // This loader doesn't use a "test" so it will catch all modules
228 |           // that fall through the other loaders.
229 |           {
230 |             loader: require.resolve('file-loader'),
231 |             // Exclude `js` files to keep "css" loader working as it injects
232 |             // it's runtime that would otherwise processed through "file" loader.
233 |             // Also exclude `html` and `json` extensions so they get processed
234 |             // by webpacks internal loaders.
235 |             exclude: [/\.js$/, /\.html$/, /\.json$/],
236 |             options: {
237 |               name: 'static/media/[name].[hash:8].[ext]',
238 |             },
239 |           },
240 |           // ** STOP ** Are you adding a new loader?
241 |           // Make sure to add the new loader(s) before the "file" loader.
242 |         ],
243 |       },
244 |     ],
245 |   },
246 |   plugins: [
247 |     // Makes some environment variables available in index.html.
248 |     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
249 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
250 |     // In production, it will be an empty string unless you specify "homepage"
251 |     // in `package.json`, in which case it will be the pathname of that URL.
252 |     new InterpolateHtmlPlugin(env.raw),
253 |     // Generates an `index.html` file with the <script> injected.
254 |     new HtmlWebpackPlugin({
255 |       inject: true,
256 |       template: paths.appHtml,
257 |       minify: {
258 |         removeComments: true,
259 |         collapseWhitespace: true,
260 |         removeRedundantAttributes: true,
261 |         useShortDoctype: true,
262 |         removeEmptyAttributes: true,
263 |         removeStyleLinkTypeAttributes: true,
264 |         keepClosingSlash: true,
265 |         minifyJS: true,
266 |         minifyCSS: true,
267 |         minifyURLs: true,
268 |       },
269 |     }),
270 |     // Makes some environment variables available to the JS code, for example:
271 |     // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
272 |     // It is absolutely essential that NODE_ENV was set to production here.
273 |     // Otherwise React will be compiled in the very slow development mode.
274 |     new webpack.DefinePlugin(Object.assign(env.stringified, {__DEVELOPMENT__: false})),
275 |     // Minify the code.
276 |     new webpack.optimize.UglifyJsPlugin({
277 |       compress: {
278 |         warnings: false,
279 |         // Disabled because of an issue with Uglify breaking seemingly valid code:
280 |         // https://github.com/facebookincubator/create-react-app/issues/2376
281 |         // Pending further investigation:
282 |         // https://github.com/mishoo/UglifyJS2/issues/2011
283 |         comparisons: false,
284 |       },
285 |       output: {
286 |         comments: false,
287 |         // Turned on because emoji and regex is not minified properly using default
288 |         // https://github.com/facebookincubator/create-react-app/issues/2488
289 |         ascii_only: true,
290 |       },
291 |       sourceMap: shouldUseSourceMap,
292 |     }),
293 |     // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
294 |     new ExtractTextPlugin({
295 |       filename: cssFilename,
296 |     }),
297 |     // Generate a manifest file which contains a mapping of all asset filenames
298 |     // to their corresponding output file so that tools can pick it up without
299 |     // having to parse `index.html`.
300 |     new ManifestPlugin({
301 |       fileName: 'asset-manifest.json',
302 |     }),
303 |     // Generate a service worker script that will precache, and keep up to date,
304 |     // the HTML & assets that are part of the Webpack build.
305 |     new SWPrecacheWebpackPlugin({
306 |       // By default, a cache-busting query parameter is appended to requests
307 |       // used to populate the caches, to ensure the responses are fresh.
308 |       // If a URL is already hashed by Webpack, then there is no concern
309 |       // about it being stale, and the cache-busting can be skipped.
310 |       dontCacheBustUrlsMatching: /\.\w{8}\./,
311 |       filename: 'service-worker.js',
312 |       logger(message) {
313 |         if (message.indexOf('Total precache size is') === 0) {
314 |           // This message occurs for every build and is a bit too noisy.
315 |           return;
316 |         }
317 |         if (message.indexOf('Skipping static resource') === 0) {
318 |           // This message obscures real errors so we ignore it.
319 |           // https://github.com/facebookincubator/create-react-app/issues/2612
320 |           return;
321 |         }
322 |         console.log(message);
323 |       },
324 |       minify: true,
325 |       // For unknown URLs, fallback to the index page
326 |       navigateFallback: `${publicUrl}/index.html`,
327 |       // Ignores URLs starting from /__ (useful for Firebase):
328 |       // https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219
329 |       navigateFallbackWhitelist: [/^(?!\/__).*/],
330 |       // Don't precache sourcemaps (they're large) and build asset manifest:
331 |       staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/],
332 |     }),
333 |     // Moment.js is an extremely popular library that bundles large locale files
334 |     // by default due to how Webpack interprets its code. This is a practical
335 |     // solution that requires the user to opt into importing specific locales.
336 |     // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
337 |     // You can remove this if you don't use Moment.js:
338 |     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
339 |   ],
340 |   // Some libraries import Node modules but don't use them in the browser.
341 |   // Tell Webpack to provide empty mocks for them so importing them works.
342 |   node: {
343 |     dgram: 'empty',
344 |     fs: 'empty',
345 |     net: 'empty',
346 |     tls: 'empty',
347 |     child_process: 'empty',
348 |   },
349 | };
350 | 


--------------------------------------------------------------------------------
/config/webpackDevServer.config.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const errorOverlayMiddleware = require('react-dev-utils/errorOverlayMiddleware');
 4 | const noopServiceWorkerMiddleware = require('react-dev-utils/noopServiceWorkerMiddleware');
 5 | const config = require('./webpack.config.dev');
 6 | const paths = require('./paths');
 7 | 
 8 | const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
 9 | const host = process.env.HOST || '0.0.0.0';
10 | 
11 | module.exports = function(proxy, allowedHost) {
12 |   return {
13 |     // WebpackDevServer 2.4.3 introduced a security fix that prevents remote
14 |     // websites from potentially accessing local content through DNS rebinding:
15 |     // https://github.com/webpack/webpack-dev-server/issues/887
16 |     // https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a
17 |     // However, it made several existing use cases such as development in cloud
18 |     // environment or subdomains in development significantly more complicated:
19 |     // https://github.com/facebookincubator/create-react-app/issues/2271
20 |     // https://github.com/facebookincubator/create-react-app/issues/2233
21 |     // While we're investigating better solutions, for now we will take a
22 |     // compromise. Since our WDS configuration only serves files in the `public`
23 |     // folder we won't consider accessing them a vulnerability. However, if you
24 |     // use the `proxy` feature, it gets more dangerous because it can expose
25 |     // remote code execution vulnerabilities in backends like Django and Rails.
26 |     // So we will disable the host check normally, but enable it if you have
27 |     // specified the `proxy` setting. Finally, we let you override it if you
28 |     // really know what you're doing with a special environment variable.
29 |     disableHostCheck:
30 |       !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true',
31 |     // Enable gzip compression of generated files.
32 |     compress: true,
33 |     // Silence WebpackDevServer's own logs since they're generally not useful.
34 |     // It will still show compile warnings and errors with this setting.
35 |     clientLogLevel: 'none',
36 |     // By default WebpackDevServer serves physical files from current directory
37 |     // in addition to all the virtual build products that it serves from memory.
38 |     // This is confusing because those files won’t automatically be available in
39 |     // production build folder unless we copy them. However, copying the whole
40 |     // project directory is dangerous because we may expose sensitive files.
41 |     // Instead, we establish a convention that only files in `public` directory
42 |     // get served. Our build script will copy `public` into the `build` folder.
43 |     // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
44 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
45 |     // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
46 |     // Note that we only recommend to use `public` folder as an escape hatch
47 |     // for files like `favicon.ico`, `manifest.json`, and libraries that are
48 |     // for some reason broken when imported through Webpack. If you just want to
49 |     // use an image, put it in `src` and `import` it from JavaScript instead.
50 |     contentBase: paths.appPublic,
51 |     // By default files from `contentBase` will not trigger a page reload.
52 |     watchContentBase: true,
53 |     // Enable hot reloading server. It will provide /sockjs-node/ endpoint
54 |     // for the WebpackDevServer client so it can learn when the files were
55 |     // updated. The WebpackDevServer client is included as an entry point
56 |     // in the Webpack development configuration. Note that only changes
57 |     // to CSS are currently hot reloaded. JS changes will refresh the browser.
58 |     hot: true,
59 |     // It is important to tell WebpackDevServer to use the same "root" path
60 |     // as we specified in the config. In development, we always serve from /.
61 |     publicPath: config.output.publicPath,
62 |     // WebpackDevServer is noisy by default so we emit custom message instead
63 |     // by listening to the compiler events with `compiler.plugin` calls above.
64 |     quiet: true,
65 |     // Reportedly, this avoids CPU overload on some systems.
66 |     // https://github.com/facebookincubator/create-react-app/issues/293
67 |     watchOptions: {
68 |       ignored: /node_modules/,
69 |     },
70 |     // Enable HTTPS if the HTTPS environment variable is set to 'true'
71 |     https: protocol === 'https',
72 |     host: host,
73 |     overlay: false,
74 |     historyApiFallback: {
75 |       // Paths with dots should still use the history fallback.
76 |       // See https://github.com/facebookincubator/create-react-app/issues/387.
77 |       disableDotRule: true,
78 |     },
79 |     public: allowedHost,
80 |     proxy,
81 |     setup(app) {
82 |       // This lets us open files from the runtime error overlay.
83 |       app.use(errorOverlayMiddleware());
84 |       // This service worker file is effectively a 'no-op' that will reset any
85 |       // previous service worker registered for the same host:port combination.
86 |       // We do this in development to avoid hitting the production cache if
87 |       // it used the same host and port.
88 |       // https://github.com/facebookincubator/create-react-app/issues/2272#issuecomment-302832432
89 |       app.use(noopServiceWorkerMiddleware());
90 |     },
91 |   };
92 | };
93 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "labtech-script-explorer",
  3 |   "version": "0.4.1",
  4 |   "description": "React App that decodes and displays LabTech Scripts",
  5 |   "keywords": [
  6 |     "LabTech",
  7 |     "ConnectWise",
  8 |     "Automate",
  9 |     "React",
 10 |     "ConnectWise Automate"
 11 |   ],
 12 |   "engines": {
 13 |     "node": "6.11.4"
 14 |   },
 15 |   "repository": {
 16 |     "url": "https://github.com/k-grube/labtech-script-explorer.git",
 17 |     "type": "git"
 18 |   },
 19 |   "homepage": "https://k-grube.github.io/labtech-script-explorer",
 20 |   "license": "MIT",
 21 |   "dependencies": {
 22 |     "autoprefixer": "7.1.2",
 23 |     "babel-core": "6.25.0",
 24 |     "babel-eslint": "7.2.3",
 25 |     "babel-jest": "20.0.3",
 26 |     "babel-loader": "7.1.1",
 27 |     "babel-plugin-add-module-exports": "^0.2.1",
 28 |     "babel-plugin-react-transform": "^2.0.0",
 29 |     "babel-plugin-transform-class-properties": "^6.24.1",
 30 |     "babel-plugin-transform-decorators-legacy": "^1.3.4",
 31 |     "babel-plugin-transform-object-rest-spread": "^6.26.0",
 32 |     "babel-plugin-transform-react-display-name": "^6.25.0",
 33 |     "babel-plugin-transform-runtime": "^6.23.0",
 34 |     "babel-plugin-typecheck": "^3.6.0",
 35 |     "babel-polyfill": "^6.26.0",
 36 |     "babel-preset-env": "^1.6.1",
 37 |     "babel-preset-es2015": "^6.24.1",
 38 |     "babel-preset-react": "^6.24.1",
 39 |     "babel-preset-stage-0": "^6.24.1",
 40 |     "babel-register": "^6.26.0",
 41 |     "babel-runtime": "6.26.0",
 42 |     "better-npm-run": "^0.1.0",
 43 |     "body-parser": "^1.18.2",
 44 |     "case-sensitive-paths-webpack-plugin": "2.1.1",
 45 |     "chalk": "1.1.3",
 46 |     "compression": "^1.7.2",
 47 |     "concurrently": "^3.5.1",
 48 |     "css-loader": "0.28.4",
 49 |     "dotenv": "4.0.0",
 50 |     "eslint": "^4.18.1",
 51 |     "eslint-config-airbnb": "^16.1.0",
 52 |     "eslint-loader": "1.9.0",
 53 |     "eslint-plugin-import": "2.7.0",
 54 |     "eslint-plugin-jsx-a11y": "^6.0.3",
 55 |     "eslint-plugin-react": "^7.7.0",
 56 |     "express": "^4.16.2",
 57 |     "express-validator": "^4.3.0",
 58 |     "extract-text-webpack-plugin": "3.0.0",
 59 |     "file-loader": "0.11.2",
 60 |     "fs-extra": "3.0.1",
 61 |     "history": "^4.7.2",
 62 |     "html-webpack-plugin": "2.29.0",
 63 |     "jest": "20.0.4",
 64 |     "labtech-script-decode": "^0.7.2",
 65 |     "lodash": "^4.17.19",
 66 |     "morgan": "^1.10.0",
 67 |     "object-assign": "4.1.1",
 68 |     "piping": "^1.0.0-rc.4",
 69 |     "postcss-flexbugs-fixes": "3.2.0",
 70 |     "postcss-loader": "2.0.6",
 71 |     "pretty-error": "^2.1.1",
 72 |     "promise": "8.0.1",
 73 |     "prop-types": "^15.6.1",
 74 |     "pushstate-server": "^3.1.0",
 75 |     "react": "^15.6.1",
 76 |     "react-dev-utils": "^4.2.3",
 77 |     "react-dom": "^15.6.1",
 78 |     "react-dropzone": "^4.2.8",
 79 |     "react-fa": "^5.0.0",
 80 |     "react-json-tree": "^0.11.0",
 81 |     "react-redux": "^5.0.7",
 82 |     "react-router": "^4.2.0",
 83 |     "react-router-dom": "^4.2.2",
 84 |     "react-router-redux": "^5.0.0-alpha.9",
 85 |     "react-semantic-redux-form": "^1.2.6",
 86 |     "redux": "^3.7.2",
 87 |     "redux-devtools-extension": "^2.13.2",
 88 |     "redux-form": "^7.2.3",
 89 |     "redux-thunk": "^2.2.0",
 90 |     "semantic-ui-css": "^2.3.0",
 91 |     "semantic-ui-react": "^0.74.2",
 92 |     "style-loader": "0.18.2",
 93 |     "superagent": "^3.8.2",
 94 |     "sw-precache-webpack-plugin": "0.11.4",
 95 |     "url-loader": "0.5.9",
 96 |     "webpack": "3.5.1",
 97 |     "webpack-dev-server": "2.8.2",
 98 |     "webpack-manifest-plugin": "1.2.1",
 99 |     "whatwg-fetch": "2.0.3",
100 |     "winston": "^2.4.0",
101 |     "winston-papertrail": "^1.0.5"
102 |   },
103 |   "devDependencies": {
104 |     "gh-pages": "^1.1.0"
105 |   },
106 |   "betterScripts": {
107 |     "start-web-dev": {
108 |       "command": "node scripts/start.js",
109 |       "env": {
110 |         "NODE_ENV": "development",
111 |         "PORT": 3000
112 |       }
113 |     },
114 |     "start-api-dev": {
115 |       "command": "node scripts/start-api.js",
116 |       "env": {
117 |         "NODE_ENV": "development",
118 |         "PORT": 3030
119 |       }
120 |     },
121 |     "start-api-prod": {
122 |       "command": "node scripts/start-api.js",
123 |       "env": {
124 |         "NODE_ENV": "production",
125 |         "PORT": 3000
126 |       }
127 |     }
128 |   },
129 |   "scripts": {
130 |     "start": "concurrently --kill-others \"npm run start-web-dev\" \"npm run start-api-dev\"",
131 |     "start-api-dev": "better-npm-run start-api-dev",
132 |     "start-web-dev": "better-npm-run start-web-dev",
133 |     "postinstall": "npm run build",
134 |     "prod": "better-npm-run start-api-prod",
135 |     "build": "node scripts/build.js",
136 |     "test": "node scripts/test.js --env=jsdom",
137 |     "predeploy": "npm run build",
138 |     "deploy": "gh-pages -d build"
139 |   },
140 |   "jest": {
141 |     "collectCoverageFrom": [
142 |       "src/**/*.{js,jsx}"
143 |     ],
144 |     "setupFiles": [
145 |       "<rootDir>/config/polyfills.js"
146 |     ],
147 |     "testMatch": [
148 |       "<rootDir>/src/**/__tests__/**/*.js?(x)",
149 |       "<rootDir>/src/**/?(*.)(spec|test).js?(x)"
150 |     ],
151 |     "testEnvironment": "node",
152 |     "testURL": "http://localhost",
153 |     "transform": {
154 |       "^.+\\.(js|jsx)$": "<rootDir>/node_modules/babel-jest",
155 |       "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
156 |       "^(?!.*\\.(js|jsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
157 |     },
158 |     "transformIgnorePatterns": [
159 |       "[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"
160 |     ],
161 |     "moduleNameMapper": {
162 |       "^react-native$": "react-native-web"
163 |     },
164 |     "moduleFileExtensions": [
165 |       "web.js",
166 |       "js",
167 |       "json",
168 |       "web.jsx",
169 |       "jsx",
170 |       "node"
171 |     ]
172 |   }
173 | }
174 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/k-grube/labtech-script-explorer/d1b7af85d8f495bfeda6cdc775aafe83ae02ad24/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 6 |     <meta name="theme-color" content="#000000">
 7 |     <!--
 8 |       manifest.json provides metadata used when your web app is added to the
 9 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
10 |     -->
11 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
12 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
13 |     <!--
14 |       Notice the use of %PUBLIC_URL% in the tags above.
15 |       It will be replaced with the URL of the `public` folder during the build.
16 |       Only files inside the `public` folder can be referenced from the HTML.
17 | 
18 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
19 |       work correctly both with client-side routing and a non-root public URL.
20 |       Learn how to configure a non-root public URL by running `npm run build`.
21 |     -->
22 |     <title>LabTech Script Explorer</title>
23 | </head>
24 | <body>
25 | <noscript>
26 |     You need to enable JavaScript to run this app.
27 | </noscript>
28 | <div id="root"></div>
29 | <!--
30 |   This HTML file is a template.
31 |   If you open it directly in the browser, you will see an empty page.
32 | 
33 |   You can add webfonts, meta tags, or analytics to this file.
34 |   The build step will place the bundled scripts into the <body> tag.
35 | 
36 |   To begin the development, run `npm start` or `yarn start`.
37 |   To create a production bundle, use `npm run build` or `yarn build`.
38 | -->
39 | </body>
40 | </html>
41 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "LabTech Script Explorer",
 3 |   "name": "Script viewing tool for LabTech.",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "192x192",
 8 |       "type": "image/png"
 9 |     }
10 |   ],
11 |   "start_url": "./index.html",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/scripts/build.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | // Do this as the first thing so that any code reading it knows the right env.
  4 | process.env.BABEL_ENV = 'production';
  5 | process.env.NODE_ENV = 'production';
  6 | 
  7 | // load runtime transpilation
  8 | require('../server.babel');
  9 | 
 10 | // Makes the script crash on unhandled rejections instead of silently
 11 | // ignoring them. In the future, promise rejections that are not handled will
 12 | // terminate the Node.js process with a non-zero exit code.
 13 | process.on('unhandledRejection', err => {
 14 |   throw err;
 15 | });
 16 | 
 17 | // Ensure environment variables are read.
 18 | require('../config/env');
 19 | 
 20 | const path = require('path');
 21 | const chalk = require('chalk');
 22 | const fs = require('fs-extra');
 23 | const webpack = require('webpack');
 24 | const config = require('../config/webpack.config.prod');
 25 | const paths = require('../config/paths');
 26 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 27 | const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 28 | const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
 29 | const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 30 | const printBuildError = require('react-dev-utils/printBuildError');
 31 | 
 32 | const measureFileSizesBeforeBuild =
 33 |   FileSizeReporter.measureFileSizesBeforeBuild;
 34 | const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
 35 | const useYarn = fs.existsSync(paths.yarnLockFile);
 36 | 
 37 | // These sizes are pretty large. We'll warn for bundles exceeding them.
 38 | const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
 39 | const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
 40 | 
 41 | // Warn and crash if required files are missing
 42 | if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 43 |   process.exit(1);
 44 | }
 45 | 
 46 | // First, read the current file sizes in build directory.
 47 | // This lets us display how much they changed later.
 48 | measureFileSizesBeforeBuild(paths.appBuild)
 49 |   .then(previousFileSizes => {
 50 |     // Remove all content but keep the directory so that
 51 |     // if you're in it, you don't end up in Trash
 52 |     fs.emptyDirSync(paths.appBuild);
 53 |     // Merge with the public folder
 54 |     copyPublicFolder();
 55 |     // Start the webpack build
 56 |     return build(previousFileSizes);
 57 |   })
 58 |   .then(
 59 |     ({stats, previousFileSizes, warnings}) => {
 60 |       if (warnings.length) {
 61 |         console.log(chalk.yellow('Compiled with warnings.\n'));
 62 |         console.log(warnings.join('\n\n'));
 63 |         console.log('\nSearch for the ' +
 64 |           chalk.underline(chalk.yellow('keywords')) +
 65 |           ' to learn more about each warning.');
 66 |         console.log(
 67 |           'To ignore, add ' +
 68 |           chalk.cyan('// eslint-disable-next-line') +
 69 |           ' to the line before.\n');
 70 |       } else {
 71 |         console.log(chalk.green('Compiled successfully.\n'));
 72 |       }
 73 | 
 74 |       console.log('File sizes after gzip:\n');
 75 |       printFileSizesAfterBuild(
 76 |         stats,
 77 |         previousFileSizes,
 78 |         paths.appBuild,
 79 |         WARN_AFTER_BUNDLE_GZIP_SIZE,
 80 |         WARN_AFTER_CHUNK_GZIP_SIZE
 81 |       );
 82 |       console.log();
 83 | 
 84 |       const appPackage = require(paths.appPackageJson);
 85 |       const publicUrl = paths.publicUrl;
 86 |       const publicPath = config.output.publicPath;
 87 |       const buildFolder = path.relative(process.cwd(), paths.appBuild);
 88 |       printHostingInstructions(
 89 |         appPackage,
 90 |         publicUrl,
 91 |         publicPath,
 92 |         buildFolder,
 93 |         useYarn
 94 |       );
 95 |     },
 96 |     err => {
 97 |       console.log(chalk.red('Failed to compile.\n'));
 98 |       printBuildError(err);
 99 |       process.exit(1);
100 |     }
101 |   );
102 | 
103 | // Create the production build and print the deployment instructions.
104 | function build(previousFileSizes) {
105 |   console.log('Creating an optimized production build...');
106 | 
107 |   let compiler = webpack(config);
108 |   return new Promise((resolve, reject) => {
109 |     compiler.run((err, stats) => {
110 |       if (err) {
111 |         return reject(err);
112 |       }
113 |       const messages = formatWebpackMessages(stats.toJson({}, true));
114 |       if (messages.errors.length) {
115 |         // Only keep the first error. Others are often indicative
116 |         // of the same problem, but confuse the reader with noise.
117 |         if (messages.errors.length > 1) {
118 |           messages.errors.length = 1;
119 |         }
120 |         return reject(new Error(messages.errors.join('\n\n')));
121 |       }
122 |       if (
123 |         process.env.CI &&
124 |         (typeof process.env.CI !== 'string' ||
125 |           process.env.CI.toLowerCase() !== 'false') &&
126 |         messages.warnings.length
127 |       ) {
128 |         console.log(
129 |           chalk.yellow(
130 |             '\nTreating warnings as errors because process.env.CI = true.\n' +
131 |             'Most CI servers set it automatically.\n'));
132 |         return reject(new Error(messages.warnings.join('\n\n')));
133 |       }
134 |       return resolve({
135 |         stats,
136 |         previousFileSizes,
137 |         warnings: messages.warnings,
138 |       });
139 |     });
140 |   });
141 | }
142 | 
143 | function copyPublicFolder() {
144 |   fs.copySync(paths.appPublic, paths.appBuild, {
145 |     dereference: true,
146 |     filter: file => file !== paths.appHtml,
147 |   });
148 | }
149 | 


--------------------------------------------------------------------------------
/scripts/start-api.js:
--------------------------------------------------------------------------------
 1 | if (process.env.NODE_ENV !== 'production') {
 2 |   if (!require('piping')({
 3 |       hook: true,
 4 |       ignore: /(\/\.|~$|\.json$)/i,
 5 |     })) {
 6 |     return;
 7 |   }
 8 | }
 9 | require('../server.babel'); // babel registration (runtime transpilation for node)
10 | require('../api/api');


--------------------------------------------------------------------------------
/scripts/start.js:
--------------------------------------------------------------------------------
 1 | // Do this as the first thing so that any code reading it knows the right env.
 2 | process.env.BABEL_ENV = 'development';
 3 | process.env.NODE_ENV = 'development';
 4 | global.__DEVELOPMENT__ = process.env.NODE_ENV !== 'production';
 5 | global.__DEVTOOLS__ = true;
 6 | 
 7 | const fs = require('fs');
 8 | 
 9 | require('../server.babel');
10 | 
11 | // Makes the script crash on unhandled rejections instead of silently
12 | // ignoring them. In the future, promise rejections that are not handled will
13 | // terminate the Node.js process with a non-zero exit code.
14 | process.on('unhandledRejection', err => {
15 |   throw err;
16 | });
17 | 
18 | // Ensure environment variables are read.
19 | require('../config/env');
20 | 
21 | const chalk = require('chalk');
22 | const webpack = require('webpack');
23 | const WebpackDevServer = require('webpack-dev-server');
24 | const clearConsole = require('react-dev-utils/clearConsole');
25 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
26 | const {
27 |   choosePort,
28 |   createCompiler,
29 |   prepareProxy,
30 |   prepareUrls,
31 | } = require('react-dev-utils/WebpackDevServerUtils');
32 | const openBrowser = require('react-dev-utils/openBrowser');
33 | const paths = require('../config/paths');
34 | const config = require('../config/webpack.config.dev');
35 | const createDevServerConfig = require('../config/webpackDevServer.config');
36 | 
37 | const useYarn = fs.existsSync(paths.yarnLockFile);
38 | const isInteractive = process.stdout.isTTY;
39 | 
40 | // Warn and crash if required files are missing
41 | if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
42 |   process.exit(1);
43 | }
44 | 
45 | // Tools like Cloud9 rely on this.
46 | const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
47 | const HOST = process.env.HOST || '0.0.0.0';
48 | 
49 | // We attempt to use the default port but if it is busy, we offer the user to
50 | // run on a different port. `detect()` Promise resolves to the next free port.
51 | choosePort(HOST, DEFAULT_PORT)
52 |   .then(port => {
53 |     if (port == null) {
54 |       // We have not found a port.
55 |       return;
56 |     }
57 |     const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
58 |     const appName = require(paths.appPackageJson).name;
59 |     const urls = prepareUrls(protocol, HOST, port);
60 |     // Create a webpack compiler that is configured with custom messages.
61 |     const compiler = createCompiler(webpack, config, appName, urls, useYarn);
62 |     // Load proxy config
63 |     const proxySetting = require(paths.appPackageJson).proxy;
64 |     const proxyConfig = prepareProxy(proxySetting, paths.appPublic);
65 |     // Serve webpack assets generated by the compiler over a web sever.
66 |     const serverConfig = createDevServerConfig(
67 |       proxyConfig,
68 |       urls.lanUrlForConfig);
69 |     const devServer = new WebpackDevServer(compiler, serverConfig);
70 |     // Launch WebpackDevServer.
71 |     devServer.listen(port, HOST, err => {
72 |       if (err) {
73 |         return console.log(err);
74 |       }
75 |       if (isInteractive) {
76 |         clearConsole();
77 |       }
78 |       console.log(chalk.cyan('Starting the development server...\n'));
79 |       openBrowser(urls.localUrlForBrowser);
80 |     });
81 | 
82 |     ['SIGINT', 'SIGTERM'].forEach(function (sig) {
83 |       process.on(sig, function () {
84 |         devServer.close();
85 |         process.exit();
86 |       });
87 |     });
88 |   })
89 |   .catch(err => {
90 |     if (err && err.message) {
91 |       console.log(err.message);
92 |     }
93 |     process.exit(1);
94 |   });
95 | 


--------------------------------------------------------------------------------
/scripts/test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // Do this as the first thing so that any code reading it knows the right env.
 4 | process.env.BABEL_ENV = 'test';
 5 | process.env.NODE_ENV = 'test';
 6 | process.env.PUBLIC_URL = '';
 7 | 
 8 | // Makes the script crash on unhandled rejections instead of silently
 9 | // ignoring them. In the future, promise rejections that are not handled will
10 | // terminate the Node.js process with a non-zero exit code.
11 | process.on('unhandledRejection', err => {
12 |   throw err;
13 | });
14 | 
15 | // Ensure environment variables are read.
16 | require('../config/env');
17 | 
18 | const jest = require('jest');
19 | const argv = process.argv.slice(2);
20 | 
21 | // Watch unless on CI or in coverage mode
22 | if (!process.env.CI && argv.indexOf('--coverage') < 0) {
23 |   argv.push('--watch');
24 | }
25 | 
26 | 
27 | jest.run(argv);
28 | 


--------------------------------------------------------------------------------
/server.babel.js:
--------------------------------------------------------------------------------
 1 | const fs = require('fs');
 2 | 
 3 | const babelrc = fs.readFileSync('./.babelrc');
 4 | let config;
 5 | 
 6 | try {
 7 |   config = JSON.parse(babelrc);
 8 | } catch (err) {
 9 |   console.error('==>     ERROR: Error parsing your .babelrc.');
10 |   console.error(err);
11 | }
12 | 
13 | require('babel-register')(config);


--------------------------------------------------------------------------------
/src/components/LabTechScriptView/LabTechScriptInfo.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | import {Grid, Item, Icon} from 'semantic-ui-react';
  3 | 
  4 | import types from '../../types';
  5 | 
  6 | export default function LabTechScriptInfo(props) {
  7 |   const {
  8 |     PackedScript: {
  9 |       NewDataSet: {
 10 |         Table: {
 11 |           ScriptName,
 12 |           ScriptNotes,
 13 |           ComputerScript,
 14 |           LocationScript,
 15 |           MaintenanceScript,
 16 |           FunctionScript,
 17 |           ScriptGuid,
 18 |         },
 19 |       },
 20 |       ScriptFolder,
 21 |     },
 22 |   } = props;
 23 | 
 24 |   const ScriptTypeLabels = ['Computer', 'Location', 'Maintenance', 'Function'];
 25 |   const ScriptType = [ComputerScript, LocationScript, MaintenanceScript, FunctionScript]
 26 |     .reduce((prev, el, idx) => {
 27 |       return el === '1' ? `${prev} ${ScriptTypeLabels[idx]}` : prev;
 28 |     }, '');
 29 | 
 30 |   const ScriptFolders = [];
 31 |   let folderString = '';
 32 | 
 33 |   if (ScriptFolder && ScriptFolder.length > 0) {
 34 |     ScriptFolder.forEach((folder) => {
 35 |       if (folder && folder.NewDataSet) {
 36 |         ScriptFolders.push(folder.NewDataSet.Table);
 37 |       } else {
 38 |         ScriptFolders.push({
 39 |           ParentID: 0,
 40 |           Name: 'No Script Folder Specified',
 41 |         });
 42 |       }
 43 |     });
 44 |   }
 45 | 
 46 |   if (ScriptFolders.length === 2) {
 47 |     if (ScriptFolders[0].ParentID === 0) {
 48 |       folderString = `${ScriptFolders[0].Name}/${ScriptFolders[1].Name}`;
 49 |     } else if (ScriptFolders[1].ParentID === 0) {
 50 |       folderString = `${ScriptFolders[1].Name}/${ScriptFolders[0].Name}`;
 51 |     }
 52 |   } else {
 53 |     folderString = `${ScriptFolders[0].Name}`;
 54 |   }
 55 | 
 56 |   return (
 57 |     <Grid
 58 |       celled="Internally"
 59 |       columns={16}
 60 |     >
 61 |       <Grid.Row>
 62 |         <Grid.Column width={8}>
 63 |           <Item>
 64 |             <Item.Content>
 65 |               <Item.Header>{ScriptName}</Item.Header>
 66 |               <Item.Description>Script Type: {ScriptType ? `${ScriptType}` : 'No Flags'}</Item.Description>
 67 |               <Item.Meta>{ScriptGuid}</Item.Meta>
 68 |             </Item.Content>
 69 |           </Item>
 70 |         </Grid.Column>
 71 |         <Grid.Column width={8}>
 72 |           <Item>
 73 |             <Item.Content>
 74 |               <Item.Description>Folder: {folderString}</Item.Description>
 75 |               <Item.Description>Extra Data Fields: </Item.Description>
 76 |               <Item.Description>Included Files: </Item.Description>
 77 |             </Item.Content>
 78 |           </Item>
 79 |         </Grid.Column>
 80 |       </Grid.Row>
 81 |       <Grid.Row>
 82 |         <Grid.Column width={16}>
 83 |           <Item>
 84 |             <Item.Content>
 85 |               <Item.Header><Icon name="tags"/> Script Notes</Item.Header>
 86 |               <Item.Description>{ScriptNotes}</Item.Description>
 87 |             </Item.Content>
 88 |           </Item>
 89 |         </Grid.Column>
 90 |       </Grid.Row>
 91 |     </Grid>
 92 |   );
 93 | }
 94 | 
 95 | LabTechScriptInfo.propTypes = {
 96 |   PackedScript: types.PackedScript.isRequired,
 97 | };
 98 | 
 99 | /*
100 | <List>
101 |   <List.Item>
102 |     <List.Content>
103 |       <List.Header>{ScriptName}</List.Header>
104 |       <List.Description>{ScriptNotes === '' ? 'No script notes.' : ScriptNotes}</List.Description>
105 |     </List.Content>
106 |   </List.Item>
107 |   <List.Item>
108 |     <List.Content>
109 |       <List.Header>Target Version</List.Header>
110 |       <List.Description>{Version}</List.Description>
111 |     </List.Content>
112 |   </List.Item>
113 |   <List.Item>
114 |     <List.Content>
115 |       <List.Header>Script Type</List.Header>
116 |       <List.Description>{ScriptType}</List.Description>
117 |     </List.Content>
118 |     <List.Item>
119 |       <List.Content>
120 |         <List.Header>Script GUID</List.Header>
121 |         <List.Description>{ScriptGuid}</List.Description>
122 |       </List.Content>
123 |     </List.Item>
124 |   </List.Item>
125 | </List>
126 |  */
127 | 


--------------------------------------------------------------------------------
/src/components/LabTechScriptView/LabTechScriptSection.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by kgrube on 2/9/2018
 3 |  */
 4 | 
 5 | import React, {Component} from 'react';
 6 | import PropTypes from 'prop-types';
 7 | import {Container, Grid, GridRow, GridColumn, Header} from 'semantic-ui-react';
 8 | import types from '../../types';
 9 | import './LabTechScriptView.css';
10 | import LabTechScriptStep from './LabTechScriptStep';
11 | 
12 | class LabTechScriptSection extends Component {
13 |   render() {
14 |     const {steps, sectionName, style} = this.props;
15 |     return (
16 |       <div style={style}>
17 |         {sectionName &&
18 |         <Header as="h5">{sectionName}</Header>}
19 |         <Container className="StepContainer">
20 |           <Grid
21 |             columns={16}
22 |             celled="internally"
23 |           >
24 |             {steps.map((ScriptStep, idx) => <LabTechScriptStep LabTechScriptStep={ScriptStep} key={idx}/>)}
25 |           </Grid>
26 |         </Container>
27 |       </div>
28 |     );
29 |   }
30 | }
31 | 
32 | LabTechScriptSection.defaultProps = {
33 |   steps: [],
34 |   sectionName: '',
35 |   style: {},
36 | };
37 | 
38 | LabTechScriptSection.propTypes = {
39 |   steps: PropTypes.arrayOf(types.LabTechScriptStep),
40 |   sectionName: PropTypes.string,
41 |   style: PropTypes.object,
42 | };
43 | 
44 | export default LabTechScriptSection;
45 | 


--------------------------------------------------------------------------------
/src/components/LabTechScriptView/LabTechScriptStep.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import {Container, Segment, GridRow, GridColumn} from 'semantic-ui-react';
 4 | 
 5 | import types from '../../types';
 6 | 
 7 | export default function LabTechScriptStep(props) {
 8 |   const {
 9 |     LabTechScriptStep: {
10 |       Action,
11 |       Continue,
12 |       FunctionId,
13 |       StepDescription,
14 |       OsLimitObject,
15 |       ContinueObject,
16 |       Sort,
17 |       Indentation,
18 |       FunctionObject: {
19 |         Name,
20 |         FunctionType,
21 |         ParamNames,
22 |         Description,
23 |       },
24 |     },
25 |   } = props;
26 | 
27 |   return (
28 |     <GridRow>
29 |       <GridColumn width={1}>
30 |         {`${Sort + 1}`}
31 |       </GridColumn>
32 |       <GridColumn width={9} style={{paddingLeft: Indentation * 10}}>
33 |         {StepDescription}
34 |       </GridColumn>
35 |       <GridColumn width={3}>
36 |         {ContinueObject}
37 |       </GridColumn>
38 |       <GridColumn width={3}>
39 |         {OsLimitObject}
40 |       </GridColumn>
41 |     </GridRow>
42 |   );
43 | }
44 | 
45 | LabTechScriptStep.propTypes = {
46 |   LabTechScriptStep: types.LabTechScriptStep.isRequired,
47 | };
48 | 


--------------------------------------------------------------------------------
/src/components/LabTechScriptView/LabTechScriptStepView.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react';
 2 | import {Container, Grid, GridColumn, GridRow} from 'semantic-ui-react';
 3 | import types from '../../types';
 4 | import LabTechScriptSection from './LabTechScriptSection';
 5 | import './LabTechScriptView.css';
 6 | 
 7 | class LabTechScriptStepView extends Component {
 8 |   render() {
 9 |     const {
10 |       PackedScript: {
11 |         NewDataSet: {
12 |           Table: {
13 |             ScriptData: {
14 |               ScriptSteps,
15 |             },
16 |           },
17 |         },
18 |       },
19 |     } = this.props;
20 | 
21 |     const InitialCheck = [];
22 |     const ThenSection = [];
23 |     const ElseSection = [];
24 | 
25 |     ScriptSteps.forEach((step) => {
26 |       /* eslint-disable default-case */
27 |       switch (step.ActionObject) {
28 |         case 'InitialCheck':
29 |           InitialCheck.push(step);
30 |           break;
31 |         case 'ThenSection':
32 |           ThenSection.push(step);
33 |           break;
34 |         case 'ElseSection':
35 |           ElseSection.push(step);
36 |           break;
37 |       }
38 |     });
39 | 
40 |     return (
41 |       <Container className="ScriptContainer">
42 |         <LabTechScriptSection
43 |           sectionName="Initial Check"
44 |           steps={InitialCheck}
45 |           style={{paddingBottom: '5px'}}
46 |         />
47 |         <LabTechScriptSection
48 |           sectionName="Then Section"
49 |           steps={ThenSection}
50 |           style={{paddingTop: '5px', paddingBottom: '5px'}}/>
51 |         <LabTechScriptSection
52 |           sectionName="Else Section"
53 |           steps={ElseSection}
54 |           style={{paddingTop: '5px', paddingBottom: '5px'}}/>
55 |       </Container>
56 |     );
57 |   }
58 | }
59 | 
60 | LabTechScriptStepView.propTypes = {
61 |   PackedScript: types.PackedScript.isRequired,
62 | };
63 | 
64 | export default LabTechScriptStepView;
65 | 


--------------------------------------------------------------------------------
/src/components/LabTechScriptView/LabTechScriptView.css:
--------------------------------------------------------------------------------
 1 | .StepContainer {
 2 |     border: 1px solid rgba(34, 36, 38, .15);
 3 |     border-radius: .28571429rem;
 4 | }
 5 | 
 6 | .ScriptContainer {
 7 |     border: 1px solid rgba(34, 36, 38, .15);
 8 |     border-radius: .28571429rem;
 9 |     padding: 7px;
10 | }
11 | 


--------------------------------------------------------------------------------
/src/components/LabTechScriptView/LabTechScriptView.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react';
 2 | import {Container, Divider} from 'semantic-ui-react';
 3 | import PropTypes from 'prop-types';
 4 | import types from '../../types';
 5 | import LabTechScriptInfo from './LabTechScriptInfo';
 6 | import LabTechScriptStepView from './LabTechScriptStepView';
 7 | 
 8 | class LabTechScriptView extends Component {
 9 |   render() {
10 |     const {PackedScript} = this.props;
11 | 
12 |     return (
13 |       <Container>
14 |         <LabTechScriptInfo PackedScript={PackedScript}/>
15 |         <LabTechScriptStepView PackedScript={PackedScript}/>
16 |       </Container>
17 |     );
18 |   }
19 | }
20 | 
21 | LabTechScriptView.propTypes = {
22 |   PackedScript: types.PackedScript.isRequired,
23 | };
24 | 
25 | export default LabTechScriptView;
26 | 


--------------------------------------------------------------------------------
/src/components/NotFound.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | 
3 | export default function NotFound() {
4 |   return (
5 |     <div>Not found.</div>
6 |   );
7 | }
8 | 


--------------------------------------------------------------------------------
/src/components/ScriptForm.css:
--------------------------------------------------------------------------------
1 | .ScriptForm {
2 | 
3 | }
4 | 
5 | .ScriptForm > div {
6 |     padding-top: 10px;
7 |     padding-bottom: 10px;
8 | }


--------------------------------------------------------------------------------
/src/components/ScriptForm.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import {propTypes, reduxForm, Field} from 'redux-form';
 4 | import {TextArea} from 'react-semantic-redux-form';
 5 | import {Form, Button} from 'semantic-ui-react';
 6 | 
 7 | import './ScriptForm.css';
 8 | 
 9 | const required = (value) => (value ? undefined : 'Required');
10 | 
11 | class ScriptForm extends Component {
12 |   render() {
13 |     const {handleSubmit, pristine, submitting} = this.props;
14 |     return (
15 |       <Form onSubmit={handleSubmit} className="ScriptForm">
16 |         <Field
17 |           name="scriptXML"
18 |           placeholder="Paste script XML"
19 |           component={TextArea}
20 |           validate={required}
21 |           style={{width: '100%'}}
22 |         />
23 |         <Form.Button type="submit" control={Button} primary active={pristine || submitting}>
24 |           Submit
25 |         </Form.Button>
26 |       </Form>
27 |     );
28 |   }
29 | }
30 | 
31 | ScriptForm.propTypes = {
32 |   ...propTypes,
33 | };
34 | 
35 | export default reduxForm({
36 |   form: 'ScriptForm',
37 | })(ScriptForm);
38 | 


--------------------------------------------------------------------------------
/src/config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   apiHost: process.env.APIHOST || 'localhost',
3 |   apiPort: process.env.APIPORT || 3000,
4 | };


--------------------------------------------------------------------------------
/src/containers/App/App.css:
--------------------------------------------------------------------------------
 1 | .App {
 2 |   text-align: center;
 3 | }
 4 | 
 5 | .App-logo {
 6 |   animation: App-logo-spin infinite 20s linear;
 7 |   height: 80px;
 8 | }
 9 | 
10 | .App-header {
11 |   background-color: #222;
12 |   height: 150px;
13 |   padding: 20px;
14 |   color: white;
15 | }
16 | 
17 | .App-title {
18 |   font-size: 1.5em;
19 | }
20 | 
21 | .App-intro {
22 |   font-size: large;
23 | }
24 | 
25 | @keyframes App-logo-spin {
26 |   from { transform: rotate(0deg); }
27 |   to { transform: rotate(360deg); }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/containers/App/App.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import {Header, Container} from 'semantic-ui-react';
 4 | import Routes from '../../routes';
 5 | import './App.css';
 6 | 
 7 | class App extends Component {
 8 |   render() {
 9 |     return (
10 |       <div>
11 |         <div className="App">
12 |           <Header as="h1">
13 |             LabTech Script Explorer
14 |           </Header>
15 |         </div>
16 |         <Container>
17 |           <Routes/>
18 |         </Container>
19 |       </div>
20 |     );
21 |   }
22 | }
23 | 
24 | export default App;
25 | 


--------------------------------------------------------------------------------
/src/containers/App/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 | 
5 | it('renders without crashing', () => {
6 |   const div = document.createElement('div');
7 |   ReactDOM.render(<App />, div);
8 | });
9 | 


--------------------------------------------------------------------------------
/src/containers/HomePage/HomePage.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react';
 2 | import {Link} from 'react-router-dom';
 3 | import {Header} from 'semantic-ui-react';
 4 | 
 5 | class HomePage extends Component {
 6 |   render() {
 7 |     return (
 8 |       <div>
 9 |         <Header as="h2">Home Page</Header>
10 | 
11 |         <Link to="/explorer">Script Explorer</Link>
12 |       </div>
13 |     );
14 |   }
15 | }
16 | 
17 | export default HomePage;
18 | 


--------------------------------------------------------------------------------
/src/containers/ScriptExplorer/EditorJSON.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by kgrube on 2/9/2018
 3 |  */
 4 | import React, {Component} from 'react';
 5 | import PropTypes from 'prop-types';
 6 | import {connect} from 'react-redux';
 7 | import JsonTree from 'react-json-tree';
 8 | import {setJSON} from '../../redux/script';
 9 | 
10 | @connect(state => ({
11 |   scriptJSON: state.script.scriptJSON,
12 |   LabTechScript: state.script.LabTechScript,
13 |   /* eslint-disable indent */
14 | }), {setJSON})
15 | class EditorJSON extends Component {
16 |   shouldExpandNode = (keyName, data, level) => {
17 |     return level < 6;
18 |   };
19 | 
20 |   render() {
21 |     const theme = {
22 |       scheme: 'monokai',
23 |       author: 'wimer hazenberg (http://www.monokai.nl)',
24 |       base00: '#272822',
25 |       base01: '#383830',
26 |       base02: '#49483e',
27 |       base03: '#75715e',
28 |       base04: '#a59f85',
29 |       base05: '#f8f8f2',
30 |       base06: '#f5f4f1',
31 |       base07: '#f9f8f5',
32 |       base08: '#f92672',
33 |       base09: '#fd971f',
34 |       base0A: '#f4bf75',
35 |       base0B: '#a6e22e',
36 |       base0C: '#a1efe4',
37 |       base0D: '#66d9ef',
38 |       base0E: '#ae81ff',
39 |       base0F: '#cc6633',
40 |     };
41 | 
42 |     return (
43 |       <JsonTree
44 |         data={this.props.LabTechScript}
45 |         theme={theme}
46 |         invertTheme
47 |         hideRoot
48 |         shouldExpandNode={this.shouldExpandNode}
49 |       />
50 |     );
51 |   }
52 | }
53 | 
54 | EditorJSON.defaultProps = {
55 |   LabTechScript: undefined,
56 | };
57 | 
58 | /* eslint-disable react/no-unused-prop-types */
59 | EditorJSON.propTypes = {
60 |   scriptJSON: PropTypes.string.isRequired,
61 |   setJSON: PropTypes.func.isRequired,
62 |   LabTechScript: PropTypes.object,
63 | };
64 | 
65 | export default EditorJSON;
66 | 


--------------------------------------------------------------------------------
/src/containers/ScriptExplorer/EditorScript.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by kgrube on 2/9/2018
 3 |  */
 4 | import React, {Component} from 'react';
 5 | import PropTypes from 'prop-types';
 6 | import {connect} from 'react-redux';
 7 | import {isArray} from 'lodash';
 8 | import {Container, Divider} from 'semantic-ui-react';
 9 | 
10 | import types from '../../types';
11 | import LabTechScriptView from '../../components/LabTechScriptView/LabTechScriptView';
12 | 
13 | @connect(state => ({LabTechScript: state.script.LabTechScript}))
14 | class EditorScript extends Component {
15 |   render() {
16 |     const {LabTechScript} = this.props;
17 | 
18 |     if (!(LabTechScript && LabTechScript.PackedScript)) {
19 |       return <Container/>;
20 |     }
21 | 
22 |     let scripts = [];
23 |     const primaryScript = LabTechScript.PackedScript;
24 | 
25 |     if (isArray(LabTechScript.PackedScript.PackedScript)) {
26 |       scripts = scripts.concat(LabTechScript.PackedScript.PackedScript);
27 |     } else if (LabTechScript.PackedScript.PackedScript) {
28 |       scripts.push(LabTechScript.PackedScript.PackedScript);
29 |     }
30 | 
31 |     return (
32 |       <Container>
33 |         Primary Script
34 |         <LabTechScriptView PackedScript={primaryScript}/>
35 |         <Divider/>
36 |         {scripts.map((script, idx) => {
37 |           return (
38 |             <div key={idx}>
39 |               Bundled Script #{idx + 1}
40 |               <LabTechScriptView PackedScript={script}/>
41 |             </div>
42 |           );
43 |         })}
44 |       </Container>
45 |     );
46 |   }
47 | }
48 | 
49 | EditorScript.propTypes = {
50 |   LabTechScript: types.LabTechScript,
51 | };
52 | 
53 | EditorScript.defaultProps = {
54 |   LabTechScript: undefined,
55 | };
56 | 
57 | export default EditorScript;
58 | 


--------------------------------------------------------------------------------
/src/containers/ScriptExplorer/EditorText.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by kgrube on 2/9/2018
 3 |  */
 4 | import React, {Component} from 'react';
 5 | import PropTypes from 'prop-types';
 6 | import {connect} from 'react-redux';
 7 | 
 8 | @connect(state => ({
 9 |   scriptJSON: state.script.scriptJSON,
10 |   scriptText: state.script.scriptText,
11 |   LabTechScript: state.script.LabTechScript,
12 |   /* eslint-disable indent */
13 | }))
14 | class EditorText extends Component {
15 |   shouldExpandNode = (keyName, data, level) => {
16 |     return level < 6;
17 |   };
18 | 
19 |   render() {
20 |     const {scriptText} = this.props;
21 | 
22 |     return (
23 |       <div>
24 |         {scriptText.map((script, idx) => {
25 |           const {
26 |             ScriptId, InitialCheck, ThenSection, ElseSection,
27 |           } = script;
28 |           return (
29 |             <div key={`${ScriptId}-${idx}`}>
30 |               ScriptId:
31 |               <pre>{ScriptId}</pre><br/>
32 |               InitialCheck:
33 |               <pre>{InitialCheck}</pre><br/>
34 |               Then:
35 |               <pre>{ThenSection}</pre><br/>
36 |               Else:
37 |               <pre>{ElseSection}</pre>
38 |             </div>
39 |           );
40 |         })}
41 |       </div>
42 |     );
43 |   }
44 | }
45 | 
46 | EditorText.defaultProps = {
47 |   LabTechScript: undefined,
48 | };
49 | 
50 | /* eslint-disable react/no-unused-prop-types */
51 | EditorText.propTypes = {
52 |   scriptText: PropTypes.array.isRequired,
53 |   LabTechScript: PropTypes.object,
54 | };
55 | 
56 | export default EditorText;
57 | 


--------------------------------------------------------------------------------
/src/containers/ScriptExplorer/EditorView.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by kgrube on 2/9/2018
 3 |  */
 4 | 
 5 | import React, {Component} from 'react';
 6 | import PropTypes from 'prop-types';
 7 | import {Tab} from 'semantic-ui-react';
 8 | import {connect} from 'react-redux';
 9 | import EditorXML from './EditorXML';
10 | import EditorJSON from './EditorJSON';
11 | import EditorScript from './EditorScript';
12 | import {changeTab} from '../../redux/script';
13 | import propTypes from '../../types';
14 | import EditorText from './EditorText';
15 | 
16 | @connect(state => ({activeIndex: state.script.activeIndex, scriptXML: state.script.scriptXML}), {changeTab})
17 | class EditorView extends Component {
18 |   handleTabChange = (event, {activeIndex}) => {
19 |     this.props.changeTab({activeIndex});
20 |   };
21 | 
22 |   render() {
23 |     const panes = [{
24 |       menuItem: 'Script XML', render: () => <Tab.Pane><EditorXML/></Tab.Pane>,
25 |     }, {
26 |       menuItem: 'Script JSON', render: () => <Tab.Pane><EditorJSON/></Tab.Pane>,
27 |     }, {
28 |       menuItem: 'Script View', render: () => <Tab.Pane><EditorScript/></Tab.Pane>,
29 |     }, {
30 |       menuItem: 'Text View', render: () => <Tab.Pane><EditorText/></Tab.Pane>,
31 |     }];
32 | 
33 |     return (
34 |       <Tab
35 |         panes={panes}
36 |         activeIndex={this.props.activeIndex}
37 |         onTabChange={this.handleTabChange}
38 |       />
39 |     );
40 |   }
41 | }
42 | 
43 | EditorView.propTypes = {
44 |   changeTab: PropTypes.func,
45 |   activeIndex: PropTypes.number,
46 |   LabTechScript: propTypes.LabTechScript,
47 | };
48 | 
49 | EditorView.defaultProps = {
50 |   activeIndex: 0,
51 |   LabTechScript: undefined,
52 |   changeTab: () => {},
53 | };
54 | 
55 | export default EditorView;
56 | 


--------------------------------------------------------------------------------
/src/containers/ScriptExplorer/EditorXML.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by kgrube on 2/9/2018
 3 |  */
 4 | 
 5 | import React, {Component} from 'react';
 6 | import PropTypes from 'prop-types';
 7 | import {TextArea} from 'semantic-ui-react';
 8 | import {connect} from 'react-redux';
 9 | 
10 | import {setXML} from '../../redux/script';
11 | 
12 | @connect(state => ({scriptXML: state.script.scriptXML}), {setXML})
13 | class EditorXML extends Component {
14 |   handleXMLChange = (event, {value}) => {
15 |     this.props.setXML({scriptXML: value});
16 |   };
17 | 
18 |   render() {
19 |     return (
20 |       <TextArea
21 |         onChange={this.handleXMLChange}
22 |         rows={10}
23 |         value={this.props.scriptXML}
24 |         style={{width: '100%', resize: 'vertical'}}
25 |       />
26 |     );
27 |   }
28 | }
29 | 
30 | EditorXML.propTypes = {
31 |   setXML: PropTypes.func,
32 |   scriptXML: PropTypes.string,
33 |   fileReadError: PropTypes.func,
34 |   fileDropRejected: PropTypes.func,
35 | };
36 | 
37 | EditorXML.defaultProps = {
38 |   scriptXML: '',
39 |   setXML: () => {},
40 |   fileReadError: () => {},
41 |   fileDropRejected: () => {},
42 | };
43 | 
44 | export default EditorXML;
45 | 


--------------------------------------------------------------------------------
/src/containers/ScriptExplorer/ScriptExplorer.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react';
 2 | import {Container, Message} from 'semantic-ui-react';
 3 | import PropTypes from 'prop-types';
 4 | import {connect} from 'react-redux';
 5 | 
 6 | import ScriptForm from '../../components/ScriptForm';
 7 | import EditorView from './EditorView';
 8 | import LabTechScriptView from '../../components/LabTechScriptView/LabTechScriptView';
 9 | import {decodeScript} from '../../redux/script';
10 | import types from '../../types';
11 | 
12 | @connect(state => ({
13 |   LabTechScript: state.script.LabTechScript,
14 |   scriptDecodeError: state.script.scriptDecodeError,
15 |   scriptDecoded: state.script.scriptDecoded,
16 |   /* eslint-disable indent */
17 | }), {decodeScript})
18 | class ScriptExplorer extends Component {
19 |   render() {
20 |     const {LabTechScript, scriptDecodeError, scriptDecoded} = this.props;
21 |     return (
22 |       <div>
23 |         <Container>
24 |           {scriptDecodeError &&
25 |           <Message color="red">
26 |             {`Parsing error: ${scriptDecodeError.msg || scriptDecodeError.message}`}
27 |           </Message>
28 |           }
29 |         </Container>
30 |         <EditorView/>
31 |       </div>
32 |     );
33 |   }
34 | }
35 | 
36 | ScriptExplorer.propTypes = {
37 |   scriptDecoded: PropTypes.bool,
38 |   scriptDecodeError: types.APIError,
39 |   LabTechScript: PropTypes.shape({}),
40 | };
41 | 
42 | ScriptExplorer.defaultProps = {
43 |   LabTechScript: {},
44 |   scriptDecodeError: undefined,
45 |   scriptDecoded: false,
46 | };
47 | 
48 | export default ScriptExplorer;
49 | 


--------------------------------------------------------------------------------
/src/helpers/ApiClient.js:
--------------------------------------------------------------------------------
 1 | import superagent from 'superagent';
 2 | 
 3 | const methods = ['get', 'post', 'put', 'patch', 'del'];
 4 | 
 5 | export default class ApiClient {
 6 |   constructor(req) {
 7 |     /* eslint-disable no-return-assign */
 8 |     methods.forEach((method) =>
 9 |       this[method] = (path, {params, data} = {}) => new Promise((resolve, reject) => {
10 |         console.log('ApiClient path:', path);
11 | 
12 |         console.log('is development: ', __DEVELOPMENT__);
13 | 
14 |         if (__DEVELOPMENT__) {
15 |           path = `http://localhost:3030${path}`;
16 |         }
17 | 
18 |         const request = superagent[method](path);
19 | 
20 |         if (params) {
21 |           request.query(params);
22 |         }
23 | 
24 |         // // if (__SERVER__ && req.get('cookie')) {
25 |         // if (req.get('cookie')) {
26 |         //   request.set('cookie', req.get('cookie'));
27 |         // }
28 | 
29 |         if (data) {
30 |           request.send(data);
31 |         }
32 | 
33 |         request.end((err, {body} = {}) => {
34 |           return err ? reject({...body, status: err.status} || err) : resolve(body);
35 |         });
36 |       }));
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 |   margin: 0;
3 |   padding: 0;
4 |   font-family: sans-serif;
5 | }
6 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import {Provider} from 'react-redux';
 4 | import createHistory from 'history/createBrowserHistory';
 5 | import {ConnectedRouter} from 'react-router-redux';
 6 | import 'semantic-ui-css/semantic.min.css';
 7 | 
 8 | import registerServiceWorker from './registerServiceWorker';
 9 | import ApiClient from './helpers/ApiClient';
10 | import createStore from './redux/createStore';
11 | import App from './containers/App/App';
12 | 
13 | const client = new ApiClient();
14 | const browserHistory = createHistory();
15 | 
16 | const store = createStore(browserHistory, client, window.__data);
17 | // const history = syncHistoryWithStore(browserHistory, store);
18 | 
19 | ReactDOM.render(
20 |   <Provider store={store}>
21 |     <ConnectedRouter history={browserHistory}>
22 |       <App/>
23 |     </ConnectedRouter>
24 |   </Provider>,
25 |   document.getElementById('root'),
26 | );
27 | registerServiceWorker();
28 | 


--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2 |     <g fill="#61DAFB">
3 |         <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4 |         <circle cx="420.9" cy="296.5" r="45.7"/>
5 |         <path d="M520.5 78.1z"/>
6 |     </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/src/redux/clientMiddleware.js:
--------------------------------------------------------------------------------
 1 | export default function clientMiddleware(client) {
 2 |   return ({dispatch, getState}) => (next) => (action) => {
 3 |     if (typeof action === 'function') {
 4 |       return action(dispatch, getState, client);
 5 |     }
 6 | 
 7 |     const {promise, types, ...rest} = action; // eslint-disable-line no-redeclare
 8 |     if (!promise) {
 9 |       return next(action);
10 |     }
11 | 
12 |     const [REQUEST, SUCCESS, FAILURE] = types;
13 |     next({...rest, type: REQUEST});
14 | 
15 |     const actionPromise = promise(client);
16 |     actionPromise
17 |       .then((result) => {
18 |         return next({...rest, result, type: SUCCESS});
19 |       }, (error) => {
20 |         console.log('caught error, in then', error);
21 |         next({...rest, error, type: FAILURE});
22 |       })
23 |       .catch((error) => {
24 |         console.error('MIDDLEWARE ERROR:', error);
25 |         console.log('caught error', error);
26 |         next({...rest, error, type: FAILURE});
27 |       });
28 | 
29 |     return actionPromise;
30 |   };
31 | }
32 | 


--------------------------------------------------------------------------------
/src/redux/createStore.js:
--------------------------------------------------------------------------------
 1 | // import {createStore as _createStore, applyMiddleware, compose} from 'redux';
 2 | // import {routerMiddleware} from 'react-router-redux';
 3 | // import thunk from 'redux-thunk';
 4 | // import reducer from './reducer';
 5 | //
 6 | // export default function createStore(history, client, data = {}) {
 7 | //   // Sync dispatched route actions to the history
 8 | //   const reduxRouterMiddleware = routerMiddleware(history);
 9 | //
10 | //   const middleware = [thunk.withExtraArgument(client), reduxRouterMiddleware];
11 | //
12 | //   let finalCreateStore;
13 | //   /* eslint-disable no-undef */
14 | //   if (__DEVELOPMENT__ && __DEVTOOLS__) {
15 | //     /* eslint-disable import/no-extraneous-dependencies */
16 | //     const {persistState} = require('redux-devtools');
17 | //
18 | //     const composeEnhancers =
19 | //       typeof window === 'object' &&
20 | //       window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
21 | //         window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
22 | //           // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...
23 | //         }) : compose;
24 | //
25 | //     finalCreateStore = composeEnhancers(
26 | //       applyMiddleware(...middleware),
27 | //       persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/)),
28 | //     )(_createStore);
29 | //   } else {
30 | //     finalCreateStore = applyMiddleware(...middleware)(_createStore);
31 | //   }
32 | //
33 | //   const store = finalCreateStore(reducer, data);
34 | //
35 | //   /* eslint-disable no-undef */
36 | //   if (__DEVELOPMENT__ && module.hot) {
37 | //     module.hot.accept('./reducer', () => {
38 | //       store.replaceReducer(require('./reducer'));
39 | //     });
40 | //   }
41 | //
42 | //   return store;
43 | // }
44 | 
45 | import {createStore as _createStore, applyMiddleware} from 'redux';
46 | import {routerMiddleware} from 'react-router-redux';
47 | import {composeWithDevTools} from 'redux-devtools-extension';
48 | import createMiddleware from './clientMiddleware';
49 | import reducers from './reducer';
50 | 
51 | export default function createStore(history, client, data) {
52 |   // Sync dispatched route actions to the history
53 |   const reduxRouterMiddleware = routerMiddleware(history);
54 | 
55 |   const middleware = [createMiddleware(client), reduxRouterMiddleware];
56 | 
57 |   const composeEnhancers = composeWithDevTools({
58 |     // Specify name here, actionsBlacklist, actionsCreators and other options if needed
59 |   });
60 |   const store = _createStore(reducers, composeEnhancers(applyMiddleware(...middleware)));
61 | 
62 |   /* eslint-disable no-undef */
63 |   if (__DEVELOPMENT__) {
64 |     module.hot.accept('./reducer', () => {
65 |       store.replaceReducer(require('./reducer').default);
66 |     });
67 |   }
68 | 
69 |   return store;
70 | }
71 | 


--------------------------------------------------------------------------------
/src/redux/reducer.js:
--------------------------------------------------------------------------------
 1 | import {combineReducers} from 'redux';
 2 | import {reducer as formReducer} from 'redux-form';
 3 | import {routerReducer} from 'react-router-redux';
 4 | import script from './script';
 5 | 
 6 | export default combineReducers({
 7 |   routing: routerReducer,
 8 |   form: formReducer,
 9 |   script,
10 | });
11 | 


--------------------------------------------------------------------------------
/src/redux/script.js:
--------------------------------------------------------------------------------
  1 | import {script} from 'labtech-script-decode';
  2 | 
  3 | const decode = require('labtech-script-decode');
  4 | 
  5 | const initialState = {
  6 |   scriptDecoded: false,
  7 |   scriptDecodeError: undefined,
  8 |   activeIndex: 0,
  9 |   LabTechScript: undefined,
 10 |   scriptXML: '',
 11 |   scriptJSON: '',
 12 |   scriptText: [],
 13 | };
 14 | 
 15 | const LOAD_SCRIPTS = 'script/LOAD_SCRIPTS';
 16 | const LOAD_SCRIPTS_SUCCESS = 'script/LOAD_SCRIPTS_SUCCESS';
 17 | const LOAD_SCRIPTS_FAIL = 'script/LOAD_SCRIPTS_FAIL';
 18 | 
 19 | const DECODE_SCRIPT = 'script/DECODE_SCRIPT';
 20 | const DECODE_SCRIPT_SUCCESS = 'script/DECODE_SCRIPT_SUCCESS';
 21 | const DECODE_SCRIPT_FAIL = 'script/DECODE_SCRIPT_FAIL';
 22 | 
 23 | const CHANGE_TAB = 'script/CHANGE_TAB';
 24 | const XML_SET = 'script/XML_SET';
 25 | const JSON_SET = 'script/JSON_SET';
 26 | const TEXT_SET = 'script/TEXT_SET';
 27 | 
 28 | export default function reducer(state = initialState, action = {}) {
 29 |   // console.log('SCRIPT REDUCER', action);
 30 |   switch (action.type) {
 31 |     case DECODE_SCRIPT_FAIL:
 32 |       return {
 33 |         ...state,
 34 |         scriptDecodeError: action.error,
 35 |         scriptDecoded: false,
 36 |         LabTechScript: undefined,
 37 |       };
 38 |     case DECODE_SCRIPT_SUCCESS:
 39 |       return {
 40 |         ...state,
 41 |         scriptDecoded: true,
 42 |         scriptDecodeError: undefined,
 43 |         LabTechScript: action.result,
 44 |         scriptJSON: JSON.stringify(action.result, null, 2),
 45 |       };
 46 |     case TEXT_SET:
 47 |       return {
 48 |         ...state,
 49 |         scriptText: action.result,
 50 |       };
 51 |     case CHANGE_TAB:
 52 |       return {
 53 |         ...state,
 54 |         activeIndex: action.result,
 55 |       };
 56 |     case XML_SET:
 57 |       return {
 58 |         ...state,
 59 |         scriptXML: action.result,
 60 |       };
 61 |     case JSON_SET:
 62 |       return {
 63 |         ...state,
 64 |         scriptJSON: action.result,
 65 |       };
 66 |     default:
 67 |       return state;
 68 |   }
 69 | }
 70 | 
 71 | export function decodeScript({scriptXML}) {
 72 |   return {
 73 |     types: [DECODE_SCRIPT, DECODE_SCRIPT_SUCCESS, DECODE_SCRIPT_FAIL],
 74 |     promise: () => decode.decodeXML(scriptXML),
 75 |   };
 76 | }
 77 | 
 78 | export function encodeScript({LabTechScript}) {
 79 |   return (dispatch) => {
 80 |     decode.encode(LabTechScript)
 81 |       .then((scriptXML) => {
 82 |         dispatch(setXML({scriptXML}));
 83 |       });
 84 |   };
 85 | }
 86 | 
 87 | export function changeTab({activeIndex}) {
 88 |   return {
 89 |     type: CHANGE_TAB,
 90 |     result: activeIndex,
 91 |   };
 92 | }
 93 | 
 94 | export function setXML({scriptXML}) {
 95 |   return (dispatch) => {
 96 |     dispatch({
 97 |       type: XML_SET,
 98 |       result: scriptXML,
 99 |     });
100 |     dispatch(decodeScript({scriptXML}));
101 |     dispatch(setText({scriptXML}));
102 |   };
103 | }
104 | 
105 | export function setJSON({scriptJSON}) {
106 |   return (dispatch, getState) => {
107 |     dispatch({
108 |       type: JSON_SET,
109 |       result: scriptJSON,
110 |     });
111 |     decode.encodeXML(scriptJSON)
112 |       .then((scriptXML) => {
113 |         dispatch(decodeScript({scriptXML}));
114 |       });
115 |     const {LabTechScript} = getState().script;
116 |     dispatch(encodeScript({LabTechScript}));
117 |   };
118 | }
119 | 
120 | export function setText({scriptXML}) {
121 |   return (dispatch) => {
122 |     return decode.decodeXML(scriptXML)
123 |       .then((scriptJson) => decode.toText(scriptJson))
124 |       .then((scriptText) => {
125 |         return dispatch({type: TEXT_SET, result: scriptText});
126 |       });
127 |   };
128 | }
129 | 


--------------------------------------------------------------------------------
/src/registerServiceWorker.js:
--------------------------------------------------------------------------------
  1 | // In production, we register a service worker to serve assets from local cache.
  2 | 
  3 | // This lets the app load faster on subsequent visits in production, and gives
  4 | // it offline capabilities. However, it also means that developers (and users)
  5 | // will only see deployed updates on the "N+1" visit to a page, since previously
  6 | // cached resources are updated in the background.
  7 | 
  8 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
  9 | // This link also includes instructions on opting out of this behavior.
 10 | 
 11 | const isLocalhost = Boolean(
 12 |   window.location.hostname === 'localhost' ||
 13 |   // [::1] is the IPv6 localhost address.
 14 |   window.location.hostname === '[::1]' ||
 15 |   // 127.0.0.1/8 is considered localhost for IPv4.
 16 |   window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/),
 17 | );
 18 | 
 19 | export default function register() {
 20 |   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
 21 |     // The URL constructor is available in all browsers that support SW.
 22 |     const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
 23 |     if (publicUrl.origin !== window.location.origin) {
 24 |       // Our service worker won't work if PUBLIC_URL is on a different origin
 25 |       // from what our page is served on. This might happen if a CDN is used to
 26 |       // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
 27 |       return;
 28 |     }
 29 | 
 30 |     window.addEventListener('load', () => {
 31 |       const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 32 | 
 33 |       if (!isLocalhost) {
 34 |         // Is not local host. Just register service worker
 35 |         registerValidSW(swUrl);
 36 |       } else {
 37 |         // This is running on localhost. Lets check if a service worker still exists or not.
 38 |         checkValidServiceWorker(swUrl);
 39 |       }
 40 |     });
 41 |   }
 42 | }
 43 | 
 44 | function registerValidSW(swUrl) {
 45 |   navigator.serviceWorker
 46 |     .register(swUrl)
 47 |     .then((registration) => {
 48 |       registration.onupdatefound = () => {
 49 |         const installingWorker = registration.installing;
 50 |         installingWorker.onstatechange = () => {
 51 |           if (installingWorker.state === 'installed') {
 52 |             if (navigator.serviceWorker.controller) {
 53 |               // At this point, the old content will have been purged and
 54 |               // the fresh content will have been added to the cache.
 55 |               // It's the perfect time to display a "New content is
 56 |               // available; please refresh." message in your web app.
 57 |               console.log('New content is available; please refresh.');
 58 |             } else {
 59 |               // At this point, everything has been precached.
 60 |               // It's the perfect time to display a
 61 |               // "Content is cached for offline use." message.
 62 |               console.log('Content is cached for offline use.');
 63 |             }
 64 |           }
 65 |         };
 66 |       };
 67 |     })
 68 |     .catch((error) => {
 69 |       console.error('Error during service worker registration:', error);
 70 |     });
 71 | }
 72 | 
 73 | function checkValidServiceWorker(swUrl) {
 74 |   // Check if the service worker can be found. If it can't reload the page.
 75 |   fetch(swUrl)
 76 |     .then((response) => {
 77 |       // Ensure service worker exists, and that we really are getting a JS file.
 78 |       if (
 79 |         response.status === 404 ||
 80 |         response.headers.get('content-type').indexOf('javascript') === -1
 81 |       ) {
 82 |         // No service worker found. Probably a different app. Reload the page.
 83 |         navigator.serviceWorker.ready.then((registration) => {
 84 |           registration.unregister().then(() => {
 85 |             window.location.reload();
 86 |           });
 87 |         });
 88 |       } else {
 89 |         // Service worker found. Proceed as normal.
 90 |         registerValidSW(swUrl);
 91 |       }
 92 |     })
 93 |     .catch(() => {
 94 |       console.log('No internet connection found. App is running in offline mode.');
 95 |     });
 96 | }
 97 | 
 98 | export function unregister() {
 99 |   if ('serviceWorker' in navigator) {
100 |     navigator.serviceWorker.ready.then((registration) => {
101 |       registration.unregister();
102 |     });
103 |   }
104 | }
105 | 


--------------------------------------------------------------------------------
/src/routes.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import {Route, Switch} from 'react-router';
 3 | 
 4 | import HomePage from './containers/HomePage/HomePage';
 5 | import NotFound from './components/NotFound';
 6 | import ScriptExplorer from './containers/ScriptExplorer/ScriptExplorer';
 7 | 
 8 | const Routes = () => {
 9 |   return (
10 |     <Switch>
11 |       <Route path="/" component={ScriptExplorer}/>
12 |       <Route path="" component={NotFound}/>
13 |     </Switch>
14 |   );
15 | };
16 | 
17 | export default Routes;
18 | 


--------------------------------------------------------------------------------
/src/types.js:
--------------------------------------------------------------------------------
  1 | import PropTypes from 'prop-types';
  2 | 
  3 | const LabTechScriptStep = PropTypes.shape({
  4 |   Action: PropTypes.number,
  5 |   FunctionId: PropTypes.number,
  6 |   Param1: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  7 |   Param2: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  8 |   Param3: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  9 |   Param4: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 10 |   Param5: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 11 |   Sort: PropTypes.number,
 12 |   Continue: PropTypes.number,
 13 |   OsLimit: PropTypes.number,
 14 |   Indentation: PropTypes.number,
 15 |   ActionObject: PropTypes.string,
 16 |   ContinueObject: PropTypes.string,
 17 |   OsLimitObject: PropTypes.string,
 18 |   StepDescription: PropTypes.string,
 19 |   FunctionObject: {
 20 |     FunctionId: PropTypes.string,
 21 |     Name: PropTypes.string,
 22 |     Parameters: PropTypes.arrayOf(PropTypes.shape({
 23 |       ParamName: PropTypes.string,
 24 |       Values: PropTypes.arrayOf(PropTypes.string),
 25 |       Description: PropTypes.string,
 26 |       Value: PropTypes.string,
 27 |     })),
 28 |     FunctionType: PropTypes.string,
 29 |     ParamNames: PropTypes.string,
 30 |     Description: PropTypes.string,
 31 |     FunctionFlag: PropTypes.string,
 32 |   },
 33 | });
 34 | 
 35 | const LabTechScript = PropTypes.shape({
 36 |   $: {
 37 |     Version: PropTypes.string,
 38 |     Name: PropTypes.string,
 39 |     Type: PropTypes.string,
 40 |   },
 41 |   PackedScript: {
 42 |     NewDataSet: {
 43 |       Table: {
 44 |         ScriptId: PropTypes.string,
 45 |         FolderId: PropTypes.string,
 46 |         ScriptName: PropTypes.string,
 47 |         ScriptNotes: PropTypes.string,
 48 |         Permission: PropTypes.string,
 49 |         EditPermission: PropTypes.string,
 50 |         ComputerScript: PropTypes.string,
 51 |         LocationScript: PropTypes.string,
 52 |         MaintenanceScript: PropTypes.string,
 53 |         FunctionScript: PropTypes.string,
 54 |         LicenseData: {
 55 |           Type: PropTypes.string,
 56 |           RunCounter: PropTypes.string,
 57 |           ExpireDate: PropTypes.string,
 58 |           ScriptVersion: PropTypes.string,
 59 |           ScriptGuid: PropTypes.string,
 60 |         },
 61 |         ScriptData: PropTypes.arrayOf(LabTechScriptStep),
 62 |       },
 63 |     },
 64 |     ScriptFolder: {
 65 |       NewDataSet: {
 66 |         Table: {
 67 |           FolderID: PropTypes.string,
 68 |           ParentID: PropTypes.string,
 69 |           Name: PropTypes.string,
 70 |           GUID: PropTypes.string,
 71 |         },
 72 |       },
 73 |     },
 74 |   },
 75 | });
 76 | 
 77 | const PackedScript = PropTypes.shape({
 78 |   PackedScript: {
 79 |     NewDataSet: {
 80 |       Table: {
 81 |         ScriptId: PropTypes.string,
 82 |         FolderId: PropTypes.string,
 83 |         ScriptName: PropTypes.string,
 84 |         ScriptNotes: PropTypes.string,
 85 |         Permission: PropTypes.string,
 86 |         EditPermission: PropTypes.string,
 87 |         ComputerScript: PropTypes.string,
 88 |         LocationScript: PropTypes.string,
 89 |         MaintenanceScript: PropTypes.string,
 90 |         FunctionScript: PropTypes.string,
 91 |         LicenseData: {
 92 |           Type: PropTypes.string,
 93 |           RunCounter: PropTypes.string,
 94 |           ExpireDate: PropTypes.string,
 95 |           ScriptVersion: PropTypes.string,
 96 |           ScriptGuid: PropTypes.string,
 97 |         },
 98 |         ScriptData: PropTypes.arrayOf(LabTechScriptStep),
 99 |       },
100 |     },
101 |     ScriptFolder: {
102 |       NewDataSet: {
103 |         Table: {
104 |           FolderID: PropTypes.string,
105 |           ParentID: PropTypes.string,
106 |           Name: PropTypes.string,
107 |           GUID: PropTypes.string,
108 |         },
109 |       },
110 |     },
111 |   },
112 | });
113 | 
114 | const APIError = PropTypes.shape({
115 |   name: PropTypes.string,
116 |   msg: PropTypes.string,
117 |   errors: PropTypes.array,
118 |   status: PropTypes.number,
119 | });
120 | 
121 | export default {
122 |   PackedScript,
123 |   LabTechScriptStep,
124 |   LabTechScript,
125 |   APIError,
126 | };
127 | 


--------------------------------------------------------------------------------