prettier-plugin-bootstrap 0.2.1 → 0.3.0

package/dist/sorting-B-0731KP.cjs

@@ -0,0 +1,315 @@
+//#region src/class-order.ts
+const BREAKPOINTS = [
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"xxl"
+];
+const RESPONSIVE_RE = new RegExp(`^(.+?)-(${BREAKPOINTS.join("|")})-(.+)$`);
+const CLASS_ORDER = [
+	"container-fluid",
+	"container-sm",
+	"container-md",
+	"container-lg",
+	"container-xl",
+	"container-xxl",
+	"container",
+	"row",
+	"row-cols-",
+	"col-auto",
+	"col-1",
+	"col-2",
+	"col-3",
+	"col-4",
+	"col-5",
+	"col-6",
+	"col-7",
+	"col-8",
+	"col-9",
+	"col-10",
+	"col-11",
+	"col-12",
+	"col",
+	"offset-",
+	"g-",
+	"gx-",
+	"gy-",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"lead",
+	"display-",
+	"list-unstyled",
+	"list-inline",
+	"list-inline-item",
+	"initialism",
+	"blockquote",
+	"blockquote-footer",
+	"img-fluid",
+	"img-thumbnail",
+	"figure",
+	"figure-img",
+	"figure-caption",
+	"table",
+	"table-",
+	"caption-top",
+	"form-label",
+	"col-form-label",
+	"form-text",
+	"form-control",
+	"form-control-",
+	"form-select",
+	"form-select-",
+	"form-check",
+	"form-check-",
+	"form-switch",
+	"form-floating",
+	"form-range",
+	"input-group",
+	"input-group-",
+	"valid-feedback",
+	"valid-tooltip",
+	"invalid-feedback",
+	"invalid-tooltip",
+	"was-validated",
+	"btn",
+	"btn-",
+	"btn-close",
+	"btn-close-",
+	"fade",
+	"collapse",
+	"collapsing",
+	"show",
+	"dropdown",
+	"dropdown-",
+	"dropup",
+	"dropend",
+	"dropstart",
+	"btn-group",
+	"btn-group-",
+	"btn-toolbar",
+	"nav",
+	"nav-",
+	"tab-content",
+	"tab-pane",
+	"navbar",
+	"navbar-",
+	"card",
+	"card-",
+	"accordion",
+	"accordion-",
+	"breadcrumb",
+	"breadcrumb-item",
+	"pagination",
+	"pagination-",
+	"page-item",
+	"page-link",
+	"badge",
+	"alert",
+	"alert-",
+	"progress",
+	"progress-",
+	"progress-bar",
+	"progress-bar-",
+	"list-group",
+	"list-group-",
+	"toast",
+	"toast-",
+	"modal",
+	"modal-",
+	"tooltip",
+	"tooltip-",
+	"popover",
+	"popover-",
+	"carousel",
+	"carousel-",
+	"spinner-border",
+	"spinner-border-",
+	"spinner-grow",
+	"spinner-grow-",
+	"offcanvas",
+	"offcanvas-",
+	"placeholder",
+	"placeholder-",
+	"clearfix",
+	"link-",
+	"icon-link",
+	"icon-link-",
+	"ratio",
+	"ratio-",
+	"fixed-top",
+	"fixed-bottom",
+	"sticky-top",
+	"sticky-bottom",
+	"hstack",
+	"vstack",
+	"stretched-link",
+	"text-truncate",
+	"vr",
+	"visually-hidden",
+	"visually-hidden-focusable",
+	"align-",
+	"float-",
+	"object-fit-",
+	"opacity-",
+	"overflow-",
+	"d-",
+	"shadow",
+	"shadow-",
+	"focus-ring",
+	"focus-ring-",
+	"position-",
+	"top-",
+	"bottom-",
+	"start-",
+	"end-",
+	"translate-middle",
+	"translate-middle-",
+	"border",
+	"border-",
+	"w-",
+	"mw-",
+	"vw-",
+	"min-vw-",
+	"h-",
+	"mh-",
+	"vh-",
+	"min-vh-",
+	"flex-",
+	"justify-content-",
+	"align-items-",
+	"align-content-",
+	"align-self-",
+	"order-",
+	"m-",
+	"mx-",
+	"my-",
+	"mt-",
+	"me-",
+	"mb-",
+	"ms-",
+	"p-",
+	"px-",
+	"py-",
+	"pt-",
+	"pe-",
+	"pb-",
+	"ps-",
+	"gap-",
+	"row-gap-",
+	"column-gap-",
+	"font-monospace",
+	"fs-",
+	"fst-",
+	"fw-",
+	"lh-",
+	"text-decoration-",
+	"text-",
+	"text-opacity-",
+	"link-opacity-",
+	"link-offset-",
+	"link-underline",
+	"link-underline-",
+	"bg-",
+	"bg-opacity-",
+	"bg-gradient",
+	"user-select-",
+	"pe-none",
+	"pe-auto",
+	"rounded",
+	"rounded-",
+	"visible",
+	"invisible",
+	"z-"
+];
+function buildOrderMap() {
+	const map = /* @__PURE__ */ new Map();
+	for (const [index, prefix] of CLASS_ORDER.entries()) map.set(prefix, index);
+	return map;
+}
+const ORDER_MAP = buildOrderMap();
+function classKey(className) {
+	let base = className;
+	let breakpointIdx = 0;
+	const match = className.match(RESPONSIVE_RE);
+	if (match) {
+		base = `${match[1]}-${match[3]}`;
+		breakpointIdx = BREAKPOINTS.indexOf(match[2]) + 1;
+	}
+	let bestIdx = -1;
+	let bestLen = 0;
+	for (const [prefix, idx] of ORDER_MAP) if (base === prefix || prefix.endsWith("-") && base.startsWith(prefix)) {
+		if (prefix.length > bestLen) {
+			bestLen = prefix.length;
+			bestIdx = idx;
+		}
+	}
+	return [bestIdx === -1 ? Infinity : bestIdx, breakpointIdx];
+}
+function sortClasses(classes) {
+	const annotated = classes.map((cls, i) => ({
+		cls,
+		key: classKey(cls),
+		orig: i
+	}));
+	annotated.sort((a, b) => {
+		if (a.key[0] !== b.key[0]) return a.key[0] - b.key[0];
+		if (a.key[1] !== b.key[1]) return a.key[1] - b.key[1];
+		return a.orig - b.orig;
+	});
+	return annotated.map((entry) => entry.cls);
+}
+//#endregion
+//#region src/sorting.ts
+function sortClassString(value, options) {
+	if (!value || typeof value !== "string") return value;
+	const trimmed = value.trim();
+	if (!trimmed) return value;
+	const classes = trimmed.split(/\s+/);
+	if (classes.length <= 1) return value;
+	const leadingWs = value.match(/^\s*/)[0];
+	const trailingWs = value.match(/\s*$/)[0];
+	let toSort = classes;
+	if (options?.preserveDuplicates === false) toSort = classes.filter((c, i) => classes.indexOf(c) === i);
+	const sorted = sortClasses(toSort);
+	if (options?.preserveWhitespace) {
+		const separators = trimmed.split(/\S+/).slice(1, -1);
+		return `${leadingWs}${sorted.map((cls, i) => i < separators.length ? cls + separators[i] : cls).join("")}${trailingWs}`;
+	}
+	return `${leadingWs}${sorted.join(" ")}${trailingWs}`;
+}
+//#endregion
+Object.defineProperty(exports, "BREAKPOINTS", {
+	enumerable: true,
+	get: function() {
+		return BREAKPOINTS;
+	}
+});
+Object.defineProperty(exports, "CLASS_ORDER", {
+	enumerable: true,
+	get: function() {
+		return CLASS_ORDER;
+	}
+});
+Object.defineProperty(exports, "classKey", {
+	enumerable: true,
+	get: function() {
+		return classKey;
+	}
+});
+Object.defineProperty(exports, "sortClassString", {
+	enumerable: true,
+	get: function() {
+		return sortClassString;
+	}
+});
+Object.defineProperty(exports, "sortClasses", {
+	enumerable: true,
+	get: function() {
+		return sortClasses;
+	}
+});

