refactor: refactor pattern name logic out of styleguide.js's jQuery soup

Author: bolt-bot

packages/uikit-workshop/src/scripts/components/styleguide.js

@@ -4,7 +4,7 @@
 
 import $ from 'jquery';
 import Mousetrap from 'mousetrap';
-import { urlHandler, DataSaver } from '../utils';
+import { urlHandler, DataSaver, patternName } from '../utils';
 
 (function(w) {
   let sw = document.body.clientWidth; //Viewport Width
@@ -523,17 +523,8 @@ import { urlHandler, DataSaver } from '../utils';
     '//' +
     window.location.host +
     window.location.pathname.replace('index.html', '');
-  let patternName =
-    window.config.defaultPattern !== undefined &&
-    typeof window.config.defaultPattern === 'string' &&
-    window.config.defaultPattern.trim().length > 0
-      ? window.config.defaultPattern
-      : 'all';
   let iFramePath =
     baseIframePath + 'styleguide/html/styleguide.html?' + Date.now();
-  if (oGetVars.p !== undefined || oGetVars.pattern !== undefined) {
-    patternName = oGetVars.p !== undefined ? oGetVars.p : oGetVars.pattern;
-  }
 
   if (patternName !== 'all') {
     const patternPath = urlHandler.getFileName(patternName);

packages/uikit-workshop/src/scripts/utils/index.js

@@ -7,3 +7,4 @@ export { css } from './css';
 export { extend } from './extend';
 export { supportsShadowDom } from './supports-shadow-dom';
 export { targetOrigin } from './get-target-origin';
+export { patternName } from './pattern-name';

packages/uikit-workshop/src/scripts/utils/pattern-name.js

@@ -0,0 +1,21 @@
+import { urlHandler } from '../utils';
+
+let patternName = '';
+
+if (window.config) {
+  patternName =
+    window.config.defaultPattern !== undefined &&
+    typeof window.config.defaultPattern === 'string' &&
+    window.config.defaultPattern.trim().length > 0
+      ? window.config.defaultPattern
+      : 'all';
+
+  // get the request vars
+  const oGetVars = urlHandler.getRequestVars();
+
+  if (oGetVars.p !== undefined || oGetVars.pattern !== undefined) {
+    patternName = oGetVars.p !== undefined ? oGetVars.p : oGetVars.pattern;
+  }
+}
+
+export { patternName };