WIP: Prevent importing dev dependencies

demo/api/src/repl.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
 import "tsconfig-paths/register";
 
 import { MikroORM } from "@mikro-orm/core";

docs/src/utils/generateComponentDocs.ts

@@ -1,5 +1,6 @@
 /* eslint-disable no-console */
 
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { kebabCase } from "change-case";
 import { readFileSync, writeFileSync } from "fs";
 import path from "path";

packages/admin/admin/package.json

@@ -110,6 +110,7 @@
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
         "@mui/material": "^7.0.0",
+        "@mui/system": "^7.0.0",
         "@mui/x-data-grid": "^7.0.0",
         "@mui/x-data-grid-premium": "^7.0.0",
         "@mui/x-data-grid-pro": "^7.0.0",

packages/admin/admin/src/alert/__stories__/Alert.stories.tsx

@@ -1,6 +1,5 @@
 import { ArrowRight } from "@comet/admin-icons";
-import { Box, Typography } from "@mui/material";
-import { Stack } from "@mui/system";
+import { Box, Stack, Typography } from "@mui/material";
 import type { Meta, StoryObj } from "@storybook/react-webpack5";
 
 import { Button } from "../../common/buttons/Button";

packages/admin/admin/src/table/filterbar/filterBarButton/FilterBarButton.tsx

@@ -1,8 +1,7 @@
 import { ChevronDown } from "@comet/admin-icons";
 // eslint-disable-next-line no-restricted-imports
 import { Button, buttonClasses, type ButtonProps, type ComponentsOverrides, svgIconClasses } from "@mui/material";
-import { css, type Theme } from "@mui/material/styles";
-import { useThemeProps } from "@mui/system";
+import { css, type Theme, useThemeProps } from "@mui/material/styles";
 import { type ComponentType } from "react";
 
 import { createComponentSlot } from "../../../helpers/createComponentSlot";

packages/admin/admin/src/utils/test-utils.tsx

@@ -1,5 +1,6 @@
 // Inspired by https://testing-library.com/docs/react-testing-library/setup/#custom-render
 import { createTheme } from "@mui/material";
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { render, type RenderOptions, type RenderResult } from "@testing-library/react";
 import { type ReactElement, type ReactNode } from "react";
 import { IntlProvider } from "react-intl";
@@ -24,5 +25,6 @@ function customRender(ui: ReactElement, options?: Omit<RenderOptions, "queries">
     return render(ui, { wrapper: DefaultWrapper, ...options });
 }
 
+// eslint-disable-next-line import/no-extraneous-dependencies
 export * from "@testing-library/react";
 export { customRender as render };

packages/admin/cms-admin/package.json

@@ -42,6 +42,7 @@
         "change-case": "^4.1.2",
         "class-validator": "^0.14.3",
         "date-fns": "^4.1.0",
+        "draft-js": "^0.11.7",
         "file-saver": "^2.0.5",
         "final-form-arrays": "^3.1.0",
         "final-form-set-field-touched": "^1.0.1",
@@ -98,7 +99,6 @@
         "@types/react-router-dom": "^5.3.3",
         "@types/react-window": "^1.8.8",
         "chokidar-cli": "^3.0.0",
-        "draft-js": "^0.11.7",
         "eslint": "^9.30.1",
         "final-form": "^4.20.10",
         "graphql": "^16.0.0",

packages/admin/cms-admin/src/blocks/createLinkBlock.tsx

@@ -1,5 +1,5 @@
 import { Field, FinalFormInput } from "@comet/admin";
-import { Box } from "@mui/system";
+import { Box } from "@mui/material";
 import { FormattedMessage, type MessageDescriptor } from "react-intl";
 
 import { type LinkBlockData } from "../blocks.generated";

packages/api/api-generator/src/commands/generate/utils/test-helper.ts

@@ -1,6 +1,7 @@
 import * as process from "node:process";
 
 import { type Permission } from "@comet/cms-api";
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { format, type Options, resolveConfig } from "prettier";
 import { Project, type SourceFile } from "ts-morph";
 

packages/eslint-config/core.js

@@ -51,7 +51,7 @@ const config = [
         rules: {
             "import/no-duplicates": ["error", { "prefer-inline": true }],
             "import/newline-after-import": "error",
-            "import/no-extraneous-dependencies": "error",
+            "import/no-extraneous-dependencies": ["error", { devDependencies: ["**/*.test.ts", "**/*.test.tsx", "**/*.spec.ts", "**/*.spec.tsx"] }],
         },
     },
     ...eslintPluginJsonc["flat/recommended-with-json"],

packages/eslint-plugin/eslint.config.mjs

@@ -40,7 +40,7 @@ const config = [
         rules: {
             "import/no-duplicates": "error",
             "import/newline-after-import": "error",
-            "import/no-extraneous-dependencies": "error",
+            "import/no-extraneous-dependencies": ["error", { devDependencies: false }],
         },
     },
     ...eslintPluginJsonc["flat/recommended-with-json"],