Feat: add chobitsu (Chrome Devtools) for preview

[tachibana-shin]

Resolves: #197

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
repl	❌ Failed (Inspect)			Jan 3, 2024 7:59pm

[tachibana-shin]

Can you tell me why vercel preview is failing?

[yyx990803]

This seems to load the entire devtools frontend which is pretty heavy. I think at the very least it should be added as an opt-in feature that doesn't affect the bundle size of the current base use case (embedding).

[yyx990803]

This would make this feature require a network connection.

Currently the repl doesn't use CDN unless the user is selecting a published version of Vue. If a feature requires internet connection then it should be made opt-in.

[tachibana-shin]

I added a chii option in Repl to replace origin when deploying to load chii resources. A small plugin for vite has also been added to load the value for chii

import VitePluginChii from '@vue/repl/plugin-chii'

import chii from 'virtual:chii'

function App() {
  return <Repl chii={chii} ... />
}

[tachibana-shin]

This seems to load the entire devtools frontend which is pretty heavy. I think at the very least it should be added as an opt-in feature that doesn't affect the bundle size of the current base use case (embedding).

Should I add a separate Repl component for chobitsu's mode instead of integrating it into 1 component?