fix(ui): open in IDE and error styles

[userquin]

Moved the useCodeError logic to the ViewEditor.vue component from error.ts module, we would need to include @unocss-include on the error.ts module to style the elements created.

Anyway, on stackblitz I cannot make it working (missing links, it seems using oldest version), tested with 0.7.11 and 0.7.12 but still not working, it seems stackblitz doing strange things, for example: taze not showing vitest 0.7.12, I need to run taze major.

The repo I use with 0.7.12 with almost all core tests included: https://stackblitz.com/edit/vitejs-vite-nfjsbi

[netlify]

✅ Deploy Preview for vitest-dev ready!

Name	Link
🔨 Latest commit	ee3bbe7
🔍 Latest deploy log	https://app.netlify.com/sites/vitest-dev/deploys/62405ab76015160009ea9e82
😎 Deploy Preview	https://deploy-preview-1039--vitest-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[patak-dev]

When I tried locally on macOS, after making a test fail and pressing the Open in IDE I'm getting in the terminal (and no feedback in the app):

Could not open chainable.test.ts in the editor.
The editor process exited with an error: spawn code ENOENT.

Is there something else I need to setup so VS Code is picked up?

About the styles, could the icon color have more contrast so it is accessible?

We also have an Open in Editor button at the top-right, should both be called Open in Editor or Open in IDE?

[userquin]

[userquin]

@patak-dev the error comes from vite, vitest doesn't handle the /__open-in-editor?file= url, you can check the vite server middleware here: https://github.com/vitejs/vite/blob/main/packages/vite/src/node/server/index.ts#L528

Vite is using this library https://github.com/yyx990803/launch-editor from Evan

[userquin]

We don't need tooltip listeners, the floating tooltip lib works also with focus and blur events