chore: add lit analyze and fix workflow

Author: syrosh

.github/workflows/pull-request.yml

@@ -17,12 +17,12 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
-      
+
       - name: Setup node
         uses: actions/setup-node@v4
-          with:
-            node-version: 20
-            cache: npm
+        with:
+          node-version: 20
+          cache: npm
 
       - name: Setup cache
         uses: actions/cache@v4
@@ -39,10 +39,13 @@ jobs:
         run: npm run lint
 
       - name: Test
-        run: npm test      
+        run: npm test
 
       - name: Build
         env:
+          VITE_APP_URL: pull-request
+          VITE_ROCKETCHAT_URL: pull-request
+          VITE_CODIMD_URL: pull-request
           VITE_GITLAB_CLIENT_ID: pull-request
           VITE_GITLAB_AUTHORITY: pull-request
         run: npm run build

.github/workflows/push-main.yml

@@ -45,9 +45,9 @@ jobs:
 
       - name: Setup node
         uses: actions/setup-node@v4
-          with:
-            node-version: 20
-            cache: npm
+        with:
+          node-version: 20
+          cache: npm
 
       - name: Setup cache
         uses: actions/cache@v4
@@ -64,12 +64,15 @@ jobs:
         run: npm run lint
 
       - name: Test
-        run: npm test      
+        run: npm test
 
       - name: Build
         env:
-          VITE_GITLAB_CLIENT_ID: pull-request
-          VITE_GITLAB_AUTHORITY: pull-request
+          VITE_APP_URL: main
+          VITE_ROCKETCHAT_URL: main
+          VITE_CODIMD_URL: main
+          VITE_GITLAB_CLIENT_ID: main
+          VITE_GITLAB_AUTHORITY: main
         run: npm run build
 
   release:

package-lock.json

@@ -76,6 +76,7 @@
     "stylelint": "16.6.1",
     "stylelint-config-recess-order": "5.0.1",
     "stylelint-config-standard": "36.0.0",
+    "ts-lit-plugin": "2.0.2",
     "tsx": "4.11.0",
     "typescript": "5.4.5",
     "typescript-eslint": "7.11.0",

package.json

@@ -116,6 +116,10 @@ export class AppShell extends LitElement {
   ]
 
   render() {
+    // https://github.com/runem/lit-analyzer/issues/239
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
+    const sandbox = 'allow-scripts allow-forms allow-popups' as any
+
     return html`<top-bar></top-bar>
       <main>
         <side-bar></side-bar>
@@ -126,7 +130,7 @@ export class AppShell extends LitElement {
       </main>
       <iframe
         ${ref(this.iframeRef)}
-        sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
+        sandbox=${sandbox}
         referrerpolicy="origin"
         src=${config.services.rocketChatUrl}
         id="chat"

src/app-shell.ts

@@ -1,5 +1,10 @@
 {
   "compilerOptions": {
+    "plugins": [
+      {
+        "name": "ts-lit-plugin"
+      }
+    ],
     /* Library */
     "target": "ESNext",
     "experimentalDecorators": true,