boltdocs 1.3.2 → 1.4.0

package/dist/CodeBlock-QYIKJMEB.mjs

@@ -0,0 +1,7 @@
+import {
+  CodeBlock
+} from "./chunk-KS5B3O6W.mjs";
+import "./chunk-FMTOYQLO.mjs";
+export {
+  CodeBlock
+};

package/dist/PackageManagerTabs-XW3AVXVX.mjs

@@ -0,0 +1,99 @@
+import {
+  Bun,
+  Deno,
+  NPM,
+  Pnpm
+} from "./chunk-S5G55FBI.mjs";
+import {
+  copyToClipboard
+} from "./chunk-FMTOYQLO.mjs";
+
+// src/client/theme/components/PackageManagerTabs/PackageManagerTabs.tsx
+import { useState, useCallback } from "react";
+import { Copy, Check } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MANAGERS = [
+  { id: "npm", label: "npm", icon: NPM },
+  { id: "pnpm", label: "pnpm", icon: Pnpm },
+  { id: "bun", label: "bun", icon: Bun },
+  { id: "deno", label: "deno", icon: Deno }
+];
+function getCommandForManager(manager, command, pkg) {
+  const isInstall = command === "install" || command === "add" || command === "i";
+  const isCreate = command === "create" || command === "init";
+  const isRun = command === "run" || command === "exec";
+  if (isInstall) {
+    const pkgArgs2 = pkg ? ` ${pkg}` : "";
+    if (manager === "npm") return `npm install${pkgArgs2}`;
+    if (manager === "pnpm") return pkg ? `pnpm add${pkgArgs2}` : `pnpm install`;
+    if (manager === "bun") return pkg ? `bun add${pkgArgs2}` : `bun install`;
+    if (manager === "deno")
+      return pkg ? `deno install npm:${pkg}` : `deno install`;
+  }
+  if (isCreate) {
+    const pkgArgs2 = pkg ? ` ${pkg}` : "";
+    if (manager === "npm") return `npm create${pkgArgs2}`;
+    if (manager === "pnpm") return `pnpm create${pkgArgs2}`;
+    if (manager === "bun") return `bun create${pkgArgs2}`;
+    if (manager === "deno") return `deno run -A npm:create-${pkg}`;
+  }
+  if (isRun) {
+    const pkgArgs2 = pkg ? ` ${pkg}` : "";
+    if (manager === "npm") return `npm run${pkgArgs2}`;
+    if (manager === "pnpm") return `pnpm run${pkgArgs2}`;
+    if (manager === "bun") return `bun run${pkgArgs2}`;
+    if (manager === "deno") return `deno task ${pkg}`;
+  }
+  const pkgArgs = pkg ? ` ${pkg}` : "";
+  return `${manager} ${command}${pkgArgs}`;
+}
+function PackageManagerTabs({
+  command,
+  pkg = "",
+  className = ""
+}) {
+  const [activeTab, setActiveTab] = useState("npm");
+  const [copied, setCopied] = useState(false);
+  const activeCommand = getCommandForManager(activeTab, command, pkg);
+  const handleCopy = useCallback(async () => {
+    copyToClipboard(activeCommand);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [activeCommand]);
+  return /* @__PURE__ */ jsxs("div", { className: `pkg-tabs-wrapper ${className}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "pkg-tabs-header", children: MANAGERS.map((mgr) => {
+      const Icon = mgr.icon;
+      const isActive = activeTab === mgr.id;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: `pkg-tab-btn ${isActive ? "active" : ""}`,
+          onClick: () => setActiveTab(mgr.id),
+          "aria-selected": isActive,
+          role: "tab",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "pkg-tab-icon", width: "16", height: "16" }),
+            /* @__PURE__ */ jsx("span", { children: mgr.label })
+          ]
+        },
+        mgr.id
+      );
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "code-block-wrapper pkg-tabs-content", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `code-block-copy ${copied ? "copied" : ""}`,
+          onClick: handleCopy,
+          type: "button",
+          "aria-label": "Copy code",
+          children: copied ? /* @__PURE__ */ jsx(Check, { size: 14 }) : /* @__PURE__ */ jsx(Copy, { size: 14 })
+        }
+      ),
+      /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: /* @__PURE__ */ jsx("span", { className: "line", children: activeCommand }) }) })
+    ] })
+  ] });
+}
+export {
+  PackageManagerTabs
+};

package/dist/{SearchDialog-5EDRACEG.mjs → SearchDialog-FBNGKRPK.mjs}

@@ -1,6 +1,7 @@
 import {
   Link
-} from "./chunk-NS7WHDYA.mjs";
+} from "./chunk-D7YBQG6H.mjs";
+import "./chunk-FMTOYQLO.mjs";
 
 // src/client/theme/ui/SearchDialog/SearchDialog.tsx
 import React, { useState, useEffect, useRef } from "react";

package/dist/{SearchDialog-X57WPTNN.css → SearchDialog-O3V36MXA.css}

@@ -1061,49 +1061,47 @@ a {
   overflow: hidden;
   border: 1px solid var(--ld-border-subtle);
   background-color: var(--ld-code-bg);
-}
-.code-block-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 1.25rem;
-  background-color: var(--ld-code-header);
-  border-bottom: 1px solid var(--ld-border-subtle);
-  font-size: 0.75rem;
-}
-.code-block-lang {
-  color: var(--ld-text-dim);
-  font-family: var(--ld-font-mono);
-  font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
+  position: relative;
 }
 .code-block-copy {
   display: flex;
   align-items: center;
-  gap: 0.35rem;
-  padding: 0.2rem 0.55rem;
-  background: none;
+  justify-content: center;
+  position: absolute;
+  top: 0.75rem;
+  right: 0.75rem;
+  z-index: 50;
+  padding: 0.4rem;
+  background-color: rgba(20, 20, 30, 0.8);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
   border: 1px solid var(--ld-border-subtle);
-  border-radius: 5px;
+  border-radius: 6px;
   color: var(--ld-text-dim);
-  font-family: var(--ld-font-sans);
-  font-size: 0.6875rem;
   cursor: pointer;
-  transition: all 0.2s;
+  transition: all 0.2s ease;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.code-block-wrapper:hover .code-block-copy {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
 }
 .code-block-copy:hover {
   color: var(--ld-text-main);
   border-color: var(--ld-border-strong);
-  background-color: rgba(255, 255, 255, 0.04);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .code-block-copy.copied {
   color: #22c55e;
-  border-color: rgba(34, 197, 94, 0.3);
+  border-color: rgba(34, 197, 94, 0.4);
+  opacity: 1;
 }
 .code-block-copy svg {
-  width: 18px;
-  height: 18px;
+  width: 16px;
+  height: 16px;
 }
 .code-block-wrapper pre {
   margin: 0 !important;
@@ -1446,6 +1444,9 @@ a {
 }
 .ld-tabs__trigger {
   position: relative;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
   padding: 0.65rem 1.25rem;
   background: none;
   border: none;
@@ -1458,6 +1459,10 @@ a {
   transition: all 0.2s ease;
   white-space: nowrap;
 }
+.ld-tabs__trigger svg {
+  width: 1rem;
+  height: 1rem;
+}
 .ld-tabs__trigger:hover {
   color: var(--ld-text-main);
   background-color: rgba(255, 255, 255, 0.03);

package/dist/{chunk-NS7WHDYA.mjs → chunk-D7YBQG6H.mjs}

@@ -1,3 +1,7 @@
+import {
+  getStarsRepo
+} from "./chunk-FMTOYQLO.mjs";
+
 // src/client/theme/ui/Navbar/Navbar.tsx
 import React9 from "react";
 
@@ -79,23 +83,6 @@ var GitHub = (props) => /* @__PURE__ */ jsx2("svg", { ...props, viewBox: "0 0 10
   }
 ) });
 
-// src/client/utils.ts
-async function getStarsRepo(repo) {
-  const response = await fetch(`https://api.github.com/repos/${repo}`);
-  const data = await response.json();
-  if (data.stargazers_count !== void 0) {
-    return formatStars(data.stargazers_count);
-  } else {
-    return "0";
-  }
-}
-var formatStars = (count) => {
-  return Intl.NumberFormat("en", {
-    notation: "compact",
-    compactDisplay: "short"
-  }).format(count);
-};
-
 // src/client/theme/ui/Navbar/GithubStars.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 function GithubStars({ repo }) {
@@ -699,7 +686,7 @@ function useConfig() {
   return useContext2(ConfigContext);
 }
 var CodeBlock = lazy(
-  () => import("./CodeBlock-V3Z5EKGR.mjs").then((m) => ({
+  () => import("./CodeBlock-QYIKJMEB.mjs").then((m) => ({
     default: m.CodeBlock
   }))
 );
@@ -707,7 +694,7 @@ var Video = lazy(
   () => import("./Video-KNTY5BNO.mjs").then((m) => ({ default: m.Video }))
 );
 var PackageManagerTabs = lazy(
-  () => import("./PackageManagerTabs-XEKI3L7P.mjs").then((m) => ({
+  () => import("./PackageManagerTabs-XW3AVXVX.mjs").then((m) => ({
     default: m.PackageManagerTabs
   }))
 );
@@ -1346,7 +1333,7 @@ var XformerlyTwitter = (props) => /* @__PURE__ */ jsx18("svg", { ...props, fill:
 // src/client/theme/ui/Navbar/Navbar.tsx
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var SearchDialog = React9.lazy(
-  () => import("./SearchDialog-5EDRACEG.mjs").then((m) => ({ default: m.SearchDialog }))
+  () => import("./SearchDialog-FBNGKRPK.mjs").then((m) => ({ default: m.SearchDialog }))
 );
 var ICON_MAP = {
   discord: Discord,

package/dist/chunk-FMTOYQLO.mjs

@@ -0,0 +1,37 @@
+// src/client/utils.ts
+async function getStarsRepo(repo) {
+  const response = await fetch(`https://api.github.com/repos/${repo}`);
+  const data = await response.json();
+  if (data.stargazers_count !== void 0) {
+    return formatStars(data.stargazers_count);
+  } else {
+    return "0";
+  }
+}
+var formatStars = (count) => {
+  return Intl.NumberFormat("en", {
+    notation: "compact",
+    compactDisplay: "short"
+  }).format(count);
+};
+var copyToClipboard = async (text) => {
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.position = "fixed";
+    textarea.style.opacity = "0";
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand("copy");
+    document.body.removeChild(textarea);
+    return true;
+  }
+};
+
+export {
+  getStarsRepo,
+  copyToClipboard
+};

package/dist/chunk-KS5B3O6W.mjs

@@ -0,0 +1,43 @@
+import {
+  copyToClipboard
+} from "./chunk-FMTOYQLO.mjs";
+
+// src/client/theme/components/CodeBlock/CodeBlock.tsx
+import React, { useState, useRef, useCallback } from "react";
+import { Copy, Check } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CodeBlock({ children, ...props }) {
+  const [copied, setCopied] = useState(false);
+  const preRef = useRef(null);
+  let language = "";
+  if (React.isValidElement(children)) {
+    const childProps = children.props;
+    language = childProps?.["data-language"] || "";
+    if (!language && childProps?.className) {
+      const match = childProps.className.match(/language-(\w+)/);
+      if (match) language = match[1];
+    }
+  }
+  const handleCopy = useCallback(async () => {
+    const code = preRef.current?.textContent || "";
+    copyToClipboard(code);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "code-block-wrapper", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `code-block-copy ${copied ? "copied" : ""}`,
+        onClick: handleCopy,
+        "aria-label": "Copy code",
+        children: copied ? /* @__PURE__ */ jsx(Check, { size: 16 }) : /* @__PURE__ */ jsx(Copy, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ jsx("pre", { ref: preRef, ...props, children })
+  ] });
+}
+
+export {
+  CodeBlock
+};

package/dist/{PackageManagerTabs-XEKI3L7P.mjs → chunk-S5G55FBI.mjs}

@@ -1,7 +1,3 @@
-// src/client/theme/components/PackageManagerTabs/PackageManagerTabs.tsx
-import { useState, useCallback } from "react";
-import { Copy, Check } from "lucide-react";
-
 // src/client/theme/icons/npm.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var NPM = (props) => /* @__PURE__ */ jsxs("svg", { ...props, viewBox: "0 0 2500 2500", children: [
@@ -207,106 +203,9 @@ var Deno = (props) => /* @__PURE__ */ jsx4(
   }
 );
 
-// src/client/theme/components/PackageManagerTabs/PackageManagerTabs.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var MANAGERS = [
-  { id: "npm", label: "npm", icon: NPM },
-  { id: "pnpm", label: "pnpm", icon: Pnpm },
-  { id: "bun", label: "bun", icon: Bun },
-  { id: "deno", label: "deno", icon: Deno }
-];
-function getCommandForManager(manager, command, pkg) {
-  const isInstall = command === "install" || command === "add" || command === "i";
-  const isCreate = command === "create" || command === "init";
-  const isRun = command === "run" || command === "exec";
-  if (isInstall) {
-    const pkgArgs2 = pkg ? ` ${pkg}` : "";
-    if (manager === "npm") return `npm install${pkgArgs2}`;
-    if (manager === "pnpm") return pkg ? `pnpm add${pkgArgs2}` : `pnpm install`;
-    if (manager === "bun") return pkg ? `bun add${pkgArgs2}` : `bun install`;
-    if (manager === "deno")
-      return pkg ? `deno install npm:${pkg}` : `deno install`;
-  }
-  if (isCreate) {
-    const pkgArgs2 = pkg ? ` ${pkg}` : "";
-    if (manager === "npm") return `npm create${pkgArgs2}`;
-    if (manager === "pnpm") return `pnpm create${pkgArgs2}`;
-    if (manager === "bun") return `bun create${pkgArgs2}`;
-    if (manager === "deno") return `deno run -A npm:create-${pkg}`;
-  }
-  if (isRun) {
-    const pkgArgs2 = pkg ? ` ${pkg}` : "";
-    if (manager === "npm") return `npm run${pkgArgs2}`;
-    if (manager === "pnpm") return `pnpm run${pkgArgs2}`;
-    if (manager === "bun") return `bun run${pkgArgs2}`;
-    if (manager === "deno") return `deno task ${pkg}`;
-  }
-  const pkgArgs = pkg ? ` ${pkg}` : "";
-  return `${manager} ${command}${pkgArgs}`;
-}
-function PackageManagerTabs({
-  command,
-  pkg = "",
-  className = ""
-}) {
-  const [activeTab, setActiveTab] = useState("npm");
-  const [copied, setCopied] = useState(false);
-  const activeCommand = getCommandForManager(activeTab, command, pkg);
-  const handleCopy = useCallback(async () => {
-    try {
-      await navigator.clipboard.writeText(activeCommand);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-      const textarea = document.createElement("textarea");
-      textarea.value = activeCommand;
-      textarea.style.position = "fixed";
-      textarea.style.opacity = "0";
-      document.body.appendChild(textarea);
-      textarea.select();
-      document.execCommand("copy");
-      document.body.removeChild(textarea);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    }
-  }, [activeCommand]);
-  return /* @__PURE__ */ jsxs4("div", { className: `pkg-tabs-wrapper ${className}`, children: [
-    /* @__PURE__ */ jsx5("div", { className: "pkg-tabs-header", children: MANAGERS.map((mgr) => {
-      const Icon = mgr.icon;
-      const isActive = activeTab === mgr.id;
-      return /* @__PURE__ */ jsxs4(
-        "button",
-        {
-          className: `pkg-tab-btn ${isActive ? "active" : ""}`,
-          onClick: () => setActiveTab(mgr.id),
-          "aria-selected": isActive,
-          role: "tab",
-          children: [
-            /* @__PURE__ */ jsx5(Icon, { className: "pkg-tab-icon", width: "16", height: "16" }),
-            /* @__PURE__ */ jsx5("span", { children: mgr.label })
-          ]
-        },
-        mgr.id
-      );
-    }) }),
-    /* @__PURE__ */ jsxs4("div", { className: "code-block-wrapper pkg-tabs-content", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "code-block-header", children: [
-        /* @__PURE__ */ jsx5("span", { className: "code-block-lang", children: "bash" }),
-        /* @__PURE__ */ jsx5(
-          "button",
-          {
-            className: `code-block-copy ${copied ? "copied" : ""}`,
-            onClick: handleCopy,
-            type: "button",
-            "aria-label": "Copy code",
-            children: copied ? /* @__PURE__ */ jsx5(Fragment, { children: /* @__PURE__ */ jsx5(Check, { size: 12 }) }) : /* @__PURE__ */ jsx5(Fragment, { children: /* @__PURE__ */ jsx5(Copy, { size: 12 }) })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx5("pre", { children: /* @__PURE__ */ jsx5("code", { children: /* @__PURE__ */ jsx5("span", { className: "line", children: activeCommand }) }) })
-    ] })
-  ] });
-}
 export {
-  PackageManagerTabs
+  NPM,
+  Pnpm,
+  Bun,
+  Deno
 };

package/dist/client/index.css

@@ -1061,49 +1061,47 @@ a {
   overflow: hidden;
   border: 1px solid var(--ld-border-subtle);
   background-color: var(--ld-code-bg);
-}
-.code-block-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 1.25rem;
-  background-color: var(--ld-code-header);
-  border-bottom: 1px solid var(--ld-border-subtle);
-  font-size: 0.75rem;
-}
-.code-block-lang {
-  color: var(--ld-text-dim);
-  font-family: var(--ld-font-mono);
-  font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
+  position: relative;
 }
 .code-block-copy {
   display: flex;
   align-items: center;
-  gap: 0.35rem;
-  padding: 0.2rem 0.55rem;
-  background: none;
+  justify-content: center;
+  position: absolute;
+  top: 0.75rem;
+  right: 0.75rem;
+  z-index: 50;
+  padding: 0.4rem;
+  background-color: rgba(20, 20, 30, 0.8);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
   border: 1px solid var(--ld-border-subtle);
-  border-radius: 5px;
+  border-radius: 6px;
   color: var(--ld-text-dim);
-  font-family: var(--ld-font-sans);
-  font-size: 0.6875rem;
   cursor: pointer;
-  transition: all 0.2s;
+  transition: all 0.2s ease;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.code-block-wrapper:hover .code-block-copy {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
 }
 .code-block-copy:hover {
   color: var(--ld-text-main);
   border-color: var(--ld-border-strong);
-  background-color: rgba(255, 255, 255, 0.04);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .code-block-copy.copied {
   color: #22c55e;
-  border-color: rgba(34, 197, 94, 0.3);
+  border-color: rgba(34, 197, 94, 0.4);
+  opacity: 1;
 }
 .code-block-copy svg {
-  width: 18px;
-  height: 18px;
+  width: 16px;
+  height: 16px;
 }
 .code-block-wrapper pre {
   margin: 0 !important;
@@ -1446,6 +1444,9 @@ a {
 }
 .ld-tabs__trigger {
   position: relative;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
   padding: 0.65rem 1.25rem;
   background: none;
   border: none;
@@ -1458,6 +1459,10 @@ a {
   transition: all 0.2s ease;
   white-space: nowrap;
 }
+.ld-tabs__trigger svg {
+  width: 1rem;
+  height: 1rem;
+}
 .ld-tabs__trigger:hover {
   color: var(--ld-text-main);
   background-color: rgba(255, 255, 255, 0.03);