@btst/stack 1.0.1 → 1.1.1

package/dist/plugins/blog/client/components/pages/tag-page.cjs

@@ -0,0 +1,39 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const context = require('@btst/stack/context');
+const components = require('@btst/stack/client/components');
+const defaultError = require('../shared/default-error.cjs');
+const index = require('../loading/index.cjs');
+const _404Page = require('./404-page.cjs');
+
+const TagPage = React.lazy(
+  () => import('./tag-page.internal.cjs').then((m) => ({ default: m.TagPage }))
+);
+function TagPageComponent({ tagSlug }) {
+  const { onRouteError } = context.usePluginOverrides("blog");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path: `/blog/tag/${tagSlug}`,
+      PageComponent: TagPage,
+      ErrorComponent: defaultError.DefaultError,
+      LoadingComponent: index.PostsLoading,
+      NotFoundComponent: _404Page.NotFoundPage,
+      props: { tagSlug },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("tag", error, {
+            path: `/blog/tag/${tagSlug}`,
+            isSSR: typeof window === "undefined",
+            tagSlug
+          });
+        }
+      }
+    }
+  );
+}
+
+exports.TagPageComponent = TagPageComponent;

package/dist/plugins/blog/client/components/pages/tag-page.internal.cjs

@@ -0,0 +1,61 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const pageHeader = require('../shared/page-header.cjs');
+const pageWrapper = require('../shared/page-wrapper.cjs');
+const postsList = require('../shared/posts-list.cjs');
+const emptyList = require('../shared/empty-list.cjs');
+const blogHooks = require('../../hooks/blog-hooks.cjs');
+const index = require('../../localization/index.cjs');
+const context = require('@btst/stack/context');
+const useRouteLifecycle = require('../shared/use-route-lifecycle.cjs');
+
+function TagPage({ tagSlug }) {
+  const { localization } = context.usePluginOverrides("blog", {
+    localization: index.BLOG_LOCALIZATION
+  });
+  useRouteLifecycle.useRouteLifecycle({
+    routeName: "tag",
+    context: {
+      path: `/blog/tag/${tagSlug}`,
+      params: { tagSlug },
+      isSSR: typeof window === "undefined"
+    }
+  });
+  const { tags } = blogHooks.useTags();
+  const tag = tags?.find((t) => t.slug === tagSlug);
+  if (!tag) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(pageWrapper.PageWrapper, { testId: "tag-page", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(pageHeader.PageHeader, { title: localization.BLOG_TAG_NOT_FOUND }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(emptyList.EmptyList, { message: localization.BLOG_TAG_NOT_FOUND_DESCRIPTION })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(pageWrapper.PageWrapper, { testId: "tag-page", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+      pageHeader.PageHeader,
+      {
+        title: `${localization.BLOG_TAG_PAGE_TITLE.replace("{tag}", tag.name)}`,
+        description: localization.BLOG_TAG_PAGE_DESCRIPTION
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Content, { tagSlug })
+  ] });
+}
+function Content({ tagSlug }) {
+  const { posts, loadMore, hasMore, isLoadingMore } = blogHooks.useSuspensePosts({
+    published: true,
+    tagSlug
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    postsList.PostsList,
+    {
+      posts,
+      onLoadMore: loadMore,
+      hasMore,
+      isLoadingMore
+    }
+  );
+}
+
+exports.TagPage = TagPage;

package/dist/plugins/blog/client/components/pages/tag-page.internal.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PageHeader } from '../shared/page-header.mjs';
+import { PageWrapper } from '../shared/page-wrapper.mjs';
+import { PostsList } from '../shared/posts-list.mjs';
+import { EmptyList } from '../shared/empty-list.mjs';
+import { useTags, useSuspensePosts } from '../../hooks/blog-hooks.mjs';
+import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
+import { usePluginOverrides } from '@btst/stack/context';
+import { useRouteLifecycle } from '../shared/use-route-lifecycle.mjs';
+
+function TagPage({ tagSlug }) {
+  const { localization } = usePluginOverrides("blog", {
+    localization: BLOG_LOCALIZATION
+  });
+  useRouteLifecycle({
+    routeName: "tag",
+    context: {
+      path: `/blog/tag/${tagSlug}`,
+      params: { tagSlug },
+      isSSR: typeof window === "undefined"
+    }
+  });
+  const { tags } = useTags();
+  const tag = tags?.find((t) => t.slug === tagSlug);
+  if (!tag) {
+    return /* @__PURE__ */ jsxs(PageWrapper, { testId: "tag-page", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsx(PageHeader, { title: localization.BLOG_TAG_NOT_FOUND }) }),
+      /* @__PURE__ */ jsx(EmptyList, { message: localization.BLOG_TAG_NOT_FOUND_DESCRIPTION })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(PageWrapper, { testId: "tag-page", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: `${localization.BLOG_TAG_PAGE_TITLE.replace("{tag}", tag.name)}`,
+        description: localization.BLOG_TAG_PAGE_DESCRIPTION
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Content, { tagSlug })
+  ] });
+}
+function Content({ tagSlug }) {
+  const { posts, loadMore, hasMore, isLoadingMore } = useSuspensePosts({
+    published: true,
+    tagSlug
+  });
+  return /* @__PURE__ */ jsx(
+    PostsList,
+    {
+      posts,
+      onLoadMore: loadMore,
+      hasMore,
+      isLoadingMore
+    }
+  );
+}
+
+export { TagPage };

package/dist/plugins/blog/client/components/pages/tag-page.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { usePluginOverrides } from '@btst/stack/context';
+import { ComposedRoute } from '@btst/stack/client/components';
+import { DefaultError } from '../shared/default-error.mjs';
+import { PostsLoading } from '../loading/index.mjs';
+import { NotFoundPage } from './404-page.mjs';
+
+const TagPage = lazy(
+  () => import('./tag-page.internal.mjs').then((m) => ({ default: m.TagPage }))
+);
+function TagPageComponent({ tagSlug }) {
+  const { onRouteError } = usePluginOverrides("blog");
+  return /* @__PURE__ */ jsx(
+    ComposedRoute,
+    {
+      path: `/blog/tag/${tagSlug}`,
+      PageComponent: TagPage,
+      ErrorComponent: DefaultError,
+      LoadingComponent: PostsLoading,
+      NotFoundComponent: NotFoundPage,
+      props: { tagSlug },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("tag", error, {
+            path: `/blog/tag/${tagSlug}`,
+            isSSR: typeof window === "undefined",
+            tagSlug
+          });
+        }
+      }
+    }
+  );
+}
+
+export { TagPageComponent };

