diff --git a/.gitignore b/.gitignore
index aee7a1e..f991596 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,3 +36,10 @@
###> league/oauth2-server-bundle ###
/config/jwt/*.pem
###< league/oauth2-server-bundle ###
+
+###> symfony/webpack-encore-bundle ###
+/node_modules/
+/public/build/
+npm-debug.log
+yarn-error.log
+###< symfony/webpack-encore-bundle ###
diff --git a/assets/app.js b/assets/app.js
new file mode 100644
index 0000000..0224bf8
--- /dev/null
+++ b/assets/app.js
@@ -0,0 +1,10 @@
+import './bootstrap.js';
+/*
+ * Welcome to your app's main JavaScript file!
+ *
+ * We recommend including the built version of this JavaScript file
+ * (and its CSS file) in your base layout (base.html.twig).
+ */
+
+// any CSS you import will output into a single css file (app.css in this case)
+import './styles/app.css';
diff --git a/assets/bootstrap.js b/assets/bootstrap.js
new file mode 100644
index 0000000..c26293e
--- /dev/null
+++ b/assets/bootstrap.js
@@ -0,0 +1,10 @@
+import { startStimulusApp } from '@symfony/stimulus-bridge';
+
+// Registers Stimulus controllers from controllers.json and in the controllers/ directory
+export const app = startStimulusApp(require.context(
+ '@symfony/stimulus-bridge/lazy-controller-loader!./controllers',
+ true,
+ /\.[jt]sx?$/
+));
+// register any custom, 3rd party controllers here
+// app.register('some_controller_name', SomeImportedController);
diff --git a/assets/controllers.json b/assets/controllers.json
new file mode 100644
index 0000000..29ea244
--- /dev/null
+++ b/assets/controllers.json
@@ -0,0 +1,15 @@
+{
+ "controllers": {
+ "@symfony/ux-turbo": {
+ "turbo-core": {
+ "enabled": true,
+ "fetch": "eager"
+ },
+ "mercure-turbo-stream": {
+ "enabled": false,
+ "fetch": "eager"
+ }
+ }
+ },
+ "entrypoints": []
+}
diff --git a/assets/controllers/hello_controller.js b/assets/controllers/hello_controller.js
new file mode 100644
index 0000000..e847027
--- /dev/null
+++ b/assets/controllers/hello_controller.js
@@ -0,0 +1,16 @@
+import { Controller } from '@hotwired/stimulus';
+
+/*
+ * This is an example Stimulus controller!
+ *
+ * Any element with a data-controller="hello" attribute will cause
+ * this controller to be executed. The name "hello" comes from the filename:
+ * hello_controller.js -> "hello"
+ *
+ * Delete this file or adapt it for your use!
+ */
+export default class extends Controller {
+ connect() {
+ this.element.textContent = 'Hello Stimulus! Edit me in assets/controllers/hello_controller.js';
+ }
+}
diff --git a/assets/styles/app.css b/assets/styles/app.css
new file mode 100644
index 0000000..cb33b13
--- /dev/null
+++ b/assets/styles/app.css
@@ -0,0 +1,3 @@
+body {
+ background-color: lightgray;
+}
diff --git a/composer.json b/composer.json
index 6b9896b..cfc335e 100644
--- a/composer.json
+++ b/composer.json
@@ -48,8 +48,11 @@
"symfony/runtime": "6.4.*",
"symfony/security-bundle": "6.4.*",
"symfony/serializer": "6.4.*",
+ "symfony/stimulus-bundle": "^2.32",
"symfony/twig-bundle": "6.4.*",
+ "symfony/ux-turbo": "^2.32",
"symfony/validator": "6.4.*",
+ "symfony/webpack-encore-bundle": "^2.4",
"symfony/yaml": "6.4.*",
"zenstruck/foundry": "^2.4"
},
diff --git a/composer.lock b/composer.lock
index b2c4670..bbf47da 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
"This file is @generated automatically"
],
- "content-hash": "e7306c852978d66d6480b7d049d1bed0",
+ "content-hash": "5e2bc27d761ff9c0e50d92370b4548f2",
"packages": [
{
"name": "api-platform/doctrine-common",
@@ -9852,6 +9852,79 @@
],
"time": "2025-07-15T11:30:57+00:00"
},
+ {
+ "name": "symfony/stimulus-bundle",
+ "version": "v2.32.0",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/symfony/stimulus-bundle.git",
+ "reference": "dfbf6b443bb381cb611e06f64dc23603b614b575"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/symfony/stimulus-bundle/zipball/dfbf6b443bb381cb611e06f64dc23603b614b575",
+ "reference": "dfbf6b443bb381cb611e06f64dc23603b614b575",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=8.1",
+ "symfony/config": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/dependency-injection": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/deprecation-contracts": "^2.0|^3.0",
+ "symfony/finder": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/http-kernel": "^5.4|^6.0|^7.0|^8.0",
+ "twig/twig": "^2.15.3|^3.8"
+ },
+ "require-dev": {
+ "symfony/asset-mapper": "^6.3|^7.0|^8.0",
+ "symfony/framework-bundle": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/phpunit-bridge": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/twig-bundle": "^5.4|^6.0|^7.0|^8.0",
+ "zenstruck/browser": "^1.4"
+ },
+ "type": "symfony-bundle",
+ "autoload": {
+ "psr-4": {
+ "Symfony\\UX\\StimulusBundle\\": "src"
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Symfony Community",
+ "homepage": "https://symfony.com/contributors"
+ }
+ ],
+ "description": "Integration with your Symfony app & Stimulus!",
+ "keywords": [
+ "symfony-ux"
+ ],
+ "support": {
+ "source": "https://github.com/symfony/stimulus-bundle/tree/v2.32.0"
+ },
+ "funding": [
+ {
+ "url": "https://symfony.com/sponsor",
+ "type": "custom"
+ },
+ {
+ "url": "https://github.com/fabpot",
+ "type": "github"
+ },
+ {
+ "url": "https://github.com/nicolas-grekas",
+ "type": "github"
+ },
+ {
+ "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+ "type": "tidelift"
+ }
+ ],
+ "time": "2025-12-02T07:12:06+00:00"
+ },
{
"name": "symfony/stopwatch",
"version": "v6.4.24",
@@ -10451,6 +10524,109 @@
],
"time": "2025-12-23T15:07:59+00:00"
},
+ {
+ "name": "symfony/ux-turbo",
+ "version": "v2.32.0",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/symfony/ux-turbo.git",
+ "reference": "0deaa8abef20933d11f8bbe9899d950b4333ca1e"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/symfony/ux-turbo/zipball/0deaa8abef20933d11f8bbe9899d950b4333ca1e",
+ "reference": "0deaa8abef20933d11f8bbe9899d950b4333ca1e",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=8.1",
+ "symfony/stimulus-bundle": "^2.9.1"
+ },
+ "conflict": {
+ "symfony/flex": "<1.13"
+ },
+ "require-dev": {
+ "dbrekelmans/bdi": "dev-main",
+ "doctrine/doctrine-bundle": "^2.4.3|^3.0|^4.0",
+ "doctrine/orm": "^2.8|^3.0",
+ "php-webdriver/webdriver": "^1.15",
+ "phpstan/phpstan": "^2.1.17",
+ "symfony/asset-mapper": "^6.4|^7.0|^8.0",
+ "symfony/debug-bundle": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/expression-language": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/form": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/framework-bundle": "^6.4|^7.0|^8.0",
+ "symfony/mercure-bundle": "^0.3.7|^0.4.1",
+ "symfony/messenger": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/panther": "^2.2",
+ "symfony/phpunit-bridge": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/process": "^5.4|6.3.*|^7.0|^8.0",
+ "symfony/property-access": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/security-core": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/stopwatch": "^5.4|^6.0|^7.0|^8.0",
+ "symfony/twig-bundle": "^6.4|^7.0|^8.0",
+ "symfony/ux-twig-component": "^2.21",
+ "symfony/web-profiler-bundle": "^5.4|^6.0|^7.0|^8.0"
+ },
+ "type": "symfony-bundle",
+ "extra": {
+ "thanks": {
+ "url": "https://github.com/symfony/ux",
+ "name": "symfony/ux"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "Symfony\\UX\\Turbo\\": "src/"
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Kévin Dunglas",
+ "email": "kevin@dunglas.fr"
+ },
+ {
+ "name": "Symfony Community",
+ "homepage": "https://symfony.com/contributors"
+ }
+ ],
+ "description": "Hotwire Turbo integration for Symfony",
+ "homepage": "https://symfony.com",
+ "keywords": [
+ "hotwire",
+ "javascript",
+ "mercure",
+ "symfony-ux",
+ "turbo",
+ "turbo-stream"
+ ],
+ "support": {
+ "source": "https://github.com/symfony/ux-turbo/tree/v2.32.0"
+ },
+ "funding": [
+ {
+ "url": "https://symfony.com/sponsor",
+ "type": "custom"
+ },
+ {
+ "url": "https://github.com/fabpot",
+ "type": "github"
+ },
+ {
+ "url": "https://github.com/nicolas-grekas",
+ "type": "github"
+ },
+ {
+ "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+ "type": "tidelift"
+ }
+ ],
+ "time": "2025-12-17T06:03:34+00:00"
+ },
{
"name": "symfony/validator",
"version": "v6.4.33",
@@ -10808,6 +10984,82 @@
],
"time": "2026-01-01T13:45:34+00:00"
},
+ {
+ "name": "symfony/webpack-encore-bundle",
+ "version": "v2.4.0",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/symfony/webpack-encore-bundle.git",
+ "reference": "5b932e0feddd81aaf0ecd7d5fcd2e450e5a7817e"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/symfony/webpack-encore-bundle/zipball/5b932e0feddd81aaf0ecd7d5fcd2e450e5a7817e",
+ "reference": "5b932e0feddd81aaf0ecd7d5fcd2e450e5a7817e",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=8.1.0",
+ "symfony/asset": "^5.4 || ^6.2 || ^7.0 || ^8.0",
+ "symfony/config": "^5.4 || ^6.2 || ^7.0 || ^8.0",
+ "symfony/dependency-injection": "^5.4 || ^6.2 || ^7.0 || ^8.0",
+ "symfony/http-kernel": "^5.4 || ^6.2 || ^7.0 || ^8.0",
+ "symfony/service-contracts": "^1.1.9 || ^2.1.3 || ^3.0"
+ },
+ "require-dev": {
+ "symfony/framework-bundle": "^5.4 || ^6.2 || ^7.0 || ^8.0",
+ "symfony/http-client": "^5.4 || ^6.2 || ^7.0 || ^8.0",
+ "symfony/phpunit-bridge": "^5.4 || ^6.2 || ^7.0 || ^8.0",
+ "symfony/twig-bundle": "^5.4 || ^6.2 || ^7.0 || ^8.0",
+ "symfony/web-link": "^5.4 || ^6.2 || ^7.0 || ^8.0"
+ },
+ "type": "symfony-bundle",
+ "extra": {
+ "thanks": {
+ "url": "https://github.com/symfony/webpack-encore",
+ "name": "symfony/webpack-encore"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "Symfony\\WebpackEncoreBundle\\": "src"
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Symfony Community",
+ "homepage": "https://symfony.com/contributors"
+ }
+ ],
+ "description": "Integration of your Symfony app with Webpack Encore",
+ "support": {
+ "issues": "https://github.com/symfony/webpack-encore-bundle/issues",
+ "source": "https://github.com/symfony/webpack-encore-bundle/tree/v2.4.0"
+ },
+ "funding": [
+ {
+ "url": "https://symfony.com/sponsor",
+ "type": "custom"
+ },
+ {
+ "url": "https://github.com/fabpot",
+ "type": "github"
+ },
+ {
+ "url": "https://github.com/nicolas-grekas",
+ "type": "github"
+ },
+ {
+ "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+ "type": "tidelift"
+ }
+ ],
+ "time": "2025-11-27T13:41:46+00:00"
+ },
{
"name": "symfony/yaml",
"version": "v6.4.30",
diff --git a/config/bundles.php b/config/bundles.php
index 437640e..34d0f43 100644
--- a/config/bundles.php
+++ b/config/bundles.php
@@ -16,4 +16,7 @@ return [
Goteo\Benzina\BenzinaBundle::class => ['all' => true],
Zenstruck\Foundry\ZenstruckFoundryBundle::class => ['dev' => true, 'test' => true],
League\Bundle\OAuth2ServerBundle\LeagueOAuth2ServerBundle::class => ['all' => true],
+ Symfony\UX\StimulusBundle\StimulusBundle::class => ['all' => true],
+ Symfony\UX\Turbo\TurboBundle::class => ['all' => true],
+ Symfony\WebpackEncoreBundle\WebpackEncoreBundle::class => ['all' => true],
];
diff --git a/config/packages/webpack_encore.yaml b/config/packages/webpack_encore.yaml
new file mode 100644
index 0000000..4c009ee
--- /dev/null
+++ b/config/packages/webpack_encore.yaml
@@ -0,0 +1,45 @@
+webpack_encore:
+ # The path where Encore is building the assets - i.e. Encore.setOutputPath()
+ output_path: '%kernel.project_dir%/public/build'
+ # If multiple builds are defined (as shown below), you can disable the default build:
+ # output_path: false
+
+ # Set attributes that will be rendered on all script and link tags
+ script_attributes:
+ defer: true
+ # Uncomment (also under link_attributes) if using Turbo Drive
+ # https://turbo.hotwired.dev/handbook/drive#reloading-when-assets-change
+ # 'data-turbo-track': reload
+ # link_attributes:
+ # Uncomment if using Turbo Drive
+ # 'data-turbo-track': reload
+
+ # If using Encore.enableIntegrityHashes() and need the crossorigin attribute (default: false, or use 'anonymous' or 'use-credentials')
+ # crossorigin: 'anonymous'
+
+ # Preload all rendered script and link tags automatically via the HTTP/2 Link header
+ # preload: true
+
+ # Throw an exception if the entrypoints.json file is missing or an entry is missing from the data
+ # strict_mode: false
+
+ # If you have multiple builds:
+ # builds:
+ # frontend: '%kernel.project_dir%/public/frontend/build'
+
+ # pass the build name as the 3rd argument to the Twig functions
+ # {{ encore_entry_script_tags('entry1', null, 'frontend') }}
+
+framework:
+ assets:
+ json_manifest_path: '%kernel.project_dir%/public/build/manifest.json'
+
+#when@prod:
+# webpack_encore:
+# # Cache the entrypoints.json (rebuild Symfony's cache when entrypoints.json changes)
+# # Available in version 1.2
+# cache: true
+
+#when@test:
+# webpack_encore:
+# strict_mode: false
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..00ea06e
--- /dev/null
+++ b/package.json
@@ -0,0 +1,23 @@
+{
+ "devDependencies": {
+ "@babel/core": "^7.17.0",
+ "@babel/preset-env": "^7.16.0",
+ "@hotwired/stimulus": "^3.0.0",
+ "@hotwired/turbo": "^7.1.0 || ^8.0",
+ "@symfony/stimulus-bridge": "^3.2.0 || ^4.0.0",
+ "@symfony/ux-turbo": "file:vendor/symfony/ux-turbo/assets",
+ "@symfony/webpack-encore": "^5.1.0",
+ "core-js": "^3.38.0",
+ "regenerator-runtime": "^0.13.9",
+ "webpack": "^5.74.0",
+ "webpack-cli": "^5.1.0"
+ },
+ "license": "UNLICENSED",
+ "private": true,
+ "scripts": {
+ "dev-server": "encore dev-server",
+ "dev": "encore dev",
+ "watch": "encore dev --watch",
+ "build": "encore production --progress"
+ }
+}
diff --git a/symfony.lock b/symfony.lock
index f59eecb..5cf7f03 100644
--- a/symfony.lock
+++ b/symfony.lock
@@ -269,6 +269,20 @@
"config/packages/security.yaml"
]
},
+ "symfony/stimulus-bundle": {
+ "version": "2.32",
+ "recipe": {
+ "repo": "github.com/symfony/recipes",
+ "branch": "main",
+ "version": "2.13",
+ "ref": "6acd9ff4f7fd5626d2962109bd4ebab351d43c43"
+ },
+ "files": [
+ "assets/bootstrap.js",
+ "assets/controllers.json",
+ "assets/controllers/hello_controller.js"
+ ]
+ },
"symfony/twig-bundle": {
"version": "6.3",
"recipe": {
@@ -294,6 +308,15 @@
"config/packages/uid.yaml"
]
},
+ "symfony/ux-turbo": {
+ "version": "2.32",
+ "recipe": {
+ "repo": "github.com/symfony/recipes",
+ "branch": "main",
+ "version": "2.19",
+ "ref": "9dd2778a116b6e5e01e5e1582d03d5a9e82630de"
+ }
+ },
"symfony/validator": {
"version": "6.3",
"recipe": {
@@ -306,6 +329,22 @@
"config/packages/validator.yaml"
]
},
+ "symfony/webpack-encore-bundle": {
+ "version": "2.4",
+ "recipe": {
+ "repo": "github.com/symfony/recipes",
+ "branch": "main",
+ "version": "2.0",
+ "ref": "719f6110345acb6495e496601fc1b4977d7102b3"
+ },
+ "files": [
+ "assets/app.js",
+ "assets/styles/app.css",
+ "config/packages/webpack_encore.yaml",
+ "package.json",
+ "webpack.config.js"
+ ]
+ },
"zenstruck/foundry": {
"version": "2.4",
"recipe": {
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 67598ac..ae72b9e 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -5,9 +5,11 @@
{% block title %}Welcome!{% endblock %}
{% block stylesheets %}
+ {{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
+ {{ encore_entry_script_tags('app') }}
{% endblock %}
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..8921d0f
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,79 @@
+const Encore = require('@symfony/webpack-encore');
+
+// Manually configure the runtime environment if not already configured yet by the "encore" command.
+// It's useful when you use tools that rely on webpack.config.js file.
+if (!Encore.isRuntimeEnvironmentConfigured()) {
+ Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');
+}
+
+Encore
+ // directory where compiled assets will be stored
+ .setOutputPath('public/build/')
+ // public path used by the web server to access the output path
+ .setPublicPath('/build')
+ // only needed for CDN's or subdirectory deploy
+ //.setManifestKeyPrefix('build/')
+
+ /*
+ * ENTRY CONFIG
+ *
+ * Each entry will result in one JavaScript file (e.g. app.js)
+ * and one CSS file (e.g. app.css) if your JavaScript imports CSS.
+ */
+ .addEntry('app', './assets/app.js')
+
+ // When enabled, Webpack "splits" your files into smaller pieces for greater optimization.
+ .splitEntryChunks()
+
+ // enables the Symfony UX Stimulus bridge (used in assets/bootstrap.js)
+ .enableStimulusBridge('./assets/controllers.json')
+
+ // will require an extra script tag for runtime.js
+ // but, you probably want this, unless you're building a single-page app
+ .enableSingleRuntimeChunk()
+
+ /*
+ * FEATURE CONFIG
+ *
+ * Enable & configure other features below. For a full
+ * list of features, see:
+ * https://symfony.com/doc/current/frontend.html#adding-more-features
+ */
+ .cleanupOutputBeforeBuild()
+
+ // Displays build status system notifications to the user
+ // .enableBuildNotifications()
+
+ .enableSourceMaps(!Encore.isProduction())
+ // enables hashed filenames (e.g. app.abc123.css)
+ .enableVersioning(Encore.isProduction())
+
+ // configure Babel
+ // .configureBabel((config) => {
+ // config.plugins.push('@babel/a-babel-plugin');
+ // })
+
+ // enables and configure @babel/preset-env polyfills
+ .configureBabelPresetEnv((config) => {
+ config.useBuiltIns = 'usage';
+ config.corejs = '3.38';
+ })
+
+ // enables Sass/SCSS support
+ //.enableSassLoader()
+
+ // uncomment if you use TypeScript
+ //.enableTypeScriptLoader()
+
+ // uncomment if you use React
+ //.enableReactPreset()
+
+ // uncomment to get integrity="..." attributes on your script & link tags
+ // requires WebpackEncoreBundle 1.4 or higher
+ //.enableIntegrityHashes(Encore.isProduction())
+
+ // uncomment if you're having problems with a jQuery plugin
+ //.autoProvidejQuery()
+;
+
+module.exports = Encore.getWebpackConfig();