teraprox-core-sdk 0.2.0 → 0.3.2

package/dist/dev.js

@@ -0,0 +1,470 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dev.ts
+var dev_exports = {};
+__export(dev_exports, {
+  DevShell: () => DevShell,
+  extractDevRoutes: () => extractDevRoutes
+});
+module.exports = __toCommonJS(dev_exports);
+
+// src/dev/DevShell.tsx
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_jsx_runtime = require("react/jsx-runtime");
+var MenuIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+] });
+var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] });
+var SearchIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+] });
+var ChevronIcon = ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: { transform: open ? "rotate(90deg)" : "rotate(0)", transition: "transform 0.2s ease" },
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+  }
+);
+function DevShell({ appName, routes, children }) {
+  const hostedByCore = typeof window !== "undefined" && window.__TERAPROX_HOSTED_BY_CORE__ === true;
+  if (hostedByCore) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DevPanel, { appName, routes })
+  ] });
+}
+function DevPanel({ appName, routes }) {
+  const [show, setShow] = (0, import_react.useState)(false);
+  const [search, setSearch] = (0, import_react.useState)("");
+  const [openGroups, setOpenGroups] = (0, import_react.useState)(/* @__PURE__ */ new Set());
+  const searchRef = (0, import_react.useRef)(null);
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const location = (0, import_react_router_dom.useLocation)();
+  const grouped = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    const term = search.toLowerCase();
+    const filtered = term ? routes.filter(
+      (r) => r.label.toLowerCase().includes(term) || r.path.toLowerCase().includes(term)
+    ) : routes;
+    for (const route of filtered) {
+      const cat = route.category || "Geral";
+      if (!map.has(cat)) map.set(cat, []);
+      map.get(cat).push(route);
+    }
+    return map;
+  }, [routes, search]);
+  (0, import_react.useEffect)(() => {
+    setOpenGroups(new Set(grouped.keys()));
+  }, [grouped]);
+  (0, import_react.useEffect)(() => {
+    if (show) {
+      const t = setTimeout(() => {
+        var _a;
+        return (_a = searchRef.current) == null ? void 0 : _a.focus();
+      }, 150);
+      return () => clearTimeout(t);
+    }
+  }, [show]);
+  (0, import_react.useEffect)(() => {
+    const handler = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.shiftKey && (e.key === "D" || e.key === "d")) {
+        e.preventDefault();
+        setShow((s) => !s);
+      }
+      if (e.key === "Escape" && show) {
+        setShow(false);
+      }
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [show]);
+  const handleNavigate = (0, import_react.useCallback)((path) => {
+    navigate(path);
+    setShow(false);
+  }, [navigate]);
+  const toggleGroup = (0, import_react.useCallback)((category) => {
+    setOpenGroups((prev) => {
+      const next = new Set(prev);
+      if (next.has(category)) next.delete(category);
+      else next.add(category);
+      return next;
+    });
+  }, []);
+  const totalRoutes = routes.length;
+  const currentPath = location.pathname;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: S.devBar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: S.devBarLeft, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: S.devBadge, children: "DEV" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: S.devAppName, children: appName })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: S.devBarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: S.devCurrentPath, children: currentPath }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          style: S.devBarButton,
+          onClick: () => setShow(true),
+          title: "Abrir cat\xE1logo de rotas (Ctrl+Shift+D)",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { marginLeft: 6 }, children: [
+              totalRoutes,
+              " rotas"
+            ] })
+          ]
+        }
+      )
+    ] }),
+    show && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: S.backdrop, onClick: () => setShow(false) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+      ...S.sidebar,
+      transform: show ? "translateX(0)" : "translateX(-100%)"
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: S.sidebarHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: S.sidebarTitle, children: appName }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: S.sidebarSubtitle, children: [
+            totalRoutes,
+            " rotas dispon\xEDveis \xB7 Ctrl+Shift+D"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { style: S.closeButton, onClick: () => setShow(false), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseIcon, {}) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: S.searchContainer, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: S.searchInputWrapper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: S.searchIconWrap, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            ref: searchRef,
+            type: "text",
+            placeholder: "Buscar rota...",
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            style: S.searchInput
+          }
+        ),
+        search && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { style: S.searchClear, onClick: () => setSearch(""), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseIcon, {}) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: S.routeList, children: [
+        Array.from(grouped.entries()).map(([category, categoryRoutes]) => {
+          const isOpen = openGroups.has(category);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { style: S.categoryHeader, onClick: () => toggleGroup(category), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronIcon, { open: isOpen }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: S.categoryTitle, children: category }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: S.categoryCount, children: categoryRoutes.length })
+            ] }),
+            isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: categoryRoutes.map((route) => {
+              const isActive = currentPath === route.path;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "button",
+                {
+                  style: {
+                    ...S.routeItem,
+                    ...isActive ? S.routeItemActive : {}
+                  },
+                  onClick: () => handleNavigate(route.path),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: isActive ? S.routeLabelActive : S.routeLabel, children: route.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: isActive ? S.routePathActive : S.routePath, children: route.path })
+                  ]
+                },
+                route.path
+              );
+            }) })
+          ] }, category);
+        }),
+        grouped.size === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: S.emptyState, children: [
+          "Nenhuma rota encontrada para \u201C",
+          search,
+          "\u201D"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var S = {
+  /* Dev Bar (fixed bottom) */
+  devBar: {
+    position: "fixed",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: 36,
+    background: "#1a1a2e",
+    color: "#e0e0e0",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "0 12px",
+    zIndex: 9998,
+    borderTop: "2px solid #0d6efd",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace',
+    fontSize: "0.8rem"
+  },
+  devBarLeft: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8
+  },
+  devBadge: {
+    background: "#0d6efd",
+    color: "#fff",
+    padding: "2px 6px",
+    borderRadius: 3,
+    fontSize: "0.65rem",
+    fontWeight: 700,
+    letterSpacing: 1
+  },
+  devAppName: { fontWeight: 600 },
+  devBarCenter: { flex: 1, textAlign: "center" },
+  devCurrentPath: { color: "#82aaff", fontSize: "0.8rem" },
+  devBarButton: {
+    background: "transparent",
+    border: "1px solid #444",
+    borderRadius: 4,
+    color: "#e0e0e0",
+    padding: "3px 10px",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    fontSize: "0.75rem"
+  },
+  /* Backdrop */
+  backdrop: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    background: "rgba(0, 0, 0, 0.4)",
+    zIndex: 9999
+  },
+  /* Sidebar */
+  sidebar: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    bottom: 0,
+    width: 380,
+    maxWidth: "90vw",
+    background: "#fff",
+    zIndex: 1e4,
+    transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    display: "flex",
+    flexDirection: "column",
+    boxShadow: "4px 0 16px rgba(0, 0, 0, 0.15)"
+  },
+  sidebarHeader: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    padding: "16px 16px 12px",
+    borderBottom: "1px solid #e9ecef",
+    background: "#f8f9fa"
+  },
+  sidebarTitle: {
+    fontSize: "1.1rem",
+    fontWeight: 700,
+    color: "#1a1a2e"
+  },
+  sidebarSubtitle: {
+    fontSize: "0.75rem",
+    color: "#6c757d",
+    marginTop: 2
+  },
+  closeButton: {
+    background: "transparent",
+    border: "none",
+    cursor: "pointer",
+    padding: 4,
+    color: "#6c757d",
+    display: "flex",
+    alignItems: "center"
+  },
+  /* Search */
+  searchContainer: {
+    padding: "12px 16px",
+    borderBottom: "1px solid #e9ecef"
+  },
+  searchInputWrapper: {
+    position: "relative",
+    display: "flex",
+    alignItems: "center"
+  },
+  searchIconWrap: {
+    position: "absolute",
+    left: 10,
+    color: "#adb5bd",
+    display: "flex",
+    alignItems: "center",
+    pointerEvents: "none"
+  },
+  searchInput: {
+    width: "100%",
+    padding: "6px 30px 6px 32px",
+    border: "1px solid #dee2e6",
+    borderRadius: 6,
+    fontSize: "0.85rem",
+    outline: "none"
+  },
+  searchClear: {
+    position: "absolute",
+    right: 6,
+    background: "transparent",
+    border: "none",
+    cursor: "pointer",
+    padding: 2,
+    color: "#adb5bd",
+    display: "flex",
+    alignItems: "center"
+  },
+  /* Route List */
+  routeList: {
+    flex: 1,
+    overflowY: "auto",
+    paddingBottom: 40
+  },
+  /* Category Header */
+  categoryHeader: {
+    width: "100%",
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    padding: "10px 16px",
+    background: "#f8f9fa",
+    border: "none",
+    borderBottom: "1px solid #e9ecef",
+    cursor: "pointer",
+    fontSize: "0.8rem",
+    fontWeight: 600,
+    color: "#495057",
+    textAlign: "left"
+  },
+  categoryTitle: {
+    flex: 1,
+    textTransform: "uppercase",
+    letterSpacing: 0.5
+  },
+  categoryCount: {
+    background: "#e9ecef",
+    color: "#495057",
+    padding: "1px 8px",
+    borderRadius: 10,
+    fontSize: "0.7rem",
+    fontWeight: 600
+  },
+  /* Route Item */
+  routeItem: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "8px 16px 8px 28px",
+    border: "none",
+    borderBottom: "1px solid #f1f3f5",
+    background: "#fff",
+    cursor: "pointer",
+    textAlign: "left"
+  },
+  routeItemActive: {
+    background: "#e7f1ff",
+    borderLeft: "3px solid #0d6efd",
+    paddingLeft: 25
+  },
+  routeLabel: {
+    fontSize: "0.85rem",
+    color: "#212529"
+  },
+  routeLabelActive: {
+    fontSize: "0.85rem",
+    color: "#0d6efd",
+    fontWeight: 600
+  },
+  routePath: {
+    fontSize: "0.65rem",
+    color: "#adb5bd",
+    fontFamily: "monospace",
+    marginLeft: 8,
+    flexShrink: 0
+  },
+  routePathActive: {
+    fontSize: "0.65rem",
+    color: "#0d6efd",
+    fontFamily: "monospace",
+    marginLeft: 8,
+    flexShrink: 0,
+    opacity: 0.7
+  },
+  /* Empty State */
+  emptyState: {
+    padding: "24px 16px",
+    textAlign: "center",
+    color: "#adb5bd",
+    fontSize: "0.85rem"
+  }
+};
+
+// src/dev/extractDevRoutes.ts
+var SYSTEM_PATHS = /* @__PURE__ */ new Set(["/", "/Login", "/login", "/errorScreen", "/acessoNaoPermitido"]);
+function extractDevRoutes(routesConfig) {
+  const seen = /* @__PURE__ */ new Set();
+  return routesConfig.flatMap((serviceConfig) => {
+    const category = capitalize(serviceConfig.service || "Geral");
+    return (serviceConfig.routes || []).filter((route) => {
+      var _a;
+      const path = (_a = route == null ? void 0 : route.configuration) == null ? void 0 : _a.path;
+      if (!path || SYSTEM_PATHS.has(path) || seen.has(path)) return false;
+      seen.add(path);
+      return true;
+    }).map((route) => ({
+      label: pathToLabel(route.configuration.path),
+      path: route.configuration.path,
+      category
+    }));
+  });
+}
+function pathToLabel(path) {
+  const name = path.replace(/^\//, "").split("/").pop() || path;
+  return name.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim();
+}
+function capitalize(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DevShell,
+  extractDevRoutes
+});