sideEffects false; material-code imports; add tscheck for demo;

Author: elbakerino

.eslintrc

@@ -143,7 +143,23 @@
                     "warn",
                     "never"
                 ],
-                "semi-style": "off"
+                "semi-style": "off",
+                "no-restricted-imports": [
+                    "error",
+                    {
+                        "paths": [
+                            "@mui/material",
+                            "@mui/icon-material",
+                            "@ui-schema/kit-codemirror",
+                            "@ui-schema/materia-code"
+                        ],
+                        "patterns": [
+                            "@mui/*/*/*",
+                            "@ui-schema/kit-codemirror/*/*",
+                            "@ui-schema/materia-code/*/*/*"
+                        ]
+                    }
+                ]
             }
         }
     ]

package-lock.json

@@ -19,14 +19,14 @@
         "doc-gen": "lerna run doc-gen",
         "page-index": "lerna run page-index",
         "dtsgen": "lerna run dtsgen",
+        "tscheck": "lerna run tscheck",
         "profile": "cross-env NODE_OPTIONS='--max-old-space-size=4096' NODE_ENV=production node packerConfig.js --build --profile",
         "clean": "npm run clean-dist && lerna clean -y",
         "clean-dist": "node packerConfig.js --clean",
         "clean-lock": "rimraf --glob packages/*/package-lock.json",
         "bootstrap": "lerna bootstrap --force-local",
-        "hoist": "lerna bootstrap --hoist -- --legacy-peer-deps",
         "link": "lerna link --force-local",
-        "check": "npm run lint && npm run test",
+        "check": "npm run lint && npm run tscheck && npm run test",
         "lint": "cross-env NODE_ENV=test NODE_OPTIONS=\"--max-old-space-size=8192\" eslint -c=.eslintrc --ext=.tsx,.ts --max-warnings=0 'packages'",
         "test": "jest -c=\"jest.config.ts\" --passWithNoTests",
         "tdd": "npm test -- --watch --watchman --coverage=false",
@@ -42,15 +42,10 @@
         "eslint-plugin-jsx-a11y": "^6.5.1",
         "eslint-plugin-react-hooks": "^4.3.0",
         "lerna": "^3.22.1",
-        "lerna-packer": "0.10.1",
+        "lerna-packer": "0.10.2",
         "merge-dirs": "^0.2.1",
         "sloc": "^0.2.1",
         "ts-node": "^10.9.2",
         "typescript": "~5.3.3"
-    },
-    "jest-runner-eslint": {
-        "cliOptions": {
-            "maxWarnings": 0
-        }
     }
 }

package.json

@@ -6,6 +6,9 @@
     "homepage": "",
     "author": "Michael Becker <michael@bemit.codes>",
     "license": "MIT",
+    "scripts": {
+        "tscheck": "tsc --noEmit"
+    },
     "dependencies": {
         "@mui/material": "^5.1",
         "@mui/icons-material": "^5.1",

packages/demo/package-lock.json

@@ -4,7 +4,7 @@ import { PageHome } from '../pages/PageHome'
 import { PageDemoWidget } from '../pages/PageDemoWidget'
 import { PageDemoLangSelectable } from '../pages/PageDemoLangSelectable'
 import { PageDemoComponent } from '../pages/PageDemoComponent'
-import { Button } from '@mui/material'
+import Button from '@mui/material/Button'
 import { PageDemoComponentMui } from '../pages/PageDemoComponentMui'
 
 export const Layout: React.ComponentType<{ setTheme: React.Dispatch<React.SetStateAction<'dark' | 'light'>> }> = ({setTheme}) => {

packages/demo/package.json

@@ -19,7 +19,7 @@ import { closeBrackets, autocompletion, closeBracketsKeymap, completionKeymap }
 import { lintKeymap } from '@codemirror/lint'
 import { Compartment, EditorState } from '@codemirror/state'
 import { useTheme } from '@mui/material/styles'
-import { Button } from '@mui/material'
+import Button from '@mui/material/Button'
 
 export const PageDemoComponent: React.ComponentType = () => {
     return <>

packages/demo/src/components/Layout.tsx

@@ -23,7 +23,7 @@ import { javascript } from '@codemirror/lang-javascript'
 import { html } from '@codemirror/lang-html'
 import { css } from '@codemirror/lang-css'
 import { MuiCodeMirrorStyleProps, useEditorTheme, useHighlightStyle } from '@ui-schema/material-code'
-import { useExtension } from '@ui-schema/kit-codemirror'
+import { useExtension } from '@ui-schema/kit-codemirror/useExtension'
 
 export const PageDemoComponentMui: React.ComponentType = () => {
     return <>

packages/demo/src/pages/PageDemoComponent.tsx

@@ -0,0 +1,11 @@
+{
+    "extends": "../tsconfig.json",
+    "include": [
+        "src"
+    ],
+    "compilerOptions": {
+        "module": "ES2020",
+        "moduleResolution": "Bundler",
+        "outDir": "build/dts"
+    }
+}