@jsenv/core 41.5.18 → 41.5.20

package/dist/build/build.js

@@ -1,5 +1,5 @@
-import { parseHtml, injectHtmlNodeAsEarlyAsPossible, createHtmlNode, stringifyHtmlAst, applyBabelPlugins, generateUrlForInlineContent, injectJsenvScript, parseJsWithAcorn, visitHtmlNodes, analyzeScriptNode, getHtmlNodeText, getHtmlNodeAttribute, getHtmlNodePosition, getUrlForContentInsideHtml, setHtmlNodeAttributes, setHtmlNodeText, parseCssUrls, getHtmlNodeAttributePosition, parseSrcSet, removeHtmlNodeText, parseJsUrls, getUrlForContentInsideJs, renderCssTemplateLiteral, visitJsAst, getImportMetaPropertyName, visitJsAstUntil, analyzeLinkNode, findHtmlNode, removeHtmlNode, insertHtmlNodeAfter } from "@jsenv/ast";
-import { lookupPackageDirectory, urlIsOrIsInsideOf, registerDirectoryLifecycle, urlToRelativeUrl, createDetailedMessage, stringifyUrlSite, generateContentFrame, validateResponseIntegrity, ensureWindowsDriveLetter, setUrlFilename, moveUrl, getCallerPosition, urlToBasename, urlToExtension, asSpecifierWithoutSearch, asUrlWithoutSearch, injectQueryParamsIntoSpecifier, bufferToEtag, isFileSystemPath, urlToPathname, setUrlBasename, urlToFileSystemPath, writeFileSync, createLogger, URL_META, applyNodeEsmResolution, normalizeUrl, ANSI, RUNTIME_COMPAT, CONTENT_TYPE, readPackageAtOrNull, urlToFilename, DATA_URL, errorToHTML, normalizeImportMap, composeTwoImportMaps, resolveImport, JS_QUOTES, readCustomConditionsFromProcessArgs, collectFiles, readEntryStatSync, applyFileSystemMagicResolution, getExtensionsToTry, ensurePathnameTrailingSlash, compareFileUrls, setUrlExtension, isSpecifierForNodeBuiltin, injectQueryParams, renderDetails, humanizeDuration, humanizeFileSize, renderTable, renderBigSection, distributePercentages, humanizeMemory, comparePathnames, UNICODE, escapeRegexpSpecialChars, injectQueryParamIntoSpecifierWithoutEncoding, renderUrlOrRelativeUrlFilename, assertAndNormalizeDirectoryUrl, Abort, raceProcessTeardownEvents, startMonitoringMemoryUsage, inferRuntimeCompatFromClosestPackage, browserDefaultRuntimeCompat, nodeDefaultRuntimeCompat, clearDirectorySync, createTaskLog, createLookupPackageDirectory, ensureEmptyDirectory, updateJsonFileSync, createDynamicLog } from "./jsenv_core_packages.js";
+import { parseHtml, injectHtmlNodeAsEarlyAsPossible, createHtmlNode, stringifyHtmlAst, applyBabelPlugins, generateUrlForInlineContent, injectJsenvScript, parseJsWithAcorn, visitHtmlNodes, analyzeScriptNode, getHtmlNodeText, getHtmlNodeAttribute, getHtmlNodePosition, getUrlForContentInsideHtml, setHtmlNodeAttributes, setHtmlNodeText, parseCssUrls, getHtmlNodeAttributePosition, parseSrcSet, removeHtmlNodeText, parseJsUrls, hasCssOpaqueDirective, getUrlForContentInsideJs, renderCssTemplateLiteral, visitJsAst, getImportMetaPropertyName, visitJsAstUntil, analyzeLinkNode, findHtmlNode, removeHtmlNode, insertHtmlNodeAfter } from "@jsenv/ast";
+import { lookupPackageDirectory, urlIsOrIsInsideOf, registerDirectoryLifecycle, urlToRelativeUrl, createDetailedMessage, stringifyUrlSite, generateContentFrame, validateResponseIntegrity, ensureWindowsDriveLetter, setUrlFilename, moveUrl, getCallerPosition, urlToBasename, urlToExtension, asSpecifierWithoutSearch, asUrlWithoutSearch, injectQueryParamsIntoSpecifier, bufferToEtag, isFileSystemPath, urlToPathname, setUrlBasename, urlToFileSystemPath, writeFileSync, createLogger, URL_META, applyNodeEsmResolution, normalizeUrl, ANSI, RUNTIME_COMPAT, CONTENT_TYPE, readPackageAtOrNull, urlToFilename, DATA_URL, errorToHTML, normalizeImportMap, composeTwoImportMaps, resolveImport, UNICODE, JS_QUOTES, readCustomConditionsFromProcessArgs, collectFiles, readEntryStatSync, applyFileSystemMagicResolution, getExtensionsToTry, ensurePathnameTrailingSlash, compareFileUrls, setUrlExtension, isSpecifierForNodeBuiltin, injectQueryParams, renderDetails, humanizeDuration, humanizeFileSize, renderTable, renderBigSection, distributePercentages, humanizeMemory, comparePathnames, escapeRegexpSpecialChars, injectQueryParamIntoSpecifierWithoutEncoding, renderUrlOrRelativeUrlFilename, assertAndNormalizeDirectoryUrl, Abort, raceProcessTeardownEvents, startMonitoringMemoryUsage, inferRuntimeCompatFromClosestPackage, browserDefaultRuntimeCompat, nodeDefaultRuntimeCompat, clearDirectorySync, createTaskLog, createLookupPackageDirectory, ensureEmptyDirectory, updateJsonFileSync, createDynamicLog } from "./jsenv_core_packages.js";
 import { bundleJsModules, jsenvPluginBundling } from "@jsenv/plugin-bundling";
 import { jsenvPluginMinification } from "@jsenv/plugin-minification";
 import { jsenvPluginTranspilation, jsenvPluginJsModuleFallback } from "@jsenv/plugin-transpilation";
