web: add HTMLTagNameElementMaps to everything to activate lit analyzer

web/.gitignore

@@ -109,3 +109,4 @@ temp/
 # End of https://www.gitignore.io/api/node
 api/**
 storybook-static/
+custom-elements.json

web/package.json

@@ -8,16 +8,18 @@
         "build-locales": "node scripts/build-locales.mjs",
         "build-locales:build": "lit-localize build",
         "build-locales:repair": "prettier --write ./src/locale-codes.ts",
+        "build:manifest": "custom-elements-manifest analyze --litelement --globs 'src/**/*.ts' --exclude 'src/**/*.stories.ts' --exclude 'src/**/*.tests.ts'",
         "esbuild:build": "node build.mjs",
         "esbuild:build-proxy": "node build.mjs --proxy",
         "esbuild:watch": "node build.mjs --watch",
-        "build": "run-s build-locales esbuild:build",
+        "build": "run-s build-locales build:manifest  esbuild:build",
         "build-proxy": "run-s build-locales esbuild:build-proxy",
-        "watch": "run-s build-locales esbuild:watch",
+        "watch": "run-s build-locales build:manifest esbuild:watch",
         "lint": "cross-env NODE_OPTIONS='--max_old_space_size=65536' eslint . --max-warnings 0 --fix",
-        "lint:precommit": "bun scripts/eslint-precommit.mjs",
+        "lint:precommit": "cross-env NODE_OPTIONS='--max_old_space_size=65536' node scripts/eslint-precommit.mjs",
         "lint:spelling": "node scripts/check-spelling.mjs",
-        "lit-analyse": "lit-analyzer src",
+        "lit-analyse": "lit-analyzer src --strict",
+        "postinstall": "bash scripts/patch-analyser.sh",
         "precommit": "npm-run-all --parallel tsc lit-analyse lint:spelling --sequential lint:precommit prettier",
         "prequick": "run-s tsc:execute lit-analyse lint:precommit lint:spelling",
         "prettier-check": "prettier --check .",
@@ -76,6 +78,9 @@
         "@babel/plugin-transform-runtime": "^7.24.7",
         "@babel/preset-env": "^7.24.7",
         "@babel/preset-typescript": "^7.24.7",
+        "@changesets/cli": "^2.27.5",
+        "@custom-elements-manifest/analyzer": "^0.10.2",
+        "@genesiscommunitysuccess/custom-elements-lsp": "^5.0.3",
         "@hcaptcha/types": "^1.0.3",
         "@jeysal/storybook-addon-css-user-preferences": "^0.2.0",
         "@lit/localize-tools": "^0.7.2",

web/scripts/patch-analyser.sh

@@ -0,0 +1,23 @@
+#!/usr/bin/env bash
+
+TARGET="./node_modules/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/handlers.js"
+
+# If the second question mark is not there in this test, put it there. The flags to grep ensure it
+# will behave correctly on both MacOS and Linux by requiring it to use only the POSIX "basic"
+# regular expression behavior.
+#
+
+if ! grep -GL 'node\.name?\.text?\.startsWith' "$TARGET" > /dev/null 2>&1; then
+patch --forward -V none --no-backup-if-mismatch -p0 $TARGET <<EOF
+--- a/packages/analyzer/src/features/analyse-phase/creators/handlers.js
++++ b/packages/analyzer/src/features/analyse-phase/creators/handlers.js
+@@ -34,7 +34,7 @@ export function handleModifiers(doc, node) {
+     }
+   });
+
+-  if (node.name?.text.startsWith('#')) {
++  if (node.name?.text?.startsWith('#')) {
+     doc.privacy = 'private';
+   }
+EOF
+fi

web/src/admin/AdminInterface/AdminInterface.ts

@@ -158,3 +158,9 @@ export class AdminInterface extends EnterpriseAwareInterface {
         ></ak-locale-context>`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-interface-admin": AdminInterface;
+    }
+}

web/src/admin/AdminInterface/AdminSidebar.ts

@@ -212,3 +212,9 @@ export class AkAdminSidebar extends WithCapabilitiesConfig(AKElement) {
             : nothing;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-sidebar": AkAdminSidebar;
+    }
+}

web/src/admin/DebugPage.ts

@@ -71,3 +71,9 @@ export class DebugPage extends AKElement {
         `;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-debug-page": DebugPage;
+    }
+}