package/dist/sorting-BAmBKBim.mjs

@@ -0,0 +1,286 @@
+//#region src/class-order.ts
+const BREAKPOINTS = [
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"xxl"
+];
+const RESPONSIVE_RE = new RegExp(`^(.+?)-(${BREAKPOINTS.join("|")})-(.+)$`);
+const CLASS_ORDER = [
+	"container-fluid",
+	"container-sm",
+	"container-md",
+	"container-lg",
+	"container-xl",
+	"container-xxl",
+	"container",
+	"row",
+	"row-cols-",
+	"col-auto",
+	"col-1",
+	"col-2",
+	"col-3",
+	"col-4",
+	"col-5",
+	"col-6",
+	"col-7",
+	"col-8",
+	"col-9",
+	"col-10",
+	"col-11",
+	"col-12",
+	"col",
+	"offset-",
+	"g-",
+	"gx-",
+	"gy-",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"lead",
+	"display-",
+	"list-unstyled",
+	"list-inline",
+	"list-inline-item",
+	"initialism",
+	"blockquote",
+	"blockquote-footer",
+	"img-fluid",
+	"img-thumbnail",
+	"figure",
+	"figure-img",
+	"figure-caption",
+	"table",
+	"table-",
+	"caption-top",
+	"form-label",
+	"col-form-label",
+	"form-text",
+	"form-control",
+	"form-control-",
+	"form-select",
+	"form-select-",
+	"form-check",
+	"form-check-",
+	"form-switch",
+	"form-floating",
+	"form-range",
+	"input-group",
+	"input-group-",
+	"valid-feedback",
+	"valid-tooltip",
+	"invalid-feedback",
+	"invalid-tooltip",
+	"was-validated",
+	"btn",
+	"btn-",
+	"btn-close",
+	"btn-close-",
+	"fade",
+	"collapse",
+	"collapsing",
+	"show",
+	"dropdown",
+	"dropdown-",
+	"dropup",
+	"dropend",
+	"dropstart",
+	"btn-group",
+	"btn-group-",
+	"btn-toolbar",
+	"nav",
+	"nav-",
+	"tab-content",
+	"tab-pane",
+	"navbar",
+	"navbar-",
+	"card",
+	"card-",
+	"accordion",
+	"accordion-",
+	"breadcrumb",
+	"breadcrumb-item",
+	"pagination",
+	"pagination-",
+	"page-item",
+	"page-link",
+	"badge",
+	"alert",
+	"alert-",
+	"progress",
+	"progress-",
+	"progress-bar",
+	"progress-bar-",
+	"list-group",
+	"list-group-",
+	"toast",
+	"toast-",
+	"modal",
+	"modal-",
+	"tooltip",
+	"tooltip-",
+	"popover",
+	"popover-",
+	"carousel",
+	"carousel-",
+	"spinner-border",
+	"spinner-border-",
+	"spinner-grow",
+	"spinner-grow-",
+	"offcanvas",
+	"offcanvas-",
+	"placeholder",
+	"placeholder-",
+	"clearfix",
+	"link-",
+	"icon-link",
+	"icon-link-",
+	"ratio",
+	"ratio-",
+	"fixed-top",
+	"fixed-bottom",
+	"sticky-top",
+	"sticky-bottom",
+	"hstack",
+	"vstack",
+	"stretched-link",
+	"text-truncate",
+	"vr",
+	"visually-hidden",
+	"visually-hidden-focusable",
+	"align-",
+	"float-",
+	"object-fit-",
+	"opacity-",
+	"overflow-",
+	"d-",
+	"shadow",
+	"shadow-",
+	"focus-ring",
+	"focus-ring-",
+	"position-",
+	"top-",
+	"bottom-",
+	"start-",
+	"end-",
+	"translate-middle",
+	"translate-middle-",
+	"border",
+	"border-",
+	"w-",
+	"mw-",
+	"vw-",
+	"min-vw-",
+	"h-",
+	"mh-",
+	"vh-",
+	"min-vh-",
+	"flex-",
+	"justify-content-",
+	"align-items-",
+	"align-content-",
+	"align-self-",
+	"order-",
+	"m-",
+	"mx-",
+	"my-",
+	"mt-",
+	"me-",
+	"mb-",
+	"ms-",
+	"p-",
+	"px-",
+	"py-",
+	"pt-",
+	"pe-",
+	"pb-",
+	"ps-",
+	"gap-",
+	"row-gap-",
+	"column-gap-",
+	"font-monospace",
+	"fs-",
+	"fst-",
+	"fw-",
+	"lh-",
+	"text-decoration-",
+	"text-",
+	"text-opacity-",
+	"link-opacity-",
+	"link-offset-",
+	"link-underline",
+	"link-underline-",
+	"bg-",
+	"bg-opacity-",
+	"bg-gradient",
+	"user-select-",
+	"pe-none",
+	"pe-auto",
+	"rounded",
+	"rounded-",
+	"visible",
+	"invisible",
+	"z-"
+];
+function buildOrderMap() {
+	const map = /* @__PURE__ */ new Map();
+	for (const [index, prefix] of CLASS_ORDER.entries()) map.set(prefix, index);
+	return map;
+}
+const ORDER_MAP = buildOrderMap();
+function classKey(className) {
+	let base = className;
+	let breakpointIdx = 0;
+	const match = className.match(RESPONSIVE_RE);
+	if (match) {
+		base = `${match[1]}-${match[3]}`;
+		breakpointIdx = BREAKPOINTS.indexOf(match[2]) + 1;
+	}
+	let bestIdx = -1;
+	let bestLen = 0;
+	for (const [prefix, idx] of ORDER_MAP) if (base === prefix || prefix.endsWith("-") && base.startsWith(prefix)) {
+		if (prefix.length > bestLen) {
+			bestLen = prefix.length;
+			bestIdx = idx;
+		}
+	}
+	return [bestIdx === -1 ? Infinity : bestIdx, breakpointIdx];
+}
+function sortClasses(classes) {
+	const annotated = classes.map((cls, i) => ({
+		cls,
+		key: classKey(cls),
+		orig: i
+	}));
+	annotated.sort((a, b) => {
+		if (a.key[0] !== b.key[0]) return a.key[0] - b.key[0];
+		if (a.key[1] !== b.key[1]) return a.key[1] - b.key[1];
+		return a.orig - b.orig;
+	});
+	return annotated.map((entry) => entry.cls);
+}
+//#endregion
+//#region src/sorting.ts
+function sortClassString(value, options) {
+	if (!value || typeof value !== "string") return value;
+	const trimmed = value.trim();
+	if (!trimmed) return value;
+	const classes = trimmed.split(/\s+/);
+	if (classes.length <= 1) return value;
+	const leadingWs = value.match(/^\s*/)[0];
+	const trailingWs = value.match(/\s*$/)[0];
+	let toSort = classes;
+	if (options?.preserveDuplicates === false) toSort = classes.filter((c, i) => classes.indexOf(c) === i);
+	const sorted = sortClasses(toSort);
+	if (options?.preserveWhitespace) {
+		const separators = trimmed.split(/\S+/).slice(1, -1);
+		return `${leadingWs}${sorted.map((cls, i) => i < separators.length ? cls + separators[i] : cls).join("")}${trailingWs}`;
+	}
+	return `${leadingWs}${sorted.join(" ")}${trailingWs}`;
+}
+//#endregion
+export { sortClasses as a, classKey as i, BREAKPOINTS as n, CLASS_ORDER as r, sortClassString as t };

