agent-robot-avatar 0.3.1 → 0.5.2

package/src/agent-robot-avatar-antenna-flash.js

@@ -1,127 +1,127 @@
-import AgentRobotAvatar, { registerAvatarExtension } from './agent-robot-avatar-extension-host.js';
-
-const proto = AgentRobotAvatar.prototype;
-
-const FLASH_DEFAULTS = Object.freeze({
-  period: 1000,
-  duty: 0.80,
-});
-
-const FLASH_MULTIPLIER = Object.freeze({
-  input: 1.20,
-  send: 1.00,
-  success: 1.10,
-  warning: 1.00,
-  angry: 0.90,
-  error: 0.80,
-  surprise: 0.80,
-});
-
-const runtimeWindow = typeof window !== 'undefined' ? window : null;
-const flashConfig = (runtimeWindow?.AgentRobotAvatarAntennaFlashConfig && typeof runtimeWindow.AgentRobotAvatarAntennaFlashConfig === 'object')
-  ? runtimeWindow.AgentRobotAvatarAntennaFlashConfig
-  : {};
-for (const [key, value] of Object.entries(FLASH_DEFAULTS)) {
-  if (!Number.isFinite(Number(flashConfig[key]))) flashConfig[key] = value;
-}
-if (runtimeWindow) {
-  runtimeWindow.AgentRobotAvatarAntennaFlashConfig = flashConfig;
-  runtimeWindow.AgentRobotAvatarAntennaFlashDefaults = FLASH_DEFAULTS;
-}
-
-function configNumber(key, fallback, min, max) {
-  const value = Number(flashConfig[key]);
-  if (!Number.isFinite(value)) return fallback;
-  return Math.max(min, Math.min(max, value));
-}
-
-function flashPeriod(action) {
-  const base = configNumber('period', FLASH_DEFAULTS.period, 200, 4000);
-  return base * (FLASH_MULTIPLIER[action] || 1);
-}
-
-function flashDuty() {
-  return configNumber('duty', FLASH_DEFAULTS.duty, 0.05, 0.95);
-}
-
-function normalizeFlashAction(action) {
-  if (action === 'blocked' || action === 'policy-blocked') return 'angry';
-  if (action === 'system-error' || action === 'connection-error') return 'error';
-  return action;
-}
-
-function beginAntennaFlash(instance, action) {
-  const normalized = normalizeFlashAction(action);
-  if (!FLASH_MULTIPLIER[normalized]) {
-    instance._antennaFlashAction = null;
-    return null;
-  }
-  const token = (instance._antennaFlashToken || 0) + 1;
-  instance._antennaFlashToken = token;
-  instance._antennaFlashAction = normalized;
-  instance._antennaFlashStart = performance.now();
-  return token;
-}
-
-function clearAntennaFlash(instance, token = null) {
-  if (token != null && token !== instance._antennaFlashToken) return;
-  instance._antennaFlashAction = null;
-  const dot = instance._antennaDot;
-  if (dot) dot.style.opacity = '1';
-}
-
-proto.setAntennaFlash = function(enabled = true) {
-  this._antennaFlashEnabled = enabled !== false;
-  if (!this._antennaFlashEnabled) clearAntennaFlash(this);
-  return this;
-};
-
-function drawAntennaFlash(now) {
-  const dot = this._antennaDot;
-  if (!dot) return;
-
-  if (this._antennaFlashAction === 'input' && !this._inputWanted && this._state !== 'input') {
-    clearAntennaFlash(this);
-  }
-
-  const action = this._antennaFlashAction;
-  const enabled = this._antennaFlashEnabled === true;
-  if (!enabled || !action || !FLASH_MULTIPLIER[action]) {
-    dot.style.opacity = '1';
-    return;
-  }
-
-  const period = flashPeriod(action);
-  const phase = ((now - (this._antennaFlashStart || now)) % period) / period;
-  dot.style.opacity = phase < flashDuty() ? '1' : '0';
-}
-
-registerAvatarExtension({
-  name: 'antenna-flash',
-  beforePlay(name, context) {
-    const action = normalizeFlashAction(name);
-    context.antennaFlashAction = action;
-    context.antennaFlashToken = FLASH_MULTIPLIER[action]
-      ? beginAntennaFlash(this, action)
-      : null;
-    if (!context.antennaFlashToken) clearAntennaFlash(this);
-  },
-  afterPlay(_name, result, context) {
-    const action = context.antennaFlashAction;
-    const token = context.antennaFlashToken;
-    if (context.error) {
-      clearAntennaFlash(this, token);
-      return;
-    }
-    if (token && action !== 'input' && result && typeof result.then === 'function') {
-      Promise.resolve(result).finally(() => clearAntennaFlash(this, token));
-    }
-  },
-  reset() {
-    clearAntennaFlash(this);
-  },
-  draw: drawAntennaFlash,
-});
-
-export { AgentRobotAvatar, FLASH_DEFAULTS };
-export default AgentRobotAvatar;
+import AgentRobotAvatar, { registerAvatarExtension } from './agent-robot-avatar-extension-host.js';
+
+const proto = AgentRobotAvatar.prototype;
+
+const FLASH_DEFAULTS = Object.freeze({
+  period: 1000,
+  duty: 0.80,
+});
+
+const FLASH_MULTIPLIER = Object.freeze({
+  input: 1.20,
+  send: 1.00,
+  success: 1.10,
+  warning: 1.00,
+  angry: 0.90,
+  error: 0.80,
+  surprise: 0.80,
+});
+
+const runtimeWindow = typeof window !== 'undefined' ? window : null;
+const flashConfig = (runtimeWindow?.AgentRobotAvatarAntennaFlashConfig && typeof runtimeWindow.AgentRobotAvatarAntennaFlashConfig === 'object')
+  ? runtimeWindow.AgentRobotAvatarAntennaFlashConfig
+  : {};
+for (const [key, value] of Object.entries(FLASH_DEFAULTS)) {
+  if (!Number.isFinite(Number(flashConfig[key]))) flashConfig[key] = value;
+}
+if (runtimeWindow) {
+  runtimeWindow.AgentRobotAvatarAntennaFlashConfig = flashConfig;
+  runtimeWindow.AgentRobotAvatarAntennaFlashDefaults = FLASH_DEFAULTS;
+}
+
+function configNumber(key, fallback, min, max) {
+  const value = Number(flashConfig[key]);
+  if (!Number.isFinite(value)) return fallback;
+  return Math.max(min, Math.min(max, value));
+}
+
+function flashPeriod(action) {
+  const base = configNumber('period', FLASH_DEFAULTS.period, 200, 4000);
+  return base * (FLASH_MULTIPLIER[action] || 1);
+}
+
+function flashDuty() {
+  return configNumber('duty', FLASH_DEFAULTS.duty, 0.05, 0.95);
+}
+
+function normalizeFlashAction(action) {
+  if (action === 'blocked' || action === 'policy-blocked') return 'angry';
+  if (action === 'system-error' || action === 'connection-error') return 'error';
+  return action;
+}
+
+function beginAntennaFlash(instance, action) {
+  const normalized = normalizeFlashAction(action);
+  if (!FLASH_MULTIPLIER[normalized]) {
+    instance._antennaFlashAction = null;
+    return null;
+  }
+  const token = (instance._antennaFlashToken || 0) + 1;
+  instance._antennaFlashToken = token;
+  instance._antennaFlashAction = normalized;
+  instance._antennaFlashStart = performance.now();
+  return token;
+}
+
+function clearAntennaFlash(instance, token = null) {
+  if (token != null && token !== instance._antennaFlashToken) return;
+  instance._antennaFlashAction = null;
+  const dot = instance._antennaDot;
+  if (dot) dot.style.opacity = '1';
+}
+
+proto.setAntennaFlash = function(enabled = true) {
+  this._antennaFlashEnabled = enabled !== false;
+  if (!this._antennaFlashEnabled) clearAntennaFlash(this);
+  return this;
+};
+
+function drawAntennaFlash(now) {
+  const dot = this._antennaDot;
+  if (!dot) return;
+
+  if (this._antennaFlashAction === 'input' && !this._inputWanted && this._state !== 'input') {
+    clearAntennaFlash(this);
+  }
+
+  const action = this._antennaFlashAction;
+  const enabled = this._antennaFlashEnabled === true;
+  if (!enabled || !action || !FLASH_MULTIPLIER[action]) {
+    dot.style.opacity = '1';
+    return;
+  }
+
+  const period = flashPeriod(action);
+  const phase = ((now - (this._antennaFlashStart || now)) % period) / period;
+  dot.style.opacity = phase < flashDuty() ? '1' : '0';
+}
+
+registerAvatarExtension({
+  name: 'antenna-flash',
+  beforePlay(name, context) {
+    const action = normalizeFlashAction(name);
+    context.antennaFlashAction = action;
+    context.antennaFlashToken = FLASH_MULTIPLIER[action]
+      ? beginAntennaFlash(this, action)
+      : null;
+    if (!context.antennaFlashToken) clearAntennaFlash(this);
+  },
+  afterPlay(_name, result, context) {
+    const action = context.antennaFlashAction;
+    const token = context.antennaFlashToken;
+    if (context.error) {
+      clearAntennaFlash(this, token);
+      return;
+    }
+    if (token && action !== 'input' && result && typeof result.then === 'function') {
+      Promise.resolve(result).finally(() => clearAntennaFlash(this, token));
+    }
+  },
+  reset() {
+    clearAntennaFlash(this);
+  },
+  draw: drawAntennaFlash,
+});
+
+export { AgentRobotAvatar, FLASH_DEFAULTS };
+export default AgentRobotAvatar;

