@moneko/react 2.0.8 → 2.0.9

package/lib/error-boundary.d.ts

@@ -14,6 +14,9 @@ declare function parseStackFrame(frame: string);
 declare const __webpack_require__: {
     m: Record<string, string>;
 };
+declare function extractSourceMapURL(str: string);
+declare function parseJson<T>(str: string): T | null;
+declare function getSourceCode(moduleId: string);
 declare function getSourceFromWebpack(file: string): string | null;
 declare const ErrorStack: ({ stack, heading }: {
     stack?: string;

package/lib/error-boundary.js

@@ -1,4 +1,4 @@
-import{jsx as r,jsxs as e,Fragment as t}from"react/jsx-runtime";import*as n from"react";let o=({stack:o,heading:i})=>{let[a,s]=n.useState(null);if(!o)return null;let l=o.split("\n");return e(t,{children:[i&&e("strong",{children:["🛑 ",i]}),l.map((o,i)=>{let l=function(r){let e=r.match(/webpack-internal:\/\/\/(.*?):(\d+):(\d+)/);if(e){let[r,t,n,o]=e;return{prefix:e.input?.substring(0,e.index),file:t,fileName:t.split("/").pop(),line:parseInt(n,10),column:parseInt(o,10),suffix:e.input?.substring((e.index??0)+r.length)}}let t=r.match(/at (?:(.+?)\s+\()?(?:(.+?):(\d+):(\d+))/);if(t){let[r,e,n,o,i]=t;return{prefix:t.input?.substring(0,t.index),func:e,file:n,fileName:n.split("/").pop(),line:parseInt(o,10),column:parseInt(i,10),suffix:t.input?.substring((t.index??0)+r.length)}}return null}(o);return e(n.Fragment,{children:["      ",l?e(t,{children:[l.prefix,e("a",{style:{color:"var(--link-color, #1677ff)",textDecoration:"none"},onClick:()=>{l.file===a?.file?s(null):s({file:l.file,source:function(r){try{let e=__webpack_require__.m,t=Object.keys(e).find(e=>e.includes(r));if(t)return e[t].toString();return null}catch(r){return r.message}}(l.file)})},children:[l.fileName,":",l.line,":",l.column]}),l.suffix]}):o,r("br",{})]},o+i)}),a&&e("div",{style:{marginBlockStart:16,border:"1px solid var(--warning-border, #ffe58f)",borderRadius:"var(--border-radius, 8px)",padding:16,backgroundColor:"var(--warning-bg, #fffbe6)"},children:[e("strong",{children:["Source: ",a.file]}),r("pre",{style:{whiteSpace:"pre-wrap"},children:a.source})]})]})};class i extends n.Component{constructor(r){super(r),this.componentNameRegex=/at (?:(.+?)\s+\()?(?:(.+?):(\d+):(\d+))/,this.state={}}componentDidCatch(r,e){this.setState({error:r,errorInfo:e})}getComponentName(r){let e=r?.trim().split("\n")?.[0].match(this.componentNameRegex)?.[1];return e?`The above error occurred in the <${e}> component.
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import*as n from"react";let o=({stack:o,heading:i})=>{let[a,s]=n.useState(null);if(!o)return null;let l=o.split("\n");return r(t,{children:[i&&r("strong",{children:["🛑 ",i]}),l.map((o,i)=>{let l=function(e){let r=e.match(/webpack-internal:\/\/\/(.*?):(\d+):(\d+)/);if(r){let[e,t,n,o]=r;return{prefix:r.input?.substring(0,r.index),file:t,fileName:t.split("/").pop(),line:parseInt(n,10),column:parseInt(o,10),suffix:r.input?.substring((r.index??0)+e.length)}}let t=e.match(/at (?:(.+?)\s+\()?(?:(.+?):(\d+):(\d+))/);if(t){let[e,r,n,o,i]=t;return{prefix:t.input?.substring(0,t.index),func:r,file:n,fileName:n.split("/").pop(),line:parseInt(o,10),column:parseInt(i,10),suffix:t.input?.substring((t.index??0)+e.length)}}return null}(o);return r(n.Fragment,{children:["      ",l?r(t,{children:[l.prefix,r("a",{style:{color:"var(--link-color, #1677ff)",textDecoration:"none"},onClick:()=>{l.file===a?.file?s(null):s({file:l.file,source:function(e){try{let r=__webpack_require__.m,t=Object.keys(r).find(r=>r.includes(e));if(t)return function(e){let r=__webpack_require__.m[e].toString(),t=function(e){let r="//# sourceMappingURL=data:application/json;charset=utf-8;base64,",t=e.indexOf(r)+r.length,n="";if(-1!==t){let r=e.indexOf("\\n//#",t);n=e.substring(t,r)}return n}(r);if(t){let e=new TextDecoder("utf-8"),r=atob(t);if(r){let t=function(e){try{return JSON.parse(e)}catch{return null}}(e.decode(new Uint8Array(r.split("").map(e=>e.charCodeAt(0)))));if(t?.sourcesContent)return t.sourcesContent[0]}}return r}(t);return null}catch(e){return e.message}}(l.file)})},children:[l.fileName,":",l.line,":",l.column]}),l.suffix]}):o,e("br",{})]},o+i)}),a&&r("div",{style:{marginBlockStart:16,border:"1px solid var(--warning-border, #ffe58f)",borderRadius:"var(--border-radius, 8px)",padding:16,backgroundColor:"var(--warning-bg, #fffbe6)"},children:[r("strong",{children:["Source: ",a.file]}),e("pre",{style:{whiteSpace:"pre-wrap"},children:a.source})]})]})};class i extends n.Component{constructor(e){super(e),this.componentNameRegex=/at (?:(.+?)\s+\()?(?:(.+?):(\d+):(\d+))/,this.state={}}componentDidCatch(e,r){this.setState({error:e,errorInfo:r})}getComponentName(e){let r=e?.trim().split("\n")?.[0].match(this.componentNameRegex)?.[1];return r?`The above error occurred in the <${r}> component.
 
       React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.
-      Error Component Stack`:null}render(){if(this.state.errorInfo){let n=this.props.fallback;return n?r(n,{error:this.state.error,errorInfo:this.state.errorInfo}):r("pre",{className:"error-boundary-component-stack",style:{display:"block",maxInlineSize:"100%",maxBlockSize:"100%",overflow:"auto",margin:24,border:"1px solid var(--error-border, #ffccc7)",borderRadius:"var(--border-radius, 8px)",padding:20,backgroundColor:"var(--error-bg, #fff2f0)",whiteSpace:"pre-wrap",fontSize:12,color:"var(--error-color, rgb(0 0 0 / 75%))",fontFamily:"var(--font-family, inherit)"},children:this.state.error&&e(t,{children:[r(o,{stack:this.state.error.stack?.replace(`${this.state.error.name}: ${this.state.error.message}`,""),heading:`${this.state.error.name}: ${this.state.error.message}`}),r("br",{}),r(o,{stack:this.state.errorInfo.componentStack,heading:this.getComponentName(this.state.errorInfo.componentStack)})]})})}return this.props.children}}export default i;
+      Error Component Stack`:null}render(){if(this.state.errorInfo){let n=this.props.fallback;return n?e(n,{error:this.state.error,errorInfo:this.state.errorInfo}):e("pre",{className:"error-boundary-component-stack",style:{display:"block",maxInlineSize:"100%",maxBlockSize:"100%",overflow:"auto",margin:24,border:"1px solid var(--error-border, #ffccc7)",borderRadius:"var(--border-radius, 8px)",padding:20,backgroundColor:"var(--error-bg, #fff2f0)",whiteSpace:"pre-wrap",fontSize:12,color:"var(--error-color, rgb(0 0 0 / 75%))",fontFamily:"var(--font-family, inherit)"},children:this.state.error&&r(t,{children:[e(o,{stack:this.state.error.stack?.replace(`${this.state.error.name}: ${this.state.error.message}`,""),heading:`${this.state.error.name}: ${this.state.error.message}`}),e("br",{}),e(o,{stack:this.state.errorInfo.componentStack,heading:this.getComponentName(this.state.errorInfo.componentStack)})]})})}return this.props.children}}export default i;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moneko/react",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "react",
   "main": "lib/index.js",
   "scripts": {
@@ -16,7 +16,7 @@
   "license": "MIT",
   "sideEffects": false,
   "dependencies": {
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.16",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.6.0",
     "react-refresh": "0.17.0",
     "react-refresh-typescript": "2.0.10",
     "react-router": "6.3.0",