web/src/admin/admin-overview/DashboardUserPage.ts

@@ -84,3 +84,9 @@ export class DashboardUserPage extends AKElement {
             </section> `;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-dashboard-users": DashboardUserPage;
+    }
+}

web/src/admin/admin-overview/TopApplicationsTable.ts

@@ -60,3 +60,9 @@ export class TopApplicationsTable extends AKElement {
         </table>`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-top-applications-table": TopApplicationsTable;
+    }
+}

web/src/admin/admin-overview/cards/RecentEventsCard.ts

@@ -91,3 +91,9 @@ export class RecentEventsCard extends Table<Event> {
         );
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-recent-events": RecentEventsCard;
+    }
+}

web/src/admin/admin-overview/cards/SystemStatusCard.ts

@@ -92,3 +92,9 @@ export class SystemStatusCard extends AdminStatusCard<SystemInfo> {
         return html`${this.statusSummary}`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-status-system": SystemStatusCard;
+    }
+}

web/src/admin/admin-overview/cards/VersionStatusCard.ts

@@ -59,3 +59,9 @@ export class VersionStatusCard extends AdminStatusCard<Version> {
         return html`<a href=${link} target="_blank">${text}</a>`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-status-version": VersionStatusCard;
+    }
+}

web/src/admin/admin-overview/cards/WorkerStatusCard.ts

@@ -37,3 +37,9 @@ export class WorkersStatusCard extends AdminStatusCard<number> {
         }
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-status-card-workers": WorkersStatusCard;
+    }
+}

web/src/admin/admin-overview/charts/AdminLoginAuthorizeChart.ts

@@ -65,3 +65,9 @@ export class AdminLoginAuthorizeChart extends AKChart<LoginMetrics> {
         };
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-charts-admin-login-authorization": AdminLoginAuthorizeChart;
+    }
+}

web/src/admin/admin-overview/charts/AdminModelPerDay.ts

@@ -51,3 +51,9 @@ export class AdminModelPerDay extends AKChart<Coordinate[]> {
         };
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-charts-admin-model-per-day": AdminModelPerDay;
+    }
+}

web/src/admin/admin-overview/charts/OutpostStatusChart.ts

@@ -73,3 +73,9 @@ export class OutpostStatusChart extends AKChart<SummarizedSyncStatus[]> {
         };
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-status-chart-outpost": OutpostStatusChart;
+    }
+}

web/src/admin/admin-overview/charts/SyncStatusChart.ts

@@ -145,3 +145,9 @@ export class SyncStatusChart extends AKChart<SummarizedSyncStatus[]> {
         };
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-status-chart-sync": SyncStatusChart;
+    }
+}

web/src/admin/admin-settings/AdminSettingsForm.ts

@@ -214,3 +214,9 @@ export class AdminSettingsForm extends Form<SettingsRequest> {
         `;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-settings-form": AdminSettingsForm;
+    }
+}

web/src/admin/admin-settings/AdminSettingsPage.ts

@@ -110,3 +110,9 @@ export class AdminSettingsPage extends AKElement {
         `;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-admin-settings": AdminSettingsPage;
+    }
+}

web/src/admin/applications/ApplicationAuthorizeChart.ts

@@ -44,3 +44,9 @@ export class ApplicationAuthorizeChart extends AKChart<Coordinate[]> {
         };
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-charts-application-authorize": ApplicationAuthorizeChart;
+    }
+}

web/src/admin/applications/ApplicationCheckAccessForm.ts

@@ -127,3 +127,9 @@ export class ApplicationCheckAccessForm extends Form<{ forUser: number }> {
             ${this.result ? this.renderResult() : html``}`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-check-access-form": ApplicationCheckAccessForm;
+    }
+}

web/src/admin/applications/ApplicationForm.ts

@@ -244,3 +244,9 @@ export class ApplicationForm extends WithCapabilitiesConfig(ModelForm<Applicatio
         </form>`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-form": ApplicationForm;
+    }
+}

web/src/admin/applications/ApplicationListPage.ts

@@ -168,3 +168,9 @@ export class ApplicationListPage extends TablePage<Application> {
         </ak-forms-modal>`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-list": ApplicationListPage;
+    }
+}

web/src/admin/applications/ApplicationViewPage.ts

@@ -322,3 +322,9 @@ export class ApplicationViewPage extends AKElement {
         </ak-tabs>`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-view": ApplicationViewPage;
+    }
+}

