mirror of
https://github.com/symfony/recipes.git
synced 2026-09-11 23:26:27 +03:00
179 lines
9.8 KiB
JSON
179 lines
9.8 KiB
JSON
{
|
|
"manifests": {
|
|
"symfony/stimulus-bundle": {
|
|
"manifest": {
|
|
"bundles": {
|
|
"Symfony\\UX\\StimulusBundle\\StimulusBundle": [
|
|
"all"
|
|
]
|
|
},
|
|
"copy-from-recipe": {
|
|
"assets/": "assets/"
|
|
},
|
|
"conflict": {
|
|
"symfony/framework-bundle": "<7.2",
|
|
"symfony/security-csrf": "<7.2",
|
|
"symfony/webpack-encore-bundle": "<2.0",
|
|
"symfony/flex": "<1.20.0 || >=2.0.0,<2.3.0"
|
|
},
|
|
"add-lines": [
|
|
{
|
|
"file": "webpack.config.js",
|
|
"content": "\n // enables the Symfony UX Stimulus bridge (used in assets/stimulus_bootstrap.js)\n .enableStimulusBridge('./assets/controllers.json')",
|
|
"position": "after_target",
|
|
"target": ".splitEntryChunks()"
|
|
},
|
|
{
|
|
"file": "assets/app.js",
|
|
"content": "import './stimulus_bootstrap.js';",
|
|
"position": "top",
|
|
"warn_if_missing": true
|
|
},
|
|
{
|
|
"file": "assets/stimulus_bootstrap.js",
|
|
"content": "import { startStimulusApp } from '@symfony/stimulus-bridge';\n\n// Registers Stimulus controllers from controllers.json and in the controllers/ directory\nexport const app = startStimulusApp(import.meta.webpackContext('@symfony/stimulus-bridge/lazy-controller-loader!./controllers', {\n recursive: true,\n regExp: /\\.[jt]sx?$/,\n}));",
|
|
"position": "top",
|
|
"requires": "symfony/webpack-encore-bundle"
|
|
},
|
|
{
|
|
"file": "assets/stimulus_bootstrap.js",
|
|
"content": "import { startStimulusApp } from '@symfony/stimulus-bundle';\n\nconst app = startStimulusApp();",
|
|
"position": "top",
|
|
"requires": "symfony/asset-mapper"
|
|
}
|
|
]
|
|
},
|
|
"files": {
|
|
"assets/controllers.json": {
|
|
"contents": [
|
|
"{",
|
|
" \"controllers\": [],",
|
|
" \"entrypoints\": []",
|
|
"}",
|
|
""
|
|
],
|
|
"executable": false
|
|
},
|
|
"assets/controllers/csrf_protection_controller.js": {
|
|
"contents": [
|
|
"const nameCheck = /^[-_a-zA-Z0-9]{4,22}$/;",
|
|
"const tokenCheck = /^[-_/+a-zA-Z0-9]{24,}$/;",
|
|
"",
|
|
"// Generate and double-submit a CSRF token in a form field and a cookie, as defined by Symfony's SameOriginCsrfTokenManager",
|
|
"// Use `form.requestSubmit()` to ensure that the submit event is triggered. Using `form.submit()` will not trigger the event",
|
|
"// and thus this event-listener will not be executed.",
|
|
"document.addEventListener('submit', function (event) {",
|
|
" generateCsrfToken(event.target);",
|
|
"}, true);",
|
|
"",
|
|
"// When @hotwired/turbo handles form submissions, send the CSRF token in a header in addition to a cookie",
|
|
"// The `framework.csrf_protection.check_header` config option needs to be enabled for the header to be checked",
|
|
"document.addEventListener('turbo:submit-start', function (event) {",
|
|
" const h = generateCsrfHeaders(event.detail.formSubmission.formElement);",
|
|
" Object.keys(h).map(function (k) {",
|
|
" event.detail.formSubmission.fetchRequest.headers[k] = h[k];",
|
|
" });",
|
|
"});",
|
|
"",
|
|
"// When @hotwired/turbo handles form submissions, remove the CSRF cookie once a form has been submitted",
|
|
"document.addEventListener('turbo:submit-end', function (event) {",
|
|
" removeCsrfToken(event.detail.formSubmission.formElement);",
|
|
"});",
|
|
"",
|
|
"export function generateCsrfToken (formElement) {",
|
|
" const csrfField = formElement.querySelector('input[data-controller=\"csrf-protection\"], input[name=\"_csrf_token\"]');",
|
|
"",
|
|
" if (!csrfField) {",
|
|
" return;",
|
|
" }",
|
|
"",
|
|
" let csrfCookie = csrfField.getAttribute('data-csrf-protection-cookie-value');",
|
|
" let csrfToken = csrfField.value;",
|
|
"",
|
|
" if (!csrfCookie && nameCheck.test(csrfToken)) {",
|
|
" csrfField.setAttribute('data-csrf-protection-cookie-value', csrfCookie = csrfToken);",
|
|
" csrfField.defaultValue = csrfToken = btoa(String.fromCharCode.apply(null, (window.crypto || window.msCrypto).getRandomValues(new Uint8Array(18))));",
|
|
" }",
|
|
" csrfField.dispatchEvent(new Event('change', { bubbles: true }));",
|
|
"",
|
|
" if (csrfCookie && tokenCheck.test(csrfToken)) {",
|
|
" const cookie = csrfCookie + '_' + csrfToken + '=' + csrfCookie + '; path=/; samesite=strict';",
|
|
" document.cookie = window.location.protocol === 'https:' ? '__Host-' + cookie + '; secure' : cookie;",
|
|
" }",
|
|
"}",
|
|
"",
|
|
"export function generateCsrfHeaders (formElement) {",
|
|
" const headers = {};",
|
|
" const csrfField = formElement.querySelector('input[data-controller=\"csrf-protection\"], input[name=\"_csrf_token\"]');",
|
|
"",
|
|
" if (!csrfField) {",
|
|
" return headers;",
|
|
" }",
|
|
"",
|
|
" const csrfCookie = csrfField.getAttribute('data-csrf-protection-cookie-value');",
|
|
"",
|
|
" if (tokenCheck.test(csrfField.value) && nameCheck.test(csrfCookie)) {",
|
|
" headers[csrfCookie] = csrfField.value;",
|
|
" }",
|
|
"",
|
|
" return headers;",
|
|
"}",
|
|
"",
|
|
"export function removeCsrfToken (formElement) {",
|
|
" const csrfField = formElement.querySelector('input[data-controller=\"csrf-protection\"], input[name=\"_csrf_token\"]');",
|
|
"",
|
|
" if (!csrfField) {",
|
|
" return;",
|
|
" }",
|
|
"",
|
|
" const csrfCookie = csrfField.getAttribute('data-csrf-protection-cookie-value');",
|
|
"",
|
|
" if (tokenCheck.test(csrfField.value) && nameCheck.test(csrfCookie)) {",
|
|
" const cookie = csrfCookie + '_' + csrfField.value + '=0; path=/; samesite=strict; max-age=0';",
|
|
"",
|
|
" document.cookie = window.location.protocol === 'https:' ? '__Host-' + cookie + '; secure' : cookie;",
|
|
" }",
|
|
"}",
|
|
"",
|
|
"/* stimulusFetch: 'lazy' */",
|
|
"export default 'csrf-protection-controller';",
|
|
""
|
|
],
|
|
"executable": false
|
|
},
|
|
"assets/controllers/hello_controller.js": {
|
|
"contents": [
|
|
"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';",
|
|
" }",
|
|
"}",
|
|
""
|
|
],
|
|
"executable": false
|
|
},
|
|
"assets/stimulus_bootstrap.js": {
|
|
"contents": [
|
|
"// register any custom, 3rd party controllers here",
|
|
"// app.register('some_controller_name', SomeImportedController);",
|
|
""
|
|
],
|
|
"executable": false
|
|
}
|
|
},
|
|
"ref": "9b51a69079f3629061dfe0e5d7e20f5a9b20752c"
|
|
}
|
|
}
|
|
}
|