PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-06-26 08:39:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add autosave draft system for partage form with HTMX-based session persistence

Browse Source 
- New fragment endpoint POST/GET /partage/fragments/draft.php:
  saves all form fields to PHP session, excludes file/csrf/slug fields
  GET returns JSON for JS hydration on page load
  rotates both global CSRF and share CSRF tokens in sync

- form.php accepts optional $formExtraAttrs and $showAutosaveStatus:
  allows injecting HTMX attributes and 'Brouillon enregistré' indicator

- renderShareLinkForm adds hx-post with change/input debounce trigger,
  loads autosave-handler.js, hydrate fields from draft on page load

- Draft cleared on successful form submission in handleShareLinkSubmission

- autosave-handler.js now also updates share_link_token hidden input
  when rotating CSRF token (partage form uses both csrf_token and share_link_token)

- Added .autosave-status CSS to form.css (was admin.css-only)

- Updated fragment routing to accept GET requests (needed for draft hydration)
This commit is contained in:
Pontoporeia
2026-06-11 10:32:53 +02:00
parent 4b37a05be3
commit 99125cc8e3
33 changed files with 1388 additions and 806 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
app/public/assets/js/vendor/filepond-plugin-image-exif-orientation.min.js vendored
View File

@@ -6,4 +6,92 @@
/* eslint-disable */
!function(A,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(A=A||self).FilePondPluginImageExifOrientation=e()}(this,function(){"use strict";var A=65496,e=65505,n=1165519206,t=18761,i=274,r=65280,o=function(A,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return A.getUint16(e,n)},a=function(A,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return A.getUint32(e,n)},u="undefined"!=typeof window&&void 0!==window.document,d=void 0,f=u?new Image:{};f.onload=function(){return d=f.naturalWidth>f.naturalHeight},f.src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QA6RXhpZgAATU0AKgAAAAgAAwESAAMAAAABAAYAAAEoAAMAAAABAAIAAAITAAMAAAABAAEAAAAAAAD/2wBDAP//////////////////////////////////////////////////////////////////////////////////////wAALCAABAAIBASIA/8QAJgABAAAAAAAAAAAAAAAAAAAAAxABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQAAPwBH/9k=";var l=function(u){var f=u.addFilter,l=u.utils,c=l.Type,g=l.isFile;return f("DID_LOAD_ITEM",function(u,f){var l=f.query;return new Promise(function(f,c){var s=u.file;if(!(g(s)&&function(A){return/^image\/jpeg/.test(A.type)}(s)&&l("GET_ALLOW_IMAGE_EXIF_ORIENTATION")&&d))return f(u);(function(u){return new Promise(function(d,f){var l=new FileReader;l.onload=function(u){var f=new DataView(u.target.result);if(o(f,0)===A){for(var l=f.byteLength,c=2;c<l;){var g=o(f,c);if(c+=2,g===e){if(a(f,c+=2)!==n)break;var s=o(f,c+=6)===t;c+=a(f,c+4,s);var v=o(f,c,s);c+=2;for(var w=0;w<v;w++)if(o(f,c+12*w,s)===i)return void d(o(f,c+12*w+8,s))}else{if((g&r)!==r)break;c+=o(f,c)}}d(-1)}else d(-1)},l.readAsArrayBuffer(u.slice(0,65536))})})(s).then(function(A){u.setMetadata("exif",{orientation:A}),f(u)})})}),{options:{allowImageExifOrientation:[!0,c.BOOLEAN]}}};return"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:l})),l});
!((A, e) => {
"object" == typeof exports && "undefined" != typeof module
? (module.exports = e())
: "function" == typeof define && define.amd
? define(e)
: ((A = A || self).FilePondPluginImageExifOrientation = e());
})(this, () => {
var A = 65496,
e = 65505,
n = 1165519206,
t = 18761,
i = 274,
r = 65280,
o = function (A, e) {
var n = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
return A.getUint16(e, n);
},
a = function (A, e) {
var n = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
return A.getUint32(e, n);
},
u = "undefined" != typeof window && void 0 !== window.document,
d = void 0,
f = u ? new Image() : {};
(f.onload = () => (d = f.naturalWidth > f.naturalHeight)),
(f.src =
"data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QA6RXhpZgAATU0AKgAAAAgAAwESAAMAAAABAAYAAAEoAAMAAAABAAIAAAITAAMAAAABAAEAAAAAAAD/2wBDAP//////////////////////////////////////////////////////////////////////////////////////wAALCAABAAIBASIA/8QAJgABAAAAAAAAAAAAAAAAAAAAAxABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQAAPwBH/9k=");
var l = (u) => {
var f = u.addFilter,
l = u.utils,
c = l.Type,
g = l.isFile;
return (
f("DID_LOAD_ITEM", (u, f) => {
var l = f.query;
return new Promise((f, c) => {
var s = u.file;
if (
!(
g(s) &&
((A) => /^image\/jpeg/.test(A.type))(s) &&
l("GET_ALLOW_IMAGE_EXIF_ORIENTATION") &&
d
)
)
return f(u);
((u) =>
new Promise((d, f) => {
var l = new FileReader();
(l.onload = (u) => {
var f = new DataView(u.target.result);
if (o(f, 0) === A) {
for (var l = f.byteLength, c = 2; c < l; ) {
var g = o(f, c);
if (((c += 2), g === e)) {
if (a(f, (c += 2)) !== n) break;
var s = o(f, (c += 6)) === t;
c += a(f, c + 4, s);
var v = o(f, c, s);
c += 2;
for (var w = 0; w < v; w++)
if (o(f, c + 12 * w, s) === i)
return void d(o(f, c + 12 * w + 8, s));
} else {
if ((g & r) !== r) break;
c += o(f, c);
}
}
d(-1);
} else d(-1);
}),
l.readAsArrayBuffer(u.slice(0, 65536));
}))(s).then((A) => {
u.setMetadata("exif", { orientation: A }), f(u);
});
});
}),
{ options: { allowImageExifOrientation: [!0, c.BOOLEAN] } }
);
};
return (
"undefined" != typeof window &&
void 0 !== window.document &&
document.dispatchEvent(
new CustomEvent("FilePond:pluginloaded", { detail: l }),
),
l
);
});