Merge pull request #8 from genesiscommunitysuccess/mw/FUI-1198-lsp

feat: enable custom elements lsp FUI-1198

client/package.json

@@ -66,36 +66,38 @@
   },
   "prettier": "@genesislcap/prettier-config",
   "devDependencies": {
-    "@genesislcap/design-system-configurator": "14.91.1",
-    "@genesislcap/foundation-testing": "14.91.1",
-    "@genesislcap/genx": "14.91.1",
+    "@genesiscommunitysuccess/cep-fast-plugin": "4.1.1",
+    "@genesiscommunitysuccess/custom-elements-lsp": "4.1.1",
+    "@genesislcap/design-system-configurator": "14.116.0",
+    "@genesislcap/foundation-testing": "14.116.0",
+    "@genesislcap/genx": "14.116.0",
     "husky": "^7.0.4",
     "lint-prepush": "^2.2.1",
     "lint-staged": "^12.4.1"
   },
   "dependencies": {
     "@ag-grid-enterprise/server-side-row-model": "29.2.0",
     "@ag-grid-enterprise/core": "29.2.0",
-    "@genesislcap/foundation-comms": "14.91.1",
-    "@genesislcap/foundation-criteria": "14.91.1",
-    "@genesislcap/foundation-entity-management": "14.91.1",
-    "@genesislcap/foundation-errors": "14.91.1",
-    "@genesislcap/foundation-events": "14.91.1",
-    "@genesislcap/foundation-forms": "14.91.1",
-    "@genesislcap/foundation-header": "14.91.1",
-    "@genesislcap/foundation-inbox": "14.91.1",
-    "@genesislcap/foundation-layout": "14.91.1",
-    "@genesislcap/foundation-login": "14.91.1",
-    "@genesislcap/foundation-notification-dashboard": "14.91.1",
-    "@genesislcap/foundation-notifications": "14.91.1",
-    "@genesislcap/foundation-reporting": "14.91.1",
-    "@genesislcap/foundation-store": "14.91.1",
-    "@genesislcap/foundation-ui": "14.91.1",
-    "@genesislcap/foundation-utils": "14.91.1",
-    "@genesislcap/foundation-zero": "14.91.1",
-    "@genesislcap/foundation-zero-grid-pro": "14.91.1",
-    "@genesislcap/g2plot-chart": "14.91.1",
-    "@genesislcap/grid-pro": "14.91.1",
+    "@genesislcap/foundation-comms": "14.133.1",
+    "@genesislcap/foundation-criteria": "14.133.1",
+    "@genesislcap/foundation-entity-management": "14.133.1",
+    "@genesislcap/foundation-errors": "14.133.1",
+    "@genesislcap/foundation-events": "14.133.1",
+    "@genesislcap/foundation-forms": "14.133.1",
+    "@genesislcap/foundation-header": "14.133.1",
+    "@genesislcap/foundation-inbox": "14.133.1",
+    "@genesislcap/foundation-layout": "14.133.1",
+    "@genesislcap/foundation-login": "14.133.1",
+    "@genesislcap/foundation-notification-dashboard": "14.133.1",
+    "@genesislcap/foundation-notifications": "14.133.1",
+    "@genesislcap/foundation-reporting": "14.133.1",
+    "@genesislcap/foundation-store": "14.133.1",
+    "@genesislcap/foundation-ui": "14.133.1",
+    "@genesislcap/foundation-utils": "14.133.1",
+    "@genesislcap/foundation-zero": "14.133.1",
+    "@genesislcap/foundation-zero-grid-pro": "14.133.1",
+    "@genesislcap/g2plot-chart": "14.133.1",
+    "@genesislcap/grid-pro": "14.133.1",
     "@microsoft/fast-components": "^2.21.6",
     "@microsoft/fast-element": "^1.7.0",
     "@microsoft/fast-foundation": "^2.33.4",

client/src/main/main.ts

@@ -22,8 +22,6 @@ import { HostENV, HostURL } from '../types';
 import { Store, StoreEventDetailMap } from '../store';
 import { logger } from '../utils';
 
-const name = '{{rootElement}}';
-
 export type EventMap = StoreEventDetailMap;
 
 // eslint-disable-next-line
@@ -33,7 +31,7 @@ const hostEnv = location.host;
 const hostUrl = API_HOST || `wss://${hostEnv}/gwf/`;
 
 @customElement({
-  name,
+  name: '{{rootElement}}',
   template,
   styles,
 })
@@ -51,7 +49,7 @@ export class MainApplication extends EventEmitter<EventMap>(FASTElement) {
   public async connectedCallback() {
     super.connectedCallback();
 
-    logger.debug(`${name} is now connected to the DOM`);
+    logger.debug(`'{{rootElement}}' is now connected to the DOM`);
 
     this.registerDIDependencies();
     await this.loadRemotes();

client/src/routes/analytics/analytics.ts

@@ -2,10 +2,8 @@ import { customElement, FASTElement, observable } from '@microsoft/fast-element'
 import { AnalyticsTemplate as template } from './analytics.template';
 import { AnalyticsStyles as styles } from './analytics.styles';
 
-const name = 'reports-route';
-
 @customElement({
-  name,
+  name: 'reports-route',
   template,
   styles,
 })

client/src/routes/home/home.ts

@@ -9,11 +9,9 @@ import { HomeTemplate as template } from './home.template';
 import { FoundationLayout } from '@genesislcap/foundation-layout';
 import { HOME_PREDEFINED_LAYOUT } from './predefined-layouts';
 
-const name = 'home-route';
-
 export type EventMap = StoreEventDetailMap;
 @customElement({
-  name,
+  name: 'home-route',
   template,
   styles,
 })
@@ -38,7 +36,7 @@ export class Home extends EventEmitter<EventMap>(FASTElement) {
   public connectedCallback() {
     super.connectedCallback();
 
-    logger.debug(`${name} is now connected to the DOM`);
+    logger.debug(`home-route is now connected to the DOM`);
 
     this.store.binding('sideNavClosed', (closed) => {
       this.editModalVisibleChanged(closed);

client/src/routes/not-found/not-found.ts

@@ -3,10 +3,8 @@ import { NotFoundTemplate as template } from './not-found.template';
 import { NotFoundStyles as styles } from './not-found.styles';
 import { logger } from '../../utils';
 
-const name = 'not-found-route';
-
 @customElement({
-  name,
+  name: 'not-found-route',
   template,
   styles,
 })