straplight 1.1.0

package/dist/_chunks/StraplightOverlay-dGd1yRZj.js

@@ -0,0 +1,506 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-CuzgWWKQ.js");
+const DEFAULTS = {
+  debounceMs: 200,
+  minQueryLength: 1
+};
+function useStraplightSettings() {
+  const [settings, setSettings] = react.useState(DEFAULTS);
+  react.useEffect(() => {
+    const { get } = admin.getFetchClient();
+    get(`/${index.PLUGIN_ID}/settings`).then(({ data }) => {
+      setSettings({
+        debounceMs: data.settings?.debounceMs ?? DEFAULTS.debounceMs,
+        minQueryLength: data.settings?.minQueryLength ?? DEFAULTS.minQueryLength
+      });
+    }).catch(() => {
+    });
+  }, []);
+  return settings;
+}
+function useStraplight() {
+  const settings = useStraplightSettings();
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [query, setQuery] = react.useState("");
+  const [results, setResults] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [selectedIndex, setSelectedIndex] = react.useState(0);
+  const debounceRef = react.useRef(null);
+  const requestIdRef = react.useRef(0);
+  react.useEffect(() => {
+    const handler = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+        e.preventDefault();
+        setIsOpen((prev) => !prev);
+      }
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, []);
+  const close = react.useCallback(() => {
+    setIsOpen(false);
+    setQuery("");
+    setResults([]);
+    setSelectedIndex(0);
+    setLoading(false);
+    requestIdRef.current++;
+  }, []);
+  react.useEffect(() => {
+    if (!isOpen) return;
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+    }
+    const trimmed = query.trim();
+    if (trimmed.length < settings.minQueryLength) {
+      setResults([]);
+      setSelectedIndex(0);
+      setLoading(false);
+      return;
+    }
+    debounceRef.current = setTimeout(async () => {
+      const id = ++requestIdRef.current;
+      setLoading(true);
+      try {
+        const { get } = admin.getFetchClient();
+        const { data } = await get(`/${index.PLUGIN_ID}/search`, {
+          params: { q: trimmed }
+        });
+        if (id !== requestIdRef.current) return;
+        setResults(data.results || []);
+        setSelectedIndex(0);
+      } catch {
+        if (id !== requestIdRef.current) return;
+        setResults([]);
+      } finally {
+        if (id === requestIdRef.current) {
+          setLoading(false);
+        }
+      }
+    }, settings.debounceMs);
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, [query, isOpen, settings.debounceMs, settings.minQueryLength]);
+  const navigateToResult = react.useCallback(
+    (result) => {
+      const path = `/content-manager/collection-types/${result.uid}/${result.documentId}`;
+      const nav = window.__straplight?.navigate;
+      if (nav) {
+        nav(path);
+      } else {
+        window.location.href = `/admin${path}`;
+      }
+      close();
+    },
+    [close]
+  );
+  const onKeyDown = react.useCallback(
+    (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        close();
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setSelectedIndex((i) => i < results.length - 1 ? i + 1 : 0);
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setSelectedIndex((i) => i > 0 ? i - 1 : results.length - 1);
+      } else if (e.key === "Enter" && results.length > 0) {
+        e.preventDefault();
+        navigateToResult(results[selectedIndex]);
+      }
+    },
+    [results, selectedIndex, navigateToResult, close]
+  );
+  return {
+    isOpen,
+    query,
+    setQuery,
+    results,
+    loading,
+    selectedIndex,
+    close,
+    onKeyDown,
+    navigateToResult
+  };
+}
+const OVERLAY_STYLES = `
+@keyframes straplight-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes straplight-slide-in {
+  from { opacity: 0; transform: translateX(-50%) translateY(16px); }
+  to { opacity: 1; transform: translateX(-50%); }
+}
+@keyframes straplight-spin {
+  to { transform: rotate(360deg); }
+}
+`;
+function resolveIsDark() {
+  const stored = localStorage.getItem("STRAPI_THEME") || "system";
+  if (stored === "dark") return true;
+  if (stored === "light") return false;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function useIsDarkMode() {
+  return resolveIsDark();
+}
+const themes = {
+  light: {
+    bg: "#ffffff",
+    bgHover: "#f6f6f9",
+    bgSelected: "#f0f0ff",
+    text: "#32324d",
+    textMuted: "#8e8ea9",
+    border: "#eaeaef",
+    inputText: "#32324d",
+    badge: "#f6f6f9",
+    kbd: "#f6f6f9",
+    kbdBorder: "#dcdce4",
+    kbdText: "#666687",
+    backdrop: "rgba(0, 0, 0, 0.4)",
+    shadow: "0 16px 70px rgba(0, 0, 0, 0.2)",
+    spinnerTrack: "#eaeaef",
+    spinnerAccent: "#4945ff"
+  },
+  dark: {
+    bg: "#212134",
+    bgHover: "#2a2a3e",
+    bgSelected: "#2e2e48",
+    text: "#eaeaef",
+    textMuted: "#a5a5ba",
+    border: "#3d3d57",
+    inputText: "#eaeaef",
+    badge: "#2e2e48",
+    kbd: "#2e2e48",
+    kbdBorder: "#3d3d57",
+    kbdText: "#a5a5ba",
+    backdrop: "rgba(0, 0, 0, 0.6)",
+    shadow: "0 16px 70px rgba(0, 0, 0, 0.5)",
+    spinnerTrack: "#3d3d57",
+    spinnerAccent: "#7b79ff"
+  }
+};
+function StraplightOverlay() {
+  const {
+    isOpen,
+    query,
+    setQuery,
+    results,
+    loading,
+    selectedIndex,
+    close,
+    onKeyDown,
+    navigateToResult
+  } = useStraplight();
+  const dark = useIsDarkMode();
+  const t = dark ? themes.dark : themes.light;
+  const inputRef = react.useRef(null);
+  const listRef = react.useRef(null);
+  react.useEffect(() => {
+    if (isOpen && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [isOpen]);
+  react.useEffect(() => {
+    if (!listRef.current) return;
+    const selected = listRef.current.children[selectedIndex];
+    if (selected) {
+      selected.scrollIntoView({ block: "nearest" });
+    }
+  }, [selectedIndex]);
+  if (!isOpen) return null;
+  const isMac = typeof navigator !== "undefined" && /mac/i.test(navigator.platform || navigator.userAgent);
+  const modKey = isMac ? "⌘" : "Ctrl";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: OVERLAY_STYLES }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        onClick: close,
+        style: {
+          position: "fixed",
+          inset: 0,
+          backgroundColor: t.backdrop,
+          backdropFilter: "blur(4px)",
+          zIndex: 99999,
+          animation: "straplight-fade-in 0.15s ease-out"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        onKeyDown,
+        style: {
+          position: "fixed",
+          top: "calc(50% - 50px)",
+          left: "50%",
+          width: "580px",
+          maxWidth: "calc(100vw - 32px)",
+          maxHeight: "440px",
+          backgroundColor: t.bg,
+          borderRadius: "12px",
+          boxShadow: t.shadow,
+          zIndex: 1e5,
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden",
+          animation: "straplight-slide-in 0.2s ease-out 0.05s both"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                padding: "14px 16px",
+                borderBottom: `1px solid ${t.border}`,
+                gap: "10px"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: t.textMuted,
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    ref: inputRef,
+                    type: "text",
+                    value: query,
+                    onChange: (e) => setQuery(e.target.value),
+                    placeholder: "Search content...",
+                    style: {
+                      flex: 1,
+                      border: "none",
+                      outline: "none",
+                      fontSize: "16px",
+                      fontFamily: "inherit",
+                      color: t.inputText,
+                      backgroundColor: "transparent"
+                    }
+                  }
+                ),
+                loading && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      width: "18px",
+                      height: "18px",
+                      border: `2px solid ${t.spinnerTrack}`,
+                      borderTopColor: t.spinnerAccent,
+                      borderRadius: "50%",
+                      animation: "straplight-spin 0.6s linear infinite"
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: listRef,
+              style: {
+                flex: 1,
+                overflowY: "auto",
+                padding: results.length > 0 ? "8px" : "0"
+              },
+              children: [
+                query.trim() && !loading && results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      padding: "32px 16px",
+                      textAlign: "center",
+                      color: t.textMuted,
+                      fontSize: "14px"
+                    },
+                    children: "No results found"
+                  }
+                ),
+                results.map((result, index2) => /* @__PURE__ */ jsxRuntime.jsx(
+                  ResultItem,
+                  {
+                    result,
+                    isSelected: index2 === selectedIndex,
+                    onClick: () => navigateToResult(result),
+                    t
+                  },
+                  `${result.uid}-${result.documentId}`
+                ))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "16px",
+                padding: "10px 16px",
+                borderTop: `1px solid ${t.border}`,
+                fontSize: "12px",
+                color: t.textMuted
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Kbd, { t, children: "↑↓" }),
+                  " navigate"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Kbd, { t, children: "⏎" }),
+                  " open"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Kbd, { t, children: "esc" }),
+                  " close"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { marginLeft: "auto" }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Kbd, { t, children: [
+                    modKey,
+                    "+K"
+                  ] }),
+                  " toggle"
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ResultItem({
+  result,
+  isSelected,
+  onClick,
+  t
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      onClick,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: "10px 12px",
+        borderRadius: "8px",
+        cursor: "pointer",
+        backgroundColor: isSelected ? t.bgSelected : "transparent",
+        transition: "background-color 0.1s"
+      },
+      onMouseEnter: (e) => {
+        if (!isSelected)
+          e.currentTarget.style.backgroundColor = t.bgHover;
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.backgroundColor = isSelected ? t.bgSelected : "transparent";
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflow: "hidden",
+              marginRight: "12px",
+              display: "flex",
+              alignItems: "baseline",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  style: {
+                    fontSize: "14px",
+                    color: t.text,
+                    fontWeight: isSelected ? 600 : 400,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    flexShrink: 1,
+                    minWidth: 0
+                  },
+                  children: result.label
+                }
+              ),
+              result.fields && result.fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  style: {
+                    fontSize: "12px",
+                    color: t.textMuted,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    flexShrink: 2,
+                    minWidth: 0
+                  },
+                  children: result.fields.map((f) => f.value).join(" · ")
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            style: {
+              fontSize: "11px",
+              color: t.textMuted,
+              backgroundColor: t.badge,
+              padding: "2px 8px",
+              borderRadius: "4px",
+              whiteSpace: "nowrap",
+              flexShrink: 0
+            },
+            children: result.contentType
+          }
+        )
+      ]
+    }
+  );
+}
+function Kbd({ children, t }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "kbd",
+    {
+      style: {
+        display: "inline-block",
+        padding: "1px 5px",
+        fontSize: "11px",
+        fontFamily: "inherit",
+        color: t.kbdText,
+        backgroundColor: t.kbd,
+        border: `1px solid ${t.kbdBorder}`,
+        borderRadius: "4px"
+      },
+      children
+    }
+  );
+}
+exports.StraplightOverlay = StraplightOverlay;

