@voidzero-dev/vitepress-theme 0.1.32 → 0.1.33

package/dist/index38.js

@@ -1,20 +1,116 @@
-import { createElementBlock as c, openBlock as t, createElementVNode as o } from "vue";
-import r from "./index27.js";
-const n = {}, l = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-hidden": "true",
-  focusable: "false",
-  viewBox: "0 0 24 24"
-};
-function s(a, e) {
-  return t(), c("svg", l, [...e[0] || (e[0] = [
-    o("path", {
-      fill: "currentColor",
-      d: "M22.46 6c-.77.35-1.6.58-2.46.69c.88-.53 1.56-1.37 1.88-2.38c-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29c0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15c0 1.49.75 2.81 1.91 3.56c-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.2 4.2 0 0 1-1.93.07a4.28 4.28 0 0 0 4 2.98a8.52 8.52 0 0 1-5.33 1.84q-.51 0-1.02-.06C3.44 20.29 5.7 21 8.12 21C16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56c.84-.6 1.56-1.36 2.14-2.23"
-    }, null, -1)
-  ])]);
-}
-const d = /* @__PURE__ */ r(n, [["render", s]]);
+import { defineComponent as x, ref as l, computed as g, onMounted as y, onUnmounted as h, createElementBlock as w, openBlock as b, Fragment as k, createElementVNode as t, createStaticVNode as c, createTextVNode as C, createVNode as S, unref as f } from "vue";
+import _ from "./index61.js";
+import "./index62.js";
+import "./index63.js";
+import A from "./index64.js";
+import B from "./index65.js";
+import { Chart as F } from "./index66.js";
+import { continuous as N } from "./index67.js";
+const P = { class: "wrapper wrapper--ticks border-t grid grid-cols-2 divide-x divide-ceramic" }, T = { class: "p-10 flex flex-col justify-between" }, z = /* @__PURE__ */ x({
+  __name: "Statistics",
+  props: {
+    statsUrl: { default: "/stats.json" }
+  },
+  setup(v) {
+    const u = v, a = l([]), i = l({
+      datasets: []
+    }), s = l(null), m = g(() => a.value.slice().reverse().find((d) => d.y > 0)?.y || 0);
+    return y(async () => {
+      const n = (await (await fetch(u.statsUrl)).json()).map((p) => ({
+        x: A(p.x).valueOf(),
+        y: p.y
+      }));
+      n.pop(), a.value = n;
+      const r = document.getElementById("chart-canvas"), o = r.getContext("2d").createLinearGradient(0, 0, -50, 400);
+      o.addColorStop(0, "#AA3BFF"), o.addColorStop(1, "#AA3BFF"), i.value = {
+        datasets: [
+          {
+            data: a.value,
+            /*fill: {
+              target: 'origin',
+              above: 'rgba(0, 0, 0, 0.02)'
+            },*/
+            pointStyle: !1,
+            borderWidth: 3,
+            borderColor: o,
+            stepped: !1
+          }
+        ]
+      }, s.value = new F(r, {
+        type: "line",
+        options: {
+          scales: {
+            x: {
+              type: "time",
+              time: {
+                unit: "week"
+              },
+              display: !1,
+              alignToPixels: !0,
+              ticks: { padding: 0 },
+              border: {
+                display: !1
+              }
+            },
+            y: {
+              min: 0,
+              display: !1,
+              ticks: { padding: 0 },
+              alignToPixels: !0,
+              border: {
+                display: !1
+              }
+            }
+          },
+          plugins: {
+            legend: {
+              display: !1
+            },
+            tooltip: {
+              enabled: !1
+            }
+          },
+          layout: {
+            autoPadding: !1,
+            padding: {
+              left: 0,
+              right: 0,
+              top: 0,
+              bottom: 100
+            }
+          },
+          aspectRatio: 5 / 3.5
+        },
+        data: {
+          datasets: i.value.datasets
+        }
+      });
+    }), h(() => {
+      s.value && s.value.destroy();
+    }), (d, e) => (b(), w(k, null, [
+      t("section", P, [
+        t("div", T, [
+          e[0] || (e[0] = t("h6", { class: "flex gap-2 items-center" }, [
+            t("img", {
+              src: _,
+              class: "size-8",
+              alt: "Vite"
+            }),
+            C(" Weekly downloads")
+          ], -1)),
+          t("h1", null, [
+            S(f(B), {
+              plugins: [f(N)],
+              value: m.value
+            }, null, 8, ["plugins", "value"])
+          ])
+        ]),
+        e[1] || (e[1] = c('<div class="relative aspect-[5/3.5]" data-v-5e416fd5><canvas id="chart-canvas" width="200" height="200" data-v-5e416fd5></canvas><div class="flex justify-between absolute bottom-10 left-10 right-10" data-v-5e416fd5><p class="font-mono text-sm text-nickel" data-v-5e416fd5>April 2020</p><p class="font-mono text-sm text-nickel" data-v-5e416fd5>Today</p></div></div>', 1))
+      ]),
+      e[2] || (e[2] = c('<section class="wrapper wrapper--ticks border-t grid grid-cols-3 divide-x divide-ceramic" data-v-5e416fd5><div class="flex flex-col gap-2 p-10" data-v-5e416fd5><h2 data-v-5e416fd5>30m+</h2><p class="lead" data-v-5e416fd5>Weekly NPM downloads</p></div><div class="flex flex-col gap-2 p-10" data-v-5e416fd5><h2 data-v-5e416fd5>118k+</h2><p class="lead" data-v-5e416fd5>Total GitHub Stars</p></div><div class="flex flex-col gap-2 p-10" data-v-5e416fd5><h2 data-v-5e416fd5>6.2m+</h2><p class="lead" data-v-5e416fd5>GitHub Dependents</p></div></section>', 1))
+    ], 64));
+  }
+});
 export {
-  d as default
+  z as default
 };

package/dist/index4.js

@@ -1,11 +1,11 @@
 import { defineComponent as w, ref as d, onMounted as V, onUnmounted as C, createElementBlock as k, openBlock as _, createElementVNode as A, normalizeClass as x, createBlock as E, createCommentVNode as N, unref as a, withCtx as n, createVNode as e, createTextVNode as r } from "vue";
 import { TabsRoot as $, TabsList as I, TabsTrigger as i, TabsContent as u } from "reka-ui";
-import z from "./index40.js";
-import B from "./index41.js";
-import O from "./index42.js";
-import R from "./index43.js";
-import U from "./index44.js";
-import j from "./index45.js";
+import z from "./index41.js";
+import B from "./index42.js";
+import O from "./index43.js";
+import R from "./index44.js";
+import U from "./index45.js";
+import j from "./index46.js";
 const D = 1500, J = /* @__PURE__ */ w({
   __name: "Terminal",
   setup(L) {