one/dist/cjs/fallbackViews/Sitemap.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 Sitemap_web_exports = {};
__export(Sitemap_web_exports, {
  Sitemap: () => Sitemap,
  getNavOptions: () => getNavOptions
});
module.exports = __toCommonJS(Sitemap_web_exports);
var React = __toESM(require("react"), 1);
var import_Link = require("../link/Link.cjs");
var import_matchers = require("../router/matchers.cjs");
var import_router = require("../router/router.cjs");
var import_jsx_runtime = require("react/jsx-runtime");
const INDENT = 24;
function getNavOptions() {
  return {
    title: "sitemap",
    headerShown: false,
    presentation: "modal",
    animation: "default",
    headerLargeTitle: false,
    headerTitleStyle: {
      color: "white"
    },
    headerTintColor: "white",
    headerLargeTitleStyle: {
      color: "white"
    },
    headerStyle: {
      backgroundColor: "black"
    }
  };
}
function Sitemap() {
  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("main", {
    style: {
      minHeight: "100vh",
      boxSizing: "border-box",
      backgroundColor: "black",
      color: "white",
      padding: 12
    },
    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
      style: {
        width: "min(960px, 90vw)",
        margin: "0 auto"
      },
      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("h1", {
        style: {
          fontSize: 28,
          margin: "12px 0 20px"
        },
        children: "Sitemap"
      }), (0, import_router.getSortedRoutes)().map(route => /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
        style: {
          border: "1px solid #323232",
          borderRadius: 19,
          marginBottom: 12,
          overflow: "hidden"
        },
        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FileItem, {
          route
        })
      }, route.contextKey))]
    })
  });
}
function FileItem({
  route,
  level = 0,
  parents = [],
  isInitial = false
}) {
  const disabled = route.children.length > 0;
  const segments = React.useMemo(() => [...parents, ...route.route.split("/")], [parents, route.route]);
  const href = React.useMemo(() => "/" + segments.map(segment => {
    if ((0, import_matchers.matchDeepDynamicRouteName)(segment)) {
      return `${segment}/${Date.now()}`;
    }
    return segment === "index" ? "" : segment;
  }).filter(Boolean).join("/"), [segments]);
  const filename = React.useMemo(() => {
    const contextSegments = route.contextKey.split("/");
    if (route.contextKey.match(/_layout\.[jt]sx?$/)) {
      return contextSegments.slice(-2).join("/");
    }
    return contextSegments.slice(-route.route.split("/").length).join("/");
  }, [route]);
  const content = /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
    style: {
      display: "flex",
      alignItems: "center",
      justifyContent: "space-between",
      gap: 16,
      minHeight: 56,
      boxSizing: "border-box",
      padding: `16px ${INDENT}px 16px ${INDENT + level * INDENT}px`,
      color: "white",
      opacity: disabled ? 0.6 : 1
    },
    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)("span", {
      style: {
        fontSize: 20
      },
      children: [route.children.length ? "\u{1F5C0}" : "\u{1F4C4}", " ", filename]
    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)("span", {
      style: {
        display: "flex",
        alignItems: "center",
        gap: 8
      },
      children: [(isInitial || route.generated) && /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
        style: {
          fontSize: 13
        },
        children: isInitial ? "Initial" : "Virtual"
      }), !disabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
        "aria-hidden": "true",
        children: "\u203A"
      })]
    })]
  });
  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
    children: [!route.internal && (disabled ? content : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
      href,
      replace: true,
      accessibilityLabel: route.contextKey,
      style: {
        display: "block",
        textDecoration: "none"
      },
      children: content
    })), route.children.map(child => /* @__PURE__ */(0, import_jsx_runtime.jsx)(FileItem, {
      route: child,
      isInitial: route.initialRouteName === child.route,
      parents: segments,
      level: level + (route.generated ? 0 : 1)
    }, child.contextKey))]
  });
}