npm - @eui/tools - Versions diffs - 6.6.2 → 6.7.0 - Mend

@eui/tools 6.6.2 → 6.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/.version.properties CHANGED Viewed

	@@ -1 +1 @@
1	- 6.6.2
1	+ 6.7.0

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,12 @@
+## 6.7.0 (2023-03-06)
+##### New Features
+* **other:**
+  * new participant and default pkg skeletons for v15 - adapted init-custom app generated json - MWP-9204 [MWP-9204](https://webgate.ec.europa.eu/CITnet/jira/browse/MWP-9204)  ([dd351337](https://webgate.ec.europa.eu/CITnet/stash/scm/csdr/eui-tools.git/commits/dd351337631dd934f1c3b067e22122effb8e8987))
+* * *
+* * *
 ## 6.6.2 (2023-03-06)
 ##### Chores

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@eui/tools",
-    "version": "6.6.2",
+    "version": "6.7.0",
     "tag": "latest",
     "license": "EUPL-1.1",
     "description": "eUI common tools and scripts",

package/scripts/app/public/index.html CHANGED Viewed

@@ -26,7 +26,7 @@
     <body>
         <div id="app" class="container-fluid">
             <div class="row">
-                <div class="col-4 full-height-flex">
+                <div class="col-6 full-height-flex">
                     <h3 class="mt-2 mb-4">CSDR custom installation (experimental)</h3>
                     <div class="header-flex">
@@ -35,20 +35,16 @@
                             <div class="row mb-3">
                                 <label class="col-sm-2 col-form-label">App</label>
                                 <div class="col-sm-10">
-                                    <select disabled class="form-select">
-                                        <option>Open this select menu</option>
-                                        <option selected value="my-workplace">MyWorkplace</option>
-                                        <!-- <option value="sedia">Sedia</option> -->
+                                    <select disabled class="form-select" v-model="selectedApp">
+                                        <option value="my-workplace">MyWorkplace</option>
                                     </select>
                                 </div>
                             </div>
                             <div class="row mb-3">
                                 <label class="col-sm-2 col-form-label">eUI Version</label>
                                 <div class="col-sm-10">
-                                    <select disabled class="form-select">
-                                        <option>Open this select menu</option>
-                                        <option selected value="15.x">eUI 15</option>
-                                        <!-- <option value="10.x">eUI 10</option> -->
+                                    <select dis abled class="form-select" v-model="selectedEuiVersion">
+                                        <option value="15.x">eUI 15</option>
                                     </select>
                                 </div>
                             </div>
@@ -66,32 +62,42 @@
                         <table class="table table-striped" v-show="remotes.length !== 0">
                             <thead>
                                 <tr>
-                                    <th scope="col">&nbsp;</th>
                                     <th scope="col">Remote</th>
-                                    <th scope="col">Participant ?</th>
-                                    <th scope="col">Full skel.?</th>
+                                    <th scope="col">Participant</th>
+                                    <th scope="col">Full SK</th>
+                                    <th scope="col">Local</th>
+                                    <th scope="col">Installed</th>
                                 </tr>
                             </thead>
                             <tbody>
                                 <tr v-for="remote in remotes">
+                                    <td>{{ remote.name }}</td>
+                                    <td>
+                                        <div :class="{ 'text-primary fw-bold': remote.participant }">{{ remote.participant }}</div>
+                                    </td>
                                     <td>
-                                        <div class="form-check" :key="remote.name">
+                                        <div :class="{ 'text-success fw-bold': remote.fullSkeletonSources }">
+                                            {{ remote.fullSkeletonSources }}
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="form-check form-switch">
                                             <input
                                                 class="form-check-input"
                                                 type="checkbox"
                                                 :value="remote.name"
                                                 :id="remote.name"
-                                                v-model="selectedRemotes"
-                                                @change="remoteSelected($event)" />
+                                                v-model="selectedLocalRemotes" />
                                         </div>
                                     </td>
-                                    <td>{{ remote.name }}</td>
-                                    <td>
-                                        <div :class="{ 'text-primary fw-bold': remote.participant }">{{ remote.participant }}</div>
-                                    </td>
                                     <td>
-                                        <div :class="{ 'text-success fw-bold': remote.fullSkeletonSources }">
-                                            {{ remote.fullSkeletonSources }}
+                                        <div class="form-check form-switch">
+                                            <input
+                                                class="form-check-input"
+                                                type="checkbox"
+                                                :value="remote.name"
+                                                :id="remote.name"
+                                                v-model="selectedInstalledRemotes" />
                                         </div>
                                     </td>
                                 </tr>
@@ -100,12 +106,17 @@
                     </div>
                 </div>
-                <div class="col-8">
+                <div class="col-6">
+                    <h5 class="mt-5 mb-3">
+                        Selected local remotes (intialized as sources):
+                        <span class="text-primary fw-bold">{{ selectedLocalRemotes.length }}</span>
+                    </h5>
+                    {{ selectedLocalRemotes }}
                     <h5 class="mt-5 mb-3">
-                        Selected remotes :
-                        <span class="text-primary fw-bold">{{ selectedRemotes.length }}</span>
+                        Selected local remotes (intialized as dependencies):
+                        <span class="text-primary fw-bold">{{ selectedInstalledRemotes.length }}</span>
                     </h5>
-                    {{ selectedRemotes }}
+                    {{ selectedInstalledRemotes }}
                     <h5 class="mt-5 mb-3">
                         Derived dependencies:
@@ -119,15 +130,13 @@
                     </h5>
                     {{ packages }}
-                    <h5 class="mt-5 mb-3">
-                        Remotes to install as dependencies :
-                        <span class="text-primary fw-bold">{{ remotesToInstall.length }}</span>
-                    </h5>
-                    {{ remotesToInstall }}
                     <hr />
-                    <button class="btn btn-primary" type="button" :disabled="selectedRemotes.length === 0" @click="saveConfig()">
+                    <button
+                        class="btn btn-primary"
+                        type="button"
+                        :disabled="selectedLocalRemotes.length === 0 && selectedInstalledRemotes.length === 0"
+                        @click="saveConfig()">
                         Save configuration
                     </button>

package/scripts/app/public/index.js CHANGED Viewed

@@ -12,11 +12,13 @@ new Vue({
     el: "#app",
     data() {
         return {
+            selectedApp: "my-workplace-host-playground-custom",
+            selectedEuiVersion: "15.x",
             remotes: [],
-            selectedRemotes: [],
+            selectedLocalRemotes: [],
+            selectedInstalledRemotes: [],
             deps: [],
             packages: [],
-            remotesToInstall: [],
             saveConfigSubmitted: false,
             saveConfigOK: false,
         };
@@ -30,43 +32,33 @@ new Vue({
             const res = await fetch("http://localhost:3000/api/remotes");
             const finalRes = await res.json();
             this.remotes = finalRes;
-            this.getRemotesToInstall();
         },
         async getConfig() {
             const res = await fetch("http://localhost:3000/api/config");
             const finalRes = await res.json();
-            if (finalRes.selectedRemotes) {
-                this.selectedRemotes = finalRes.selectedRemotes;
+            if (Object.keys(finalRes).length !== 0) {
+                this.selectedApp = finalRes.app;
+                this.selectedEuiVersion = finalRes.euiVersion;
+                this.selectedLocalRemotes = finalRes.localRemotes;
+                this.selectedInstalledRemotes = finalRes.installedRemotes;
                 this.deps = finalRes.deps;
                 this.packages = finalRes.packages;
-                this.remotesToInstall = finalRes.remotesToInstall;
             }
         },
         async getPackages() {
-            const res = await fetch("http://localhost:3000/api/remotes/packages", getRequestBody(this.selectedRemotes));
+            const res = await fetch("http://localhost:3000/api/remotes/packages", getRequestBody(this.selectedLocalRemotes));
             const finalRes = await res.json();
             this.packages = finalRes.packages.filter(
                 (p) => p.indexOf("csdr-") < 0 && p.indexOf("cc-shared-ui") < 0 && p.indexOf("mywp-shared-ui") < 0
             );
             this.deps = finalRes.deps;
-            this.getRemotesToInstall();
-        },
-        remoteSelected(event) {
-            this.getPackages();
-            this.saveConfigSubmitted = false;
-        },
-        getRemotesToInstall() {
-            this.remotesToInstall = this.remotes
-                .map((r) => r.name)
-                .filter((r) => {
-                    return !this.selectedRemotes.includes(r);
-                });
         },
         reset() {
-            this.selectedRemotes = [];
+            this.selectedLocalRemotes = [];
+            this.selectedInstalledRemotes = [];
             this.packages = [];
             this.deps = [];
-            this.remotesToInstall = [];
             this.saveConfigOK = false;
             this.saveConfigSubmitted = false;
         },
@@ -75,10 +67,12 @@ new Vue({
             const res = await fetch(
                 "http://localhost:3000/api/config",
                 getRequestBody({
-                    selectedRemotes: this.selectedRemotes,
+                    app: this.selectedApp,
+                    euiVersion: this.selectedEuiVersion,
+                    localRemotes: this.selectedLocalRemotes,
+                    installedRemotes: this.selectedInstalledRemotes,
                     deps: this.deps,
                     packages: this.packages,
-                    remotesToInstall: this.remotesToInstall,
                 })
             );
@@ -88,8 +82,23 @@ new Vue({
                 this.saveConfigOK = true;
             }
             this.saveConfigSubmitted = true;
-            const finalRes = await res.json();
+        },
+    },
+    watch: {
+        selectedLocalRemotes: {
+            handler: function (val) {
+                this.saveConfigOK = false;
+                this.saveConfigSubmitted = false;
+                this.getPackages();
+            },
+            deep: true,
+        },
+        selectedInstalledRemotes: {
+            handler: function (val) {
+                this.saveConfigOK = false;
+                this.saveConfigSubmitted = false;
+            },
+            deep: true,
         },
     },
 });

package/scripts/app/routes/index.js CHANGED Viewed

@@ -40,65 +40,65 @@ router.get('/remotes', function (req, res) {
     })
 });
-router.get('/remotes/stats', function (req, res) {
+router.post('/remotes/packages', function (req, res) {
   return Promise.resolve()
     .then(() => {
-      return metadataUtils.stats.getRemoteAllStats();
-    })
-    .then((stats) => {
-      res.send(stats);
+      const remotes = req.body;
+      const depsPackages = configUtils.remotes.getRemotesPackages(remotes);
+      res.send(depsPackages);
     })
     .catch((e) => {
       handlerError(res, e);
     })
 });
-router.post('/remotes/packages', function (req, res) {
+router.get('/config', function (req, res) {
   return Promise.resolve()
     .then(() => {
-      const remotes = req.body;
-      const depsPackages = configUtils.remotes.getRemotesPackages(remotes);
-      res.send(depsPackages);
+      return configUtils.global.getCustomConfig();
+    })
+    .then((customConfig) => {
+      res.send(customConfig);
     })
     .catch((e) => {
       handlerError(res, e);
     })
 });
-router.post('/remotes/stats', function (req, res) {
+router.post('/config', function (req, res) {
   return Promise.resolve()
     .then(() => {
-      return metadataUtils.stats.getRemoteStats(req.body.remote);
+      return configUtils.global.generateCustomConfig(req.body);
     })
-    .then((remoteStats) => {
-      res.send(remoteStats);
+    .then(() => {
+      res.status(200);
+      res.send({ status: 'OK'})
     })
     .catch((e) => {
       handlerError(res, e);
     })
 });
-router.get('/config', function (req, res) {
+router.get('/remotes/stats', function (req, res) {
   return Promise.resolve()
     .then(() => {
-      return configUtils.global.getCustomConfig();
+      return metadataUtils.stats.getRemoteAllStats();
     })
-    .then((customConfig) => {
-      res.send(customConfig);
+    .then((stats) => {
+      res.send(stats);
     })
     .catch((e) => {
       handlerError(res, e);
     })
 });
-router.post('/config', function (req, res) {
+router.post('/remotes/stats', function (req, res) {
   return Promise.resolve()
     .then(() => {
-      return configUtils.global.generateCustomConfig(req.body);
+      return metadataUtils.stats.getRemoteStats(req.body.remote);
     })
-    .then(() => {
-      res.status(200);
-      res.send({ status: 'OK'})
+    .then((remoteStats) => {
+      res.send(remoteStats);
     })
     .catch((e) => {
       handlerError(res, e);

package/scripts/csdr/cli/constants.js CHANGED Viewed

@@ -5,7 +5,8 @@ const path = require('path');
 module.exports.TARGET_ROOT_PATH = path.join(process.cwd(), 'packages');
 module.exports.TARGET_ROOT_REMOTES_PATH = path.join(process.cwd(), 'remotes');
 module.exports.SKELETONS_ROOT_PATH = path.join(__dirname, 'skeletons', 'package');
-module.exports.FRONTEND_SKELETON_EUI15_PATH = path.join(this.SKELETONS_ROOT_PATH, 'frontend-eui15');
+module.exports.FRONTEND_SKELETON_EUI15_PATH = path.join(this.SKELETONS_ROOT_PATH, 'frontend', '15.x', 'default');
+module.exports.FRONTEND_SKELETON_EUI15_PARTICIPANT_PATH = path.join(this.SKELETONS_ROOT_PATH, 'frontend', '15.x', 'participant');
 module.exports.BACKEND_SKELETON_PATH = path.join(this.SKELETONS_ROOT_PATH, 'backend');
 module.exports.VIRTUAL_REMOTE_SKELETON_ROOT_PATH = path.join(__dirname, 'skeletons', 'virtual-remote');

package/scripts/csdr/cli/package-build-frontend.js CHANGED Viewed

@@ -40,7 +40,7 @@ const replaceContent = (targetPath, name, scope, fullName) => {
   tools.replaceInPath(targetPath, '@module.scope@', scope);
   tools.replaceInPath(targetPath, '@module.scope-name@', `${scope.substr(1)}-${name}`);
   tools.replaceInPath(targetPath, '@module.scope.string@', scope.substr(1));
-  tools.replaceInPath(targetPath, '@module.class.name@', tools.camelCaseString(name, '-', true));
+  tools.replaceInPath(targetPath, '@module.class.name@', tools.camelCaseString(`${scope.substr(1)}-${name}`, '-', true));
 }
@@ -171,14 +171,6 @@ const generateDefault = (args = constants.DEFAULT_CONFIG) => {
       replaceExtensions(targetPath);
     })
-    .then(() => {
-      if (
-        args.pkgFrontendVersion === constants.CONFIG_OPTIONS.pkgFrontendVersion.EUI15
-       ) {
-        return tools.remove(path.join(targetPath, 'tslint.json'));
-       }
-    })
     .then(() => {
       tools.logSuccess();
     })

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/assets/i18n/en.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+    "@module.scope-name@.TITLE": "@module.scope-name@",
+    "@module.scope-name@.FILTER": "Search filter",
+    "@module.scope-name@.QUICK_SECTION": "Quick filter",
+    "@module.scope-name@.SEARCH_RESULT": "Filter results"
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/assets/i18n/fr.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+    "@module.scope-name@.TITLE": "**fr** @module.scope-name@ **fr**",
+    "@module.scope-name@.FILTER": "**fr** Search filter **fr**",
+    "@module.scope-name@.QUICK_SECTION": "**fr** Quick filter **fr**",
+    "@module.scope-name@.SEARCH_RESULT": "**fr** Filter results **fr**"
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/src/index.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { @module.class.name@Module, @module.class.name@CommonModule } from './lib/module';
2	+ export { RoutingModule, routes } from './lib/routing-module';

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/src/lib/components/main.component.html ADDED Viewed

@@ -0,0 +1,57 @@
+<eui-page>
+    <eui-page-header [label]="'@module.scope-name@.TITLE' | translate">
+        <eui-page-header-action-items>
+        </eui-page-header-action-items>
+    </eui-page-header>
+    <eui-page-content>
+        <eui-page-columns>
+            <eui-page-column
+                label="{{ '@module.scope-name@.FILTER' | translate }}"
+                [size]="'3xl'"
+                [isCollapsible]="true">
+                <eui-page-column-body>
+                    <!-- QUICK FILTER SECTION -->
+                    <div class="eui-u-flex eui-u-flex-column eui-u-mt-xs">
+                        <div class="eui-u-flex eui-u-flex-row">
+                            <div class="eui-u-font-size-l"><strong>{{ '@module.scope-name@.QUICK_SECTION' | translate }}</strong></div>
+                        </div>
+                    </div>
+                </eui-page-column-body>
+            </eui-page-column>
+            <eui-page-column>
+                <eui-page-column-header-left-content>
+                    <div class="eui-page-column__header-left-content-label">{{ '@module.scope-name@.SEARCH_RESULT' | translate }}</div>
+                </eui-page-column-header-left-content>
+                <eui-page-column-header-right-content>
+                    <div class="eui-u-flex">
+                        <button
+                            euiButton
+                            euiSecondary>
+                            <span euiIcon iconClass="eui-icon-refresh"></span>
+                            <span euiLabel>{{ '@module.scope-name@.CREATE_DOSSIER' | translate }}</span>
+                        </button>
+                    </div>
+                </eui-page-column-header-right-content>
+                <eui-page-column-header-body>
+                </eui-page-column-header-body>
+                <eui-page-column-body>
+                </eui-page-column-body>
+            </eui-page-column>
+        </eui-page-columns>
+    </eui-page-content>
+</eui-page>

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/src/lib/components/main.component.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { Component, Input } from '@angular/core';
+@Component({
+    selector: '@module.scope-name@-cp',
+    templateUrl: './main.component.html',
+})
+export class @module.class.name@Component {
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/src/lib/constants.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const namespace = '@module.class.name@:main';

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/src/lib/containers/container.component.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, Input, OnInit, OnDestroy } from '@angular/core';
+import { BreadcrumbsService } from '@csdr/core';
+@Component({
+    selector: '@module.scope-name@-ct',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
+        <@module.scope-name@-cp>
+        </@module.scope-name@-cp>`,
+})
+export class @module.class.name@ContainerComponent implements OnInit, OnDestroy {
+    constructor(private breadcrumbs: BreadcrumbsService) {
+    }
+    ngOnInit(): void {
+        this.breadcrumbs.removeAll();
+        this.breadcrumbs.addItem({
+            id: '@module.scope-name@',
+            description: '@module.class.name@',
+            url: '/@module.scope-name@',
+        });
+    }
+    ngOnDestroy(): void {
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/src/lib/dummy.spec.ts ADDED Viewed

@@ -0,0 +1,5 @@
+describe('First test', () => {
+    it('should work', () => {
+        expect(true).toBe(true);
+    });
+});

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/src/lib/module.ts ADDED Viewed

@@ -0,0 +1,79 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+// import { StoreModule } from '@ngrx/store';
+// import { EffectsModule } from '@ngrx/effects';
+import { TranslateModule } from '@ngx-translate/core';
+import { EuiButtonModule } from '@eui/components/eui-button';
+import { EuiPageModule } from '@eui/components/eui-page';
+import { CcSharedModule } from '@cc/shared';
+// -- Components --
+import { @module.class.name@Component } from './components/main.component';
+const COMPONENTS = [
+    @module.class.name@Component,
+];
+// -- Containers --
+import { @module.class.name@ContainerComponent } from './containers/container.component';
+const CONTAINERS = [
+    @module.class.name@ContainerComponent,
+];
+// -- Effects --
+const EFFECTS = [
+];
+// -- Reducer --
+// import { TOKEN, reducerProvider } from './store/reducers';
+// -- Services --
+const SERVICES = [
+];
+// -- Constants --
+import { namespace } from './constants';
+// -- Routes --
+import { RoutingModule } from './routing-module';
+@NgModule({
+    imports: [
+        CommonModule,
+        // StoreModule.forFeature(namespace, TOKEN),
+        // EffectsModule.forFeature(EFFECTS),
+        TranslateModule,
+        EuiButtonModule,
+        EuiPageModule,
+        CcSharedModule,
+    ],
+    declarations: [
+        ...COMPONENTS,
+        ...CONTAINERS,
+    ],
+    providers: [
+        // reducerProvider,
+        ...SERVICES,
+    ],
+    exports: [],
+})
+export class @module.class.name@CommonModule {
+}
+@NgModule({
+    imports: [
+        @module.class.name@CommonModule,
+        RoutingModule,
+    ],
+    exports: [
+        @module.class.name@CommonModule,
+    ],
+})
+export class @module.class.name@Module {
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/default/src/lib/routing-module.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { @module.class.name@ContainerComponent } from './containers/container.component';
+export const routes: Routes = [
+    {
+        path: '',
+        pathMatch: 'full',
+        component: @module.class.name@ContainerComponent,
+    },
+];
+@NgModule({
+    imports: [
+        RouterModule.forChild(routes),
+    ],
+    exports: [
+        RouterModule,
+    ],
+})
+export class RoutingModule {
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/blocks/sample/components/sample.component.html ADDED Viewed

	@@ -0,0 +1 @@
1	+ <div>Create dossier</div>

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/blocks/sample/components/sample.component.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { Component, Input } from '@angular/core';
+import { Block } from '../models';
+@Component({
+    selector: '@module.scope-name@-cp',
+    templateUrl: './sample.component.html',
+})
+export class SampleComponent {
+    @Input() block: Block;
+    constructor() {
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/blocks/sample/containers/container.component.ts ADDED Viewed

@@ -0,0 +1,36 @@
+import { ChangeDetectionStrategy, Component, Input, OnInit, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { BlockComponent } from '@cc/shared';
+import { Block } from '../models';
+@Component({
+    selector: '@module.scope-name@-ct',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
+        <@module.scope-name@-cp
+            [block]="block$ | async">
+        </@module.scope-name@-cp>`,
+})
+export class ContainerComponent implements BlockComponent, OnInit, OnDestroy {
+    @Input() readonly block: Block;
+    block$: Observable<Block>;
+    constructor() {
+    }
+    ngOnInit(): void {
+        this.asyncPipeObs();
+    }
+    ngOnDestroy(): void {
+    }
+    private asyncPipeObs(): void {
+        // todo: retrieve block$ from the store
+        // this.block$
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/blocks/sample/models/block.model.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { ParticipantBlock } from '@cc/shared';
+export interface Block extends ParticipantBlock {
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/blocks/sample/models/index.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './block.model';

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/blocks/sample/module.ts ADDED Viewed

@@ -0,0 +1,37 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { CcSharedModule } from '@cc/shared';
+// -- Components --
+import { SampleComponent } from './components/sample.component';
+const COMPONENTS = [
+    SampleComponent,
+];
+// -- Containers --
+import { ContainerComponent } from './containers/container.component';
+const CONTAINERS = [
+    ContainerComponent,
+];
+@NgModule({
+    imports: [
+        CommonModule,
+        TranslateModule,
+        CcSharedModule,
+    ],
+    declarations: [
+        ...COMPONENTS,
+        ...CONTAINERS,
+    ],
+    exports: [
+        ContainerComponent,
+    ],
+})
+export class CreateDossierModule {
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/dummy.spec.ts ADDED Viewed

@@ -0,0 +1,5 @@
+describe('First test', () => {
+    it('should work', () => {
+        expect(true).toBe(true);
+    });
+});

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/index.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { DecideParticipantModule } from './module';
+export { MainParticipantModule } from './main/module';
+export { DecideParticipantContainerComponent } from './main/containers/decide.container';

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/components/decide.component.html ADDED Viewed

	@@ -0,0 +1 @@
1	+ <cc-generic-block-ct [block]="block"></cc-generic-block-ct>

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/components/decide.component.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { Component, Input } from '@angular/core';
+import { DecideBlock } from '../models';
+@Component({
+    selector: 'cc-decide-cp',
+    templateUrl: './decide.component.html',
+})
+export class DecideComponent {
+    @Input() block: DecideBlock;
+    constructor() {
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/constants.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const namespace = 'ccDecide:participant';

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/containers/block-store.service.ts ADDED Viewed

@@ -0,0 +1,33 @@
+import { Injectable } from '@angular/core';
+import { Store, select } from '@ngrx/store';
+import { Observable } from 'rxjs';
+import * as block from '../store/actions/block.actions';
+import {
+    DecideBlock,
+} from '../models';
+import * as fromBlockReducer from '../store/reducers/block.reducer';
+import * as fromBlockSelectors from '../store/selectors/block.selectors';
+@Injectable()
+export class BlockStoreService {
+    constructor(private store$: Store<fromBlockReducer.State>) {
+    }
+    getBlockById(id: string): Observable<DecideBlock> {
+        return this.store$.pipe(select(fromBlockSelectors.getBlockById(id)));
+    }
+    upsertBlock(b: DecideBlock): void {
+        this.store$.dispatch(new block.UpsertBlock({ block: b }));
+    }
+    removeBlock(id: string): void {
+        this.store$.dispatch(new block.RemoveBlock({ id }));
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/containers/decide.container.ts ADDED Viewed

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, Input, OnInit, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { BlockComponent, GENERIC_BLOCK_RESOLVER_TOKEN } from '@cc/shared';
+import { DecideBlock } from '../models';
+import { BlockStoreService } from './block-store.service';
+import { GenericBlockResolverService } from './generic-block-resolver.service';
+@Component({
+    selector: 'cc-decide-participant-ct',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    providers: [
+        BlockStoreService,
+        { provide: GENERIC_BLOCK_RESOLVER_TOKEN, useClass: GenericBlockResolverService },
+    ],
+    template: `
+        <cc-decide-cp
+            [block]="block$ | async">
+        </cc-decide-cp>`,
+})
+export class DecideParticipantContainerComponent implements BlockComponent, OnInit, OnDestroy {
+    @Input() readonly block: DecideBlock;
+    block$: Observable<DecideBlock>;
+    constructor(private blockStore: BlockStoreService) {
+    }
+    ngOnInit(): void {
+        this.asyncPipeObs();
+        this.blockStore.upsertBlock(this.block);
+    }
+    ngOnDestroy(): void {
+    }
+    private asyncPipeObs(): void {
+        this.block$ = this.blockStore.getBlockById(this.block.id);
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/containers/generic-block-resolver.service.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { Inject, Injectable } from '@angular/core';
+import { CONFIG_TOKEN } from '@eui/core';
+import { BlockConfig, IGenericBlock, UnknownBlockComponent } from '@cc/shared';
+// DECIDE BLOCKS
+import { CreateDossierContainerComponent } from '../../blocks/create-dossier/containers/create-dossier.container';
+import { DecideBlockType } from '../models';
+@Injectable()
+export class GenericBlockResolverService implements IGenericBlock {
+    constructor(@Inject(CONFIG_TOKEN) private config: any) {
+    }
+    getComponentForBlock(block: BlockConfig): any {
+        switch (block?.config.subType) {
+            case DecideBlockType.CreateDossier: {
+                return CreateDossierContainerComponent;
+            }
+            default: {
+                return UnknownBlockComponent;
+            }
+        }
+    }
+    enrichBlock(block: BlockConfig): BlockConfig {
+        return block;
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/models/decide-block-type.model.ts ADDED Viewed

@@ -0,0 +1,6 @@
+/**
+ * Sub-blocks
+ */
+export class DecideBlockType {
+    static CreateDossier = 'createDossier';
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/models/decide-block.model.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { ParticipantBlock } from '@cc/shared';
+import { DecideBlockType } from './decide-block-type.model';
+export interface DecideBlock extends ParticipantBlock {
+    config: {
+        subType: DecideBlockType;
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/models/index.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './decide-block.model';
2	+ export * from './decide-block-type.model';

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/module.ts ADDED Viewed

@@ -0,0 +1,60 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { StoreModule } from '@ngrx/store';
+import { EffectsModule } from '@ngrx/effects';
+import { TranslateModule } from '@ngx-translate/core';
+import { CcSharedModule } from '@cc/shared';
+// -- Components --
+import { DecideComponent } from './components/decide.component';
+const COMPONENTS = [
+    DecideComponent,
+];
+// -- Containers --
+import { DecideParticipantContainerComponent } from './containers/decide.container';
+const CONTAINERS = [
+    DecideParticipantContainerComponent,
+];
+// -- Effects --
+const EFFECTS = [
+];
+// -- Reducer --
+import { TOKEN, reducerProvider } from './store/reducers';
+// -- Services --
+const SERVICES = [
+];
+// -- Constants --
+import { namespace } from './constants';
+@NgModule({
+    imports: [
+        CommonModule,
+        StoreModule.forFeature(namespace, TOKEN),
+        EffectsModule.forFeature(EFFECTS),
+        TranslateModule,
+        CcSharedModule,
+    ],
+    declarations: [
+        ...COMPONENTS,
+        ...CONTAINERS,
+    ],
+    providers: [
+        reducerProvider,
+        ...SERVICES,
+    ],
+    exports: [
+        DecideParticipantContainerComponent,
+    ],
+})
+export class MainParticipantModule {
+}

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/store/actions/block.actions.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import { Action } from '@ngrx/store';
+import { DecideBlock } from '../../models';
+export enum DecideBlockActionType {
+    UPSERT_BLOCK = '[ccDecide - Block] Upsert block',
+    REMOVE_BLOCK = '[ccDecide - Block] Remove block',
+}
+export class UpsertBlock implements Action {
+    readonly type = DecideBlockActionType.UPSERT_BLOCK;
+    constructor(public payload: { block: DecideBlock }) {
+    }
+}
+export class RemoveBlock implements Action {
+    readonly type = DecideBlockActionType.REMOVE_BLOCK;
+    constructor(public payload: { id: string }) {
+    }
+}
+export type BlockActions =
+    UpsertBlock |
+    RemoveBlock;

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/store/reducers/block.reducer.ts ADDED Viewed

@@ -0,0 +1,48 @@
+import { createSelector } from '@ngrx/store';
+import { createEntityAdapter, Dictionary, EntityAdapter, EntityState } from '@ngrx/entity';
+import {
+    DecideBlockActionType,
+    BlockActions,
+} from '../actions/block.actions';
+import { DecideBlock } from '../../models';
+export interface State extends EntityState<DecideBlock> {
+}
+export const adapter: EntityAdapter<DecideBlock> = createEntityAdapter<DecideBlock>({
+    selectId: (block: DecideBlock) => block.id,
+});
+export const initialState: State = adapter.getInitialState({});
+export function reducer(state = initialState, action: BlockActions): State {
+    switch (action.type) {
+        case DecideBlockActionType.UPSERT_BLOCK: {
+            return adapter.upsertOne(action.payload.block, state);
+        }
+        case DecideBlockActionType.REMOVE_BLOCK: {
+            return adapter.removeOne(action.payload.id, state);
+        }
+        default: {
+            return state;
+        }
+    }
+}
+export const {
+    selectIds: getIds,
+    selectEntities: getEntities,
+    selectAll: getAll,
+    selectTotal: getTotal,
+} = adapter.getSelectors();
+export const getEntityById = (id: string) => {
+    return createSelector(
+        getEntities,
+        (entities: Dictionary<DecideBlock>) => {
+            return entities[id];
+        },
+    );
+};

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/store/reducers/index.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { InjectionToken } from '@angular/core';
+import { ActionReducerMap } from '@ngrx/store';
+import * as fromBlock from './block.reducer';
+export interface State {
+    block: fromBlock.State;
+}
+// -----------------
+// ------------ AOT
+export const TOKEN = new InjectionToken<ActionReducerMap<State>>('ccDecideReducers');
+export function getReducers(): ActionReducerMap<State, any> {
+    return {
+        block: fromBlock.reducer,
+    };
+}
+export const reducerProvider = [
+    { provide: TOKEN, useFactory: getReducers },
+];

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/main/store/selectors/block.selectors.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import {
+    createSelector,
+    createFeatureSelector,
+} from '@ngrx/store';
+import { State } from '../reducers';
+import * as fromBlock from '../reducers/block.reducer';
+import { DecideBlock } from '../../models';
+import { namespace } from '../../constants';
+// -----------------
+// --- feature selector
+const getCcDecideState = createFeatureSelector<State>(namespace);
+// -----------------
+// ----- block
+const getBlockState = createSelector(getCcDecideState, state => {
+    return state.block;
+});
+export const getBlockById = (id: string) => {
+    return createSelector(
+        getBlockState,
+        fromBlock.getEntityById(id),
+    );
+};

package/scripts/csdr/cli/skeletons/package/frontend/15.x/participant/module.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { MainParticipantModule } from './main/module';
+import { CreateDossierModule } from './blocks/create-dossier/module';
+@NgModule({
+    imports: [
+        MainParticipantModule,
+        CreateDossierModule,
+    ],
+    exports: [
+        MainParticipantModule,
+    ],
+})
+export class DecideParticipantModule {
+}

package/scripts/csdr/config/remotes.js CHANGED Viewed

@@ -153,7 +153,7 @@ module.exports.isLocalRemote = (npmPkg) => {
 module.exports.getRemotesPackages = (remotes) => {
   let packages = [], deps = [];
-  remotes.forEach((r) => {
+    remotes.forEach((r) => {
     const remote = this.getRemote(r);
     const npmPkgs = Object.keys(remote.dependencies.composite);

package/scripts/utils/tools.js CHANGED Viewed

@@ -448,6 +448,7 @@ function replaceInPath(rootPath, fromString, toString) {
   const fromRegExp = new RegExp(fromString, 'g');
   return replace.sync({
+    glob: { dot: true },
     files: [rootPath + '/**/*.*'],
     from: fromRegExp,
     to: toString,

package/scripts/csdr/cli/skeletons/package/frontend-eui15/assets/i18n/en.json DELETED Viewed

@@ -1,3 +0,0 @@
-{
-    "@module.name@.KEY": "english text"
-}

package/scripts/csdr/cli/skeletons/package/frontend-eui15/assets/i18n/fr.json DELETED Viewed

@@ -1,3 +0,0 @@
-{
-    "@module.name@.KEY": "texte en français"
-}

package/scripts/csdr/cli/skeletons/package/frontend-eui15/src/index.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './lib/module';

package/scripts/csdr/cli/skeletons/package/frontend-eui15/src/lib/module.ts DELETED Viewed

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-@NgModule({
-    declarations: [
-    ],
-    imports: [
-    ],
-    exports: [
-    ],
-})
-export class Module { }