@jsenv/cli
Version:
Command Line Interface for jsenv
45 lines • 2.04 kB
JSX
import { useLayoutEffect } from "file:///Users/dmail/Documents/dev/jsenv/core/packages/node_modules/react/index.js?cjs_as_js_module";
import appStyleSheet from "file:///Users/dmail/Documents/dev/jsenv/core/packages/related/cli/template-web-react/src/app/app.css?as_css_module" ;
import { Counter } from "file:///Users/dmail/Documents/dev/jsenv/core/packages/related/cli/template-web-react/src/app/counter.jsx";
import { jsx as _jsx, jsxs as _jsxs } from "file:///Users/dmail/Documents/dev/jsenv/core/packages/node_modules/react/jsx-runtime.js?cjs_as_js_module";
const reactLogoUrl = import.meta.resolve("file:///Users/dmail/Documents/dev/jsenv/core/packages/related/cli/template-web-react/src/react_logo.svg");
export const App = () => {
useLayoutEffect(() => {
document.adoptedStyleSheets = [...document.adoptedStyleSheets, appStyleSheet];
return () => {
document.adoptedStyleSheets = document.adoptedStyleSheets.filter(s => s !== appStyleSheet);
};
}, []);
return /*#__PURE__*/_jsx("div", {
className: "app",
children: /*#__PURE__*/_jsxs("header", {
className: "app_header",
children: [/*#__PURE__*/_jsx("img", {
src: reactLogoUrl,
className: "app_logo",
alt: "logo"
}), /*#__PURE__*/_jsx("p", {
children: "Hello jsenv + React!"
}), /*#__PURE__*/_jsx("p", {
children: /*#__PURE__*/_jsx(Counter, {})
}), /*#__PURE__*/_jsxs("p", {
children: ["Edit", " ", /*#__PURE__*/_jsx("a", {
className: "app_link",
onClick: e => {
e.preventDefault();
window.fetch("/.internal/open_file/app/app.jsx");
},
children: "app.jsx"
}), " ", "and save to test HMR updates."]
}), /*#__PURE__*/_jsx("p", {
children: /*#__PURE__*/_jsx("a", {
className: "app_link",
href: "https://github.com/jsenv/core",
target: "_blank",
rel: "noopener noreferrer",
children: "Jsenv documentation"
})
})]
})
});
};