@benjavicente/lint-angular 0.0.3 → 0.0.4

package/README.md

@@ -10,6 +10,7 @@ Opinated Oxlint/ESLint-compatible plugin for Angular project rules.
 | [`rules-of-inject`](./src/rules/rules-of-inject/)                                                     | ✅       |         | Restrict `inject()` usage to valid Angular injection contexts.                                |
 | [`avoid-explicit-injection-context`](./src/rules/avoid-explicit-injection-context/)                   | ✅       |         | Avoid explicit injection-context APIs such as `inject(Injector)` and `runInInjectionContext`. |
 | [`avoid-explicit-subscription-management`](./src/rules/avoid-explicit-subscription-management/)       | ✅       |         | Avoid storing and manually managing RxJS subscriptions in Angular classes.                    |
+| [`avoid-inappropriate-intimacy`](./src/rules/avoid-inappropriate-intimacy/)                           | ✅       |         | Avoid passing Angular component, directive, and service instances as function arguments.      |
 | [`avoid-ng-modules`](./src/rules/avoid-ng-modules/)                                                   | ✅       |         | Avoid NgModules in favor of standalone Angular APIs.                                          |
 | [`avoid-rxjs-state-in-component`](./src/rules/avoid-rxjs-state-in-component/)                         | ✅       |         | Avoid RxJS subjects for component and directive-local state.                                  |
 | [`avoid-writing-signals-in-reactive-context`](./src/rules/avoid-writing-signals-in-reactive-context/) | ✅       |         | Avoid writing to signals from reactive Angular contexts.                                      |
@@ -17,6 +18,10 @@ Opinated Oxlint/ESLint-compatible plugin for Angular project rules.
 | [`class-matches-filename`](./src/rules/class-matches-filename/)                                       | ✅       |         | Require Angular class names to match component, directive, and service filenames.             |
 | [`component-resource-filenames`](./src/rules/component-resource-filenames/)                           | ✅       |         | Require component resource filenames to match the component TypeScript filename.              |
 | [`decorator-filename-suffix`](./src/rules/decorator-filename-suffix/)                                 | ✅       |         | Require Angular decorators to be declared in files with matching filename suffixes.           |
+| [`injects-tanstack-query-only-in-component-body`](./src/rules/injects-tanstack-query-only-in-component-body/) | ✅       |         | Require TanStack Query inject helpers to be direct component/directive class fields.          |
+| [`no-resource-api`](./src/rules/no-resource-api/)                                                     | ✅       |         | Avoid Angular resource APIs for server state.                                                 |
+| [`no-route-resolvers`](./src/rules/no-route-resolvers/)                                               | ✅       |         | Avoid Angular route resolvers for data loading.                                               |
+| [`no-ui-inheritance`](./src/rules/no-ui-inheritance/)                                                 | ✅       |         | Avoid inheritance for Angular components and directives.                                      |
 | [`prefer-private-elements`](./src/rules/prefer-private-elements/)                                     | ✅       | ✅      | Prefer ECMAScript private elements over TypeScript `private` members.                         |
 | [`prefer-load-component-over-load-children`](./src/rules/prefer-load-component-over-load-children/)   | ✅       |         | Prefer `loadComponent` for lazy routes that load a standalone component.                      |
 | [`prefer-style-url`](./src/rules/prefer-style-url/)                                                   | ✅       | ✅      | Prefer `styleUrl` when a component has exactly one stylesheet.                                |

package/dist/index.mjs

@@ -55,13 +55,13 @@ function unwrapExpression(node) {
 }
 //#endregion
 //#region src/utilities/scope.ts
