Ga naar hoofdinhoud

Front-end componenten

Scripts en bundles​

Veel van de in iprox.cms aanwezige scripts zijn losse javascript bestanden, die als es6 source files onderhouden worden, in de map \src\js\ en onderliggend. Deze worden in de build getranspileerd tot runtime js, die in de diverse schermen en dialogen als <script src> worden opgenomen.

In een aantal onderdelen van het CMS ook zetten we script bundles in die gebouwd worden met React en/of Angular. Dit zijn:

  • \src\iprox-app\ : Angular app voor (vooralsnog alleen) de UI van de 'Lijstweergave' van structuren.
    Deze app communiceert met /appidt/search/ endpoints;
  • \src\open-api.ui\ : React app voor de UI van het "OpenAPI generator" scherm.
    Deze app communiceert met /appidt/openapi/ endpoints;
  • \src\react-entityfinder\ : React app voor de UI van plugin gegevenstypes die op generieke wijze uit 'lijsten' vanuit externe systemen een keuze willen kunnen maken.
    Deze app communiceert met /appidt/entityfinder/ endpoints;

Build​

De losse es6 source files worden getranspileerd middels de transpile-all gulp taak:

  • in de IDE los middels de Run/Debug configuration Front-end - snippets build
  • in de IDE als onderdeel van Iprox.Web (full build)
  • in de gitlab build als onderdeel van Deploy-Package.ps1 in diezelfde transpile-all gulp taak

NB: er bestaat ook nog een Run/Debug configuration Front-end - snippets watch

De diverse bundles worden als volgt gebouwd:

iprox-app​

  • in de IDE los middels de Run/Debug configuration Front-end - iprox-app build
  • in de IDE als onderdeel van de Run/Debug configuration Iprox.Web (full build)
  • in de gitlab build als onderdeel van Deploy-Package.ps1 met yarn workspace iprox-app build

NB: er bestaat ook nog een Run/Debug configuration Front-end - iprox-app serve

open-api.ui​

  • in de IDE middels de Run/Debug configuration Front-end - openapi build;
  • in de IDE als onderdeel van de Run/Debug configuration Iprox.Web (full build)
  • in de gitlab build als onderdeel van Deploy-Package.ps1 met yarn workspace openapi build-and-deliver

react-entityfinder​

  • in de IDE: niet
  • in de gitlab build als onderdeel van Deploy-Package.ps1 met yarn workspace react-entityfinder build