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

core/package.json

@@ -12,8 +12,8 @@
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "scripts": {
-    "watch": "tsbb watch",
-    "build": "tsbb build",
+    "watch": "tsbb watch src/*.tsx --use-babel",
+    "build": "tsbb build src/*.tsx --use-babel",
     "bundle": "ncc build src/index.tsx --target web --filename keywords",
     "bundle:watch": "ncc watch src/index.tsx --target web --filename keywords",
     "bundle:min": "ncc build src/index.tsx --target web --filename keywords --minify",

core/tsconfig.json

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

package.json

@@ -31,14 +31,17 @@
   },
   "devDependencies": {
     "@kkt/ncc": "^1.0.13",
-    "@kkt/less-modules": "^7.2.0",
+    "@kkt/less-modules": "^7.4.9",
     "@types/react-test-renderer": "~18.0.0",
     "husky": "^8.0.1",
-    "kkt": "^7.2.0",
-    "lerna": "^5.3.0",
-    "lint-staged": "~13.0.0",
-    "prettier": "~2.7.0",
-    "react-test-renderer": "~18.2.0",
-    "tsbb": "^3.7.6"
+    "kkt": "^7.4.9",
+    "lerna": "^6.6.1",
+    "lint-staged": "^13.2.1",
+    "prettier": "^2.8.7",
+    "react-test-renderer": "^18.2.0",
+    "tsbb": "^4.1.5",
+    "jest-watch-typeahead": "^2.2.2",
+    "jest-environment-jsdom": "~29.5.0",
+    "jest-environment-node": "^29.5.0"
   }
 }

www/package.json

@@ -8,27 +8,27 @@
     "map": "source-map-explorer build/static/js/*.js --html build/website-result.html"
   },
   "devDependencies": {
-    "@kkt/less-modules": "~7.2.0",
-    "@kkt/raw-modules": "~7.2.0",
-    "@kkt/scope-plugin-options": "~7.2.0",
-    "@types/react": "~18.0.15",
-    "@types/react-dom": "~18.0.6",
+    "@kkt/less-modules": "^7.4.9",
+    "@kkt/raw-modules": "^7.4.9",
+    "@kkt/scope-plugin-options": "^7.4.9",
+    "@types/react": "^18.0.34",
+    "@types/react-dom": "^18.0.11",
     "@types/styled-components": "^5.1.25",
-    "kkt": "~7.2.0",
-    "markdown-react-code-preview-loader": "^2.1.2",
-    "source-map-explorer": "~2.5.2"
+    "kkt": "^7.4.9",
+    "markdown-react-code-preview-loader": "^2.1.5",
+    "source-map-explorer": "^2.5.3"
   },
   "dependencies": {
-    "@uiw/react-github-corners": "~1.5.14",
-    "@uiw/react-markdown-preview": "~4.1.0",
+    "@uiw/react-github-corners": "^1.5.15",
+    "@uiw/react-markdown-preview": "^4.1.10",
     "@uiw/react-shields": "~1.1.3",
     "@uiw/reset.css": "~1.0.6",
     "@wcj/dark-mode": "~1.0.15",
     "react": "~18.2.0",
-    "react-code-preview-layout": "^2.0.6",
+    "react-code-preview-layout": "^3.0.0",
     "react-dom": "~18.2.0",
     "react-keywords": "0.0.5",
-    "styled-components": "^5.3.5"
+    "styled-components": "^5.3.9"
   },
   "eslintConfig": {
     "extends": [

www/src/Markdown.tsx

@@ -5,6 +5,10 @@ import MarkdownPreview from '@uiw/react-markdown-preview';
 import data from 'react-keywords/README.md';
 import { CodeComponent, ReactMarkdownNames } from 'react-markdown/lib/ast-to-react';
 
+const Preview = CodeLayout.Preview;
+const Code = CodeLayout.Code;
+const Toolbar = CodeLayout.Toolbar;
+
 const CodePreview: CodeComponent | ReactMarkdownNames = ({ inline, node, ...props }) => {
   const $dom = useRef<HTMLDivElement>(null);
   const { 'data-meta': meta, ...rest } = props as any;
@@ -28,14 +32,14 @@ const CodePreview: CodeComponent | ReactMarkdownNames = ({ inline, node, ...prop
     const code = data.data[metaId].value || '';
     const param = getURLParameters(meta);
     return (
-      <CodeLayout
-        ref={$dom}
-        style={{ marginBottom: 10 }}
-        toolbar={param.title || 'Example'}
-        code={<pre {...rest} />}
-        text={code}
-      >
-        <Child />
+      <CodeLayout disableCheckered style={{ marginBottom: 18 }}>
+        <Preview>
+          <Child />
+        </Preview>
+        <Toolbar text={code}>{param.title || 'Example'}</Toolbar>
+        <Code>
+          <pre {...rest} />
+        </Code>
       </CodeLayout>
     );
   }