package/dist/plugins/blog/client/components/shared/better-blog-attribution.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+
+function BetterBlogAttribution() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center justify-center gap-1 py-2 text-gray-500 text-sm", children: [
+    "Powered by",
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        className: "flex items-center gap-1 font-semibold underline",
+        href: "https://www.better-stack.ai",
+        target: "_blank",
+        rel: "noreferrer noopener",
+        "aria-label": "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
+        title: "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cursor-pointer", children: "Better-Stack" })
+      }
+    )
+  ] }) });
+}
+
+exports.BetterBlogAttribution = BetterBlogAttribution;

package/dist/plugins/blog/client/components/shared/better-blog-attribution.mjs

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function BetterBlogAttribution() {
+  return /* @__PURE__ */ jsx("div", { className: "w-full text-center", children: /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-1 py-2 text-gray-500 text-sm", children: [
+    "Powered by",
+    " ",
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: "flex items-center gap-1 font-semibold underline",
+        href: "https://www.better-stack.ai",
+        target: "_blank",
+        rel: "noreferrer noopener",
+        "aria-label": "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
+        title: "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
+        children: /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children: "Better-Stack" })
+      }
+    )
+  ] }) });
+}
+
+export { BetterBlogAttribution };

package/dist/plugins/blog/client/components/shared/default-error.cjs

@@ -0,0 +1,18 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const errorPlaceholder = require('./error-placeholder.cjs');
+const context = require('@btst/stack/context');
+const index = require('../../localization/index.cjs');
+
+function DefaultError({ error }) {
+  const { localization } = context.usePluginOverrides("blog", {
+    localization: index.BLOG_LOCALIZATION
+  });
+  const title = localization.BLOG_GENERIC_ERROR_TITLE;
+  const message = error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
+  return /* @__PURE__ */ jsxRuntime.jsx(errorPlaceholder.ErrorPlaceholder, { title, message });
+}
+
+exports.DefaultError = DefaultError;

