one/dist/cjs/fallbackViews/Unmatched.cjs

One is a new React Framework that makes Vite serve both native and web.

var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all) __defProp(target, name, {
    get: all[name],
    enumerable: true
  });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
      get: () => from[key],
      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
    });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
  value: mod,
  enumerable: true
}) : target, mod));
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
  value: true
}), mod);
var Unmatched_web_exports = {};
__export(Unmatched_web_exports, {
  Unmatched: () => Unmatched
});
module.exports = __toCommonJS(Unmatched_web_exports);
var React = __toESM(require("react"), 1);
var import_hooks = require("../hooks.cjs");
var import_Link = require("../link/Link.cjs");
var import_jsx_runtime = require("react/jsx-runtime");
function NoSSR({
  children
}) {
  const [render, setRender] = React.useState(false);
  React.useEffect(() => {
    setRender(true);
  }, []);
  return render ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
    children
  }) : null;
}
function CurrentURL() {
  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
    children: window.location.href
  });
}
function Unmatched() {
  const router = (0, import_hooks.useRouter)();
  const pathname = (0, import_hooks.usePathname)();
  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("main", {
    style: {
      minHeight: "100vh",
      boxSizing: "border-box",
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      justifyContent: "center",
      backgroundColor: "black",
      color: "white",
      padding: 24,
      textAlign: "center"
    },
    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("h1", {
      style: {
        fontSize: 36,
        paddingBottom: 12,
        margin: "0 0 12px",
        borderBottom: "1px solid #323232"
      },
      children: "Unmatched Route"
    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)("p", {
      style: {
        fontSize: 18,
        margin: "0 0 12px"
      },
      children: ["Page could not be found.", " ", /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
        type: "button",
        onClick: () => {
          if (router.canGoBack()) {
            router.back();
          } else {
            router.replace("/");
          }
        },
        style: {
          appearance: "none",
          border: 0,
          padding: 0,
          background: "transparent",
          color: "rgba(255,255,255,0.6)",
          cursor: "pointer",
          font: "inherit",
          textDecoration: "underline"
        },
        children: "Go back."
      })]
    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NoSSR, {
      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
        href: pathname,
        replace: true,
        style: {
          color: "rgba(255,255,255,0.4)",
          textAlign: "center"
        },
        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(CurrentURL, {})
      })
    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
      href: "/_sitemap",
      replace: true,
      style: {
        color: "rgba(255,255,255,0.4)",
        marginTop: 8,
        textAlign: "center"
      },
      children: "Sitemap"
    })]
  });
}