@everfur/sdk 0.1.0

package/dist/testing/rn/index.js

@@ -0,0 +1,444 @@
+import { createContext, useMemo, useRef, useEffect, useState, useContext } from 'react';
+import 'react-native-safe-area-context';
+import { View, Animated, StyleSheet, Easing, Text } from 'react-native';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/rn/testing.ts
+
+// src/client/errors/EverfurResult.ts
+var EverfurConfigError = class _EverfurConfigError extends Error {
+  constructor(kind, message) {
+    super(message);
+    this.name = "EverfurConfigError";
+    this.kind = kind;
+    Object.setPrototypeOf(this, _EverfurConfigError.prototype);
+  }
+};
+
+// src/client/theme/tokens.ts
+function deepFreeze(value) {
+  if (value !== null && typeof value === "object" && !Object.isFrozen(value)) {
+    Object.freeze(value);
+    for (const key of Object.keys(value)) {
+      deepFreeze(value[key]);
+    }
+  }
+  return value;
+}
+var SPACE = { xs: 4, sm: 8, md: 12, lg: 16, xl: 24, xxl: 32 };
+var RADIUS = { tile: 5, xs: 6, sm: 10, md: 14, lg: 20, xl: 28, pill: 500 };
+var TYPE_SIZE = {
+  nano: 8,
+  small: 9,
+  micro: 10,
+  tiny: 11,
+  caption: 12,
+  bodyTight: 13,
+  body: 14,
+  subtitle: 16,
+  heading: 18,
+  verdict: 24
+};
+var LINE_HEIGHT = { tight: 1.15, snug: 1.3, normal: 1.4, relaxed: 1.55 };
+var WEIGHT = { regular: "400", medium: "500", bold: "700" };
+var LETTER_SPACING = {
+  eyebrow: 1,
+  monoWide: 0.9,
+  headerBrand: -0.42,
+  tight: -0.35
+};
+function baseType() {
+  return {
+    family: "System",
+    mono: "monospace",
+    fontUrl: null,
+    size: TYPE_SIZE,
+    lineHeight: LINE_HEIGHT,
+    weight: WEIGHT,
+    letterSpacing: LETTER_SPACING
+  };
+}
+var MOTION = {
+  duration: { instant: 80, fast: 140, normal: 220, slow: 320 },
+  spring: { gentle: { damping: 18, stiffness: 200 } },
+  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 1)" },
+  reducedMotion: false
+};
+var LIGHT_COLOR = {
+  brand: "#10462E",
+  brandSoft: "rgba(16,70,46,0.10)",
+  brandSofter: "rgba(16,70,46,0.15)",
+  brandBorder: "rgba(16,70,46,0.18)",
+  borderHairlineGreen: "rgba(16,70,46,0.25)",
+  surface: "#FFFFFF",
+  surfaceCream: "#FDFBF8",
+  surfaceSubtle: "#EFE9E3",
+  background: "#FFFFFF",
+  borderRingCream: "#D8D2C8",
+  text: {
+    primary: "#111111",
+    secondary: "#0E462E",
+    muted: "#6E6660",
+    placeholder: "rgba(0,0,0,0.30)",
+    onBrand: "#FFFFFF",
+    metaCool: "#3D3D3D"
+  },
+  primary: "#10462E",
+  onPrimary: "#FFFFFF",
+  accent: "#10462E",
+  onAccent: "#FFFFFF",
+  accentEdge: "#07C168",
+  success: "#07C168",
+  danger: "#B91C1C",
+  errorRed: "#FF1B00",
+  warningStrong: "#A45610",
+  cautionAccent: "#D9821D",
+  riskConcern: "#EFA700",
+  badgeBgPositive: "rgba(7,193,104,0.12)",
+  badgeBgCaution: "rgba(217,130,29,0.14)",
+  badgeBgCritical: "rgba(185,28,28,0.12)",
+  badgeBgNeutral: "rgba(110,102,96,0.12)",
+  bubbleUser: "#10462E",
+  bubbleAssistant: "#FFFFFF",
+  skeleton: "#EFE9E3",
+  scanButtonPink: "#FFC3BC",
+  checkupCardLowRiskBg: "rgba(7,193,104,0.10)",
+  checkupCardConcernBg: "rgba(239,167,0,0.10)"
+};
+var EVERFUR_LIGHT = deepFreeze({
+  brightness: "light",
+  meta: { displayName: "Everfur", logoUrl: null, placeholder: null, hidePoweredBy: false },
+  color: LIGHT_COLOR,
+  space: SPACE,
+  radius: RADIUS,
+  type: baseType(),
+  motion: MOTION
+});
+var DARK_COLOR = {
+  brand: "#6BD39A",
+  brandSoft: "rgba(107,211,154,0.12)",
+  brandSofter: "rgba(107,211,154,0.18)",
+  brandBorder: "rgba(107,211,154,0.22)",
+  borderHairlineGreen: "rgba(107,211,154,0.28)",
+  surface: "#1C1F23",
+  surfaceCream: "#23272C",
+  surfaceSubtle: "#23272C",
+  background: "#15171A",
+  borderRingCream: "#3A3F45",
+  text: {
+    primary: "#F5F3F0",
+    secondary: "#A9E4C4",
+    muted: "#9A938C",
+    placeholder: "rgba(255,255,255,0.35)",
+    onBrand: "#0E1F17",
+    metaCool: "#C9C9C9"
+  },
+  primary: "#6BD39A",
+  onPrimary: "#0E1F17",
+  accent: "#6BD39A",
+  onAccent: "#0E1F17",
+  accentEdge: "#34D888",
+  success: "#07C168",
+  danger: "#B91C1C",
+  errorRed: "#FF1B00",
+  warningStrong: "#A45610",
+  cautionAccent: "#D9821D",
+  riskConcern: "#EFA700",
+  badgeBgPositive: "rgba(7,193,104,0.18)",
+  badgeBgCaution: "rgba(217,130,29,0.20)",
+  badgeBgCritical: "rgba(185,28,28,0.22)",
+  badgeBgNeutral: "rgba(255,255,255,0.10)",
+  bubbleUser: "#6BD39A",
+  bubbleAssistant: "#1C1F23",
+  skeleton: "#23272C",
+  scanButtonPink: "#FFC3BC",
+  checkupCardLowRiskBg: "rgba(7,193,104,0.16)",
+  checkupCardConcernBg: "rgba(239,167,0,0.16)"
+};
+deepFreeze({
+  brightness: "dark",
+  meta: { displayName: "Everfur", logoUrl: null, placeholder: null, hidePoweredBy: false },
+  color: DARK_COLOR,
+  space: SPACE,
+  radius: RADIUS,
+  type: baseType(),
+  motion: MOTION
+});
+var EVERFUR_THEME_CONTEXT_SYMBOL = /* @__PURE__ */ Symbol.for("@everfur/sdk#EverfurThemeContext@v1");
+var globalThemeHost = globalThis;
+var EverfurThemeContext = globalThemeHost[EVERFUR_THEME_CONTEXT_SYMBOL] ?? (globalThemeHost[EVERFUR_THEME_CONTEXT_SYMBOL] = createContext(EVERFUR_LIGHT));
+EverfurThemeContext.displayName ??= "EverfurThemeContext";
+function useEverfurTheme() {
+  return useContext(EverfurThemeContext);
+}
+
+// src/rn/facade.ts
+var EVERFUR_CONTEXT_SYMBOL = /* @__PURE__ */ Symbol.for("@everfur/sdk#EverfurContext@v1");
+var globalContextHost = globalThis;
+var EverfurContext = globalContextHost[EVERFUR_CONTEXT_SYMBOL] ?? (globalContextHost[EVERFUR_CONTEXT_SYMBOL] = createContext(null));
+EverfurContext.displayName ??= "EverfurContext";
+function useEverfurContext() {
+  const ctx = useContext(EverfurContext);
+  if (ctx === null) {
+    throw new EverfurConfigError(
+      "not-initialized",
+      "Everfur hooks must be called inside <EverfurProvider>. Wrap your tree once, high."
+    );
+  }
+  return ctx;
+}
+var DOT_SIZE = 6;
+var LOOP_MS = 520;
+var STAGGER_MS = Math.round(LOOP_MS * 0.18);
+var OPACITY_REST = 0.44;
+var OPACITY_STATIC = 0.5;
+var TRI_IN = [0, 0.5, 1];
+var DOT_INDICES = [0, 1, 2];
+function TypingIndicator() {
+  const theme = useEverfurTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  const animate = !theme.motion.reducedMotion;
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: styles.card,
+      accessible: true,
+      accessibilityRole: "text",
+      accessibilityLabel: "Assistant is typing",
+      accessibilityLiveRegion: "polite",
+      accessibilityState: { busy: true },
+      children: DOT_INDICES.map(
+        (index) => animate ? /* @__PURE__ */ jsx(AnimatedDot, { index, style: styles.dot }, index) : /* @__PURE__ */ jsx(View, { style: [styles.dot, styles.dotStatic] }, index)
+      )
+    }
+  );
+}
+function AnimatedDot({ index, style }) {
+  const t = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const anim = Animated.sequence([
+      Animated.delay(index * STAGGER_MS),
+      Animated.loop(Animated.timing(t, { toValue: 1, duration: LOOP_MS, useNativeDriver: true }))
+    ]);
+    anim.start();
+    return () => anim.stop();
+  }, [t, index]);
+  const opacity = t.interpolate({ inputRange: TRI_IN, outputRange: [OPACITY_REST, 1, OPACITY_REST] });
+  const translateY = t.interpolate({ inputRange: TRI_IN, outputRange: [0, -3.5, 0] });
+  return /* @__PURE__ */ jsx(Animated.View, { style: [style, { opacity, transform: [{ translateY }] }] });
+}
+function makeStyles(theme) {
+  const c = theme.color;
+  const s = theme.space;
+  const r = theme.radius;
+  return StyleSheet.create({
+    card: {
+      alignSelf: "flex-start",
+      flexDirection: "row",
+      alignItems: "center",
+      gap: s.xs,
+      paddingHorizontal: s.md,
+      paddingVertical: s.sm,
+      backgroundColor: c.surfaceCream,
+      borderRadius: r.md,
+      borderWidth: StyleSheet.hairlineWidth,
+      borderColor: c.brandBorder
+    },
+    dot: { width: DOT_SIZE, height: DOT_SIZE, borderRadius: r.pill, backgroundColor: c.brand },
+    dotStatic: { opacity: OPACITY_STATIC }
+  });
+}
+var ROTATION_PERIOD_MS = 1400;
+var REVEAL_DELAY_MS = 300;
+function AnalyzingIndicator() {
+  const theme = useEverfurTheme();
+  const styles = useMemo(() => makeStyles2(theme), [theme]);
+  const reduced = theme.motion.reducedMotion;
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
+    const id = setTimeout(() => setVisible(true), REVEAL_DELAY_MS);
+    return () => clearTimeout(id);
+  }, []);
+  const spin = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (reduced || !visible) return;
+    const loop = Animated.loop(
+      Animated.timing(spin, {
+        toValue: 1,
+        duration: ROTATION_PERIOD_MS,
+        easing: Easing.linear,
+        useNativeDriver: true
+      })
+    );
+    loop.start();
+    return () => loop.stop();
+  }, [reduced, visible, spin]);
+  const arcMotionStyle = reduced ? null : { transform: [{ rotate: spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] };
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: styles.wrap,
+      accessible: true,
+      accessibilityState: { busy: true },
+      accessibilityLabel: "Analyzing photo",
+      children: visible ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Animated.View, { style: [styles.ring, arcMotionStyle] }),
+        /* @__PURE__ */ jsx(Text, { style: styles.statusLine, children: "Analyzing" })
+      ] }) : null
+    }
+  );
+}
+function makeStyles2(theme) {
+  const { color, space, radius, type } = theme;
+  const medium = type.weight.medium;
+  const ringSize = space.xxl * 2;
+  const ringThickness = space.xs;
+  return StyleSheet.create({
+    wrap: {
+      flexGrow: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      padding: space.xl,
+      gap: space.md
+    },
+    // One rotating ring: success on the top/right, cream on the remainder. Only the success sweep is perceptible
+    // (the cream half is uniform), so this reads as a cream ring with a rotating success arc - the mobile look.
+    ring: {
+      width: ringSize,
+      height: ringSize,
+      borderRadius: radius.pill,
+      borderWidth: ringThickness,
+      borderTopColor: color.success,
+      borderRightColor: color.success,
+      borderBottomColor: color.borderRingCream,
+      borderLeftColor: color.borderRingCream
+    },
+    // Neutral SDK-owned structural status word (not clinical / product copy), on the brand-green secondary ramp
+    // so it sits in the same family as the verdict hero. Legible in both themes via the token.
+    statusLine: {
+      color: color.text.secondary,
+      fontFamily: type.family,
+      fontSize: type.size.subtitle,
+      lineHeight: type.size.subtitle * type.lineHeight.snug,
+      fontWeight: medium,
+      letterSpacing: type.letterSpacing.tight,
+      textAlign: "center"
+    }
+  });
+}
+var PULSE_PERIOD_MS = 1100;
+var PULSE_MAX_SCALE = 1.6;
+var PULSE_START_OPACITY = 0.35;
+function toneSpec(theme, tier) {
+  const { color } = theme;
+  switch (tier) {
+    case "low_risk":
+      return { accent: color.success, wash: color.badgeBgPositive, label: "Low risk", pulse: false };
+    case "concern":
+      return { accent: color.cautionAccent, wash: color.badgeBgCaution, label: "Concern", pulse: true };
+    case "uncertain":
+      return { accent: color.text.muted, wash: color.badgeBgNeutral, label: "Uncertain", pulse: false };
+  }
+}
+function SeverityBadge({ riskTier }) {
+  const theme = useEverfurTheme();
+  const styles = useMemo(() => makeStyles3(theme), [theme]);
+  const pulse = useRef(new Animated.Value(0)).current;
+  const spec = riskTier === null ? null : toneSpec(theme, riskTier);
+  const shouldPulse = spec !== null && spec.pulse && !theme.motion.reducedMotion;
+  useEffect(() => {
+    if (!shouldPulse) return;
+    const loop = Animated.loop(
+      Animated.timing(pulse, {
+        toValue: 1,
+        duration: PULSE_PERIOD_MS,
+        easing: Easing.out(Easing.quad),
+        useNativeDriver: true
+      })
+    );
+    loop.start();
+    return () => loop.stop();
+  }, [shouldPulse, pulse]);
+  if (spec === null) return null;
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: [styles.pill, { backgroundColor: spec.wash }],
+      accessible: true,
+      accessibilityRole: "text",
+      accessibilityLabel: spec.label,
+      children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.dotWrap, children: [
+          shouldPulse ? /* @__PURE__ */ jsx(
+            Animated.View,
+            {
+              pointerEvents: "none",
+              style: [
+                styles.dotRing,
+                {
+                  backgroundColor: spec.accent,
+                  opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [PULSE_START_OPACITY, 0] }),
+                  transform: [{ scale: pulse.interpolate({ inputRange: [0, 1], outputRange: [1, PULSE_MAX_SCALE] }) }]
+                }
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(View, { style: [styles.dot, { backgroundColor: spec.accent }] })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.label, { color: spec.accent }], children: spec.label })
+      ]
+    }
+  );
+}
+function makeStyles3(theme) {
+  const { space, radius, type } = theme;
+  const bold = type.weight.bold;
+  const dotSize = space.sm;
+  return StyleSheet.create({
+    pill: {
+      alignSelf: "flex-start",
+      flexDirection: "row",
+      alignItems: "center",
+      gap: space.sm,
+      paddingHorizontal: space.md,
+      paddingVertical: space.xs,
+      borderRadius: radius.pill
+    },
+    dotWrap: {
+      width: dotSize,
+      height: dotSize,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    dot: {
+      width: dotSize,
+      height: dotSize,
+      borderRadius: radius.pill
+    },
+    // The pulsing attention ring behind the dot (concern only). backgroundColor + animated opacity/scale set inline.
+    dotRing: {
+      position: "absolute",
+      width: dotSize,
+      height: dotSize,
+      borderRadius: radius.pill
+    },
+    label: {
+      fontFamily: type.family,
+      fontSize: type.size.caption,
+      lineHeight: type.size.caption * type.lineHeight.snug,
+      fontWeight: bold,
+      letterSpacing: type.letterSpacing.eyebrow
+    }
+  });
+}
+
+// src/rn/testing.ts
+function useEverfurTestEntitlements() {
+  const { runtime } = useEverfurContext();
+  return useMemo(
+    () => ({ apply: (snapshot) => runtime.updateEntitlements(snapshot) }),
+    [runtime]
+  );
+}
+
+export { AnalyzingIndicator, SeverityBadge, TypingIndicator, useEverfurTestEntitlements };