From 58464052997d3b3105d960d898cf6e21f085cfe5 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Thu, 15 Feb 2024 21:30:14 +0100
Subject: [PATCH] Disable HMR for now.

---
 frontend/src/app/pages/templates/TemplatesPage.tsx | 5 ++++-
 frontend/src/app/style/_templates.scss             | 5 +++++
 frontend/vite.config.mjs                           | 9 +++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/pages/templates/TemplatesPage.tsx b/frontend/src/app/pages/templates/TemplatesPage.tsx
index 989512cb..a9f75cfa 100644
--- a/frontend/src/app/pages/templates/TemplatesPage.tsx
+++ b/frontend/src/app/pages/templates/TemplatesPage.tsx
@@ -5,6 +5,7 @@
  * Copyright (c) Sebastian Stehle. All rights reserved.
  */
 
+import classNames from 'classnames';
 import * as React from 'react';
 import { useDispatch } from 'react-redux';
 import { useBoolean } from '@app/framework';
@@ -32,7 +33,9 @@ export const TemplatesPage = () => {
 
     return (
         <div className='templates'>
-            <TemplatesList onOpen={setIsOpen.on} />
+            <div className={classNames({ 'templates-selected': isOpen && !!template })}>
+                <TemplatesList onOpen={setIsOpen.on} />
+            </div>
 
             {isOpen &&
                 <TemplateForm language={language}
diff --git a/frontend/src/app/style/_templates.scss b/frontend/src/app/style/_templates.scss
index 2412e866..dc3efa32 100644
--- a/frontend/src/app/style/_templates.scss
+++ b/frontend/src/app/style/_templates.scss
@@ -5,6 +5,11 @@
     &-overview {
         max-width: 600px;
     }
+
+    &-selected {
+        opacity: .75;
+        pointer-events: none;
+    }
 }
 
 .preview-container {
diff --git a/frontend/vite.config.mjs b/frontend/vite.config.mjs
index 4039f0fc..e42c6faa 100644
--- a/frontend/vite.config.mjs
+++ b/frontend/vite.config.mjs
@@ -15,6 +15,14 @@ import mkcert from 'vite-plugin-mkcert';
 
 const dirName = fileURLToPath(new URL('.', import.meta.url));
 
+const fullReloadAlways = {
+    name: 'full-reload-always',
+    handleHotUpdate({ server }) {
+        server.ws.send({ type: 'full-reload' });
+        return [];
+    },
+};
+  
 // https://vitejs.dev/config/
 export default defineConfig({
     resolve: {
@@ -50,6 +58,7 @@ export default defineConfig({
             include: 'sdk/**/*.tsx',
         }),
         mkcert(),
+        fullReloadAlways,
     ],
 
     test: {