@wix/dev-machine-monitor 1.0.8 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/integration.js +44 -16
  2. package/build/integration.js.map +1 -1
  3. package/package.json +2 -2
package/build/integration.js CHANGED
@@ -2,14 +2,15 @@
2
2
  var error_client_default = '<style>\n :root {\n --bg: #0f1724;\n --card: #0b1220;\n --accent: #7dd3fc;\n --muted: #94a3b8;\n --glass: rgba(255, 255, 255, 0.04);\n --radius: 16px;\n color-scheme: light dark;\n }\n * {\n box-sizing: border-box;\n }\n html,\n body {\n height: 100%;\n }\n body {\n margin: 0;\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",\n Roboto, "Helvetica Neue", Arial;\n background: radial-gradient(\n 1200px 600px at 10% 10%,\n rgba(125, 211, 252, 0.06),\n transparent\n ),\n linear-gradient(180deg, var(--bg), #071025 80%);\n color: #e6eef8;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 32px;\n }\n .card {\n width: min(980px, 100%);\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.02),\n rgba(255, 255, 255, 0.01)\n );\n border: 1px solid rgba(255, 255, 255, 0.04);\n border-radius: var(--radius);\n padding: 32px;\n display: grid;\n grid-template-columns: 300px 1fr;\n gap: 24px;\n align-items: center;\n box-shadow: 0 8px 40px rgba(2, 6, 23, 0.6);\n }\n .illustration {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .badge {\n background: var(--glass);\n padding: 14px;\n border-radius: 14px;\n text-align: center;\n }\n .code {\n font-weight: 700;\n font-size: 48px;\n letter-spacing: -2px;\n color: var(--accent);\n display: block;\n }\n h1 {\n margin: 0 0 6px 0;\n font-size: 20px;\n }\n p.lead {\n margin: 0;\n color: var(--muted);\n }\n .actions {\n margin-top: 18px;\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n .btn {\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.03),\n rgba(255, 255, 255, 0.01)\n );\n border: 1px solid rgba(255, 255, 255, 0.05);\n padding: 10px 14px;\n border-radius: 12px;\n cursor: pointer;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n .btn.primary {\n background: linear-gradient(180deg, var(--accent), #4ecfe8);\n color: #032;\n box-shadow: 0 6px 18px rgba(125, 211, 252, 0.08);\n }\n @media (max-width: 720px) {\n .card {\n grid-template-columns: 1fr;\n padding: 20px;\n }\n .illustration {\n order: -1;\n }\n }\n .wobble {\n transform-origin: center;\n animation: wob 6s ease-in-out infinite;\n }\n @keyframes wob {\n 0% {\n transform: rotate(-3deg);\n }\n 50% {\n transform: rotate(3deg);\n }\n 100% {\n transform: rotate(-3deg);\n }\n }\n</style>\n<main class="card">\n <div class="illustration">\n <div class="badge">\n <svg\n width="160"\n height="160"\n viewBox="0 0 64 64"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="wobble"\n role="img"\n aria-hidden="true"\n >\n <rect\n x="6"\n y="10"\n width="52"\n height="36"\n rx="6"\n fill="rgba(125,211,252,0.06)"\n stroke="rgba(125,211,252,0.12)"\n />\n <circle cx="20" cy="28" r="4" fill="rgba(125,211,252,0.18)" />\n <rect\n x="32"\n y="24"\n width="16"\n height="6"\n rx="2"\n fill="rgba(125,211,252,0.22)"\n />\n <path\n d="M18 46c2-3 6-5 10-5s8 2 10 5"\n stroke="rgba(255,255,255,0.06)"\n stroke-width="1.5"\n stroke-linecap="round"\n />\n <path\n d="M42 20l6-6"\n stroke="rgba(255,255,255,0.06)"\n stroke-width="2"\n stroke-linecap="round"\n />\n </svg>\n </div>\n </div>\n\n <section>\n <span class="code" id="err-code">Build Error Occurred</span>\n <h1 id="err-title">We failed to build Your project</h1>\n <p class="lead">\n We hit an unexpected error while trying to build your project. Use an AI\n to get it fixed automatically.\n </p>\n <div class="actions">\n <a class="btn primary" id="homeBtn" onClick="fixWithAI()">Fix with AI</a>\n </div>\n </section>\n</main>\n';
3
3
 
4
4
  // lib/integration.ts