web/src/admin/applications/ApplicationWizardHint.ts

@@ -123,3 +123,9 @@ export class AkApplicationWizardHint extends AKElement implements ShowHintContro
 }
 
 export default AkApplicationWizardHint;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard-hint": AkApplicationWizardHint;
+    }
+}

web/src/admin/applications/ProviderSelectModal.ts

@@ -85,3 +85,9 @@ export class ProviderSelectModal extends TableModal<Provider> {
             </footer>`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-provider-select-table": ProviderSelectModal;
+    }
+}

web/src/admin/applications/components/ak-backchannel-input.ts

@@ -81,3 +81,9 @@ export class AkBackchannelProvidersInput extends AKElement {
         `;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-backchannel-providers-input": AkBackchannelProvidersInput;
+    }
+}

web/src/admin/applications/components/ak-provider-search-input.ts

@@ -79,3 +79,9 @@ export class AkProviderInput extends AKElement {
         </ak-form-element-horizontal>`;
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-provider-search-input": AkProviderInput;
+    }
+}

web/src/admin/applications/wizard/ak-application-wizard.ts

@@ -109,3 +109,9 @@ export class ApplicationWizard extends CustomListenerElement(
         this.requestUpdate();
     }
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard": ApplicationWizard;
+    }
+}

web/src/admin/applications/wizard/ak-wizard-title.ts

@@ -28,3 +28,9 @@ export class AkWizardTitle extends AKElement {
 }
 
 export default AkWizardTitle;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-wizard-title": AkWizardTitle;
+    }
+}

web/src/admin/applications/wizard/application/ak-application-wizard-application-details.ts

@@ -95,3 +95,9 @@ export class ApplicationWizardApplicationDetails extends BasePanel {
 }
 
 export default ApplicationWizardApplicationDetails;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard-application-details": ApplicationWizardApplicationDetails;
+    }
+}

web/src/admin/applications/wizard/auth-method-choice/ak-application-wizard-authentication-method-choice.ts

@@ -44,3 +44,9 @@ export class ApplicationWizardAuthenticationMethodChoice extends WithLicenseSumm
 }
 
 export default ApplicationWizardAuthenticationMethodChoice;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard-authentication-method-choice": ApplicationWizardAuthenticationMethodChoice;
+    }
+}

web/src/admin/applications/wizard/commit/ak-application-wizard-commit-application.ts

@@ -217,3 +217,9 @@ export class ApplicationWizardCommitApplication extends BasePanel {
 }
 
 export default ApplicationWizardCommitApplication;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard-commit-application": ApplicationWizardCommitApplication;
+    }
+}

web/src/admin/applications/wizard/methods/ak-application-wizard-authentication-method.ts

@@ -26,3 +26,9 @@ export class ApplicationWizardApplicationDetails extends BasePanel {
 }
 
 export default ApplicationWizardApplicationDetails;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard-authentication-method": ApplicationWizardApplicationDetails;
+    }
+}

web/src/admin/applications/wizard/methods/ldap/ak-application-wizard-authentication-by-ldap.ts

@@ -165,3 +165,9 @@ export class ApplicationWizardApplicationDetails extends WithBrandConfig(BasePro
 }
 
 export default ApplicationWizardApplicationDetails;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard-authentication-by-ldap": ApplicationWizardApplicationDetails;
+    }
+}

web/src/admin/applications/wizard/methods/oauth/ak-application-wizard-authentication-by-oauth.ts

@@ -321,3 +321,9 @@ export class ApplicationWizardAuthenticationByOauth extends BaseProviderPanel {
 }
 
 export default ApplicationWizardAuthenticationByOauth;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard-authentication-by-oauth": ApplicationWizardAuthenticationByOauth;
+    }
+}

web/src/admin/applications/wizard/methods/proxy/ak-application-wizard-authentication-for-forward-domain-proxy.ts

@@ -60,3 +60,9 @@ export class AkForwardDomainProxyApplicationWizardPage extends AkTypeProxyApplic
 }
 
 export default AkForwardDomainProxyApplicationWizardPage;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-application-wizard-authentication-for-forward-proxy-domain": AkForwardDomainProxyApplicationWizardPage;
+    }
+}