Improve resilience of ESlint config. Improve TSconfig to recognize volto-light-theme package correctly.

Author: sneridagh

.eslintrc.js

@@ -20,6 +20,27 @@ module.exports = {
   extends: `${coreLocation}/packages/volto/.eslintrc`,
   rules: {
     'import/no-unresolved': 1,
+    'import/named': 'error',
+    'react/jsx-filename-extension': [1, { extensions: ['.tsx', '.jsx'] }],
+    'no-restricted-imports': [
+      'error',
+      {
+        name: '@plone/volto/components',
+        message:
+          'Importing from barrel files is not allowed. Please use direct imports of the modules instead.',
+      },
+      {
+        name: '@plone/volto/helpers',
+        message:
+          'Importing from barrel files is not allowed. Please use direct imports of the modules instead.',
+      },
+      {
+        name: '@plone/volto/actions',
+        message:
+          'Importing from barrel files is not allowed. Please use direct imports of the modules instead.',
+      },
+    ],
+    'react/jsx-key': [2, { checkFragmentShorthand: true }],
   },
   settings: {
     'import/resolver': {
@@ -28,7 +49,14 @@ module.exports = {
           ['@plone/volto', `${coreLocation}/packages/volto/src`],
           ['@plone/volto-slate', `${coreLocation}/packages/volto-slate/src`],
           ['@plone/registry', `${coreLocation}/packages/registry/src`],
-          ['@kitconcept/volto-logos-block', './packages/volto-logos-block/src'],
+          [
+            '@kitconcept/volto-light-theme',
+            `${projectRootPath}/../volto-light-theme/frontend/packages/volto-light-theme/src`,
+          ],
+          [
+            '@kitconcept/volto-logos-block',
+            `${projectRootPath}/packages/volto-logos-block/src`,
+          ],
           ...addonAliases,
         ],
         extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],

packages/volto-logos-block/package.json

@@ -27,7 +27,8 @@
     "release-alpha": "release-it --preRelease=alpha"
   },
   "dependencies": {
-    "@plone/components": "workspace:*"
+    "@plone/components": "workspace:*",
+    "@kitconcept/volto-light-theme": "workspace:*"
   },
   "peerDependencies": {
     "classnames": "2.5.1",

packages/volto-logos-block/tsconfig.json

@@ -14,10 +14,13 @@
     "jsx": "react-jsx",
     "paths": {
       "@plone/volto/*": ["../../core/packages/volto/src/*"],
+      "@kitconcept/volto-light-theme/*": [
+        "./node_modules/@kitconcept/volto-light-theme/src/*"
+      ],
       "@kitconcept/volto-logos-block/*": ["./src/*"]
     }
   },
-  "include": ["**/*.ts", "**/*.tsx","**/*.js", "**/*.jsx"],
+  "include": ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"],
   "exclude": [
     "node_modules",
     "build",