5
- var ErrorOverlay = class _ErrorOverlay {
6
- static getOverlayHTML() {
7
- return `__TEMPLATE__`;
8
- }
5
+ var { HTMLElement = class {
6
+ } } = globalThis;
7
+ var ErrorOverlay = class extends HTMLElement {
9
8
  constructor(error) {
9
+ super();
10
+ const div = document.createElement("div");
11
+ div.innerHTML = `__TEMPLATE__`;
12
+ this.appendChild(div);
10
13
  console.error("monitor:error", error);
11
- const overlay = document.createElement("div");
12
- overlay.innerHTML = _ErrorOverlay.getOverlayHTML();
13
14
  window.fixWithAI = function() {
14
15
  window.parent?.postMessage(
15
16
  {
@@ -23,22 +24,46 @@ var ErrorOverlay = class _ErrorOverlay {
23
24
  "*"
24
25
  );
25
26
  };
26
- return overlay;
27
+ }
28
+ close() {
29
+ this.parentNode?.removeChild(this);
27
30
  }
28
31
  };
29
32
  function clientErrorMonitor() {
33
+ let lastErrorPayload = null;
30
34
  return {
31
35
  name: "@wix/dev-machine-monitor",
32
36
  hooks: {
37
+ "astro:server:setup"({ server }) {
38
+ server.ws.on("connection", (socket) => {
39
+ const originalSend = socket.send;
40
+ socket.send = function(...args) {
41
+ const data = args[0];
42
+ if (typeof data === "string") {
43
+ try {
44
+ const payload = JSON.parse(data);
45
+ if (payload.type === "error") {
46
+ lastErrorPayload = data;
47
+ } else if (payload.type === "update" || payload.type === "full-reload") {
48
+ lastErrorPayload = null;
49
+ }
50
+ } catch (e) {
51
+ }
52
+ }
53
+ return originalSend.apply(this, args);
54
+ };
55
+ if (lastErrorPayload) {
56
+ originalSend.apply(socket, [lastErrorPayload]);
57
+ }
58
+ });
59
+ },
33
60
  async "astro:config:setup"({ command, updateConfig }) {
34
61
  if (command != "dev") {
35
62
  return;
36
63
  }
37
64
  updateConfig({
38
65
  vite: {
39
- plugins: [
40
- customErrorOverlayPlugin()
41
- ]
66
+ plugins: [customErrorOverlayPlugin()]
42
67
  }
43
68
  });
44
69
  }
@@ -55,15 +80,18 @@ function customErrorOverlayPlugin() {
55
80
  if (!id.includes("vite/dist/client/client.mjs")) {
56
81
  return;
57
82
  }
58
- return code.replace("class ErrorOverlay", getOverlayCode() + "\nclass OldErrorOverlay");
83
+ const overlay = ErrorOverlay.toString().replace(
84
+ "class extends HTMLElement",
85
+ "class ErrorOverlay extends HTMLElement"
86
+ ).replace("__TEMPLATE__", error_client_default);
87
+ return code.replace(
88
+ "class ErrorOverlay",
89
+ `${overlay}
90
+ class OldErrorOverlay`
91
+ );
59
92
  }
60
93
  };
61
94
  }
62
- function getOverlayCode() {
63
- const overlayAsString = ErrorOverlay.toString().replace("__TEMPLATE__", error_client_default);
64
- return `${overlayAsString}
65
- var ErrorOverlay = _ErrorOverlay;`;
66
- }
67
95
  export {
68
96
  clientErrorMonitor
69
97
  };
package/build/integration.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/templates/error-client.html","../lib/integration.ts"],"sourcesContent":["<style>\n :root {\n --bg: #0f1724;\n --card: #0b1220;\n --accent: #7dd3fc;\n --muted: #94a3b8;\n --glass: rgba(255, 255, 255, 0.04);\n --radius: 16px;\n color-scheme: light dark;\n }\n * {\n box-sizing: border-box;\n }\n html,\n body {\n height: 100%;\n }\n body {\n margin: 0;\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\",\n Roboto, \"Helvetica Neue\", Arial;\n background: radial-gradient(\n 1200px 600px at 10% 10%,\n rgba(125, 211, 252, 0.06),\n transparent\n ),\n linear-gradient(180deg, var(--bg), #071025 80%);\n color: #e6eef8;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 32px;\n }\n .card {\n width: min(980px, 100%);\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.02),\n rgba(255, 255, 255, 0.01)\n );\n border: 1px solid rgba(255, 255, 255, 0.04);\n border-radius: var(--radius);\n padding: 32px;\n display: grid;\n grid-template-columns: 300px 1fr;\n gap: 24px;\n align-items: center;\n box-shadow: 0 8px 40px rgba(2, 6, 23, 0.6);\n }\n .illustration {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .badge {\n background: var(--glass);\n padding: 14px;\n border-radius: 14px;\n text-align: center;\n }\n .code {\n font-weight: 700;\n font-size: 48px;\n letter-spacing: -2px;\n color: var(--accent);\n display: block;\n }\n h1 {\n margin: 0 0 6px 0;\n font-size: 20px;\n }\n p.lead {\n margin: 0;\n color: var(--muted);\n }\n .actions {\n margin-top: 18px;\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n .btn {\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.03),\n rgba(255, 255, 255, 0.01)\n );\n border: 1px solid rgba(255, 255, 255, 0.05);\n padding: 10px 14px;\n border-radius: 12px;\n cursor: pointer;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n .btn.primary {\n background: linear-gradient(180deg, var(--accent), #4ecfe8);\n color: #032;\n box-shadow: 0 6px 18px rgba(125, 211, 252, 0.08);\n }\n @media (max-width: 720px) {\n .card {\n grid-template-columns: 1fr;\n padding: 20px;\n }\n .illustration {\n order: -1;\n }\n }\n .wobble {\n transform-origin: center;\n animation: wob 6s ease-in-out infinite;\n }\n @keyframes wob {\n 0% {\n transform: rotate(-3deg);\n }\n 50% {\n transform: rotate(3deg);\n }\n 100% {\n transform: rotate(-3deg);\n }\n }\n</style>\n<main class=\"card\">\n <div class=\"illustration\">\n <div class=\"badge\">\n <svg\n width=\"160\"\n height=\"160\"\n viewBox=\"0 0 64 64\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"wobble\"\n role=\"img\"\n aria-hidden=\"true\"\n >\n <rect\n x=\"6\"\n y=\"10\"\n width=\"52\"\n height=\"36\"\n rx=\"6\"\n fill=\"rgba(125,211,252,0.06)\"\n stroke=\"rgba(125,211,252,0.12)\"\n />\n <circle cx=\"20\" cy=\"28\" r=\"4\" fill=\"rgba(125,211,252,0.18)\" />\n <rect\n x=\"32\"\n y=\"24\"\n width=\"16\"\n height=\"6\"\n rx=\"2\"\n fill=\"rgba(125,211,252,0.22)\"\n />\n <path\n d=\"M18 46c2-3 6-5 10-5s8 2 10 5\"\n stroke=\"rgba(255,255,255,0.06)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n />\n <path\n d=\"M42 20l6-6\"\n stroke=\"rgba(255,255,255,0.06)\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <section>\n <span class=\"code\" id=\"err-code\">Build Error Occurred</span>\n <h1 id=\"err-title\">We failed to build Your project</h1>\n <p class=\"lead\">\n We hit an unexpected error while trying to build your project. Use an AI\n to get it fixed automatically.\n </p>\n <div class=\"actions\">\n <a class=\"btn primary\" id=\"homeBtn\" onClick=\"fixWithAI()\">Fix with AI</a>\n </div>\n </section>\n</main>\n","import type { AstroIntegration } from 'astro';\nimport type { PluginOption } from 'vite';\nimport template from './templates/error-client.html';\n\nclass ErrorOverlay {\n static getOverlayHTML() {\n return `__TEMPLATE__`;\n }\n\n constructor(error: Error) {\n console.error(\"monitor:error\", error);\n\n const overlay = document.createElement('div');\n overlay.innerHTML = ErrorOverlay.getOverlayHTML();\n\n window.fixWithAI = function() {\n window.parent?.postMessage(\n {\n type: \"clientError\",\n clientErrorData: {\n errorType: \"build\",\n message: error.message || \"Build/Runtime error occured\",\n stack: error.stack || error.message || 'No error details available',\n },\n },\n \"*\"\n );\n };\n\n return overlay;\n }\n}\n \nexport function clientErrorMonitor(): AstroIntegration {\n return {\n name: '@wix/dev-machine-monitor',\n hooks: {\n async 'astro:config:setup'({ command, updateConfig }) {\n if (command != \"dev\") {\n return;\n }\n\n updateConfig({\n vite: {\n plugins: [\n customErrorOverlayPlugin()\n ],\n }\n })\n }\n }\n }\n}\n \nfunction customErrorOverlayPlugin(): PluginOption {\n return {\n name: 'custom-error-overlay',\n transform(code, id, opts = {}) {\n if (opts?.ssr) {\n return;\n }\n\n if (!id.includes('vite/dist/client/client.mjs')) {\n return;\n }\n\n return code.replace('class ErrorOverlay', getOverlayCode() + '\\nclass OldErrorOverlay')\n },\n };\n}\n\n\nfunction getOverlayCode() {\n const overlayAsString = ErrorOverlay.toString().replace('__TEMPLATE__', template);\n return `${overlayAsString}\\nvar ErrorOverlay = _ErrorOverlay;`;\n}\n"],"mappings":";AAAA;;;ACIA,IAAM,eAAN,MAAM,cAAa;AAAA,EACjB,OAAO,iBAAiB;AACtB,WAAO;AAAA,EACT;AAAA,EAEA,YAAY,OAAc;AACxB,YAAQ,MAAM,iBAAiB,KAAK;AAEpC,UAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,YAAQ,YAAY,cAAa,eAAe;AAEhD,WAAO,YAAY,WAAW;AAC5B,aAAO,QAAQ;AAAA,QACb;AAAA,UACE,MAAM;AAAA,UACN,iBAAiB;AAAA,YACf,WAAW;AAAA,YACX,SAAS,MAAM,WAAW;AAAA,YAC1B,OAAO,MAAM,SAAS,MAAM,WAAW;AAAA,UACzC;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AACF;AAEO,SAAS,qBAAuC;AACnD,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM,qBAAqB,EAAE,SAAS,aAAa,GAAG;AACpD,YAAI,WAAW,OAAO;AACpB;AAAA,QACF;AAEA,qBAAa;AAAA,UACX,MAAM;AAAA,YACJ,SAAS;AAAA,cACP,yBAAyB;AAAA,YAC3B;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACJ;AAAA,EACF;AACF;AAEA,SAAS,2BAAyC;AAChD,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU,MAAM,IAAI,OAAO,CAAC,GAAG;AAC7B,UAAI,MAAM,KAAK;AACb;AAAA,MACF;AAEA,UAAI,CAAC,GAAG,SAAS,6BAA6B,GAAG;AAC/C;AAAA,MACF;AAEA,aAAO,KAAK,QAAQ,sBAAsB,eAAe,IAAI,yBAAyB;AAAA,IACxF;AAAA,EACF;AACF;AAGA,SAAS,iBAAiB;AACxB,QAAM,kBAAkB,aAAa,SAAS,EAAE,QAAQ,gBAAgB,oBAAQ;AAChF,SAAO,GAAG,eAAe;AAAA;AAC3B;","names":[]}
1
+ {"version":3,"sources":["../lib/templates/error-client.html","../lib/integration.ts"],"sourcesContent":["<style>\n :root {\n --bg: #0f1724;\n --card: #0b1220;\n --accent: #7dd3fc;\n --muted: #94a3b8;\n --glass: rgba(255, 255, 255, 0.04);\n --radius: 16px;\n color-scheme: light dark;\n }\n * {\n box-sizing: border-box;\n }\n html,\n body {\n height: 100%;\n }\n body {\n margin: 0;\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\",\n Roboto, \"Helvetica Neue\", Arial;\n background: radial-gradient(\n 1200px 600px at 10% 10%,\n rgba(125, 211, 252, 0.06),\n transparent\n ),\n linear-gradient(180deg, var(--bg), #071025 80%);\n color: #e6eef8;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 32px;\n }\n .card {\n width: min(980px, 100%);\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.02),\n rgba(255, 255, 255, 0.01)\n );\n border: 1px solid rgba(255, 255, 255, 0.04);\n border-radius: var(--radius);\n padding: 32px;\n display: grid;\n grid-template-columns: 300px 1fr;\n gap: 24px;\n align-items: center;\n box-shadow: 0 8px 40px rgba(2, 6, 23, 0.6);\n }\n .illustration {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .badge {\n background: var(--glass);\n padding: 14px;\n border-radius: 14px;\n text-align: center;\n }\n .code {\n font-weight: 700;\n font-size: 48px;\n letter-spacing: -2px;\n color: var(--accent);\n display: block;\n }\n h1 {\n margin: 0 0 6px 0;\n font-size: 20px;\n }\n p.lead {\n margin: 0;\n color: var(--muted);\n }\n .actions {\n margin-top: 18px;\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n .btn {\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.03),\n rgba(255, 255, 255, 0.01)\n );\n border: 1px solid rgba(255, 255, 255, 0.05);\n padding: 10px 14px;\n border-radius: 12px;\n cursor: pointer;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n .btn.primary {\n background: linear-gradient(180deg, var(--accent), #4ecfe8);\n color: #032;\n box-shadow: 0 6px 18px rgba(125, 211, 252, 0.08);\n }\n @media (max-width: 720px) {\n .card {\n grid-template-columns: 1fr;\n padding: 20px;\n }\n .illustration {\n order: -1;\n }\n }\n .wobble {\n transform-origin: center;\n animation: wob 6s ease-in-out infinite;\n }\n @keyframes wob {\n 0% {\n transform: rotate(-3deg);\n }\n 50% {\n transform: rotate(3deg);\n }\n 100% {\n transform: rotate(-3deg);\n }\n }\n</style>\n<main class=\"card\">\n <div class=\"illustration\">\n <div class=\"badge\">\n <svg\n width=\"160\"\n height=\"160\"\n viewBox=\"0 0 64 64\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"wobble\"\n role=\"img\"\n aria-hidden=\"true\"\n >\n <rect\n x=\"6\"\n y=\"10\"\n width=\"52\"\n height=\"36\"\n rx=\"6\"\n fill=\"rgba(125,211,252,0.06)\"\n stroke=\"rgba(125,211,252,0.12)\"\n />\n <circle cx=\"20\" cy=\"28\" r=\"4\" fill=\"rgba(125,211,252,0.18)\" />\n <rect\n x=\"32\"\n y=\"24\"\n width=\"16\"\n height=\"6\"\n rx=\"2\"\n fill=\"rgba(125,211,252,0.22)\"\n />\n <path\n d=\"M18 46c2-3 6-5 10-5s8 2 10 5\"\n stroke=\"rgba(255,255,255,0.06)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n />\n <path\n d=\"M42 20l6-6\"\n stroke=\"rgba(255,255,255,0.06)\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n\n <section>\n <span class=\"code\" id=\"err-code\">Build Error Occurred</span>\n <h1 id=\"err-title\">We failed to build Your project</h1>\n <p class=\"lead\">\n We hit an unexpected error while trying to build your project. Use an AI\n to get it fixed automatically.\n </p>\n <div class=\"actions\">\n <a class=\"btn primary\" id=\"homeBtn\" onClick=\"fixWithAI()\">Fix with AI</a>\n </div>\n </section>\n</main>\n","import type { AstroIntegration } from \"astro\";\nimport type { PluginOption } from \"vite\";\nimport template from \"./templates/error-client.html\";\n\nconst { HTMLElement = class {} as typeof globalThis.HTMLElement } = globalThis;\n\nclass ErrorOverlay extends HTMLElement {\n constructor(error: Error) {\n super();\n\n const div = document.createElement(\"div\");\n div.innerHTML = `__TEMPLATE__`;\n\n this.appendChild(div);\n\n console.error(\"monitor:error\", error);\n\n window.fixWithAI = function () {\n window.parent?.postMessage(\n {\n type: \"clientError\",\n clientErrorData: {\n errorType: \"build\",\n message: error.message || \"Build/Runtime error occured\",\n stack: error.stack || error.message || \"No error details available\",\n },\n },\n \"*\"\n );\n };\n }\n\n close(): void {\n this.parentNode?.removeChild(this);\n }\n}\n\nexport function clientErrorMonitor(): AstroIntegration {\n let lastErrorPayload: any = null;\n\n return {\n name: \"@wix/dev-machine-monitor\",\n hooks: {\n \"astro:server:setup\"({ server }) {\n server.ws.on(\"connection\", (socket) => {\n const originalSend = socket.send;\n\n socket.send = function (...args) {\n const data = args[0];\n\n if (typeof data === \"string\") {\n try {\n const payload = JSON.parse(data);\n if (payload.type === \"error\") {\n lastErrorPayload = data;\n } else if (\n payload.type === \"update\" ||\n payload.type === \"full-reload\"\n ) {\n lastErrorPayload = null;\n }\n } catch (e) {\n // Ignore parse errors (ping/pong frames)\n }\n }\n\n // Pass through to the original implementation\n // @ts-ignore\n return originalSend.apply(this, args);\n };\n\n if (lastErrorPayload) {\n // @ts-ignore\n originalSend.apply(socket, [lastErrorPayload]);\n }\n });\n },\n async \"astro:config:setup\"({ command, updateConfig }) {\n if (command != \"dev\") {\n return;\n }\n\n updateConfig({\n vite: {\n plugins: [customErrorOverlayPlugin()],\n },\n });\n },\n },\n };\n}\n\nfunction customErrorOverlayPlugin(): PluginOption {\n return {\n name: \"custom-error-overlay\",\n transform(code, id, opts = {}) {\n if (opts?.ssr) {\n return;\n }\n\n if (!id.includes(\"vite/dist/client/client.mjs\")) {\n return;\n }\n\n const overlay = ErrorOverlay.toString()\n .replace(\n \"class extends HTMLElement\",\n \"class ErrorOverlay extends HTMLElement\"\n )\n .replace(\"__TEMPLATE__\", template);\n\n return code.replace(\n \"class ErrorOverlay\",\n `${overlay}\\nclass OldErrorOverlay`\n );\n },\n };\n}\n"],"mappings":";AAAA;;;ACIA,IAAM,EAAE,cAAc,MAAM;AAAC,EAAmC,IAAI;AAEpE,IAAM,eAAN,cAA2B,YAAY;AAAA,EACrC,YAAY,OAAc;AACxB,UAAM;AAEN,UAAM,MAAM,SAAS,cAAc,KAAK;AACxC,QAAI,YAAY;AAEhB,SAAK,YAAY,GAAG;AAEpB,YAAQ,MAAM,iBAAiB,KAAK;AAEpC,WAAO,YAAY,WAAY;AAC7B,aAAO,QAAQ;AAAA,QACb;AAAA,UACE,MAAM;AAAA,UACN,iBAAiB;AAAA,YACf,WAAW;AAAA,YACX,SAAS,MAAM,WAAW;AAAA,YAC1B,OAAO,MAAM,SAAS,MAAM,WAAW;AAAA,UACzC;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAc;AACZ,SAAK,YAAY,YAAY,IAAI;AAAA,EACnC;AACF;AAEO,SAAS,qBAAuC;AACrD,MAAI,mBAAwB;AAE5B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,qBAAqB,EAAE,OAAO,GAAG;AAC/B,eAAO,GAAG,GAAG,cAAc,CAAC,WAAW;AACrC,gBAAM,eAAe,OAAO;AAE5B,iBAAO,OAAO,YAAa,MAAM;AAC/B,kBAAM,OAAO,KAAK,CAAC;AAEnB,gBAAI,OAAO,SAAS,UAAU;AAC5B,kBAAI;AACF,sBAAM,UAAU,KAAK,MAAM,IAAI;AAC/B,oBAAI,QAAQ,SAAS,SAAS;AAC5B,qCAAmB;AAAA,gBACrB,WACE,QAAQ,SAAS,YACjB,QAAQ,SAAS,eACjB;AACA,qCAAmB;AAAA,gBACrB;AAAA,cACF,SAAS,GAAG;AAAA,cAEZ;AAAA,YACF;AAIA,mBAAO,aAAa,MAAM,MAAM,IAAI;AAAA,UACtC;AAEA,cAAI,kBAAkB;AAEpB,yBAAa,MAAM,QAAQ,CAAC,gBAAgB,CAAC;AAAA,UAC/C;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,MAAM,qBAAqB,EAAE,SAAS,aAAa,GAAG;AACpD,YAAI,WAAW,OAAO;AACpB;AAAA,QACF;AAEA,qBAAa;AAAA,UACX,MAAM;AAAA,YACJ,SAAS,CAAC,yBAAyB,CAAC;AAAA,UACtC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,2BAAyC;AAChD,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU,MAAM,IAAI,OAAO,CAAC,GAAG;AAC7B,UAAI,MAAM,KAAK;AACb;AAAA,MACF;AAEA,UAAI,CAAC,GAAG,SAAS,6BAA6B,GAAG;AAC/C;AAAA,MACF;AAEA,YAAM,UAAU,aAAa,SAAS,EACnC;AAAA,QACC;AAAA,QACA;AAAA,MACF,EACC,QAAQ,gBAAgB,oBAAQ;AAEnC,aAAO,KAAK;AAAA,QACV;AAAA,QACA,GAAG,OAAO;AAAA;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/dev-machine-monitor",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "bin": "build/run.cjs",
5
5
  "devDependencies": {
6
6
  "@types/node": "^22.19.1",
@@ -42,5 +42,5 @@
42
42
  ]
43
43
  }
44
44
  },
45
- "falconPackageHash": "4cd5372114281f66d9271ebcd767740c5bc088560e701767dfedf9f5"
45
+ "falconPackageHash": "9cb5b56157fc3beea990c66994fa387e44b5dfd5de85ce30f6f13504"
46
46
  }