From d392695ab75ab48461cbfe42ba56ec1f0ccd5d8b Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Mon, 2 Mar 2020 16:55:16 +0100
Subject: [PATCH] Recreate translations when changed on dev (#5042)

---
 build-scripts/gulp/gather-static.js | 6 ++++++
 build-scripts/gulp/translations.js  | 7 ++++---
 build-scripts/gulp/webpack.js       | 7 ++++++-
 build-scripts/paths.js              | 2 ++
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/build-scripts/gulp/gather-static.js b/build-scripts/gulp/gather-static.js
index 17a1a87ae8..9c1d843567 100644
--- a/build-scripts/gulp/gather-static.js
+++ b/build-scripts/gulp/gather-static.js
@@ -65,6 +65,12 @@ function copyMapPanel(staticDir) {
   );
 }
 
+gulp.task("copy-translations", (done) => {
+  const staticDir = paths.static;
+  copyTranslations(staticDir);
+  done();
+});
+
 gulp.task("copy-static", (done) => {
   const staticDir = paths.static;
   const staticPath = genStaticPath(paths.static);
diff --git a/build-scripts/gulp/translations.js b/build-scripts/gulp/translations.js
index 80e2e72213..4b0d203448 100755
--- a/build-scripts/gulp/translations.js
+++ b/build-scripts/gulp/translations.js
@@ -12,6 +12,7 @@ const rename = require("gulp-rename");
 const transform = require("gulp-json-transform");
 const { mapFiles } = require("../util");
 const env = require("../env");
+const paths = require("../paths");
 
 const inDir = "translations";
 const workDir = "build-translations";
@@ -144,7 +145,7 @@ gulp.task(
   "create-test-translation",
   gulp.series("create-test-metadata", function createTestTranslation() {
     return gulp
-      .src("src/translations/en.json")
+      .src(path.join(paths.translations_src, "en.json"))
       .pipe(
         transform(function(data, file) {
           return recursiveEmpty(data);
@@ -166,7 +167,7 @@ gulp.task(
  */
 gulp.task("build-master-translation", function() {
   return gulp
-    .src("src/translations/en.json")
+    .src(path.join(paths.translations_src, "en.json"))
     .pipe(
       transform(function(data, file) {
         return lokaliseTransform(data, data, file);
@@ -341,7 +342,7 @@ gulp.task(
       return gulp
         .src(
           [
-            "src/translations/translationMetadata.json",
+            path.join(paths.translations_src, "translationMetadata.json"),
             workDir + "/testMetadata.json",
             workDir + "/translationFingerprints.json",
           ],
diff --git a/build-scripts/gulp/webpack.js b/build-scripts/gulp/webpack.js
index b6730f699d..f6769a8c83 100644
--- a/build-scripts/gulp/webpack.js
+++ b/build-scripts/gulp/webpack.js
@@ -3,6 +3,7 @@ const gulp = require("gulp");
 const webpack = require("webpack");
 const WebpackDevServer = require("webpack-dev-server");
 const log = require("fancy-log");
+const path = require("path");
 const paths = require("../paths");
 const {
   createAppConfig,
@@ -58,9 +59,13 @@ const handler = (done) => (err, stats) => {
 gulp.task("webpack-watch-app", () => {
   // we are not calling done, so this command will run forever
   webpack(createAppConfig({ isProdBuild: false, latestBuild: true })).watch(
-    {},
+    { ignored: /build-translations/ },
     handler()
   );
+  gulp.watch(
+    path.join(paths.translations_src, "en.json"),
+    gulp.series("build-translations", "copy-translations")
+  );
 });
 
 gulp.task(
diff --git a/build-scripts/paths.js b/build-scripts/paths.js
index f95395dca6..315cd554db 100644
--- a/build-scripts/paths.js
+++ b/build-scripts/paths.js
@@ -29,4 +29,6 @@ module.exports = {
   hassio_dir: path.resolve(__dirname, "../hassio"),
   hassio_root: path.resolve(__dirname, "../hassio/build"),
   hassio_publicPath: "/api/hassio/app/",
+
+  translations_src: path.resolve(__dirname, "../src/translations"),
 };