├── typings.d.ts ├── src ├── pages │ ├── Json2Ts │ │ ├── config.json │ │ ├── index.less │ │ ├── PageContext.tsx │ │ ├── JsonView │ │ │ └── index.tsx │ │ ├── TypeView │ │ │ └── index.tsx │ │ └── index.tsx │ ├── Json2ProTable │ │ ├── config.json │ │ ├── index.less │ │ ├── PageContext.tsx │ │ ├── JsonView │ │ │ └── index.tsx │ │ ├── index.tsx │ │ └── ProTableView │ │ │ └── index.tsx │ ├── Guide │ │ ├── index.less │ │ └── index.tsx │ └── index │ │ └── index.tsx ├── assets │ └── yay.jpg ├── components │ └── LayoutRoot │ │ ├── index.less │ │ └── index.tsx └── hooks │ └── useScale.ts ├── tsconfig.json ├── .npmrc ├── tailwind.css ├── .gitignore ├── tailwind.config.js ├── README.md ├── docment.html ├── site ├── Guide.css ├── index.html ├── Guide.html ├── Json2Ts.html ├── Json2ProTable.html ├── Json2Ts.css ├── Json2ProTable.css └── index.js ├── package.json └── config └── config.ts /typings.d.ts: -------------------------------------------------------------------------------- 1 | import 'umi/typings'; 2 | -------------------------------------------------------------------------------- /src/pages/Json2Ts/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Json2Ts" 3 | } 4 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./src/.umi/tsconfig.json" 3 | } 4 | -------------------------------------------------------------------------------- /src/pages/Json2ProTable/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Json2ProTable" 3 | } 4 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | registry=https://registry.npmjs.org/ 2 | strict-peer-dependencies=false 3 | -------------------------------------------------------------------------------- /tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /src/assets/yay.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NelsonYong/code-producer/HEAD/src/assets/yay.jpg -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /.env.local 3 | /.umirc.local.ts 4 | /config/config.local.ts 5 | /src/.umi 6 | /src/.umi-production 7 | /src/.umi-test 8 | /dist 9 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | content: [ 3 | './src/pages/**/*.tsx', 4 | './src/components/**.tsx', 5 | './src/layouts/**.tsx', 6 | ], 7 | } 8 | -------------------------------------------------------------------------------- /src/pages/Guide/index.less: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0 !important; 3 | } 4 | 5 | .cover { 6 | display: flex !important; 7 | width: 100%; 8 | justify-content: center !important; 9 | } 10 | -------------------------------------------------------------------------------- /src/pages/index/index.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect } from 'react' 2 | 3 | const index = () => { 4 | useEffect(() => { 5 | window.location.href = '/Guide.html' 6 | }, []) 7 | return
8 | } 9 | 10 | export default index 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # code-producer 2 | 3 | 🏭 Make different forms of the code 4 | 5 | ## Pages 6 | 7 | - [Home](https://code-producer.vercel.app/Guide.html) 8 | 9 | - [Json to Ts](https://code-producer.vercel.app/Json2Ts.html) 10 | 11 | - [Antd ProTable](https://code-producer.vercel.app/Json2ProTable.html) 12 | -------------------------------------------------------------------------------- /docment.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 10 | <%= title %> 11 | 12 | 13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /site/Guide.css: -------------------------------------------------------------------------------- 1 | .title___WMhJL{display:flex;height:100%;align-items:center;color:#fff;font-weight:100;cursor:pointer}.icons___z2EMP{color:#fff;display:flex;font-size:1.25rem;line-height:1.75rem;align-items:center;justify-content:end}.footer___cXEyX{text-align:center;opacity:.5}body{margin:0!important}.cover___LstEz{display:flex!important;width:100%;justify-content:center!important} 2 | -------------------------------------------------------------------------------- /src/pages/Json2ProTable/index.less: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0 !important; 3 | } 4 | .card { 5 | width: 100%; 6 | background-color: #3c3c3c; 7 | padding-top: 0.5rem; 8 | border-radius: 12px; 9 | overflow: hidden; 10 | 11 | .head { 12 | width: 100%; 13 | padding-left: 0.5rem; 14 | padding-bottom: 0.5rem; 15 | } 16 | 17 | .body { 18 | width: 100%; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /src/pages/Json2Ts/index.less: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0 !important; 3 | } 4 | 5 | .card { 6 | width: 100%; 7 | background-color: #3c3c3c; 8 | padding-top: 0.5rem; 9 | border-radius: 12px; 10 | overflow: hidden; 11 | 12 | .head { 13 | width: 100%; 14 | padding-left: 0.5rem; 15 | padding-bottom: 0.5rem; 16 | } 17 | 18 | .body { 19 | width: 100%; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /site/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 10 | index 11 | 12 | 13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /site/Guide.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 10 | Guide 11 | 12 | 13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /site/Json2Ts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 10 | Json2Ts 11 | 12 | 13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /site/Json2ProTable.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 10 | Json2ProTable 11 | 12 | 13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /src/components/LayoutRoot/index.less: -------------------------------------------------------------------------------- 1 | .title { 2 | display: flex; 3 | height: 100%; 4 | align-items: center; 5 | color: rgb(255, 255, 255); 6 | font-weight: 100; 7 | cursor: pointer; 8 | } 9 | 10 | .icons { 11 | color: rgb(255, 255, 255); 12 | display: flex; 13 | font-size: 1.25rem /* 20px */; 14 | line-height: 1.75rem /* 28px */; 15 | align-items: center; 16 | justify-content: end; 17 | } 18 | 19 | .footer { 20 | text-align: center; 21 | opacity: 0.5; 22 | } 23 | -------------------------------------------------------------------------------- /site/Json2Ts.css: -------------------------------------------------------------------------------- 1 | body{margin:0!important}.card___m5_CX{width:100%;background-color:#3c3c3c;padding-top:.5rem;border-radius:12px;overflow:hidden}.card___m5_CX .head___EixxN{width:100%;padding-left:.5rem;padding-bottom:.5rem}.card___m5_CX .body___mH4ex{width:100%}.title___WMhJL{display:flex;height:100%;align-items:center;color:#fff;font-weight:100;cursor:pointer}.icons___z2EMP{color:#fff;display:flex;font-size:1.25rem;line-height:1.75rem;align-items:center;justify-content:end}.footer___cXEyX{text-align:center;opacity:.5} 2 | -------------------------------------------------------------------------------- /site/Json2ProTable.css: -------------------------------------------------------------------------------- 1 | .title___WMhJL{display:flex;height:100%;align-items:center;color:#fff;font-weight:100;cursor:pointer}.icons___z2EMP{color:#fff;display:flex;font-size:1.25rem;line-height:1.75rem;align-items:center;justify-content:end}.footer___cXEyX{text-align:center;opacity:.5}body{margin:0!important}.card___I5Yww{width:100%;background-color:#3c3c3c;padding-top:.5rem;border-radius:12px;overflow:hidden}.card___I5Yww .head___o0ZcF{width:100%;padding-left:.5rem;padding-bottom:.5rem}.card___I5Yww .body___cD9cO{width:100%} 2 | -------------------------------------------------------------------------------- /src/pages/Json2Ts/PageContext.tsx: -------------------------------------------------------------------------------- 1 | import type React from 'react' 2 | import { createContext } from 'react' 3 | 4 | export type SelectType = { 5 | label: string 6 | value: string 7 | language: string 8 | } 9 | 10 | const PageContext = createContext<{ 11 | currentCode?: string 12 | setCurrentCode?: React.Dispatch> 13 | select?: SelectType 14 | setSelect?: React.Dispatch> 15 | targetSelect?: SelectType 16 | setTargetSelect?: React.Dispatch> 17 | }>({}) 18 | 19 | export default PageContext 20 | -------------------------------------------------------------------------------- /src/pages/Json2ProTable/PageContext.tsx: -------------------------------------------------------------------------------- 1 | import type React from 'react' 2 | import { createContext } from 'react' 3 | 4 | export type SelectType = { 5 | label: string 6 | value: string 7 | language: string 8 | } 9 | 10 | const PageContext = createContext<{ 11 | currentCode?: string 12 | setCurrentCode?: React.Dispatch> 13 | select?: SelectType 14 | setSelect?: React.Dispatch> 15 | targetSelect?: SelectType 16 | setTargetSelect?: React.Dispatch> 17 | }>({}) 18 | 19 | export default PageContext 20 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "author": "YongGit <1013588891@qq.com>", 4 | "scripts": { 5 | "dev": "cross-env PORT=3000 umi dev", 6 | "build": "umi build", 7 | "postinstall": "umi setup", 8 | "setup": "umi setup", 9 | "start": "npm run dev" 10 | }, 11 | "dependencies": { 12 | "@ant-design/icons": "^4.8.0", 13 | "@monaco-editor/react": "^4.4.6", 14 | "ahooks": "^3.7.4", 15 | "antd": "^5.1.2", 16 | "monaco-editor-webpack-plugin": "^7.0.1", 17 | "quicktype-core": "^7.0.2", 18 | "react-monaco-editor": "^0.51.0", 19 | "umi": "^4.0.41" 20 | }, 21 | "devDependencies": { 22 | "@types/react": "^18.0.0", 23 | "@types/react-dom": "^18.0.0", 24 | "@umijs/plugins": "^4.0.41", 25 | "cross-env": "^7.0.3", 26 | "tailwindcss": "^3", 27 | "typescript": "^4.1.2" 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /src/pages/Json2Ts/JsonView/index.tsx: -------------------------------------------------------------------------------- 1 | import Editor, { EditorProps } from '@monaco-editor/react' 2 | import { useContext, useEffect, useRef, useState } from 'react' 3 | import PageContext from '../PageContext' 4 | 5 | const JsonView = () => { 6 | const { currentCode, setCurrentCode, select } = useContext(PageContext) 7 | const enditor = useRef() 8 | const editorDidMountHandle: EditorProps['onMount'] = (editor) => { 9 | enditor.current = editor 10 | setTimeout(function () { 11 | editor.getAction('editor.action.formatDocument').run() 12 | }, 500) 13 | } 14 | 15 | return ( 16 | { 32 | setCurrentCode?.(value) 33 | setTimeout(function () { 34 | enditor.current.getAction('editor.action.formatDocument').run() 35 | }, 500) 36 | }} 37 | /> 38 | ) 39 | } 40 | 41 | export default JsonView 42 | -------------------------------------------------------------------------------- /src/pages/Json2ProTable/JsonView/index.tsx: -------------------------------------------------------------------------------- 1 | import Editor, { EditorProps } from '@monaco-editor/react' 2 | import { useContext, useEffect, useRef, useState } from 'react' 3 | import PageContext from '../PageContext' 4 | 5 | const JsonView = () => { 6 | const { currentCode, setCurrentCode, select } = useContext(PageContext) 7 | const enditor = useRef() 8 | const editorDidMountHandle: EditorProps['onMount'] = (editor) => { 9 | enditor.current = editor 10 | setTimeout(function () { 11 | editor.getAction('editor.action.formatDocument').run() 12 | }, 500) 13 | } 14 | 15 | return ( 16 | { 32 | setCurrentCode?.(value) 33 | setTimeout(function () { 34 | enditor.current.getAction('editor.action.formatDocument').run() 35 | }, 500) 36 | }} 37 | /> 38 | ) 39 | } 40 | 41 | export default JsonView 42 | -------------------------------------------------------------------------------- /src/components/LayoutRoot/index.tsx: -------------------------------------------------------------------------------- 1 | import { Outlet } from 'umi' 2 | import { Col, Layout, Row } from 'antd' 3 | import { GithubOutlined } from '@ant-design/icons' 4 | import styles from './index.less' 5 | 6 | const { Header, Footer, Content } = Layout 7 | 8 | export default function LayoutRoot({ 9 | children, 10 | contentStyle, 11 | }: { 12 | children: React.ReactNode 13 | contentStyle?: React.CSSProperties 14 | }) { 15 | return ( 16 | 17 |
18 | 19 | 20 | (window.location.href = '/Guide.html')} 23 | > 24 | Code Producer 25 | 26 | 27 | 28 | 29 | { 31 | window.open('/code-producer', '_code-producer') 32 | }} 33 | /> 34 | 35 | 36 |
37 | 45 | {children} 46 | 47 |
48 |
@YongGit
49 |
50 | 51 | ) 52 | } 53 | -------------------------------------------------------------------------------- /config/config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'umi' 2 | const { NODE_ENV } = process.env 3 | 4 | const config = defineConfig({ 5 | npmClient: 'pnpm', 6 | tailwindcss: {}, 7 | // base: NODE_ENV === 'production' ? '/code-producer/site/' : '', 8 | // publicPath: '/code-producer/site/', 9 | plugins: ['@umijs/plugins/dist/tailwindcss'], 10 | outputPath: 'site', 11 | history: { 12 | type: 'browser', 13 | }, 14 | define: { 15 | NODE_ENV, 16 | }, 17 | }) 18 | 19 | export default NODE_ENV === 'production' 20 | ? Object.assign( 21 | {}, 22 | { 23 | ...config, 24 | mpa: { 25 | template: './docment.html', 26 | entry: { 27 | json2ts: 'Json2ProTable/index.tsx', 28 | json2protable: 'Json2Ts/index.tsx', 29 | guide: 'Guide/index.tsx', 30 | }, 31 | }, 32 | } 33 | ) 34 | : Object.assign( 35 | {}, 36 | { 37 | ...config, 38 | routes: [ 39 | { 40 | path: '/guide', 41 | name: '首页', 42 | icon: 'home', 43 | component: './Guide', 44 | }, 45 | { 46 | path: '/json2ts', 47 | name: 'json2ts', 48 | icon: 'home', 49 | component: './Json2Ts', 50 | }, 51 | { 52 | path: '/json2protable', 53 | name: 'json2protable', 54 | icon: 'home', 55 | component: './Json2ProTable', 56 | }, 57 | ], 58 | } 59 | ) 60 | -------------------------------------------------------------------------------- /src/pages/Guide/index.tsx: -------------------------------------------------------------------------------- 1 | import LayoutRoot from '@/components/LayoutRoot' 2 | import { Card, Col, Row } from 'antd' 3 | import Meta from 'antd/es/card/Meta' 4 | import styles from './index.less' 5 | 6 | const Guide = () => { 7 | return ( 8 | 13 | 14 | 15 | { 18 | window.location.href = '/Json2Ts.html' 19 | }} 20 | cover={ 21 |
22 | example 30 |
31 | } 32 | > 33 | 37 | 38 | 39 | 40 | { 43 | window.location.href = '/Json2ProTable.html' 44 | }} 45 | cover={ 46 |
47 | example 55 |
56 | } 57 | > 58 | 62 | 63 | 64 | 65 | 66 | ) 67 | } 68 | 69 | export default Guide 70 | -------------------------------------------------------------------------------- /src/pages/Json2Ts/TypeView/index.tsx: -------------------------------------------------------------------------------- 1 | import Editor, { EditorProps } from '@monaco-editor/react' 2 | import { useContext, useEffect, useMemo, useRef, useState } from 'react' 3 | import PageContext from '../PageContext' 4 | import { 5 | InputData, 6 | jsonInputForTargetLanguage, 7 | quicktype, 8 | } from 'quicktype-core' 9 | import { useAsyncEffect } from 'ahooks' 10 | import { BooleanOption } from 'quicktype-core/dist/RendererOptions' 11 | 12 | async function quicktypeJSON( 13 | targetLanguage: string, 14 | typeName: string, 15 | jsonString: string 16 | ) { 17 | const jsonInput = jsonInputForTargetLanguage(targetLanguage) 18 | await jsonInput.addSource({ 19 | name: typeName, 20 | samples: [jsonString], 21 | }) 22 | 23 | const inputData = new InputData() 24 | inputData.addInput(jsonInput) 25 | 26 | return await quicktype({ 27 | inputData, 28 | lang: targetLanguage, 29 | rendererOptions: { 30 | 'just-types': 'true', 31 | }, 32 | }) 33 | } 34 | 35 | const TypeView = () => { 36 | const { currentCode, targetSelect } = useContext(PageContext) 37 | const [typeCode, setTypeCode] = useState() 38 | 39 | const enditor = useRef() 40 | const viewDidMountHandle: EditorProps['onMount'] = (editor) => { 41 | enditor.current = editor 42 | setTimeout(function () { 43 | editor.getAction('editor.action.formatDocument').run() 44 | }, 500) 45 | } 46 | 47 | useAsyncEffect(async () => { 48 | const { lines: typescriptResult } = await quicktypeJSON( 49 | 'typescript', 50 | 'Result', 51 | currentCode ?? '' 52 | ) 53 | setTypeCode(typescriptResult.join('\n')) 54 | setTimeout(function () { 55 | enditor.current?.getAction('editor.action.formatDocument').run() 56 | }, 500) 57 | }, [currentCode]) 58 | 59 | const editor = useMemo(() => { 60 | return ( 61 | 75 | ) 76 | }, [typeCode]) 77 | 78 | return editor 79 | } 80 | 81 | export default TypeView 82 | -------------------------------------------------------------------------------- /src/hooks/useScale.ts: -------------------------------------------------------------------------------- 1 | import { useEffect, useRef } from 'react' 2 | import { useEventListener, useMemoizedFn } from 'ahooks' 3 | 4 | function useScale(options?: { useWidthHeightMini?: boolean }) { 5 | const { useWidthHeightMini } = options ?? {} 6 | const targetElement = document.body 7 | const bodyObserver = useRef() 8 | const elementStyleRef = useRef({ 9 | ...targetElement.style, 10 | }) 11 | 12 | const width = 1920 13 | const height = 1080 14 | 15 | const handleScale = useMemoizedFn(() => { 16 | const scale = useWidthHeightMini 17 | ? Math.min(window.innerWidth / width, window.innerHeight / height) 18 | : window.innerWidth / width 19 | targetElement.style.width = `${window.innerWidth / scale}px` 20 | targetElement.style.height = `${window.innerHeight / scale}px` 21 | targetElement.style.transform = `scale(${scale})` 22 | targetElement.style.transformOrigin = 'top left' 23 | targetElement.style.overflow = 'hidden' 24 | }) 25 | 26 | /* 27 | * 如果只在useEffect调用计算scale，那么子组件会在父组件mount前无法正确计算scale 28 | * 如 echarts的resize。所以这里采取了调用2次的方式。 29 | */ 30 | const scaleRef = useRef(handleScale) 31 | scaleRef.current?.() 32 | scaleRef.current = null 33 | useEffect(() => { 34 | handleScale() 35 | }, [handleScale]) 36 | 37 | useEventListener('resize', handleScale) 38 | 39 | useEffect(() => { 40 | // 处理因为 antd-modal 显示时，修改 body 的 width，导致页面变形 41 | bodyObserver.current = new MutationObserver(() => { 42 | if (targetElement.style.width.includes('calc')) { 43 | targetElement.style.width = `${width}px` 44 | } 45 | }) 46 | 47 | bodyObserver.current.observe(targetElement, { 48 | attributes: true, 49 | }) 50 | 51 | return () => { 52 | bodyObserver.current?.disconnect?.() 53 | } 54 | }, [targetElement]) 55 | 56 | useEffect(() => { 57 | const styles = elementStyleRef.current 58 | 59 | return () => { 60 | targetElement.style.width = styles.width 61 | targetElement.style.height = styles.height 62 | targetElement.style.transform = styles.transform 63 | targetElement.style.transformOrigin = styles.transformOrigin 64 | targetElement.style.overflow = styles.overflow 65 | } 66 | }, [targetElement, targetElement.style]) 67 | } 68 | 69 | export default useScale 70 | -------------------------------------------------------------------------------- /src/pages/Json2Ts/index.tsx: -------------------------------------------------------------------------------- 1 | import { Col, Row, Select } from 'antd' 2 | import { useState } from 'react' 3 | import JsonView from './JsonView' 4 | import PageContext, { SelectType } from './PageContext' 5 | import TypeView from './TypeView' 6 | import styles from './index.less' 7 | import LayoutRoot from '@/components/LayoutRoot' 8 | 9 | const Json2Ts = () => { 10 | const [currentCode, setCurrentCode] = useState() 11 | const [select, setSelect] = useState({ 12 | label: 'Json', 13 | value: 'json', 14 | language: 'json', 15 | }) 16 | const [targetSelect, setTargetSelect] = useState({ 17 | label: 'Typescript', 18 | value: 'typescript', 19 | language: 'typescript', 20 | }) 21 | 22 | return ( 23 | 33 | 34 | 35 | 36 |
37 |
38 | { 67 | setTargetSelect(value) 68 | }} 69 | labelInValue 70 | options={[ 71 | { 72 | label: 'Tool Target', 73 | options: [ 74 | { 75 | label: 'Typescript', 76 | value: 'typescript', 77 | language: 'typescript', 78 | }, 79 | ], 80 | }, 81 | ]} 82 | /> 83 |
84 |
85 | 86 |
87 |
88 | 89 | 90 | 91 | 92 | ) 93 | } 94 | 95 | export default Json2Ts 96 | -------------------------------------------------------------------------------- /src/pages/Json2ProTable/index.tsx: -------------------------------------------------------------------------------- 1 | import LayoutRoot from '@/components/LayoutRoot' 2 | import { Col, Row, Select } from 'antd' 3 | import { useState } from 'react' 4 | import JsonView from './JsonView' 5 | import PageContext, { SelectType } from './PageContext' 6 | import ProTableView from './ProTableView' 7 | import styles from './index.less' 8 | 9 | const ProductView = () => { 10 | const [currentCode, setCurrentCode] = useState() 11 | const [select, setSelect] = useState({ 12 | label: 'Json', 13 | value: 'json', 14 | language: 'json', 15 | }) 16 | const [targetSelect, setTargetSelect] = useState({ 17 | label: 'ProTable', 18 | value: 'protable', 19 | language: 'typescript', 20 | }) 21 | 22 | return ( 23 | 33 | 34 | 35 | 36 |
37 |
38 | { 67 | setTargetSelect(value) 68 | }} 69 | labelInValue 70 | options={[ 71 | { 72 | label: 'Business', 73 | options: [ 74 | { 75 | label: 'ProTable', 76 | value: 'protable', 77 | language: 'typescript', 78 | }, 79 | ], 80 | }, 81 | ]} 82 | /> 83 |
84 |
85 | 86 |
87 |
88 | 89 | 90 | 91 | 92 | ) 93 | } 94 | 95 | export default ProductView 96 | -------------------------------------------------------------------------------- /src/pages/Json2ProTable/ProTableView/index.tsx: -------------------------------------------------------------------------------- 1 | import Editor, { EditorProps } from '@monaco-editor/react' 2 | import { useContext, useRef, useState } from 'react' 3 | import PageContext from '../PageContext' 4 | 5 | const ProTableView = () => { 6 | const { currentCode } = useContext(PageContext) 7 | const enditor = useRef() 8 | const editorDidMountHandle: EditorProps['onMount'] = (editor) => { 9 | enditor.current = editor 10 | setTimeout(function () { 11 | editor.getAction('editor.action.formatDocument').run() 12 | }, 500) 13 | } 14 | 15 | const suggest = ` 16 | // Yapi 17 | const data = [] 18 | Array.from( 19 | document 20 | .getElementsByTagName('table')[1] 21 | .getElementsByTagName('tbody')[0] 22 | .getElementsByTagName('tr') 23 | ) 24 | .filter((item, index) => { 25 | return item.childNodes[item.childNodes.length - 2]?.innerText !== '' 26 | }) 27 | ?.forEach((item) => { 28 | data.push({ 29 | dataIndex: item.childNodes[0]?.innerText, 30 | title: item.childNodes[item.childNodes.length - 2]?.innerText, 31 | }) 32 | }) 33 | console.log(JSON.stringify(data)) 34 | ` 35 | 36 | const template = ` 37 | import { useMemo, useState, useRef } from "react"; 38 | import ProTable from "@ant-design/pro-table"; 39 | import type { ActionType, ProColumns } from "@ant-design/pro-table"; 40 | import type { FormInstance } from "antd"; 41 | import useTableRequest from "@/hooks/useTableRequest"; 42 | 43 | const CompareDetail =()=>{ 44 | 45 | const formRef = useRef(); 46 | const actionRef = useRef(); 47 | const request = useTableRequest(); 48 | 49 | const columns = useMemo[]>(()=>(${currentCode?.replace( 50 | /\'/g, 51 | '' 52 | )}),[]); 53 | 54 | return ( 55 | { 60 | const res = await request(fetchAPI, { 61 | ...params, 62 | }); 63 | return { 64 | ...(res ?? {}), 65 | data: res?.data?.map?.((item) => ({ 66 | ...item 67 | })), 68 | }; 69 | }} 70 | columns={columns} 71 | /> 72 | ); 73 | 74 | } 75 | ` 76 | return ( 77 | { 95 | setTimeout(function () { 96 | enditor.current.getAction('editor.action.formatDocument').run() 97 | }, 500) 98 | }} 99 | /> 100 | ) 101 | } 102 | 103 | export default ProTableView 104 | -------------------------------------------------------------------------------- /site/index.js: -------------------------------------------------------------------------------- 1 | (function(){"use strict";var va={4283:function(de,k,U){var A=U(3236),$=U(9404);function y(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;tn}return!1}function K(e,n,t,r,l,u,i){this.acceptsBooleans=n===2||n===3||n===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=t,this.propertyName=e,this.type=n,this.sanitizeURL=u,this.removeEmptyString=i}var q={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){q[e]=new K(e,0,!1,e,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var n=e[0];q[n]=new K(n,1,!1,e[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){q[e]=new K(e,2,!1,e.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){q[e]=new K(e,2,!1,e,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){q[e]=new K(e,3,!1,e.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(e){q[e]=new K(e,3,!0,e,null,!1,!1)}),["capture","download"].forEach(function(e){q[e]=new K(e,4,!1,e,null,!1,!1)}),["cols","rows","size","span"].forEach(function(e){q[e]=new K(e,6,!1,e,null,!1,!1)}),["rowSpan","start"].forEach(function(e){q[e]=new K(e,5,!1,e.toLowerCase(),null,!1,!1)});var Ge=/[\-:]([a-z])/g;function Ze(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var n=e.replace(Ge,Ze);q[n]=new K(n,1,!1,e,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var n=e.replace(Ge,Ze);q[n]=new K(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var n=e.replace(Ge,Ze);q[n]=new K(n,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(e){q[e]=new K(e,1,!1,e.toLowerCase(),null,!1,!1)}),q.xlinkHref=new K("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(e){q[e]=new K(e,1,!1,e.toLowerCase(),null,!0,!0)});function on(e,n,t,r){var l=q.hasOwnProperty(n)?q[n]:null;(l!==null?l.type!==0:r||!(2o||l[i]!==u[o]){var s=` 5 | `+l[i].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}while(1<=i&&0<=o);break}}}finally{D=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?O(e):""}function H(e){switch(e.tag){case 5:return O(e.type);case 16:return O("Lazy");case 13:return O("Suspense");case 19:return O("SuspenseList");case 0:case 2:case 15:return e=F(e.type,!1),e;case 11:return e=F(e.type.render,!1),e;case 1:return e=F(e.type,!0),e;default:return""}}function G(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Ae:return"Fragment";case Ee:return"Portal";case sn:return"Profiler";case Pn:return"StrictMode";case cn:return"Suspense";case $e:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Je:return(e.displayName||"Context")+".Consumer";case Nn:return(e._context.displayName||"Context")+".Provider";case an:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case vn:return n=e.displayName||null,n!==null?n:G(e.type)||"Memo";case g:n=e._payload,e=e._init;try{return G(e(n))}catch(t){}}return null}function b(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=n.render,e=e.displayName||e.name||"",n.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return G(n);case 8:return n===Pn?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof n=="function")return n.displayName||n.name||null;if(typeof n=="string")return n}return null}function ie(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function yi(e){var n=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(n==="checkbox"||n==="radio")}function ya(e){var n=yi(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),r=""+e[n];if(!e.hasOwnProperty(n)&&typeof t!="undefined"&&typeof t.get=="function"&&typeof t.set=="function"){var l=t.get,u=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return l.call(this)},set:function(i){r=""+i,u.call(this,i)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}function hr(e){e._valueTracker||(e._valueTracker=ya(e))}function gi(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),r="";return e&&(r=yi(e)?e.checked?"true":"false":e.value),e=r,e!==t?(n.setValue(e),!0):!1}function vr(e){if(e=e||(typeof document!="undefined"?document:void 0),typeof e=="undefined")return null;try{return e.activeElement||e.body}catch(n){return e.body}}function Pl(e,n){var t=n.checked;return h({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:t!=null?t:e._wrapperState.initialChecked})}function wi(e,n){var t=n.defaultValue==null?"":n.defaultValue,r=n.checked!=null?n.checked:n.defaultChecked;t=ie(n.value!=null?n.value:t),e._wrapperState={initialChecked:r,initialValue:t,controlled:n.type==="checkbox"||n.type==="radio"?n.checked!=null:n.value!=null}}function ki(e,n){n=n.checked,n!=null&&on(e,"checked",n,!1)}function Nl(e,n){ki(e,n);var t=ie(n.value),r=n.type;if(t!=null)r==="number"?(t===0&&e.value===""||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}n.hasOwnProperty("value")?zl(e,n.type,t):n.hasOwnProperty("defaultValue")&&zl(e,n.type,ie(n.defaultValue)),n.checked==null&&n.defaultChecked!=null&&(e.defaultChecked=!!n.defaultChecked)}function Si(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var r=n.type;if(!(r!=="submit"&&r!=="reset"||n.value!==void 0&&n.value!==null))return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}t=e.name,t!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,t!==""&&(e.name=t)}function zl(e,n,t){(n!=="number"||vr(e.ownerDocument)!==e)&&(t==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var zt=Array.isArray;function lt(e,n,t,r){if(e=e.options,n){n={};for(var l=0;l"+n.valueOf().toString()+"",n=yr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}});function Tt(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&t.nodeType===3){t.nodeValue=n;return}}e.textContent=n}var Lt={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ga=["Webkit","ms","Moz","O"];Object.keys(Lt).forEach(function(e){ga.forEach(function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),Lt[n]=Lt[e]})});function Ni(e,n,t){return n==null||typeof n=="boolean"||n===""?"":t||typeof n!="number"||n===0||Lt.hasOwnProperty(e)&&Lt[e]?(""+n).trim():n+"px"}function zi(e,n){e=e.style;for(var t in n)if(n.hasOwnProperty(t)){var r=t.indexOf("--")===0,l=Ni(t,n[t],r);t==="float"&&(t="cssFloat"),r?e.setProperty(t,l):e[t]=l}}var wa=h({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Rl(e,n){if(n){if(wa[e]&&(n.children!=null||n.dangerouslySetInnerHTML!=null))throw Error(y(137,e));if(n.dangerouslySetInnerHTML!=null){if(n.children!=null)throw Error(y(60));if(typeof n.dangerouslySetInnerHTML!="object"||!("__html"in n.dangerouslySetInnerHTML))throw Error(y(61))}if(n.style!=null&&typeof n.style!="object")throw Error(y(62))}}function Ml(e,n){if(e.indexOf("-")===-1)return typeof n.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Ol=null;function Dl(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Il=null,ut=null,it=null;function Ti(e){if(e=qt(e)){if(typeof Il!="function")throw Error(y(280));var n=e.stateNode;n&&(n=Ar(n),Il(e.stateNode,e.type,n))}}function Li(e){ut?it?it.push(e):it=[e]:ut=e}function Ri(){if(ut){var e=ut,n=it;if(it=ut=null,Ti(e),n)for(e=0;e>>=0,e===0?32:31-(La(e)/Ra|0)|0}var _r=64,Er=4194304;function Dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Cr(e,n){var t=e.pendingLanes;if(t===0)return 0;var r=0,l=e.suspendedLanes,u=e.pingedLanes,i=t&268435455;if(i!==0){var o=i&~l;o!==0?r=Dt(o):(u&=i,u!==0&&(r=Dt(u)))}else i=t&~l,i!==0?r=Dt(i):u!==0&&(r=Dt(u));if(r===0)return 0;if(n!==0&&n!==r&&(n&l)===0&&(l=r&-r,u=n&-n,l>=u||l===16&&(u&4194240)!==0))return n;if((r&4)!==0&&(r|=t&16),n=e.entangledLanes,n!==0)for(e=e.entanglements,n&=r;0t;t++)n.push(e);return n}function It(e,n,t){e.pendingLanes|=n,n!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,n=31-qe(n),e[n]=t}function Ia(e,n){var t=e.pendingLanes&~n;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=n,e.mutableReadLanes&=n,e.entangledLanes&=n,n=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Ht),uo=String.fromCharCode(32),io=!1;function oo(e,n){switch(e){case"keyup":return ac.indexOf(n.keyCode)!==-1;case"keydown":return n.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function so(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var at=!1;function fc(e,n){switch(e){case"compositionend":return so(n);case"keypress":return n.which!==32?null:(io=!0,uo);case"textInput":return e=n.data,e===uo&&io?null:e;default:return null}}function dc(e,n){if(at)return e==="compositionend"||!bl&&oo(e,n)?(e=bi(),Tr=Yl=Mn=null,at=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(n.ctrlKey||n.altKey||n.metaKey)||n.ctrlKey&&n.altKey){if(n.char&&1=n)return{node:t,offset:n-e};e=r}e:{for(;t;){if(t.nextSibling){t=t.nextSibling;break e}t=t.parentNode}t=void 0}t=vo(t)}}function go(e,n){return e&&n?e===n?!0:e&&e.nodeType===3?!1:n&&n.nodeType===3?go(e,n.parentNode):"contains"in e?e.contains(n):e.compareDocumentPosition?!!(e.compareDocumentPosition(n)&16):!1:!1}function wo(){for(var e=window,n=vr();n instanceof e.HTMLIFrameElement;){try{var t=typeof n.contentWindow.location.href=="string"}catch(r){t=!1}if(t)e=n.contentWindow;else break;n=vr(e.document)}return n}function tu(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return n&&(n==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||n==="textarea"||e.contentEditable==="true")}function Sc(e){var n=wo(),t=e.focusedElem,r=e.selectionRange;if(n!==t&&t&&t.ownerDocument&&go(t.ownerDocument.documentElement,t)){if(r!==null&&tu(t)){if(n=r.start,e=r.end,e===void 0&&(e=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(e,t.value.length);else if(e=(n=t.ownerDocument||document)&&n.defaultView||window,e.getSelection){e=e.getSelection();var l=t.textContent.length,u=Math.min(r.start,l);r=r.end===void 0?u:Math.min(r.end,l),!e.extend&&u>r&&(l=r,r=u,u=l),l=yo(t,u);var i=yo(t,r);l&&i&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(n=n.createRange(),n.setStart(l.node,l.offset),e.removeAllRanges(),u>r?(e.addRange(n),e.extend(i.node,i.offset)):(n.setEnd(i.node,i.offset),e.addRange(n)))}}for(n=[],e=t;e=e.parentNode;)e.nodeType===1&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof t.focus=="function"&&t.focus(),t=0;t=document.documentMode,ct=null,ru=null,Yt=null,lu=!1;function ko(e,n,t){var r=t.window===t?t.document:t.nodeType===9?t:t.ownerDocument;lu||ct==null||ct!==vr(r)||(r=ct,"selectionStart"in r&&tu(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Yt&&Kt(Yt,r)||(Yt=r,r=jr(ru,"onSelect"),0ht||(e.current=vu[ht],vu[ht]=null,ht--)}function W(e,n){ht++,vu[ht]=e.current,e.current=n}var In={},we=Dn(In),Ne=Dn(!1),Xn=In;function vt(e,n){var t=e.type.contextTypes;if(!t)return In;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===n)return r.__reactInternalMemoizedMaskedChildContext;var l={},u;for(u in t)l[u]=n[u];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=l),l}function ze(e){return e=e.childContextTypes,e!=null}function $r(){X(Ne),X(we)}function Io(e,n,t){if(we.current!==In)throw Error(y(168));W(we,n),W(Ne,t)}function Fo(e,n,t){var r=e.stateNode;if(n=n.childContextTypes,typeof r.getChildContext!="function")return t;r=r.getChildContext();for(var l in r)if(!(l in n))throw Error(y(108,b(e)||"Unknown",l));return h({},t,r)}function Br(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||In,Xn=we.current,W(we,e),W(Ne,Ne.current),!0}function jo(e,n,t){var r=e.stateNode;if(!r)throw Error(y(169));t?(e=Fo(e,n,Xn),r.__reactInternalMemoizedMergedChildContext=e,X(Ne),X(we),W(we,e)):X(Ne),W(Ne,t)}var wn=null,Hr=!1,yu=!1;function Uo(e){wn===null?wn=[e]:wn.push(e)}function Oc(e){Hr=!0,Uo(e)}function Fn(){if(!yu&&wn!==null){yu=!0;var e=0,n=V;try{var t=wn;for(V=1;e>=i,l-=i,Sn=1<<32-qe(n)+l|t<T?(me=N,N=null):me=N.sibling;var j=m(f,N,d[T],w);if(j===null){N===null&&(N=me);break}e&&N&&j.alternate===null&&n(f,N),a=u(j,a,T),P===null?x=j:P.sibling=j,P=j,N=me}if(T===d.length)return t(f,N),Z&&Zn(f,T),x;if(N===null){for(;TT?(me=N,N=null):me=N.sibling;var Qn=m(f,N,j.value,w);if(Qn===null){N===null&&(N=me);break}e&&N&&Qn.alternate===null&&n(f,N),a=u(Qn,a,T),P===null?x=Qn:P.sibling=Qn,P=Qn,N=me}if(j.done)return t(f,N),Z&&Zn(f,T),x;if(N===null){for(;!j.done;T++,j=d.next())j=_(f,j.value,w),j!==null&&(a=u(j,a,T),P===null?x=j:P.sibling=j,P=j);return Z&&Zn(f,T),x}for(N=r(f,N);!j.done;T++,j=d.next())j=E(N,f,T,j.value,w),j!==null&&(e&&j.alternate!==null&&N.delete(j.key===null?T:j.key),a=u(j,a,T),P===null?x=j:P.sibling=j,P=j);return e&&N.forEach(function(pf){return n(f,pf)}),Z&&Zn(f,T),x}function ue(f,a,d,w){if(typeof d=="object"&&d!==null&&d.type===Ae&&d.key===null&&(d=d.props.children),typeof d=="object"&&d!==null){switch(d.$$typeof){case De:e:{for(var x=d.key,P=a;P!==null;){if(P.key===x){if(x=d.type,x===Ae){if(P.tag===7){t(f,P.sibling),a=l(P,d.props.children),a.return=f,f=a;break e}}else if(P.elementType===x||typeof x=="object"&&x!==null&&x.$$typeof===g&&Zo(x)===P.type){t(f,P.sibling),a=l(P,d.props),a.ref=er(f,P,d),a.return=f,f=a;break e}t(f,P);break}else n(f,P);P=P.sibling}d.type===Ae?(a=rt(d.props.children,f.mode,w,d.key),a.return=f,f=a):(w=gl(d.type,d.key,d.props,null,f.mode,w),w.ref=er(f,a,d),w.return=f,f=w)}return i(f);case Ee:e:{for(P=d.key;a!==null;){if(a.key===P)if(a.tag===4&&a.stateNode.containerInfo===d.containerInfo&&a.stateNode.implementation===d.implementation){t(f,a.sibling),a=l(a,d.children||[]),a.return=f,f=a;break e}else{t(f,a);break}else n(f,a);a=a.sibling}a=fi(d,f.mode,w),a.return=f,f=a}return i(f);case g:return P=d._init,ue(f,a,P(d._payload),w)}if(zt(d))return S(f,a,d,w);if(c(d))return L(f,a,d,w);Jr(f,d)}return typeof d=="string"&&d!==""||typeof d=="number"?(d=""+d,a!==null&&a.tag===6?(t(f,a.sibling),a=l(a,d),a.return=f,f=a):(t(f,a),a=ci(d,f.mode,w),a.return=f,f=a),i(f)):t(f,a)}return ue}var _t=Jo(!0),qo=Jo(!1),nr={},pn=Dn(nr),tr=Dn(nr),rr=Dn(nr);function Jn(e){if(e===nr)throw Error(y(174));return e}function Lu(e,n){switch(W(rr,n),W(tr,e),W(pn,nr),e=n.nodeType,e){case 9:case 11:n=(n=n.documentElement)?n.namespaceURI:Ll(null,"");break;default:e=e===8?n.parentNode:n,n=e.namespaceURI||null,e=e.tagName,n=Ll(n,e)}X(pn),W(pn,n)}function Et(){X(pn),X(tr),X(rr)}function bo(e){Jn(rr.current);var n=Jn(pn.current),t=Ll(n,e.type);n!==t&&(W(tr,e),W(pn,t))}function Ru(e){tr.current===e&&(X(pn),X(tr))}var ee=Dn(0);function qr(e){for(var n=e;n!==null;){if(n.tag===13){var t=n.memoizedState;if(t!==null&&(t=t.dehydrated,t===null||t.data==="$?"||t.data==="$!"))return n}else if(n.tag===19&&n.memoizedProps.revealOrder!==void 0){if((n.flags&128)!==0)return n}else if(n.child!==null){n.child.return=n,n=n.child;continue}if(n===e)break;for(;n.sibling===null;){if(n.return===null||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var Mu=[];function Ou(){for(var e=0;et?t:4,e(!0);var r=Du.transition;Du.transition={};try{e(!1),n()}finally{V=t,Du.transition=r}}function vs(){return Qe().memoizedState}function jc(e,n,t){var r=Bn(e);t={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null},ys(e)?gs(n,t):(ws(e,n,t),t=xe(),e=Ye(e,r,t),e!==null&&ks(e,n,r))}function Uc(e,n,t){var r=Bn(e),l={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null};if(ys(e))gs(n,l);else{ws(e,n,l);var u=e.alternate;if(e.lanes===0&&(u===null||u.lanes===0)&&(u=n.lastRenderedReducer,u!==null))try{var i=n.lastRenderedState,o=u(i,t);if(l.hasEagerState=!0,l.eagerState=o,be(o,i))return}catch(s){}finally{}t=xe(),e=Ye(e,r,t),e!==null&&ks(e,n,r)}}function ys(e){var n=e.alternate;return e===ne||n!==null&&n===ne}function gs(e,n){lr=el=!0;var t=e.pending;t===null?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function ws(e,n,t){ea(e)?(e=n.interleaved,e===null?(t.next=t,nn===null?nn=[n]:nn.push(n)):(t.next=e.next,e.next=t),n.interleaved=t):(e=n.pending,e===null?t.next=t:(t.next=e.next,e.next=t),n.pending=t)}function ks(e,n,t){if((t&4194240)!==0){var r=n.lanes;r&=e.pendingLanes,t|=r,n.lanes=t,Bl(e,t)}}var rl={readContext:Be,useCallback:ke,useContext:ke,useEffect:ke,useImperativeHandle:ke,useInsertionEffect:ke,useLayoutEffect:ke,useMemo:ke,useReducer:ke,useRef:ke,useState:ke,useDebugValue:ke,useDeferredValue:ke,useTransition:ke,useMutableSource:ke,useSyncExternalStore:ke,useId:ke,unstable_isNewReconciler:!1},Vc={readContext:Be,useCallback:function(e,n){return mn().memoizedState=[e,n===void 0?null:n],e},useContext:Be,useEffect:ss,useImperativeHandle:function(e,n,t){return t=t!=null?t.concat([e]):null,nl(4194308,4,fs.bind(null,n,e),t)},useLayoutEffect:function(e,n){return nl(4194308,4,e,n)},useInsertionEffect:function(e,n){return nl(4,2,e,n)},useMemo:function(e,n){var t=mn();return n=n===void 0?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var r=mn();return n=t!==void 0?t(n):n,r.memoizedState=r.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},r.queue=e,e=e.dispatch=jc.bind(null,ne,e),[r.memoizedState,e]},useRef:function(e){var n=mn();return e={current:e},n.memoizedState=e},useState:is,useDebugValue:$u,useDeferredValue:function(e){return mn().memoizedState=e},useTransition:function(){var e=is(!1),n=e[0];return e=Fc.bind(null,e[1]),mn().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var r=ne,l=mn();if(Z){if(t===void 0)throw Error(y(407));t=t()}else{if(t=n(),ce===null)throw Error(y(349));(qn&30)!==0||ts(r,n,t)}l.memoizedState=t;var u={value:t,getSnapshot:n};return l.queue=u,ss(ls.bind(null,r,u,e),[e]),r.flags|=2048,or(9,rs.bind(null,r,u,t,n),void 0,null),t},useId:function(){var e=mn(),n=ce.identifierPrefix;if(Z){var t=_n,r=Sn;t=(r&~(1<<32-qe(r)-1)).toString(32)+t,n=":"+n+"R"+t,t=ur++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(t,{is:r.is}):(e=i.createElement(t),t==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,t),e[dn]=n,e[Jt]=r,Ps(e,n,!1,!1),n.stateNode=e;e:{switch(i=Ml(t,r),t){case"dialog":Y("cancel",e),Y("close",e),l=r;break;case"iframe":case"object":case"embed":Y("load",e),l=r;break;case"video":case"audio":for(l=0;lPt&&(n.flags|=128,r=!0,sr(u,!1),n.lanes=4194304)}else{if(!r)if(e=qr(i),e!==null){if(n.flags|=128,r=!0,t=e.updateQueue,t!==null&&(n.updateQueue=t,n.flags|=4),sr(u,!0),u.tail===null&&u.tailMode==="hidden"&&!i.alternate&&!Z)return Se(n),null}else 2*le()-u.renderingStartTime>Pt&&t!==1073741824&&(n.flags|=128,r=!0,sr(u,!1),n.lanes=4194304);u.isBackwards?(i.sibling=n.child,n.child=i):(t=u.last,t!==null?t.sibling=i:n.child=i,u.last=i)}return u.tail!==null?(n=u.tail,u.rendering=n,u.tail=n.sibling,u.renderingStartTime=le(),n.sibling=null,t=ee.current,W(ee,r?t&1|2:t&1),n):(Se(n),null);case 22:case 23:return oi(),r=n.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(n.flags|=8192),r&&(n.mode&1)!==0?(je&1073741824)!==0&&(Se(n),n.subtreeFlags&6&&(n.flags|=8192)):Se(n),null;case 24:return null;case 25:return null}throw Error(y(156,n.tag))}var Wc=ve.ReactCurrentOwner,Le=!1;function Ce(e,n,t,r){n.child=e===null?qo(n,null,t,r):_t(n,e.child,t,r)}function Ts(e,n,t,r,l){t=t.render;var u=n.ref;return gt(n,l),r=Fu(e,n,t,r,u,l),t=ju(),e!==null&&!Le?(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~l,En(e,n,l)):(Z&&t&&xu(n),n.flags|=1,Ce(e,n,r,l),n.child)}function Ls(e,n,t,r,l){if(e===null){var u=t.type;return typeof u=="function"&&!ai(u)&&u.defaultProps===void 0&&t.compare===null&&t.defaultProps===void 0?(n.tag=15,n.type=u,Rs(e,n,u,r,l)):(e=gl(t.type,null,r,n,n.mode,l),e.ref=n.ref,e.return=n,n.child=e)}if(u=e.child,(e.lanes&l)===0){var i=u.memoizedProps;if(t=t.compare,t=t!==null?t:Kt,t(i,r)&&e.ref===n.ref)return En(e,n,l)}return n.flags|=1,e=Wn(u,r),e.ref=n.ref,e.return=n,n.child=e}function Rs(e,n,t,r,l){if(e!==null){var u=e.memoizedProps;if(Kt(u,r)&&e.ref===n.ref)if(Le=!1,n.pendingProps=r=u,(e.lanes&l)!==0)(e.flags&131072)!==0&&(Le=!0);else return n.lanes=e.lanes,En(e,n,l)}return Qu(e,n,t,r,l)}function Ms(e,n,t){var r=n.pendingProps,l=r.children,u=e!==null?e.memoizedState:null;if(r.mode==="hidden")if((n.mode&1)===0)n.memoizedState={baseLanes:0,cachePool:null,transitions:null},W(xt,je),je|=t;else if((t&1073741824)!==0)n.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=u!==null?u.baseLanes:t,W(xt,je),je|=r;else return e=u!==null?u.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,W(xt,je),je|=e,null;else u!==null?(r=u.baseLanes|t,n.memoizedState=null):r=t,W(xt,je),je|=r;return Ce(e,n,l,t),n.child}function Os(e,n){var t=n.ref;(e===null&&t!==null||e!==null&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Qu(e,n,t,r,l){var u=ze(t)?Xn:we.current;return u=vt(n,u),gt(n,l),t=Fu(e,n,t,r,u,l),r=ju(),e!==null&&!Le?(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~l,En(e,n,l)):(Z&&r&&xu(n),n.flags|=1,Ce(e,n,t,l),n.child)}function Ds(e,n,t,r,l){if(ze(t)){var u=!0;Br(n)}else u=!1;if(gt(n,l),n.stateNode===null)e!==null&&(e.alternate=null,n.alternate=null,n.flags|=2),Wo(n,t,r),Cu(n,t,r,l),r=!0;else if(e===null){var i=n.stateNode,o=n.memoizedProps;i.props=o;var s=i.context,p=t.contextType;typeof p=="object"&&p!==null?p=Be(p):(p=ze(t)?Xn:we.current,p=vt(n,p));var v=t.getDerivedStateFromProps,_=typeof v=="function"||typeof i.getSnapshotBeforeUpdate=="function";_||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(o!==r||s!==p)&&Qo(n,i,r,p),jn=!1;var m=n.memoizedState;i.state=m,Yr(n,r,i,l),s=n.memoizedState,o!==r||m!==s||Ne.current||jn?(typeof v=="function"&&(Eu(n,t,v,r),s=n.memoizedState),(o=jn||Ho(n,t,o,r,m,s,p))?(_||typeof i.UNSAFE_componentWillMount!="function"&&typeof i.componentWillMount!="function"||(typeof i.componentWillMount=="function"&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount=="function"&&i.UNSAFE_componentWillMount()),typeof i.componentDidMount=="function"&&(n.flags|=4194308)):(typeof i.componentDidMount=="function"&&(n.flags|=4194308),n.memoizedProps=r,n.memoizedState=s),i.props=r,i.state=s,i.context=p,r=o):(typeof i.componentDidMount=="function"&&(n.flags|=4194308),r=!1)}else{i=n.stateNode,Vo(e,n),o=n.memoizedProps,p=n.type===n.elementType?o:en(n.type,o),i.props=p,_=n.pendingProps,m=i.context,s=t.contextType,typeof s=="object"&&s!==null?s=Be(s):(s=ze(t)?Xn:we.current,s=vt(n,s));var E=t.getDerivedStateFromProps;(v=typeof E=="function"||typeof i.getSnapshotBeforeUpdate=="function")||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(o!==_||m!==s)&&Qo(n,i,r,s),jn=!1,m=n.memoizedState,i.state=m,Yr(n,r,i,l);var S=n.memoizedState;o!==_||m!==S||Ne.current||jn?(typeof E=="function"&&(Eu(n,t,E,r),S=n.memoizedState),(p=jn||Ho(n,t,p,r,m,S,s)||!1)?(v||typeof i.UNSAFE_componentWillUpdate!="function"&&typeof i.componentWillUpdate!="function"||(typeof i.componentWillUpdate=="function"&&i.componentWillUpdate(r,S,s),typeof i.UNSAFE_componentWillUpdate=="function"&&i.UNSAFE_componentWillUpdate(r,S,s)),typeof i.componentDidUpdate=="function"&&(n.flags|=4),typeof i.getSnapshotBeforeUpdate=="function"&&(n.flags|=1024)):(typeof i.componentDidUpdate!="function"||o===e.memoizedProps&&m===e.memoizedState||(n.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||o===e.memoizedProps&&m===e.memoizedState||(n.flags|=1024),n.memoizedProps=r,n.memoizedState=S),i.props=r,i.state=S,i.context=s,r=p):(typeof i.componentDidUpdate!="function"||o===e.memoizedProps&&m===e.memoizedState||(n.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||o===e.memoizedProps&&m===e.memoizedState||(n.flags|=1024),r=!1)}return Ku(e,n,t,r,u,l)}function Ku(e,n,t,r,l,u){Os(e,n);var i=(n.flags&128)!==0;if(!r&&!i)return l&&jo(n,t,!1),En(e,n,u);r=n.stateNode,Wc.current=n;var o=i&&typeof t.getDerivedStateFromError!="function"?null:r.render();return n.flags|=1,e!==null&&i?(n.child=_t(n,e.child,null,u),n.child=_t(n,null,o,u)):Ce(e,n,o,u),n.memoizedState=r.state,l&&jo(n,t,!0),n.child}function Is(e){var n=e.stateNode;n.pendingContext?Io(e,n.pendingContext,n.pendingContext!==n.context):n.context&&Io(e,n.context,!1),Lu(e,n.containerInfo)}function Fs(e,n,t,r,l){return St(),Tu(l),n.flags|=256,Ce(e,n,t,r),n.child}var ll={dehydrated:null,treeContext:null,retryLane:0};function ul(e){return{baseLanes:e,cachePool:null,transitions:null}}function js(e,n){return{baseLanes:e.baseLanes|n,cachePool:null,transitions:e.transitions}}function Us(e,n,t){var r=n.pendingProps,l=ee.current,u=!1,i=(n.flags&128)!==0,o;if((o=i)||(o=e!==null&&e.memoizedState===null?!1:(l&2)!==0),o?(u=!0,n.flags&=-129):(e===null||e.memoizedState!==null)&&(l|=1),W(ee,l&1),e===null)return zu(n),e=n.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?((n.mode&1)===0?n.lanes=1:e.data==="$!"?n.lanes=8:n.lanes=1073741824,null):(l=r.children,e=r.fallback,u?(r=n.mode,u=n.child,l={mode:"hidden",children:l},(r&1)===0&&u!==null?(u.childLanes=0,u.pendingProps=l):u=wl(l,r,0,null),e=rt(e,r,t,null),u.return=n,e.return=n,u.sibling=e,n.child=u,n.child.memoizedState=ul(t),n.memoizedState=ll,e):Yu(n,l));if(l=e.memoizedState,l!==null){if(o=l.dehydrated,o!==null){if(i)return n.flags&256?(n.flags&=-257,il(e,n,t,Error(y(422)))):n.memoizedState!==null?(n.child=e.child,n.flags|=128,null):(u=r.fallback,l=n.mode,r=wl({mode:"visible",children:r.children},l,0,null),u=rt(u,l,t,null),u.flags|=2,r.return=n,u.return=n,r.sibling=u,n.child=r,(n.mode&1)!==0&&_t(n,e.child,null,t),n.child.memoizedState=ul(t),n.memoizedState=ll,u);if((n.mode&1)===0)n=il(e,n,t,null);else if(o.data==="$!")n=il(e,n,t,Error(y(419)));else if(r=(t&e.childLanes)!==0,Le||r){if(r=ce,r!==null){switch(t&-t){case 4:u=2;break;case 16:u=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:u=32;break;case 536870912:u=268435456;break;default:u=0}r=(u&(r.suspendedLanes|t))!==0?0:u,r!==0&&r!==l.retryLane&&(l.retryLane=r,Ye(e,r,-1))}si(),n=il(e,n,t,Error(y(421)))}else o.data==="$?"?(n.flags|=128,n.child=e.child,n=tf.bind(null,e),o._reactRetry=n,n=null):(t=l.treeContext,Te=yn(o.nextSibling),Fe=n,Z=!0,tn=null,t!==null&&(He[We++]=Sn,He[We++]=_n,He[We++]=Gn,Sn=t.id,_n=t.overflow,Gn=n),n=Yu(n,n.pendingProps.children),n.flags|=4096);return n}return u?(r=As(e,n,r.children,r.fallback,t),u=n.child,l=e.child.memoizedState,u.memoizedState=l===null?ul(t):js(l,t),u.childLanes=e.childLanes&~t,n.memoizedState=ll,r):(t=Vs(e,n,r.children,t),n.memoizedState=null,t)}return u?(r=As(e,n,r.children,r.fallback,t),u=n.child,l=e.child.memoizedState,u.memoizedState=l===null?ul(t):js(l,t),u.childLanes=e.childLanes&~t,n.memoizedState=ll,r):(t=Vs(e,n,r.children,t),n.memoizedState=null,t)}function Yu(e,n){return n=wl({mode:"visible",children:n},e.mode,0,null),n.return=e,e.child=n}function Vs(e,n,t,r){var l=e.child;return e=l.sibling,t=Wn(l,{mode:"visible",children:t}),(n.mode&1)===0&&(t.lanes=r),t.return=n,t.sibling=null,e!==null&&(r=n.deletions,r===null?(n.deletions=[e],n.flags|=16):r.push(e)),n.child=t}function As(e,n,t,r,l){var u=n.mode;e=e.child;var i=e.sibling,o={mode:"hidden",children:t};return(u&1)===0&&n.child!==e?(t=n.child,t.childLanes=0,t.pendingProps=o,n.deletions=null):(t=Wn(e,o),t.subtreeFlags=e.subtreeFlags&14680064),i!==null?r=Wn(i,r):(r=rt(r,u,l,null),r.flags|=2),r.return=n,t.return=n,t.sibling=r,n.child=t,r}function il(e,n,t,r){return r!==null&&Tu(r),_t(n,e.child,null,t),e=Yu(n,n.pendingProps.children),e.flags|=2,n.memoizedState=null,e}function $s(e,n,t){e.lanes|=n;var r=e.alternate;r!==null&&(r.lanes|=n),Su(e.return,n,t)}function Xu(e,n,t,r,l){var u=e.memoizedState;u===null?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:r,tail:t,tailMode:l}:(u.isBackwards=n,u.rendering=null,u.renderingStartTime=0,u.last=r,u.tail=t,u.tailMode=l)}function Bs(e,n,t){var r=n.pendingProps,l=r.revealOrder,u=r.tail;if(Ce(e,n,r.children,t),r=ee.current,(r&2)!==0)r=r&1|2,n.flags|=128;else{if(e!==null&&(e.flags&128)!==0)e:for(e=n.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&$s(e,t,n);else if(e.tag===19)$s(e,t,n);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;e.sibling===null;){if(e.return===null||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(W(ee,r),(n.mode&1)===0)n.memoizedState=null;else switch(l){case"forwards":for(t=n.child,l=null;t!==null;)e=t.alternate,e!==null&&qr(e)===null&&(l=t),t=t.sibling;t=l,t===null?(l=n.child,n.child=null):(l=t.sibling,t.sibling=null),Xu(n,!1,l,t,u);break;case"backwards":for(t=null,l=n.child,n.child=null;l!==null;){if(e=l.alternate,e!==null&&qr(e)===null){n.child=l;break}e=l.sibling,l.sibling=t,t=l,l=e}Xu(n,!0,t,null,u);break;case"together":Xu(n,!1,null,null,void 0);break;default:n.memoizedState=null}return n.child}function En(e,n,t){if(e!==null&&(n.dependencies=e.dependencies),bn|=n.lanes,(t&n.childLanes)===0)return null;if(e!==null&&n.child!==e.child)throw Error(y(153));if(n.child!==null){for(e=n.child,t=Wn(e,e.pendingProps),n.child=t,t.return=n;e.sibling!==null;)e=e.sibling,t=t.sibling=Wn(e,e.pendingProps),t.return=n;t.sibling=null}return n.child}function Qc(e,n,t){switch(n.tag){case 3:Is(n),St();break;case 5:bo(n);break;case 1:ze(n.type)&&Br(n);break;case 4:Lu(n,n.stateNode.containerInfo);break;case 10:var r=n.type._context,l=n.memoizedProps.value;W(Wr,r._currentValue),r._currentValue=l;break;case 13:if(r=n.memoizedState,r!==null)return r.dehydrated!==null?(W(ee,ee.current&1),n.flags|=128,null):(t&n.child.childLanes)!==0?Us(e,n,t):(W(ee,ee.current&1),e=En(e,n,t),e!==null?e.sibling:null);W(ee,ee.current&1);break;case 19:if(r=(t&n.childLanes)!==0,(e.flags&128)!==0){if(r)return Bs(e,n,t);n.flags|=128}if(l=n.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),W(ee,ee.current),r)break;return null;case 22:case 23:return n.lanes=0,Ms(e,n,t)}return En(e,n,t)}function Kc(e,n){switch(Pu(n),n.tag){case 1:return ze(n.type)&&$r(),e=n.flags,e&65536?(n.flags=e&-65537|128,n):null;case 3:return Et(),X(Ne),X(we),Ou(),e=n.flags,(e&65536)!==0&&(e&128)===0?(n.flags=e&-65537|128,n):null;case 5:return Ru(n),null;case 13:if(X(ee),e=n.memoizedState,e!==null&&e.dehydrated!==null){if(n.alternate===null)throw Error(y(340));St()}return e=n.flags,e&65536?(n.flags=e&-65537|128,n):null;case 19:return X(ee),null;case 4:return Et(),null;case 10:return ku(n.type._context),null;case 22:case 23:return oi(),null;case 24:return null;default:return null}}var ol=!1,_e=!1,Yc=typeof WeakSet=="function"?WeakSet:Set,C=null;function Ct(e,n){var t=e.ref;if(t!==null)if(typeof t=="function")try{t(null)}catch(r){te(e,n,r)}else t.current=null}function Gu(e,n,t){try{t()}catch(r){te(e,n,r)}}var Hs=!1;function Xc(e,n){if(cu=Nr,e=wo(),tu(e)){if("selectionStart"in e)var t={start:e.selectionStart,end:e.selectionEnd};else e:{t=(t=e.ownerDocument)&&t.defaultView||window;var r=t.getSelection&&t.getSelection();if(r&&r.rangeCount!==0){t=r.anchorNode;var l=r.anchorOffset,u=r.focusNode;r=r.focusOffset;try{t.nodeType,u.nodeType}catch(x){t=null;break e}var i=0,o=-1,s=-1,p=0,v=0,_=e,m=null;n:for(;;){for(var E;_!==t||l!==0&&_.nodeType!==3||(o=i+l),_!==u||r!==0&&_.nodeType!==3||(s=i+r),_.nodeType===3&&(i+=_.nodeValue.length),(E=_.firstChild)!==null;)m=_,_=E;for(;;){if(_===e)break n;if(m===t&&++p===l&&(o=i),m===u&&++v===r&&(s=i),(E=_.nextSibling)!==null)break;_=m,m=_.parentNode}_=E}t=o===-1||s===-1?null:{start:o,end:s}}else t=null}t=t||{start:0,end:0}}else t=null;for(fu={focusedElem:e,selectionRange:t},Nr=!1,C=n;C!==null;)if(n=C,e=n.child,(n.subtreeFlags&1028)!==0&&e!==null)e.return=n,C=e;else for(;C!==null;){n=C;try{var S=n.alternate;if((n.flags&1024)!==0)switch(n.tag){case 0:case 11:case 15:break;case 1:if(S!==null){var L=S.memoizedProps,ue=S.memoizedState,f=n.stateNode,a=f.getSnapshotBeforeUpdate(n.elementType===n.type?L:en(n.type,L),ue);f.__reactInternalSnapshotBeforeUpdate=a}break;case 3:var d=n.stateNode.containerInfo;if(d.nodeType===1)d.textContent="";else if(d.nodeType===9){var w=d.body;w!=null&&(w.textContent="")}break;case 5:case 6:case 4:case 17:break;default:throw Error(y(163))}}catch(x){te(n,n.return,x)}if(e=n.sibling,e!==null){e.return=n.return,C=e;break}C=n.return}return S=Hs,Hs=!1,S}function ar(e,n,t){var r=n.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var u=l.destroy;l.destroy=void 0,u!==void 0&&Gu(n,t,u)}l=l.next}while(l!==r)}}function sl(e,n){if(n=n.updateQueue,n=n!==null?n.lastEffect:null,n!==null){var t=n=n.next;do{if((t.tag&e)===e){var r=t.create;t.destroy=r()}t=t.next}while(t!==n)}}function Zu(e){var n=e.ref;if(n!==null){var t=e.stateNode;switch(e.tag){case 5:e=t;break;default:e=t}typeof n=="function"?n(e):n.current=e}}function Ws(e){var n=e.alternate;n!==null&&(e.alternate=null,Ws(n)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(n=e.stateNode,n!==null&&(delete n[dn],delete n[Jt],delete n[hu],delete n[Rc],delete n[Mc])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Qs(e){return e.tag===5||e.tag===3||e.tag===4}function Ks(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Qs(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Ju(e,n,t){var r=e.tag;if(r===5||r===6)e=e.stateNode,n?t.nodeType===8?t.parentNode.insertBefore(e,n):t.insertBefore(e,n):(t.nodeType===8?(n=t.parentNode,n.insertBefore(e,t)):(n=t,n.appendChild(e)),t=t._reactRootContainer,t!=null||n.onclick!==null||(n.onclick=Vr));else if(r!==4&&(e=e.child,e!==null))for(Ju(e,n,t),e=e.sibling;e!==null;)Ju(e,n,t),e=e.sibling}function qu(e,n,t){var r=e.tag;if(r===5||r===6)e=e.stateNode,n?t.insertBefore(e,n):t.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(qu(e,n,t),e=e.sibling;e!==null;)qu(e,n,t),e=e.sibling}var ye=null,rn=!1;function Vn(e,n,t){for(t=t.child;t!==null;)Ys(e,n,t),t=t.sibling}function Ys(e,n,t){if(fn&&typeof fn.onCommitFiberUnmount=="function")try{fn.onCommitFiberUnmount(Sr,t)}catch(o){}switch(t.tag){case 5:_e||Ct(t,n);case 6:var r=ye,l=rn;ye=null,Vn(e,n,t),ye=r,rn=l,ye!==null&&(rn?(e=ye,t=t.stateNode,e.nodeType===8?e.parentNode.removeChild(t):e.removeChild(t)):ye.removeChild(t.stateNode));break;case 18:ye!==null&&(rn?(e=ye,t=t.stateNode,e.nodeType===8?mu(e.parentNode,t):e.nodeType===1&&mu(e,t),At(e)):mu(ye,t.stateNode));break;case 4:r=ye,l=rn,ye=t.stateNode.containerInfo,rn=!0,Vn(e,n,t),ye=r,rn=l;break;case 0:case 11:case 14:case 15:if(!_e&&(r=t.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var u=l,i=u.destroy;u=u.tag,i!==void 0&&((u&2)!==0||(u&4)!==0)&&Gu(t,n,i),l=l.next}while(l!==r)}Vn(e,n,t);break;case 1:if(!_e&&(Ct(t,n),r=t.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=t.memoizedProps,r.state=t.memoizedState,r.componentWillUnmount()}catch(o){te(t,n,o)}Vn(e,n,t);break;case 21:Vn(e,n,t);break;case 22:t.mode&1?(_e=(r=_e)||t.memoizedState!==null,Vn(e,n,t),_e=r):Vn(e,n,t);break;default:Vn(e,n,t)}}function Xs(e){var n=e.updateQueue;if(n!==null){e.updateQueue=null;var t=e.stateNode;t===null&&(t=e.stateNode=new Yc),n.forEach(function(r){var l=rf.bind(null,e,r);t.has(r)||(t.add(r),r.then(l,l))})}}function ln(e,n){var t=n.deletions;if(t!==null)for(var r=0;rl&&(l=i),r&=~u}if(r=l,r=le()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Zc(r/1960))-r,10e?16:e,$n===null)var r=!1;else{if(e=$n,$n=null,pl=0,(I&6)!==0)throw Error(y(331));var l=I;for(I|=4,C=e.current;C!==null;){var u=C,i=u.child;if((C.flags&16)!==0){var o=u.deletions;if(o!==null){for(var s=0;sle()-ni?nt(e,0):ei|=t),Me(e,n)}function sa(e,n){n===0&&((e.mode&1)===0?n=1:(n=Er,Er<<=1,(Er&130023424)===0&&(Er=4194304)));var t=xe();e=vl(e,n),e!==null&&(It(e,n,t),Me(e,t))}function tf(e){var n=e.memoizedState,t=0;n!==null&&(t=n.retryLane),sa(e,t)}function rf(e,n){var t=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(t=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(y(314))}r!==null&&r.delete(n),sa(e,t)}var aa;aa=function(e,n,t){if(e!==null)if(e.memoizedProps!==n.pendingProps||Ne.current)Le=!0;else{if((e.lanes&t)===0&&(n.flags&128)===0)return Le=!1,Qc(e,n,t);Le=(e.flags&131072)!==0}else Le=!1,Z&&(n.flags&1048576)!==0&&Ko(n,Zr,n.index);switch(n.lanes=0,n.tag){case 2:var r=n.type;e!==null&&(e.alternate=null,n.alternate=null,n.flags|=2),e=n.pendingProps;var l=vt(n,we.current);gt(n,t),l=Fu(null,n,r,e,l,t);var u=ju();return n.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(n.tag=1,n.memoizedState=null,n.updateQueue=null,ze(r)?(u=!0,Br(n)):u=!1,n.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,_u(n),l.updater=Xr,n.stateNode=l,l._reactInternals=n,Cu(n,r,e,t),n=Ku(null,n,r,!0,u,t)):(n.tag=0,Z&&u&&xu(n),Ce(null,n,l,t),n=n.child),n;case 16:r=n.elementType;e:{switch(e!==null&&(e.alternate=null,n.alternate=null,n.flags|=2),e=n.pendingProps,l=r._init,r=l(r._payload),n.type=r,l=n.tag=uf(r),e=en(r,e),l){case 0:n=Qu(null,n,r,e,t);break e;case 1:n=Ds(null,n,r,e,t);break e;case 11:n=Ts(null,n,r,e,t);break e;case 14:n=Ls(null,n,r,en(r.type,e),t);break e}throw Error(y(306,r,""))}return n;case 0:return r=n.type,l=n.pendingProps,l=n.elementType===r?l:en(r,l),Qu(e,n,r,l,t);case 1:return r=n.type,l=n.pendingProps,l=n.elementType===r?l:en(r,l),Ds(e,n,r,l,t);case 3:e:{if(Is(n),e===null)throw Error(y(387));r=n.pendingProps,u=n.memoizedState,l=u.element,Vo(e,n),Yr(n,r,null,t);var i=n.memoizedState;if(r=i.element,u.isDehydrated)if(u={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},n.updateQueue.baseState=u,n.memoizedState=u,n.flags&256){l=Error(y(423)),n=Fs(e,n,r,t,l);break e}else if(r!==l){l=Error(y(424)),n=Fs(e,n,r,t,l);break e}else for(Te=yn(n.stateNode.containerInfo.firstChild),Fe=n,Z=!0,tn=null,t=qo(n,null,r,t),n.child=t;t;)t.flags=t.flags&-3|4096,t=t.sibling;else{if(St(),r===l){n=En(e,n,t);break e}Ce(e,n,r,t)}n=n.child}return n;case 5:return bo(n),e===null&&zu(n),r=n.type,l=n.pendingProps,u=e!==null?e.memoizedProps:null,i=l.children,du(r,l)?i=null:u!==null&&du(r,u)&&(n.flags|=32),Os(e,n),Ce(e,n,i,t),n.child;case 6:return e===null&&zu(n),null;case 13:return Us(e,n,t);case 4:return Lu(n,n.stateNode.containerInfo),r=n.pendingProps,e===null?n.child=_t(n,null,r,t):Ce(e,n,r,t),n.child;case 11:return r=n.type,l=n.pendingProps,l=n.elementType===r?l:en(r,l),Ts(e,n,r,l,t);case 7:return Ce(e,n,n.pendingProps,t),n.child;case 8:return Ce(e,n,n.pendingProps.children,t),n.child;case 12:return Ce(e,n,n.pendingProps.children,t),n.child;case 10:e:{if(r=n.type._context,l=n.pendingProps,u=n.memoizedProps,i=l.value,W(Wr,r._currentValue),r._currentValue=i,u!==null)if(be(u.value,i)){if(u.children===l.children&&!Ne.current){n=En(e,n,t);break e}}else for(u=n.child,u!==null&&(u.return=n);u!==null;){var o=u.dependencies;if(o!==null){i=u.child;for(var s=o.firstContext;s!==null;){if(s.context===r){if(u.tag===1){s=kn(-1,t&-t),s.tag=2;var p=u.updateQueue;if(p!==null){p=p.shared;var v=p.pending;v===null?s.next=s:(s.next=v.next,v.next=s),p.pending=s}}u.lanes|=t,s=u.alternate,s!==null&&(s.lanes|=t),Su(u.return,t,n),o.lanes|=t;break}s=s.next}}else if(u.tag===10)i=u.type===n.type?null:u.child;else if(u.tag===18){if(i=u.return,i===null)throw Error(y(341));i.lanes|=t,o=i.alternate,o!==null&&(o.lanes|=t),Su(i,t,n),i=u.sibling}else i=u.child;if(i!==null)i.return=u;else for(i=u;i!==null;){if(i===n){i=null;break}if(u=i.sibling,u!==null){u.return=i.return,i=u;break}i=i.return}u=i}Ce(e,n,l.children,t),n=n.child}return n;case 9:return l=n.type,r=n.pendingProps.children,gt(n,t),l=Be(l),r=r(l),n.flags|=1,Ce(e,n,r,t),n.child;case 14:return r=n.type,l=en(r,n.pendingProps),l=en(r.type,l),Ls(e,n,r,l,t);case 15:return Rs(e,n,n.type,n.pendingProps,t);case 17:return r=n.type,l=n.pendingProps,l=n.elementType===r?l:en(r,l),e!==null&&(e.alternate=null,n.alternate=null,n.flags|=2),n.tag=1,ze(r)?(e=!0,Br(n)):e=!1,gt(n,t),Wo(n,r,l),Cu(n,r,l,t),Ku(null,n,r,!0,e,t);case 19:return Bs(e,n,t);case 22:return Ms(e,n,t)}throw Error(y(156,n.tag))};function ca(e,n){return Vi(e,n)}function lf(e,n,t,r){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Xe(e,n,t,r){return new lf(e,n,t,r)}function ai(e){return e=e.prototype,!(!e||!e.isReactComponent)}function uf(e){if(typeof e=="function")return ai(e)?1:0;if(e!=null){if(e=e.$$typeof,e===an)return 11;if(e===vn)return 14}return 2}function Wn(e,n){var t=e.alternate;return t===null?(t=Xe(e.tag,n,e.key,e.mode),t.elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=e.flags&14680064,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=n===null?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function gl(e,n,t,r,l,u){var i=2;if(r=e,typeof e=="function")ai(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case Ae:return rt(t.children,l,u,n);case Pn:i=8,l|=8;break;case sn:return e=Xe(12,t,n,l|2),e.elementType=sn,e.lanes=u,e;case cn:return e=Xe(13,t,n,l),e.elementType=cn,e.lanes=u,e;case $e:return e=Xe(19,t,n,l),e.elementType=$e,e.lanes=u,e;case z:return wl(t,l,u,n);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Nn:i=10;break e;case Je:i=9;break e;case an:i=11;break e;case vn:i=14;break e;case g:i=16,r=null;break e}throw Error(y(130,e==null?e:typeof e,""))}return n=Xe(i,t,n,l),n.elementType=e,n.type=r,n.lanes=u,n}function rt(e,n,t,r){return e=Xe(7,e,r,n),e.lanes=t,e}function wl(e,n,t,r){return e=Xe(22,e,r,n),e.elementType=z,e.lanes=t,e.stateNode={},e}function ci(e,n,t){return e=Xe(6,e,null,n),e.lanes=t,e}function fi(e,n,t){return n=Xe(4,e.children!==null?e.children:[],e.key,n),n.lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function of(e,n,t,r,l){this.tag=n,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=$l(0),this.expirationTimes=$l(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=$l(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function di(e,n,t,r,l,u,i,o,s){return e=new of(e,n,t,o,s),n===1?(n=1,u===!0&&(n|=8)):n=0,u=Xe(3,null,null,n),e.current=u,u.stateNode=e,u.memoizedState={element:r,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},_u(u),e}function sf(e,n,t){var r=3>>1,h=g[c];if(0>>1;cy(D,R))Fy(H,D)?(g[c]=H,g[F]=R,c=F):(g[c]=D,g[O]=R,c=O);else if(Fy(H,R))g[c]=H,g[F]=R,c=F;else break e}}return z}function y(g,z){var R=g.sortIndex-z.sortIndex;return R!==0?R:g.id-z.id}if(typeof performance=="object"&&typeof performance.now=="function"){var xn=performance;k.unstable_now=function(){return xn.now()}}else{var Ue=Date,Oe=Ue.now();k.unstable_now=function(){return Ue.now()-Oe}}var re=[],J=[],Ve=1,B=null,Q=3,se=!1,he=!1,Pe=!1,un=typeof setTimeout=="function"?setTimeout:null,K=typeof clearTimeout=="function"?clearTimeout:null,q=typeof setImmediate!="undefined"?setImmediate:null;typeof navigator!="undefined"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function Ge(g){for(var z=A(J);z!==null;){if(z.callback===null)$(J);else if(z.startTime<=g)$(J),z.sortIndex=z.expirationTime,U(re,z);else break;z=A(J)}}function Ze(g){if(Pe=!1,Ge(g),!he)if(A(re)!==null)he=!0,$e(on);else{var z=A(J);z!==null&&vn(Ze,z.startTime-g)}}function on(g,z){he=!1,Pe&&(Pe=!1,K(Ee),Ee=-1),se=!0;var R=Q;try{for(Ge(z),B=A(re);B!==null&&(!(B.expirationTime>z)||g&&!sn());){var c=B.callback;if(typeof c=="function"){B.callback=null,Q=B.priorityLevel;var h=c(B.expirationTime<=z);z=k.unstable_now(),typeof h=="function"?B.callback=h:B===A(re)&&$(re),Ge(z)}else $(re);B=A(re)}if(B!==null)var M=!0;else{var O=A(J);O!==null&&vn(Ze,O.startTime-z),M=!1}return M}finally{B=null,Q=R,se=!1}}var ve=!1,De=null,Ee=-1,Ae=5,Pn=-1;function sn(){return!(k.unstable_now()-Png||125c?(g.sortIndex=R,U(J,g),A(re)===null&&g===A(J)&&(Pe?(K(Ee),Ee=-1):Pe=!0,vn(Ze,R-c))):(g.sortIndex=h,U(re,g),he||se||(he=!0,$e(on))),g},k.unstable_shouldYield=sn,k.unstable_wrapCallback=function(g){var z=Q;return function(){var R=Q;Q=z;try{return g.apply(this,arguments)}finally{Q=R}}}},9404:function(de,k,U){de.exports=U(9311)}},vi={};function mr(de){var k=vi[de];if(k!==void 0)return k.exports;var U=vi[de]={exports:{}};return va[de](U,U.exports,mr),U.exports}var mf={};(function(){var de=mr(3236),k=mr(2628),U=mr(2086),A=function(){return(0,de.useEffect)(function(){window.location.href="/Guide.html"},[]),(0,U.jsx)("div",{})},$=A;k.createRoot(document.getElementById("root")).render((0,U.jsx)($,{}))})()})(); 9 | --------------------------------------------------------------------------------