huozhi / devjar Goto Github PK

We inject the render target div and script in react effects, which could be a bit slower than when you call load(files). Load script take time and now we need to wait until the __render__ function is loaded then we could load files.

If I want to add Tailwind CSS as well, what do I need to do?

import './style.css'; break evaluator

It should support displaying error overlay (for both compilation and runtime errors) inside the iframe and send back the error with stack to the main window.

If a component is using react jsx, dev jar could inject React imports for it

Currently I inlined all the script as text to avoid the import() calls to be handled by webpack..But then it's hard to keep sync bewteen core and react subpath exports and debug it like normal js

Add a button to force reload the entire script

Either respect the package version from a specified package.json or can load the latest version of it from CDN. For instance, react should load react 18 with swr

scope the CSS applying logic and sheet creation into the imported CSS module

Make it work with safari..esm.sh/es-module-shims is 500

esm shims requires pretty long time of downloading script and some cdn like esm.sh doesn't handle it so well

Consider providing loading properly to identify if the script is loading or devjar is reloading the code files

For now it's hardcode to esm.sh, user might want to customize it with other esm CDN origin

first line always empty

Hey, I think it may be related to the recent change 560db60, pre doesn't look like it needs padding.

An easy way is to make all user files start with ./, and assume other imports are requesting a package from npm. We can either use Skypack or esm.sh for it.

In the future there can be a option to specify the packages and versions. For now you can do import 'react@17'.

Support basic CSS files loading or imports