create-outsystems-astro 0.10.0 → 0.11.0

package/template/package.json

@@ -7,7 +7,7 @@
     "audit:deno": "deno audit",
     "audit:npm": "better-npm-audit audit",
     "audit:pnpm": "pnpm audit",
-    "audit:yarn": "yarn npm audit",
+    "audit:yarn": "yarn npm audit --no-deprecations",
     "build": "astro build",
     "dev": "astro dev",
     "format": "prettier . --check",
@@ -57,6 +57,7 @@
     "solid-js": "^1.9.13",
     "svelte": "^5.55.9",
     "tslib": "^2.8.1",
+    "twig": "^3.0.0",
     "vue": "^3.5.34"
   },
   "devDependencies": {
@@ -91,6 +92,7 @@
     "@types/node": "^25.9.1",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
+    "@types/twig": "^1.12.17",
     "@vitejs/plugin-react": "^6.0.2",
     "@vitejs/plugin-vue": "^6.0.7",
     "angular-eslint": "^21.4.0",

package/template/pnpm-lock.yaml

@@ -89,6 +89,9 @@ importers:
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
+      twig:
+        specifier: ^3.0.0
+        version: 3.0.0
       vue:
         specifier: ^3.5.34
         version: 3.5.34(typescript@5.9.3)
@@ -186,6 +189,9 @@ importers:
       '@types/react-dom':
         specifier: ^19.2.3
         version: 19.2.3(@types/react@19.2.15)
+      '@types/twig':
+        specifier: ^1.12.17
+        version: 1.12.17
       '@vitejs/plugin-react':
         specifier: ^6.0.2
         version: 6.0.2(vite@8.0.14(@types/node@25.9.1)(esbuild@0.27.7)(sass@1.97.3)(yaml@2.9.0))
@@ -2786,6 +2792,9 @@ packages:
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
+  '@types/twig@1.12.17':
+    resolution: {integrity: sha512-Lxcjgzt4mlDrv1xp1EdoBLPTxpjLAt9vtN3/qoblC5D6hMCYgZJOQHfaT/0gwCcAZENnKQ7Sga28DSsckPWa0g==}
+
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
@@ -4109,6 +4118,9 @@ packages:
     resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
     engines: {node: '>= 0.4'}
 
+  foreachasync@3.0.0:
+    resolution: {integrity: sha512-J+ler7Ta54FwwNcx6wQRDhTIbNeyDcARMkOcguEqnEdtm0jKvN3Li3PDAb2Du3ubJYEWfYL83XMROXdsXAXycw==}
+
   foreground-child@3.3.1:
     resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
     engines: {node: '>=14'}
@@ -4796,6 +4808,10 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
+  locutus@3.0.36:
+    resolution: {integrity: sha512-ilsz33lqEd+KerV9JnSHM9EApVYOZ86/JTGKyafmWvhTFtjYauzT1WmZgdJ4JBGR3dY0N0PTfIq2uLvazw5QsQ==}
+    engines: {node: '>= 22', yarn: '>= 1'}
+
   lodash.get@4.4.2:
     resolution: {integrity: sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==}
     deprecated: This package is deprecated. Use the optional chaining (?.) operator instead.
@@ -6107,6 +6123,11 @@ packages:
     resolution: {integrity: sha512-50QV99kCKH5P/Vs4E2Gzp7BopNV+KzTXqWeaxrfu5IQJBOULRsTIS9seSsOVT8ZnGXzCyx55nYWAi4qJzpZKEQ==}
     engines: {node: ^20.17.0 || >=22.9.0}
 
+  twig@3.0.0:
+    resolution: {integrity: sha512-cMfYLWAgdW15B7L5wmanmga113e4phQmo3rk5EFuUrQd99g7I3ncxgynS38P01m4ZXBDSdMYUTV1g3A66/Y56Q==}
+    engines: {node: '>=22'}
+    hasBin: true
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -6541,6 +6562,9 @@ packages:
       typescript:
         optional: true
 
+  walk@2.3.15:
+    resolution: {integrity: sha512-4eRTBZljBfIISK1Vnt69Gvr2w/wc3U6Vtrw7qiN5iqYJPH7LElcYh/iU4XWhdCy2dZqv1ToMyYlybDylfG/5Vg==}
+
   watchpack@2.5.1:
     resolution: {integrity: sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==}
     engines: {node: '>=10.13.0'}
@@ -9032,6 +9056,8 @@ snapshots:
 
   '@types/trusted-types@2.0.7': {}
 
+  '@types/twig@1.12.17': {}
+
   '@types/unist@3.0.3': {}
 
   '@types/whatwg-mimetype@3.0.2': {}
@@ -10793,6 +10819,8 @@ snapshots:
     dependencies:
       is-callable: 1.2.7
 
+  foreachasync@3.0.0: {}
+
   foreground-child@3.3.1:
     dependencies:
       cross-spawn: 7.0.6
@@ -11308,6 +11336,7 @@ snapshots:
   islands-integrations@file:.integrations(@types/node@25.9.1)(lightningcss@1.32.0)(rollup@4.60.4)(sass@1.97.3)(yaml@2.9.0):
     dependencies:
       astro: 6.3.7(@types/node@25.9.1)(lightningcss@1.32.0)(rollup@4.60.4)(sass@1.97.3)(yaml@2.9.0)
+      twig: 3.0.0
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -11543,6 +11572,8 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
+  locutus@3.0.36: {}
+
   lodash.get@4.4.2: {}
 
   lodash.memoize@4.1.2: {}
@@ -13375,6 +13406,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  twig@3.0.0:
+    dependencies:
+      '@babel/runtime': 7.29.2
+      locutus: 3.0.36
+      minimatch: 10.2.5
+      walk: 2.3.15
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
@@ -13769,6 +13807,10 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
+  walk@2.3.15:
+    dependencies:
+      foreachasync: 3.0.0
+
   watchpack@2.5.1:
     dependencies:
       glob-to-regexp: 0.4.1

package/template/src/env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="astro/client" />
+
+declare module "*.twig" {
+  const content: string;
+  export default content;
+}

package/template/src/framework/twig/Demo.twig

@@ -0,0 +1,100 @@
+{#
+  Twig counter demo component, authored as a native .twig file.
+
+  Available props (passed as island attributes and used as the Twig context):
+  - initialCount: starting counter value (default 0)
+  - showMessage: name of a window handler to call with the current count
+  - outSystemsLogo / astroLogo: image URLs, passed in from the .astro page
+#}
+
+{% set count = initialCount|default(0) %}
+{% set handler = showMessage|default('') %}
+
+<div class="counter-title">Twig Demo Component</div>
+<div class="twig-demo">
+  <div class="card-grid">
+    <div class="card">
+      <strong>Twig counter component</strong>
+      <div class="card-content">
+        Internal counter controls. It keeps state within the component.
+        <div class="counter-controls">
+          <button class="subtract">-</button>
+          <pre class="count">{{ count }}</pre>
+          <button class="add">+</button>
+        </div>
+      </div>
+      The button sends the current count value to a function in the parent
+      component.
+      <div class="card-content">
+        <div>
+          <button class="card-btn send">Send value</button>
+        </div>
+      </div>
+    </div>
+    <div class="card">
+      <strong>Nano Stores</strong>
+      <div class="card-content">
+        <div>
+          <strong>Value:</strong>
+          <div class="nanostore-value"></div>
+        </div>
+      </div>
+    </div>
+    <div class="card unused">
+      <strong>Slot content (not supported)</strong>
+      <div class="card-content"></div>
+    </div>
+  </div>
+  <div class="counter-logos">
+    {% if outSystemsLogo %}<img alt="OutSystems logo" src="{{ outSystemsLogo }}" />{% endif %}
+    {% if astroLogo %}<img alt="Astro logo" src="{{ astroLogo }}" />{% endif %}
+  </div>
+  <script>
+    (function () {
+      const container = (document.currentScript && document.currentScript.parentElement) || document.querySelector('.twig-demo');
+      let count = {{ count }};
+      const countEl = container.querySelector('.count');
+      const addBtn = container.querySelector('.add');
+      const subtractBtn = container.querySelector('.subtract');
+      const sendBtn = container.querySelector('.send');
+      const nanostoreEl = container.querySelector('.nanostore-value');
+
+      addBtn.addEventListener('click', function () {
+        count += 1;
+        countEl.textContent = count;
+      });
+
+      subtractBtn.addEventListener('click', function () {
+        count -= 1;
+        countEl.textContent = count;
+      });
+
+      sendBtn.addEventListener('click', function () {
+        if ('{{ handler }}' && window['{{ handler }}']) {
+          window['{{ handler }}'](count);
+        }
+      });
+
+      if (!window.Stores) window.Stores = {};
+      if (!window.Stores['twigStore']) {
+        let _value = 'Test Value';
+        const _subs = [];
+        window.Stores['twigStore'] = {
+          get: function () { return _value; },
+          set: function (v) { _value = v; _subs.forEach(function (fn) { fn(v); }); },
+          subscribe: function (fn) {
+            fn(_value);
+            _subs.push(fn);
+            return function () { _subs.splice(_subs.indexOf(fn), 1); };
+          },
+        };
+      }
+
+      const store = window.Stores['twigStore'];
+      nanostoreEl.textContent = store.get();
+      store.subscribe(function (value) {
+        nanostoreEl.textContent = value;
+      });
+    })();
+  </script>
+</div>

package/template/src/framework/twig/Store.twig

@@ -0,0 +1,45 @@
+{#
+  Twig store demo component, authored as a native .twig file.
+
+  Shares the `framework` Nano Store with the other framework islands through
+  `window.Stores['framework']`, which the page registers before the islands
+  hydrate. This lets a string-rendered Twig island stay in sync with the
+  binding-based islands (React, Vue, ...).
+
+  Props:
+  - logo: the Twig logo URL, passed in from the .astro page
+#}
+
+<div class="card twig-store">
+  <strong>Twig Store</strong>
+  <div class="card-content">
+    {% if logo %}<img alt="Twig logo" height="150" src="{{ logo }}" />{% endif %}
+    <div>
+      <strong>Value:</strong>
+      <div class="framework-value"></div>
+    </div>
+    <div>
+      <button class="card-btn select-btn">Select Twig</button>
+    </div>
+  </div>
+  <script>
+    (function () {
+      const container = (document.currentScript && document.currentScript.parentElement)
+        || document.querySelector('.twig-store');
+      const valueEl = container.querySelector('.framework-value');
+      const btn = container.querySelector('.select-btn');
+
+      const store = window.Stores && window.Stores['framework'];
+
+      if (store) {
+        store.subscribe(function (value) {
+          valueEl.textContent = value;
+        });
+      }
+
+      btn.addEventListener('click', function () {
+        if (store) store.set('Twig');
+      });
+    })();
+  </script>
+</div>

package/template/src/pages/multi/store.astro

@@ -5,12 +5,21 @@ import PreactStore from "../../framework/preact/Store";
 import ReactStore from "../../framework/react/Store";
 import SolidStore from "../../framework/solid/Store";
 import SvelteStore from "../../framework/svelte/Store.svelte";
+import TwigStore from "../../framework/twig/Store.twig";
 import VueStore from "../../framework/vue/Store.vue";
+import TwigLogo from "../../images/twig.png?url";
 import styles from "../../styles/index.css?url";
 ---
 <html lang="en">
     <head>
         <link href={styles} rel="stylesheet" />
+        <script>
+            // Expose the shared framework Nano Store so string-rendered islands
+            // (such as the Twig store) can subscribe to it before they hydrate.
+            import { framework } from "../../stores/framework";
+            window.Stores = window.Stores || {};
+            window.Stores["framework"] = framework;
+        </script>
     </head>
     <body>
         <div class="card-grid">
@@ -20,6 +29,7 @@ import styles from "../../styles/index.css?url";
             <ReactStore client:only="react" />
             <SolidStore client:only="solid-js" />
             <SvelteStore client:only="svelte" />
+            <TwigStore client:load logo={TwigLogo} />
             <VueStore client:only="vue" />
         </div>
     </body>

package/template/src/pages/twig/twig-demo.astro

@@ -0,0 +1,65 @@
+---
+import AstroLogo from "../../images/astro.png?url";
+import OutSystemsLogo from "../../images/outsystems.png?url";
+import styles from "../../styles/index.css?url";
+import DemoComponent from "../../framework/twig/Demo.twig";
+const initialCount = 5;
+const showMessage = "showMessage";
+---
+<html lang="en">
+    <head>
+        <link href={styles} rel="stylesheet" />
+        <script>
+            import { setupStore } from "../../stores/demo";
+            setupStore("twigStore");
+            window["showMessage"] = (count) => {
+                document.getElementById("counter").textContent = count;
+            };
+            document.addEventListener("DOMContentLoaded", function () {
+                const input = document.getElementById("store");
+                input.value = window.Stores["twigStore"].get();
+            });
+        </script>
+    </head>
+    <body>
+        <div class="counter-title">Astro Page</div>
+        <div class="card-grid">
+            <div class="card">
+                <strong>Counter component</strong>
+                <div class="card-content">
+                    <div style="text-align: center; margin-top: 30px;">
+                        Counter value:
+                        <div>
+                            <span id="counter"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="card">
+                <strong>Nano Stores</strong>
+                <div class="card-content">
+                    <div style="text-align: center; margin-top: 30px;">
+                        <input
+                            id="store"
+                            placeholder="Type something..."
+                            type="text"
+                        /><button
+                            class="card-btn"
+                            onclick="window.Stores['twigStore'].set(document.getElementById('store').value)"
+                            >Update Store</button
+                        >
+                    </div>
+                </div>
+            </div>
+        </div>
+        <hr />
+        <DemoComponent
+            astroLogo={AstroLogo}
+            client:load
+            initialCount={initialCount}
+            outSystemsLogo={OutSystemsLogo}
+            showMessage={showMessage}
+        >
+        </DemoComponent>
+    </body>
+</html>

package/template/src/stores/framework.ts

@@ -7,6 +7,7 @@ export type CurrentSelectedFramework =
   | "React"
   | "Solid"
   | "Svelte"
+  | "Twig"
   | "Vue";
 
 export const framework = atom<CurrentSelectedFramework>("");

package/template/test/e2e/twig/twig-demo.spec.ts

@@ -0,0 +1,36 @@
+import { expect, test } from "@playwright/test";
+
+test.beforeEach(async ({ page }) => {
+  await page.goto("/twig/twig-demo");
+});
+
+test.describe("Has values", () => {
+  test("Should have header", async ({ page }) => {
+    await expect(page.getByText("Twig Demo Component")).toBeVisible();
+  });
+});
+
+test.describe("Change counter", () => {
+  test("Should increment counter when clicking + button", async ({ page }) => {
+    await page.getByRole("button", { name: "+" }).click();
+    await expect(page.locator("pre")).toContainText("6");
+  });
+
+  test("Should decrement counter when clicking - button", async ({ page }) => {
+    await page.getByRole("button", { name: "-" }).click();
+    await expect(page.locator("pre")).toContainText("4");
+  });
+
+  test("Should show message on Send value", async ({ page }) => {
+    await page.getByRole("button", { name: "Send value" }).click();
+    await expect(page.locator("span#counter")).toContainText("5");
+  });
+});
+
+test.describe("Update Nano Store", () => {
+  test("Should update Nano Store", async ({ page }) => {
+    await page.locator("#store").fill("Updated Value");
+    await page.getByRole("button", { name: "Update Store" }).click();
+    await expect(page.locator(".nanostore-value")).toHaveText("Updated Value");
+  });
+});

package/template/test/integration/twig/Demo.test.ts

@@ -0,0 +1,84 @@
+import { fireEvent, screen } from "@testing-library/dom";
+import Twig from "twig";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+import template from "../../../src/framework/twig/Demo.twig?raw";
+
+function renderDemo(props: Record<string, unknown> = {}) {
+  document.body.innerHTML = Twig.twig({ data: template }).render(props);
+  document.body.querySelectorAll("script").forEach((script) => {
+    new Function(script.textContent ?? "")();
+  });
+}
+
+describe("Demo", () => {
+  let capturedListener: ((val: string) => void) | undefined;
+  let storeValue = "Mocked Nano Value";
+
+  beforeEach(() => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (window as any).mockFunction = vi.fn();
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (window as any).Stores = {
+      twigStore: {
+        get: vi.fn(() => storeValue),
+        set: vi.fn((v: string) => {
+          storeValue = v;
+          capturedListener?.(v);
+        }),
+        subscribe: vi.fn((fn: (val: string) => void) => {
+          capturedListener = fn;
+          fn(storeValue);
+          return () => {};
+        }),
+      },
+    };
+  });
+
+  afterEach(() => {
+    vi.clearAllMocks();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    delete (window as any).mockFunction;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    delete (window as any).Stores;
+    capturedListener = undefined;
+    storeValue = "Mocked Nano Value";
+  });
+
+  it("renders the initial count", () => {
+    renderDemo({ initialCount: 5 });
+    expect(screen.getByText("5")).toBeInTheDocument();
+  });
+
+  it("increments count when add button is clicked", () => {
+    renderDemo({ initialCount: 5 });
+    fireEvent.click(screen.getByRole("button", { name: "+" }));
+    expect(screen.getByText("6")).toBeInTheDocument();
+  });
+
+  it("decrements count when subtract button is clicked", () => {
+    renderDemo({ initialCount: 5 });
+    fireEvent.click(screen.getByRole("button", { name: "-" }));
+    expect(screen.getByText("4")).toBeInTheDocument();
+  });
+
+  it("calls the show message function with the current count", () => {
+    renderDemo({ initialCount: 5, showMessage: "mockFunction" });
+    fireEvent.click(screen.getByRole("button", { name: "Send value" }));
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    expect((window as any).mockFunction).toHaveBeenCalledWith(5);
+  });
+
+  it("displays the initial nanostore value", () => {
+    renderDemo({});
+    expect(screen.getByText("Mocked Nano Value")).toBeInTheDocument();
+  });
+
+  it("updates the display when the nanostore value changes", () => {
+    renderDemo({});
+    expect(screen.getByText("Mocked Nano Value")).toBeInTheDocument();
+    capturedListener?.("Updated Value");
+    expect(screen.getByText("Updated Value")).toBeInTheDocument();
+  });
+});

package/template/vitest.config.ts

@@ -78,6 +78,15 @@ export default defineConfig(({ mode }) => ({
           setupFiles: ["test/setup-test-env.ts"],
         },
       },
+      {
+        test: {
+          environment: "happy-dom",
+          globals: true,
+          include: ["test/integration/twig/**/*.test.ts"],
+          name: "twig",
+          setupFiles: ["test/setup-test-env.ts"],
+        },
+      },
       {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         plugins: [vue() as any],

package/template/yarn.lock

@@ -1160,7 +1160,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.23.2":
+"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.8.4":
   version: 7.29.2
   resolution: "@babel/runtime@npm:7.29.2"
   checksum: 10c0/30b80a0140d16467792e1bbeb06f655b0dab70407da38dfac7fedae9c859f9ae9d846ef14ad77bd3814c064295fe9b1bc551f1541ea14646ae9f22b71a8bc17a
@@ -4464,6 +4464,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/twig@npm:^1.12.17":
+  version: 1.12.17
+  resolution: "@types/twig@npm:1.12.17"
+  checksum: 10c0/a54d62abb979ecc81707c7da9ffe641cdbb12c5e73d782c5fbed69c41123d7c2142c8c79fe7a92295bc13eea7abbafd68863e5f0eb3f54094a26b179e3a2d653
+  languageName: node
+  linkType: hard
+
 "@types/unist@npm:*, @types/unist@npm:^3.0.0":
   version: 3.0.3
   resolution: "@types/unist@npm:3.0.3"
@@ -6179,6 +6186,7 @@ __metadata:
     "@types/node": "npm:^25.9.1"
     "@types/react": "npm:^19.2.15"
     "@types/react-dom": "npm:^19.2.3"
+    "@types/twig": "npm:^1.12.17"
     "@vitejs/plugin-react": "npm:^6.0.2"
     "@vitejs/plugin-vue": "npm:^6.0.7"
     angular-eslint: "npm:^21.4.0"
@@ -6219,6 +6227,7 @@ __metadata:
     svelte-eslint-parser: "npm:^1.6.1"
     ts-node: "npm:^10.9.2"
     tslib: "npm:^2.8.1"
+    twig: "npm:^3.0.0"
     typescript: "npm:^5.9.3"
     typescript-eslint: "npm:^8.59.4"
     vite: "npm:^8.0.14"
@@ -7985,6 +7994,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"foreachasync@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "foreachasync@npm:3.0.0"
+  checksum: 10c0/8ad877008da351fa78939e850c6014e94b8b9c6de3d12751b2b906ef96f8c80945310d998b2a704854e126c508237dc9951f6900685ccc42c93db15b09a0c4b3
+  languageName: node
+  linkType: hard
+
 "foreground-child@npm:^3.1.0":
   version: 3.3.1
   resolution: "foreground-child@npm:3.3.1"
@@ -9158,11 +9174,12 @@ __metadata:
   linkType: hard
 
 "islands-integrations@file:./.integrations::locator=create-outsystems-astro%40workspace%3A.":
-  version: 0.10.0
-  resolution: "islands-integrations@file:./.integrations#./.integrations::hash=0a3fe0&locator=create-outsystems-astro%40workspace%3A."
+  version: 0.11.0
+  resolution: "islands-integrations@file:./.integrations#./.integrations::hash=e4b13b&locator=create-outsystems-astro%40workspace%3A."
   dependencies:
     astro: "npm:^6.3.7"
-  checksum: 10c0/033cce28aac04f7d5e45dca37281f17731b7f2ae63db0dbdb4577775a4dc5eb26602c8abd1307b54f2585496961ade795ed372fbe0c1235bfe8400b27b215816
+    twig: "npm:^3.0.0"
+  checksum: 10c0/160be42ec5a6ddfb575a118558a15d54a81497d70779a27c89379885b523669c5c8c561dd2c9cf819b1569c19acd084fe28e88bf3f38579c45bbe288bd429fb5
   languageName: node
   linkType: hard
 
@@ -9655,6 +9672,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"locutus@npm:^3.0.9":
+  version: 3.0.36
+  resolution: "locutus@npm:3.0.36"
+  checksum: 10c0/54a04ecddeaeadd924f2362c31d888e333bb717bd48dd9d40ac6ddccb352a924791223e09b782d03196808c1404a1f74210a388ce4475c3650dcb8d7b0a75730
+  languageName: node
+  linkType: hard
+
 "lodash.get@npm:^4.4.2":
   version: 4.4.2
   resolution: "lodash.get@npm:4.4.2"
@@ -10459,7 +10483,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^10.0.3, minimatch@npm:^10.1.1, minimatch@npm:^10.2.2":
+"minimatch@npm:^10, minimatch@npm:^10.0.3, minimatch@npm:^10.1.1, minimatch@npm:^10.2.2":
   version: 10.2.5
   resolution: "minimatch@npm:10.2.5"
   dependencies:
@@ -13491,6 +13515,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"twig@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "twig@npm:3.0.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.8.4"
+    locutus: "npm:^3.0.9"
+    minimatch: "npm:^10"
+    walk: "npm:2.3.x"
+  bin:
+    twigjs: bin/twigjs
+  checksum: 10c0/a727b665d34c9b7db9cf5fa99072472ef1dd9291d6f29a4b1de88ca95493d16c667f47d7e87f4aaea05275ea184f6550dc3c32cb42026b819d154690f48cff76
+  languageName: node
+  linkType: hard
+
 "type-check@npm:^0.4.0, type-check@npm:~0.4.0":
   version: 0.4.0
   resolution: "type-check@npm:0.4.0"
@@ -14349,6 +14387,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"walk@npm:2.3.x":
+  version: 2.3.15
+  resolution: "walk@npm:2.3.15"
+  dependencies:
+    foreachasync: "npm:^3.0.0"
+  checksum: 10c0/c390221ff6fdb8e95f9b03d90fa9980edc2c01ce9efac44c0ade2036ee2823bf2bc9abfae388bdf64ab59e9262610e7cf6634ad54acac018e62621b85edad2cf
+  languageName: node
+  linkType: hard
+
 "watchpack@npm:2.5.1":
   version: 2.5.1
   resolution: "watchpack@npm:2.5.1"