mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-26 08:39:18 +02:00
Add autosave draft system for partage form with HTMX-based session persistence
- 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
@@ -6,4 +6,118 @@
|
||||
|
||||
/* eslint-disable */
|
||||
|
||||
!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(e=e||self).FilePondPluginFileValidateSize=i()}(this,function(){"use strict";var e=function(e){var i=e.addFilter,E=e.utils,l=E.Type,_=E.replaceInString,n=E.toNaturalFileSize;return i("ALLOW_HOPPER_ITEM",function(e,i){var E=i.query;if(!E("GET_ALLOW_FILE_SIZE_VALIDATION"))return!0;var l=E("GET_MAX_FILE_SIZE");if(null!==l&&e.size>l)return!1;var _=E("GET_MIN_FILE_SIZE");return!(null!==_&&e.size<_)}),i("LOAD_FILE",function(e,i){var E=i.query;return new Promise(function(i,l){if(!E("GET_ALLOW_FILE_SIZE_VALIDATION"))return i(e);var I=E("GET_FILE_VALIDATE_SIZE_FILTER");if(I&&!I(e))return i(e);var t=E("GET_MAX_FILE_SIZE");if(null!==t&&e.size>t)l({status:{main:E("GET_LABEL_MAX_FILE_SIZE_EXCEEDED"),sub:_(E("GET_LABEL_MAX_FILE_SIZE"),{filesize:n(t,".",E("GET_FILE_SIZE_BASE"),E("GET_FILE_SIZE_LABELS",E))})}});else{var L=E("GET_MIN_FILE_SIZE");if(null!==L&&e.size<L)l({status:{main:E("GET_LABEL_MIN_FILE_SIZE_EXCEEDED"),sub:_(E("GET_LABEL_MIN_FILE_SIZE"),{filesize:n(L,".",E("GET_FILE_SIZE_BASE"),E("GET_FILE_SIZE_LABELS",E))})}});else{var a=E("GET_MAX_TOTAL_FILE_SIZE");if(null!==a)if(E("GET_ACTIVE_ITEMS").reduce(function(e,i){return e+i.fileSize},0)>a)return void l({status:{main:E("GET_LABEL_MAX_TOTAL_FILE_SIZE_EXCEEDED"),sub:_(E("GET_LABEL_MAX_TOTAL_FILE_SIZE"),{filesize:n(a,".",E("GET_FILE_SIZE_BASE"),E("GET_FILE_SIZE_LABELS",E))})}});i(e)}}})}),{options:{allowFileSizeValidation:[!0,l.BOOLEAN],maxFileSize:[null,l.INT],minFileSize:[null,l.INT],maxTotalFileSize:[null,l.INT],fileValidateSizeFilter:[null,l.FUNCTION],labelMinFileSizeExceeded:["File is too small",l.STRING],labelMinFileSize:["Minimum file size is {filesize}",l.STRING],labelMaxFileSizeExceeded:["File is too large",l.STRING],labelMaxFileSize:["Maximum file size is {filesize}",l.STRING],labelMaxTotalFileSizeExceeded:["Maximum total size exceeded",l.STRING],labelMaxTotalFileSize:["Maximum total file size is {filesize}",l.STRING]}}};return"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:e})),e});
|
||||
!((e, i) => {
|
||||
"object" == typeof exports && "undefined" != typeof module
|
||||
? (module.exports = i())
|
||||
: "function" == typeof define && define.amd
|
||||
? define(i)
|
||||
: ((e = e || self).FilePondPluginFileValidateSize = i());
|
||||
})(this, () => {
|
||||
var e = (e) => {
|
||||
var i = e.addFilter,
|
||||
E = e.utils,
|
||||
l = E.Type,
|
||||
_ = E.replaceInString,
|
||||
n = E.toNaturalFileSize;
|
||||
return (
|
||||
i("ALLOW_HOPPER_ITEM", (e, i) => {
|
||||
var E = i.query;
|
||||
if (!E("GET_ALLOW_FILE_SIZE_VALIDATION")) return !0;
|
||||
var l = E("GET_MAX_FILE_SIZE");
|
||||
if (null !== l && e.size > l) return !1;
|
||||
var _ = E("GET_MIN_FILE_SIZE");
|
||||
return !(null !== _ && e.size < _);
|
||||
}),
|
||||
i("LOAD_FILE", (e, i) => {
|
||||
var E = i.query;
|
||||
return new Promise((i, l) => {
|
||||
if (!E("GET_ALLOW_FILE_SIZE_VALIDATION")) return i(e);
|
||||
var I = E("GET_FILE_VALIDATE_SIZE_FILTER");
|
||||
if (I && !I(e)) return i(e);
|
||||
var t = E("GET_MAX_FILE_SIZE");
|
||||
if (null !== t && e.size > t)
|
||||
l({
|
||||
status: {
|
||||
main: E("GET_LABEL_MAX_FILE_SIZE_EXCEEDED"),
|
||||
sub: _(E("GET_LABEL_MAX_FILE_SIZE"), {
|
||||
filesize: n(
|
||||
t,
|
||||
".",
|
||||
E("GET_FILE_SIZE_BASE"),
|
||||
E("GET_FILE_SIZE_LABELS", E),
|
||||
),
|
||||
}),
|
||||
},
|
||||
});
|
||||
else {
|
||||
var L = E("GET_MIN_FILE_SIZE");
|
||||
if (null !== L && e.size < L)
|
||||
l({
|
||||
status: {
|
||||
main: E("GET_LABEL_MIN_FILE_SIZE_EXCEEDED"),
|
||||
sub: _(E("GET_LABEL_MIN_FILE_SIZE"), {
|
||||
filesize: n(
|
||||
L,
|
||||
".",
|
||||
E("GET_FILE_SIZE_BASE"),
|
||||
E("GET_FILE_SIZE_LABELS", E),
|
||||
),
|
||||
}),
|
||||
},
|
||||
});
|
||||
else {
|
||||
var a = E("GET_MAX_TOTAL_FILE_SIZE");
|
||||
if (null !== a)
|
||||
if (
|
||||
E("GET_ACTIVE_ITEMS").reduce((e, i) => e + i.fileSize, 0) > a
|
||||
)
|
||||
return void l({
|
||||
status: {
|
||||
main: E("GET_LABEL_MAX_TOTAL_FILE_SIZE_EXCEEDED"),
|
||||
sub: _(E("GET_LABEL_MAX_TOTAL_FILE_SIZE"), {
|
||||
filesize: n(
|
||||
a,
|
||||
".",
|
||||
E("GET_FILE_SIZE_BASE"),
|
||||
E("GET_FILE_SIZE_LABELS", E),
|
||||
),
|
||||
}),
|
||||
},
|
||||
});
|
||||
i(e);
|
||||
}
|
||||
}
|
||||
});
|
||||
}),
|
||||
{
|
||||
options: {
|
||||
allowFileSizeValidation: [!0, l.BOOLEAN],
|
||||
maxFileSize: [null, l.INT],
|
||||
minFileSize: [null, l.INT],
|
||||
maxTotalFileSize: [null, l.INT],
|
||||
fileValidateSizeFilter: [null, l.FUNCTION],
|
||||
labelMinFileSizeExceeded: ["File is too small", l.STRING],
|
||||
labelMinFileSize: ["Minimum file size is {filesize}", l.STRING],
|
||||
labelMaxFileSizeExceeded: ["File is too large", l.STRING],
|
||||
labelMaxFileSize: ["Maximum file size is {filesize}", l.STRING],
|
||||
labelMaxTotalFileSizeExceeded: [
|
||||
"Maximum total size exceeded",
|
||||
l.STRING,
|
||||
],
|
||||
labelMaxTotalFileSize: [
|
||||
"Maximum total file size is {filesize}",
|
||||
l.STRING,
|
||||
],
|
||||
},
|
||||
}
|
||||
);
|
||||
};
|
||||
return (
|
||||
"undefined" != typeof window &&
|
||||
void 0 !== window.document &&
|
||||
document.dispatchEvent(
|
||||
new CustomEvent("FilePond:pluginloaded", { detail: e }),
|
||||
),
|
||||
e
|
||||
);
|
||||
});
|
||||
|
||||
@@ -6,4 +6,113 @@
|
||||
|
||||
/* eslint-disable */
|
||||
|
||||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).FilePondPluginFileValidateType=t()}(this,function(){"use strict";var e=function(e){var t=e.addFilter,n=e.utils,i=n.Type,T=n.isString,E=n.replaceInString,l=n.guesstimateMimeType,o=n.getExtensionFromFilename,r=n.getFilenameFromURL,u=function(e,t){return e.some(function(e){return/\*$/.test(e)?(n=e,(/^[^/]+/.exec(t)||[]).pop()===n.slice(0,-2)):e===t;var n})},a=function(e,t,n){if(0===t.length)return!0;var i=function(e){var t="";if(T(e)){var n=r(e),i=o(n);i&&(t=l(i))}else t=e.type;return t}(e);return n?new Promise(function(T,E){n(e,i).then(function(e){u(t,e)?T():E()}).catch(E)}):u(t,i)};return t("SET_ATTRIBUTE_TO_OPTION_MAP",function(e){return Object.assign(e,{accept:"acceptedFileTypes"})}),t("ALLOW_HOPPER_ITEM",function(e,t){var n=t.query;return!n("GET_ALLOW_FILE_TYPE_VALIDATION")||a(e,n("GET_ACCEPTED_FILE_TYPES"))}),t("LOAD_FILE",function(e,t){var n=t.query;return new Promise(function(t,i){if(n("GET_ALLOW_FILE_TYPE_VALIDATION")){var T=n("GET_ACCEPTED_FILE_TYPES"),l=n("GET_FILE_VALIDATE_TYPE_DETECT_TYPE"),o=a(e,T,l),r=function(){var e,t=T.map((e=n("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP"),function(t){return null!==e[t]&&(e[t]||t)})).filter(function(e){return!1!==e}),l=t.filter(function(e,n){return t.indexOf(e)===n});i({status:{main:n("GET_LABEL_FILE_TYPE_NOT_ALLOWED"),sub:E(n("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES"),{allTypes:l.join(", "),allButLastType:l.slice(0,-1).join(", "),lastType:l[l.length-1]})}})};if("boolean"==typeof o)return o?t(e):r();o.then(function(){t(e)}).catch(r)}else t(e)})}),{options:{allowFileTypeValidation:[!0,i.BOOLEAN],acceptedFileTypes:[[],i.ARRAY],labelFileTypeNotAllowed:["File is of invalid type",i.STRING],fileValidateTypeLabelExpectedTypes:["Expects {allButLastType} or {lastType}",i.STRING],fileValidateTypeLabelExpectedTypesMap:[{},i.OBJECT],fileValidateTypeDetectType:[null,i.FUNCTION]}}};return"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:e})),e});
|
||||
!((e, t) => {
|
||||
"object" == typeof exports && "undefined" != typeof module
|
||||
? (module.exports = t())
|
||||
: "function" == typeof define && define.amd
|
||||
? define(t)
|
||||
: ((e = e || self).FilePondPluginFileValidateType = t());
|
||||
})(this, () => {
|
||||
var e = (e) => {
|
||||
var t = e.addFilter,
|
||||
n = e.utils,
|
||||
i = n.Type,
|
||||
T = n.isString,
|
||||
E = n.replaceInString,
|
||||
l = n.guesstimateMimeType,
|
||||
o = n.getExtensionFromFilename,
|
||||
r = n.getFilenameFromURL,
|
||||
u = (e, t) =>
|
||||
e.some((e) =>
|
||||
/\*$/.test(e)
|
||||
? ((n = e), (/^[^/]+/.exec(t) || []).pop() === n.slice(0, -2))
|
||||
: e === t,
|
||||
),
|
||||
a = (e, t, n) => {
|
||||
if (0 === t.length) return !0;
|
||||
var i = ((e) => {
|
||||
var t = "";
|
||||
if (T(e)) {
|
||||
var n = r(e),
|
||||
i = o(n);
|
||||
i && (t = l(i));
|
||||
} else t = e.type;
|
||||
return t;
|
||||
})(e);
|
||||
return n
|
||||
? new Promise((T, E) => {
|
||||
n(e, i)
|
||||
.then((e) => {
|
||||
u(t, e) ? T() : E();
|
||||
})
|
||||
.catch(E);
|
||||
})
|
||||
: u(t, i);
|
||||
};
|
||||
return (
|
||||
t("SET_ATTRIBUTE_TO_OPTION_MAP", (e) =>
|
||||
Object.assign(e, { accept: "acceptedFileTypes" }),
|
||||
),
|
||||
t("ALLOW_HOPPER_ITEM", (e, t) => {
|
||||
var n = t.query;
|
||||
return (
|
||||
!n("GET_ALLOW_FILE_TYPE_VALIDATION") ||
|
||||
a(e, n("GET_ACCEPTED_FILE_TYPES"))
|
||||
);
|
||||
}),
|
||||
t("LOAD_FILE", (e, t) => {
|
||||
var n = t.query;
|
||||
return new Promise((t, i) => {
|
||||
if (n("GET_ALLOW_FILE_TYPE_VALIDATION")) {
|
||||
var T = n("GET_ACCEPTED_FILE_TYPES"),
|
||||
l = n("GET_FILE_VALIDATE_TYPE_DETECT_TYPE"),
|
||||
o = a(e, T, l),
|
||||
r = () => {
|
||||
var e,
|
||||
t = T.map(
|
||||
((e = n("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP")),
|
||||
(t) => null !== e[t] && (e[t] || t)),
|
||||
).filter((e) => !1 !== e),
|
||||
l = t.filter((e, n) => t.indexOf(e) === n);
|
||||
i({
|
||||
status: {
|
||||
main: n("GET_LABEL_FILE_TYPE_NOT_ALLOWED"),
|
||||
sub: E(n("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES"), {
|
||||
allTypes: l.join(", "),
|
||||
allButLastType: l.slice(0, -1).join(", "),
|
||||
lastType: l[l.length - 1],
|
||||
}),
|
||||
},
|
||||
});
|
||||
};
|
||||
if ("boolean" == typeof o) return o ? t(e) : r();
|
||||
o.then(() => {
|
||||
t(e);
|
||||
}).catch(r);
|
||||
} else t(e);
|
||||
});
|
||||
}),
|
||||
{
|
||||
options: {
|
||||
allowFileTypeValidation: [!0, i.BOOLEAN],
|
||||
acceptedFileTypes: [[], i.ARRAY],
|
||||
labelFileTypeNotAllowed: ["File is of invalid type", i.STRING],
|
||||
fileValidateTypeLabelExpectedTypes: [
|
||||
"Expects {allButLastType} or {lastType}",
|
||||
i.STRING,
|
||||
],
|
||||
fileValidateTypeLabelExpectedTypesMap: [{}, i.OBJECT],
|
||||
fileValidateTypeDetectType: [null, i.FUNCTION],
|
||||
},
|
||||
}
|
||||
);
|
||||
};
|
||||
return (
|
||||
"undefined" != typeof window &&
|
||||
void 0 !== window.document &&
|
||||
document.dispatchEvent(
|
||||
new CustomEvent("FilePond:pluginloaded", { detail: e }),
|
||||
),
|
||||
e
|
||||
);
|
||||
});
|
||||
|
||||
@@ -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
|
||||
);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user