@netfoundry/docusaurus-theme 0.2.1 → 0.2.3

package/dist/theme/SearchBar/index.js

@@ -1,36 +1,91 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// src/theme/SearchBar/index.tsx
-import { useEffect, useState } from "react";
-import ReactDOM from "react-dom";
-import { DocSearchButton } from "@docsearch/react";
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import ProductSearch from "../../src/components/ProductSearch";
-import styles from "./SearchBar.module.css";
-import clsx from "clsx";
-export default function SearchBar() {
-    const [open, setOpen] = useState(false);
-    const [mounted, setMounted] = useState(false);
-    const [mouseDownTarget, setMouseDownTarget] = useState(null);
-    useEffect(() => setMounted(true), []);
-    useEffect(() => {
-        const onKey = (e) => {
-            if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
-                e.preventDefault();
-                setOpen(true);
+"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 __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 SearchBar_exports = {};
+__export(SearchBar_exports, {
+  default: () => SearchBar
+});
+module.exports = __toCommonJS(SearchBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = __toESM(require("react-dom"));
+var import_react2 = require("@docsearch/react");
+var import_useDocusaurusContext = __toESM(require("@docusaurus/useDocusaurusContext"));
+var import_ProductSearch = __toESM(require("../../src/components/ProductSearch"));
+var import_SearchBar = __toESM(require("./SearchBar.module.css"));
+var import_clsx = __toESM(require("clsx"));
+function SearchBar() {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  const [mouseDownTarget, setMouseDownTarget] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => setMounted(true), []);
+  (0, import_react.useEffect)(() => {
+    const onKey = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
+        e.preventDefault();
+        setOpen(true);
+      }
+      if (e.key === "Escape") setOpen(false);
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    document.body.style.overflow = open ? "hidden" : "";
+  }, [open]);
+  const { customFields } = (0, import_useDocusaurusContext.default)().siteConfig;
+  const DocSearchButtonComp = import_react2.DocSearchButton;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocSearchButtonComp, { onClick: () => setOpen(true) }),
+    mounted && open && import_react_dom.default.createPortal(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: import_SearchBar.default.backdrop,
+          onMouseDown: (e) => setMouseDownTarget(e.target),
+          onMouseUp: (e) => {
+            if (e.target === mouseDownTarget && e.target === e.currentTarget) {
+              setOpen(false);
             }
-            if (e.key === "Escape")
-                setOpen(false);
-        };
-        window.addEventListener("keydown", onKey);
-        return () => window.removeEventListener("keydown", onKey);
-    }, []);
-    useEffect(() => { document.body.style.overflow = open ? "hidden" : ""; }, [open]);
-    const { customFields } = useDocusaurusContext().siteConfig;
-    const DocSearchButtonComp = DocSearchButton;
-    return (_jsxs(_Fragment, { children: [_jsx(DocSearchButtonComp, { onClick: () => setOpen(true) }), mounted && open && ReactDOM.createPortal(_jsx("div", { className: styles.backdrop, onMouseDown: (e) => setMouseDownTarget(e.target), onMouseUp: (e) => {
-                    if (e.target === mouseDownTarget && e.target === e.currentTarget) {
-                        setOpen(false);
-                    }
-                }, children: _jsx("div", { className: styles.searchModal, onClick: (e) => e.stopPropagation(), children: _jsx("div", { className: clsx(styles.modal), onClick: (e) => e.stopPropagation(), children: _jsx(ProductSearch, { appId: customFields?.ALGOLIA_APPID, apiKey: customFields?.ALGOLIA_APIKEY, indexName: customFields?.ALGOLIA_INDEXNAME, extraContainerClasses: [styles.modalSearchContainer] }) }) }) }), document.body)] }));
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SearchBar.default.searchModal, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(import_SearchBar.default.modal), onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_ProductSearch.default,
+            {
+              appId: customFields?.ALGOLIA_APPID,
+              apiKey: customFields?.ALGOLIA_APIKEY,
+              indexName: customFields?.ALGOLIA_INDEXNAME,
+              extraContainerClasses: [import_SearchBar.default.modalSearchContainer]
+            }
+          ) }) })
+        }
+      ),
+      document.body
+    )
+  ] });
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/theme/SearchBar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../theme/SearchBar/index.tsx"],"names":[],"mappings":"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"}
+{
+  "version": 3,
+  "sources": ["../../../theme/SearchBar/index.tsx"],
+  "sourcesContent": ["// src/theme/SearchBar/index.tsx\r\nimport React, {useEffect, useState} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport {DocSearchButton} from \"@docsearch/react\";\r\nimport useDocusaurusContext from '@docusaurus/useDocusaurusContext';\r\n\r\nimport ProductSearch from \"../../src/components/ProductSearch\";\r\nimport styles from \"./SearchBar.module.css\";\r\nimport clsx from \"clsx\";\r\n\r\nexport default function SearchBar() {\r\n    const [open, setOpen] = useState(false);\r\n    const [mounted, setMounted] = useState(false);\r\n    const [mouseDownTarget, setMouseDownTarget] = useState<EventTarget | null>(null);\r\n\r\n    useEffect(() => setMounted(true), []);\r\n    useEffect(() => {\r\n        const onKey = (e: KeyboardEvent) => {\r\n            if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === \"k\") {\r\n                e.preventDefault();\r\n                setOpen(true);\r\n            }\r\n            if (e.key === \"Escape\") setOpen(false);\r\n        };\r\n        window.addEventListener(\"keydown\", onKey);\r\n        return () => window.removeEventListener(\"keydown\", onKey);\r\n    }, []);\r\n    useEffect(() => { document.body.style.overflow = open ? \"hidden\" : \"\"; }, [open]);\r\n\r\n    const { customFields } = useDocusaurusContext().siteConfig;\r\n\r\n    const DocSearchButtonComp = DocSearchButton as any;\r\n\r\n    return (\r\n        <>\r\n            <DocSearchButtonComp onClick={() => setOpen(true)} />\r\n            {mounted && open && ReactDOM.createPortal(\r\n                <div\r\n                    className={styles.backdrop}\r\n                    onMouseDown={(e) => setMouseDownTarget(e.target)}\r\n                    onMouseUp={(e) => {\r\n                        if (e.target === mouseDownTarget && e.target === e.currentTarget) {\r\n                            setOpen(false);\r\n                        }\r\n                    }}\r\n                >\r\n                    <div className={styles.searchModal} onClick={(e) => e.stopPropagation()}>\r\n                        <div className={clsx(styles.modal)} onClick={(e) => e.stopPropagation()}>\r\n                            <ProductSearch\r\n                                appId={customFields?.ALGOLIA_APPID as string}\r\n                                apiKey={customFields?.ALGOLIA_APIKEY as string}\r\n                                indexName={customFields?.ALGOLIA_INDEXNAME as string}\r\n                                extraContainerClasses={[styles.modalSearchContainer]}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>,\r\n                document.body\r\n            )}\r\n        </>\r\n    );\r\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCQ;AAjCR,mBAAyC;AACzC,uBAAqB;AACrB,IAAAA,gBAA8B;AAC9B,kCAAiC;AAEjC,2BAA0B;AAC1B,uBAAmB;AACnB,kBAAiB;AAEF,SAAR,YAA6B;AAChC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAA6B,IAAI;AAE/E,8BAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AACpC,8BAAU,MAAM;AACZ,UAAM,QAAQ,CAAC,MAAqB;AAChC,WAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,YAAY,MAAM,KAAK;AACzD,UAAE,eAAe;AACjB,gBAAQ,IAAI;AAAA,MAChB;AACA,UAAI,EAAE,QAAQ,SAAU,SAAQ,KAAK;AAAA,IACzC;AACA,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM,OAAO,oBAAoB,WAAW,KAAK;AAAA,EAC5D,GAAG,CAAC,CAAC;AACL,8BAAU,MAAM;AAAE,aAAS,KAAK,MAAM,WAAW,OAAO,WAAW;AAAA,EAAI,GAAG,CAAC,IAAI,CAAC;AAEhF,QAAM,EAAE,aAAa,QAAI,4BAAAC,SAAqB,EAAE;AAEhD,QAAM,sBAAsB;AAE5B,SACI,4EACI;AAAA,gDAAC,uBAAoB,SAAS,MAAM,QAAQ,IAAI,GAAG;AAAA,IAClD,WAAW,QAAQ,iBAAAC,QAAS;AAAA,MACzB;AAAA,QAAC;AAAA;AAAA,UACG,WAAW,iBAAAC,QAAO;AAAA,UAClB,aAAa,CAAC,MAAM,mBAAmB,EAAE,MAAM;AAAA,UAC/C,WAAW,CAAC,MAAM;AACd,gBAAI,EAAE,WAAW,mBAAmB,EAAE,WAAW,EAAE,eAAe;AAC9D,sBAAQ,KAAK;AAAA,YACjB;AAAA,UACJ;AAAA,UAEA,sDAAC,SAAI,WAAW,iBAAAA,QAAO,aAAa,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAClE,sDAAC,SAAI,eAAW,YAAAC,SAAK,iBAAAD,QAAO,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAClE;AAAA,YAAC,qBAAAE;AAAA,YAAA;AAAA,cACG,OAAO,cAAc;AAAA,cACrB,QAAQ,cAAc;AAAA,cACtB,WAAW,cAAc;AAAA,cACzB,uBAAuB,CAAC,iBAAAF,QAAO,oBAAoB;AAAA;AAAA,UACvD,GACJ,GACJ;AAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,IACb;AAAA,KACJ;AAER;",
+  "names": ["import_react", "useDocusaurusContext", "ReactDOM", "styles", "clsx", "ProductSearch"]
+}

package/package.json

@@ -1,41 +1,26 @@
 {
   "name": "@netfoundry/docusaurus-theme",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "NetFoundry Docusaurus theme with shared layout, footer, and styling",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
   "files": [
-    "dist",
-    "css"
+    "dist"
   ],
   "scripts": {
-    "clean": "rm -rf dist",
-    "build": "yarn clean && tsc && yarn build:css",
-    "build:css": "cp -r css dist/ && find src theme -name '*.css' -exec sh -c 'mkdir -p dist/$(dirname {}) && cp {} dist/{}' \\;",
-    "test": "jest",
-    "prepublishOnly": "yarn build && yarn test"
+    "build": "node build.mjs",
+    "test": "jest"
   },
   "publishConfig": {
     "access": "public"
   },
   "exports": {
-    ".": {
-      "types": "./dist/src/index.d.ts",
-      "default": "./dist/src/index.js"
-    },
-    "./ui": {
-      "types": "./dist/src/ui.d.ts",
-      "default": "./dist/src/ui.js"
-    },
-    "./plugins": {
-      "types": "./dist/src/plugins.d.ts",
-      "default": "./dist/src/plugins.js"
-    },
-    "./node": {
-      "types": "./dist/src/node.d.ts",
-      "default": "./dist/src/node.js"
-    },
-    "./css/*": "./css/*"
+    ".": "./dist/src/index.js",
+    "./ui": "./dist/src/ui.js",
+    "./plugins": "./dist/src/plugins.js",
+    "./node": "./dist/src/node.js",
+    "./config": "./dist/src/config.js",
+    "./css/*": "./dist/css/*"
   },
   "peerDependencies": {
     "@docusaurus/core": "^3",
@@ -62,6 +47,7 @@
     "@types/js-yaml": "^4.0.9",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "esbuild": "^0.27.2",
     "jest": "^30.0.4",
     "react": "^18",
     "react-dom": "^18",

package/css/layout.css

@@ -1,14 +0,0 @@
-html,
-body,
-#__docusaurus {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-}
-
-.main-wrapper > div {
-    /* work around issue from docusaurus doc grow/shrinking based on content */
-    width: 100%;
-    max-width: var(--ziti-max-width);
-}