@ouestfrance/sipa-bms-ui 8.45.0 → 8.47.0

package/dist/components/form/bms-input-code.linters.d.ts

@@ -51,4 +51,38 @@ export declare const cssSyntaxLinter: () => Extension;
  * <BmsInputCode type="javascript" :extra-extensions="[lintGutter(), jsSyntaxLinter()]" />
  */
 export declare const jsSyntaxLinter: () => Extension;
+/**
+ * Extension CodeMirror qui appelle `onValidation` à chaque fois que le résultat
+ * des linters change, en passant `true` si aucun diagnostic n'est présent.
+ *
+ * Utile pour synchroniser l'état de validation du linter avec un état Vue externe
+ * (ex: désactiver un bouton de soumission).
+ *
+ * Comportement attendu :
+ * - Appelé après chaque cycle de lint (asynchrone, après le debounce du linter)
+ * - `valid: true`  → aucun diagnostic actif dans l'éditeur
+ * - `valid: false` → au moins un diagnostic présent
+ *
+ * Note : démarre à `true` (avant le premier lint). Combiner avec une validation
+ * côté formulaire (champ non vide) pour éviter de soumettre avant le premier lint.
+ *
+ * @example
+ * const sourceValid = ref(true);
+ * const extensions = [lintGutter(), htmlSyntaxLinter(), lintValidationListener((v) => { sourceValid.value = v; })];
+ */
+/**
+ * Crée un linter qui exécute `fn` et appelle `onHasErrors` lorsque la présence
+ * de diagnostics de la sévérité donnée change. À utiliser pour les linters bloquants
+ * (désactiver le bouton de soumission sur `error`, ou avertir sur `warning`).
+ * Pour les linters purement informatifs, utiliser `linter()` directement.
+ *
+ * @example
+ * const htmlValid = ref(true);
+ * const extensions = [
+ *   lintGutter(),
+ *   createLinterWithCallback(htmlDiagnostics, (hasErrors) => { htmlValid.value = !hasErrors; }, 'error'),
+ * ];
+ */
+export declare const createLinterWithCallback: (fn: (code: string) => Diagnostic[], onHasDiagnostics: (hasDiagnostics: boolean) => void, severity?: Diagnostic['severity']) => Extension;
+export declare const lintValidationListener: (onValidation: (valid: boolean) => void) => Extension;
 export { linter, lintGutter } from '@codemirror/lint';

package/dist/sipa-bms-ui.es.js

@@ -79910,6 +79910,13 @@ var lintState = /* @__PURE__ */ StateField.define({
 	},
 	provide: (f) => [showPanel.from(f, (val) => val.panel), EditorView.decorations.from(f, (s) => s.diagnostics)]
 });
