@jsenv/cli 0.3.39 → 0.3.42

package/template-web-react/.jsenv/entry_index/craft/app/app.css

@@ -0,0 +1,43 @@
+.app {
+  text-align: center;
+}
+
+.app_logo {
+  pointer-events: none;
+  height: 40vmin;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .app_logo {
+    animation: 20s linear infinite app_logo_spin;
+  }
+}
+
+.app_header {
+  color: #fff;
+  background-color: #282c34;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  font-size: calc(10px + 2vmin);
+  display: flex;
+}
+
+.app_link {
+  color: #61dafb;
+}
+
+@keyframes app_logo_spin {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+button {
+  font-size: calc(10px + 2vmin);
+}

package/template-web-react/.jsenv/entry_index/craft/app/app.css7as_css_module=.js

@@ -0,0 +1,7 @@
+import "file:///Users/dmail/Documents/dev/core/dist/client/inline_content/inline_content.js";
+
+const inlineContent = new __InlineContent__(".app {\n  text-align: center;\n}\n\n.app_logo {\n  pointer-events: none;\n  height: 40vmin;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .app_logo {\n    animation: 20s linear infinite app_logo_spin;\n  }\n}\n\n.app_header {\n  color: #fff;\n  background-color: #282c34;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 100vh;\n  font-size: calc(10px + 2vmin);\n  display: flex;\n}\n\n.app_link {\n  color: #61dafb;\n}\n\n@keyframes app_logo_spin {\n  from {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\nbutton {\n  font-size: calc(10px + 2vmin);\n}\n", { type: "text/css" });
+const stylesheet = new CSSStyleSheet();
+stylesheet.replaceSync(inlineContent.text);
+
+export default stylesheet;

package/template-web-react/.jsenv/entry_index/craft/app/app.jsx

@@ -0,0 +1,45 @@
+import { useLayoutEffect } from "file:///Users/dmail/Documents/dev/core/node_modules/react/index.js?cjs_as_js_module";
+import appStyleSheet from "file:///Users/dmail/Documents/dev/core/packages/related/cli/template-web-react/src/app/app.css?as_css_module" ;
+import { Counter } from "file:///Users/dmail/Documents/dev/core/packages/related/cli/template-web-react/src/app/counter.jsx";
+import { jsx as _jsx, jsxs as _jsxs } from "file:///Users/dmail/Documents/dev/core/node_modules/react/jsx-runtime.js?cjs_as_js_module";
+const reactLogoUrl = import.meta.resolve("file:///Users/dmail/Documents/dev/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"
+        })
+      })]
+    })
+  });
+};

package/template-web-react/.jsenv/entry_index/craft/app/counter.jsx

@@ -0,0 +1,16 @@
+import { useState, Fragment } from "file:///Users/dmail/Documents/dev/core/node_modules/react/index.js?cjs_as_js_module";
+import { jsx as _jsx, jsxs as _jsxs } from "file:///Users/dmail/Documents/dev/core/node_modules/react/jsx-runtime.js?cjs_as_js_module";
+export const Counter = () => {
+  const [count, setCount] = useState(0);
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx("button", {
+      id: "counter_button",
+      type: "button",
+      onClick: () => setCount(count => count + 1),
+      children: "Click me"
+    }), /*#__PURE__*/_jsx("br", {}), "number of click: ", /*#__PURE__*/_jsx("span", {
+      id: "counter_output",
+      children: count
+    })]
+  });
+};