package/dist/plugins/blog/client/components/shared/default-error.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { ErrorPlaceholder } from './error-placeholder.mjs';
+import { usePluginOverrides } from '@btst/stack/context';
+import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
+
+function DefaultError({ error }) {
+  const { localization } = usePluginOverrides("blog", {
+    localization: BLOG_LOCALIZATION
+  });
+  const title = localization.BLOG_GENERIC_ERROR_TITLE;
+  const message = error?.message ?? localization.BLOG_GENERIC_ERROR_MESSAGE;
+  return /* @__PURE__ */ jsx(ErrorPlaceholder, { title, message });
+}
+
+export { DefaultError };

package/dist/plugins/blog/client/components/shared/defaults.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+
+const DefaultLink = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { ...props });
+};
+const DefaultImage = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("img", { ...props });
+};
+
+exports.DefaultImage = DefaultImage;
+exports.DefaultLink = DefaultLink;

package/dist/plugins/blog/client/components/shared/defaults.mjs

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+
+const DefaultLink = (props) => {
+  return /* @__PURE__ */ jsx("a", { ...props });
+};
+const DefaultImage = (props) => {
+  return /* @__PURE__ */ jsx("img", { ...props });
+};
+
+export { DefaultImage, DefaultLink };

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

@@ -0,0 +1,21 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const empty = require('@workspace/ui/components/empty');
+
+function EmptyList({ message }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    empty.Empty,
+    {
+      className: "border border-dashed min-h-[600px] w-full",
+      "data-testid": "empty-state",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(empty.EmptyHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(empty.EmptyMedia, { variant: "icon", className: "size-20", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.NotebookTextIcon, { className: "text-muted-foreground size-16" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(empty.EmptyTitle, { "data-testid": "empty-message", children: message })
+      ] })
+    }
+  ) });
+}
+
+exports.EmptyList = EmptyList;

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

@@ -0,0 +1,19 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { NotebookTextIcon } from 'lucide-react';
+import { Empty, EmptyHeader, EmptyMedia, EmptyTitle } from '@workspace/ui/components/empty';
+
+function EmptyList({ message }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Empty,
+    {
+      className: "border border-dashed min-h-[600px] w-full",
+      "data-testid": "empty-state",
+      children: /* @__PURE__ */ jsxs(EmptyHeader, { children: [
+        /* @__PURE__ */ jsx(EmptyMedia, { variant: "icon", className: "size-20", children: /* @__PURE__ */ jsx(NotebookTextIcon, { className: "text-muted-foreground size-16" }) }),
+        /* @__PURE__ */ jsx(EmptyTitle, { "data-testid": "empty-message", children: message })
+      ] })
+    }
+  ) });
+}
+
+export { EmptyList };

package/dist/plugins/blog/client/components/shared/error-placeholder.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const pageHeader = require('./page-header.cjs');
+
+function ErrorPlaceholder({
+  title,
+  message
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex min-h-[600px] flex-col items-center justify-center gap-10",
+      "data-testid": "error-placeholder",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(pageHeader.PageHeader, { title, description: message }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CloudAlert, { className: "size-[100px]" })
+      ]
+    }
+  );
+}
+
+exports.ErrorPlaceholder = ErrorPlaceholder;

package/dist/plugins/blog/client/components/shared/error-placeholder.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { CloudAlert } from 'lucide-react';
+import { PageHeader } from './page-header.mjs';
+
+function ErrorPlaceholder({
+  title,
+  message
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex min-h-[600px] flex-col items-center justify-center gap-10",
+      "data-testid": "error-placeholder",
+      children: [
+        /* @__PURE__ */ jsx(PageHeader, { title, description: message }),
+        /* @__PURE__ */ jsx(CloudAlert, { className: "size-[100px]" })
+      ]
+    }
+  );
+}
+
+export { ErrorPlaceholder };

