stackitcloud
diff --git a/‎README.md‎
Lines changed: 2 additions & 0 deletions b/‎README.md‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎Tiltfile‎
Lines changed: 21 additions & 4 deletions b/‎Tiltfile‎
Lines changed: 21 additions & 4 deletions
diff --git a/‎eslint.config.mjs‎
Lines changed: 6 additions & 0 deletions b/‎eslint.config.mjs‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎package-lock.json‎
Lines changed: 14 additions & 33 deletions b/‎package-lock.json‎
Lines changed: 14 additions & 33 deletions
diff --git a/‎services/frontend/.dockerignore‎
Lines changed: 3 additions & 0 deletions b/‎services/frontend/.dockerignore‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎services/frontend/.eslintignore‎
Lines changed: 0 additions & 1 deletion b/‎services/frontend/.eslintignore‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎services/frontend/.eslintrc.cjs‎
Lines changed: 70 additions & 0 deletions b/‎services/frontend/.eslintrc.cjs‎
Lines changed: 70 additions & 0 deletions
diff --git a/‎services/frontend/.eslintrc.json‎
Lines changed: 4 additions & 41 deletions b/‎services/frontend/.eslintrc.json‎
Lines changed: 4 additions & 41 deletions
diff --git a/‎services/frontend/README.md‎
Lines changed: 11 additions & 0 deletions b/‎services/frontend/README.md‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎services/frontend/apps/admin-app/.eslintrc.json‎
Lines changed: 2 additions & 15 deletions b/‎services/frontend/apps/admin-app/.eslintrc.json‎
Lines changed: 2 additions & 15 deletions
@@ -238,6 +238,8 @@ The *Tilt* UI is available at [http://localhost:10350/](http://localhost:10350/)
 
 If you want to access *Qdrant* etc. just click the resource in the UI. In the upper corner will be the link, to access the resource.
 
+>  📝 NOTE: For frontend live updates with Tilt see [Frontend live updates with Tilt](./services/frontend/README.md#live-updates-with-tilt)
+
 To enable debugging, start tilt with the following command:
 
 ```shell
 
@@ -163,7 +163,11 @@ docker_build(
         sync(core_library_context+"/rag-core-lib", "/app/libs/rag-core-lib"),
     ],
     dockerfile=backend_context + "/Dockerfile",
-    ignore=["infrastructure/"],
+    ignore=[
+        "infrastructure/",
+        "services/frontend/.nx/",
+        "services/frontend/tmp/",
+    ],
 )
 
 # Add linter trigger
@@ -203,7 +207,11 @@ docker_build(
         sync(mcp_context, "/app/services/mcp-server"),
     ],
     dockerfile=mcp_context + "/Dockerfile",
-    ignore=["infrastructure/"],
+    ignore=[
+        "infrastructure/",
+        "services/frontend/.nx/",
+        "services/frontend/tmp/",
+    ],
 )
 
 # Add linter trigger
@@ -317,7 +325,12 @@ docker_build(
     frontend_image_name,
     ".",
     dockerfile="./services/frontend/apps/chat-app/Dockerfile",
-    live_update=[sync("./services/frontend", "/usr/src/app")],
+    # Sync only built assets into the writable Nginx html volume.
+    # Avoid syncing sources/.nx into read-only paths in the runtime image.
+    live_update=[
+        sync("./services/frontend/dist/apps/chat-app", "/usr/share/nginx/html"),
+        sync("./services/frontend/dist/libs", "/usr/share/nginx/html/libs"),
+    ],
     ignore=["infrastructure/"],
 )
 
@@ -331,7 +344,11 @@ docker_build(
     adminfrontend_image_name,
     ".",
     dockerfile="services/frontend/apps/admin-app/Dockerfile",
-    live_update=[sync("./services/frontend", "/usr/src/app")],
+    # Sync only built assets into the writable Nginx html volume.
+    live_update=[
+        sync("./services/frontend/dist/apps/admin-app", "/usr/share/nginx/html"),
+        sync("./services/frontend/dist/libs", "/usr/share/nginx/html/libs"),
+    ],
     ignore=["infrastructure/"],
 )
 
 
@@ -0,0 +1,6 @@
+// Root ESLint flat config
+// Delegate to the frontend flat config by re-exporting it directly so Nx (running from repo root)
+// picks up the correct Vue + TypeScript parsers and rules.
+import frontendConfig from './services/frontend/eslint.config.mjs'
+
+export default frontendConfig
@@ -1 +1,4 @@
 node_modules
+.nx
+dist
+coverage
@@ -0,0 +1,70 @@
+/* Classic ESLint config for Nx executor compatibility (ESLint 8/9)
+ * Mirrors the flat config to ensure proper parsing of TS and Vue files
+ */
+
+module.exports = {
+  root: true,
+  ignorePatterns: ['dist', 'coverage', 'node_modules'],
+  overrides: [
+    // TypeScript & JavaScript files
+    {
+      files: ['**/*.{ts,tsx,js,cjs,mjs,mts,cts}'],
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        project: null,
+        tsconfigRootDir: __dirname,
+      },
+      plugins: ['@typescript-eslint', '@nx'],
+      extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
+      rules: {
+        'no-undef': 'off',
+        '@nx/enforce-module-boundaries': [
+          'error',
+          {
+            enforceBuildableLibDependency: true,
+            allow: [],
+            depConstraints: [
+              {
+                sourceTag: '*',
+                onlyDependOnLibsWithTags: ['*'],
+              },
+            ],
+          },
+        ],
+      },
+    },
+
+    // Vue Single File Components
+    {
+      files: ['**/*.vue'],
+      parser: 'vue-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        extraFileExtensions: ['.vue'],
+      },
+      plugins: ['vue', '@typescript-eslint'],
+      extends: ['plugin:vue/vue3-recommended', 'plugin:@typescript-eslint/recommended'],
+      rules: {
+        'vue/multi-word-component-names': 'off',
+      },
+      env: {
+        'vue/setup-compiler-macros': true,
+      },
+    },
+
+    // Declaration files
+    {
+      files: ['**/*.d.ts'],
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+      rules: {},
+    },
+  ],
+}
@@ -1,43 +1,6 @@
 {
-    "root": true,
-    "ignorePatterns": ["**/*"],
-    "plugins": ["@nx"],
-    "overrides": [
-        {
-            "files": ["*.ts", "*.tsx", "*.js", "*.jsx", "*.vue"],
-            "rules": {
-                "@nx/enforce-module-boundaries": [
-                    "error",
-                    {
-                        "enforceBuildableLibDependency": true,
-                        "allow": [],
-                        "depConstraints": [
-                            {
-                                "sourceTag": "*",
-                                "onlyDependOnLibsWithTags": ["*"]
-                            }
-                        ]
-                    }
-                ]
-            }
-        },
-        {
-            "files": ["*.ts", "*.tsx"],
-            "extends": ["plugin:@nx/typescript"],
-            "rules": {}
-        },
-        {
-            "files": ["*.js", "*.jsx"],
-            "extends": ["plugin:@nx/javascript"],
-            "rules": {}
-        },
-        {
-            "files": ["*.vue"],
-            "extends": [
-                "plugin:vue/vue3-essential",
-                "@vue/eslint-config-typescript"
-            ],
-            "rules": {}
-        }
-    ]
+  // Legacy .eslintrc placeholder — actual config is in eslint.config.mjs (ESLint 9 flat config)
+  "root": true,
+  // Do NOT ignore everything; let flat config handle files
+  "ignorePatterns": []
 }
@@ -20,6 +20,7 @@ Seperated in 2 appilcations `chat-app` and `admin-app`
 ## How to run it
 
 ### Prepare
+
 - Node : Version >22.12.0
 - Fomatter : Vue-Official & Basic Ts formatter
 
@@ -40,6 +41,16 @@ npx nx serve chat-app:serve
 npx nx serve admin-app:serve
 ```
 
+### Live updates with Tilt
+
+When running via Tilt, the frontend containers use Nginx and Tilt syncs the built assets (Vite `dist/`) directly into `/usr/share/nginx/html` inside the pod. For live updates while editing code, run a build in watch mode and Tilt will sync changes automatically:
+
+```bash
+# From services/frontend
+npx nx run admin-app:build --watch
+npx nx run chat-app:build --watch
+```
+
 ### Test
 
 To run unit test, you can run this command at the root of your workspace.
 
@@ -1,17 +1,4 @@
 {
-    "extends": [
-        "plugin:vue/vue3-essential",
-        "eslint:recommended",
-        "@vue/eslint-config-typescript",
-        "../../.eslintrc.json"
-    ],
-    "ignorePatterns": ["!**/*"],
-    "overrides": [
-        {
-            "files": ["*.ts", "*.tsx", "*.js", "*.jsx", "*.vue"],
-            "rules": {
-                "vue/multi-word-component-names": "off"
-            }
-        }
-    ]
+  "extends": ["../../.eslintrc.cjs"],
+  "ignorePatterns": ["!**/*"]
 }
-Original file line number
+Diff line change
@@ @@ -1 +1,4 @@ @@
 node_modules
 +.nx
 +dist
 +coverage