@@ -5810,7 +5810,20 @@ const parseAndTransformJsReferences = async (
           renderCssTemplateLiteral(inlineUrlInfo.content, substitutions)
         : JS_QUOTES.escapeSpecialChars(inlineUrlInfo.content, { quote });
       if (replacement === null) {
-        // a placeholder did not survive: the source stays as it was written
+        // a placeholder did not survive the css transformation: giving the
+        // expressions back would not give back what the source said
+        if (inlineReferenceInfo.alreadyBuilt) {
+          return;
+        }
+        warnCssShippedAsWritten(urlInfo, {
+          line: inlineReferenceInfo.line,
+          column: inlineReferenceInfo.column,
+          reason: `a "\${}" placeholder did not survive the css transformation`,
+          templateSource: urlInfo.content.slice(
+            inlineReferenceInfo.start,
+            inlineReferenceInfo.end,
+          ),
+        });
         return;
       }
       magicSource.replace({
@@ -5918,7 +5931,13 @@ const parseAndTransformJsReferences = async (
     isNodeJs,
   });
   for (const jsReferenceInfo of jsReferenceInfos) {
-    if (jsReferenceInfo.isInline) {
+    if (jsReferenceInfo.isOpaqueCss) {
+      if (!jsReferenceInfo.alreadyBuilt) {
+        // a dependency's built css is opaque in a source this build does not
+        // have; its own build is where that is told
+        warnCssShippedAsWritten(urlInfo, jsReferenceInfo);
+      }
+    } else if (jsReferenceInfo.isInline) {
       onInlineReference(jsReferenceInfo);
     } else {
       onExternalReference(jsReferenceInfo);
@@ -5933,6 +5952,38 @@ const parseAndTransformJsReferences = async (
   return magicSource.toContentAndSourcemap();
 };
 
+// An import.meta.css the build cannot parse is shipped exactly as written:
+// comments, indentation, untranspiled properties and unresolved url() included,
+// in this build and in every build of every consumer of what it produces.
+// Nothing downstream can undo it, so the only place it can be told is here.
+const warnCssShippedAsWritten = (
+  urlInfo,
+  { line, column, reason, templateSource },
+) => {
+  if (!urlInfo.context.build) {
+    return;
+  }
+  if (hasCssOpaqueDirective(templateSource)) {
+    return;
+  }
+  urlInfo.context.logger.warn(
+    createDetailedMessage(
+      `${UNICODE.WARNING} import.meta.css shipped as written: not parsed, not transpiled, not minified`,
+      {
+        // line/column are read from the content as analyzed, which is not the
+        // file on disk once something transpiled it (jsx, babel helpers)
+        "css template":
+          urlInfo.content === urlInfo.originalContent
+            ? `${urlInfo.url}:${line}:${column}`
+            : urlInfo.url,
+        reason,
+        "suggestion": `only a "\${}" standing where a css value stands can be read; a custom property set from JS, a data attribute or a selector list covers nearly every other reason to interpolate`,
+        "to silence": `write "jsenv-css-opaque" in a css comment inside that template`,
+      },
+    ),
+  );
+};
+
 const jsenvPluginReferenceExpectedTypes = () => {
   const redirectJsReference = (reference) => {
     const urlObject = new URL(reference.url);

package/dist/client/directory_listing/js/directory_listing.js

@@ -1,4 +1,4 @@
-import { K, u, N, $ } from "../jsenv_core_node_modules.js";
+import { tn, u, H, A } from "../jsenv_core_node_modules.js";
 
 const directoryIconUrl = new URL("../other/dir.png", import.meta.url).href;
 const fileIconUrl = new URL("../other/file.png", import.meta.url).href;
@@ -30,12 +30,12 @@ const updateDirectoryContentItems = value => {
   }
 };
 const DirectoryListing = () => {
-  const directoryItems = N(callback => {
+  const directoryItems = H(callback => {
     directoryItemsChangeCallbackSet.add(callback);
   }, () => {
     return directoryContentItems;
   });
-  return u($, {
+  return u(A, {
     children: [enoentDetails ? u(ErrorMessage, {}) : null, u(Breadcrumb, {
       items: breadcrumb
     }), u(DirectoryContent, {
@@ -53,7 +53,7 @@ const ErrorMessage = () => {
   let errorSuggestion;
   let spaExplanation = null;
   if (spaFallbackFilePaths) {
-    spaExplanation = u($, {
+    spaExplanation = u(A, {
       children: [u("strong", {
         children: "SPA mode:"
       }), " a url without extension is a route, served with the closest html file. None of these exists:", u("ul", {
@@ -67,7 +67,7 @@ const ErrorMessage = () => {
       })]
     });
   }
-  errorText = u($, {
+  errorText = u(A, {
     children: [u("strong", {
       children: "File not found:"
     }), "\xA0", u(Overflow, {
@@ -82,7 +82,7 @@ const ErrorMessage = () => {
       }), " ", "does not exist on the server."]
     })]
   });
-  errorSuggestion = u($, {
+  errorSuggestion = u(A, {
     children: [u("span", {
       className: "icon",
       children: "🔍"
@@ -136,7 +136,7 @@ const Breadcrumb = ({
         isServerRootDirectory
       } = navItem;
       const isDirectory = new URL(url).pathname.endsWith("/");
-      return u($, {
+      return u(A, {
         children: [u(BreadcrumbItem, {
           url: urlRelativeToServer,
           isCurrent: isCurrent,
@@ -231,7 +231,7 @@ const DirectoryContentItem = ({
         className: "directory_content_item_text",
         children: [u(Overflow, {
           children: children
-        }), isDirectory ? u($, {
+        }), isDirectory ? u(A, {
           children: [u("span", {
             style: "flex:1"
           }), u("span", {
@@ -296,4 +296,4 @@ if (autoreload) {
     }
   };
 }
-K(u(DirectoryListing, {}), document.querySelector("#root"));
+tn(u(DirectoryListing, {}), document.querySelector("#root"));

package/dist/client/directory_listing/jsenv_core_node_modules.js

@@ -1,9 +1,9 @@
-var n,l$1,t$1,i$1,r$1,f$1,e$1,o$2,c$1,s$1,a$1,h$1,v$1={},y$1=[],w$2=/(mi|mn|mo|ms$|mte|msp)/,d$1=Array.isArray,g$1=y$1.slice,_$1=Object.assign;function b(n){n&&n.parentNode&&n.remove();}function m$1(n,l,u){var t,i,r,f={};for(r in l)"key"==r?t=l[r]:"ref"==r&&"function"!=typeof n?i=l[r]:f[r]=l[r];return arguments.length>2&&(f.children=arguments.length>3?g$1.call(arguments,2):u),k$1(n,f,t,i,null)}function k$1(u,t,i,r,f){var e={type:u,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==f?++l$1:f,__i:-1,__u:0};return null==f&&null!=n.vnode&&n.vnode(e),e}function $$1(n){return n.children}function S(n,l){this.props=n,this.context=l,this.__g=0;}function x$1(n,l){if(null==l)return n.__?x$1(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?x$1(n):null}function C$2(n){if(null!=(n=n.__)&&null!=n.__c)return n.__e=null,n.__k.some(function(l){if(null!=l&&null!=l.__e)return n.__e=l.__e}),C$2(n)}function L(l){(8&l.__g||!(l.__g|=8)||!t$1.push(l)||r$1++)&&i$1==n.debounceRendering||((i$1=n.debounceRendering)||queueMicrotask)(j$1);}function j$1(){var l,u,i,e,o,c,s,a,h;try{for(u=1;t$1.length;)t$1.length>u&&t$1.sort(f$1),l=t$1.shift(),u=t$1.length,8&l.__g&&(e=void 0,o=void 0,c=(o=(i=l).__v).__e,s=[],a=[],(h=i.__P)&&((e=_$1({},o)).__v=o.__v+1,n.vnode&&n.vnode(e),V(h,e,o,i.__n,h.namespaceURI,32&o.__u?[c]:null,s,null==c?x$1(o):c,!!(32&o.__u),a,h.ownerDocument),e.__v=o.__v,e.__.__k[e.__i]=e,B$1(s,e,a),o.__=o.__e=null,e.__e!=c&&C$2(e)));}finally{t$1.length=r$1=0;}}function A$1(n,l,u,t,i,r,f,e,o,c,s,a){var h,p,w,d,g,_,b,m=t&&t.__k||y$1,k=l.length;for(o=H(u,l,m,o,k),h=0;h<k;h++)null!=(w=u.__k[h])&&(p=-1!=w.__i&&m[w.__i]||v$1,w.__i=h,_=V(n,w,p,i,r,f,e,o,c,s,a),d=w.__e,w.ref&&p.ref!=w.ref&&(p.ref&&F(p.ref,null,w),s.push(w.ref,w.__c||d,w)),null==g&&null!=d&&(g=d),(b=4&w.__u)||p.__k===w.__k?(o=I(w,o,n,b),b&&p.__e&&(p.__e=null)):"function"==typeof w.type&&void 0!==_?o=_:d&&(o=d.nextSibling),w.__u&=-7);return u.__e=g,o}function H(n,l,u,t,i){var r,f,e,o,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(f=l[r])&&"boolean"!=typeof f&&"function"!=typeof f?("string"==typeof f||"number"==typeof f||"bigint"==typeof f||f.constructor==String?f=n.__k[r]=k$1(null,f,null,null,null):d$1(f)?f=n.__k[r]=k$1($$1,{children:f},null,null,null):void 0===f.constructor&&f.__b>0?f=n.__k[r]=k$1(f.type,f.props,f.key,f.ref?f.ref:null,f.__v):n.__k[r]=f,o=r+h,f.__=n,f.__b=n.__b+1,e=null,-1!=(c=f.__i=T(f,u,o,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null==e.__v?(-1==c&&(i>s?h--:i<s&&h++),"function"!=typeof f.type&&(f.__u|=4)):c!=o&&(c==o-1?h--:c==o+1?h++:(c>o?h--:h++,f.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=x$1(e)),G$1(e,e));return t}function I(n,l,u,t){var i,r;if("function"==typeof n.type){for(i=n.__k,r=0;i&&r<i.length;r++)i[r]&&(i[r].__=n,l=I(i[r],l,u,t));return l}n.__e!=l&&(t&&(l&&n.type&&!l.parentNode&&(l=x$1(n)),u.insertBefore(n.__e,l||null)),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function O$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(d$1(n)?n.some(function(n){O$1(n,l);}):l.push(n)),l}function T(n,l,u,t){var i,r,f,e=n.key,o=n.type,c=l[u],s=null!=c&&0==(2&c.__u);if(null===c&&null==e||s&&e==c.key&&o==c.type)return u;if(t>(s?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;)if(null!=(c=l[f=i>=0?i--:r++])&&0==(2&c.__u)&&e==c.key&&o==c.type)return f;return  -1}function q$1(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":u;}function N$1(n,l,u,t,i){var r;n:if("style"==l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||q$1(n.style,l,"");if(u)for(l in u)t&&u[l]==t[l]||q$1(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(c$1,"$1")),l=l.slice(2).toLowerCase(),n.__l||(n.__l={}),n.__l[l+r]=u,u?t?u[o$2]=t[o$2]:(u[o$2]=s$1,n.addEventListener(l,r?h$1:a$1,r)):n.removeEventListener(l,r?h$1:a$1,r);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||false===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function P$1(l){return function(u){if(this.__l){var t=this.__l[u.type+l];if(null==u[e$1])u[e$1]=s$1++;else if(u[e$1]<t[o$2])return;return t(n.event?n.event(u):u)}}}function V(l,u,t,i,r,f,e,o,c,s,a){var h,p,v,w,g,m,k,M,x,C,L,j,H,I,O,T,q,N,P,V,B,F=u.type;if(void 0!==u.constructor)return null;if(128&t.__u&&(c=32&t.__u)&&t.__c.__z){if(f=[],8==(p=t.__c.__z).nodeType)for(v=1,w=p.nextSibling;w&&v>0;w=w.nextSibling){if(8==w.nodeType)if(w.data.startsWith("$s"))v++;else if(w.data.startsWith("/$s")&&!--v)break;f.push(w);}else f.push(p);o=f[0],t.__c.__z=null;}(h=n.__b)&&h(u);n:if("function"==typeof F){g=e.length;try{if(C=u.props,L=F.prototype&&F.prototype.render,j=(h=F.contextType)&&i[h.__c],H=h?j?j.props.value:h.__:i,t.__c?2&(m=u.__c=t.__c).__g&&(m.__g|=1):(L?u.__c=m=new F(C,H):(u.__c=m=new S(C,H),m.constructor=F,m.render=J$1),j&&j.sub(m),m.state||(m.state={}),m.__n=i,m.__g|=8,m.__h=[],m._sb=[]),L&&null==m.__s&&(m.__s=m.state),L&&null!=F.getDerivedStateFromProps&&(m.__s==m.state&&(m.__s=_$1({},m.__s)),_$1(m.__s,F.getDerivedStateFromProps(C,m.__s))),k=m.props,M=m.state,m.__v=u,t.__c){if(L&&null==F.getDerivedStateFromProps&&C!==k&&null!=m.componentWillReceiveProps&&m.componentWillReceiveProps(C,H),u.__v==t.__v||!(4&m.__g)&&null!=m.shouldComponentUpdate&&!1===m.shouldComponentUpdate(C,m.__s,H)){u.__v!=t.__v&&(m.props=C,m.state=m.__s,m.__g&=-9),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),y$1.push.apply(m.__h,m._sb),m._sb=[],m.__h.length&&e.push(m);break n}null!=m.componentWillUpdate&&m.componentWillUpdate(C,m.__s,H),L&&null!=m.componentDidUpdate&&m.__h.push(function(){m.componentDidUpdate(k,M,x);});}else L&&null==F.getDerivedStateFromProps&&null!=m.componentWillMount&&m.componentWillMount(),L&&null!=m.componentDidMount&&m.__h.push(m.componentDidMount);if(m.context=H,m.props=C,m.__P=l,m.__g&=-5,I=n.__r,O=0,L)m.state=m.__s,m.__g&=-9,I&&I(u),h=m.render(m.props,m.state,m.context),y$1.push.apply(m.__h,m._sb),m._sb=[];else do{m.__g&=-9,I&&I(u),h=m.render(m.props,m.state,m.context),m.state=m.__s;}while(8&m.__g&&++O<25);m.state=m.__s,null!=m.getChildContext&&(i=_$1({},i,m.getChildContext())),L&&t.__c&&null!=m.getSnapshotBeforeUpdate&&(x=m.getSnapshotBeforeUpdate(k,M)),T=null!=h&&h.type===$$1&&null==h.key?D$1(h.props.children):h,o=A$1(l,d$1(T)?T:[T],u,t,i,r,f,e,o,c,s,a),u.__u&=-161,m.__h.length&&e.push(m),2&m.__g&&(m.__g&=-4);}catch(l){if(e.length=g,u.__v=null,c||null!=f){if(l.then){if(q=0,u.__u|=c?160:128,null!=f)for(P=0;P<f.length;P++)if(null!=(V=f[P]))if(8==V.nodeType){if(V.data.startsWith("$s"))q||(N=V),q++;else if(V.data.startsWith("/$s")&&0==--q){o=V,f[P]=null;break}f[P]=null;}else q&&(f[P]=null);if(N)u.__c.__z=N;else {for(;o&&8==o.nodeType&&o.nextSibling;)o=o.nextSibling;null!=f&&(f[f.indexOf(o)]=null),u.__c.__z=o;}u.__e=o;}else if(null!=f)for(B=f.length;B--;)b(f[B]);}else u.__e=t.__e;null==u.__k&&(u.__k=t.__k||[]),l.then||z$2(u),n.__e(l,u,t);}}else o=u.__e=E(t.__e,u,t,i,r,f,e,c,s,a);return (h=n.diffed)&&h(u),128&u.__u?void 0:o}function z$2(n){n&&n.__c&&(n.__c.__g|=4),n&&n.__k&&n.__k.forEach(z$2);}function B$1(l,u,t){for(var i=0;i<t.length;i++)F(t[i],t[++i],t[++i]);n.__c&&n.__c(u,l),l.some(function(u){try{l=u.__h,u.__h=[],l.some(function(n){n.call(u);});}catch(l){n.__e(l,u.__v);}});}function D$1(n){return "object"!=typeof n||null==n||n.__b>0?n:d$1(n)?n.map(D$1):void 0!==n.constructor?null:_$1({},n)}function E(l,u,t,i,r,f,e,o,c,s){var a,h,p,y,_,m,k,M,$=t.props||v$1,S=u.props,C=u.type;if("svg"==C?r="http://www.w3.org/2000/svg":"math"==C?r="http://www.w3.org/1998/Math/MathML":r||(r="http://www.w3.org/1999/xhtml"),null!=f)for(a=0;a<f.length;a++)if((_=f[a])&&"setAttribute"in _==!!C&&(C?_.localName==C:3==_.nodeType)){l=_,f[a]=null;break}if(null==l){if(null==C)return s.createTextNode(S);l=s.createElementNS(r,C,S.is&&S),o&&(n.__m&&n.__m(u,f),o=false),f=null;}if(null==C)$===S||o&&l.data==S||(l.data=S);else {if(f="textarea"==C&&null!=S.defaultValue?null:f&&g$1.call(l.childNodes),!o&&null!=f)for($={},a=0;a<l.attributes.length;a++)$[(_=l.attributes[a]).name]=_.value;for(a in $)_=$[a],"dangerouslySetInnerHTML"==a?p=_:"children"==a||a in S||"value"==a&&"defaultValue"in S||"checked"==a&&"defaultChecked"in S||N$1(l,a,null,_,r);for(a in M=1&t.__u,S)_=S[a],"children"==a?y=_:"dangerouslySetInnerHTML"==a?h=_:"value"==a?m=_:"checked"==a?k=_:o&&"function"!=typeof _||!($[a]!==_||M&&null!=_)||N$1(l,a,_,$[a],r);if(h)o||p&&(h.__html==p.__html||h.__html==l.innerHTML)||(l.innerHTML=h.__html),u.__k=[];else if(p&&(l.innerHTML=""),("foreignObject"==C||"http://www.w3.org/1998/Math/MathML"==r&&w$2.test(C))&&(r="http://www.w3.org/1999/xhtml"),A$1("template"==C?l.content:l,d$1(y)?y:[y],u,t,i,r,f,e,f?f[0]:t.__k&&x$1(t,0),o,c,s),null!=f)for(a=f.length;a--;)b(f[a]);o&&"textarea"!=C||(a="value","progress"==C&&null==m?l.removeAttribute("value"):null==m||m===l[a]&&("progress"!==C||m)||N$1(l,a,m,$[a],r),a="checked",null!=k&&k!=l[a]&&N$1(l,a,k,$[a],r));}return l}function F(l,u,t){try{"function"==typeof l?("function"==typeof l.__u&&l.__u(),"function"==typeof l.__u&&null==u||(l.__u=l(u))):l.current=u;}catch(l){n.__e(l,t);}}function G$1(l,u,t){var i,r;if(n.unmount&&n.unmount(l),!(i=l.ref)||i.current&&i.current!=l.__e||F(i,null,u),null!=(i=l.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(l){n.__e(l,u);}i.__P=i.__n=null;}if(i=l.__k)for(r=0;r<i.length;r++)i[r]&&G$1(i[r],u,t||"function"!=typeof l.type);t||b(l.__e),l.__e&&l.__e.__l&&(l.__e.__l=null),l.__e=l.__c=l.__=null;}function J$1(n,l,u){return this.constructor(n,u)}function K$1(l,u){var t,i,r,f;n.__&&n.__(l,u),9==u.nodeType&&(u=u.documentElement),i=(t=l&&32&l.__u)?null:u.__k,u.__k=m$1($$1,null,[l]),r=[],f=[],V(u,u.__k,i||v$1,v$1,u.namespaceURI,i?null:u.firstChild?g$1.call(u.childNodes):null,r,i?i.__e:u.firstChild,t,f,u.ownerDocument),B$1(r,u.__k,f),u.__k.props.children=null;}n={__e:function(n,l,u,t){for(var i,f,e;l=l.__;)if((i=l.__c)&&!(1&i.__g)){i.__g|=4;try{if((f=i.constructor)&&null!=f.getDerivedStateFromError&&(i.setState(f.getDerivedStateFromError(n)),e=8&i.__g),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),e=8&i.__g),e)return void(i.__g|=2)}catch(l){n=l;}}throw r$1=0,n}},l$1=0,S.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=_$1({},this.state),"function"==typeof n&&(n=n(_$1({},u),this.props)),n&&(_$1(u,n),this.__v&&(l&&this._sb.push(l),L(this)));},S.prototype.forceUpdate=function(n){this.__v&&(this.__g|=4,n&&this.__h.push(n),L(this));},S.prototype.render=$$1,t$1=[],r$1=0,f$1=function(n,l){return n.__v.__b-l.__v.__b},e$1=Symbol(),o$2=Symbol(),c$1=/(PointerCapture)$|Capture$/i,s$1=0,a$1=P$1(false),h$1=P$1(true);
+var n,t$1,i$1,f$1,e$1,o$2,u$2,c$1,s$1,a$1,h$1,l$1,y$1=32,v$1="http://www.w3.org/2000/svg",_$1="http://www.w3.org/1999/xhtml",d$1="http://www.w3.org/1998/Math/MathML",w$1=null,b=void 0,k$1={},g$1=[],m$1=/^m(i|n|o|s|text|space)$/,$$1=typeof Element<"u"&&"moveBefore"in Element.prototype,S=Array.isArray,x$1=g$1.slice,M=Object.assign;function C$1(n){n&&n.parentNode&&n.remove();}function I$1(r,i,f,e,o){var u={type:r,props:i,key:f,ref:e,__k:w$1,__:w$1,__b:0,__e:w$1,__c:w$1,constructor:b,__v:o||++t$1,__i:-1,__u:0};return !o&&n.vnode&&n.vnode(u),u}function A$1(n){return n.children}function E$1(n,t){this.props=n,this.context=t,this.__g=0;}function O(n,t){if(t==w$1)return n.__?O(n.__,n.__i+1):w$1;for(var r;t<n.__k.length;t++)if((r=n.__k[t])&&r.__e)return r.__e;return "function"!=typeof n.type||n.props.__P?w$1:O(n)}function P$1(t){var r,i=t.__v,f=i.__e,e=[],o=[],u=t.__P;u&&((r=M({constructor:b},i)).__v=i.__v+1,n.vnode&&n.vnode(r),Q$1(u,r,i,t.__n,u.namespaceURI,i.__u&y$1?[f]:w$1,e,f||O(i),i.__u&y$1,o),r.__v=i.__v,r.__.__k[r.__i]=r,U(e,r,o),i.__=i.__e=w$1,r.__e!=f&&T$1(r));}function T$1(n){if((n=n.__)&&n.__c&&!n.props.__P)return n.__e=w$1,n.__k.some(function(t){return t&&(n.__e=t.__e)}),T$1(n)}function q(t){(8&t.__g||!(t.__g|=8)||!i$1.push(t)||e$1++)&&f$1==n.debounceRendering||((f$1=n.debounceRendering)||queueMicrotask)(B$2);}function B$2(){try{for(var n,t=1;i$1.length;)i$1.length>t&&i$1.sort(o$2),n=i$1.shift(),t=i$1.length,8&n.__g&&P$1(n);}finally{i$1.length=e$1=0;}}function N(n,t,r,i,f,e,o,u,c,s,a){var h,l,p,y,v,_,d=i.__k||g$1,m=t.length;for(c=V$1(r,t,d,c,m),h=0;h<m;h++)(p=r.__k[h])!=w$1&&(l=~p.__i&&d[p.__i]||k$1,p.__i=h,_=Q$1(n,p,l,f,e,o,u,c,s,a),y=p.__e,p.ref&&l.ref!=p.ref&&(l.ref&&Y(l.ref,w$1,p),a.push(p.ref,p.__c||y,p)),v=v||y,4&p.__u?(c=z$2(p,c,n,!l.__v),l.__e&&(l.__e=w$1)):"function"==typeof p.type&&_!==b?c=_:y&&(c=y.nextSibling),p.__u&=-7);return r.__e=v,c}function V$1(n,t,r,i,f){var e,o,u,c,s,a,h,l,p,y,v=r.length,_=v,d=0,k=false,g=n.__k=Array(f);for(e=0;e<f;e++)(o=t[e])!=w$1&&"boolean"!=typeof o&&"function"!=typeof o?("object"!=typeof o||o.constructor==String?o=g[e]=I$1(w$1,o):S(o)?o=g[e]=I$1(A$1,{children:o}):o.constructor===b&&o.__b?o=g[e]=I$1(o.type,o.props,o.key,o.ref,o.__v):g[e]=o,c=e+d,o.__=n,o.__b=n.__b+1,s=o.__i=F$1(o,r,c,_),u=w$1,~s&&(_--,(u=r[s])&&(u.__u|=2)),u&&u.__v?(o.__u|=2,s==c-1?d--:s==c+1?d++:s!=c&&(s>c?d--:d++,k=true)):(~s||(f>v?d--:f<v&&d++),"function"!=typeof o.type&&(o.__u|=4))):g[e]=w$1;if(k){for(a=[],h=[],e=0;e<f;e++)if((o=g[e])&&2&o.__u){for(l=0,p=a.length;l<p;)a[y=l+p>>1]<o.__i?l=y+1:p=y;a[l]=o.__i,h[e]=l+1;}for(d=a.length;e--;)h[e]&&(h[e]==d?d--:g[e].__u|=4);}if(_)for(e=0;e<v;e++)!(u=r[e])||2&u.__u||(u.__e==i&&(i=O(u)),Z$1(u,u));return i}function z$2(n,t,r,i){var f,e;if("function"==typeof n.type){if(n.props.__P)return t;if(f=n.__k)for(e=0;e<f.length;e++)f[e]&&(f[e].__=n,t=z$2(f[e],t,r,false));return t}for(n.__e!=t&&(t&&n.type&&!t.parentNode&&(t=O(n)),$$1&&!i&&n.__e.parentNode?r.moveBefore(n.__e,t):r.insertBefore(n.__e,t||w$1),t=n.__e);(t=t&&t.nextSibling)&&8==t.nodeType;);return t}function D$1(n,t){return t=t||[],n!=w$1&&"boolean"!=typeof n&&(S(n)?n.some(function(n){D$1(n,t);}):t.push(n)),t}function F$1(n,t,r,i){var f,e,o,u=n.key,c=n.type,s=t[r],a=s&&!(2&s.__u);if(s===w$1&&u==w$1||a&&u==s.key&&c==s.type)return r;if(i>(a?1:0))for(f=r-1,e=r+1;f>=0||e<t.length;)if((s=t[o=f>=0?f--:e++])&&!(2&s.__u)&&u==s.key&&c==s.type)return o;return  -1}function G$2(n,t,r){r==w$1&&(r=""),"-"==t[0]?n.setProperty(t,r):n[t]=r;}function J$1(n,t,r,i,f){var e;n:if("style"==t)if("string"==typeof r)n.style.cssText=r;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(t in i)r&&t in r||G$2(n.style,t,"");if(r)for(t in r)i&&r[t]==i[t]||G$2(n.style,t,r[t]);}else if("o"==t[0]&&"n"==t[1])e=t!=(t=t.replace(s$1,"$1")),t=t.slice(2).toLowerCase(),(n.__e||(n.__e={}))[t+e]=r,r?i?r[c$1]=i[c$1]:(r[c$1]=a$1,n.addEventListener(t,e?l$1:h$1,e)):n.removeEventListener(t,e?l$1:h$1,e);else {if(f==v$1)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=t&&"height"!=t&&"href"!=t&&"list"!=t&&"form"!=t&&"tabIndex"!=t&&"download"!=t&&"rowSpan"!=t&&"colSpan"!=t&&"role"!=t&&"popover"!=t&&t in n)try{n[t]=r==w$1?"":r;break n}catch(n){}"function"==typeof r||(r==w$1||false===r&&"-"!=t[4]?n.removeAttribute(t):n.setAttribute(t,"popover"==t&&1==r?"":r));}}function K$1(t){return function(r){if(this.__e){var i=this.__e[r.type+t];if(r[u$2]==w$1)r[u$2]=a$1++;else if(r[u$2]<i[c$1])return;return i(n.event?n.event(r):r)}}}function Q$1(t,r,i,f,e,o,u,c,s,a){var h,l,p,v,_,d,k,m,$,x,j,H,I,L,P,T,q,B,V,z=r.type;if(r.constructor!==b)return w$1;if(128&i.__u&&(s=i.__u&y$1)&&(h=i.__c.__z)){if(r.__u|=y$1,o=[],8==h.nodeType)for(l=1,p=h.nextSibling;p;p=p.nextSibling){if(8==p.nodeType)if(p.data.startsWith("$s"))l++;else if(p.data.startsWith("/$s")&&! --l)break;o.push(p);}else o.push(h);c=o[0],i.__c.__z=w$1;}(h=n.__b)&&h(r);n:if("function"==typeof z){v=u.length;try{if($=r.props,x=(h=z.prototype)&&h.render,j=(h=z.contextType)&&f[h.__c],H=h?j?j.props.value:h.__:f,i.__c?2&(_=r.__c=i.__c).__g&&(_.__g|=1):(x?r.__c=_=new z($,H):(r.__c=_=new E$1($,H),_.constructor=z,_.render=nn),j&&j.sub(_),_.state||(_.state={}),_.__n=f,_.__g|=8,_.__h=[],_.__k=[]),x&&(_.__s||(_.__s=_.state),z.getDerivedStateFromProps&&(_.__s==_.state&&(_.__s=M({},_.__s)),M(_.__s,z.getDerivedStateFromProps($,_.__s)))),d=_.props,k=_.state,_.__v=r,i.__c){if(x&&!z.getDerivedStateFromProps&&$!==d&&_.componentWillReceiveProps&&_.componentWillReceiveProps($,H),r.__v==i.__v&&!(8&_.__g)||!(4&_.__g)&&_.shouldComponentUpdate&&!1===_.shouldComponentUpdate($,_.__s,H)){r.__v!=i.__v&&(_.props=$,_.state=_.__s,_.__g&=-9),r.__e=i.__e,r.__k=i.__k,r.__k.some(function(n){n&&(n.__=r);}),g$1.push.apply(_.__h,_.__k),_.__k=[],_.__h.length&&u.push(_),c=O(i);break n}_.componentWillUpdate&&_.componentWillUpdate($,_.__s,H),x&&_.componentDidUpdate&&_.__h.push(function(){_.componentDidUpdate(d,k,m);});}else x&&!z.getDerivedStateFromProps&&_.componentWillMount&&_.componentWillMount(),x&&_.componentDidMount&&_.__h.push(_.componentDidMount);if(_.context=H,_.props=$,_.__P=t,_.__g&=-5,I=n.__r,L=0,x)_.state=_.__s,_.__g&=-9,I&&I(r),h=_.render(_.props,_.state,_.context),g$1.push.apply(_.__h,_.__k),_.__k=[];else do{_.__g&=-9,I&&I(r),h=_.render(_.props,_.state,_.context),_.state=_.__s;}while(8&_.__g&&++L<25);_.state=_.__s,_.getChildContext&&(f=M({},f,_.getChildContext())),x&&i.__c&&_.getSnapshotBeforeUpdate&&(m=_.getSnapshotBeforeUpdate(d,k)),P=h&&h.type===A$1&&h.key==w$1?W$1(h.props.children):h,$.__P&&(h=c,e=(t=$.__P).namespaceURI,i.props&&i.props.__P!=t&&(i.__k.some(function(n){n&&Z$1(n,n);}),i.__k=w$1),c=i.__k?O(i,0):w$1),c=N(t,S(P)?P:[P],r,i,f,e,o,u,c,s,a),$.__P&&(r.__e=w$1,c=h),r.__u&=-161,_.__h.length&&u.push(_),1&_.__g&&(_.__g&=-4);}catch(t){if(u.length=v,r.__v=w$1,s||o)if(t.then){if(T=0,r.__u|=s?160:128,o)for(B=0;B<o.length;B++)if(V=o[B])if(8==V.nodeType){if(o[B]=w$1,V.data.startsWith("$s"))T++||(q=V);else if(V.data.startsWith("/$s")&&! --T){c=V;break}}else T&&(o[B]=w$1);if(!q){for(;c&&8==c.nodeType&&c.nextSibling;)c=c.nextSibling;o&&(o[o.indexOf(c)]=w$1),q=c;}r.__c.__z=q,r.__e=c;}else o&&o.some(C$1);else r.__e=i.__e;r.__k||(r.__k=i.__k||[]),t.then||R$1(r),n.__e(t,r,i);}}else c=r.__e=X(i.__e,r,i,f,e,o,u,s,a,t);return (h=n.diffed)&&h(r),128&r.__u?b:c}function R$1(n){n&&(n.__c&&(n.__c.__g|=4),n.__k&&n.__k.some(R$1));}function U(t,r,i){for(var f=0;f<i.length;)Y(i[f++],i[f++],i[f++]);n.__c&&n.__c(r,t),t.some(function(r){try{t=r.__h,r.__h=[],t.some(function(n){n.call(r);});}catch(t){n.__e(t,r.__v);}});}function W$1(n){return "object"!=typeof n||n==w$1||n.__b?n:S(n)?n.map(W$1):n.constructor!==b?w$1:M({constructor:b},n)}function X(t,r,i,f,e,o,u,c,s,a){var h,l,p,y,g,$,M,j,H,I=i.props||k$1,L=r.props,A=r.type;if("svg"==A?e=v$1:"math"==A?e=d$1:e||(e=_$1),o)for(h=0;h<o.length;h++)if((g=o[h])&&(A?g.localName==A:3==g.nodeType)){t=g,o[h]=w$1;break}if(!t){if(j=a.ownerDocument,!A)return j.createTextNode(L);t=j.createElementNS(e,A,L.is&&L),c&&(n.__m&&n.__m(r,o),c=false),o=w$1;}if(A){if(a="template"==A?t.content:t,o="textarea"==A&&L.defaultValue!=w$1?w$1:o&&x$1.call(a.childNodes),!c&&o)for(I={},h=0;h<t.attributes.length;h++)I[(g=t.attributes[h]).name]=g.value;for(h in I)g=I[h],"dangerouslySetInnerHTML"==h?p=g:"children"==h||h in L||"value"==h&&"defaultValue"in L||"checked"==h&&"defaultChecked"in L||J$1(t,h,w$1,g,e);for(h in H=1&i.__u,L)g=L[h],"children"==h?y=g:"dangerouslySetInnerHTML"==h?l=g:"value"==h?$=g:"checked"==h?M=g:c&&"function"!=typeof g||!(I[h]!==g||H&&g!=w$1)||J$1(t,h,g,I[h],e);l?(c||p&&(l.__html==p.__html||l.__html==t.innerHTML)||(t.innerHTML=l.__html),r.__k=[]):(p&&(t.textContent=""),("foreignObject"==A||e==d$1&&m$1.test(A))&&(e=_$1),N(a,S(y)?y:[y],r,i,f,e,o,u,o?o[0]:i.__k&&O(i,0),c,s),o&&o.some(C$1)),c&&"textarea"!=A||(h="value","progress"==A&&$==w$1?t.removeAttribute(h):$==b||$===t[h]&&("progress"!=A||$)||J$1(t,h,$,I[h],e),h="checked",M!=b&&M!=t[h]&&J$1(t,h,M,I[h],e));}else I===L||c&&t.data==L||(t.data=L);return t}function Y(t,r,i){try{"function"==typeof t?("function"==typeof t.__u&&t.__u(),("function"!=typeof t.__u||r)&&(t.__u=t(r))):t.current=r;}catch(t){n.__e(t,i);}}function Z$1(t,r,i){var f,e;if(n.unmount&&n.unmount(t),!(f=t.ref)||f.current&&f.current!=t.__e||Y(f,w$1,r),f=t.__c){if(f.componentWillUnmount)try{f.componentWillUnmount();}catch(t){n.__e(t,r);}f.__P=f.__n=w$1;}if(f=t.__k)for(e=0;e<f.length;e++)f[e]&&Z$1(f[e],r,"function"!=typeof t.type||i&&!t.props.__P);(f=t.__e)&&(i||C$1(f),f.__e&&(f.__e=w$1)),t.__e=t.__c=t.__=w$1;}function nn(n,t,r){return this.constructor(n,r)}function tn(t,r){var i,f,e,o;n.__&&n.__(t,r),9==r.nodeType&&(r=r.documentElement),f=(i=t&&t.__u&y$1)?w$1:r.__k,r.__k=I$1(A$1,{children:[t]}),e=[],o=[],Q$1(r,r.__k,f||k$1,k$1,r.namespaceURI,f?w$1:r.firstChild?x$1.call(r.childNodes):w$1,e,f?f.__e:r.firstChild,i,o),U(e,r.__k,o),r.__k.props.children=w$1;}n={__e:function(n,t,r,i){for(var f,o,u;t=t.__;)if((f=t.__c)&&!(1&f.__g)){f.__g|=4;try{if((o=f.constructor)&&o.getDerivedStateFromError&&(f.setState(o.getDerivedStateFromError(n)),u=8&f.__g),f.componentDidCatch&&(f.componentDidCatch(n,i||{}),u=8&f.__g),u)return void(f.__g|=2)}catch(t){n=t;}}throw e$1=0,n}},t$1=0,E$1.prototype.setState=function(n,t){var r=this.__s;r&&r!=this.state||(r=this.__s=M({},this.state)),"function"==typeof n&&(n=n(M({},r),this.props)),n&&(M(r,n),this.__v&&(t&&this.__k.push(t),q(this)));},E$1.prototype.forceUpdate=function(n){this.__v&&(this.__g|=4,n&&this.__h.push(n),q(this));},E$1.prototype.render=A$1,i$1=[],e$1=0,o$2=function(n,t){return n.__v.__b-t.__v.__b},u$2=Symbol(),c$1=Symbol(),s$1=/(PointerCapture)$|Capture$/i,a$1=0,h$1=K$1(false),l$1=K$1(true);
 
-var t,r,u$1,i,o$1=Object.is,f=0,c=[],e=n,a=e.__b,v=e.__r,l=e.diffed,m=e.__c,p=e.unmount,s=e.__;function d(n,t){e.__h&&e.__h(r,n,f||t),f=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function y(n){return f=1,h(D,n)}function h(n,u,i){var f=d(t++,2);if(f.t=n,!f.__c&&(f.__=[i?i(u):D(void 0,u),function(n){var t=f.__N?f.__N[0]:f.__[0],r=f.t(t,n);o$1(t,r)||(f.__N=[r,f.__[1]],f.__c.setState({}));}],f.__c=r,!r.__f)){var c=function(n,t,r){if(!f.__c.__H)return  true;var u=false,i=f.__c.props!==n;if(f.__c.__H.__.some(function(n){if(n.__N){u=true;var t=n.__[0];n.__=n.__N,n.__N=void 0,o$1(t,n.__[0])||(i=true);}}),e){var c=e.call(this,n,t,r);return u?c||i:c}return !u||i};r.__f=true;var e=r.shouldComponentUpdate,a=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(4&this.__g){var u=e;e=void 0,c(n,t,r),e=u;}a&&a.call(this,n,t,r);},r.shouldComponentUpdate=c;}return f.__}function _(n,u){var i=d(t++,3);!e.__s&&C$1(i.__H,u)&&(i.__=n,i.u=u,r.__H.__h.push(i));}function A(n,u){var i=d(t++,4);!e.__s&&C$1(i.__H,u)&&(i.__=n,i.u=u,r.__h.push(i));}function g(){for(var n;n=c.shift();){var t=n.__H;if(n.__P&&t)try{t.__h.some(z$1),t.__h.some(B),t.__h=[];}catch(r){t.__h=[],e.__e(r,n.__v);}}}e.__b=function(n){r=null,a&&a(n);},e.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t);},e.__r=function(n){v&&v(n),t=0;var i=(r=n.__c).__H;i&&(u$1===r?(i.__h=[],r.__h=[],i.__.some(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0;})):(i.__h.some(z$1),i.__h.some(B),i.__h=[],t=0)),u$1=r;},e.diffed=function(n){l&&l(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==c.push(t)&&i===e.requestAnimationFrame||((i=e.requestAnimationFrame)||w$1)(g)),t.__H.__.some(function(n){n.u&&(n.__H=n.u,n.u=void 0);})),u$1=r=null;},e.__c=function(n,t){t.some(function(n){try{n.__h.some(z$1),n.__h=n.__h.filter(function(n){return !n.__||B(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],e.__e(r,n.__v);}}),m&&m(n,t);},e.unmount=function(n){p&&p(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.some(function(n){try{z$1(n);}catch(n){t=n;}}),r.__H=void 0,t&&e.__e(t,r.__v));};var k="function"==typeof requestAnimationFrame;function w$1(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,35);k&&(t=requestAnimationFrame(r));}function z$1(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function B(n){var t=r;n.__c=n.__(),r=t;}function C$1(n,t){return !n||n.length!==t.length||t.some(function(t,r){return !o$1(t,n[r])})}function D(n,t){return "function"==typeof t?t(n):t}
+var t,r,u$1,i,o$1=Object.is,f=0,c=[],e=[],a=n,v=a.__b,l=a.__r,m=a.diffed,s=a.__c,h=a.unmount,p=a.__;function y(n,t){a.__h&&a.__h(r,n,f||t),f=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function d(n){return f=1,_(G$1,n)}function _(n,u,i){var f=y(t++,2);if(f.t=n,!f.__c&&(f.__=[i?i(u):G$1(void 0,u),function(n){var t=f.__N?f.__N[0]:f.__[0],r=f.t(t,n);o$1(t,r)||(f.__N=[r,f.__[1]],f.__c.setState({}));}],f.__c=r,!r.__f)){r.__f=true;var c=r.shouldComponentUpdate;r.shouldComponentUpdate=function(n,t,r){var u=this.__H;if(!u)return  true;var i=false,f=this.props!=n;if(u.__.some(function(n){n.__N&&(i=true,o$1(n.__[0],n.__N[0])||(f=true));}),c){var e=c.call(this,n,t,r);return i?e||f:e}return !i||f};}return f.__}function A(n,u){var i=y(t++,3);!a.__s&&E(i.__H,u)&&(i.__P=true,i.__=n,i.u=u,r.__H.__h.push(i));}function F(n,u){var i=y(t++,4);!a.__s&&E(i.__H,u)&&(i.__P=false,i.__=n,i.u=u,r.__h.push(i));}function g(){var n;do{for(;n=e.shift();)try{C(n);}catch(t){a.__e(t,{__:(n=n.__P)&&n.__v});}for(;n=c.shift();){var t=n.__H;if(n.__P&&t)try{t.__h.some(C),t.__h.some(D),t.__h=[];}catch(r){t.__h=[],a.__e(r,n.__v);}}}while(e.length)}a.__b=function(n){r=null,v&&v(n);},a.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),p&&p(n,t);},a.__r=function(n){l&&l(n),t=0;var i=(r=n.__c).__H;i&&(u$1==r?r.__h=[]:(i.__h.some(C),i.__h.some(D),t=0),i.__h=[],i.__.some(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0;})),u$1=r;},a.diffed=function(n){m&&m(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&B$1(c.push(t)),t.__H.__.some(function(n){n.u&&(n.__H=n.u);})),u$1=r=null;},a.__c=function(n,t){t.some(function(n){try{n.__h.some(C),n.__h=n.__h.filter(function(n){return !n.__||D(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],a.__e(r,n.__v);}}),s&&s(n,t);},a.unmount=function(n){h&&h(n);var t,r,u=n.__c;u&&u.__H&&(u.__H.__.some(function(u){try{if(u.__P&&u.__c){if(void 0===r){for(r=n.__;r&&(!r.__c||!r.__c.__P);)r=r.__;r=r&&r.__c;}u.__P=r,B$1(e.push(u));}else C(u);}catch(n){t=n;}}),u.__H=void 0,t&&a.__e(t,u.__v));};var k="function"==typeof requestAnimationFrame;function z$1(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,35);k&&(t=requestAnimationFrame(r));}function B$1(n){1!=n&&i==a.requestAnimationFrame||((i=a.requestAnimationFrame)||z$1)(g);}function C(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function D(n){var t=r;n.__c=n.__(),r=t;}function E(n,t){return !n||n.length!=t.length||t.some(function(t,r){return !o$1(t,n[r])})}function G$1(n,t){return "function"==typeof t?t(n):t}
 
-var C=Object.assign;function x(n,t){for(var e in n)if("__source"!==e&&n[e]!==t[e])return  true;for(var r in t)if("__source"!==r&&!(r in n))return  true;return  false}var R=/^(-|f[lo].*[^se]$|g.{5,}[^ps]$|z|o[pr]|(W.{5})?[lL]i.*(t|mp)$|an|(bo|s).{4}Im|sca|m.{6}[ds]|ta|c.*[st]$|wido|ini)/;function w(n,t){this.props=n,this.context=t;}(w.prototype=new S).isPureReactComponent=true,w.prototype.shouldComponentUpdate=function(n,t){return x(this.props,n)||x(this.state,t)};function N(n,t){var e=t(),r=y({t:{__:e,u:t}}),u=r[0].t,o=r[1];return A(function(){u.__=e,u.u=t,O(u)&&o({t:u});},[n,e,t]),_(function(){return O(u)&&o({t:u}),n(function(){O(u)&&o({t:u});})},[n]),e}function O(n){try{return !Object.is(n.__,n.u())}catch(n){return  true}}var j=Symbol.for("react.element"),W=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,$=/[A-Z0-9]/g,z="undefined"!=typeof document,P=function(n){return /fil|che|rad/.test(n)};S.prototype.isReactComponent=true,["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(n){Object.defineProperty(S.prototype,n,{configurable:true,get:function(){return this["UNSAFE_"+n]},set:function(t){Object.defineProperty(this,n,{configurable:true,writable:true,value:t});}});});var Z=n.event;n.event=function(n){return Z&&(n=Z(n)),n.persist=function(){},n.isPropagationStopped=function(){return this.cancelBubble},n.isDefaultPrevented=function(){return this.defaultPrevented},n.nativeEvent=n};var q={configurable:true,get:function(){return this.class}},G=n.vnode;n.vnode=function(t){if("string"==typeof t.type)!function(t){var e=t.props,r=t.type,u={},o=-1==r.indexOf("-");for(var i in e){var l=e[i];if(!("value"===i&&"defaultValue"in e&&null==l||z&&"children"===i&&"noscript"===r||"class"===i||"className"===i)){if("style"===i&&"object"==typeof l)for(var a in l)"number"!=typeof l[a]||R.test(a)||(l[a]+="px");else if("defaultValue"===i&&"value"in e&&null==e.value)i="value";else if("download"===i&&true===l)l="";else if("translate"===i&&"no"===l)l=false;else if("o"===i[0]&&"n"===i[1]){var c=i.toLowerCase();"ondoubleclick"===c?i="ondblclick":"onchange"!==c||"input"!==r&&"textarea"!==r||P(e.type)?"onfocus"===c?i="onfocusin":"onblur"===c&&(i="onfocusout"):c=i="oninput","oninput"===c&&u[i=c]&&(i="oninputCapture");}else o&&W.test(i)?i=i.replace($,"-$&").toLowerCase():null===l&&(l=void 0);u[i]=l;}}"select"==r&&(u.multiple&&Array.isArray(u.value)&&(u.value=O$1(e.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),null!=u.defaultValue&&(u.value=O$1(e.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;}))),e.class&&!e.className?(u.class=e.class,Object.defineProperty(u,"className",q)):e.className&&(u.class=u.className=e.className),t.props=u;}(t);else if("function"==typeof t.type&&("ref"in t.props&&"prototype"in t.type&&t.type.prototype.render&&(t.ref=t.props.ref,delete t.props.ref),t.type.defaultProps)){var e=C({},t.props);for(var r in t.type.defaultProps) void 0===e[r]&&(e[r]=t.type.defaultProps[r]);t.props=e;}t.$$typeof=j,G&&G(t);};var J=n.__r;n.__r=function(n){J&&J(n),n.__c;};var K=n.diffed;n.diffed=function(n){K&&K(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value);};var X=n.__e;n.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k||[]),u.__c(n,t);X(n,t,e,r);};var nn=n.unmount;function tn(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),n.__c.__H=null),null!=(n=C({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c.__g|=4,n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return tn(n,t,e)})),n}function en(n,t,e){return n&&e&&("string"==typeof n.type&&(n.__u|=1),n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return en(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__g|=4,n.__c.__P=e)),n}function rn(){this.__u=0,this.l=null,this.__b=null;}n.unmount=function(n){var t=n.__c;t&&(t.__z=true),t&&t.__R&&t.__R(),nn&&nn(n);},(rn.prototype=new S).__c=function(n,t){var e=this,r=t.__c;null==this.l&&(this.l=[]),this.l.push(r);var u=false,o=function(){u||e.__z||(u=true,r.__R=null,l());};r.__R=o;var i=r.__P;r.__P=null;var l=function(){if(!--e.__u){if(e.state.__a){var n=e.state.__a;e.__v.__k[0]=en(n,n.__c.__P,n.__c.__O);}var t;for(e.setState({__a:e.__b=null});t=e.l.pop();)t.__P=i,t.forceUpdate();}};this.__u++||32&t.__u||this.setState({__a:this.__b=this.__v.__k[0]}),n.then(o,o);},rn.prototype.componentWillUnmount=function(){this.l=[];},rn.prototype.render=function(n,t){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),u=this.__v.__k[0].__c;this.__v.__k[0]=tn(this.__b,r,u.__O=u.__P);}this.__b=null;}return [m$1($$1,null,t.__a?null:n.children),t.__a&&m$1($$1,null,n.fallback)]};
+var w=Object.assign;function R(n,t){for(var e in n)if("__source"!=e&&n[e]!==t[e])return  true;for(var r in t)if("__source"!=r&&!(r in n))return  true;return  false}var x=/^(-|f[lo].*[^se]$|g.{5,}[^ps]$|z|o[pr]|(W.{5})?[lL]i.*(t|mp)$|an|(bo|s).{4}Im|sca|m.{6}[ds]|ta|c.*[st]$|wido|ini)/;function I(n,t){this.props=n,this.context=t;}(I.prototype=new E$1).isPureReactComponent=true,I.prototype.shouldComponentUpdate=function(n,t){return R(this.props,n)||R(this.state,t)};var V,T,W=Symbol.for("react.element"),P=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,$=/[A-Z0-9]/g,z="undefined"!=typeof document,H=/* @__PURE__ */Q(function(n$1,t,e){var r=n.__s||V?(e||t)():t(),o=d({t:{__:r,u:t}}),i=o[0].t,f=o[1];return F(function(){i.__=r,i.u=t,Z(i)&&f({t:i});},[n$1,r,t]),A(function(){return Z(i)&&f({t:i}),n$1(function(){Z(i)&&f({t:i});})},[n$1]),r});function Z(n){try{return !Object.is(n.__,n.u())}catch(n){return  true}}var B=function(n){return /fil|che|rad/.test(n)};E$1.prototype.isReactComponent=true,["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(n){Object.defineProperty(E$1.prototype,n,{configurable:true,get:function(){return this["UNSAFE_"+n]},set:function(t){Object.defineProperty(this,n,{configurable:true,writable:true,value:t});}});});var G=n.event;n.event=function(n){return G&&(n=G(n)),n.persist=function(){},n.isPropagationStopped=function(){return this.cancelBubble},n.isDefaultPrevented=function(){return this.defaultPrevented},n.nativeEvent=n};var J={configurable:true,get:function(){return this.class}},K=n.vnode;function Q(n$1){if(!T){T=true;var t=n.__r;n.__r=function(n){t&&t(n),32&n.__u&&(V=n),n.__c;};var e=n.diffed;n.diffed=function(n){e&&e(n),V==n&&(V=null);};}return n$1}n.vnode=function(t){if("string"==typeof t.type)!function(t){var e=t.props,r=t.type,u={},o=-1==r.indexOf("-");for(var i in e){var f=e[i];if(!("value"==i&&"defaultValue"in e&&null==f||z&&"children"==i&&"noscript"==r||"class"==i||"className"==i)){if("style"==i&&"object"==typeof f){var c=void 0;for(var a in f)"number"!=typeof f[a]||x.test(a)||(c||(c=f=w({},f)),f[a]+="px");}else if("defaultValue"==i&&"value"in e&&null==e.value)i="value";else if("download"==i&&true===f)f="";else if("translate"==i&&"no"===f)f=false;else if("o"==i[0]&&"n"==i[1]){var l=i.toLowerCase();"ondoubleclick"==l?i="ondblclick":"onchange"!=l||"input"!=r&&"textarea"!=r||B(e.type)?"onfocus"==l?i="onfocusin":"onblur"==l&&(i="onfocusout"):l=i="oninput","oninput"==l&&u[i=l]&&(i="oninputCapture");}else o&&P.test(i)?i=i.replace($,"-$&").toLowerCase():null===f&&(f=void 0);u[i]=f;}}"select"==r&&(u.multiple&&Array.isArray(u.value)&&(u.value=D$1(e.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),null!=u.defaultValue&&(u.value=D$1(e.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;}))),e.class&&!e.className?(u.class=e.class,Object.defineProperty(u,"className",J)):e.className&&(u.class=u.className=e.className),t.props=u;}(t);else if("function"==typeof t.type&&("ref"in t.props&&"prototype"in t.type&&t.type.prototype.render&&(t.ref=t.props.ref,delete t.props.ref),t.type.defaultProps)){var e=w({},t.props);for(var r in t.type.defaultProps) void 0===e[r]&&(e[r]=t.type.defaultProps[r]);t.props=e;}t.$$typeof=W,K&&K(t);};
 
-var o=0;function u(t,e,n$1,f,u,i){e||(e={});var a,c,l=e;if("ref"in l&&"function"!=typeof t)for(c in l={},e)"ref"==c?a=e[c]:l[c]=e[c];var p={type:t,props:l,key:n$1,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--o,__i:-1,__u:0,__source:u,__self:i};return n.vnode&&n.vnode(p),p}
+var o=0;function u(t,e,n$1,f,u,i){e||(e={});var a,c,l=e;if("ref"in l&&"function"!=typeof t)for(c in l={},e)"ref"==c?a=e[c]:l[c]=e[c];var p={type:t,props:l,key:n$1,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--o,__i:-1,__u:0};return n.vnode&&n.vnode(p),p}
 
-export { $$1 as $, K$1 as K, N, u };
+export { A$1 as A, H, tn, u };

package/dist/client/import_meta_css/import_meta_css_build.js

@@ -10,7 +10,7 @@ const installImportMetaCssBuild = (importMeta) => {
     const stylesheet = new CSSStyleSheet({ baseUrl: importMeta.url });
     stylesheet.replaceSync(value);
     stylesheetMap.set(url, stylesheet);
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, stylesheet];
+    document.adoptedStyleSheets.push(stylesheet);
   };
   const update = (url, value) => {
     stylesheetMap.get(url).replaceSync(value);

package/dist/client/import_meta_css/import_meta_css_dev.js

@@ -14,7 +14,7 @@ const installImportMetaCssDev = (importMeta) => {
   const adopt = (value) => {
     stylesheet = new CSSStyleSheet({ baseUrl: importMeta.url });
     stylesheet.replaceSync(addUrlInfo(value));
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, stylesheet];
+    document.adoptedStyleSheets.push(stylesheet);
   };
   const update = (value) => {
     stylesheet.replaceSync(addUrlInfo(value));

package/dist/start_dev_server/jsenv_core_packages.js

@@ -7449,4 +7449,4 @@ const isResponseEligibleForIntegrityValidation = (response) => {
   return ["basic", "cors", "default"].includes(response.type);
 };
 
-export { ANSI, CONTENT_TYPE, DATA_URL, JS_QUOTES, RUNTIME_COMPAT, URL_META, applyFileSystemMagicResolution, applyNodeEsmResolution, asSpecifierWithoutSearch, asUrlWithoutSearch, assertAndNormalizeDirectoryUrl, browserDefaultRuntimeCompat, bufferToEtag, collectFiles, compareFileUrls, composeTwoImportMaps, createDetailedMessage$1 as createDetailedMessage, createLogger, createTaskLog, ensurePathnameTrailingSlash, ensureWindowsDriveLetter, errorToHTML, formatError, generateContentFrame, getCallerPosition, getExtensionsToTry, inferRuntimeCompatFromClosestPackage, injectQueryParams, injectQueryParamsIntoSpecifier, isFileSystemPath, isSpecifierForNodeBuiltin, lookupPackageDirectory, moveUrl, normalizeImportMap, normalizeUrl, readCustomConditionsFromProcessArgs, readEntryStatSync, readPackageAtOrNull, registerDirectoryLifecycle, registerFileLifecycle, resolveImport, setUrlBasename, setUrlExtension, setUrlFilename, stringifyUrlSite, urlIsOrIsInsideOf, urlToBasename, urlToExtension$1 as urlToExtension, urlToFileSystemPath, urlToFilename$1 as urlToFilename, urlToPathname$1 as urlToPathname, urlToRelativeUrl, validateResponseIntegrity, writeFileSync };
+export { ANSI, CONTENT_TYPE, DATA_URL, JS_QUOTES, RUNTIME_COMPAT, UNICODE, URL_META, applyFileSystemMagicResolution, applyNodeEsmResolution, asSpecifierWithoutSearch, asUrlWithoutSearch, assertAndNormalizeDirectoryUrl, browserDefaultRuntimeCompat, bufferToEtag, collectFiles, compareFileUrls, composeTwoImportMaps, createDetailedMessage$1 as createDetailedMessage, createLogger, createTaskLog, ensurePathnameTrailingSlash, ensureWindowsDriveLetter, errorToHTML, formatError, generateContentFrame, getCallerPosition, getExtensionsToTry, inferRuntimeCompatFromClosestPackage, injectQueryParams, injectQueryParamsIntoSpecifier, isFileSystemPath, isSpecifierForNodeBuiltin, lookupPackageDirectory, moveUrl, normalizeImportMap, normalizeUrl, readCustomConditionsFromProcessArgs, readEntryStatSync, readPackageAtOrNull, registerDirectoryLifecycle, registerFileLifecycle, resolveImport, setUrlBasename, setUrlExtension, setUrlFilename, stringifyUrlSite, urlIsOrIsInsideOf, urlToBasename, urlToExtension$1 as urlToExtension, urlToFileSystemPath, urlToFilename$1 as urlToFilename, urlToPathname$1 as urlToPathname, urlToRelativeUrl, validateResponseIntegrity, writeFileSync };

package/dist/start_dev_server/start_dev_server.js

@@ -1,9 +1,9 @@
 import { WebSocketResponse, pickContentType, ServerEvents, serverPluginErrorHandler, fetchDirectory, composeTwoResponses, serverPluginCORS, jsenvAccessControlAllowedHeaders, startServer } from "@jsenv/server";
 import { existsSync, statSync, readFileSync, realpathSync, readdirSync, lstatSync } from "node:fs";
 import { pathToFileURL } from "node:url";
-import { urlToRelativeUrl, registerFileLifecycle, lookupPackageDirectory, readPackageAtOrNull, generateContentFrame, errorToHTML, DATA_URL, CONTENT_TYPE, normalizeImportMap, composeTwoImportMaps, resolveImport, JS_QUOTES, urlToExtension, urlToBasename, applyNodeEsmResolution, URL_META, readCustomConditionsFromProcessArgs, urlIsOrIsInsideOf, collectFiles, registerDirectoryLifecycle, readEntryStatSync, applyFileSystemMagicResolution, getExtensionsToTry, urlToFilename, asUrlWithoutSearch, ensurePathnameTrailingSlash, compareFileUrls, setUrlExtension, createDetailedMessage, stringifyUrlSite, injectQueryParamsIntoSpecifier, isSpecifierForNodeBuiltin, injectQueryParams, urlToFileSystemPath, writeFileSync, moveUrl, ensureWindowsDriveLetter, validateResponseIntegrity, setUrlFilename, getCallerPosition, asSpecifierWithoutSearch, bufferToEtag, isFileSystemPath, urlToPathname, setUrlBasename, createLogger, normalizeUrl, ANSI, RUNTIME_COMPAT, formatError, assertAndNormalizeDirectoryUrl, browserDefaultRuntimeCompat, inferRuntimeCompatFromClosestPackage, createTaskLog } from "./jsenv_core_packages.js";
+import { urlToRelativeUrl, registerFileLifecycle, lookupPackageDirectory, readPackageAtOrNull, generateContentFrame, errorToHTML, DATA_URL, CONTENT_TYPE, normalizeImportMap, composeTwoImportMaps, resolveImport, createDetailedMessage, UNICODE, JS_QUOTES, urlToExtension, urlToBasename, applyNodeEsmResolution, URL_META, readCustomConditionsFromProcessArgs, urlIsOrIsInsideOf, collectFiles, registerDirectoryLifecycle, readEntryStatSync, applyFileSystemMagicResolution, getExtensionsToTry, urlToFilename, asUrlWithoutSearch, ensurePathnameTrailingSlash, compareFileUrls, setUrlExtension, stringifyUrlSite, injectQueryParamsIntoSpecifier, isSpecifierForNodeBuiltin, injectQueryParams, urlToFileSystemPath, writeFileSync, moveUrl, ensureWindowsDriveLetter, validateResponseIntegrity, setUrlFilename, getCallerPosition, asSpecifierWithoutSearch, bufferToEtag, isFileSystemPath, urlToPathname, setUrlBasename, createLogger, normalizeUrl, ANSI, RUNTIME_COMPAT, formatError, assertAndNormalizeDirectoryUrl, browserDefaultRuntimeCompat, inferRuntimeCompatFromClosestPackage, createTaskLog } from "./jsenv_core_packages.js";
 import { createPluginsController } from "@jsenv/server/src/plugins_controller.js";
-import { parseHtml, injectJsenvScript, stringifyHtmlAst, parseCssUrls, getHtmlNodeAttribute, getHtmlNodePosition, getHtmlNodeAttributePosition, setHtmlNodeAttributes, parseSrcSet, getUrlForContentInsideHtml, removeHtmlNodeText, setHtmlNodeText, getHtmlNodeText, analyzeScriptNode, visitHtmlNodes, parseJsUrls, getUrlForContentInsideJs, renderCssTemplateLiteral, applyBabelPlugins, visitJsAst, getImportMetaPropertyName, visitJsAstUntil, analyzeLinkNode, injectHtmlNodeAsEarlyAsPossible, createHtmlNode, generateUrlForInlineContent, parseJsWithAcorn } from "@jsenv/ast";
+import { parseHtml, injectJsenvScript, stringifyHtmlAst, parseCssUrls, getHtmlNodeAttribute, getHtmlNodePosition, getHtmlNodeAttributePosition, setHtmlNodeAttributes, parseSrcSet, getUrlForContentInsideHtml, removeHtmlNodeText, setHtmlNodeText, getHtmlNodeText, analyzeScriptNode, visitHtmlNodes, parseJsUrls, hasCssOpaqueDirective, getUrlForContentInsideJs, renderCssTemplateLiteral, applyBabelPlugins, visitJsAst, getImportMetaPropertyName, visitJsAstUntil, analyzeLinkNode, injectHtmlNodeAsEarlyAsPossible, createHtmlNode, generateUrlForInlineContent, parseJsWithAcorn } from "@jsenv/ast";
 import { jsenvPluginSupervisor } from "@jsenv/plugin-supervisor";
 import { jsenvPluginTranspilation } from "@jsenv/plugin-transpilation";
 import { createMagicSource, composeTwoSourcemaps, generateSourcemapFileUrl, generateSourcemapDataUrl, SOURCEMAP, applyContentEditsOnSourcemap, composeSourcemaps } from "@jsenv/sourcemap";
@@ -2392,7 +2392,20 @@ const parseAndTransformJsReferences = async (
           renderCssTemplateLiteral(inlineUrlInfo.content, substitutions)
         : JS_QUOTES.escapeSpecialChars(inlineUrlInfo.content, { quote });
       if (replacement === null) {
-        // a placeholder did not survive: the source stays as it was written
+        // a placeholder did not survive the css transformation: giving the
+        // expressions back would not give back what the source said
+        if (inlineReferenceInfo.alreadyBuilt) {
+          return;
+        }
+        warnCssShippedAsWritten(urlInfo, {
+          line: inlineReferenceInfo.line,
+          column: inlineReferenceInfo.column,
+          reason: `a "\${}" placeholder did not survive the css transformation`,
+          templateSource: urlInfo.content.slice(
+            inlineReferenceInfo.start,
+            inlineReferenceInfo.end,
+          ),
+        });
         return;
       }
       magicSource.replace({
@@ -2500,7 +2513,13 @@ const parseAndTransformJsReferences = async (
     isNodeJs,
   });
   for (const jsReferenceInfo of jsReferenceInfos) {
-    if (jsReferenceInfo.isInline) {
+    if (jsReferenceInfo.isOpaqueCss) {
+      if (!jsReferenceInfo.alreadyBuilt) {
+        // a dependency's built css is opaque in a source this build does not
+        // have; its own build is where that is told
+        warnCssShippedAsWritten(urlInfo, jsReferenceInfo);
+      }
+    } else if (jsReferenceInfo.isInline) {
       onInlineReference(jsReferenceInfo);
     } else {
       onExternalReference(jsReferenceInfo);
@@ -2515,6 +2534,38 @@ const parseAndTransformJsReferences = async (
   return magicSource.toContentAndSourcemap();
 };
 
+// An import.meta.css the build cannot parse is shipped exactly as written:
+// comments, indentation, untranspiled properties and unresolved url() included,
+// in this build and in every build of every consumer of what it produces.
+// Nothing downstream can undo it, so the only place it can be told is here.
+const warnCssShippedAsWritten = (
+  urlInfo,
+  { line, column, reason, templateSource },
+) => {
+  if (!urlInfo.context.build) {
+    return;
+  }
+  if (hasCssOpaqueDirective(templateSource)) {
+    return;
+  }
+  urlInfo.context.logger.warn(
+    createDetailedMessage(
+      `${UNICODE.WARNING} import.meta.css shipped as written: not parsed, not transpiled, not minified`,
+      {
+        // line/column are read from the content as analyzed, which is not the
+        // file on disk once something transpiled it (jsx, babel helpers)
+        "css template":
+          urlInfo.content === urlInfo.originalContent
+            ? `${urlInfo.url}:${line}:${column}`
+            : urlInfo.url,
+        reason,
+        "suggestion": `only a "\${}" standing where a css value stands can be read; a custom property set from JS, a data attribute or a selector list covers nearly every other reason to interpolate`,
+        "to silence": `write "jsenv-css-opaque" in a css comment inside that template`,
+      },
+    ),
+  );
+};
+
 const jsenvPluginReferenceExpectedTypes = () => {
   const redirectJsReference = (reference) => {
     const urlObject = new URL(reference.url);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/core",
-  "version": "41.5.18",
+  "version": "41.5.20",
   "type": "module",
   "description": "Tool to develop, test and build js projects",
   "repository": {
@@ -73,12 +73,12 @@
     "test:snapshot_clear": "npx @jsenv/filesystem clear **/tests/**/side_effects/"
   },
   "dependencies": {
-    "@jsenv/ast": "6.10.4",
-    "@jsenv/js-module-fallback": "1.6.8",
+    "@jsenv/ast": "6.10.5",
+    "@jsenv/js-module-fallback": "1.6.9",
     "@jsenv/plugin-bundling": "2.10.28",
-    "@jsenv/plugin-minification": "1.7.21",
-    "@jsenv/plugin-supervisor": "1.8.23",
-    "@jsenv/plugin-transpilation": "1.7.8",
+    "@jsenv/plugin-minification": "1.7.22",
+    "@jsenv/plugin-supervisor": "1.8.24",
+    "@jsenv/plugin-transpilation": "1.7.9",
     "@jsenv/server": "17.6.4",
     "@jsenv/sourcemap": "1.4.9",
     "react-table": "7.8.0"
@@ -113,17 +113,17 @@
     "@jsenv/url-meta": "workspace:*",
     "@jsenv/urls": "workspace:*",
     "@jsenv/utils": "workspace:*",
-    "@playwright/browser-chromium": "1.62.1",
-    "@playwright/browser-firefox": "1.62.1",
-    "@playwright/browser-webkit": "1.62.1",
-    "eslint": "10.9.1",
+    "@playwright/browser-chromium": "1.63.0",
+    "@playwright/browser-firefox": "1.63.0",
+    "@playwright/browser-webkit": "1.63.0",
+    "eslint": "10.10.0",
     "eslint-plugin-import-x": "4.17.1",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-regexp": "3.2.0",
-    "globals": "17.11.0",
-    "open": "11.0.1",
-    "playwright": "1.62.1",
-    "preact": "11.0.0-beta.2",
+    "eslint-plugin-regexp": "3.3.0",
+    "globals": "17.12.0",
+    "open": "11.0.2",
+    "playwright": "1.63.0",
+    "preact": "11.0.0-rc.2",
     "prettier": "3.9.6",
     "prettier-plugin-css-order": "git+https://github.com/dmail-fork/prettier-plugin-css-order.git",
     "prettier-plugin-embed": "0.5.1",

package/src/plugins/import_meta_css/client/import_meta_css_build.js

@@ -10,7 +10,7 @@ export const installImportMetaCssBuild = (importMeta) => {
     const stylesheet = new CSSStyleSheet({ baseUrl: importMeta.url });
     stylesheet.replaceSync(value);
     stylesheetMap.set(url, stylesheet);
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, stylesheet];
+    document.adoptedStyleSheets.push(stylesheet);
   };
   const update = (url, value) => {
     stylesheetMap.get(url).replaceSync(value);

package/src/plugins/import_meta_css/client/import_meta_css_dev.js

@@ -14,7 +14,7 @@ export const installImportMetaCssDev = (importMeta) => {
   const adopt = (value) => {
     stylesheet = new CSSStyleSheet({ baseUrl: importMeta.url });
     stylesheet.replaceSync(addUrlInfo(value));
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, stylesheet];
+    document.adoptedStyleSheets.push(stylesheet);
   };
   const update = (value) => {
     stylesheet.replaceSync(addUrlInfo(value));

package/src/plugins/reference_analysis/js/jsenv_plugin_js_reference_analysis.js

@@ -1,8 +1,10 @@
 import {
   getUrlForContentInsideJs,
+  hasCssOpaqueDirective,
   parseJsUrls,
   renderCssTemplateLiteral,
 } from "@jsenv/ast";
+import { createDetailedMessage, UNICODE } from "@jsenv/humanize";
 import {
   isWebWorkerEntryPointReference,
   isWebWorkerUrlInfo,
@@ -82,7 +84,20 @@ const parseAndTransformJsReferences = async (
           renderCssTemplateLiteral(inlineUrlInfo.content, substitutions)
         : JS_QUOTES.escapeSpecialChars(inlineUrlInfo.content, { quote });
       if (replacement === null) {
-        // a placeholder did not survive: the source stays as it was written
+        // a placeholder did not survive the css transformation: giving the
+        // expressions back would not give back what the source said
+        if (inlineReferenceInfo.alreadyBuilt) {
+          return;
+        }
+        warnCssShippedAsWritten(urlInfo, {
+          line: inlineReferenceInfo.line,
+          column: inlineReferenceInfo.column,
+          reason: `a "\${}" placeholder did not survive the css transformation`,
+          templateSource: urlInfo.content.slice(
+            inlineReferenceInfo.start,
+            inlineReferenceInfo.end,
+          ),
+        });
         return;
       }
       magicSource.replace({
@@ -190,7 +205,13 @@ const parseAndTransformJsReferences = async (
     isNodeJs,
   });
   for (const jsReferenceInfo of jsReferenceInfos) {
-    if (jsReferenceInfo.isInline) {
+    if (jsReferenceInfo.isOpaqueCss) {
+      if (!jsReferenceInfo.alreadyBuilt) {
+        // a dependency's built css is opaque in a source this build does not
+        // have; its own build is where that is told
+        warnCssShippedAsWritten(urlInfo, jsReferenceInfo);
+      }
+    } else if (jsReferenceInfo.isInline) {
       onInlineReference(jsReferenceInfo);
     } else {
       onExternalReference(jsReferenceInfo);
@@ -204,3 +225,35 @@ const parseAndTransformJsReferences = async (
   }
   return magicSource.toContentAndSourcemap();
 };
+
+// An import.meta.css the build cannot parse is shipped exactly as written:
+// comments, indentation, untranspiled properties and unresolved url() included,
+// in this build and in every build of every consumer of what it produces.
+// Nothing downstream can undo it, so the only place it can be told is here.
+const warnCssShippedAsWritten = (
+  urlInfo,
+  { line, column, reason, templateSource },
+) => {
+  if (!urlInfo.context.build) {
+    return;
+  }
+  if (hasCssOpaqueDirective(templateSource)) {
+    return;
+  }
+  urlInfo.context.logger.warn(
+    createDetailedMessage(
+      `${UNICODE.WARNING} import.meta.css shipped as written: not parsed, not transpiled, not minified`,
+      {
+        // line/column are read from the content as analyzed, which is not the
+        // file on disk once something transpiled it (jsx, babel helpers)
+        "css template":
+          urlInfo.content === urlInfo.originalContent
+            ? `${urlInfo.url}:${line}:${column}`
+            : urlInfo.url,
+        reason,
+        "suggestion": `only a "\${}" standing where a css value stands can be read; a custom property set from JS, a data attribute or a selector list covers nearly every other reason to interpolate`,
+        "to silence": `write "jsenv-css-opaque" in a css comment inside that template`,
+      },
+    ),
+  );
+};