vite-plugin-twig-drupal 1.1.0 → 1.2.1

package/.github/workflows/node.js.yml

@@ -10,6 +10,7 @@ jobs:
     strategy:
       matrix:
         node: [18, 20]
+        vite: [4, 5]
     runs-on: ubuntu-latest
     steps:
       - name: 🛑 Cancel Previous Runs
@@ -28,6 +29,9 @@ jobs:
         with:
           useLockFile: false
 
+      - name: ⚡️ Setup vite
+        run: npm install vite@${{ matrix.vite }}
+
       - name: 🧹 Linting
         run: npm run lint
 

package/README.md

@@ -90,7 +90,17 @@ export default defineConfig({
       },
       // Optional if you are using React storybook renderer. The default is 'html' and works with storybook's html
       // renderer.
-      // framework: 'react' 
+      // framework: 'react'
+      functions: {
+        // You can add custom functions - each is a function that is passed the active Twig instance and should call
+        // e.g. extendFunction to register a function
+        reverse: (twigInstance) => twigInstance.extendFunction("reverse", () => (text) => text.split(' ').reverse().join(' ')),
+      },
+      globalContext: {
+        // Global variables that should be present in all templates.
+        active_theme: 'my_super_theme',
+        is_front_page: false,
+      },
     }),
     // Other vite plugins.
   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-twig-drupal",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Provides a ⚡️ Vite plugin to transform 🌱 Twig into HTML with a 💧 Drupal flavour",
   "keywords": [
     "Vite",
@@ -31,12 +31,12 @@
     "twig": "^1.16.0"
   },
   "peerDependencies": {
-    "vite": "^4.4.11"
+    "vite": "^4.4.11 || ^5"
   },
   "devDependencies": {
     "prettier": "^3.0.3",
     "semantic-release": "^22.0.5",
-    "vite": "^4.4.11",
+    "vite": "^4.4.11 || ^ 5",
     "vitest": "^0.34.6"
   }
 }

package/src/index.js

@@ -194,6 +194,8 @@ const plugin = (options = {}) => {
 
         ${functions}
 
+        addDrupalExtensions(Twig);
+        
         // Disable caching.
         Twig.cache(false);
 

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

@@ -1,5 +1,10 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`Basic smoke test > Should recognise default Drupal functions 1`] = `
+"
+<p>Functions work</p>"
+`;
+
 exports[`Basic smoke test > Should support global context and functions 1`] = `
 "<section>
   <h1>Include</h1>

package/tests/fixtures/drupal-functions.twig

@@ -0,0 +1,2 @@
+{{ attach_library('drupal/library') }}
+<p>Functions work</p>

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 drupalFunctions from "../dist/drupalFunctions.js"
 import Menu from "../dist/menu.js"
 import { describe, expect, it } from "vitest"
 
@@ -35,4 +36,9 @@ describe("Basic smoke test", () => {
     expect(markup).toContain("Nested include")
     expect(markup).toContain("IT WORKS!")
   })
+  it("Should recognise default Drupal functions", () => {
+    const markup = drupalFunctions()
+    expect(markup).toMatchSnapshot()
+    expect(markup).toContain("Functions work")
+  })
 })

package/vite.config.js

@@ -11,6 +11,10 @@ export default defineConfig({
         error: resolve(__dirname, "tests/fixtures/error.twig"),
         menu: resolve(__dirname, "tests/fixtures/menu.twig"),
         errorInclude: resolve(__dirname, "tests/fixtures/error-include.twig"),
+        drupalFunctions: resolve(
+          __dirname,
+          "tests/fixtures/drupal-functions.twig"
+        ),
       },
       name: "vite-plugin-twig-drupal",
       fileName: (_, entry) => `${entry}.js`,