package/src/agent-robot-avatar-antenna.js

@@ -1,152 +1,152 @@
-import AgentRobotAvatar, { registerAvatarExtension } from './agent-robot-avatar-extension-host.js';
-import { DEFAULT_HEAD_HEIGHT_SCALE, flattenHeadPoints } from './agent-robot-avatar-geometry.js';
-
-const SVG_NS = 'http://www.w3.org/2000/svg';
-const ANTENNA_DEFAULTS = Object.freeze({
-  x: 120,
-  y: 12,
-  radius: 15,
-  stiffness: 180,
-  damping: 5.6,
-});
-
-const runtimeWindow = typeof window !== 'undefined' ? window : null;
-const antennaConfig = (runtimeWindow?.AgentRobotAvatarAntennaConfig && typeof runtimeWindow.AgentRobotAvatarAntennaConfig === 'object')
-  ? runtimeWindow.AgentRobotAvatarAntennaConfig
-  : {};
-for (const [key, value] of Object.entries(ANTENNA_DEFAULTS)) {
-  if (!Number.isFinite(Number(antennaConfig[key]))) antennaConfig[key] = value;
-}
-if (runtimeWindow) {
-  runtimeWindow.AgentRobotAvatarAntennaConfig = antennaConfig;
-  runtimeWindow.AgentRobotAvatarAntennaDefaults = ANTENNA_DEFAULTS;
-}
-
-function configNumber(key, fallback, min, max) {
-  const value = Number(antennaConfig[key]);
-  if (!Number.isFinite(value)) return fallback;
-  return Math.max(min, Math.min(max, value));
-}
-
-function antennaHome() {
-  return {
-    x: configNumber('x', ANTENNA_DEFAULTS.x, 60, 180),
-    y: configNumber('y', ANTENNA_DEFAULTS.y, -40, 60),
-  };
-}
-
-function flattenHead(instance) {
-  if (instance._headFlattenedR32 || !instance._headShape || !instance._baseHeadPoints?.length) return;
-
-  const flattened = flattenHeadPoints(instance._baseHeadPoints, DEFAULT_HEAD_HEIGHT_SCALE);
-  const path = typeof instance._pointsToPath === 'function'
-    ? instance._pointsToPath(flattened)
-    : `M ${flattened.map((point, index) => `${index ? 'L ' : ''}${point.x.toFixed(2)} ${point.y.toFixed(2)}`).join(' ')} Z`;
-
-  instance._baseHeadPoints = flattened;
-  instance._baseHeadPathD = path;
-  instance._headShape.setAttribute('d', path);
-  instance._headFlattenedR32 = true;
-}
-
-function ensureAntenna(instance, now) {
-  flattenHead(instance);
-  if (instance._antennaDot?.isConnected && instance._antennaSpring) return true;
-
-  const svg = instance.shadowRoot?.querySelector('svg');
-  if (!svg || !instance._headMotion) return false;
-
-  const home = antennaHome();
-  let dot = instance.shadowRoot.getElementById('antennaDot');
-  if (!dot) {
-    dot = document.createElementNS(SVG_NS, 'circle');
-    dot.id = 'antennaDot';
-    dot.setAttribute('cx', String(home.x));
-    dot.setAttribute('cy', String(home.y));
-    dot.setAttribute('r', String(configNumber('radius', ANTENNA_DEFAULTS.radius, 2, 40)));
-    dot.setAttribute('fill', instance._head?.getAttribute('fill') || '#08090b');
-    dot.setAttribute('aria-hidden', 'true');
-    dot.style.pointerEvents = 'none';
-    svg.appendChild(dot);
-  }
-
-  instance._antennaDot = dot;
-  instance._antennaSpring = {
-    x: home.x,
-    y: home.y,
-    vx: 0,
-    vy: 0,
-    last: now,
-    initialized: false,
-  };
-  return true;
-}
-
-function antennaTarget(instance) {
-  const svg = instance.shadowRoot?.querySelector('svg');
-  const headMatrix = instance._headMotion?.getScreenCTM?.();
-  const svgMatrix = svg?.getScreenCTM?.();
-  const home = antennaHome();
-  if (!svg || !headMatrix || !svgMatrix || typeof DOMPoint === 'undefined') return home;
-
-  try {
-    const screenPoint = new DOMPoint(home.x, home.y).matrixTransform(headMatrix);
-    const localPoint = screenPoint.matrixTransform(svgMatrix.inverse());
-    return { x: localPoint.x, y: localPoint.y };
-  } catch (_) {
-    return home;
-  }
-}
-
-function updateAntenna(instance, now) {
-  if (!ensureAntenna(instance, now)) return;
-
-  const spring = instance._antennaSpring;
-  const dot = instance._antennaDot;
-  const target = antennaTarget(instance);
-
-  if (instance._isReducedMotion?.()) {
-    spring.x = target.x;
-    spring.y = target.y;
-    spring.vx = 0;
-    spring.vy = 0;
-    spring.last = now;
-    spring.initialized = true;
-  } else {
-    if (!spring.initialized) {
-      spring.x = target.x;
-      spring.y = target.y;
-      spring.last = now;
-      spring.initialized = true;
-    }
-
-    const dt = Math.max(0.001, Math.min(0.05, (now - spring.last) / 1000 || 0.033));
-    spring.last = now;
-
-    const stiffness = configNumber('stiffness', ANTENNA_DEFAULTS.stiffness, 5, 300);
-    const damping = configNumber('damping', ANTENNA_DEFAULTS.damping, 0.5, 40);
-    const ax = (target.x - spring.x) * stiffness - spring.vx * damping;
-    const ay = (target.y - spring.y) * stiffness - spring.vy * damping;
-    spring.vx += ax * dt;
-    spring.vy += ay * dt;
-    spring.x += spring.vx * dt;
-    spring.y += spring.vy * dt;
-  }
-
-  dot.setAttribute('cx', spring.x.toFixed(2));
-  dot.setAttribute('cy', spring.y.toFixed(2));
-  dot.setAttribute('r', configNumber('radius', ANTENNA_DEFAULTS.radius, 2, 40).toFixed(2));
-  dot.setAttribute('fill', instance._head?.getAttribute('fill') || '#08090b');
-}
-
-function drawAntenna(now) {
-  updateAntenna(this, now);
-}
-
-registerAvatarExtension({
-  name: 'antenna',
-  draw: drawAntenna,
-});
-
-export { AgentRobotAvatar, ANTENNA_DEFAULTS };
-export default AgentRobotAvatar;
+import AgentRobotAvatar, { registerAvatarExtension } from './agent-robot-avatar-extension-host.js';
+import { DEFAULT_HEAD_HEIGHT_SCALE, flattenHeadPoints } from './agent-robot-avatar-geometry.js';
+
+const SVG_NS = 'http://www.w3.org/2000/svg';
+const ANTENNA_DEFAULTS = Object.freeze({
+  x: 120,
+  y: 12,
+  radius: 15,
+  stiffness: 180,
+  damping: 5.6,
+});
+
+const runtimeWindow = typeof window !== 'undefined' ? window : null;
+const antennaConfig = (runtimeWindow?.AgentRobotAvatarAntennaConfig && typeof runtimeWindow.AgentRobotAvatarAntennaConfig === 'object')
+  ? runtimeWindow.AgentRobotAvatarAntennaConfig
+  : {};
+for (const [key, value] of Object.entries(ANTENNA_DEFAULTS)) {
+  if (!Number.isFinite(Number(antennaConfig[key]))) antennaConfig[key] = value;
+}
+if (runtimeWindow) {
+  runtimeWindow.AgentRobotAvatarAntennaConfig = antennaConfig;
+  runtimeWindow.AgentRobotAvatarAntennaDefaults = ANTENNA_DEFAULTS;
+}
+
+function configNumber(key, fallback, min, max) {
+  const value = Number(antennaConfig[key]);
+  if (!Number.isFinite(value)) return fallback;
+  return Math.max(min, Math.min(max, value));
+}
+
+function antennaHome() {
+  return {
+    x: configNumber('x', ANTENNA_DEFAULTS.x, 60, 180),
+    y: configNumber('y', ANTENNA_DEFAULTS.y, -40, 60),
+  };
+}
+
+function flattenHead(instance) {
+  if (instance._headFlattenedR32 || !instance._headShape || !instance._baseHeadPoints?.length) return;
+
+  const flattened = flattenHeadPoints(instance._baseHeadPoints, DEFAULT_HEAD_HEIGHT_SCALE);
+  const path = typeof instance._pointsToPath === 'function'
+    ? instance._pointsToPath(flattened)
+    : `M ${flattened.map((point, index) => `${index ? 'L ' : ''}${point.x.toFixed(2)} ${point.y.toFixed(2)}`).join(' ')} Z`;
+
+  instance._baseHeadPoints = flattened;
+  instance._baseHeadPathD = path;
+  instance._headShape.setAttribute('d', path);
+  instance._headFlattenedR32 = true;
+}
+
+function ensureAntenna(instance, now) {
+  flattenHead(instance);
+  if (instance._antennaDot?.isConnected && instance._antennaSpring) return true;
+
+  const svg = instance.shadowRoot?.querySelector('svg');
+  if (!svg || !instance._headMotion) return false;
+
+  const home = antennaHome();
+  let dot = instance.shadowRoot.getElementById('antennaDot');
+  if (!dot) {
+    dot = document.createElementNS(SVG_NS, 'circle');
+    dot.id = 'antennaDot';
+    dot.setAttribute('cx', String(home.x));
+    dot.setAttribute('cy', String(home.y));
+    dot.setAttribute('r', String(configNumber('radius', ANTENNA_DEFAULTS.radius, 2, 40)));
+    dot.setAttribute('fill', instance._head?.getAttribute('fill') || '#08090b');
+    dot.setAttribute('aria-hidden', 'true');
+    dot.style.pointerEvents = 'auto';
+    svg.appendChild(dot);
+  }
+
+  instance._antennaDot = dot;
+  instance._antennaSpring = {
+    x: home.x,
+    y: home.y,
+    vx: 0,
+    vy: 0,
+    last: now,
+    initialized: false,
+  };
+  return true;
+}
+
+function antennaTarget(instance) {
+  const svg = instance.shadowRoot?.querySelector('svg');
+  const headMatrix = instance._headMotion?.getScreenCTM?.();
+  const svgMatrix = svg?.getScreenCTM?.();
+  const home = antennaHome();
+  if (!svg || !headMatrix || !svgMatrix || typeof DOMPoint === 'undefined') return home;
+
+  try {
+    const screenPoint = new DOMPoint(home.x, home.y).matrixTransform(headMatrix);
+    const localPoint = screenPoint.matrixTransform(svgMatrix.inverse());
+    return { x: localPoint.x, y: localPoint.y };
+  } catch (_) {
+    return home;
+  }
+}
+
+function updateAntenna(instance, now) {
+  if (!ensureAntenna(instance, now)) return;
+
+  const spring = instance._antennaSpring;
+  const dot = instance._antennaDot;
+  const target = antennaTarget(instance);
+
+  if (instance._isReducedMotion?.()) {
+    spring.x = target.x;
+    spring.y = target.y;
+    spring.vx = 0;
+    spring.vy = 0;
+    spring.last = now;
+    spring.initialized = true;
+  } else {
+    if (!spring.initialized) {
+      spring.x = target.x;
+      spring.y = target.y;
+      spring.last = now;
+      spring.initialized = true;
+    }
+
+    const dt = Math.max(0.001, Math.min(0.05, (now - spring.last) / 1000 || 0.033));
+    spring.last = now;
+
+    const stiffness = configNumber('stiffness', ANTENNA_DEFAULTS.stiffness, 5, 300);
+    const damping = configNumber('damping', ANTENNA_DEFAULTS.damping, 0.5, 40);
+    const ax = (target.x - spring.x) * stiffness - spring.vx * damping;
+    const ay = (target.y - spring.y) * stiffness - spring.vy * damping;
+    spring.vx += ax * dt;
+    spring.vy += ay * dt;
+    spring.x += spring.vx * dt;
+    spring.y += spring.vy * dt;
+  }
+
+  dot.setAttribute('cx', spring.x.toFixed(2));
+  dot.setAttribute('cy', spring.y.toFixed(2));
+  dot.setAttribute('r', configNumber('radius', ANTENNA_DEFAULTS.radius, 2, 40).toFixed(2));
+  dot.setAttribute('fill', instance._head?.getAttribute('fill') || '#08090b');
+}
+
+function drawAntenna(now) {
+  updateAntenna(this, now);
+}
+
+registerAvatarExtension({
+  name: 'antenna',
+  draw: drawAntenna,
+});
+
+export { AgentRobotAvatar, ANTENNA_DEFAULTS };
+export default AgentRobotAvatar;