@k34a/blog 0.0.17 → 0.0.19

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,26 @@
 "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 t, jsxs as c } from "react/jsx-runtime";
+import { Box as o, Stack as g, Title as f, Text as s, Flex as h, Badge as u } from "@mantine/core";
+import { IconHash as x } from "@tabler/icons-react";
+import { BannerImage as D } from "./banner-image.js";
+import w from "./description.js";
+import { calculateReadingTime as T } from "../utils.js";
+function I(e) {
+  const n = new Date(e.created_at), a = new Date(e.updated_at), r = (i) => i.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }), m = e.description.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim(), d = T(m), l = a.getTime() !== n.getTime();
+  return /* @__PURE__ */ t(o, { maw: 800, mx: "auto", px: "sm", py: "lg", children: /* @__PURE__ */ c(g, { gap: "md", children: [
+    /* @__PURE__ */ t(f, { order: 1, children: e.title }),
+    /* @__PURE__ */ c(s, { size: "sm", c: "dimmed", children: [
+      d.text,
+      " · Written on ",
+      r(n),
+      l && ` · Updated on ${r(a)}`
+    ] }),
+    e.banner_image && /* @__PURE__ */ t(
+      D,
       {
         id: e.id,
         src: e.banner_image,
@@ -16,27 +28,27 @@ function b(e) {
         config: e.config
       }
     ),
-    /* @__PURE__ */ i(
-      f,
+    /* @__PURE__ */ t(
+      w,
       {
         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__ */ t(h, { wrap: "wrap", gap: "md", align: "center", mb: "lg", children: e.tags.map((i) => /* @__PURE__ */ t("a", { href: i.href, children: /* @__PURE__ */ t(
+      u,
       {
         size: "md",
         color: "sky.5",
         variant: "outline",
-        leftSection: /* @__PURE__ */ i(o, { size: 14 }),
+        leftSection: /* @__PURE__ */ t(x, { size: 14 }),
         style: { cursor: "pointer" },
-        children: n.name
+        children: i.name
       }
-    ) }, n.name)) })
+    ) }, i.name)) })
   ] }) });
 }
 export {
-  b as default
+  I as default
 };

package/dist/components/utils.d.ts

@@ -1,2 +1,7 @@
 export declare function applyImageFullPaths(html: string, getImageFullPath: (src: string) => string): string;
 export declare function resolveImageForArticle(hostname: string, id: string, imageName: string): string;
+export declare function calculateReadingTime(text: string): {
+    minutes: number;
+    text: string;
+    words: number;
+};

package/dist/components/utils.js

@@ -77,7 +77,7 @@ var g;
 (function(e) {
   e[e.Legacy = 0] = "Legacy", e[e.Strict = 1] = "Strict", e[e.Attribute = 2] = "Attribute";
 })(g || (g = {}));
