skillet-shared 0.2.0 → 0.3.0

package/dist/analytics.d.ts

@@ -0,0 +1 @@
+export declare function startAnalytics(): void;

package/dist/analytics.js

@@ -0,0 +1,16 @@
+// A hit counter on every page the site serves. GoatCounter counts page views
+// and sets no cookies, so no page asks first; /privacy/ says what it collects.
+const COUNTER = 'https://cmdcolin.goatcounter.com/count';
+// A browser a script is driving counts nothing: the harnesses that screenshot
+// and record these pages are nobody's visit.
+export function startAnalytics() {
+    if (navigator.webdriver)
+        return;
+    if (document.querySelector('script[data-goatcounter]'))
+        return;
+    const tag = document.createElement('script');
+    tag.async = true;
+    tag.src = 'https://gc.zgo.at/count.js';
+    tag.dataset.goatcounter = COUNTER;
+    document.head.append(tag);
+}

package/dist/dom.d.ts

@@ -0,0 +1 @@
+export declare const need: (id: string) => HTMLElement;

package/dist/dom.js

@@ -0,0 +1,6 @@
+export const need = (id) => {
+    const node = document.getElementById(id);
+    if (node === null)
+        throw new Error(`no #${id}`);
+    return node;
+};

package/dist/wire-route.d.ts

@@ -0,0 +1,19 @@
+export type Point = readonly [number, number];
+/**
+ * A run through the given corners, each rounded off by `radius`.
+ *
+ * The radius is capped at half of the shorter leg either side of a corner, so a
+ * short leg between two turns rounds to what fits instead of overshooting into
+ * the next one. Two points are a straight line and no corner at all.
+ */
+export declare function route(pts: readonly Point[], radius: number): string;
+/**
+ * The head on the end of a run: a triangle whose tip is the last point and
+ * whose base sits `len` back along the last leg, `half` to either side of it.
+ *
+ * Off the same list the wire is routed from, so the head cannot point somewhere
+ * the wire does not go. The two numbers are the drawing's, not this file's —
+ * the miniature and the card set their type at different sizes and their heads
+ * with it.
+ */
+export declare function arrowhead(pts: readonly Point[], len: number, half: number): string;

package/dist/wire-route.js

@@ -0,0 +1,59 @@
+const round = (n) => Math.round(n * 1000) / 1000;
+const at = (p) => `${round(p[0])} ${round(p[1])}`;
+const dist = (a, b) => Math.hypot(b[0] - a[0], b[1] - a[1]);
+// `by` units from `from` along the line to `to`. Clamped by the caller, not
+// here: a zero-length leg has no direction to travel, and the corner it belongs
+// to is the one place that knows what to do about it.
+const toward = (from, to, by) => {
+    const d = dist(from, to);
+    if (d === 0)
+        return from;
+    return [
+        from[0] + ((to[0] - from[0]) * by) / d,
+        from[1] + ((to[1] - from[1]) * by) / d,
+    ];
+};
+/**
+ * A run through the given corners, each rounded off by `radius`.
+ *
+ * The radius is capped at half of the shorter leg either side of a corner, so a
+ * short leg between two turns rounds to what fits instead of overshooting into
+ * the next one. Two points are a straight line and no corner at all.
+ */
+export function route(pts, radius) {
+    if (pts.length === 0)
+        return '';
+    const d = [`M${at(pts[0])}`];
+    for (let i = 1; i < pts.length - 1; i++) {
+        const prev = pts[i - 1];
+        const corner = pts[i];
+        const next = pts[i + 1];
+        const r = Math.min(radius, dist(prev, corner) / 2, dist(corner, next) / 2);
+        d.push(`L${at(toward(corner, prev, r))}`);
+        d.push(`Q${at(corner)} ${at(toward(corner, next, r))}`);
+    }
+    d.push(`L${at(pts[pts.length - 1])}`);
+    return d.join('');
+}
+/**
+ * The head on the end of a run: a triangle whose tip is the last point and
+ * whose base sits `len` back along the last leg, `half` to either side of it.
+ *
+ * Off the same list the wire is routed from, so the head cannot point somewhere
+ * the wire does not go. The two numbers are the drawing's, not this file's —
+ * the miniature and the card set their type at different sizes and their heads
+ * with it.
+ */
+export function arrowhead(pts, len, half) {
+    if (pts.length < 2)
+        return '';
+    const tip = pts[pts.length - 1];
+    const back = toward(tip, pts[pts.length - 2], len);
+    // The perpendicular to the last leg, at unit length times `half`.
+    const [dx, dy] = [tip[0] - back[0], tip[1] - back[1]];
+    const n = Math.hypot(dx, dy);
+    if (n === 0)
+        return '';
+    const [px, py] = [(-dy / n) * half, (dx / n) * half];
+    return `M${at([back[0] + px, back[1] + py])}L${at(tip)}L${at([back[0] - px, back[1] - py])}Z`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skillet-shared",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Code shared by bender and videoskillet",
   "license": "MIT",
   "author": "Colin Diesh",
@@ -19,6 +19,18 @@
       "types": "./dist/posts.d.ts",
       "default": "./dist/posts.js"
     },
+    "./analytics": {
+      "types": "./dist/analytics.d.ts",
+      "default": "./dist/analytics.js"
+    },
+    "./dom": {
+      "types": "./dist/dom.d.ts",
+      "default": "./dist/dom.js"
+    },
+    "./wire-route": {
+      "types": "./dist/wire-route.d.ts",
+      "default": "./dist/wire-route.js"
+    },
     "./tokens.css": "./dist/tokens.css"
   },
   "files": [