@rsbuild/core 1.7.0-beta.0 → 1.7.0-beta.1

package/dist/2~open.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const __rslib_import_meta_url__ = 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
+const __rslib_import_meta_url__ = "u" < typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
 exports.ids = [
     "664"
 ], exports.modules = {

package/dist/2~range-parser.cjs

@@ -1,6 +1,6 @@
 /*! For license information please see 2~range-parser.cjs.LICENSE.txt */
 "use strict";
-const __rslib_import_meta_url__ = 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
+const __rslib_import_meta_url__ = "u" < typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
 exports.ids = [
     "603"
 ], exports.modules = {

package/dist/client/hmr.js

@@ -8,6 +8,7 @@ const registerOverlay = (createFn, clearFn)=>{
 function init({ token, config, serverHost, serverPort, liveReload, browserLogs, logLevel }) {
     logger.level = logLevel;
     const queuedMessages = [];
+    const clientErrors = [];
     let lastHash;
     let hasBuildErrors = false;
     function formatURL(fallback) {
@@ -16,7 +17,7 @@ function init({ token, config, serverHost, serverPort, liveReload, browserLogs,
         const port = (fallback ? serverPort : config.port) || location.port;
         const protocol = config.protocol || ('https:' === location.protocol ? 'wss' : 'ws');
         const pathname = config.path;
-        if ('undefined' != typeof URL) {
+        if ("u" > typeof URL) {
             const url = new URL('http://localhost');
             url.port = String(port);
             url.hostname = hostname;
@@ -51,7 +52,12 @@ function init({ token, config, serverHost, serverPort, liveReload, browserLogs,
         clearBuildErrors();
         hasBuildErrors = true;
         for (const error of text)logger.error(error);
-        if (createOverlay) createOverlay(html);
+        if (createOverlay) createOverlay('Build failed', html);
+    }
+    function handleResolvedClientError({ id, message }) {
+        if (!createOverlay || hasBuildErrors) return;
+        for (const item of clientErrors)if (item.id === id) item.message = message;
+        createOverlay('Runtime errors', clientErrors.map((item)=>item.message).filter(Boolean).join('\n\n'));
     }
     const shouldUpdate = ()=>lastHash !== __webpack_hash__;
     const handleApplyUpdates = (err, updatedModules)=>{
@@ -116,6 +122,9 @@ function init({ token, config, serverHost, serverPort, liveReload, browserLogs,
             case 'errors':
                 handleErrors(message.data);
                 break;
+            case 'resolved-client-error':
+                handleResolvedClientError(message.data);
+                break;
         }
     }
     function onClose() {
@@ -138,11 +147,16 @@ function init({ token, config, serverHost, serverPort, liveReload, browserLogs,
         }
     }
     function sendError(message, stack) {
+        const id = `${Date.now().toString(36)}${Math.random().toString(36).slice(2)}`;
         const messageInfo = {
             type: 'client-error',
+            id,
             message,
             stack
         };
+        clientErrors.push({
+            id
+        });
         if (isSocketReady()) socketSend(messageInfo);
         else queuedMessages.push(messageInfo);
     }
@@ -181,7 +195,7 @@ function init({ token, config, serverHost, serverPort, liveReload, browserLogs,
     function reloadPage() {
         if (liveReload) window.location.reload();
     }
-    if (browserLogs && 'undefined' != typeof window) {
+    if (browserLogs && "u" > typeof window) {
         window.addEventListener('error', ({ message, error })=>{
             sendError(message, error instanceof Error ? error.stack : void 0);
         });

package/dist/client/overlay.js

@@ -11,7 +11,7 @@ function _define_property(obj, key, value) {
     return obj;
 }
 const { HTMLElement: HTMLElement = class {
-}, customElements: customElements } = 'undefined' != typeof window ? window : globalThis;
+}, customElements: customElements } = "u" > typeof window ? window : globalThis;
 class ErrorOverlay extends HTMLElement {
     constructor(html){
         var _root_querySelector, _root_querySelector1;
@@ -56,14 +56,148 @@ class ErrorOverlay extends HTMLElement {
 }
 const overlayId = 'rsbuild-error-overlay';
 if (customElements && !customElements.get(overlayId)) customElements.define(overlayId, ErrorOverlay);
-function createOverlay(html) {
+function getOverlayHtml(title, content) {
+    return `
+<style>
+.root {
+  position: fixed;
+  z-index: 9999;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow-y: scroll;
+  margin: 0;
+  background: rgba(0, 0, 0, 0.66);
+  cursor: pointer;
+}
+.container {
+  font-family: Menlo, Consolas, monospace;
+  line-height: 1.6;
+  width: 960px;
+  max-width: 85%;
+  color: #d8d8d8;
+  margin: 32px auto;
+  padding: 32px 40px;
+  position: relative;
+  background: #181818;
+  border-radius: 24px;
+  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
+  overflow: hidden;
+  direction: ltr;
+  text-align: left;
+  box-sizing: border-box;
+  cursor: default;
+}
+.title {
+  margin: 0 0 20px;
+  padding-bottom: 12px;
+  font-size: 17px;
+  font-weight: 600;
+  color: #fb6a6a;
+  border-bottom: 2px solid rgba(252,94,94,.66);
+}
+.content {
+  margin: 0;
+  font-size: 14px;
+  font-family: inherit;
+  white-space: pre-wrap;
+  word-break: break-all;
+  scrollbar-width: none;
+}
+.content::-webkit-scrollbar {
+  display: none;
+}
+.file-link,
+.url-link,
+.config-link {
+  cursor: pointer;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  &:hover {
+    opacity: 0.8;
+  }
+  &:active {
+    opacity: 0.6;
+  }
+}
+.file-link {
+  color: #6eecf7;
+}
+.url-link {
+  color: #eff986;
+}
+.config-link {
+  color: inherit;
+  text-decoration: none;
+}
+.close {
+  position: absolute;
+  top: 27px;
+  right: 32px;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+}
+.close:hover {
+  opacity: 0.8;
+}
+.close:active {
+  opacity: 0.6;
+}
+.close:before,
+.close:after {
+  position: absolute;
+  left: 16px;
+  top: 8px;
+  content: ' ';
+  height: 18px;
+  width: 2px;
+  border-radius: 4px;
+  background-color: #b8b8b8;
+}
+.close:before {
+  transform: rotate(45deg);
+}
+.close:after {
+  transform: rotate(-45deg);
+}
+.footer {
+  font-size: 12px;
+  color: #7e6a92;
+  margin-top: 20px;
+  padding-top: 12px;
+  border-top: 2px solid rgba(126,106,146,.6);
+}
+.footer p {
+  margin: 4px 0 0;
+}
+.footer span {
+  color: #a88dc3;
+}
+</style>
+
+<div class="root">
+  <div class="container">
+    <div class="close"></div>
+    <p class="title">${title}</p>
+    <pre class="content">${content}</pre>
+    <footer class="footer">
+      <p><span>Fix error</span>, click outside, or press Esc to close the overlay.</p>
+      <p>Disable overlay by setting Rsbuild's <span><a class="config-link" target="_blank" rel="noopener noreferrer" href="https://rsbuild.rs/config/dev/client">dev.client.overlay</a></span> config to false.<p>
+    </footer>
+  </div>
+</div>
+`;
+}
+function createOverlay(title, content) {
     clearOverlay();
-    document.body.appendChild(new ErrorOverlay(html));
+    document.body.appendChild(new ErrorOverlay(getOverlayHtml(title, content)));
 }
 function clearOverlay() {
     document.querySelectorAll(overlayId).forEach((n)=>{
         n.close(true);
     });
 }
-if ('undefined' != typeof document) registerOverlay(createOverlay, clearOverlay);
+if ("u" > typeof document) registerOverlay(createOverlay, clearOverlay);
 else logger.info('[rsbuild] Error overlay unavailable: Running in non-browser environment. To suppress this message, set `dev.client.overlay: false` in your configuration.');

package/dist/ignoreCssLoader.mjs

@@ -1,3 +1,3 @@
 export default function(source) {
     return (this?.cacheable(!0), source.includes('___CSS_LOADER_EXPORT___')) ? '' : source;
-}
+};