straplight 1.2.0 → 1.2.1

package/dist/_chunks/StraplightOverlay-dGd1yRZj.js

@@ -1,506 +0,0 @@
-"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/index-B2B6CFFk.mjs

@@ -1,82 +0,0 @@
-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

@@ -1,103 +0,0 @@
-"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;