package/dist/_chunks/en-B4KWt_jN.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {};
+exports.default = en;

package/dist/_chunks/en-Byx4XI2L.mjs

@@ -0,0 +1,4 @@
+const en = {};
+export {
+  en as default
+};

package/dist/_chunks/index-B2B6CFFk.mjs

@@ -0,0 +1,82 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const PLUGIN_ID = "straplight";
+function NavigateCapture() {
+  const navigate = useNavigate();
+  useEffect(() => {
+    window.__straplight = window.__straplight || {};
+    window.__straplight.navigate = navigate;
+  }, [navigate]);
+  return null;
+}
+const index = {
+  register(app) {
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      name: PLUGIN_ID
+    });
+  },
+  bootstrap(app) {
+    app.addSettingsLink("global", {
+      id: `${PLUGIN_ID}-settings`,
+      to: PLUGIN_ID,
+      intlLabel: {
+        id: `${PLUGIN_ID}.settings.link`,
+        defaultMessage: "Straplight"
+      },
+      permissions: [],
+      async Component() {
+        const { SettingsPage } = await import("./Settings-CncfOILf.mjs");
+        return { default: SettingsPage };
+      }
+    });
+    const contentManager = app.getPlugin("content-manager");
+    contentManager.injectComponent("listView", "actions", {
+      name: "straplight-nav-capture",
+      Component: NavigateCapture
+    });
+    import("react-dom/client").then(({ createRoot }) => {
+      import("./StraplightOverlay-DLEpUqQM.mjs").then(({ StraplightOverlay }) => {
+        import("react/jsx-runtime").then(({ jsx }) => {
+          const el = document.createElement("div");
+          el.id = "straplight-portal";
+          document.body.appendChild(el);
+          const root = createRoot(el);
+          root.render(jsx(StraplightOverlay, {}));
+        });
+      });
+    });
+  },
+  async registerTrads({ locales }) {
+    return Promise.all(
+      locales.map(async (locale) => {
+        try {
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-Byx4XI2L.mjs") }), `./translations/${locale}.json`, 3);
+          return { data, locale };
+        } catch {
+          return { data: {}, locale };
+        }
+      })
+    );
+  }
+};
+export {
+  PLUGIN_ID as P,
+  index as i
+};

