chore: code formatting

source/app/metrics/utils.mjs

@@ -822,7 +822,7 @@ export const Graph = {
   /**Basic Graph */
   graph(type, data, {area = true, points = true, text = true, low = NaN, high = NaN, match = null, labels = null, width = 480, height = 315, ticks = 0} = {}) {
     //Generate SVG
-    const margin = {top:10, left:10, right:10, bottom:45}
+    const margin = {top: 10, left: 10, right: 10, bottom: 45}
     const d3n = new D3node()
     const svg = d3n.createSVG(width, height)
 
@@ -862,7 +862,7 @@ export const Graph = {
       .range([margin.left, height - margin.top - margin.bottom])
     svg.append("g")
       .attr("transform", `translate(${margin.left},${margin.top})`)
-      .call(d3.axisRight(y).ticks(Math.round(height/50)).tickSize(width - margin.left - margin.right))
+      .call(d3.axisRight(y).ticks(Math.round(height / 50)).tickSize(width - margin.left - margin.right))
       .call(g => g.select(".domain").remove())
       .call(g => g.selectAll(".tick line").attr("stroke-opacity", 0.5).attr("stroke-dasharray", "2,2"))
       .call(g => g.selectAll(".tick text").attr("x", 0).attr("dy", -4))
@@ -883,7 +883,7 @@ export const Graph = {
         d3.line()
           .curve(d3.curveLinear)
           .x(d => x(d[0]))
-          .y(d => y(d[1]))
+          .y(d => y(d[1])),
       )
       .attr("fill", "transparent")
       .attr("stroke", "#87ceeb")
@@ -892,24 +892,24 @@ export const Graph = {
     //Generate graph area
     if (area) {
       svg.append("path")
-      .datum(datum)
+        .datum(datum)
-      .attr("transform", `translate(${margin.left},${margin.top})`)
+        .attr("transform", `translate(${margin.left},${margin.top})`)
-      .attr(
+        .attr(
-        "d",
+          "d",
-        d3.area()
+          d3.area()
-          .curve(d3.curveLinear)
+            .curve(d3.curveLinear)
-          .x(d => x(d[0]))
+            .x(d => x(d[0]))
-          .y0(d => y(d[1]))
+            .y0(d => y(d[1]))
-          .y1(() => y(low)),
+            .y1(() => y(low)),
-      )
+        )
-      .attr("fill", "rgba(88, 166, 255, .1)")
+        .attr("fill", "rgba(88, 166, 255, .1)")
     }
 
     //Generate graph points
     if (points) {
       svg.append("g")
-      .selectAll("circle")
+        .selectAll("circle")
-      .data(yticked)
+        .data(yticked)
         .join("circle")
         .attr("transform", `translate(${margin.left},${margin.top})`)
         .attr("cx", d => x(d[0]))
@@ -929,10 +929,10 @@ export const Graph = {
         .attr("stroke-linejoin", "round")
         .attr("stroke-width", 4)
         .attr("paint-order", "stroke fill")
-      .selectAll("text")
+        .selectAll("text")
-      .data(yticked)
+        .data(yticked)
-      .join("text")
+        .join("text")
-        .attr("transform", `translate(${margin.left},${margin.top-4})`)
+        .attr("transform", `translate(${margin.left},${margin.top - 4})`)
         .attr("x", d => x(d[0]))
         .attr("y", d => y(d[1]))
         .text(d => d[2] ? d[2] : "")
@@ -955,46 +955,46 @@ export const Graph = {
 
     //Construct arcs
     const color = d3.scaleOrdinal(K, d3.schemeSpectral[K.length])
-    const arcs = d3.pie().padAngle(1/radius).sort(null).value(i => V[i])(I)
+    const arcs = d3.pie().padAngle(1 / radius).sort(null).value(i => V[i])(I)
     const arc = d3.arc().innerRadius(0).outerRadius(radius)
-    const labels = d3.arc().innerRadius(radius/2).outerRadius(radius/2)
+    const labels = d3.arc().innerRadius(radius / 2).outerRadius(radius / 2)
 
     svg.append("g")
-      .attr("transform", `translate(${width/2},${height/2})`)
+      .attr("transform", `translate(${width / 2},${height / 2})`)
       .attr("stroke", "white")
       .attr("stroke-width", 1)
       .attr("stroke-linejoin", "round")
-    .selectAll("path")
+      .selectAll("path")
-    .data(arcs)
+      .data(arcs)
-    .join("path")
+      .join("path")
       .attr("fill", d => colors?.[K[d.data]] ?? color(K[d.data]))
       .attr("d", arc)
-    .append("title")
+      .append("title")
       .text(d => `${K[d.data]}\n${V[d.data]}`)
 
     svg.append("g")
-      .attr("transform", `translate(${width/2},${height/2})`)
+      .attr("transform", `translate(${width / 2},${height / 2})`)
       .attr("font-family", "sans-serif")
       .attr("font-size", 12)
       .attr("text-anchor", "middle")
       .attr("fill", "white")
       .attr("stroke", "rbga(0,0,0,.9)")
       .attr("paint-order", "stroke fill")
-    .selectAll("text")
+      .selectAll("text")
-    .data(arcs)
+      .data(arcs)
-    .join("text")
+      .join("text")
       .attr("transform", d => `translate(${labels.centroid(d)})`)
-    .selectAll("tspan")
+      .selectAll("tspan")
-    .data(d => {
+      .data(d => {
-      const lines = `${K[d.data]}\n${V[d.data]}`.split(/\n/)
+        const lines = `${K[d.data]}\n${V[d.data]}`.split(/\n/)
-      return (d.endAngle - d.startAngle) > 0.25 ? lines : lines.slice(0, 1)
+        return (d.endAngle - d.startAngle) > 0.25 ? lines : lines.slice(0, 1)
-    })
+      })
-    .join("tspan")
+      .join("tspan")
       .attr("x", 0)
       .attr("y", (_, i) => `${i * 1.1}em`)
       .attr("font-weight", (_, i) => i ? null : "bold")
       .text(d => d)
 
     return d3n.svgString()
-  }
+  },
 }

source/plugins/community/stock/index.mjs

@@ -31,7 +31,7 @@ export default async function({login, q, imports, data, account}, {enabled = fal
 
     //Generating chart
     console.debug(`metrics/compute/${login}/plugins > stock > generating chart`)
-    const chart = imports.Graph.timeline(close.map((y, i) => ({x:new Date(timestamp[i]*1000), y})), {low:Math.min(...close), high:Math.max(...close), points:false, text:false, width: 480 * (1 + data.large), height:200})
+    const chart = imports.Graph.timeline(close.map((y, i) => ({x: new Date(timestamp[i] * 1000), y})), {low: Math.min(...close), high: Math.max(...close), points: false, text: false, width: 480 * (1 + data.large), height: 200})
 
     //Results
     return {chart, currency, price, previous, delta: price - previous, symbol, company, interval, duration}

source/plugins/habits/index.mjs

@@ -120,14 +120,14 @@ export default async function({login, data, rest, imports, q, account}, {enabled
     if ((["graph", "chartist"].includes(_charts)) && (imports.metadata.plugins.habits.extras("charts.type", {extras}))) {
       console.debug(`metrics/compute/${login}/plugins > habits > generating charts`)
       habits.charts = await Promise.all([
-        {type: "line", data: {...empty(24), ...Object.fromEntries(Object.entries(habits.commits.hours).filter(([k]) => !Number.isNaN(+k)))}, ticks:24, low: 0, high: habits.commits.hours.max},
+        {type: "line", data: {...empty(24), ...Object.fromEntries(Object.entries(habits.commits.hours).filter(([k]) => !Number.isNaN(+k)))}, ticks: 24, low: 0, high: habits.commits.hours.max},
-        {type: "line", data: {...empty(7), ...Object.fromEntries(Object.entries(habits.commits.days).filter(([k]) => !Number.isNaN(+k)))}, ticks:7, low: 0, high: habits.commits.days.max, labels:["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], half: true},
+        {type: "line", data: {...empty(7), ...Object.fromEntries(Object.entries(habits.commits.days).filter(([k]) => !Number.isNaN(+k)))}, ticks: 7, low: 0, high: habits.commits.days.max, labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], half: true},
-        {type: "pie", data: Object.fromEntries(Object.entries(habits.linguist.languages).map(([k, v]) => [k, (100*v).toFixed(2)])), colors:habits.linguist.colors, half: true},
+        {type: "pie", data: Object.fromEntries(Object.entries(habits.linguist.languages).map(([k, v]) => [k, (100 * v).toFixed(2)])), colors: habits.linguist.colors, half: true},
       ].map(({type, data, high, low, ticks, colors = null, labels = null, half = false}) => {
         const width = 480 * (half ? 0.45 : 1)
         const height = 160
         if (type === "line")
-          return imports.Graph.line(Object.entries(data).map(([x, y]) => ({x:+x, y})), {low, high, ticks, labels, width, height})
+          return imports.Graph.line(Object.entries(data).map(([x, y]) => ({x: +x, y})), {low, high, ticks, labels, width, height})
         console.log(data)
         if (type === "pie")
           return imports.Graph.pie(data, {colors, width, height})

source/plugins/stargazers/index.mjs

@@ -9,7 +9,7 @@ export default async function({login, graphql, data, imports, q, queries, accoun
     //Load inputs
     let {days, charts: _charts, "charts.type": _charts_type, worldmap: _worldmap, "worldmap.sample": _worldmap_sample} = imports.metadata.plugins.stargazers.inputs({data, account, q})
     if (!days) {
-      days = Math.abs(parseInt((new Date() - new Date(data.user.createdAt))/1000/60/60/24))
+      days = Math.abs(parseInt((new Date() - new Date(data.user.createdAt)) / 1000 / 60 / 60 / 24))
       console.debug(`metrics/compute/${login}/plugins > stargazers > set days to ${days}`)
     }
 
@@ -65,13 +65,13 @@ export default async function({login, graphql, data, imports, q, queries, accoun
 
     //Generating charts
     let charts = _charts ? true : null
-    if ((["graph", "chartist"].includes(_charts_type)) && (imports.metadata.plugins.stargazers.extras("charts.type", {extras})))  {
+    if ((["graph", "chartist"].includes(_charts_type)) && (imports.metadata.plugins.stargazers.extras("charts.type", {extras}))) {
       console.debug(`metrics/compute/${login}/plugins > stargazers > generating charts`)
-      charts = await Promise.all([{data: total, low: total.min, high: total.max}, {data: increments, low: 0, high: increments.max, sign: true}].map(({data: {dates: set}, low, high, sign = false}) =>
+      charts = await Promise.all(
-        imports.Graph.timeline(Object.entries(set).map(([x, y]) => ({x:new Date(x), y, text:imports.format(y, {sign})})), {low, high,
+        [{data: total, low: total.min, high: total.max}, {data: increments, low: 0, high: increments.max, sign: true}].map(({data: {dates: set}, low, high, sign = false}) =>
-          match:(data, ticks) => data.filter(([x]) => ticks.map(t => t.toISOString().slice(0, 10)).includes(x.toISOString().slice(0, 10))),
+          imports.Graph.timeline(Object.entries(set).map(([x, y]) => ({x: new Date(x), y, text: imports.format(y, {sign})})), {low, high, match: (data, ticks) => data.filter(([x]) => ticks.map(t => t.toISOString().slice(0, 10)).includes(x.toISOString().slice(0, 10)))})
-        })
+        ),
-      ))
+      )
     }
 
     //Generating worldmap