@k34a/blog 0.0.13 → 0.0.15

package/README.md

@@ -38,6 +38,18 @@ npm install @mantine/core @tabler/icons-react react @supabase/supabase-js zod
 
 ---
 
+# ⚙️ Setup (DB)
+
+Run the following command in your supabase SQL editor to setup a view.
+
+```sql
+create view article_with_tags as
+select a.*, t.name as tag
+from articles a
+left join tag_articles ta on ta.article_id = a.id
+left join tags t on t.id = ta.tag_id;
+```
+
 # ⚙️ Setup (Backend)
 
 Create an instance of `ArticleService` anywhere in your backend/server code.

package/dist/services/articles.js

@@ -1,95 +1,90 @@
-import { articleSortByVsQuery as _ } from "./search-params.js";
+import { articleSortByVsQuery as u } from "./search-params.js";
 import "zod";
-import { PAGE_SIZE as E } from "../cfg.js";
-class D {
+import { PAGE_SIZE as f } from "../cfg.js";
+class y {
   db;
-  constructor(r) {
-    this.db = r;
+  constructor(e) {
+    this.db = e;
   }
   /**
    * Fetch a single article by slug.
    * Includes its tags.
    */
-  async getBySlug(r) {
-    const { data: t, error: a } = await this.db.from("articles").select("*").eq("slug", r).eq("status", "Published").single();
+  async getBySlug(e) {
+    const { data: t, error: a } = await this.db.from("articles").select("*").eq("slug", e).eq("status", "Published").single();
     if (a)
       return console.error("Error fetching article details:", a.message), null;
-    const { data: l, error: s } = await this.db.from("tag_articles").select("tag_id").eq("article_id", t.id);
-    if (s)
+    const { data: d, error: i } = await this.db.from("tag_articles").select("tag_id").eq("article_id", t.id);
+    if (i)
       return console.error(
         "Error fetching article tag links:",
-        s.message
+        i.message
       ), { ...t, tags: [] };
-    const i = l?.map((o) => o.tag_id) || [];
-    let e = [];
-    if (i.length > 0) {
-      const { data: o, error: n } = await this.db.from("tags").select("name").in("id", i);
-      n ? console.error(
+    const n = d?.map((o) => o.tag_id) || [];
+    let r = [];
+    if (n.length > 0) {
+      const { data: o, error: c } = await this.db.from("tags").select("name").in("id", n);
+      c ? console.error(
         "Error fetching article tag names:",
-        n.message
-      ) : e = o.map((c) => c.name);
+        c.message
+      ) : r = o.map((l) => l.name);
     }
-    return { ...t, tags: e };
+    return { ...t, tags: r };
   }
   /**
    * Get total number of articles.
    */
   async getCount() {
-    const { data: r, error: t } = await this.db.rpc("get_table_row_count", {
+    const { data: e, error: t } = await this.db.rpc("get_table_row_count", {
       arg_schema_name: "public",
       arg_table_name: "articles"
     }).single();
-    return t ? (console.error("Error fetching articles count:", t), 0) : r || 0;
+    return t ? (console.error("Error fetching articles count:", t), 0) : e || 0;
   }
   /**
    * Get all available tag names.
    */
   async getTagNames() {
-    const { data: r, error: t } = await this.db.from("tags").select("name");
-    return t ? (console.error("Error fetching tags:", t.message), []) : r?.map((a) => a.name) ?? [];
+    const { data: e, error: t } = await this.db.from("tags").select("name");
+    return t ? (console.error("Error fetching tags:", t.message), []) : e?.map((a) => a.name) ?? [];
   }
   /**
    * Paginated list of articles with filters and sorting.
    */
-  async list(r) {
-    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: 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:",
-          b?.message
-        ), { items: [], total: 0 };
-      const p = Array.from(
-        new Set(h.map((m) => m.article_id))
-      );
-      if (p.length === 0)
-        return { items: [], total: 0 };
-      e = e.in("id", p);
-    }
-    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 list(e) {
+    const { page: t, search: a, sortBy: d, tags: i } = e, n = u[d] ?? u.latest;
+    let r = this.db.from("article_with_tags").select("*", { count: "exact" }).eq("status", "Published");
+    a && (r = r.ilike("title", `%${a}%`)), i && i.length > 0 && (r = r.in("tag", i)), r = r.order(n.column, { ascending: n.ascending });
+    const o = t * f, c = o + f - 1;
+    console.log({ from: o, to: c }), r = r.range(o, c);
+    const { data: l, error: m, count: h } = await r;
+    if (console.log({ data: l, error: m, count: h }), m)
+      return console.error("Error fetching articles:", m), { items: [], total: 0 };
+    const g = /* @__PURE__ */ new Map();
+    for (const s of l ?? [])
+      g.has(s.id) || g.set(s.id, {
+        id: s.id,
+        title: s.title,
+        description: s.description,
+        slug: s.slug,
+        created_at: s.created_at,
+        banner_image: s.banner_image
+      });
+    return {
+      items: [...g.values()],
+      total: Object.keys(g).length
     };
   }
-  async getDescription(r) {
-    const { data: t, error: a } = await this.db.storage.from("content").download(`articles/${r}/description.html`);
+  async getDescription(e) {
+    const { data: t, error: a } = await this.db.storage.from("content").download(`articles/${e}/description.html`);
     return a ? (console.error(
-      `Error fetching article description for article ID "${r}":`,
+      `Error fetching article description for article ID "${e}":`,
       a.message
     ), null) : t ? await t.text() : (console.warn(
-      `No article description file found for article ID: ${r}`
+      `No article description file found for article ID: ${e}`
     ), null);
   }
 }
 export {
-  D as ArticleService
+  y as ArticleService
 };

package/package.json

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