Hopefuly the proper way to export now

Author: valadas

packages/stencil-library/eslint-plugin/src/configs/recommended.ts

@@ -0,0 +1,31 @@
+import type { Linter } from "eslint";
+import type { FlatConfig } from "@typescript-eslint/utils/ts-eslint";
+import { rules } from "../rules";
+
+// 🔁 Dynamically generate rule names with prefix
+const pluginName = "dnn-elements";
+
+const prefixedRules: Linter.RulesRecord = Object.fromEntries(
+  Object.keys(rules).map(ruleName => [
+    `${pluginName}/${ruleName}`,
+    "error" as const,
+  ])
+);
+
+// ✅ Classic config (extends-based)
+export const recommended: Linter.Config = {
+  plugins: [pluginName],
+  rules: prefixedRules,
+};
+
+// ✅ Flat config (for modern eslint.config.js)
+export const flatRecommended: FlatConfig.Config[] = [
+  {
+    plugins: {
+      [pluginName]: {
+        rules,
+      },
+    },
+    rules: prefixedRules,
+  },
+];

packages/stencil-library/eslint-plugin/src/index.ts

@@ -1,25 +1,20 @@
 import { rules } from "./rules";
+import { recommended, flatRecommended } from "./configs/recommended";
+import type { Plugin } from "./types/plugin";
+const { name, version } = require("../../package.json") as {
+    name: string;
+    version: string;
+  };
 
-const { name, version } =
-  // `import`ing here would bypass the TSConfig's `"rootDir": "src"`
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
-  require("../../package.json") as typeof import("../../package.json");
-
-const plugin = {
-    configs: {
-        get recommended() {
-            return recommended;
-        },
-    },
-    meta: { name, version },
-    rules,
-};
-
-const recommended = {
-    plugins: {
-        "dnn-elements": plugin,
+const plugin: Plugin = {
+  meta: { name, version },
+  rules,
+  configs: {
+    recommended,
+    flat: {
+      recommended: flatRecommended,
     },
-    rules,
+  },
 };
 
-export default plugin;
+export default plugin;

packages/stencil-library/eslint-plugin/src/types/plugin.ts

@@ -0,0 +1,23 @@
+import type { Linter } from "eslint";
+import type { RuleModule } from "@typescript-eslint/utils/ts-eslint";
+import type { FlatConfig } from "@typescript-eslint/utils/ts-eslint";
+
+type RulesRecord = Record<string, RuleModule<string, readonly unknown[]>>;
+
+type FlatConfigs = {
+  flat?: {
+    recommended?: FlatConfig.Config[];
+    [key: string]: FlatConfig.Config[] | undefined;
+  };
+};
+
+export type Plugin = {
+  meta?: {
+    name: string;
+    version: string;
+  };
+  rules: RulesRecord;
+  configs?: {
+    recommended?: Linter.Config;
+  } & FlatConfigs;
+};