diff --git a/packages/inula-novdom/README.md b/packages/inula-novdom/README.md index 3c98b086..259fcd70 100644 --- a/packages/inula-novdom/README.md +++ b/packages/inula-novdom/README.md @@ -1,6 +1,43 @@ +# Todo list + +- Runtime + - [x] basic jsx render(integrate with compiler) + - [ ] spreadProps + - [ ] BindRef + - [ ] For + - [x] Cond + - [x] Env + - [x] Dynamic + - [ ] Portal + - [x] onMount + - [ ] onUnmount +- Compiler time + - [ ] Ref (component ref & dom ref: (functional dom ref: 直接编成IIFE)) + - [ ] Cond + - [ ] spreadProps + # Debug -See the compiled code in Vitest-UI on module graph tab (click the point of the file). + +## Check the compiled code +You can check the compiled code in Vitest-UI on module graph tab (click the point of the file). ```shell pnpm run test ``` detail: https://github.com/vitest-dev/vitest/discussions/2242 + +## Runtime Debugging + +This section provides instructions on how to debug the runtime. + +### Step 1: Run the Dump Test Command + +Execute the following command in your terminal: + +```shell +pnpm run dump-test +``` +This command compiles the JSX parts of the code and dumps the output into the dumped-tests folder. + +### Step 2: Debug the Compiled Code +Navigate to the dumped-tests folder in your project directory. Here, you can debug the compiled code. +Remember to repeat these steps whenever you make changes to the JSX parts of the code to ensure that you're debugging the most recent version.