@jjlmoya/utils-hardware 1.29.0 → 1.30.0

package/src/tool/mouseJitterAngleSnappingTest/render.ts

@@ -0,0 +1,48 @@
+import type { PointSample } from './model';
+
+interface RenderOptions {
+  points: PointSample[];
+  jitter: number;
+  getCss: (name: string, fallback: string) => string;
+}
+
+export function drawGrid(ctx: CanvasRenderingContext2D, width: number, height: number, getCss: RenderOptions['getCss']) {
+  ctx.fillStyle = getCss('--mjas-canvas-bg', '#071013');
+  ctx.fillRect(0, 0, width, height);
+  ctx.strokeStyle = getCss('--mjas-grid', 'rgba(103, 232, 249, 0.14)');
+  ctx.lineWidth = 1;
+  drawGridLines(ctx, width, height, 'x');
+  drawGridLines(ctx, width, height, 'y');
+}
+
+export function drawTrace(ctx: CanvasRenderingContext2D, { points, getCss }: RenderOptions) {
+  ctx.lineWidth = 2;
+  ctx.strokeStyle = getCss('--mjas-line', '#67e8f9');
+  ctx.beginPath();
+  points.forEach((point, index) => (index === 0 || point.fresh ? ctx.moveTo(point.x, point.y) : ctx.lineTo(point.x, point.y)));
+  ctx.stroke();
+}
+
+export function drawNodes(ctx: CanvasRenderingContext2D, { points, jitter, getCss }: RenderOptions) {
+  const nodeColor = getCss('--mjas-node', '#facc15');
+  const hotColor = getCss('--mjas-hot-node', '#fb7185');
+  points.slice(-380).forEach((point, index, list) => {
+    const age = index / list.length;
+    ctx.fillStyle = age > 0.82 && jitter > 55 ? hotColor : nodeColor;
+    ctx.globalAlpha = Math.max(0.25, age);
+    ctx.beginPath();
+    ctx.arc(point.x, point.y, age > 0.82 ? 3.2 : 2.1, 0, Math.PI * 2);
+    ctx.fill();
+  });
+  ctx.globalAlpha = 1;
+}
+
+function drawGridLines(ctx: CanvasRenderingContext2D, width: number, height: number, axis: 'x' | 'y') {
+  const limit = axis === 'x' ? width : height;
+  for (let position = 0; position < limit; position += 34) {
+    ctx.beginPath();
+    ctx.moveTo(axis === 'x' ? position : 0, axis === 'x' ? 0 : position);
+    ctx.lineTo(axis === 'x' ? position : width, axis === 'x' ? height : position);
+    ctx.stroke();
+  }
+}

package/src/tool/mouseJitterAngleSnappingTest/seo.astro

@@ -0,0 +1,15 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { mouseJitterAngleSnappingTest } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const content = await mouseJitterAngleSnappingTest.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/mouseJitterAngleSnappingTest/ui.ts

@@ -0,0 +1,29 @@
+export interface MouseJitterAngleSnappingTestUI extends Record<string, string> {
+  badge: string;
+  canvasLabel: string;
+  canvasHint: string;
+  pointerPrompt: string;
+  samples: string;
+  jitterScore: string;
+  snappingScore: string;
+  straightness: string;
+  rawDeviation: string;
+  statusIdle: string;
+  statusHealthy: string;
+  statusJitter: string;
+  statusSnapping: string;
+  statusMixed: string;
+  reset: string;
+  holdShift: string;
+  sensitivity: string;
+  low: string;
+  high: string;
+  traceLog: string;
+  emptyLog: string;
+  jitterEvent: string;
+  snappingEvent: string;
+  combinedEvent: string;
+  cleanEvent: string;
+  pxUnit: string;
+  percentUnit: string;
+}

package/src/tools.ts

@@ -20,5 +20,6 @@ import { WEB_USB_SERIAL_MONITOR_TOOL } from './tool/webUsbSerialMonitor/index';
 import { USB_POWER_BUDGET_CALCULATOR_TOOL } from './tool/usbPowerBudgetCalculator/index';
 import { MOBILE_SENSOR_TEST_TOOL } from './tool/mobileSensorTest/index';
 import { SUBWOOFER_CROSSOVER_TEST_TOOL } from './tool/subwooferCrossoverTest/index';
+import { MOUSE_JITTER_ANGLE_SNAPPING_TEST_TOOL } from './tool/mouseJitterAngleSnappingTest/index';
 
-export const ALL_TOOLS: ToolDefinition[] = [PIXELES_PANTALLA_TOOL, TEST_TECLADO_TOOL, KEYBOARD_CHATTER_TEST_TOOL, TEST_MANDO_TOOL, PROBADOR_VIBRACION_MANDO_TOOL, TEST_RATON_TOOL, MOUSE_DOUBLE_CLICK_TEST_TOOL, MOUSE_SCROLL_TEST_TOOL, ESTIMADOR_SALUD_BATERIA_TOOL, TONE_GENERATOR_TOOL, SUBWOOFER_CROSSOVER_TEST_TOOL, REFRESH_RATE_DETECTOR_TOOL, MONITOR_GHOSTING_TEST_TOOL, SPECTRUM_CANVAS_TOOL, UPS_RUNTIME_CALCULATOR_TOOL, USB_POWER_BUDGET_CALCULATOR_TOOL, MOBILE_SENSOR_TEST_TOOL, STEREO_AUDIO_TEST_TOOL, WEB_BLUETOOTH_BLE_SCANNER_TOOL, WEB_USB_SERIAL_MONITOR_TOOL];
+export const ALL_TOOLS: ToolDefinition[] = [PIXELES_PANTALLA_TOOL, TEST_TECLADO_TOOL, KEYBOARD_CHATTER_TEST_TOOL, TEST_MANDO_TOOL, PROBADOR_VIBRACION_MANDO_TOOL, TEST_RATON_TOOL, MOUSE_DOUBLE_CLICK_TEST_TOOL, MOUSE_SCROLL_TEST_TOOL, MOUSE_JITTER_ANGLE_SNAPPING_TEST_TOOL, ESTIMADOR_SALUD_BATERIA_TOOL, TONE_GENERATOR_TOOL, SUBWOOFER_CROSSOVER_TEST_TOOL, REFRESH_RATE_DETECTOR_TOOL, MONITOR_GHOSTING_TEST_TOOL, SPECTRUM_CANVAS_TOOL, UPS_RUNTIME_CALCULATOR_TOOL, USB_POWER_BUDGET_CALCULATOR_TOOL, MOBILE_SENSOR_TEST_TOOL, STEREO_AUDIO_TEST_TOOL, WEB_BLUETOOTH_BLE_SCANNER_TOOL, WEB_USB_SERIAL_MONITOR_TOOL];