Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/material-ui/es/styles/createGenerateClassName.js

@@ -1,18 +1,25 @@
 import warning from 'warning';
 
-
 let generatorCounter = 0;
 
 // Returns a function which generates unique class names based on counters.
 // When new generator function is created, rule counter is reset.
 // We need to reset the rule counter for SSR for each request.
 //
-// It's an improved version of
+// It's inspired by
 // https://github.com/cssinjs/jss/blob/4e6a05dd3f7b6572fdd3ab216861d9e446c20331/src/utils/createGenerateClassName.js
-export default function createGenerateClassName() {
+export default function createGenerateClassName(options = {}) {
+  const { dangerouslyUseGlobalCSS = false, productionPrefix = 'jss' } = options;
+  const escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
   let ruleCounter = 0;
 
-  if (process.env.NODE_ENV === 'production' && typeof window !== 'undefined') {
+  // - HMR can lead to many class name generators being instantiated,
+  // so the warning is only triggered in production.
+  // - We expect a class name generator to be instantiated per new request on the server,
+  // so the warning is only triggered client side.
+  // - You can get away with having multiple class name generators
+  // by modifying the `productionPrefix`.
+  if (process.env.NODE_ENV === 'production' && typeof window !== 'undefined' && productionPrefix === 'jss') {
     generatorCounter += 1;
 
     if (generatorCounter > 2) {
@@ -21,21 +28,43 @@ export default function createGenerateClassName() {
     }
   }
 
-  return (rule, sheet) => {
+  return (rule, styleSheet) => {
     ruleCounter += 1;
-    warning(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join(''));
+    process.env.NODE_ENV !== "production" ? warning(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join('')) : void 0;
 
-    if (process.env.NODE_ENV === 'production') {
-      return `c${ruleCounter}`;
+    // Code branch the whole block at the expense of more code.
+    if (dangerouslyUseGlobalCSS) {
+      if (styleSheet && styleSheet.options.classNamePrefix) {
+        let prefix = styleSheet.options.classNamePrefix;
+        // Sanitize the string as will be used to prefix the generated class name.
+        prefix = prefix.replace(escapeRegex, '-');
+
+        if (prefix.match(/^Mui/)) {
+          return `${prefix}-${rule.key}`;
+        }
+
+        if (process.env.NODE_ENV !== 'production') {
+          return `${prefix}-${rule.key}-${ruleCounter}`;
+        }
+      }
+
+      if (process.env.NODE_ENV === 'production') {
+        return `${productionPrefix}${ruleCounter}`;
+      }
+
+      return `${rule.key}-${ruleCounter}`;
     }
 
-    if (sheet && sheet.options.meta) {
-      let meta = sheet.options.meta;
-      // Sanitize the string as will be used in development to prefix the generated
-      // class name.
-      meta = meta.replace(new RegExp(/[!"#$%&'()*+,./:; <=>?@[\\\]^`{|}~]/g), '-');
+    if (process.env.NODE_ENV === 'production') {
+      return `${productionPrefix}${ruleCounter}`;
+    }
 
-      return `${meta}-${rule.key}-${ruleCounter}`;
+    if (styleSheet && styleSheet.options.classNamePrefix) {
+      let prefix = styleSheet.options.classNamePrefix;
+      // Sanitize the string as will be used to prefix the generated class name.
+      prefix = prefix.replace(escapeRegex, '-');
+
+      return `${prefix}-${rule.key}-${ruleCounter}`;
     }
 
     return `${rule.key}-${ruleCounter}`;