Support name spaced globals

cypress/e2e/plugins/0-mock-plugin-tests/single-plugin-test.cypress.js

@@ -18,7 +18,7 @@ const pluginFooViewMarkup = `
 {% block content %}
 {% include "foo.njk" %}
 <div id="test-foo-strong-filter">{{ 'abc' | foo__strong }}</div>
-<div id="test-foo-emphasize-function">{{ fooEmphasize('def') }}</div>
+<div id="test-foo-emphasize-function">{{ foo.styles.emphasize('def') }}</div>
 <div id="test-foo-field-macro">{{ fooField('pass', value='ghi') }}</div>
 {% endblock %}
 

cypress/fixtures/plugins/plugin-foo/functions.js

@@ -1,2 +1,2 @@
 const { addFunction } = require('govuk-prototype-kit').views
-addFunction('fooEmphasize', (content) => `<em>${content}</em>`, { renderAsHtml: true })
+addFunction('foo.styles.emphasize', (content) => `<em>${content}</em>`, { renderAsHtml: true })

lib/functions/api.js

@@ -20,7 +20,27 @@ function addGlobalToEnvironment (name, fn, config) {
       return new nunjucks.runtime.SafeString(html)
     }
   }
-  environment.addGlobal(name, fnToAdd)
+
+  if (!name.includes('.')) {
+    environment.addGlobal(name, fnToAdd)
+  } else {
+    const [key, ...rest] = name.split('.')
+    try {
+      environment.getGlobal(key)
+    } catch (err) {
+      environment.addGlobal(key, {})
+    }
+    rest.reduce((obj, next, index) => {
+      if (index < rest.length - 1) {
+        if (!obj[next]) {
+          obj[next] = {}
+        }
+        return obj[next]
+      }
+      obj[next] = fnToAdd
+      return null
+    }, environment.getGlobal(key))
+  }
 }
 
 function addFunction (name, fn, config) {