From d22eac9f357a81fc7863d4af131dd7985a79c98e Mon Sep 17 00:00:00 2001
From: d98762625 <d98762625@gmail.com>
Date: Mon, 11 Feb 2019 14:29:29 +0000
Subject: [PATCH] WIP getting prod working with minicss webpack plugin

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

diff --git a/Gruntfile.js b/Gruntfile.js
index dd890982..0f6208c8 100755
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -194,7 +194,8 @@ module.exports = function (grunt) {
                         sitemap: "./src/web/static/sitemap.js"
                     }, moduleEntryPoints),
                     output: {
-                        path: __dirname + "/build/prod"
+                        path: __dirname + "/build/prod",
+                        globalObject: "this"
                     },
                     resolve: {
                         alias: {
diff --git a/src/web/RecipeWaiter.mjs b/src/web/RecipeWaiter.mjs
index 2b0b0a05..d12005b6 100755
--- a/src/web/RecipeWaiter.mjs
+++ b/src/web/RecipeWaiter.mjs
@@ -8,6 +8,8 @@ import HTMLOperation from "./HTMLOperation";
 import Sortable from "sortablejs";
 import Utils from "../core/Utils";
 
+/*eslint no-console: ["off"] */
+
 
 /**
  * Waiter to handle events related to the recipe.
@@ -561,20 +563,35 @@ class RecipeWaiter {
             this.ingredientChildRuleID = null;
 
             // Find relevant rules in the stylesheet
-            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;
+            // 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;
+                    }
                 }
             }
+            // } 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;
 
-        const ingredientRule = document.styleSheets[0].cssRules[this.ingredientRuleID],
+        // 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);
+        // }
 
         if (recList.clientWidth < 450) {
             ingredientRule.style.gridTemplateColumns = "auto auto";