package/dist/_chunks/index-CuzgWWKQ.js

@@ -0,0 +1,103 @@
+"use strict";
+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 __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
+));
+const react = require("react");
+const reactRouterDom = require("react-router-dom");
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const PLUGIN_ID = "straplight";
+function NavigateCapture() {
+  const navigate = reactRouterDom.useNavigate();
+  react.useEffect(() => {
+    window.__straplight = window.__straplight || {};
+    window.__straplight.navigate = navigate;
+  }, [navigate]);
+  return null;
+}
+const index = {
+  register(app) {
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      name: PLUGIN_ID
+    });
+  },
+  bootstrap(app) {
+    app.addSettingsLink("global", {
+      id: `${PLUGIN_ID}-settings`,
+      to: PLUGIN_ID,
+      intlLabel: {
+        id: `${PLUGIN_ID}.settings.link`,
+        defaultMessage: "Straplight"
+      },
+      permissions: [],
+      async Component() {
+        const { SettingsPage } = await Promise.resolve().then(() => require("./Settings-BLDXIWWB.js"));
+        return { default: SettingsPage };
+      }
+    });
+    const contentManager = app.getPlugin("content-manager");
+    contentManager.injectComponent("listView", "actions", {
+      name: "straplight-nav-capture",
+      Component: NavigateCapture
+    });
+    import("react-dom/client").then(({ createRoot }) => {
+      Promise.resolve().then(() => require("./StraplightOverlay-dGd1yRZj.js")).then(({ StraplightOverlay }) => {
+        import("react/jsx-runtime").then(({ jsx }) => {
+          const el = document.createElement("div");
+          el.id = "straplight-portal";
+          document.body.appendChild(el);
+          const root = createRoot(el);
+          root.render(jsx(StraplightOverlay, {}));
+        });
+      });
+    });
+  },
+  async registerTrads({ locales }) {
+    return Promise.all(
+      locales.map(async (locale) => {
+        try {
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-B4KWt_jN.js")) }), `./translations/${locale}.json`, 3);
+          return { data, locale };
+        } catch {
+          return { data: {}, locale };
+        }
+      })
+    );
+  }
+};
+exports.PLUGIN_ID = PLUGIN_ID;
+exports.index = index;

package/dist/admin/index.js

@@ -0,0 +1,3 @@
+"use strict";
+const index = require("../_chunks/index-CuzgWWKQ.js");
+module.exports = index.index;