@btst/stack 1.0.1 → 1.1.1

package/dist/plugins/blog/client/components/shared/search-modal.cjs

@@ -0,0 +1,135 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const useDebounce = require('../../hooks/use-debounce.cjs');
+const command = require('@workspace/ui/components/command');
+
+function _interopNamespaceCompat(e) {
+	if (e && typeof e === 'object' && 'default' in e) return e;
+	const n = Object.create(null);
+	if (e) {
+		for (const k in e) {
+			n[k] = e[k];
+		}
+	}
+	n.default = e;
+	return n;
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+function SearchModal({
+  placeholder = "Type to search...",
+  emptyMessage = "No results found.",
+  buttonText = "Search",
+  keyboardShortcut = "\u2318K",
+  searchFn,
+  renderResult,
+  results: externalResults,
+  isLoading = false,
+  className,
+  triggerClassName
+}) {
+  const [open, setOpen] = React__namespace.useState(false);
+  const [query, setQuery] = React__namespace.useState("");
+  const [results, setResults] = React__namespace.useState([]);
+  const shouldDebounce = externalResults === void 0;
+  const debouncedQuery = useDebounce.useDebounce(query, shouldDebounce ? 300 : 0);
+  React__namespace.useEffect(() => {
+    const down = (e) => {
+      const cleanShortcut = keyboardShortcut.replace("\u2318", "").replace("\u21E7", "").toLowerCase();
+      if (e.key === cleanShortcut && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        setOpen((open2) => !open2);
+      }
+    };
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, [keyboardShortcut]);
+  React__namespace.useEffect(() => {
+    if (!open) {
+      setQuery("");
+      setResults([]);
+      return;
+    }
+  }, [open]);
+  React__namespace.useEffect(() => {
+    if (!open) return;
+    const searchResults = searchFn(debouncedQuery);
+    if (externalResults !== void 0) {
+      setResults(externalResults);
+    } else {
+      setResults(searchResults);
+    }
+  }, [debouncedQuery, open, searchFn, externalResults]);
+  const buttonClasses = [
+    "border-input bg-background text-foreground",
+    "placeholder:text-muted-foreground",
+    "focus-visible:border-ring focus-visible:ring-ring/50",
+    "inline-flex h-9 w-fit rounded-md border px-3 py-2 text-sm",
+    "shadow-xs transition-[color,box-shadow] outline-none",
+    "focus-visible:ring-[3px]",
+    triggerClassName
+  ].filter(Boolean).join(" ");
+  const showEmpty = debouncedQuery && !isLoading && results.length === 0;
+  const currentEmptyMessage = isLoading ? "Searching..." : emptyMessage;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        "data-testid": "search-button",
+        type: "button",
+        className: buttonClasses,
+        onClick: () => setOpen(true),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex grow items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.SearchIcon,
+              {
+                className: "-ms-1 me-3 text-muted-foreground",
+                size: 16,
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal text-muted-foreground", children: buttonText })
+          ] }),
+          keyboardShortcut && /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "-me-1 ms-12 inline-flex h-5 max-h-full items-center rounded border bg-background px-1 font-[inherit] font-medium text-[0.625rem] text-muted-foreground", children: keyboardShortcut })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      command.CommandDialog,
+      {
+        "data-testid": "search-modal",
+        open,
+        onOpenChange: setOpen,
+        className,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            command.CommandInput,
+            {
+              "data-testid": "search-input",
+              placeholder,
+              value: query,
+              onValueChange: setQuery
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(command.CommandList, { className: "max-h-[400px]", children: [
+            showEmpty && /* @__PURE__ */ jsxRuntime.jsx(command.CommandEmpty, { children: currentEmptyMessage }),
+            results.length > 0 && results.map(
+              (item, index) => renderResult(item, index, debouncedQuery)
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+exports.SearchModal = SearchModal;
+exports.default = SearchModal;

package/dist/plugins/blog/client/components/shared/search-modal.mjs

@@ -0,0 +1,116 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { SearchIcon } from 'lucide-react';
+import * as React from 'react';
+import { useDebounce } from '../../hooks/use-debounce.mjs';
+import { CommandDialog, CommandInput, CommandList, CommandEmpty } from '@workspace/ui/components/command';
+
+function SearchModal({
+  placeholder = "Type to search...",
+  emptyMessage = "No results found.",
+  buttonText = "Search",
+  keyboardShortcut = "\u2318K",
+  searchFn,
+  renderResult,
+  results: externalResults,
+  isLoading = false,
+  className,
+  triggerClassName
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [query, setQuery] = React.useState("");
+  const [results, setResults] = React.useState([]);
+  const shouldDebounce = externalResults === void 0;
+  const debouncedQuery = useDebounce(query, shouldDebounce ? 300 : 0);
+  React.useEffect(() => {
+    const down = (e) => {
+      const cleanShortcut = keyboardShortcut.replace("\u2318", "").replace("\u21E7", "").toLowerCase();
+      if (e.key === cleanShortcut && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        setOpen((open2) => !open2);
+      }
+    };
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, [keyboardShortcut]);
+  React.useEffect(() => {
+    if (!open) {
+      setQuery("");
+      setResults([]);
+      return;
+    }
+  }, [open]);
+  React.useEffect(() => {
+    if (!open) return;
+    const searchResults = searchFn(debouncedQuery);
+    if (externalResults !== void 0) {
+      setResults(externalResults);
+    } else {
+      setResults(searchResults);
+    }
+  }, [debouncedQuery, open, searchFn, externalResults]);
+  const buttonClasses = [
+    "border-input bg-background text-foreground",
+    "placeholder:text-muted-foreground",
+    "focus-visible:border-ring focus-visible:ring-ring/50",
+    "inline-flex h-9 w-fit rounded-md border px-3 py-2 text-sm",
+    "shadow-xs transition-[color,box-shadow] outline-none",
+    "focus-visible:ring-[3px]",
+    triggerClassName
+  ].filter(Boolean).join(" ");
+  const showEmpty = debouncedQuery && !isLoading && results.length === 0;
+  const currentEmptyMessage = isLoading ? "Searching..." : emptyMessage;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "data-testid": "search-button",
+        type: "button",
+        className: buttonClasses,
+        onClick: () => setOpen(true),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex grow items-center", children: [
+            /* @__PURE__ */ jsx(
+              SearchIcon,
+              {
+                className: "-ms-1 me-3 text-muted-foreground",
+                size: 16,
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: buttonText })
+          ] }),
+          keyboardShortcut && /* @__PURE__ */ jsx("kbd", { className: "-me-1 ms-12 inline-flex h-5 max-h-full items-center rounded border bg-background px-1 font-[inherit] font-medium text-[0.625rem] text-muted-foreground", children: keyboardShortcut })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      CommandDialog,
+      {
+        "data-testid": "search-modal",
+        open,
+        onOpenChange: setOpen,
+        className,
+        children: [
+          /* @__PURE__ */ jsx(
+            CommandInput,
+            {
+              "data-testid": "search-input",
+              placeholder,
+              value: query,
+              onValueChange: setQuery
+            }
+          ),
+          /* @__PURE__ */ jsxs(CommandList, { className: "max-h-[400px]", children: [
+            showEmpty && /* @__PURE__ */ jsx(CommandEmpty, { children: currentEmptyMessage }),
+            results.length > 0 && results.map(
+              (item, index) => renderResult(item, index, debouncedQuery)
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export { SearchModal, SearchModal as default };

package/dist/plugins/blog/client/components/shared/tags-list.cjs

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const context = require('@btst/stack/context');
+const defaults = require('./defaults.cjs');
+const badge = require('@workspace/ui/components/badge');
+const blogHooks = require('../../hooks/blog-hooks.cjs');
+
+function TagsList() {
+  const { tags } = blogHooks.useSuspenseTags();
+  const { Link } = context.usePluginOverrides("blog", {
+    Link: defaults.DefaultLink
+  });
+  const basePath = context.useBasePath();
+  if (!tags || tags.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) });
+}
+
+exports.TagsList = TagsList;

package/dist/plugins/blog/client/components/shared/tags-list.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { DefaultLink } from './defaults.mjs';
+import { Badge } from '@workspace/ui/components/badge';
+import { useSuspenseTags } from '../../hooks/blog-hooks.mjs';
+
+function TagsList() {
+  const { tags } = useSuspenseTags();
+  const { Link } = usePluginOverrides("blog", {
+    Link: DefaultLink
+  });
+  const basePath = useBasePath();
+  if (!tags || tags.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 justify-center", children: tags.map((tag) => /* @__PURE__ */ jsx(Link, { href: `${basePath}/blog/tag/${tag.slug}`, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag.name }) }, tag.id)) });
+}
+
+export { TagsList };

package/dist/plugins/blog/client/components/shared/use-route-lifecycle.cjs

@@ -0,0 +1,50 @@
+"use client";
+'use strict';
+
+const React = require('react');
+const context = require('@btst/stack/context');
+
+function useRouteLifecycle({
+  routeName,
+  context: context$1,
+  beforeRenderHook
+}) {
+  const overrides = context.usePluginOverrides("blog");
+  if (beforeRenderHook) {
+    const canRender = beforeRenderHook(overrides, context$1);
+    if (!canRender) {
+      const error = new Error(`Unauthorized: Cannot render ${routeName}`);
+      if (overrides.onRouteError) {
+        try {
+          const result = overrides.onRouteError(routeName, error, context$1);
+          if (result instanceof Promise) {
+            result.catch(() => {
+            });
+          }
+        } catch {
+        }
+      }
+      throw error;
+    }
+  }
+  React.useEffect(() => {
+    if (overrides.onRouteRender) {
+      try {
+        const result = overrides.onRouteRender(routeName, context$1);
+        if (result instanceof Promise) {
+          result.catch((error) => {
+            if (overrides.onRouteError) {
+              overrides.onRouteError(routeName, error, context$1);
+            }
+          });
+        }
+      } catch (error) {
+        if (overrides.onRouteError) {
+          overrides.onRouteError(routeName, error, context$1);
+        }
+      }
+    }
+  }, [routeName, overrides, context$1]);
+}
+
+exports.useRouteLifecycle = useRouteLifecycle;

package/dist/plugins/blog/client/components/shared/use-route-lifecycle.mjs

@@ -0,0 +1,48 @@
+"use client";
+import { useEffect } from 'react';
+import { usePluginOverrides } from '@btst/stack/context';
+
+function useRouteLifecycle({
+  routeName,
+  context,
+  beforeRenderHook
+}) {
+  const overrides = usePluginOverrides("blog");
+  if (beforeRenderHook) {
+    const canRender = beforeRenderHook(overrides, context);
+    if (!canRender) {
+      const error = new Error(`Unauthorized: Cannot render ${routeName}`);
+      if (overrides.onRouteError) {
+        try {
+          const result = overrides.onRouteError(routeName, error, context);
+          if (result instanceof Promise) {
+            result.catch(() => {
+            });
+          }
+        } catch {
+        }
+      }
+      throw error;
+    }
+  }
+  useEffect(() => {
+    if (overrides.onRouteRender) {
+      try {
+        const result = overrides.onRouteRender(routeName, context);
+        if (result instanceof Promise) {
+          result.catch((error) => {
+            if (overrides.onRouteError) {
+              overrides.onRouteError(routeName, error, context);
+            }
+          });
+        }
+      } catch (error) {
+        if (overrides.onRouteError) {
+          overrides.onRouteError(routeName, error, context);
+        }
+      }
+    }
+  }, [routeName, overrides, context]);
+}
+
+export { useRouteLifecycle };