@ouestfrance/sipa-bms-ui 8.42.1 → 8.43.0

package/dist/components/form/BmsInputCode.vue.d.ts

@@ -2,6 +2,7 @@ import { FieldComponentProps } from '../../plugins/field/field-component.model';
 export interface Props extends FieldComponentProps {
     type: 'html' | 'json' | 'css' | 'javascript';
     modelValue: string;
+    extraExtensions?: any[];
 }
 type __VLS_Props = Props;
 declare const input: import('vue').ModelRef<string, string, string, string>;
@@ -18,5 +19,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     modelValue: string;
     errors: (string | import('../..').Caption)[];
     captions: (string | import('../..').Caption)[];
+    extraExtensions: any[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,68 @@
+import { Diagnostic } from '@codemirror/lint';
+import { Extension } from '@codemirror/state';
+/**
+ * Retourne les diagnostics HTML pour un code donné.
+ * Parse le contenu comme du XML strict pour détecter les erreurs de structure.
+ *
+ * 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
+ * - 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.
+ */
+export declare const htmlDiagnostics: (code: string) => Diagnostic[];
+/**
+ * Retourne les diagnostics CSS pour un code donné.
+ * Utilise l'API Constructable Stylesheets (`CSSStyleSheet.replaceSync`).
+ *
+ * Comportement attendu :
+ * - Chaîne vide → aucun diagnostic
+ * - CSS valide (`.foo { color: red; }`) → aucun diagnostic
+ * - CSS invalide → diagnostic avec message du navigateur
+ * - Environnements sans `CSSStyleSheet.replaceSync` (SSR, jsdom) → aucun diagnostic
+ *   (la validation est silencieusement désactivée)
+ */
+export declare const cssDiagnostics: (code: string) => Diagnostic[];
+/**
+ * Retourne les diagnostics JavaScript pour un code donné.
+ * Détecte les erreurs de syntaxe via `new Function(code)`.
+ *
+ * Comportement attendu :
+ * - Chaîne vide → aucun diagnostic
+ * - JS syntaxiquement valide (`const x = 1;`) → aucun diagnostic
+ * - Accolade mal formée (`const x = {;`) → diagnostic « JavaScript invalide »
+ * - Bloc non fermé (`function foo() {`) → diagnostic « JavaScript invalide »
+ *
+ * Limitation : valide uniquement la syntaxe, pas la sémantique ni les types.
+ * Les erreurs runtime (variable inexistante, etc.) ne sont pas détectées.
+ */
+export declare const jsDiagnostics: (code: string) => Diagnostic[];
+/**
+ * Linter syntaxique HTML pour BmsInputCode.
+ * À passer via la prop `extraExtensions`, combiné avec `lintGutter()`.
+ *
+ * @example
+ * <BmsInputCode type="html" :extra-extensions="[lintGutter(), htmlSyntaxLinter()]" />
+ */
+export declare const htmlSyntaxLinter: () => Extension;
+/**
+ * Linter syntaxique CSS pour BmsInputCode.
+ * À passer via la prop `extraExtensions`, combiné avec `lintGutter()`.
+ *
+ * @example
+ * <BmsInputCode type="css" :extra-extensions="[lintGutter(), cssSyntaxLinter()]" />
+ */
+export declare const cssSyntaxLinter: () => Extension;
+/**
+ * Linter syntaxique JavaScript pour BmsInputCode.
+ * À passer via la prop `extraExtensions`, combiné avec `lintGutter()`.
+ *
+ * @example
+ * <BmsInputCode type="javascript" :extra-extensions="[lintGutter(), jsSyntaxLinter()]" />
+ */
+export declare const jsSyntaxLinter: () => Extension;
+export { lintGutter } from '@codemirror/lint';

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

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -70,6 +70,7 @@ export declare const createBmsUi: () => {
     install: (app: App) => void;
 };
 export * from './composables';
+export * from './components/form/bms-input-code.linters';
 export * from './helpers';
 export * from './models';
 export * from './plugins/feature-flipper';

package/dist/sipa-bms-ui.css

@@ -1059,7 +1059,7 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
 }
 .input-checkbox-group-caption-wrapper.column[data-v-3768fc44] {
   flex-direction: column;
-}.code-mirror[data-v-4584ad3d] {
+}.code-mirror[data-v-ba2af147] {
   max-height: 50rem;
   width: 100%;
   overflow: auto;

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

@@ -83564,6 +83564,7 @@ var BmsInputCode_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	props: /* @__PURE__ */ mergeModels({
 		type: {},
 		modelValue: { default: "" },
+		extraExtensions: { default: () => [] },
 		label: {},
 		loading: { type: Boolean },
 		required: { type: Boolean },
@@ -83596,14 +83597,15 @@ var BmsInputCode_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		} });
 		const extensions = computed(() => {
 			switch (props.type) {
-				case "html": return [html()];
-				case "css": return [css()];
-				case "javascript": return [javascript()];
+				case "html": return [html(), ...props.extraExtensions];
+				case "css": return [css(), ...props.extraExtensions];
+				case "javascript": return [javascript(), ...props.extraExtensions];
 				default: return [
 					json(),
 					lintGutter(),
 					linter(jsonParseLinter()),
-					jsonClickExtension
+					jsonClickExtension,
+					...props.extraExtensions
 				];
 			}
 		});