package/dist/plugins/blog/client/components/shared/highlight-text.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+
+function HighlightText({
+  text,
+  searchQuery,
+  className,
+  maxLength = 150
+}) {
+  if (!searchQuery.trim()) {
+    const truncated = maxLength && text.length > maxLength ? `${text.substring(0, maxLength)}...` : text;
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: truncated });
+  }
+  const query = searchQuery.toLowerCase();
+  const lowerText = text.toLowerCase();
+  const matchIndex = lowerText.indexOf(query);
+  if (matchIndex === -1) {
+    const truncated = maxLength && text.length > maxLength ? `${text.substring(0, maxLength)}...` : text;
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: truncated });
+  }
+  let startIndex = 0;
+  let endIndex = text.length;
+  if (maxLength && text.length > maxLength) {
+    const snippetStart = Math.max(0, matchIndex - Math.floor(maxLength / 2));
+    const snippetEnd = Math.min(text.length, snippetStart + maxLength);
+    startIndex = snippetStart;
+    endIndex = snippetEnd;
+  }
+  const snippet = text.substring(startIndex, endIndex);
+  const adjustedMatchIndex = matchIndex - startIndex;
+  if (adjustedMatchIndex < 0 || adjustedMatchIndex >= snippet.length) {
+    const truncated = snippet + (endIndex < text.length ? "..." : "");
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: startIndex > 0 ? `...${truncated}` : truncated });
+  }
+  const beforeMatch = snippet.substring(0, adjustedMatchIndex);
+  const match = snippet.substring(
+    adjustedMatchIndex,
+    adjustedMatchIndex + query.length
+  );
+  const afterMatch = snippet.substring(adjustedMatchIndex + query.length);
+  const prefix = startIndex > 0 ? "..." : "";
+  const suffix = endIndex < text.length ? "..." : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className, children: [
+    prefix,
+    beforeMatch,
+    /* @__PURE__ */ jsxRuntime.jsx("mark", { className: "rounded-sm bg-yellow-200 font-medium text-foreground dark:bg-yellow-800", children: match }),
+    afterMatch,
+    suffix
+  ] });
+}
+
+exports.HighlightText = HighlightText;

package/dist/plugins/blog/client/components/shared/highlight-text.mjs

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function HighlightText({
+  text,
+  searchQuery,
+  className,
+  maxLength = 150
+}) {
+  if (!searchQuery.trim()) {
+    const truncated = maxLength && text.length > maxLength ? `${text.substring(0, maxLength)}...` : text;
+    return /* @__PURE__ */ jsx("span", { className, children: truncated });
+  }
+  const query = searchQuery.toLowerCase();
+  const lowerText = text.toLowerCase();
+  const matchIndex = lowerText.indexOf(query);
+  if (matchIndex === -1) {
+    const truncated = maxLength && text.length > maxLength ? `${text.substring(0, maxLength)}...` : text;
+    return /* @__PURE__ */ jsx("span", { className, children: truncated });
+  }
+  let startIndex = 0;
+  let endIndex = text.length;
+  if (maxLength && text.length > maxLength) {
+    const snippetStart = Math.max(0, matchIndex - Math.floor(maxLength / 2));
+    const snippetEnd = Math.min(text.length, snippetStart + maxLength);
+    startIndex = snippetStart;
+    endIndex = snippetEnd;
+  }
+  const snippet = text.substring(startIndex, endIndex);
+  const adjustedMatchIndex = matchIndex - startIndex;
+  if (adjustedMatchIndex < 0 || adjustedMatchIndex >= snippet.length) {
+    const truncated = snippet + (endIndex < text.length ? "..." : "");
+    return /* @__PURE__ */ jsx("span", { className, children: startIndex > 0 ? `...${truncated}` : truncated });
+  }
+  const beforeMatch = snippet.substring(0, adjustedMatchIndex);
+  const match = snippet.substring(
+    adjustedMatchIndex,
+    adjustedMatchIndex + query.length
+  );
+  const afterMatch = snippet.substring(adjustedMatchIndex + query.length);
+  const prefix = startIndex > 0 ? "..." : "";
+  const suffix = endIndex < text.length ? "..." : "";
+  return /* @__PURE__ */ jsxs("span", { className, children: [
+    prefix,
+    beforeMatch,
+    /* @__PURE__ */ jsx("mark", { className: "rounded-sm bg-yellow-200 font-medium text-foreground dark:bg-yellow-800", children: match }),
+    afterMatch,
+    suffix
+  ] });
+}
+
+export { HighlightText };