chore(deps): update dependency tsbb to v4 #43

jaywcjlove/tsbb#439
uiwjs · Apr 10, 2023 · c9cda99 · c9cda99
1 parent 6085e47
commit c9cda99
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 37 deletions.
diff --git a/package.json b/package.json
@@ -2,8 +2,8 @@
   "private": true,
   "scripts": {
     "⬇️⬇️⬇️⬇️⬇️ package ⬇️⬇️⬇️⬇️⬇️": "▼▼▼▼▼ package ▼▼▼▼▼",
-    "build": "lerna exec --scope @uiw/* -- tsbb build && npm run css:build && npm run css:build:dist",
-    "watch": "lerna exec \"tsbb watch\" --scope @uiw/* & npm run css:watch",
+    "build": "lerna exec --scope @uiw/* -- tsbb build src/*.tsx --use-babel && npm run css:build && npm run css:build:dist",
+    "watch": "lerna exec \"tsbb watch src/*.tsx --use-babel\" --scope @uiw/* & npm run css:watch",
     "css:build": "lerna exec --scope @uiw/* -- compile-less -d src -o esm",
     "css:watch": "lerna exec --scope @uiw/* -- compile-less -d src -o esm --watch",
     "css:build:dist": "lerna exec --scope @uiw/* -- compile-less -d src -o lib --combine=dist.css",
@@ -47,16 +47,19 @@
     "node": ">=16.0.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^13.3.0",
-    "@kkt/ncc": "^1.0.14",
+    "@testing-library/react": "^14.0.0",
+    "@kkt/ncc": "^1.0.15",
     "compile-less-cli": "^1.8.13",
     "husky": "^8.0.1",
-    "lerna": "^5.4.3",
-    "lint-staged": "^13.0.3",
-    "prettier": "^2.7.1",
+    "lerna": "^6.6.1",
+    "lint-staged": "^13.2.1",
+    "prettier": "^2.8.7",
     "pretty-quick": "^3.1.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "tsbb": "^3.7.7"
+    "tsbb": "^4.1.5",
+    "jest-watch-typeahead": "^2.2.2",
+    "jest-environment-jsdom": "~29.5.0",
+    "jest-environment-node": "^29.5.0"
   }
 }
diff --git a/website/package.json b/website/package.json
@@ -15,17 +15,17 @@
     "@uiw/react-markdown-preview": "^4.0.16",
     "@wcj/dark-mode": "^1.0.14",
     "react": "~18.2.0",
-    "react-code-preview-layout": "^2.0.3",
+    "react-code-preview-layout": "^3.0.0",
     "react-dom": "~18.2.0",
     "rehype-ignore": "^1.0.1"
   },
   "devDependencies": {
-    "@kkt/less-modules": "^7.2.0",
-    "@kkt/raw-modules": "^7.2.0",
-    "@kkt/scope-plugin-options": "^7.2.0",
+    "@kkt/less-modules": "^7.4.9",
+    "@kkt/raw-modules": "^7.4.9",
+    "@kkt/scope-plugin-options": "^7.4.9",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
-    "kkt": "^7.2.0",
+    "kkt": "^7.4.9",
     "markdown-react-code-preview-loader": "^2.1.2"
   },
   "eslintConfig": {

diff --git a/website/src/App.tsx b/website/src/App.tsx
@@ -7,11 +7,15 @@ import pkg from '@uiw/react-layout/package.json';
 // import Codepen from '@uiw/react-codepen';
 import CodeSandbox from '@uiw/react-codesandbox';
 import rehypeIgnore from 'rehype-ignore';
+import { Fragment } from 'react';
 import '@wcj/dark-mode';
 import styles from './App.module.less';
 import logo from './logo.svg';
 import Footer from './Footer';
-import { Fragment } from 'react';
+
+const Preview = CodeLayout.Preview;
+const Code = CodeLayout.Code;
+const Toolbar = CodeLayout.Toolbar;
 
 // @ts-ignore
 const version = VERSION;
@@ -100,27 +104,30 @@ export default function App() {
                   },
                 },
               };
-
+              const extra = (
+                <Fragment>
+                  {/* <Codepen {...codePenOption}>
+                    <svg viewBox="0 0 1024 1024" width="18" height="18" fill="currentColor">
+                      <path
+                        d="M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z"
+                        p-id="2071"
+                      />
+                    </svg>
+                  </Codepen> */}
+                  <CodeSandbox {...codeSandboxOption}>Open in CodeSandbox</CodeSandbox>
+                </Fragment>
+              );
               return (
-                <CodeLayout
-                  toolbar={param.title || 'Example'}
-                  code={<code {...rest} />}
-                  text={code}
-                  toolbarExtra={
-                    <Fragment>
-                      {/* <Codepen {...codePenOption}>
-                        <svg viewBox="0 0 1024 1024" width="18" height="18" fill="currentColor">
-                          <path
-                            d="M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z"
-                            p-id="2071"
-                          />
-                        </svg>
-                      </Codepen> */}
-                      <CodeSandbox {...codeSandboxOption}>Open in CodeSandbox</CodeSandbox>
-                    </Fragment>
-                  }
-                >
-                  <Child />
+                <CodeLayout disableCheckered style={{ marginBottom: 18 }}>
+                  <Preview>
+                    <Child />
+                  </Preview>
+                  <Toolbar extra={extra} text={code}>
+                    {param.title || 'Example'}
+                  </Toolbar>
+                  <Code>
+                    <pre {...rest} />
+                  </Code>
                 </CodeLayout>
               );
             }

diff --git a/website/src/index.tsx b/website/src/index.tsx
@@ -1,11 +1,13 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import App from './App';
 import './index.css';
 
-ReactDOM.render(
+import * as ReactDOMClient from 'react-dom/client';
+
+const container = document.getElementById('root');
+const root = ReactDOMClient.createRoot(container!);
+root.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root'),
 );