chore(deps): update dependencies.

Author: jaywcjlove

.husky/pre-commit

@@ -1,4 +1 @@
-#!/usr/bin/env sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install lint-staged
+npx --no-install lint-staged

core/README-zh.md

@@ -27,7 +27,11 @@ import scopePluginOptions from '@kkt/scope-plugin-options';
 import { LoaderConfOptions, WebpackConfiguration } from 'kkt';
 import { mdCodeModulesLoader } from 'markdown-react-code-preview-loader';
 
-export default (conf: WebpackConfiguration, env: 'development' | 'production', options: LoaderConfOptions) => {
+export default (
+  conf: WebpackConfiguration, 
+  env: 'development' | 'production', 
+  options: LoaderConfOptions
+) => {
   // ....
   conf = mdCodeModulesLoader(conf);
   // ....
@@ -45,7 +49,11 @@ import { Options } from 'markdown-react-code-preview-loader';
  * @param {Options} option Loader Options
  * @returns {webpack.Configuration}
  * **/
-export declare const mdCodeModulesLoader: (config: webpack.Configuration, lang?: string[], option?: Options) => webpack.Configuration;
+export declare const mdCodeModulesLoader: (
+  config: webpack.Configuration, 
+  lang?: string[], 
+  option?: Options
+) => webpack.Configuration;
 ```
 
 **第 ② 种方法，手动添加配置**

core/README.md

@@ -27,11 +27,15 @@ import scopePluginOptions from '@kkt/scope-plugin-options';
 import { LoaderConfOptions, WebpackConfiguration } from 'kkt';
 import { mdCodeModulesLoader } from 'markdown-react-code-preview-loader';
 
-export default (conf: WebpackConfiguration, env: 'development' | 'production', options: LoaderConfOptions) => {
-  // ....
-  conf = mdCodeModulesLoader(conf);
-  // ....
-  return conf;
+export default (
+    conf: WebpackConfiguration,
+    env: 'development' | 'production',
+    options: LoaderConfOptions
+) => {
+    // ....
+    conf = mdCodeModulesLoader(conf);
+    // ....
+    return conf;
 };
 ```
 
@@ -45,7 +49,11 @@ import { Options } from 'markdown-react-code-preview-loader';
  * @param {Options} option Loader Options
  * @returns {webpack.Configuration}
  * **/
-export declare const mdCodeModulesLoader: (config: webpack.Configuration, lang?: string[], option?: Options) => webpack.Configuration;
+export declare const mdCodeModulesLoader: (
+  config: webpack.Configuration, 
+  lang?: string[], 
+  option?: Options
+) => webpack.Configuration;
 ```
 
 **② The second method is to manually add the configuration**
@@ -111,10 +119,16 @@ After adding `loader`, use the method to load `markdown` text in the project pro
 ```jsx
 import mdObj from 'markdown-react-code-preview-loader/README.md';
 
-mdObj.source     // => `README.md` raw string text
-mdObj.components // => The component index object, the React component converted from the markdown indexed example. (need to configure meta)
-mdObj.data       // => The component source code index object, the sample source code indexed from markdown. (need to configure meta)
-mdObj.headings       // => This is the parsed header data
+// `README.md` raw string text
+mdObj.source
+// The component index object, the React component converted from the markdown indexed example.
+// (need to configure meta)
+mdObj.components
+// The component source code index object, the sample source code indexed from markdown.
+// (need to configure meta)
+mdObj.data
+// This is the parsed header data
+mdObj.headings
 ```
 
 ```js

core/src/utils/transform.ts

@@ -1,8 +1,8 @@
 import { transform } from '@babel/standalone';
-import { PluginItem } from '@babel/core';
+import { type PluginItem } from '@babel/core';
 import removeImports from 'babel-plugin-transform-remove-imports';
 import replaceExportDefault from 'babel-plugin-transform-replace-export-default';
-import { Options } from '../';
+import { type Options } from '../';
 
 export const getTransformValue = (str: string, filename: string, opts: Options) => {
   const plugins: PluginItem[] = [...(opts.babelPlugins || [])];

lerna.json

@@ -1,4 +1,4 @@
 {
   "version": "2.1.8",
-  "packages": ["website", "core"]
+  "packages": ["website", "core", "pkg-example"]
 }

package.json

@@ -23,6 +23,7 @@
   },
   "workspaces": [
     "core",
+    "pkg-example",
     "website"
   ],
   "jest": {
@@ -35,11 +36,13 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "husky": "~7.0.4",
-    "lerna": "~4.0.0",
-    "lint-staged": "~12.3.4",
-    "prettier": "~2.5.1",
-    "pretty-quick": "~3.1.3",
-    "tsbb": "~3.7.0"
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "husky": "~9.1.6",
+    "lerna": "~8.1.8",
+    "lint-staged": "~15.2.10",
+    "prettier": "~3.3.3",
+    "pretty-quick": "~4.0.0",
+    "tsbb": "^4.4.0"
   }
 }

pkg-example/README.md

@@ -0,0 +1,15 @@
+Example
+===
+
+```jsx mdx:preview
+import React from "react";
+import Example from 'pkg-example';
+
+export default function App() {
+  return (
+    <div className="container">
+      <Example />
+    </div>
+  );
+}
+```

pkg-example/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "pkg-example",
+  "version": "1.0.0",
+  "private": true,
+  "license": "MIT",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "require": "./cjs/index.js",
+      "import": "./esm/index.js"
+    },
+    "./README.md": "./README.md"
+  },
+  "scripts": {
+    "watch": "tsbb watch src/*.tsx --use-babel",
+    "build": "tsbb build src/*.tsx --use-babel"
+  },
+  "keywords": [],
+  "author": "jaywcjlove",
+  "description": ""
+}

pkg-example/src/index.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function Test() {
+  return <div>Test</div>;
+}

pkg-example/tsconfig.json

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