Add money filters

Author: felixmosh

shopify-dev-utils/convertToGlobalDataStructure.js

@@ -17,7 +17,12 @@ module.exports.convertToGlobalDataStructure = function convertToGlobalDataStruct
                 description: product.node.description,
                 handle: product.node.handle,
                 available: product.node.availableForSale,
-                price: product.node.priceRange,
+                price: product.node.priceRange.maxVariantPrice, // preserve the entire obj for money-* filters
+                price_max: product.node.priceRange.maxVariantPrice,
+                price_min: product.node.priceRange.minVariantPrice,
+                price_varies:
+                    +product.node.priceRange.maxVariantPrice.amount !==
+                    +product.node.priceRange.minVariantPrice,
                 url: `/products/${product.node.handle}`,
                 featured_image:
                     product.node.images.edges.length > 0

shopify-dev-utils/filters/money_with_currency.js

@@ -0,0 +1,13 @@
+module.exports.moneyWithCurrency = function moneyWithCurrency(price) {
+    if (!price.currencyCode || !price.amount) {
+        return '';
+    }
+
+    // the price that this object gets has 2 fields it is not the same value in "real" env,
+    // at real it should be only a number multiplied by 100
+    return new Intl.NumberFormat('en', {
+        style: 'currency',
+        currency: price.currencyCode,
+        maximumFractionDigits: 2,
+    }).format(price.amount);
+};

shopify-dev-utils/filters/money_without_trailing_zeros.js

@@ -0,0 +1,14 @@
+const { moneyWithCurrency } = require('./money_with_currency');
+
+module.exports.moneyWithoutTrailingZeros = function moneyWithoutTrailingZeros(price) {
+    // the price that this object gets has 2 fields it is not the same value in "real" env,
+    // at real it should be only a number multiplied by 100
+    const moneyWithCurrencyAndTrailingZeros = moneyWithCurrency(price);
+    return moneyWithCurrencyAndTrailingZeros.replace(
+        /([,.][^0]*(0+))\D*$/,
+        (match, group, zeros) => {
+            const cutSize = zeros.length > 1 ? zeros.length + 1 : zeros.length;
+            return match.replace(group, group.substring(0, group.length - cutSize));
+        }
+    );
+};

shopify-dev-utils/liquidDev.loader.js

@@ -2,6 +2,8 @@ const loaderUtils = require('loader-utils');
 const path = require('path');
 const { Liquid } = require('liquidjs');
 const glob = require('glob');
+const { moneyWithoutTrailingZeros } = require('./filters/money_without_trailing_zeros');
+const { moneyWithCurrency } = require('./filters/money_with_currency');
 const { within } = require('./filters/within');
 const { defaultPagination } = require('./filters/default_pagination');
 const { scriptTag } = require('./filters/script_tag');
@@ -40,6 +42,8 @@ function initEngine() {
             engine.registerFilter('script_tag', scriptTag);
             engine.registerFilter('default_pagination', defaultPagination);
             engine.registerFilter('within', within);
+            engine.registerFilter('money_with_currency', moneyWithCurrency);
+            engine.registerFilter('money_without_trailing_zeros', moneyWithoutTrailingZeros);
 
             engine.registerTag('paginate', Paginate);
             engine.plugin(liquidSectionTags());