Set up app hydration

Author: dhruvkb

webpack/js/hydration.js

@@ -0,0 +1,37 @@
+export const hydrateAppWithData = () => {
+  window.skillSet = Array.from( // Convert back into an array
+      new Set( // Remove duplicates
+          Object.values(window.skills)
+              .flat() // Combine all skills
+              .map(skill => skill.split('/')[0]) // Keep only the prefix
+      )
+  )
+
+  window.className = {}
+  window.labels.groups.forEach(group => {
+    group.labels.forEach(label => {
+      let name = label.name
+      if (group.is_prefixed !== false) {
+        name = `${group.name}: ${name}`
+      }
+      if (label.has_emoji_name !== false) {
+        name = `${label.emoji} ${name}`
+      }
+      let styleName = label.color;
+      if (/^[A-Z]+$/.test(styleName)) {
+        styleName = `${group.name}-${styleName.toLocaleLowerCase()}`
+      } else {
+        styleName = group.name
+      }
+      window.className[name] = styleName
+    })
+  })
+  window.labels.standalone.forEach(label => {
+    let name = `${label.emoji} ${label.name}`
+    window.className[name] = 'miscellaneous'
+  })
+  window.skillSet.forEach(skill => {
+    let name = `💪 skill: ${skill.toLocaleLowerCase()}`
+    window.className[name] = 'skill'
+  })
+}