chore(deps): update dependencies.

jaywcjlove · jaywcjlove · commit d31e1d009175 · 2021-08-25T00:59:46.000+08:00
diff --git a/.babelrc b/.babelrc
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,8 @@
 # Edit at https://www.gitignore.io/?templates=node
 
 lib
+cjs
+esm
 build
 dist
 __snapshots__
diff --git a/package.json b/package.json
@@ -3,24 +3,19 @@
   "version": "1.11.13",
   "description": "Code edit preview for React.",
   "author": "Kenny Wang <wowohoo@qq.com>",
-  "main": "lib/cjs/index.js",
-  "module": "lib/esm/index.js",
-  "typings": "lib/cjs/index.d.ts",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
   "scripts": {
     "prepare": "npm run build",
     "released": "npm run build && npm run doc",
     "doc": "kkt build --app-src ./website",
     "start": "kkt start --app-src ./website",
-    "watch": "npm run ts:watch & npm run types:watch & npm run css:watch",
-    "build": "npm run ts:build && npm run types:esm && npm run types:cjs && npm run css:build",
-    "types:build": "tsbb types --sourceRoot src --target ESNEXT",
-    "types:watch": "npm run types:esm -- --watch & npm run types:cjs -- --watch",
-    "types:esm": "npm run types:build -- --outDir ../lib/esm",
-    "types:cjs": "npm run types:build -- --outDir ../lib/cjs",
-    "css:build": "compile-less -d src -o lib/esm",
-    "css:watch": "compile-less -d src -o lib/esm --watch",
-    "ts:watch": "tsbb watch --env-name esm:dev --env-name cjs --target react",
-    "ts:build": "tsbb build --target react"
+    "watch": "tsbb watch & npm run css:watch",
+    "build": "tsbb build && npm run css:build",
+    "test": "tsbb test --env=jsdom",
+    "coverage": "tsbb test --env=jsdom --coverage",
+    "css:build": "compile-less -d src -o esm",
+    "css:watch": "compile-less -d src -o esm --watch"
   },
   "homepage": "https://uiwjs.github.io/react-code-preview",
   "repository": {
@@ -29,7 +24,8 @@
   },
   "files": [
     "src",
-    "lib"
+    "cjs",
+    "esm"
   ],
   "keywords": [
     "uiw",
@@ -44,34 +40,35 @@
     "react-dom": ">=16.9.0"
   },
   "devDependencies": {
-    "@kkt/less-modules": "6.9.0",
-    "@kkt/raw-modules": "6.9.0",
-    "@kkt/scope-plugin-options": "6.9.0",
+    "@kkt/less-modules": "6.11.0",
+    "@kkt/raw-modules": "6.11.0",
+    "@kkt/scope-plugin-options": "6.11.0",
     "@types/babel__standalone": "7.1.3",
-    "@types/codemirror": "5.60.0",
-    "@types/react": "17.0.5",
-    "@types/react-dom": "17.0.5",
+    "@types/codemirror": "5.60.2",
+    "@types/react": "17.0.19",
+    "@types/react-dom": "17.0.9",
     "@types/react-test-renderer": "17.0.1",
-    "@types/react-transition-group": "4.4.1",
-    "@types/webpack-node-externals": "2.5.1",
-    "@uiw/react-github-corners": "1.2.0",
-    "@uiw/react-markdown-preview": "3.0.6",
-    "@uiw/reset.css": "1.0.4",
-    "compile-less-cli": "1.7.0",
-    "kkt": "6.9.0",
+    "@types/react-transition-group": "4.4.2",
+    "@types/webpack-node-externals": "2.5.2",
+    "@uiw/react-github-corners": "1.4.0",
+    "@uiw/react-markdown-preview": "3.2.2",
+    "@uiw/reset.css": "1.0.5",
+    "compile-less-cli": "1.8.1",
+    "jest-environment-jsdom": "27.0.6",
+    "kkt": "6.11.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
-    "tsbb": "2.1.2",
+    "tsbb": "3.0.0-rc.9",
     "uiw": "4.7.14"
   },
   "dependencies": {
-    "@babel/plugin-transform-classes": "7.14.2",
-    "@babel/runtime": "7.14.0",
+    "@babel/plugin-transform-classes": "7.14.9",
+    "@babel/runtime": "7.15.3",
     "@babel/standalone": "7.12.18",
     "@uiw/copy-to-clipboard": "1.0.11",
-    "@uiw/react-codemirror": "3.0.8",
-    "@uiw/react-split": "5.7.0",
+    "@uiw/react-codemirror": "3.1.0",
+    "@uiw/react-split": "5.7.4",
     "@uiw/react-codesandbox": "1.1.0",
     "@uiw/react-codepen": "1.0.1",
     "babel-plugin-transform-remove-imports": "1.5.5"
diff --git a/src/babel.d.ts b/src/babel.d.ts
diff --git a/src/icon.tsx b/src/icon.tsx
@@ -1,3 +1,4 @@
+// @ts-ignore
 import React from 'react';
 
 export const full = (
diff --git a/src/index.tsx b/src/index.tsx
@@ -85,6 +85,7 @@ export interface ICodePreviewState {
 
 export default class CodePreview extends React.PureComponent<CodePreviewProps, ICodePreviewState> {
   public demoDom = React.createRef<HTMLDivElement>();
+  // @ts-ignore
   public editor = React.createRef<CodeMirror>();
   public language: string = '';
   public initHeight: number = 3;
@@ -140,7 +141,7 @@ export default class CodePreview extends React.PureComponent<CodePreviewProps, I
       }
       codeStr = codeStr.replace('_mount_', `document.getElementById('${this.playerId}')`);
       const input = `${codeStr}`;
-      const { code } = await BabelTransform(input);
+      const { code } = BabelTransform(input);
       args.push(code || '');
       // eslint-disable-next-line no-new-func
       new Function(...args).apply(null, argv);
diff --git a/src/transform.tsx b/src/transform.tsx
@@ -1,16 +1,17 @@
 import { transform } from '@babel/standalone';
 import RemoveImports from 'babel-plugin-transform-remove-imports';
+// @ts-ignore
 import TransformClass from '@babel/plugin-transform-classes';
 
-export async function BabelTransform(input: string) {
+export function BabelTransform(input: string) {
   const specifiers: any[] = [];
-  const code = transform(input, {
-    presets: ['es2015', 'react'],
+  const { code } = transform(input, {
+    presets: ['env', 'es2015', 'react'],
     plugins: [
       [RemoveImports, { removeAll: true }],
       [TransformClass, { loose: true }],
     ],
-  }).code;
+  });
 
   return { code, specifiers };
 }
diff --git a/src/tsconfig.json b/src/tsconfig.json
@@ -1,24 +1,9 @@
 {
-	"compilerOptions": {
-		"target": "es5",
-		"lib": [
-			"dom",
-			"dom.iterable",
-			"esnext"
-		],
-		"allowJs": true,
-		"skipLibCheck": true,
-		"esModuleInterop": true,
-		"allowSyntheticDefaultImports": true,
-		"strict": true,
-		"forceConsistentCasingInFileNames": true,
-		"module": "esnext",
-		"moduleResolution": "node",
-		"resolveJsonModule": true,
-		"isolatedModules": true,
-		"declaration": true,
-		"baseUrl": ".",
-		"jsx": "react"
-	},
-	"include": ["../src"]
-}
+  "extends": "../tsconfig",
+  "include": ["../src"],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "outDir": "../cjs",
+    "noEmit": false
+  }
+}
diff --git a/test/index.test.tsx b/test/index.test.tsx
@@ -1,22 +1,19 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import TestRenderer from 'react-test-renderer';
-import Button from '../src';
+import CodePreview from '../';
 
-describe('<Button />', () => {
+describe('<CodePreview />', () => {
   it('Should output a Button', () => {
     const component = TestRenderer.create(
-      <Button type="danger">BUTTON</Button>
+      <CodePreview />
     );
     let tree = component.toJSON();
     expect(tree).toMatchSnapshot();
     if (tree) {
-      expect(tree.type).toBe('button');
-      expect(tree.props.className).toBe('w-btn w-btn-size-default w-btn-danger');
-      expect(tree.children).toHaveLength(1);
-      if (tree.children) {
-        expect(tree.children[0].type).toBe('span');
-        expect(tree.children[0].children).toEqual(['BUTTON']);
-      }
+      // expect(tree.type).toBe('button');
     }
   });
 });
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,31 +1,32 @@
 {
   "compilerOptions": {
+    "sourceMap": false,
     "target": "es5",
     "lib": [
       "dom",
       "dom.iterable",
       "esnext"
     ],
-    "allowJs": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "allowJs": false,
     "skipLibCheck": true,
-    "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "declaration": true,
-    "baseUrl": "website",
+    "baseUrl": ".",
     "jsx": "react-jsx",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
     "noFallthroughCasesInSwitch": true,
-    "noEmit": true
+    "noUnusedLocals": true,
+    "experimentalDecorators": true,
+    "removeComments": false,
+    "noEmit": true,
+    "esModuleInterop": true
   },
   "include": [
-    "website"
+    "src"
   ]
 }
diff --git a/website/react-app-env.d.ts b/website/react-app-env.d.ts
@@ -0,0 +1,16 @@
+/// <reference types="react-scripts" />
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module "*.md" {
+  const value: any;
+  export default value;
+}
+
+declare module '*.less' {
+  const content: any;
+  export default content;
+}
diff --git a/website/typings.d.ts b/website/typings.d.ts

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+// @ts-ignore`
`1`	`2`	`import React from 'react';`
`2`	`3`
`3`	`4`	`export const full = (`