npm - anentrypoint-design - Versions diffs - 0.0.333 → 0.0.335 - Mend

anentrypoint-design 0.0.333 → 0.0.335

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.333",
+  "version": "0.0.335",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/components/freddie.js CHANGED Viewed

@@ -761,7 +761,7 @@ export const logs = makePage((ctx) => {
     async function loadSubsystems() {
         try { ctx.set({ subsystems: await api('/api/logs') }); }
-        catch (e) { /* non-fatal: subsystem list is a filter convenience, not required for the stream */ }
+        catch (e) { /* swallow: non-fatal, subsystem list is a filter convenience, not required for the stream */ }
     }
     let unmounted = false;
@@ -789,7 +789,7 @@ export const logs = makePage((ctx) => {
     ctx.onCleanup(() => {
         unmounted = true;
         if (reconnectTimer) clearTimeout(reconnectTimer);
-        try { currentWs?.close(); } catch {}
+        try { currentWs?.close(); } catch { /* swallow: teardown-only close, socket may already be closed/closing */ }
         unregisterDebug('logs');
     });

package/src/index.js CHANGED Viewed

@@ -24,6 +24,7 @@ import { registerFreddieChatElement, FreddieChat } from './web-components/freddi
 import { formatTime, formatDateTime, formatNumber, formatRelativeTime } from './locale.js';
 import { queueMessage, listQueued, flushQueue, watchReconnect, isOnline } from './idb-outbox.js';
 import { createVirtualizer, measureRef } from './virtual-scroll.js';
+import { applyMotion, getMotion, isMotionReduced, onMotionChange, initMotion } from './motion-toggle.js';
 let _installed = false;
 export async function installStyles(target) {
@@ -93,7 +94,8 @@ export {
     t, registerLocale, getLocale, setLocale, availableLocales,
     formatTime, formatDateTime, formatNumber, formatRelativeTime,
     queueMessage, listQueued, flushQueue, watchReconnect, isOnline,
-    createVirtualizer, measureRef
+    createVirtualizer, measureRef,
+    applyMotion, getMotion, isMotionReduced, onMotionChange, initMotion
 };
 export { applyTheme, getTheme, resolvedTheme, onThemeChange, initTheme,
          applyAccent, getAccent, applyDensity, getDensity } from './theme.js';

package/src/locale.js CHANGED Viewed

@@ -60,6 +60,6 @@ export function formatRelativeTime(date, locale = getLocale(), now = Date.now())
             if (Math.abs(duration) < division.amount) return rtf.format(Math.round(duration), division.unit);
             duration /= division.amount;
         }
-    } catch { /* fall through to the plain-time fallback below */ }
+    } catch { /* swallow: Intl.RelativeTimeFormat unsupported/threw, fall through to the plain-time fallback below */ }
     return formatTime(date, locale);
 }

package/src/motion-toggle.js ADDED Viewed

@@ -0,0 +1,78 @@
+// 247420 design system — motion preference controller. Mirrors theme.js's
+// applyX/getX + localStorage-persistence + browser-guard pattern.
+//
+// src/motion.js already gates every entry animation behind the OS-level
+// @media (prefers-reduced-motion: no-preference) query -- a user whose OS
+// default is "no preference" (the common default) has no way to opt OUT of
+// motion without changing a system-wide OS setting. This adds a real
+// in-app override: [data-motion="reduced"] on <html> disables/shortens
+// transitions identically to the OS media query, independent of the OS
+// setting.
+const KEY = '247420:motion';
+const VALID = new Set(['auto', 'reduced']);
+const listeners = new Set();
+let _current = 'auto';
+function isBrowser() {
+    return typeof document !== 'undefined' && typeof window !== 'undefined';
+}
+function readStored() {
+    try {
+        const v = window.localStorage.getItem(KEY);
+        return VALID.has(v) ? v : null;
+    } catch { return null; }
+}
+function writeStored(mode) {
+    try { window.localStorage.setItem(KEY, mode); } catch { /* swallow: persistence is best-effort, motion preference still applies in-memory */ }
+}
+function writeAttr(mode) {
+    if (!isBrowser()) return;
+    if (mode === 'reduced') document.documentElement.setAttribute('data-motion', 'reduced');
+    else document.documentElement.removeAttribute('data-motion');
+}
+export function applyMotion(mode) {
+    if (!VALID.has(mode)) mode = 'auto';
+    _current = mode;
+    writeAttr(mode);
+    writeStored(mode);
+    for (const cb of listeners) {
+        try { cb({ mode }); } catch { /* swallow: a listener's error must not block notifying the rest */ }
+    }
+    return mode;
+}
+export function getMotion() {
+    return _current;
+}
+// True when motion is actually suppressed right now -- either the user's
+// explicit override is 'reduced', OR (mode is 'auto' AND the OS itself
+// prefers reduced motion). Consumers that gate a JS-driven animation (not
+// just CSS transitions, which the [data-motion=reduced] selector already
+// handles) should check this before running anything non-essential.
+export function isMotionReduced() {
+    if (_current === 'reduced') return true;
+    if (_current !== 'auto') return false;
+    if (!isBrowser() || !window.matchMedia) return false;
+    try { return window.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch { return false; }
+}
+export function onMotionChange(cb) {
+    listeners.add(cb);
+    return () => listeners.delete(cb);
+}
+// Auto-init on browser import. Picks stored value, else 'auto' (OS-driven).
+export function initMotion() {
+    if (!isBrowser()) return 'auto';
+    const stored = readStored();
+    applyMotion(stored || 'auto');
+    return _current;
+}
+if (isBrowser()) initMotion();

package/src/motion.js CHANGED Viewed

@@ -19,6 +19,20 @@ export function installMotion() {
   .ds-247420 [data-anim="ready"] {
     opacity: 1; transform: translateY(0);
   }
+}
+/* [data-motion="reduced"] is the in-app user override (motion-toggle.js) —
+   applies the exact same reduced-motion treatment as the OS-level
+   prefers-reduced-motion media query above, independent of the OS setting.
+   Selector applies regardless of the media query's own match state, so it
+   correctly overrides the animated block above on any OS. */
+:root[data-motion="reduced"] .ds-247420 [data-anim="in"],
+.ds-247420[data-motion="reduced"] [data-anim="in"] {
+  opacity: 1 !important; transform: translateY(0) !important;
+  transition: none !important;
+}
+:root[data-motion="reduced"] .ds-247420 [data-anim="ready"],
+.ds-247420[data-motion="reduced"] [data-anim="ready"] {
+  transition: none !important;
 }`.trim();
     document.head.appendChild(style);
 }