@k34a/blog 0.0.17 → 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/package.json

@@ -2,7 +2,7 @@
   "name": "@k34a/blog",
   "description": "Create and share articles with your audience.",
   "private": false,
-  "version": "0.0.17",
+  "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"
   }
 }