@k34a/blog 0.0.16 → 0.0.18

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

@@ -5,6 +5,8 @@ type Props = {
     banner_image?: string;
     id: string;
     description: string;
+    created_at: Date | string;
+    updated_at: Date | string;
     tags: {
         name: string;
         href: string;

package/dist/components/articles/index.js

@@ -1,14 +1,166 @@
 "use client";
-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,
+import { jsx as u, jsxs as y } from "react/jsx-runtime";
+import { Box as S, Stack as M, Title as R, Text as D, Flex as P, Badge as B } from "@mantine/core";
+import { IconHash as $ } from "@tabler/icons-react";
+import { BannerImage as q } from "./banner-image.js";
+import A from "./description.js";
+function C(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function I(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var o = e.default;
+  if (typeof o == "function") {
+    var a = function r() {
+      var n = !1;
+      try {
+        n = this instanceof r;
+      } catch {
+      }
+      return n ? Reflect.construct(o, arguments, this.constructor) : o.apply(this, arguments);
+    };
+    a.prototype = o.prototype;
+  } else a = {};
+  return Object.defineProperty(a, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
+    var n = Object.getOwnPropertyDescriptor(e, r);
+    Object.defineProperty(a, r, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[r];
+      }
+    });
+  }), a;
+}
+var l = { exports: {} };
+/*!
+ * reading-time
+ * Copyright (c) Nicolas Gryman <ngryman@gmail.com>
+ * MIT Licensed
+ */
+var x, w;
+function v() {
+  if (w) return x;
+  w = 1;
+  function e(t, s) {
+    return s.some(
+      ([i, f]) => i <= t && t <= f
+    );
+  }
+  function o(t) {
+    if (typeof t != "string")
+      return !1;
+    const s = t.charCodeAt(0);
+    return e(
+      s,
+      [
+        // Hiragana (Katakana not included on purpose,
+        // context: https://github.com/ngryman/reading-time/pull/35#issuecomment-853364526)
+        // If you think Katakana should be included and have solid reasons, improvement is welcomed
+        [12352, 12447],
+        // CJK Unified ideographs
+        [19968, 40959],
+        // Hangul
+        [44032, 55203],
+        // CJK extensions
+        [131072, 191456]
+      ]
+    );
+  }
+  function a(t) {
+    return ` 
+\r	`.includes(t);
+  }
+  function r(t) {
+    if (typeof t != "string")
+      return !1;
+    const s = t.charCodeAt(0);
+    return e(
+      s,
+      [
+        [33, 47],
+        [58, 64],
+        [91, 96],
+        [123, 126],
+        // CJK Symbols and Punctuation
+        [12288, 12351],
+        // Full-width ASCII punctuation variants
+        [65280, 65519]
+      ]
+    );
+  }
+  function n(t, s = {}) {
+    let i = 0, f = 0, h = t.length - 1;
+    const j = s.wordsPerMinute || 200, m = s.wordBound || a;
+    for (; m(t[f]); ) f++;
+    for (; m(t[h]); ) h--;
+    const d = `${t}
+`;
+    for (let c = f; c <= h; c++)
+      if ((o(d[c]) || !m(d[c]) && (m(d[c + 1]) || o(d[c + 1]))) && i++, o(d[c]))
+        for (; c <= h && (r(d[c + 1]) || m(d[c + 1])); )
+          c++;
+    const g = i / j, O = Math.round(g * 60 * 1e3);
+    return {
+      text: Math.ceil(g.toFixed(2)) + " min read",
+      minutes: g,
+      time: O,
+      words: i
+    };
+  }
+  return x = n, x;
+}
+const z = {}, E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: z
+}, Symbol.toStringTag, { value: "Module" })), T = /* @__PURE__ */ I(E);
+/*!
+ * reading-time
+ * Copyright (c) Nicolas Gryman <ngryman@gmail.com>
+ * MIT Licensed
+ */
+var p, _;
+function F() {
+  if (_) return p;
+  _ = 1;
+  const e = v(), o = T.Transform, a = T;
+  function r(n) {
+    if (!(this instanceof r))
+      return new r(n);
+    o.call(this, { objectMode: !0 }), this.options = n || {}, this.stats = {
+      minutes: 0,
+      time: 0,
+      words: 0
+    };
+  }
+  return a.inherits(r, o), r.prototype._transform = function(n, t, s) {
+    const i = e(n.toString(t), this.options);
+    this.stats.minutes += i.minutes, this.stats.time += i.time, this.stats.words += i.words, s();
+  }, r.prototype._flush = function(n) {
+    this.stats.text = Math.ceil(this.stats.minutes.toFixed(2)) + " min read", this.push(this.stats), n();
+  }, p = r, p;
+}
+var b;
+function U() {
+  return b || (b = 1, l.exports.default = l.exports = v(), l.exports.readingTimeStream = F()), l.exports;
+}
+var W = U();
+const k = /* @__PURE__ */ C(W);
+function Q(e) {
+  const o = new Date(e.created_at), a = new Date(e.updated_at), r = (i) => i.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }), n = e.description.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim(), t = k(n), s = a.getTime() !== o.getTime();
+  return /* @__PURE__ */ u(S, { maw: 800, mx: "auto", px: "sm", py: "lg", children: /* @__PURE__ */ y(M, { gap: "md", children: [
+    /* @__PURE__ */ u(R, { order: 1, children: e.title }),
+    /* @__PURE__ */ y(D, { size: "sm", c: "dimmed", children: [
+      t.text,
+      " · Written on ",
+      r(o),
+      s && ` · Updated on ${r(a)}`
+    ] }),
+    e.banner_image && /* @__PURE__ */ u(
+      q,
       {
         id: e.id,
         src: e.banner_image,
@@ -16,27 +168,27 @@ function b(e) {
         config: e.config
       }
     ),
-    /* @__PURE__ */ i(
-      f,
+    /* @__PURE__ */ u(
+      A,
       {
         articleId: e.id,
         html: e.description,
         config: e.config
       }
     ),
-    /* @__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,
+    /* @__PURE__ */ u(P, { wrap: "wrap", gap: "md", align: "center", mb: "lg", children: e.tags.map((i) => /* @__PURE__ */ u("a", { href: i.href, children: /* @__PURE__ */ u(
+      B,
       {
         size: "md",
         color: "sky.5",
         variant: "outline",
-        leftSection: /* @__PURE__ */ i(o, { size: 14 }),
+        leftSection: /* @__PURE__ */ u($, { size: 14 }),
         style: { cursor: "pointer" },
-        children: n.name
+        children: i.name
       }
-    ) }, n.name)) })
+    ) }, i.name)) })
   ] }) });
 }
 export {
-  b as default
+  Q as default
 };

