docs(styleguidist): Add Set polyfill via polyfill.io

to fix an IE11 issue in styleguidist where the Panel Headers were not toggling
telus · Feb 5, 2018 · f94a711 · f94a711
1 parent 4c6ee5b
commit f94a711
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/config/styleguide.config.js b/config/styleguide.config.js
@@ -222,7 +222,10 @@ module.exports = {
     },
   ],
 
-  template: styleguidistEnv === 'production' ? path.resolve('docs/index.html') : undefined,
+  template:
+    styleguidistEnv === 'production'
+      ? path.resolve('docs/index.html')
+      : path.resolve('docs/dev-index.html'),
   assetsDir: path.resolve('docs/assets/'),
   styleguideDir: getStyleguideDir(),
   require: [path.resolve('src/scss/global.scss'), path.resolve('docs/scss/styleguide.scss')],

diff --git a/docs/dev-index.html b/docs/dev-index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title><%=htmlWebpackPlugin.options.title%></title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="favicon" href="/favicon.ico">
+  <script>
+    window.dataLayer = {
+      page: {
+        name: '<%=htmlWebpackPlugin.options.title%>'
+      }
+    };
+  </script>
+  <script src="//cdn.polyfill.io/v2/polyfill.min.js?features=Set"></script>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="text/javascript">_satellite.pageBottom();</script>
+</body>
+</html>
diff --git a/docs/index.html b/docs/index.html
@@ -12,6 +12,7 @@
       }
     };
   </script>
+  <script src="//cdn.polyfill.io/v2/polyfill.min.js?features=Set"></script>
   <script src="//assets.adobedtm.com/6462022b939758565769298a6393ed7a46ee6817/satelliteLib-1a62f312773f2a4b9eaa85dbf0ec0bb49095fd2e.js"></script>
 </head>
 <body>