jp
0917366cdf
- vm_api.py: pure FastAPI JSON API on :8098 with CORS - vm-api.service: systemd unit for API (replaces inline HTML vm_web.py for frontend) - vm_web.py: kept intact as fallback; Apache now proxies /api/ -> :8098 - frontend/: Vite + React + TanStack Query scaffold - Apache vhost updated: DocumentRoot -> frontend/dist, /api/ proxy, SPA fallback - All original HTML pages still functional via :8099 during transition
91 lines
2.5 KiB
JavaScript
91 lines
2.5 KiB
JavaScript
"use client";
|
|
import { wrapInNonRouteComponentContext } from "./nonRouteComponentContext.js";
|
|
import * as React$1 from "react";
|
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
//#region src/CatchBoundary.tsx
|
|
function CatchBoundary(props) {
|
|
return /* @__PURE__ */ jsx(CatchBoundaryImpl, { ...props });
|
|
}
|
|
var CatchBoundaryImpl = class extends React$1.Component {
|
|
constructor(..._args) {
|
|
super(..._args);
|
|
this.state = { error: null };
|
|
this.reset = () => {
|
|
this.setState({ error: null });
|
|
};
|
|
}
|
|
static getDerivedStateFromProps(props, state) {
|
|
const resetKey = props.getResetKey();
|
|
if (state.error && state.resetKey !== resetKey) return {
|
|
resetKey,
|
|
error: null
|
|
};
|
|
return { resetKey };
|
|
}
|
|
static getDerivedStateFromError(error) {
|
|
return { error };
|
|
}
|
|
componentDidCatch(error, errorInfo) {
|
|
this.props.onCatch?.(error, errorInfo);
|
|
}
|
|
render() {
|
|
const error = this.state.error;
|
|
if (error) {
|
|
const element = React$1.createElement(this.props.errorComponent ?? ErrorComponent, {
|
|
error,
|
|
reset: this.reset
|
|
});
|
|
return process.env.NODE_ENV !== "production" ? wrapInNonRouteComponentContext(element, "errorComponent") : element;
|
|
}
|
|
return this.props.children;
|
|
}
|
|
};
|
|
function ErrorComponent({ error }) {
|
|
const [show, setShow] = React$1.useState(process.env.NODE_ENV !== "production");
|
|
return /* @__PURE__ */ jsxs("div", {
|
|
style: {
|
|
padding: ".5rem",
|
|
maxWidth: "100%"
|
|
},
|
|
children: [
|
|
/* @__PURE__ */ jsxs("div", {
|
|
style: {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
gap: ".5rem"
|
|
},
|
|
children: [/* @__PURE__ */ jsx("strong", {
|
|
style: { fontSize: "1rem" },
|
|
children: "Something went wrong!"
|
|
}), /* @__PURE__ */ jsx("button", {
|
|
style: {
|
|
appearance: "none",
|
|
fontSize: ".6em",
|
|
border: "1px solid currentColor",
|
|
padding: ".1rem .2rem",
|
|
fontWeight: "bold",
|
|
borderRadius: ".25rem"
|
|
},
|
|
onClick: () => setShow((d) => !d),
|
|
children: show ? "Hide Error" : "Show Error"
|
|
})]
|
|
}),
|
|
/* @__PURE__ */ jsx("div", { style: { height: ".25rem" } }),
|
|
show ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("pre", {
|
|
style: {
|
|
fontSize: ".7em",
|
|
border: "1px solid red",
|
|
borderRadius: ".25rem",
|
|
padding: ".3rem",
|
|
color: "red",
|
|
overflow: "auto"
|
|
},
|
|
children: error.message ? /* @__PURE__ */ jsx("code", { children: error.message }) : null
|
|
}) }) : null
|
|
]
|
|
});
|
|
}
|
|
//#endregion
|
|
export { CatchBoundary, ErrorComponent };
|
|
|
|
//# sourceMappingURL=CatchBoundary.js.map
|