@k34a/blog 0.0.11 → 0.0.13

package/README.md

@@ -315,7 +315,6 @@ export default async function ArticlePage({ params }: PageProps) {
         <Article
             config={{
                 supabaseHost: process.env.NEXT_PUBLIC_SUPABASE_HOSTNAME!,
-                listingPage: '/articles',
             }}
             description={description}
             tags={article.tags}

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

@@ -5,7 +5,10 @@ type Props = {
     banner_image?: string;
     id: string;
     description: string;
-    tags: string[];
+    tags: {
+        name: string;
+        href: string;
+    }[];
 };
 export default function Article(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/articles/index.js

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

package/dist/components/types.d.ts

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

package/dist/services/articles.js

@@ -1,6 +1,6 @@
-import { articleSortByVsQuery as p } from "./search-params.js";
+import { articleSortByVsQuery as _ } from "./search-params.js";
 import "zod";
-import { PAGE_SIZE as _ } from "../cfg.js";
+import { PAGE_SIZE as E } from "../cfg.js";
 class D {
   db;
   constructor(r) {
@@ -14,20 +14,20 @@ class D {
     const { data: t, error: a } = await this.db.from("articles").select("*").eq("slug", r).eq("status", "Published").single();
     if (a)
       return console.error("Error fetching article details:", a.message), null;
-    const { data: c, error: s } = await this.db.from("tag_articles").select("tag_id").eq("article_id", t.id);
+    const { data: l, error: s } = await this.db.from("tag_articles").select("tag_id").eq("article_id", t.id);
     if (s)
       return console.error(
         "Error fetching article tag links:",
         s.message
       ), { ...t, tags: [] };
-    const o = c?.map((i) => i.tag_id) || [];
+    const i = l?.map((o) => o.tag_id) || [];
     let e = [];
-    if (o.length > 0) {
-      const { data: i, error: n } = await this.db.from("tags").select("name").in("id", o);
+    if (i.length > 0) {
+      const { data: o, error: n } = await this.db.from("tags").select("name").in("id", i);
       n ? console.error(
         "Error fetching article tag names:",
         n.message
-      ) : e = i.map((l) => l.name);
+      ) : e = o.map((c) => c.name);
     }
     return { ...t, tags: e };
   }
@@ -52,32 +52,32 @@ class D {
    * Paginated list of articles with filters and sorting.
    */
   async list(r) {
-    const { page: t, search: a, sortBy: c, tags: s } = r, o = p[c] ?? p.latest;
+    const { page: t, search: a, sortBy: l, tags: s } = r, i = _[l] ?? _.latest;
     let e = this.db.from("articles").select("*", { count: "exact" }).eq("status", "Published");
     if (a && (e = e.ilike("title", `%${a}%`)), s && s.length > 0) {
-      const { data: d, error: f } = await this.db.from("tags").select("id").in("name", s);
-      if (f || !d?.length)
-        return console.error("Error fetching tag IDs:", f?.message), { items: [], total: 0 };
-      const w = d.map((g) => g.id), { data: u, error: h } = await this.db.from("tag_articles").select("article_id").in("tag_id", w);
-      if (h || !u?.length)
+      const { data: f, error: u } = await this.db.from("tags").select("id").in("name", s);
+      if (u || !f?.length)
+        return console.error("Error fetching tag IDs:", u?.message), { items: [], total: 0 };
+      const w = f.map((m) => m.id), { data: h, error: b } = await this.db.from("tag_articles").select("article_id").in("tag_id", w);
+      if (b || !h?.length)
         return console.error(
           "Error fetching articles by tags:",
-          h?.message
+          b?.message
         ), { items: [], total: 0 };
-      const b = Array.from(
-        new Set(u.map((g) => g.article_id))
+      const p = Array.from(
+        new Set(h.map((m) => m.article_id))
       );
-      if (b.length === 0)
+      if (p.length === 0)
         return { items: [], total: 0 };
-      e = e.in("id", b);
+      e = e.in("id", p);
     }
-    e = e.order(o.column, { ascending: o.ascending });
-    const i = t * _, n = i + _ - 1;
-    e = e.range(i, n);
-    const { data: l, error: m, count: E } = await e;
-    return m ? (console.error("Error fetching articles:", m), { items: [], total: 0 }) : {
-      items: l || [],
-      total: E || 0
+    e = e.order(i.column, { ascending: i.ascending });
+    const o = t * E, n = o + E - 1;
+    e = e.range(o, n);
+    const { data: c, error: g, count: d } = await e;
+    return console.log({ data: c, error: g, count: d }), g ? (console.error("Error fetching articles:", g), { items: [], total: 0 }) : {
+      items: c || [],
+      total: d || 0
     };
   }
   async getDescription(r) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@k34a/blog",
   "description": "Create and share articles with your audience.",
   "private": false,
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "exports": {
     ".": {