skillet-shared 0.5.0 → 0.7.0

package/css/base.css

@@ -0,0 +1,35 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+body {
+  margin: 0;
+}
+
+button,
+select,
+input,
+textarea {
+  font-family: inherit;
+}
+
+:where(button:not(:disabled)) {
+  cursor: pointer;
+}
+
+:focus-visible {
+  outline: 2px solid var(--fg2);
+  outline-offset: 1px;
+}

package/dist/base64url.d.ts

@@ -0,0 +1,3 @@
+export declare const B64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+export declare function toBase64Url(bytes: readonly number[]): string;
+export declare function fromBase64Url(text: string): number[];

package/dist/base64url.js

@@ -0,0 +1,34 @@
+export const B64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_';
+export function toBase64Url(bytes) {
+    let out = '';
+    for (let i = 0; i < bytes.length; i += 3) {
+        const n = ((bytes[i] ?? 0) << 16) | ((bytes[i + 1] ?? 0) << 8) | (bytes[i + 2] ?? 0);
+        const left = bytes.length - i;
+        out += (B64[(n >> 18) & 63] ?? '') + (B64[(n >> 12) & 63] ?? '');
+        if (left > 1)
+            out += B64[(n >> 6) & 63] ?? '';
+        if (left > 2)
+            out += B64[n & 63] ?? '';
+    }
+    return out;
+}
+// Reads '+' and '/' as themselves. The first character outside the alphabet
+// ends the board: '=' from an encoder that pads, or whatever the link picked up
+// on its way here, such as the full stop of the sentence it was pasted into.
+export function fromBase64Url(text) {
+    const bytes = [];
+    let acc = 0;
+    let bits = 0;
+    for (const ch of text) {
+        const v = B64.indexOf(ch === '+' ? '-' : ch === '/' ? '_' : ch);
+        if (v < 0)
+            break;
+        acc = (acc << 6) | v;
+        bits += 6;
+        if (bits >= 8) {
+            bits -= 8;
+            bytes.push((acc >> bits) & 0xff);
+        }
+    }
+    return bytes;
+}

package/dist/firebase-config.d.ts

@@ -0,0 +1,9 @@
+export declare const FIREBASE_CONFIG: {
+    apiKey: string;
+    authDomain: string;
+    projectId: string;
+    storageBucket: string;
+    messagingSenderId: string;
+    appId: string;
+    measurementId: string;
+};

package/dist/firebase-config.js

@@ -0,0 +1,13 @@
+// A Firebase web config is a set of public identifiers, not credentials: it
+// ships in every Firebase web app's bundle. The Firestore rules stop a stranger
+// writing, and the authorized-domains list stops one using the project as their
+// own auth backend.
+export const FIREBASE_CONFIG = {
+    apiKey: 'AIzaSyBHZnQdnaDc5BEYbqwKO8zs0t_wyzLaGFo',
+    authDomain: 'ntscjs-d4f56.firebaseapp.com',
+    projectId: 'ntscjs-d4f56',
+    storageBucket: 'ntscjs-d4f56.firebasestorage.app',
+    messagingSenderId: '881016589781',
+    appId: '1:881016589781:web:9eabd469a30d89b6d7815c',
+    measurementId: 'G-ZFH59EM495',
+};

package/dist/session-gate.d.ts

@@ -0,0 +1,12 @@
+export declare const SETTLE_MS = 5000;
+export declare const MIN_GAP_MS = 10000;
+export interface WriteGate {
+    query: string | null;
+    at: number;
+}
+export declare function nextWriteAt(gate: WriteGate, query: string, now: number): number | null;
+export interface Opened {
+    query: string | null;
+    moved: boolean;
+}
+export declare function observe(opened: Opened, query: string | null): Opened;

package/dist/session-gate.js

@@ -0,0 +1,20 @@
+export const SETTLE_MS = 5000;
+export const MIN_GAP_MS = 10000;
+// When a newly settled board may be written, or null when the account already
+// has it. The debounce measures from now and the rate limit from the last write
+// that landed, and the later of the two wins.
+export function nextWriteAt(gate, query, now) {
+    if (query === gate.query)
+        return null;
+    return Math.max(now + SETTLE_MS, gate.at + MIN_GAP_MS);
+}
+// The first board a page shows is where it opened: the stock board from the
+// home page's app button, or a finished one from a demo or a shared link. The
+// session starts when the board first differs from it.
+export function observe(opened, query) {
+    if (query === null || opened.moved)
+        return opened;
+    if (opened.query === null)
+        return { query, moved: false };
+    return query === opened.query ? opened : { ...opened, moved: true };
+}

package/dist/tokens.css

@@ -62,4 +62,9 @@
   /* A control's corner, and a pill's at any height. */
   --ctl-radius: 3px;
   --pill-radius: 999px;
+
+  --shadow-modal: 0 10px 30px #000b;
+  --shadow-pop: 0 8px 28px #000a;
+  --scrim: #000a;
+  --caps-track: 0.04em;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skillet-shared",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Code shared by bender and videoskillet",
   "license": "MIT",
   "author": "Colin Diesh",
@@ -40,6 +40,7 @@
     "./components/Footer.astro": "./components/Footer.astro",
     "./components/SocialMeta.astro": "./components/SocialMeta.astro",
     "./components/SignedInHint.astro": "./components/SignedInHint.astro",
+    "./base.css": "./css/base.css",
     "./site.css": "./css/site.css",
     "./footer.css": "./css/footer.css",
     "./saved-list": {
@@ -49,6 +50,18 @@
     "./cloud": {
       "types": "./dist/cloud.d.ts",
       "default": "./dist/cloud.js"
+    },
+    "./base64url": {
+      "types": "./dist/base64url.d.ts",
+      "default": "./dist/base64url.js"
+    },
+    "./session-gate": {
+      "types": "./dist/session-gate.d.ts",
+      "default": "./dist/session-gate.js"
+    },
+    "./firebase-config": {
+      "types": "./dist/firebase-config.d.ts",
+      "default": "./dist/firebase-config.js"
     }
   },
   "files": [