package/dist/services/articles.js

@@ -1,7 +1,7 @@
-import { articleSortByVsQuery as u } from "./search-params.js";
+import { articleSortByVsQuery as h } from "./search-params.js";
 import "zod";
-import { PAGE_SIZE as f } from "../cfg.js";
-class y {
+import { PAGE_SIZE as p } from "../cfg.js";
+class q {
   db;
   constructor(e) {
     this.db = e;
@@ -11,25 +11,25 @@ class y {
    * Includes its tags.
    */
   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: d, error: i } = await this.db.from("tag_articles").select("tag_id").eq("article_id", t.id);
-    if (i)
+    const { data: t, error: r } = await this.db.from("articles").select("*").eq("slug", e).eq("status", "Published").single();
+    if (r)
+      return console.error("Error fetching article details:", r.message), null;
+    const { data: g, 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:",
-        i.message
+        s.message
       ), { ...t, tags: [] };
-    const n = d?.map((o) => o.tag_id) || [];
-    let r = [];
+    const n = g?.map((c) => c.tag_id) || [];
+    let o = [];
     if (n.length > 0) {
-      const { data: o, error: c } = await this.db.from("tags").select("name").in("id", n);
-      c ? console.error(
+      const { data: c, error: l } = await this.db.from("tags").select("name").in("id", n);
+      l ? console.error(
         "Error fetching article tag names:",
-        c.message
-      ) : r = o.map((l) => l.name);
+        l.message
+      ) : o = c.map((d) => d.name);
     }
-    return { ...t, tags: r };
+    return { ...t, tags: o };
   }
   /**
    * Get total number of articles.
@@ -46,45 +46,51 @@ class y {
    */
   async getTagNames() {
     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) ?? [];
+    return t ? (console.error("Error fetching tags:", t.message), []) : e?.map((r) => r.name) ?? [];
   }
   /**
    * Paginated list of articles with filters and sorting.
    */
   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
+    const { page: t, search: r, sortBy: g, tags: s } = e, n = h[g] ?? h.latest;
+    let o = this.db.from("article_with_tags").select("id").eq("status", "Published");
+    r && (o = o.ilike("title", `%${r}%`)), s && s.length > 0 && (o = o.in("tag", s));
+    const { data: c, error: l } = await o;
+    if (l)
+      return console.error("Count failed:", l), { items: [], total: 0 };
+    const d = new Set(c?.map((a) => a.id)).size;
+    let i = this.db.from("article_with_tags").select("*").eq("status", "Published");
+    r && (i = i.ilike("title", `%${r}%`)), s && s.length > 0 && (i = i.in("tag", s)), i = i.order(n.column, { ascending: n.ascending });
+    const u = t * p, _ = u + p - 1;
+    i = i.range(u, _);
+    const { data: b, error: f } = await i;
+    if (f)
+      return console.error("Error fetching paginated articles:", f), { items: [], total: 0 };
+    const m = /* @__PURE__ */ new Map();
+    for (const a of b ?? [])
+      m.has(a.id) || m.set(a.id, {
+        id: a.id,
+        title: a.title,
+        description: a.description,
+        slug: a.slug,
+        created_at: a.created_at,
+        banner_image: a.banner_image
       });
     return {
-      items: [...g.values()],
-      total: Object.keys(g).length
+      items: [...m.values()],
+      total: d
     };
   }
   async getDescription(e) {
-    const { data: t, error: a } = await this.db.storage.from("content").download(`articles/${e}/description.html`);
-    return a ? (console.error(
+    const { data: t, error: r } = await this.db.storage.from("content").download(`articles/${e}/description.html`);
+    return r ? (console.error(
       `Error fetching article description for article ID "${e}":`,
-      a.message
+      r.message
     ), null) : t ? await t.text() : (console.warn(
       `No article description file found for article ID: ${e}`
     ), null);
   }
 }
 export {
-  y as ArticleService
+  q 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.16",
+  "version": "0.0.18",
   "type": "module",
   "exports": {
     ".": {
@@ -56,6 +56,7 @@
   ],
   "dependencies": {
     "dom-serializer": "^2.0.0",
-    "htmlparser2": "^10.0.0"
+    "htmlparser2": "^10.0.0",
+    "reading-time": "^1.5.0"
   }
 }