@@ -83627,7 +83629,7 @@ var BmsInputCode_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			}, 16);
 		};
 	}
-}), [["__scopeId", "data-v-4584ad3d"]]);
+}), [["__scopeId", "data-v-ba2af147"]]);
 //#endregion
 //#region src/components/form/BmsInputText.vue
 var BmsInputText_default = /* @__PURE__ */ defineComponent({
@@ -112739,6 +112741,110 @@ var useDarkMode = () => {
 	};
 };
 //#endregion
+//#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.
+*
+* 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
+* - 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 htmlDiagnostics = (code) => {
+	if (!code.trim()) return [];
+	if (!new DOMParser().parseFromString(`<root>${code}</root>`, "text/xml").querySelector("parsererror")) return [];
+	return [{
+		from: 0,
+		to: code.length,
+		severity: "error",
+		message: "HTML invalide : balise mal formée ou non fermée"
+	}];
+};
+/**
+* Retourne les diagnostics CSS pour un code donné.
+* Utilise l'API Constructable Stylesheets (`CSSStyleSheet.replaceSync`).
+*
+* Comportement attendu :
+* - Chaîne vide → aucun diagnostic
+* - CSS valide (`.foo { color: red; }`) → aucun diagnostic
+* - CSS invalide → diagnostic avec message du navigateur
+* - Environnements sans `CSSStyleSheet.replaceSync` (SSR, jsdom) → aucun diagnostic
+*   (la validation est silencieusement désactivée)
+*/
+var cssDiagnostics = (code) => {
+	if (!code.trim()) return [];
+	try {
+		const sheet = new CSSStyleSheet();
+		if (typeof sheet.replaceSync !== "function") return [];
+		sheet.replaceSync(code);
+		return [];
+	} catch (e) {
+		return [{
+			from: 0,
+			to: code.length,
+			severity: "error",
+			message: `CSS invalide : ${e.message}`
+		}];
+	}
+};
+/**
+* Retourne les diagnostics JavaScript pour un code donné.
+* Détecte les erreurs de syntaxe via `new Function(code)`.
+*
+* Comportement attendu :
+* - Chaîne vide → aucun diagnostic
+* - JS syntaxiquement valide (`const x = 1;`) → aucun diagnostic
+* - Accolade mal formée (`const x = {;`) → diagnostic « JavaScript invalide »
+* - Bloc non fermé (`function foo() {`) → diagnostic « JavaScript invalide »
+*
+* Limitation : valide uniquement la syntaxe, pas la sémantique ni les types.
+* Les erreurs runtime (variable inexistante, etc.) ne sont pas détectées.
+*/
+var jsDiagnostics = (code) => {
+	if (!code.trim()) return [];
+	try {
+		new Function(code);
+		return [];
+	} catch (e) {
+		return [{
+			from: 0,
+			to: code.length,
+			severity: "error",
+			message: `JavaScript invalide : ${e.message}`
+		}];
+	}
+};
+/**
+* Linter syntaxique HTML pour BmsInputCode.
+* À passer via la prop `extraExtensions`, combiné avec `lintGutter()`.
+*
+* @example
+* <BmsInputCode type="html" :extra-extensions="[lintGutter(), htmlSyntaxLinter()]" />
+*/
+var htmlSyntaxLinter = () => linter((view) => htmlDiagnostics(view.state.doc.toString()));
+/**
+* Linter syntaxique CSS pour BmsInputCode.
+* À passer via la prop `extraExtensions`, combiné avec `lintGutter()`.
+*
+* @example
+* <BmsInputCode type="css" :extra-extensions="[lintGutter(), cssSyntaxLinter()]" />
+*/
+var cssSyntaxLinter = () => linter((view) => cssDiagnostics(view.state.doc.toString()));
+/**
+* Linter syntaxique JavaScript pour BmsInputCode.
+* À passer via la prop `extraExtensions`, combiné avec `lintGutter()`.
+*
+* @example
+* <BmsInputCode type="javascript" :extra-extensions="[lintGutter(), jsSyntaxLinter()]" />
+*/
+var jsSyntaxLinter = () => linter((view) => jsDiagnostics(view.state.doc.toString()));
+//#endregion
 //#region src/plugins/feature-flipper/featureFlipper.composable.ts
 var features = ref({});
 var useFeatureFlipper = () => {
@@ -114525,6 +114631,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, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getHeaderClasses, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, 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, 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, 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