add 'work in progress' warning in production

customcommander · Sep 8, 2024 · 3339983 · 3339983
1 parent bdb600f
commit 3339983
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/component-footer.js b/src/component-footer.js
@@ -1,6 +1,12 @@
-import {LitElement, html} from 'lit';
+import {LitElement, html, css} from 'lit';
+import {when} from 'lit/directives/when.js';
 
 class AgricolaFooter extends LitElement {
+  static styles = css`
+    #warning {
+      color: red;
+    }
+  `;
 
   constructor() {
     super();
@@ -9,7 +15,11 @@ class AgricolaFooter extends LitElement {
 
   render() {
     return html`
-      <div>Version: ${VERSION}</div>
+      <div>
+        Version: ${VERSION}
+        ${when(PRODUCTION,
+          () => html`<strong id="warning">This game is not ready yet! Work in progress...</strong>`)}
+      </div>
     `;
   }
 }

diff --git a/webpack.config.js b/webpack.config.js
@@ -29,7 +29,8 @@ export default function webpack_config(env, argv) {
       }),
       new webpack.DefinePlugin({
         // version is injected during production build. see deploy.yml
-        VERSION: JSON.stringify(env.version ?? 'dev')
+        VERSION: JSON.stringify(env.version ?? 'dev'),
+        PRODUCTION: env.production === true,
       }),
     ]
   };