@byscripts/eslint-plugin 0.1.0

package/dist/index.mjs

@@ -0,0 +1,66 @@
+//#region src/block-attribute-order.ts
+const DEFAULT_ORDER = {
+	script: ["lang", "setup"],
+	style: ["lang", "scoped"]
+};
+const blockAttributeOrder = {
+	meta: {
+		type: "layout",
+		fixable: "code",
+		schema: [{
+			type: "object",
+			additionalProperties: {
+				type: "array",
+				items: { type: "string" }
+			}
+		}],
+		messages: { wrongOrder: "Attributes on <{{tag}}> should follow order: {{expected}}." }
+	},
+	create(context) {
+		if (!context.filename.endsWith(".vue")) return {};
+		const attributeOrder = {
+			...DEFAULT_ORDER,
+			...context.options[0]
+		};
+		const { parserServices } = context.sourceCode;
+		const documentFragment = parserServices.getDocumentFragment?.();
+		if (!documentFragment) return {};
+		return { Program() {
+			for (const child of documentFragment.children) {
+				if (child.type !== "VElement") continue;
+				const expectedOrder = attributeOrder[child.name];
+				if (!expectedOrder) continue;
+				const attributes = child.startTag.attributes.filter((a) => a.type === "VAttribute" && !a.directive);
+				const relevantNames = attributes.map((a) => a.key.name).filter((n) => expectedOrder.includes(n));
+				const expectedNames = expectedOrder.filter((n) => relevantNames.includes(n));
+				if (relevantNames.every((name, i) => name === expectedNames[i])) continue;
+				const sourceCode = context.sourceCode;
+				context.report({
+					loc: child.startTag.loc,
+					messageId: "wrongOrder",
+					data: {
+						tag: child.name,
+						expected: expectedNames.join(", ")
+					},
+					fix(fixer) {
+						const newText = [...attributes].sort((attributeA, attributeB) => {
+							const attributeAIndex = expectedOrder.indexOf(attributeA.key.name);
+							const attributeBIndex = expectedOrder.indexOf(attributeB.key.name);
+							return (attributeAIndex === -1 ? 999 : attributeAIndex) - (attributeBIndex === -1 ? 999 : attributeBIndex);
+						}).map((a) => sourceCode.getText(a)).join(" ");
+						const firstAttribute = attributes[0];
+						const lastAttribute = attributes[attributes.length - 1];
+						return fixer.replaceTextRange([firstAttribute.range[0], lastAttribute.range[1]], newText);
+					}
+				});
+			}
+		} };
+	}
+};
+
+//#endregion
+//#region src/index.ts
+var src_default = { blockAttributeOrder };
+
+//#endregion
+export { src_default as default };

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@byscripts/eslint-plugin",
+  "version": "0.1.0",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "scripts": {
+    "build": "tsdown"
+  },
+  "dependencies": {
+    "@eslint/js": "^10.0.1",
+    "eslint-plugin-vue": "^10.8.0",
+    "typescript-eslint": "^8.56.1",
+    "vue-eslint-parser": "^10.4.0"
+  },
+  "devDependencies": {
+    "@tsconfig/recommended": "^1.0.13",
+    "tsdown": "^0.20.3"
+  },
+  "peerDependencies": {
+    "eslint": "^10.0.1"
+  }
+}