mapescador
3 weeks ago
11 changed files with 4048 additions and 3952 deletions
-
BIN.cd.swp
-
2.env
-
4assets/controllers.json
-
81assets/controllers/csrf_protection_controller.js
-
16assets/controllers/hello_controller.js
-
2assets/stimulus_bootstrap.js
-
120composer.json
-
7829composer.lock
-
12config/bundles.php
-
3config/packages/sensio_framework_extra.yaml
-
15symfony.lock
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"controllers": [], |
||||
|
"entrypoints": [] |
||||
|
} |
||||
@ -0,0 +1,81 @@ |
|||||
|
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'; |
||||
@ -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'; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,2 @@ |
|||||
|
// register any custom, 3rd party controllers here
|
||||
|
// app.register('some_controller_name', SomeImportedController);
|
||||
7829
composer.lock
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,3 +0,0 @@ |
|||||
sensio_framework_extra: |
|
||||
router: |
|
||||
annotations: false |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue