From a7a2fe243adbbd7c7bfee0b4ade564148c9ccd22 Mon Sep 17 00:00:00 2001
From: d98762625 <d98762625@gmail.com>
Date: Mon, 11 Feb 2019 15:40:18 +0000
Subject: [PATCH] prod working with mini css webpack plugin

---
 Gruntfile.js             |  3 +++
 src/web/RecipeWaiter.mjs | 31 ++++++++-----------------------
 2 files changed, 11 insertions(+), 23 deletions(-)

diff --git a/Gruntfile.js b/Gruntfile.js
index 0f6208c..4a7bb99 100755
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -300,6 +300,9 @@ module.exports = function (grunt) {
                             "./config/modules/OpModules": "./config/modules/Default"
                         }
                     },
+                    output: {
+                        globalObject: "this",
+                    },
                     plugins: [
                         new webpack.DefinePlugin(BUILD_CONSTANTS),
                         new HtmlWebpackPlugin({
diff --git a/src/web/RecipeWaiter.mjs b/src/web/RecipeWaiter.mjs
index d12005b..e533b17 100755
--- a/src/web/RecipeWaiter.mjs
+++ b/src/web/RecipeWaiter.mjs
@@ -563,35 +563,20 @@ class RecipeWaiter {
             this.ingredientChildRuleID = null;
 
             // Find relevant rules in the stylesheet
-            // try {
-            if (document.styleSheets[0].hasOwnProperty("cssRules")) {
-                for (const i in document.styleSheets[0].cssRules) {
-                    if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients") {
-                        this.ingredientRuleID = i;
-                    }
-                    if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients > div") {
-                        this.ingredientChildRuleID = i;
-                    }
+            for (const i in document.styleSheets[0].cssRules) {
+                if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients") {
+                    this.ingredientRuleID = i;
+                }
+                if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients > div") {
+                    this.ingredientChildRuleID = i;
                 }
             }
-            // } catch (e) {
-            //     console.log(e.constructor);
-            //     console.warn("Can't read the css rules of: " + document.styleSheets[0], e);
-            // }
         }
 
         if (!this.ingredientRuleID || !this.ingredientChildRuleID) return;
-        let ingredientRule, ingredientChildRule;
 
-        // Chrome 64+
-        // try {
-        if (document.styleSheets[0].hasOwnProperty("cssRules")) {
-            ingredientRule = document.styleSheets[0].cssRules[this.ingredientRuleID];
-            ingredientChildRule = document.styleSheets[0].cssRules[this.ingredientChildRuleID];
-        }
-        // } catch (e) {
-        //     console.warn("Can't read the css rules of: " + document.styleSheets[0], e);
-        // }
+        const ingredientRule = document.styleSheets[0].cssRules[this.ingredientRuleID];
+        const ingredientChildRule = document.styleSheets[0].cssRules[this.ingredientChildRuleID];
 
         if (recList.clientWidth < 450) {
             ingredientRule.style.gridTemplateColumns = "auto auto";