-const FUNCTION_TYPES$1 = new Set([
+const FUNCTION_TYPES$2 = new Set([
 	"ArrowFunctionExpression",
 	"FunctionDeclaration",
 	"FunctionExpression"
 ]);
 function isFunction$1(node) {
-	return !!node && FUNCTION_TYPES$1.has(node.type);
+	return !!node && FUNCTION_TYPES$2.has(node.type);
 }
 function addBindingIdentifierNodes(node, identifiers) {
 	if (!node) return;
@@ -222,7 +222,7 @@ const ANGULAR_CLASS_DECORATOR_NAMES$1 = new Set([
 ]);
 const INPUT_MODEL_CALL_NAMES = new Set(["input", "model"]);
 const OUTPUT_CALL_NAMES = new Set(["output", "outputFromObservable"]);
-const CLASS_FIELD_TYPES$1 = new Set([
+const CLASS_FIELD_TYPES$2 = new Set([
 	"AccessorProperty",
 	"FieldDefinition",
 	"PropertyDefinition"
@@ -254,7 +254,7 @@ function hasDecorator(context, element, decoratorNames) {
 	return Array.isArray(element.decorators) ? element.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, decoratorNames)) : false;
 }
 function classifyMember(context, element) {
-	if (CLASS_FIELD_TYPES$1.has(element.type)) {
+	if (CLASS_FIELD_TYPES$2.has(element.type)) {
 		if (isApiCall(context, element.value, new Set(["inject"]))) return 0;
 		if (isApiCall(context, element.value, INPUT_MODEL_CALL_NAMES)) return 1;
 		if (hasDecorator(context, element, new Set(["Input"]))) return 1;
@@ -335,7 +335,7 @@ function getSortedMembersFix(context, classBody, classifiedMembers) {
 	for (const member of classifiedMembers) if (member.name) membersByName.set(member.name, member);
 	for (const member of classifiedMembers) {
 		const { element } = member;
-		if (!CLASS_FIELD_TYPES$1.has(element.type)) return void 0;
+		if (!CLASS_FIELD_TYPES$2.has(element.type)) return void 0;
 		if (element.type === "AccessorProperty") return void 0;
 		if (element.computed) return void 0;
 		if (Array.isArray(element.decorators) && element.decorators.length > 0) return void 0;
@@ -485,7 +485,7 @@ const avoidExplicitInjectionContext = defineRule({
 });
 //#endregion
 //#region src/rules/avoid-explicit-subscription-management/index.ts
-const TARGET_DECORATORS$2 = new Set([
+const TARGET_DECORATORS$4 = new Set([
 	"Component",
 	"Directive",
 	"Injectable"
@@ -502,9 +502,9 @@ const RXJS_SUBSCRIBABLE_NAMES = new Set([
 	"ReplaySubject",
 	"Subject"
 ]);
-function hasTargetDecorator$3(context, classNode) {
+function hasTargetDecorator$4(context, classNode) {
 	if (!classNode || !Array.isArray(classNode.decorators)) return false;
-	return classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, TARGET_DECORATORS$2));
+	return classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, TARGET_DECORATORS$4));
 }
 function hasSubscriptionTypeReference(context, node, subscriptionLocalNames, rxjsNamespaces) {
 	if (!node) return false;
@@ -793,7 +793,7 @@ const avoidExplicitSubscriptionManagement = defineRule({
 			ClassBody(node) {
 				const classBody = node;
 				const classNode = classBody.parent;
-				if (!classNode || !hasTargetDecorator$3(context, classNode)) return;
+				if (!classNode || !hasTargetDecorator$4(context, classNode)) return;
 				const rxjsSubscribableReferences = collectRxjsSubscribableReferences(context, classBody, classNode, rxjsSubscribableLocalNames, rxjsNamespaces);
 				const subscriptionReferences = collectSubscriptionReferences(context, classBody, classNode, subscriptionLocalNames, rxjsNamespaces, rxjsSubscribableReferences, rxjsSubscribableLocalNames, takeUntilDestroyedLocalNames, interopNamespaces);
 				walkNode$1(classBody, classNode, (current) => {
@@ -845,6 +845,46 @@ const avoidExplicitSubscriptionManagement = defineRule({
 	}
 });
 //#endregion
+//#region src/rules/avoid-inappropriate-intimacy/index.ts
+const TARGET_DECORATORS$3 = new Set([
+	"Component",
+	"Directive",
+	"Injectable",
+	"Service"
+]);
+function getAngularClassKind(context, classNode) {
+	if (!classNode || !Array.isArray(classNode.decorators)) return null;
+	if (classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, new Set(["Component"])))) return "component";
+	if (classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, new Set(["Directive"])))) return "directive";
+	if (classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, TARGET_DECORATORS$3))) return "service";
+	return null;
+}
+const avoidInappropriateIntimacy = defineRule({
+	meta: {
+		type: "problem",
+		docs: {
+			description: "Disallow passing Angular component, directive, and service instances as function arguments.",
+			recommended: true
+		},
+		schema: [],
+		messages: { avoidThisArgument: "Avoid passing this {{kind}} instance as an argument. Pass the specific values or callbacks the callee needs." }
+	},
+	createOnce(context) {
+		return { CallExpression(node) {
+			const callNode = node;
+			const thisArguments = (callNode.arguments ?? []).filter((argument) => argument.type === "ThisExpression");
+			if (!thisArguments.length) return;
+			const kind = getAngularClassKind(context, context.sourceCode.getAncestors(callNode).findLast((ancestor) => ancestor.type === "ClassDeclaration" || ancestor.type === "ClassExpression"));
+			if (!kind) return;
+			for (const argument of thisArguments) context.report({
+				node: argument,
+				messageId: "avoidThisArgument",
+				data: { kind }
+			});
+		} };
+	}
+});
+//#endregion
 //#region src/rules/avoid-ng-modules/index.ts
 const DEFAULT_ALLOW_FOR_GROUPING = true;
 const DEFAULT_ALLOW_FOR_PROVIDING = false;
@@ -1022,7 +1062,7 @@ const avoidNgModules = defineRule({
 });
 //#endregion
 //#region src/rules/avoid-rxjs-state-in-component/index.ts
-const TARGET_DECORATORS$1 = new Set(["Component", "Directive"]);
+const TARGET_DECORATORS$2 = new Set(["Component", "Directive"]);
 const SUBJECT_NAMES = new Set([
 	"BehaviorSubject",
 	"ReplaySubject",
@@ -1033,9 +1073,9 @@ const FIELD_NODE_TYPES$1 = new Set([
 	"FieldDefinition",
 	"PropertyDefinition"
 ]);
-function hasTargetDecorator$2(context, classNode) {
+function hasTargetDecorator$3(context, classNode) {
 	if (!classNode || !Array.isArray(classNode.decorators)) return false;
-	return classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, TARGET_DECORATORS$1));
+	return classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, TARGET_DECORATORS$2));
 }
 function getImportedSubjectKind(context, node) {
 	const importedName = getImportedName(context, node, "rxjs");
@@ -1174,7 +1214,7 @@ const avoidRxjsStateInComponent = defineRule({
 		return { ClassBody(node) {
 			const classBody = node;
 			const classNode = classBody.parent;
-			if (!hasTargetDecorator$2(context, classNode)) return;
+			if (!hasTargetDecorator$3(context, classNode)) return;
 			const fields = collectSubjectFields(context, classBody);
 			const usages = collectFieldUsages(classBody, fields);
 			for (const [fieldName, field] of fields) {
@@ -1417,7 +1457,7 @@ function getNodeName(node) {
 function getBaseFilename$1(filename) {
 	return filename.split(/[/\\]/u).at(-1) ?? filename;
 }
-function hasTargetDecorator$1(context, classNode, decoratorNames) {
+function hasTargetDecorator$2(context, classNode, decoratorNames) {
 	if (!Array.isArray(classNode.decorators)) return false;
 	return classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, decoratorNames));
 }
@@ -1471,7 +1511,7 @@ const classMatchesFilename = defineRule({
 			ClassDeclaration(node) {
 				if (!fileMatcher) return;
 				const classNode = node;
-				if (hasTargetDecorator$1(context, classNode, fileDecoratorNames)) decoratedClasses.push(classNode);
+				if (hasTargetDecorator$2(context, classNode, fileDecoratorNames)) decoratedClasses.push(classNode);
 			},
 			after() {
 				const filename = context.filename ?? "";
@@ -1682,6 +1722,198 @@ const decoratorFilenameSuffix = defineRule({
 	}
 });
 //#endregion
+//#region src/rules/injects-tanstack-query-only-in-component-body/index.ts
+const TARGET_DECORATORS$1 = new Set(["Component", "Directive"]);
+const TANSTACK_QUERY_APIS = new Set(["injectQuery", "injectMutation"]);
+const TANSTACK_QUERY_SOURCES = new Set(["@tanstack/angular-query", "@benjavicente/angular-query"]);
+const CLASS_FIELD_TYPES$1 = new Set([
+	"AccessorProperty",
+	"FieldDefinition",
+	"PropertyDefinition"
+]);
+const FUNCTION_TYPES$1 = new Set([
+	"ArrowFunctionExpression",
+	"FunctionDeclaration",
+	"FunctionExpression"
+]);
+function hasTargetDecorator$1(context, classNode) {
+	if (!classNode || !Array.isArray(classNode.decorators)) return false;
+	return classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, TARGET_DECORATORS$1));
+}
+function isTanstackQueryInjectCall(context, callNode) {
+	return [...TANSTACK_QUERY_SOURCES].some((source) => isImportedReference(context, callNode.callee, source, TANSTACK_QUERY_APIS));
+}
+function isDirectComponentOrDirectiveFieldInitializer(context, callNode) {
+	const ancestors = context.sourceCode.getAncestors(callNode);
+	const classField = ancestors.findLast((ancestor) => CLASS_FIELD_TYPES$1.has(ancestor.type));
+	if (!classField || unwrapExpression(classField.value) !== callNode) return false;
+	const classBodyIndex = ancestors.findLastIndex((ancestor) => ancestor.type === "ClassBody");
+	if (classBodyIndex === -1) return false;
+	const classBody = ancestors[classBodyIndex];
+	if (ancestors.slice(classBodyIndex + 1).some((ancestor) => FUNCTION_TYPES$1.has(ancestor.type))) return false;
+	return hasTargetDecorator$1(context, classBody?.parent);
+}
+const injectsTanstackQueryOnlyInComponentBody = defineRule({
+	meta: {
+		type: "problem",
+		docs: {
+			description: "Require Angular TanStack Query injectQuery/injectMutation calls to be direct component/directive class fields.",
+			recommended: true
+		},
+		schema: [],
+		messages: { onlyInComponentBody: "Call {{name}} only as a direct class field initializer in an Angular component or directive." }
+	},
+	createOnce(context) {
+		return { CallExpression(node) {
+			const callNode = node;
+			if (!isTanstackQueryInjectCall(context, callNode)) return;
+			if (isDirectComponentOrDirectiveFieldInitializer(context, callNode)) return;
+			context.report({
+				node: callNode.callee ?? callNode,
+				messageId: "onlyInComponentBody",
+				data: { name: callNode.callee?.name ?? "this TanStack Query inject API" }
+			});
+		} };
+	}
+});
+//#endregion
+//#region src/rules/no-resource-api/index.ts
+const RESOURCE_APIS = new Set(["resource"]);
+const RXJS_RESOURCE_APIS = new Set(["rxResource"]);
+const HTTP_RESOURCE_APIS = new Set(["httpResource"]);
+function isResourceApiCall(context, callNode) {
+	const callee = callNode.callee;
+	if (isImportedReference(context, callee, "@angular/core", RESOURCE_APIS)) return true;
+	if (isImportedNamespaceMember(context, callee, "@angular/core", RESOURCE_APIS)) return true;
+	if (isImportedReference(context, callee, "@angular/core/rxjs-interop", RXJS_RESOURCE_APIS)) return true;
+	if (isImportedNamespaceMember(context, callee, "@angular/core/rxjs-interop", RXJS_RESOURCE_APIS)) return true;
+	if (isImportedReference(context, callee, "@angular/common/http", HTTP_RESOURCE_APIS)) return true;
+	if (isImportedNamespaceMember(context, callee, "@angular/common/http", HTTP_RESOURCE_APIS)) return true;
+	if (callee?.type === "MemberExpression" && callee.object?.type === "MemberExpression" && callee.object.object?.type === "Identifier" && isNamespaceImport(context, callee.object.object, "@angular/common/http") && HTTP_RESOURCE_APIS.has(getPropertyName(callee.object.property) ?? "")) return true;
+	return callee?.type === "MemberExpression" && isImportedReference(context, callee.object, "@angular/common/http", HTTP_RESOURCE_APIS);
+}
+const noResourceApi = defineRule({
+	meta: {
+		type: "suggestion",
+		docs: {
+			description: "Disallow Angular resource APIs in favor of a dedicated server-state library.",
+			recommended: true
+		},
+		schema: [],
+		messages: { noResourceApi: "Avoid Angular resource APIs for server state. Prefer a dedicated server-state helper such as TanStack Query." }
+	},
+	createOnce(context) {
+		return { CallExpression(node) {
+			const callNode = node;
+			if (!isResourceApiCall(context, callNode)) return;
+			context.report({
+				node: callNode.callee ?? callNode,
+				messageId: "noResourceApi"
+			});
+		} };
+	}
+});
+//#endregion
+//#region src/rules/no-route-resolvers/index.ts
+const ROUTE_TYPE_NAMES$1 = new Set(["Route"]);
+const ROUTES_TYPE_NAMES$1 = new Set(["Routes"]);
+function isImportedTypeName$1(context, typeNode, importedNames) {
+	if (typeNode?.type === "Identifier") {
+		const importedName = getImportedName(context, typeNode, "@angular/router");
+		return !!importedName && importedNames.has(importedName);
+	}
+	return typeNode?.type === "TSQualifiedName" && typeNode.left?.type === "Identifier" && isNamespaceImport(context, typeNode.left, "@angular/router") && importedNames.has(getPropertyName(typeNode.right) ?? "");
+}
+function getTypeParameterNodes$1(typeNode) {
+	return typeNode.typeParameters?.params ?? typeNode.typeArguments?.params ?? [];
+}
+function isRouteType$1(context, typeNode) {
+	return typeNode?.type === "TSTypeReference" && isImportedTypeName$1(context, typeNode.typeName, ROUTE_TYPE_NAMES$1);
+}
+function isRouteArrayType$1(context, typeNode) {
+	if (!typeNode) return false;
+	if (typeNode.type === "TSTypeReference" && isImportedTypeName$1(context, typeNode.typeName, ROUTES_TYPE_NAMES$1)) return true;
+	if (typeNode.type === "TSArrayType") return isRouteType$1(context, typeNode.elementType);
+	if (typeNode.type !== "TSTypeReference") return false;
+	if (getPropertyName(typeNode.typeName) !== "Array" && getPropertyName(typeNode.typeName) !== "ReadonlyArray") return false;
+	const [elementType] = getTypeParameterNodes$1(typeNode);
+	return isRouteType$1(context, elementType);
+}
+function getTypeAnnotation(node) {
+	const typeAnnotation = node?.typeAnnotation;
+	return typeAnnotation?.type === "TSTypeAnnotation" ? typeAnnotation.typeAnnotation : null;
+}
+const noRouteResolvers = defineRule({
+	meta: {
+		type: "suggestion",
+		docs: {
+			description: "Disallow Angular route resolvers in typed Route/Routes declarations.",
+			recommended: true
+		},
+		schema: [],
+		messages: { noRouteResolvers: "Avoid Angular route resolvers for data loading. Prefer component-level loading with signals or server-state helpers." }
+	},
+	createOnce(context) {
+		function reportResolveInRouteObject(routeObject) {
+			for (const property of routeObject.properties ?? []) {
+				if (property.type !== "Property" || property.computed) continue;
+				const propertyName = getPropertyName(property.key);
+				if (propertyName === "resolve") {
+					context.report({
+						node: property.key ?? property,
+						messageId: "noRouteResolvers"
+					});
+					continue;
+				}
+				if (propertyName === "children" && property.value?.type === "ArrayExpression") reportResolveInRouteArray(property.value);
+			}
+		}
+		function reportResolveInRouteArray(routeArray) {
+			for (const element of routeArray.elements ?? []) if (element?.type === "ObjectExpression") reportResolveInRouteObject(element);
+		}
+		return { VariableDeclarator(node) {
+			const declarator = node;
+			const typeNode = getTypeAnnotation(declarator.id);
+			if (isRouteArrayType$1(context, typeNode) && declarator.init?.type === "ArrayExpression") {
+				reportResolveInRouteArray(declarator.init);
+				return;
+			}
+			if (isRouteType$1(context, typeNode) && declarator.init?.type === "ObjectExpression") reportResolveInRouteObject(declarator.init);
+		} };
+	}
+});
+//#endregion
+//#region src/rules/no-ui-inheritance/index.ts
+const UI_DECORATORS = new Set(["Component", "Directive"]);
+function hasUiDecorator(context, classNode) {
+	if (!Array.isArray(classNode.decorators)) return false;
+	return classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, UI_DECORATORS));
+}
+const noUiInheritance = defineRule({
+	meta: {
+		type: "suggestion",
+		docs: {
+			description: "Disallow inheritance for Angular components and directives.",
+			recommended: true
+		},
+		schema: [],
+		messages: { noUiInheritance: "Avoid inheritance for Angular {{kind}} classes. Prefer composition with services or inject* helpers." }
+	},
+	createOnce(context) {
+		return { "ClassDeclaration, ClassExpression"(node) {
+			const classNode = node;
+			if (!classNode.superClass) return;
+			if (!hasUiDecorator(context, classNode)) return;
+			const kind = classNode.decorators.some((decorator) => isAngularCoreDecorator(context, decorator, new Set(["Component"]))) ? "component" : "directive";
+			context.report({
+				node: classNode.superClass,
+				messageId: "noUiInheritance",
+				data: { kind }
+			});
+		} };
+	}
+});
+//#endregion
 //#region src/rules/prefer-load-component-over-load-children/index.ts
 const ROUTE_TYPE_NAMES = new Set(["Route"]);
 const ROUTES_TYPE_NAMES = new Set(["Routes"]);
@@ -2119,7 +2351,7 @@ const restrictInjectableProvidedIn = defineRule({
 //#endregion
 //#region src/rules/rules-of-inject/index.ts
 const DEFAULT_ALLOWED_FUNCTION_NAMES = [];
-const DEFAULT_INJECT_FUNCTION_PREFIXES = ["injext"];
+const DEFAULT_INJECT_FUNCTION_PREFIXES = ["inject"];
 const DEFAULT_INJECT_FUNCTION_SUFFIXES = ["Guard"];
 const DEFAULT_RUNS_IN_INJECTION_CONTEXT = [];
 const ROUTER_CONTEXT_PROPERTY_NAMES = new Set([
@@ -2336,6 +2568,7 @@ const plugin = eslintCompatPlugin({
 	rules: {
 		"avoid-explicit-injection-context": avoidExplicitInjectionContext,
 		"avoid-explicit-subscription-management": avoidExplicitSubscriptionManagement,
+		"avoid-inappropriate-intimacy": avoidInappropriateIntimacy,
 		"avoid-ng-modules": avoidNgModules,
 		"avoid-rxjs-state-in-component": avoidRxjsStateInComponent,
 		"avoid-writing-signals-in-reactive-context": avoidWritingSignalsInReactiveContext,
@@ -2343,6 +2576,10 @@ const plugin = eslintCompatPlugin({
 		"class-matches-filename": classMatchesFilename,
 		"component-resource-filenames": componentResourceFilenames,
 		"decorator-filename-suffix": decoratorFilenameSuffix,
+		"injects-tanstack-query-only-in-component-body": injectsTanstackQueryOnlyInComponentBody,
+		"no-resource-api": noResourceApi,
+		"no-route-resolvers": noRouteResolvers,
+		"no-ui-inheritance": noUiInheritance,
 		"prefer-load-component-over-load-children": preferLoadComponentOverLoadChildren,
 		"prefer-private-elements": preferPrivateElements,
 		"prefer-style-url": preferStyleUrl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@benjavicente/lint-angular",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Oxlint/ESLint-compatible rules for Angular.",
   "keywords": [
     "angular",
@@ -24,20 +24,20 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "vp pack",
-    "fmt": "vp fmt src",
-    "lint": "vp lint src",
-    "test": "vp test run"
-  },
   "dependencies": {
     "@oxlint/plugins": "^1.63.0"
   },
   "devDependencies": {
     "@types/estree": "^1.0.9",
-    "oxlint-vitest-rule-tester": "workspace:*",
-    "typescript": "catalog:",
-    "vite-plus": "catalog:",
-    "vitest": "catalog:"
+    "typescript": "^6.0.3",
+    "vite-plus": "^0.1.20",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@^0.1.20",
+    "oxlint-vitest-rule-tester": "0.0.1"
+  },
+  "scripts": {
+    "build": "vp pack",
+    "fmt": "vp fmt src",
+    "lint": "vp lint src",
+    "test": "vp test run"
   }
-}
+}