chore(deps): update dependency kkt to v7.

Upgrade react-scripts to v5, Support Webpack 5.x
kktjs/kkt#198

Author: jaywcjlove

.kktrc.ts

@@ -1,7 +1,6 @@
 import path from 'path';
 import webpack, { Configuration } from 'webpack';
 import { LoaderConfOptions } from 'kkt';
-import WebpackDevServer from 'webpack-dev-server';
 import lessModules from '@kkt/less-modules';
 import rawModules from '@kkt/raw-modules';
 import scopePluginOptions from '@kkt/scope-plugin-options';
@@ -21,15 +20,29 @@ export default (conf: Configuration, env: 'development' | 'production', options:
     }),
   );
   if (env === 'production') {
+    conf.optimization = {
+      ...conf.optimization,
+      splitChunks: {
+        cacheGroups: {
+          reactvendor: {
+            test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
+            name: 'react-vendor',
+            chunks: 'all',
+          },
+          refractor: {
+            test: /[\\/]node_modules[\\/](refractor)[\\/]/,
+            name: 'refractor-vendor',
+            chunks: 'all',
+          },
+          codeexample: {
+            test: /[\\/]node_modules[\\/](code-example)[\\/]/,
+            name: 'code-example-vendor',
+            chunks: 'async',
+          },
+        },
+      },
+    };
     conf.output = { ...conf.output, publicPath: './' };
   }
   return conf;
 };
-
-/**
- * Modify WebpackDevServer Configuration Example
- */
-export const devServer = (config: WebpackDevServer.Configuration) => {
-  // Return your customised Webpack Development Server config.
-  return config;
-};

package.json

@@ -79,27 +79,25 @@
     "rehype": "12.0.0"
   },
   "devDependencies": {
-    "@kkt/less-modules": "6.11.0",
-    "@kkt/raw-modules": "6.11.0",
-    "@kkt/scope-plugin-options": "6.11.0",
-    "@testing-library/react": "12.1.2",
-    "@types/react": "17.0.27",
-    "@types/react-dom": "17.0.9",
+    "@kkt/less-modules": "7.0.4",
+    "@kkt/raw-modules": "7.0.4",
+    "@kkt/scope-plugin-options": "7.0.4",
+    "@types/react": "17.0.38",
+    "@types/react-dom": "17.0.11",
     "@types/react-test-renderer": "17.0.1",
-    "@types/testing-library__jest-dom": "5.14.1",
     "@uiw/react-github-corners": "1.5.3",
-    "@uiw/react-markdown-preview": "3.4.2",
+    "@uiw/react-markdown-preview": "3.4.6",
     "@uiw/react-loader": "4.9.7",
     "code-example": "3.3.1",
-    "compile-less-cli": "1.8.9",
-    "husky": "7.0.2",
-    "kkt": "6.11.0",
-    "lint-staged": "11.2.0",
-    "prettier": "2.4.1",
+    "compile-less-cli": "1.8.11",
+    "husky": "7.0.4",
+    "kkt": "7.0.4",
+    "lint-staged": "12.1.5",
+    "prettier": "2.5.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
-    "tsbb": "3.4.1"
+    "tsbb" :"3.5.4"
   },
   "eslintConfig": {
     "extends": [

react-app-env.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { stopPropagation } from './utils';
 import { SelectionText } from './SelectionText';
 

src/react-app-env.d.ts

@@ -1,6 +1,5 @@
 {
   "extends": "../tsconfig",
-  "include": ["../src"],
   "compilerOptions": {
     "baseUrl": ".",
     "outDir": "../cjs",

src/shortcuts.ts

@@ -1 +1,11 @@
 /// <reference types="react-scripts" />
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.md' {
+  const src: string;
+  export default src;
+}