Add src/index.dev.js and src/index.dev.js (app entrypoints)

[Raruto]

Motivation

Reduce nesting level of these files and make it more clear which is the entry point for the development or the production environment:

Before

.
├── config.js
└── src/
    ├── app/
    │   ├── dev/
    │   │   └── index.js
    │   └── main.js
    └── index.html

After

.
├── config.js
└── src/
    ├── index.dev.js
    ├── index.html
    └── index.prod.js

List of changes

• move src/app/main.js into src/index.prod.js
• move src/app/dev/index.js into src/index.dev.js
• update gulp task browserify:app accordingly
• refactor function devConfig() within config.template.js
  • remove deprecated event listener ProjectsRegistry~createProject within config.template.js (ref: #320)
  • remove deprecated event listener ProjectsRegistry~setCurrentProject within config.template.js (ref: #320)
  • add new event listener ApplicationService~initConfig in order to override initConfig.group.vendorkeys and initConfig.group.plugins variables while developing
• add window.g3wsdk.info()in order to automatically print some debug info within developer console (ref: #124)

Additional notes

• move the following import at the top of src/app/api.js in order to avoid a circular dependency caused by early inclusion of src/index.dev.js compared to src/app/dev/index.js in the app execution flow

  import ApplicationService from 'services/application';

• move the following import from src/app/main.js into src/deprecated.js (related to: #44)

  import "regenerator-runtime";

• move the following import from src/app/main.js into a new file src/globals.js (related to #71)

  window.g3wsdk = require('app/api');

• add a new constant FONT_AWESOME_ICONS within src/app/constant.js (just to reduce the filesize of index.prod.js)

• add documentation @type within src/app/constant.js

How to test

1. Update the devConfig section within your config.js

  devConfig: function() {
    g3wsdk.core.ApplicationService.once('ready', () => { });
    g3wsdk.core.ApplicationService.once('initconfig', () => {
      initConfig.group.vendorkeys = Object.assign(initConfig.group.vendorkeys || {}, G3W_KEYS);
      initConfig.group.plugins    = Object.assign(initConfig.group.plugins || {}, G3W_PLUGINS.reduce((a, v) => ({ ...a, [v]: { ...initConfig.group.plugins[v], gid: initConfig.group.initproject, baseUrl: initConfig.staticurl }}), {}));
    });
    g3wsdk.gui.GUI.once('ready', () => { console.log('ready'); });
  }

2. Run npm run dev in order to test dev entrypoint (ref index.dev.js)
3. Run npm run build in order to test production entrypoint (ref index.prod.js)

What to test

• in the development environment check that the following variables are set correctly

  • initConfig.group.vendorkeys (and the related local G3W_KEYS overrides are loaded correctly)
  • initConfig.group.plugins (and the related locally developed G3W_PLUGINS are loaded correctly)

• in the production environment make sure the following file is not included in the generated bundle:

  • config.js

• in both environments check (as far as possible) that no new circular references have been created (ie: static imports returning undefined objects)

---

Closes: #89
Closes: #124

[Raruto]

@volterra79 same as #309, when you have a some time 🧭, let me know if we are ready to merge it.