vite-plugin-twig-drupal 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-twig-drupal",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Provides a ⚡️ Vite plugin to transform 🌱 Twig into HTML with a 💧 Drupal flavour",
   "keywords": [
     "Vite",

package/src/index.js

@@ -18,6 +18,7 @@ const includeTokenTypes = [
   "Twig.logic.type.embed",
   "Twig.logic.type.include",
   "Twig.logic.type.extends",
+  "Twig.logic.type.import",
 ]
 
 const pluckIncludes = (tokens) => {
@@ -136,6 +137,7 @@ const plugin = (options = {}) => {
           }
           includes.forEach(processIncludes)
           embed = includes
+            .filter((template) => template !== "_self")
             .map(
               (template) =>
                 `import '${resolve(

package/tests/__snapshots__/smoke.test.js.snap

@@ -23,6 +23,23 @@ exports[`Basic smoke test > Should support includes 1`] = `
 "
 `;
 
+exports[`Basic smoke test > Should support macros 1`] = `
+"<ul>
+      <li><a href=\\"/home\\">Home</a>
+      </li>
+
+      <li><a href=\\"/about\\">About</a>
+          <ul>
+                      <li><a href=\\"/contact\\">Contact</a>
+      </li>
+
+              </ul>
+      </li>
+
+</ul>
+"
+`;
+
 exports[`Basic smoke test > Should support variables 1`] = `
 "<section>
   <h1>Include</h1>

package/tests/fixtures/macro.twig

@@ -0,0 +1,12 @@
+{% macro menu_link(title, href, children = []) %}
+  {% import _self as navigation %}
+  <li><a href="{{ href }}">{{ title }}</a>
+    {% if children|length %}
+      <ul>
+        {% for child in children %}
+          {{ navigation.menu_link(child.title, child.href) }}
+        {% endfor %}
+      </ul>
+    {% endif %}
+  </li>
+{% endmacro %}

package/tests/fixtures/menu.twig

@@ -0,0 +1,7 @@
+{% import "@tests/macro.twig" as navigation %}
+<ul>
+  {{ navigation.menu_link('Home', '/home') }}
+  {{ navigation.menu_link('About', '/about', [
+    { title: 'Contact', href: '/contact'}
+  ]) }}
+</ul>

package/tests/smoke.test.js

@@ -1,6 +1,7 @@
 import Markup from "../dist/test.js"
 import Error from "../dist/error.js"
 import ErrorInclude from "../dist/errorInclude.js"
+import Menu from "../dist/menu.js"
 import { describe, expect, it } from "vitest"
 
 describe("Basic smoke test", () => {
@@ -22,4 +23,9 @@ describe("Basic smoke test", () => {
     const error = ErrorInclude()
     expect(error).toContain("An error occurred")
   })
+  it("Should support macros", () => {
+    const markup = Menu()
+    expect(markup).toContain("Contact")
+    expect(markup).toMatchSnapshot()
+  })
 })

package/vite.config.js

@@ -9,6 +9,7 @@ export default defineConfig({
       entry: {
         test: resolve(__dirname, "tests/fixtures/mockup.twig"),
         error: resolve(__dirname, "tests/fixtures/error.twig"),
+        menu: resolve(__dirname, "tests/fixtures/menu.twig"),
         errorInclude: resolve(__dirname, "tests/fixtures/error-include.twig"),
       },
       name: "vite-plugin-twig-drupal",