Support passing a root

README.md

@@ -145,7 +145,14 @@ describe('Accordion toggling', () => {
     // Namespace support
     {
       'my_namespace': './some/path'
-    });
+    },
+    // Callback support
+    (Twig) => {
+      // Do something with Twig here.
+    },
+    // Template root folder support.
+    '/path/to/where/templates/live'
+    );
     const accordionElement = container.querySelector('.accordion');
     const accordion = new Accordion.Accordion(accordionElement);
     accordion.init();

src/index.js

@@ -14,7 +14,8 @@ async function render(
   twigFile,
   context = {},
   namespaces = {},
-  twigCallback = () => {}
+  twigCallback = () => {},
+  root = ''
 ) {
   const baseElement = document.body
   const container = baseElement.appendChild(document.createElement("div"))
@@ -23,7 +24,7 @@ async function render(
   mountedContainers.add(container)
   twigCallback(Twig)
 
-  container.innerHTML = await loadTemplate(twigFile, context, namespaces)
+  container.innerHTML = await loadTemplate(twigFile, context, namespaces, root)
 
   return {
     container,
@@ -38,7 +39,7 @@ async function render(
   }
 }
 
-const loadTemplate = async (file, context = {}, namespaces) => {
+const loadTemplate = async (file, context = {}, namespaces, root) => {
   Twig.registryReset = () => {
     Twig.Templates.registry = {}
   }
@@ -80,7 +81,7 @@ const loadTemplate = async (file, context = {}, namespaces) => {
     })
   }
   return Twig.twigAsync({
-    path: file,
+    path: root ? `${root}/${file}` : file,
   }).then((template) => {
     if (!context.hasOwnProperty("attributes")) {
       context.attributes = new DrupalAttribute()

tests/fixtures/bar.twig

@@ -0,0 +1 @@
+Hey there :wave:

tests/fixtures/foo.twig

@@ -0,0 +1 @@
+{% include "bar.twig" %}

tests/index.js

@@ -74,4 +74,10 @@ describe('Test library by testing an accordion', () => {
     const accordionElement = container.querySelector('.accordion');
     expect(accordionElement.dataset.foo).toEqual('bar');
   });
+
+  it('Can nominate a root', async () => {
+    const { getByText } = await render('foo.twig',
+      {}, {}, () => {}, './tests/fixtures');
+    expect(getByText('Hey there :wave:')).toBeTruthy();
+  });
 });