import{d as e,u as t,k as n,_ as o,E as r}from"/jsenv_template_web_preact_node_modules.js";("object"==typeof self?self:process).__InlineContent__=function(e,{type:t="text/plain"}){this.text=e,this.type=t};const a=new __InlineContent__(".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{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}",{type:"text/css"}),p=new CSSStyleSheet;p.replaceSync(a.text);const i=()=>{const[o,r]=e(0);return t(n,{children:[t("button",{id:"counter_button",type:"button",onClick:()=>r((e=>e+1)),children:"Click me"}),t("br",{}),"number of click: ",t("span",{id:"counter_output",children:o})]})},c=new URL(__v__("/other/preact_logo.svg"),import.meta.url);r(t((()=>(o((()=>(document.adoptedStyleSheets=[...document.adoptedStyleSheets,p],()=>{document.adoptedStyleSheets=document.adoptedStyleSheets.filter((e=>e!==p))})),[]),t("div",{className:"app",children:t("header",{className:"app_header",children:[t("img",{src:c,className:"app_logo",alt:"logo"}),t("p",{children:"Hello jsenv + preact!"}),t("p",{children:t(i,{})}),t("p",{children:["Edit"," ",t("a",{className:"app_link",href:"javascript:window.fetch('/internal/open_file/app/app.jsx')",children:"app.jsx"})," ","and save to test HMR updates."]}),t("p",{children:t("a",{className:"app_link",href:"https://github.com/jsenv/core",target:"_blank",rel:"noopener noreferrer",children:"Jsenv documentation"})})]})}))),{}),document.querySelector("#root"));