vite-plugin-twig-drupal 1.0.0 → 1.0.1

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

@@ -9,7 +9,7 @@ jobs:
   main:
     strategy:
       matrix:
-        node: [16, 18]
+        node: [18, 20]
     runs-on: ubuntu-latest
     steps:
       - name: 🛑 Cancel Previous Runs

package/README.md

@@ -77,7 +77,7 @@ You then need to configure your vite.config.js.
 
 ```javascript
 import { defineConfig } from "vite"
-import twig from "./src/index.js"
+import twig from 'vite-plugin-twig-drupal';
 import { join } from "node:path"
 
 export default defineConfig({
@@ -104,7 +104,7 @@ With this config in place you should be able to import twig files into your stor
 ```javascript
 // stories/Button.stories.js
 
-// Button will be a Javascript function that excepts variables for the twig template.
+// Button will be a Javascript function that accepts variables for the twig template.
 import Button from './button.twig';
 
 // Import stylesheets, this could be a sass or postcss file too.
@@ -149,7 +149,6 @@ export const ButtonStrip = {
 
 
 ```
-- Refer to the [Dom testing library docs](https://testing-library.com/docs/dom-testing-library/example-intro), we're really just adding the ability to render twig templates on top of that.
 
 ## Issues
 

package/package.json

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

package/src/index.js

@@ -64,10 +64,20 @@ const compileTemplate = (id, file, { namespaces }) => {
 
 Twig.cache(false)
 
-const errorHandler = (id) => (e) => ({
-  code: `export default () => 'An error occurred whilst rendering ${id}: ${e.toString()}';`,
-  map: null,
-})
+const errorHandler =
+  (id, isDefault = true) =>
+  (e) => {
+    if (isDefault) {
+      return {
+        code: `export default () => 'An error occurred whilst rendering ${id}: ${e.toString()}';`,
+        map: null,
+      }
+    }
+    return {
+      code: null,
+      map: null,
+    }
+  }
 
 const plugin = (options = {}) => {
   options = { ...defaultOptions, ...options }
@@ -109,13 +119,15 @@ const plugin = (options = {}) => {
             const file = Twig.path.expandNamespace(options.namespaces, template)
             if (!seen.includes(file)) {
               includePromises.push(
-                new Promise(async (resolve) => {
+                new Promise(async (resolve, reject) => {
                   const { includes, code } = await compileTemplate(
                     template,
                     file,
                     options
-                  )
-                  includes.forEach(processIncludes)
+                  ).catch(errorHandler(template, false))
+                  if (includes) {
+                    includes.forEach(processIncludes)
+                  }
                   resolve(code)
                 })
               )

package/tests/fixtures/error-include.twig

@@ -0,0 +1 @@
+{% include "@tests/error.twig" %}

package/tests/smoke.test.js

@@ -1,5 +1,6 @@
 import Markup from "../dist/test.js"
 import Error from "../dist/error.js"
+import ErrorInclude from "../dist/errorInclude.js"
 import { describe, expect, it } from "vitest"
 
 describe("Basic smoke test", () => {
@@ -17,4 +18,8 @@ describe("Basic smoke test", () => {
     const error = Error()
     expect(error).toContain("An error occurred")
   })
+  it("Should recover from include errors", () => {
+    const error = ErrorInclude()
+    expect(error).toContain("An error occurred")
+  })
 })

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"),
+        errorInclude: resolve(__dirname, "tests/fixtures/error-include.twig"),
       },
       name: "vite-plugin-twig-drupal",
       fileName: (_, entry) => `${entry}.js`,