refactor: replaced hogan.js by handlebars (pattern-lab#1456)

* refactor: replaced hogan.js by handlebars

In an effort to keep our codebase up to date, we're replacing the much older hogan.js by handlebars

* chore: regenerated yarn.lock file

* chore: we don't need to pin that version

* chore: let's revert those for the moment

as they aren't as critical as the uikit-workshop package

Co-authored-by: Josef Bredreck <13408112+JosefBredereck@users.noreply.github.com>

Author: mfranzke

packages/uikit-workshop/package.json

@@ -63,9 +63,9 @@
     "express": "^4.17.1",
     "fg-loadjs": "^1.1.0",
     "fuse.js": "^6.4.6",
+    "handlebars": "^4.7.7",
     "hard-source-webpack-plugin-patch": "^0.13.3",
     "hasha": "^5.2.2",
-    "hogan.js": "^3.0.2",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^4.0.0-beta.11",
     "lit-element": "^2.2.1",

packages/uikit-workshop/src/scripts/components/panels-viewer.js

@@ -3,7 +3,7 @@
  */
 /* eslint-disable no-param-reassign, no-unused-vars */
 
-import Hogan from 'hogan.js';
+import Handlebars from 'handlebars';
 import pretty from 'pretty';
 import { html, render } from 'lit-html';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
@@ -175,7 +175,7 @@ export const panelsViewer = {
         } else {
           // vanilla render of pattern data
           template = document.getElementById(panel.templateID);
-          templateCompiled = Hogan.compile(template.innerHTML);
+          templateCompiled = Handlebars.compile(template.innerHTML);
           templateRendered = templateCompiled.render(patternData);
           const normalizedCode =
             normalizeWhitespace.normalize(templateRendered);
@@ -272,7 +272,7 @@ export const panelsViewer = {
       }
     }
 
-    // add *Exists attributes for Hogan templates
+    // add *Exists attributes for Handlebars templates
     // figure out if the description exists
     patternData.patternDescExists =
       patternData.patternDesc.length > 0 ||
@@ -304,7 +304,7 @@ export const panelsViewer = {
 
     // render all of the panels in the base panel template
     const template = document.querySelector('.pl-js-panel-template-base');
-    const templateCompiled = Hogan.compile(template.innerHTML);
+    const templateCompiled = Handlebars.compile(template.innerHTML);
     templateRendered = templateCompiled.render(patternData);
 
     // make sure templateRendered is modified to be an HTML element