@k34a/blog 0.0.4 → 0.0.6

package/dist/components/articles/banner-image.d.ts

@@ -0,0 +1,9 @@
+import { ComponentsConfig } from '../types';
+interface Props {
+    id: string;
+    src: string;
+    title: string;
+    config: ComponentsConfig;
+}
+export declare const BannerImage: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/articles/banner-image.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { Box as r, Image as o } from "@mantine/core";
+import { resolveImageForArticle as a } from "../utils.js";
+const c = (e) => {
+  const i = a(
+    e.config.supabaseHost,
+    e.id,
+    e.src
+  );
+  return /* @__PURE__ */ t(r, { pos: "relative", h: { base: 260, lg: "100%" }, children: /* @__PURE__ */ t(
+    o,
+    {
+      src: i,
+      alt: e.title,
+      width: 1e3,
+      height: 1e3,
+      style: {
+        maxWidth: "100%",
+        height: "auto"
+      }
+    }
+  ) });
+};
+export {
+  c as BannerImage
+};

package/dist/components/articles/description.d.ts

@@ -0,0 +1,8 @@
+import { ComponentsConfig } from '../types';
+interface Props {
+    config: ComponentsConfig;
+    articleId: string;
+    html: string;
+}
+export default function ArticleDescription(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/articles/description.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Typography as l } from "@mantine/core";
+import { applyImageFullPaths as i, resolveImageForArticle as n } from "../utils.js";
+function s(t) {
+  const r = i(
+    t.html,
+    (o) => n(
+      t.config.supabaseHost,
+      t.articleId,
+      `content/${o}`
+    )
+  );
+  return /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: r } }) });
+}
+export {
+  s as default
+};

package/dist/components/articles/index.d.ts

@@ -0,0 +1,11 @@
+import { ComponentsConfig } from '../types';
+type Props = {
+    config: ComponentsConfig;
+    title: string;
+    banner_image?: string;
+    id: string;
+    description: string;
+    tags: string[];
+};
+export default function Article(props: Props): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/articles/index.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Box as r, Stack as c, Title as a, Flex as l, Anchor as m, Badge as o } from "@mantine/core";
+import { IconHash as g } from "@tabler/icons-react";
+import { BannerImage as d } from "./banner-image.js";
+import f from "./description.js";
+async function b(i) {
+  return /* @__PURE__ */ e(r, { maw: 800, mx: "auto", px: "sm", py: "lg", children: /* @__PURE__ */ t(c, { gap: "md", children: [
+    /* @__PURE__ */ e(a, { order: 1, children: i.title }),
+    i.banner_image && /* @__PURE__ */ e(
+      d,
+      {
+        id: i.id,
+        src: i.banner_image,
+        title: i.title,
+        config: i.config
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        articleId: i.id,
+        html: i.description,
+        config: i.config
+      }
+    ),
+    /* @__PURE__ */ e(l, { wrap: "wrap", gap: "md", align: "center", mb: "lg", children: i.tags.map((n) => /* @__PURE__ */ e(
+      m,
+      {
+        href: `/${i.config.listingPage}?tags=${n}`,
+        children: /* @__PURE__ */ e(
+          o,
+          {
+            size: "md",
+            color: "sky.5",
+            variant: "outline",
+            leftSection: /* @__PURE__ */ e(g, { size: 14 }),
+            style: { cursor: "pointer" },
+            children: n
+          }
+        )
+      },
+      n
+    )) })
+  ] }) });
+}
+export {
+  b as default
+};

package/dist/components/filter-search-sort.d.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import { articleQuerySchema } from '../services/search-params';
 type FilterProps = z.infer<typeof articleQuerySchema>;
-interface Props extends FilterProps {
+export interface Props extends FilterProps {
     availableTags: string[];
     navigate: (query: string) => void;
 }

package/dist/components/types.d.ts

@@ -0,0 +1,4 @@
+export interface ComponentsConfig {
+    supabaseHost: string;
+    listingPage: string;
+}

package/dist/components/types.js

@@ -0,0 +1 @@
+"use client";

package/dist/components/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function applyImageFullPaths(html: string, getImageFullPath: (src: string) => string): string;
+export declare function resolveImageForArticle(hostname: string, id: string, imageName: string): string;