package/dist/sorting.d.ts

@@ -1 +1,2 @@
-export declare function sortClassString(value: string): string;
+import type { SortOptions } from './types';
+export declare function sortClassString(value: string, options?: SortOptions): string;

package/dist/traversal.d.ts

@@ -1,3 +1,4 @@
-export declare function processHtmlAst(ast: any, targetAttrs: string[], _targetFunctions?: string[]): any;
-export declare function processJsxAst(ast: any, targetAttrs: string[], targetFunctions?: string[]): any;
-export declare function processSvelteAst(ast: any, targetAttrs: string[], _targetFunctions?: string[]): any;
+import type { SortOptions } from './types';
+export declare function processHtmlAst(ast: any, attrMatcher: ((name: string) => boolean) | string[], _targetFunctions?: string[], sortOptions?: SortOptions): any;
+export declare function processJsxAst(ast: any, attrMatcher: ((name: string) => boolean) | string[], targetFunctions?: string[], sortOptions?: SortOptions): any;
+export declare function processSvelteAst(ast: any, attrMatcher: ((name: string) => boolean) | string[], _targetFunctions?: string[], sortOptions?: SortOptions): any;

package/dist/types.d.ts

@@ -1,6 +1,13 @@
 import type { Options } from 'prettier';
+export interface SortOptions {
+    preserveWhitespace?: boolean;
+    preserveDuplicates?: boolean;
+}
 export interface BootstrapPluginOptions extends Options {
     bootstrapAttributes?: string[];
     bootstrapFunctions?: string[];
+    bootstrapPreserveWhitespace?: boolean;
+    bootstrapPreserveDuplicates?: boolean;
+    bootstrapVersion?: number;
 }
 export type SortKey = [categoryIndex: number, breakpointIndex: number];

package/package.json

@@ -1,15 +1,22 @@
 {
   "name": "prettier-plugin-bootstrap",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "A Prettier plugin for automatic Bootstrap class sorting",
   "license": "MIT",
   "type": "module",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
+    },
+    "./sorter": {
+      "types": "./dist/sorter.d.ts",
+      "import": "./dist/sorter.mjs",
+      "require": "./dist/sorter.cjs"
     }
   },
+  "main": "./dist/index.cjs",
   "files": [
     "dist"
   ],
@@ -39,6 +46,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
+    "@types/node": "^25.6.0",
     "@vitest/coverage-v8": "^3.2.4",
     "eslint": "^10.3.0",
     "prettier": "^3.5.0",