shopify-accelerate-app 1.0.49 → 1.0.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shopify-accelerate-app",
-  "version": "1.0.49",
+  "version": "1.0.50",
   "description": "Shopify App development with full Typescript Support",
   "author": "Felix Tellmann",
   "license": "MIT",

package/src/scaffold-theme/generate-liquid-files.ts

@@ -267,8 +267,38 @@ export const generateLiquidFiles = (final?: boolean, cssOutput?: string) => {
     }
   };
 
+  function mergeLocales(base, overrides) {
+    const result = { ...base };
+
+    for (const key of Object.keys(overrides)) {
+      if (
+        key in result &&
+        typeof result[key] === "object" &&
+        result[key] !== null &&
+        typeof overrides[key] === "object" &&
+        overrides[key] !== null
+      ) {
+        result[key] = mergeLocales(result[key], overrides[key]);
+      } else {
+        result[key] = overrides[key];
+      }
+    }
+
+    return result;
+  }
+
+  const defaultSourceTranslations = JSON.parse(
+    fs.readFileSync(path.join(config.extension_path, `locales/en.default.json`), {
+      encoding: "utf-8",
+    }) ?? "{}"
+  );
+
   const translationsJs = `<script>
-  window.__listify_translations = ${JSON.stringify(transformTranslations(translations), undefined, 2)};
+  window.__listify_translations = ${JSON.stringify(
+    mergeLocales(transformTranslations(translations), defaultSourceTranslations),
+    undefined,
+    2
+  )};
 </script>
   `;
 
@@ -286,8 +316,8 @@ declare global {
 `;
 
   writeCompareFile(path.join(process.cwd(), extension_path, "locales", "en.default.json"), JSON.stringify(translations, undefined, 2));
-  // writeCompareFile(path.join(process.cwd(), extension_path, "snippets", "translations.liquid"), translationsJs);
-  // writeCompareFile(path.join(folders.snippets, "translations.liquid"), translationsJs);
+  writeCompareFile(path.join(process.cwd(), extension_path, "snippets", "translations.liquid"), translationsJs);
+  writeCompareFile(path.join(folders.snippets, "translations.liquid"), translationsJs);
   writeCompareFile(path.join(folders.types, "translations.ts"), translationTypes);
 
   const dynamicJsImports = [];