-class du {
+class nu {
   constructor(u, t, a) {
     this.decodeTree = u, this.emitCodePoint = t, this.errors = a, this.state = h.EntityStart, this.consumed = 1, this.result = 0, this.treeIndex = 0, this.excess = 1, this.decodeMode = g.Strict;
   }
@@ -204,14 +204,14 @@ class du {
     const { decodeTree: a } = this;
     let i = a[this.treeIndex], s = (i & w.VALUE_LENGTH) >> 14;
     for (; t < u.length; t++, this.excess++) {
-      const d = u.charCodeAt(t);
-      if (this.treeIndex = nu(a, i, this.treeIndex + Math.max(1, s), d), this.treeIndex < 0)
+      const n = u.charCodeAt(t);
+      if (this.treeIndex = du(a, i, this.treeIndex + Math.max(1, s), n), this.treeIndex < 0)
         return this.result === 0 || // If we are parsing an attribute
         this.decodeMode === g.Attribute && // We shouldn't have consumed any characters after the entity,
         (s === 0 || // And there should be no invalid characters.
-        ru(d)) ? 0 : this.emitNotTerminatedNamedEntity();
+        ru(n)) ? 0 : this.emitNotTerminatedNamedEntity();
       if (i = a[this.treeIndex], s = (i & w.VALUE_LENGTH) >> 14, s !== 0) {
-        if (d === x.SEMI)
+        if (n === x.SEMI)
           return this.emitNamedEntityData(this.treeIndex, s, this.consumed + this.excess);
         this.decodeMode !== g.Strict && (this.result = this.treeIndex, this.consumed += this.excess, this.excess = 0);
       }
@@ -265,7 +265,7 @@ class du {
     }
   }
 }
-function nu(e, u, t, a) {
+function du(e, u, t, a) {
   const i = (u & w.BRANCH_LENGTH) >> 7, s = u & w.JUMP_TABLE;
   if (i === 0)
     return s !== 0 && a === s ? t : -1;
@@ -273,11 +273,11 @@ function nu(e, u, t, a) {
     const l = a - s;
     return l < 0 || l >= i ? -1 : e[t + l] - 1;
   }
-  let d = t, b = d + i - 1;
-  for (; d <= b; ) {
-    const l = d + b >>> 1, S = e[l];
+  let n = t, b = n + i - 1;
+  for (; n <= b; ) {
+    const l = n + b >>> 1, S = e[l];
     if (S < a)
-      d = l + 1;
+      n = l + 1;
     else if (S > a)
       b = l - 1;
     else
@@ -337,7 +337,7 @@ const o = {
 };
 class bu {
   constructor({ xmlMode: u = !1, decodeEntities: t = !0 }, a) {
-    this.cbs = a, this.state = c.Text, this.buffer = "", this.sectionStart = 0, this.index = 0, this.entityStart = 0, this.baseState = c.Text, this.isSpecial = !1, this.running = !0, this.offset = 0, this.currentSequence = void 0, this.sequenceIndex = 0, this.xmlMode = u, this.decodeEntities = t, this.entityDecoder = new du(u ? eu : uu, (i, s) => this.emitCodePoint(i, s));
+    this.cbs = a, this.state = c.Text, this.buffer = "", this.sectionStart = 0, this.index = 0, this.entityStart = 0, this.baseState = c.Text, this.isSpecial = !1, this.running = !0, this.offset = 0, this.currentSequence = void 0, this.sequenceIndex = 0, this.xmlMode = u, this.decodeEntities = t, this.entityDecoder = new nu(u ? eu : uu, (i, s) => this.emitCodePoint(i, s));
   }
   reset() {
     this.state = c.Text, this.buffer = "", this.sectionStart = 0, this.index = 0, this.baseState = c.Text, this.currentSequence = void 0, this.running = !0, this.offset = 0;
@@ -748,8 +748,8 @@ const E = /* @__PURE__ */ new Set([
 ]), hu = /\s|\//;
 class xu {
   constructor(u, t = {}) {
-    var a, i, s, d, b, l;
-    this.options = t, this.startIndex = 0, this.endIndex = 0, this.openTagStart = 0, this.tagname = "", this.attribname = "", this.attribvalue = "", this.attribs = null, this.stack = [], this.buffers = [], this.bufferOffset = 0, this.writeIndex = 0, this.ended = !1, this.cbs = u ?? {}, this.htmlMode = !this.options.xmlMode, this.lowerCaseTagNames = (a = t.lowerCaseTags) !== null && a !== void 0 ? a : this.htmlMode, this.lowerCaseAttributeNames = (i = t.lowerCaseAttributeNames) !== null && i !== void 0 ? i : this.htmlMode, this.recognizeSelfClosing = (s = t.recognizeSelfClosing) !== null && s !== void 0 ? s : !this.htmlMode, this.tokenizer = new ((d = t.Tokenizer) !== null && d !== void 0 ? d : bu)(this.options, this), this.foreignContext = [!this.htmlMode], (l = (b = this.cbs).onparserinit) === null || l === void 0 || l.call(b, this);
+    var a, i, s, n, b, l;
+    this.options = t, this.startIndex = 0, this.endIndex = 0, this.openTagStart = 0, this.tagname = "", this.attribname = "", this.attribvalue = "", this.attribs = null, this.stack = [], this.buffers = [], this.bufferOffset = 0, this.writeIndex = 0, this.ended = !1, this.cbs = u ?? {}, this.htmlMode = !this.options.xmlMode, this.lowerCaseTagNames = (a = t.lowerCaseTags) !== null && a !== void 0 ? a : this.htmlMode, this.lowerCaseAttributeNames = (i = t.lowerCaseAttributeNames) !== null && i !== void 0 ? i : this.htmlMode, this.recognizeSelfClosing = (s = t.recognizeSelfClosing) !== null && s !== void 0 ? s : !this.htmlMode, this.tokenizer = new ((n = t.Tokenizer) !== null && n !== void 0 ? n : bu)(this.options, this), this.foreignContext = [!this.htmlMode], (l = (b = this.cbs).onparserinit) === null || l === void 0 || l.call(b, this);
   }
   // Tokenizer event handlers
   /** @internal */
@@ -779,9 +779,9 @@ class xu {
   emitOpenTag(u) {
     var t, a, i, s;
     this.openTagStart = this.startIndex, this.tagname = u;
-    const d = this.htmlMode && ou.get(u);
-    if (d)
-      for (; this.stack.length > 0 && d.has(this.stack[0]); ) {
+    const n = this.htmlMode && ou.get(u);
+    if (n)
+      for (; this.stack.length > 0 && n.has(this.stack[0]); ) {
         const b = this.stack.shift();
         (a = (t = this.cbs).onclosetag) === null || a === void 0 || a.call(t, b, !0);
       }
@@ -797,11 +797,11 @@ class xu {
   }
   /** @internal */
   onclosetag(u, t) {
-    var a, i, s, d, b, l, S, I;
+    var a, i, s, n, b, l, S, I;
     this.endIndex = t;
     let m = this.getSlice(u, t);
     if (this.lowerCaseTagNames && (m = m.toLowerCase()), this.htmlMode && (C.has(m) || G.has(m)) && this.foreignContext.shift(), this.isVoidElement(m))
-      this.htmlMode && m === "br" && ((d = (s = this.cbs).onopentagname) === null || d === void 0 || d.call(s, "br"), (l = (b = this.cbs).onopentag) === null || l === void 0 || l.call(b, "br", {}, !0), (I = (S = this.cbs).onclosetag) === null || I === void 0 || I.call(S, "br", !1));
+      this.htmlMode && m === "br" && ((n = (s = this.cbs).onopentagname) === null || n === void 0 || n.call(s, "br"), (l = (b = this.cbs).onopentag) === null || l === void 0 || l.call(b, "br", {}, !0), (I = (S = this.cbs).onclosetag) === null || I === void 0 || I.call(S, "br", !1));
     else {
       const T = this.stack.indexOf(m);
       if (T !== -1)
@@ -868,15 +868,15 @@ class xu {
   }
   /** @internal */
   oncomment(u, t, a) {
-    var i, s, d, b;
-    this.endIndex = t, (s = (i = this.cbs).oncomment) === null || s === void 0 || s.call(i, this.getSlice(u, t - a)), (b = (d = this.cbs).oncommentend) === null || b === void 0 || b.call(d), this.startIndex = t + 1;
+    var i, s, n, b;
+    this.endIndex = t, (s = (i = this.cbs).oncomment) === null || s === void 0 || s.call(i, this.getSlice(u, t - a)), (b = (n = this.cbs).oncommentend) === null || b === void 0 || b.call(n), this.startIndex = t + 1;
   }
   /** @internal */
   oncdata(u, t, a) {
-    var i, s, d, b, l, S, I, m, T, y;
+    var i, s, n, b, l, S, I, m, T, y;
     this.endIndex = t;
     const N = this.getSlice(u, t - a);
-    !this.htmlMode || this.options.recognizeCDATA ? ((s = (i = this.cbs).oncdatastart) === null || s === void 0 || s.call(i), (b = (d = this.cbs).ontext) === null || b === void 0 || b.call(d, N), (S = (l = this.cbs).oncdataend) === null || S === void 0 || S.call(l)) : ((m = (I = this.cbs).oncomment) === null || m === void 0 || m.call(I, `[CDATA[${N}]]`), (y = (T = this.cbs).oncommentend) === null || y === void 0 || y.call(T)), this.startIndex = t + 1;
+    !this.htmlMode || this.options.recognizeCDATA ? ((s = (i = this.cbs).oncdatastart) === null || s === void 0 || s.call(i), (b = (n = this.cbs).ontext) === null || b === void 0 || b.call(n, N), (S = (l = this.cbs).oncdataend) === null || S === void 0 || S.call(l)) : ((m = (I = this.cbs).oncomment) === null || m === void 0 || m.call(I, `[CDATA[${N}]]`), (y = (T = this.cbs).oncommentend) === null || y === void 0 || y.call(T)), this.startIndex = t + 1;
   }
   /** @internal */
   onend() {
@@ -974,14 +974,14 @@ class xu {
     this.end(u);
   }
 }
-var n;
+var d;
 (function(e) {
   e.Root = "root", e.Text = "text", e.Directive = "directive", e.Comment = "comment", e.Script = "script", e.Style = "style", e.Tag = "tag", e.CDATA = "cdata", e.Doctype = "doctype";
-})(n || (n = {}));
+})(d || (d = {}));
 function mu(e) {
-  return e.type === n.Tag || e.type === n.Script || e.type === n.Style;
+  return e.type === d.Tag || e.type === d.Script || e.type === d.Style;
 }
-const gu = n.Root, pu = n.Text, Su = n.Directive, Au = n.Comment, wu = n.Script, yu = n.Style, Iu = n.Tag, Tu = n.CDATA, Eu = n.Doctype;
+const gu = d.Root, pu = d.Text, Su = d.Directive, Au = d.Comment, wu = d.Script, yu = d.Style, Iu = d.Tag, Tu = d.CDATA, Eu = d.Doctype;
 class z {
   constructor() {
     this.parent = null, this.prev = null, this.next = null, this.startIndex = null, this.endIndex = null;
@@ -1047,7 +1047,7 @@ class _ extends z {
 }
 class L extends _ {
   constructor() {
-    super(...arguments), this.type = n.Text;
+    super(...arguments), this.type = d.Text;
   }
   get nodeType() {
     return 3;
@@ -1055,7 +1055,7 @@ class L extends _ {
 }
 class j extends _ {
   constructor() {
-    super(...arguments), this.type = n.Comment;
+    super(...arguments), this.type = d.Comment;
   }
   get nodeType() {
     return 8;
@@ -1063,13 +1063,13 @@ class j extends _ {
 }
 class Q extends _ {
   constructor(u, t) {
-    super(t), this.name = u, this.type = n.Directive;
+    super(t), this.name = u, this.type = d.Directive;
   }
   get nodeType() {
     return 1;
   }
 }
-class R extends z {
+class M extends z {
   /**
    * @param children Children of the node. Only certain node types can have children.
    */
@@ -1097,29 +1097,29 @@ class R extends z {
     this.children = u;
   }
 }
-class W extends R {
+class W extends M {
   constructor() {
-    super(...arguments), this.type = n.CDATA;
+    super(...arguments), this.type = d.CDATA;
   }
   get nodeType() {
     return 4;
   }
 }
-class B extends R {
+class B extends M {
   constructor() {
-    super(...arguments), this.type = n.Root;
+    super(...arguments), this.type = d.Root;
   }
   get nodeType() {
     return 9;
   }
 }
-class Z extends R {
+class Z extends M {
   /**
    * @param name Name of the tag, eg. `div`, `span`.
    * @param attribs Object mapping attribute names to attribute values.
    * @param children Children of the node.
    */
-  constructor(u, t, a = [], i = u === "script" ? n.Script : u === "style" ? n.Style : n.Tag) {
+  constructor(u, t, a = [], i = u === "script" ? d.Script : u === "style" ? d.Style : d.Tag) {
     super(a), this.name = u, this.attribs = t, this.type = i;
   }
   get nodeType() {
@@ -1152,19 +1152,19 @@ function X(e) {
   return mu(e);
 }
 function Nu(e) {
-  return e.type === n.CDATA;
+  return e.type === d.CDATA;
 }
 function vu(e) {
-  return e.type === n.Text;
+  return e.type === d.Text;
 }
 function qu(e) {
-  return e.type === n.Comment;
+  return e.type === d.Comment;
 }
 function ku(e) {
-  return e.type === n.Directive;
+  return e.type === d.Directive;
 }
 function Du(e) {
-  return e.type === n.Root;
+  return e.type === d.Root;
 }
 function Lu(e) {
   return Object.prototype.hasOwnProperty.call(e, "children");
@@ -1231,12 +1231,12 @@ class Bu {
     this.options.withEndIndices && (u.endIndex = this.parser.endIndex), this.elementCB && this.elementCB(u);
   }
   onopentag(u, t) {
-    const a = this.options.xmlMode ? n.Tag : void 0, i = new Z(u, t, void 0, a);
+    const a = this.options.xmlMode ? d.Tag : void 0, i = new Z(u, t, void 0, a);
     this.addNode(i), this.tagStack.push(i);
   }
   ontext(u) {
     const { lastNode: t } = this;
-    if (t && t.type === n.Text)
+    if (t && t.type === d.Text)
       t.data += u, this.options.withEndIndices && (t.endIndex = this.parser.endIndex);
     else {
       const a = new L(u);
@@ -1244,7 +1244,7 @@ class Bu {
     }
   }
   oncomment(u) {
-    if (this.lastNode && this.lastNode.type === n.Comment) {
+    if (this.lastNode && this.lastNode.type === d.Comment) {
       this.lastNode.data += u;
       return;
     }
@@ -1282,7 +1282,7 @@ const H = /["&'<>$\x80-\uFFFF]/g, _u = /* @__PURE__ */ new Map([
   [39, "&apos;"],
   [60, "&lt;"],
   [62, "&gt;"]
-]), Ru = (
+]), Mu = (
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
   String.prototype.codePointAt != null ? (e, u) => e.codePointAt(u) : (
     // http://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae
@@ -1292,20 +1292,20 @@ const H = /["&'<>$\x80-\uFFFF]/g, _u = /* @__PURE__ */ new Map([
 function Y(e) {
   let u = "", t = 0, a;
   for (; (a = H.exec(e)) !== null; ) {
-    const i = a.index, s = e.charCodeAt(i), d = _u.get(s);
-    d !== void 0 ? (u += e.substring(t, i) + d, t = i + 1) : (u += `${e.substring(t, i)}&#x${Ru(e, i).toString(16)};`, t = H.lastIndex += +((s & 64512) === 55296));
+    const i = a.index, s = e.charCodeAt(i), n = _u.get(s);
+    n !== void 0 ? (u += e.substring(t, i) + n, t = i + 1) : (u += `${e.substring(t, i)}&#x${Mu(e, i).toString(16)};`, t = H.lastIndex += +((s & 64512) === 55296));
   }
   return u + e.substr(t);
 }
 function K(e, u) {
   return function(a) {
-    let i, s = 0, d = "";
+    let i, s = 0, n = "";
     for (; i = e.exec(a); )
-      s !== i.index && (d += a.substring(s, i.index)), d += u.get(i[0].charCodeAt(0)), s = i.index + 1;
-    return d + a.substring(s);
+      s !== i.index && (n += a.substring(s, i.index)), n += u.get(i[0].charCodeAt(0)), s = i.index + 1;
+    return n + a.substring(s);
   };
 }
-const Mu = K(/["&\u00A0]/g, /* @__PURE__ */ new Map([
+const Ru = K(/["&\u00A0]/g, /* @__PURE__ */ new Map([
   [34, "&quot;"],
   [38, "&amp;"],
   [160, "&nbsp;"]
@@ -1429,11 +1429,11 @@ function Gu(e, u) {
   var t;
   if (!e)
     return;
-  const a = ((t = u.encodeEntities) !== null && t !== void 0 ? t : u.decodeEntities) === !1 ? Cu : u.xmlMode || u.encodeEntities !== "utf8" ? Y : Mu;
+  const a = ((t = u.encodeEntities) !== null && t !== void 0 ? t : u.decodeEntities) === !1 ? Cu : u.xmlMode || u.encodeEntities !== "utf8" ? Y : Ru;
   return Object.keys(e).map((i) => {
-    var s, d;
+    var s, n;
     const b = (s = e[i]) !== null && s !== void 0 ? s : "";
-    return u.xmlMode === "foreign" && (i = (d = Pu.get(i)) !== null && d !== void 0 ? d : i), !u.emptyAttrs && !u.xmlMode && b === "" ? i : `${i}="${a(b)}"`;
+    return u.xmlMode === "foreign" && (i = (n = Pu.get(i)) !== null && n !== void 0 ? n : i), !u.emptyAttrs && !u.xmlMode && b === "" ? i : `${i}="${a(b)}"`;
   }).join(" ");
 }
 const $ = /* @__PURE__ */ new Set([
@@ -1457,7 +1457,7 @@ const $ = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
-function M(e, u = {}) {
+function R(e, u = {}) {
   const t = "length" in e ? e : [e];
   let a = "";
   for (let i = 0; i < t.length; i++)
@@ -1467,7 +1467,7 @@ function M(e, u = {}) {
 function Fu(e, u) {
   switch (e.type) {
     case gu:
-      return M(e.children, u);
+      return R(e.children, u);
     // @ts-expect-error We don't use `Doctype` yet
     case Eu:
     case Su:
@@ -1506,7 +1506,7 @@ function zu(e, u) {
   ) : (
     // User explicitly asked for self-closing tags, even in HTML mode
     u.selfClosingTags && $.has(e.name)
-  )) ? (u.xmlMode || (a += " "), a += "/>") : (a += ">", e.children.length > 0 && (a += M(e.children, u)), (u.xmlMode || !$.has(e.name)) && (a += `</${e.name}>`)), a;
+  )) ? (u.xmlMode || (a += " "), a += "/>") : (a += ">", e.children.length > 0 && (a += R(e.children, u)), (u.xmlMode || !$.has(e.name)) && (a += `</${e.name}>`)), a;
 }
 function ju(e) {
   return `<${e.data}>`;
@@ -1549,12 +1549,21 @@ function Yu(e, u) {
     const s = i.attribs?.src;
     s && (i.attribs.src = u(s));
   }
-  return M(t);
+  return R(t);
 }
 function Ku(e, u, t) {
   return t.startsWith("http") ? t : t.startsWith("articles/") ? `https://${e}/storage/v1/object/public/content/${t}` : `https://${e}/storage/v1/object/public/content/articles/${u}/${t.trim()}`;
 }
+function u0(e) {
+  const u = e.trim().split(/\s+/).length, a = Math.max(1, Math.ceil(u / 200));
+  return {
+    minutes: a,
+    text: `${a} min read`,
+    words: u
+  };
+}
 export {
   Yu as applyImageFullPaths,
+  u0 as calculateReadingTime,
   Ku as resolveImageForArticle
 };

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.19",
   "type": "module",
   "exports": {
     ".": {