+/**
+Returns the number of active lint diagnostics in the given state.
+*/
+function diagnosticCount(state) {
+	let lint = state.field(lintState, false);
+	return lint ? lint.diagnostics.size : 0;
+}
 var activeMark = /* @__PURE__ */ Decoration.mark({ class: "cm-lintRange cm-lintRange-active" });
 function lintTooltip(view, pos, side) {
 	let { diagnostics } = view.state.field(lintState);
@@ -112744,19 +112751,20 @@ var useDarkMode = () => {
 //#region src/components/form/bms-input-code.linters.ts
 /**
 * Retourne les diagnostics HTML pour un code donné.
-* Parse le contenu comme du XML strict pour détecter les erreurs de structure.
+* Parse le contenu comme du XML strict pour détecter les erreurs de structure,
+* après normalisation des balises void HTML5 (accepte `<br>` comme `<br/>`).
 *
 * Comportement attendu :
 * - Chaîne vide → aucun diagnostic
 * - HTML bien formé (`<div><p>Hello</p></div>`) → aucun diagnostic
-* - Balises auto-fermantes XHTML (`<br />`, `<img />`) → aucun diagnostic
+* - Balises void HTML5 (`<br>`, `<meta>`, `<link>`, `<img>`…) → aucun diagnostic
 * - Balise non fermée (`<div><p>Hello</div>`) → diagnostic « HTML invalide »
 * - Attribut mal formé (`<div class=>`) → diagnostic « HTML invalide »
-*
-* Limitation : le parser XML est plus strict que le parser HTML du navigateur.
-* Les balises void HTML5 non fermées (`<br>`, `<img>`) sont considérées invalides.
 */
 var ROOT_TAG = "<root>";
+var VOID_ELEMENTS = "area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr";
+var normalizeBooleanAttributes = (code) => code.replace(/<[a-zA-Z][^>]*>/g, (tag) => tag.replace(/("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')|(\s+)([a-zA-Z][a-zA-Z0-9-:]*)(?!\s*=)(?=[\s/>]|$)/g, (match, quoted, spaces, attrName) => quoted !== void 0 ? match : `${spaces}${attrName}=""`));
+var normalizeVoidElements = (code) => code.replace(new RegExp(`<(${VOID_ELEMENTS})(\\s[^>]*)?(?<!/)>`, "gi"), (_, tag, attrs) => `<${tag}${attrs ?? ""}/>`);
 var htmlErrorOffset = (errorText, code) => {
 	const match = errorText.match(/error on line (\d+) at column (\d+)/i);
 	if (!match) return 0;
@@ -112769,14 +112777,15 @@ var htmlErrorOffset = (errorText, code) => {
 };
 var htmlDiagnostics = (code) => {
 	if (!code.trim()) return [];
-	const parserError = new DOMParser().parseFromString(`${ROOT_TAG}${code}</root>`, "text/xml").querySelector("parsererror");
+	const normalized = normalizeVoidElements(normalizeBooleanAttributes(code));
+	const parserError = new DOMParser().parseFromString(`${ROOT_TAG}${normalized}</root>`, "text/xml").querySelector("parsererror");
 	if (!parserError) return [];
 	const from = htmlErrorOffset(parserError.textContent ?? "", code);
 	return [{
 		from,
 		to: Math.min(from + 1, code.length),
 		severity: "error",
-		message: "HTML invalide : balise mal formée ou non fermée"
+		message: `HTML invalide : ${parserError.textContent?.split("\n")[0] ?? "balise mal formée ou non fermée"}`
 	}];
 };
 /**
@@ -112857,6 +112866,46 @@ var cssSyntaxLinter = () => linter((view) => cssDiagnostics(view.state.doc.toStr
 * <BmsInputCode type="javascript" :extra-extensions="[lintGutter(), jsSyntaxLinter()]" />
 */
 var jsSyntaxLinter = () => linter((view) => jsDiagnostics(view.state.doc.toString()));
+/**
+* Extension CodeMirror qui appelle `onValidation` à chaque fois que le résultat
+* des linters change, en passant `true` si aucun diagnostic n'est présent.
+*
+* Utile pour synchroniser l'état de validation du linter avec un état Vue externe
+* (ex: désactiver un bouton de soumission).
+*
+* Comportement attendu :
+* - Appelé après chaque cycle de lint (asynchrone, après le debounce du linter)
+* - `valid: true`  → aucun diagnostic actif dans l'éditeur
+* - `valid: false` → au moins un diagnostic présent
+*
+* Note : démarre à `true` (avant le premier lint). Combiner avec une validation
+* côté formulaire (champ non vide) pour éviter de soumettre avant le premier lint.
+*
+* @example
+* const sourceValid = ref(true);
+* const extensions = [lintGutter(), htmlSyntaxLinter(), lintValidationListener((v) => { sourceValid.value = v; })];
+*/
+/**
+* Crée un linter qui exécute `fn` et appelle `onHasErrors` lorsque la présence
+* de diagnostics de la sévérité donnée change. À utiliser pour les linters bloquants
+* (désactiver le bouton de soumission sur `error`, ou avertir sur `warning`).
+* Pour les linters purement informatifs, utiliser `linter()` directement.
+*
+* @example
+* const htmlValid = ref(true);
+* const extensions = [
+*   lintGutter(),
+*   createLinterWithCallback(htmlDiagnostics, (hasErrors) => { htmlValid.value = !hasErrors; }, 'error'),
+* ];
+*/
+var createLinterWithCallback = (fn, onHasDiagnostics, severity = "error") => linter((view) => {
+	const diagnostics = fn(view.state.doc.toString());
+	onHasDiagnostics(diagnostics.some((d) => d.severity === severity));
+	return diagnostics;
+});
+var lintValidationListener = (onValidation) => EditorView.updateListener.of((update) => {
+	if (update.transactions.some((t) => t.effects.length > 0) || update.docChanged) onValidation(diagnosticCount(update.state) === 0);
+});
 //#endregion
 //#region src/plugins/feature-flipper/featureFlipper.composable.ts
 var features = ref({});
@@ -114644,6 +114693,6 @@ var createBmsUi = () => ({ install: (app) => {
 	app.component("BmsRelativeTime", BmsRelativeTime_default);
 } });
 //#endregion
-export { BMS_FORM_VALID_URL_REGEX, BmsAlert_default as BmsAlert, BmsAutocomplete_default as BmsAutocomplete, BmsBackButton_default as BmsBackButton, BmsBadge_default as BmsBadge, BmsBetweenInput_default as BmsBetweenInput, BmsBreadcrumb_default as BmsBreadcrumb, BmsButton_default as BmsButton, BmsCaption_default as BmsCaption, BmsCard_default as BmsCard, BmsChip_default as BmsChip, BmsCircularProgress_default as BmsCircularProgress, BmsCocarde_default as BmsCocarde, BmsCombobox_default as BmsCombobox, BmsContentPageLayout_default as BmsContentPageLayout, DraggableList_default as BmsDraggableList, BmsEmptyScreen_default as BmsEmptyScreen, BmsFilePicker_default as BmsFilePicker, BmsFixedMenu_default as BmsFixedMenu, BmsFloatingWindow_default as BmsFloatingWindow, BmsForm_default as BmsForm, BmsGhost_default as BmsGhost, BmsHeader_default as BmsHeader, BmsHeaderTitle_default as BmsHeaderTitle, BmsIconButton_default as BmsIconButton, BmsInputBooleanCheckbox_default as BmsInputBooleanCheckbox, BmsInputCheckboxCaption_default as BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup_default as BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup_default as BmsInputCheckboxGroup, BmsInputCode_default as BmsInputCode, BmsInputDateTime_default as BmsInputDateTime, BmsInputFile_default as BmsInputFile, BmsInputNumber_default as BmsInputNumber, BmsInputRadio_default as BmsInputRadio, BmsInputRadioCaption_default as BmsInputRadioCaption, BmsInputRadioCaptionGroup_default as BmsInputRadioCaptionGroup, BmsInputRadioGroup_default as BmsInputRadioGroup, BmsInputText_default as BmsInputText, BmsInputTime_default as BmsInputTime, BmsInputToggle_default as BmsInputToggle, BmsLink_default as BmsLink, BmsLoader_default as BmsLoader, BmsMenu_default as BmsMenu, BmsMenuNav_default as BmsMenuNav, BmsModal_default as BmsModal, BmsMultiSelect_default as BmsMultiSelect, BmsNotificationsInstance, BmsOverlay_default as BmsOverlay, BmsPagination_default as BmsPagination, BmsProblem_default as BmsProblem, BmsRelativeTime_default as BmsRelativeTime, BmsSearch_default as BmsSearch, BmsSection_default as BmsSection, BmsSelect_default as BmsSelect, BmsServerAutocomplete_default as BmsServerAutocomplete, BmsServerTable_default as BmsServerTable, BmsShortLinkMenu_default as BmsShortLinkMenu, BmsSidePanel_default as BmsSidePanel, BmsSlidingPanelShell_default as BmsSlidingPanelShell, BmsSplitWindow_default as BmsSplitWindow, BmsStep_default as BmsStep, BmsStepper_default as BmsStepper, BmsTable_default as BmsTable, BmsTabs_default as BmsTabs, BmsTag_default as BmsTag, BmsTenantSwitcher_default as BmsTenantSwitcher, BmsTextArea_default as BmsTextArea, BmsToggleIcon_default as BmsToggleIcon, BmsTooltip_default as BmsTooltip, ChipColor, CocardeBorder, ColumnType, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TableMode, TooltipDirection, bmsDefaultSearchFilterFunction, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, cssDiagnostics, cssSyntaxLinter, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getHeaderClasses, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, htmlDiagnostics, htmlSyntaxLinter, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, jsDiagnostics, jsSyntaxLinter, keycloakAuthAdapter, keycloakAuthAdapterInit, lintGutter, linter, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useDarkMode, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
+export { BMS_FORM_VALID_URL_REGEX, BmsAlert_default as BmsAlert, BmsAutocomplete_default as BmsAutocomplete, BmsBackButton_default as BmsBackButton, BmsBadge_default as BmsBadge, BmsBetweenInput_default as BmsBetweenInput, BmsBreadcrumb_default as BmsBreadcrumb, BmsButton_default as BmsButton, BmsCaption_default as BmsCaption, BmsCard_default as BmsCard, BmsChip_default as BmsChip, BmsCircularProgress_default as BmsCircularProgress, BmsCocarde_default as BmsCocarde, BmsCombobox_default as BmsCombobox, BmsContentPageLayout_default as BmsContentPageLayout, DraggableList_default as BmsDraggableList, BmsEmptyScreen_default as BmsEmptyScreen, BmsFilePicker_default as BmsFilePicker, BmsFixedMenu_default as BmsFixedMenu, BmsFloatingWindow_default as BmsFloatingWindow, BmsForm_default as BmsForm, BmsGhost_default as BmsGhost, BmsHeader_default as BmsHeader, BmsHeaderTitle_default as BmsHeaderTitle, BmsIconButton_default as BmsIconButton, BmsInputBooleanCheckbox_default as BmsInputBooleanCheckbox, BmsInputCheckboxCaption_default as BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup_default as BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup_default as BmsInputCheckboxGroup, BmsInputCode_default as BmsInputCode, BmsInputDateTime_default as BmsInputDateTime, BmsInputFile_default as BmsInputFile, BmsInputNumber_default as BmsInputNumber, BmsInputRadio_default as BmsInputRadio, BmsInputRadioCaption_default as BmsInputRadioCaption, BmsInputRadioCaptionGroup_default as BmsInputRadioCaptionGroup, BmsInputRadioGroup_default as BmsInputRadioGroup, BmsInputText_default as BmsInputText, BmsInputTime_default as BmsInputTime, BmsInputToggle_default as BmsInputToggle, BmsLink_default as BmsLink, BmsLoader_default as BmsLoader, BmsMenu_default as BmsMenu, BmsMenuNav_default as BmsMenuNav, BmsModal_default as BmsModal, BmsMultiSelect_default as BmsMultiSelect, BmsNotificationsInstance, BmsOverlay_default as BmsOverlay, BmsPagination_default as BmsPagination, BmsProblem_default as BmsProblem, BmsRelativeTime_default as BmsRelativeTime, BmsSearch_default as BmsSearch, BmsSection_default as BmsSection, BmsSelect_default as BmsSelect, BmsServerAutocomplete_default as BmsServerAutocomplete, BmsServerTable_default as BmsServerTable, BmsShortLinkMenu_default as BmsShortLinkMenu, BmsSidePanel_default as BmsSidePanel, BmsSlidingPanelShell_default as BmsSlidingPanelShell, BmsSplitWindow_default as BmsSplitWindow, BmsStep_default as BmsStep, BmsStepper_default as BmsStepper, BmsTable_default as BmsTable, BmsTabs_default as BmsTabs, BmsTag_default as BmsTag, BmsTenantSwitcher_default as BmsTenantSwitcher, BmsTextArea_default as BmsTextArea, BmsToggleIcon_default as BmsToggleIcon, BmsTooltip_default as BmsTooltip, ChipColor, CocardeBorder, ColumnType, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TableMode, TooltipDirection, bmsDefaultSearchFilterFunction, confirmPlugin, convertStringToCaption, createBmsUi, createLinterWithCallback, createRuntimeEnv, cssDiagnostics, cssSyntaxLinter, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getHeaderClasses, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, htmlDiagnostics, htmlSyntaxLinter, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, jsDiagnostics, jsSyntaxLinter, keycloakAuthAdapter, keycloakAuthAdapterInit, lintGutter, lintValidationListener, linter, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useDarkMode, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
 
 //# sourceMappingURL=sipa-bms-ui.es.js.map