@jjlmoya/utils-forensic-science 1.1.0

package/src/tool/forensic-sex-determinator/logic.ts

@@ -0,0 +1,89 @@
+export interface SexDeterminatorInput {
+  subpubicAngle: number;
+  sciaticNotch: number;
+  ventralArc: number;
+  preauricularSulcus: number;
+  mastoidProcess: number;
+  supraorbitalRidge: number;
+  mentalEminence: number;
+  nuchalCrest: number;
+}
+
+export interface SexDeterminatorResult {
+  femaleProbability: number;
+  maleProbability: number;
+  predominantSex: 'female' | 'male' | 'indeterminate';
+  confidence: 'weak' | 'moderate' | 'strong';
+  scoredIndicatorsCount: number;
+  notes: string[];
+}
+
+const femaleLikelihoods = [0.45, 0.35, 0.12, 0.06, 0.02];
+const maleLikelihoods = [0.02, 0.06, 0.12, 0.35, 0.45];
+
+function getConfidence(count: number): 'weak' | 'moderate' | 'strong' {
+  if (count >= 6) {
+    return 'strong';
+  }
+  if (count >= 3) {
+    return 'moderate';
+  }
+  return 'weak';
+}
+
+function getPredominantSex(femaleProb: number, maleProb: number): 'female' | 'male' | 'indeterminate' {
+  if (Math.abs(femaleProb - maleProb) < 10) {
+    return 'indeterminate';
+  }
+  return femaleProb > maleProb ? 'female' : 'male';
+}
+
+function calculateProducts(scores: number[]) {
+  let female = 1.0;
+  let male = 1.0;
+  let count = 0;
+
+  for (const score of scores) {
+    if (score >= 1 && score <= 5) {
+      const idx = score - 1;
+      female *= (femaleLikelihoods[idx] ?? 0.2);
+      male *= (maleLikelihoods[idx] ?? 0.2);
+      count++;
+    }
+  }
+
+  return { female, male, count };
+}
+
+export function determineSex(input: SexDeterminatorInput): SexDeterminatorResult {
+  const scores = [
+    input.subpubicAngle,
+    input.sciaticNotch,
+    input.ventralArc,
+    input.preauricularSulcus,
+    input.mastoidProcess,
+    input.supraorbitalRidge,
+    input.mentalEminence,
+    input.nuchalCrest,
+  ];
+
+  const { female: femaleProduct, male: maleProduct, count: scoredCount } = calculateProducts(scores);
+
+  const femaleNumerator = femaleProduct * 0.5;
+  const maleNumerator = maleProduct * 0.5;
+  const total = femaleNumerator + maleNumerator;
+
+  const femaleProb = total > 0 ? (femaleNumerator / total) * 100 : 50;
+  const maleProb = total > 0 ? (maleNumerator / total) * 100 : 50;
+
+  const notes = scoredCount === 0 ? ['noteNoData'] : ['noteTriageOnly', 'noteBayesianEst'];
+
+  return {
+    femaleProbability: Math.round(femaleProb),
+    maleProbability: Math.round(maleProb),
+    predominantSex: getPredominantSex(femaleProb, maleProb),
+    confidence: getConfidence(scoredCount),
+    scoredIndicatorsCount: scoredCount,
+    notes,
+  };
+}

package/src/tool/forensic-sex-determinator/seo.astro

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

package/src/tool/forensic-stature-estimator/bibliography.astro

@@ -0,0 +1,14 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { forensicStatureEstimator } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const content = await forensicStatureEstimator.i18n[locale]?.();
+---
+
+{content && <SharedBibliography links={content.bibliography} />}

package/src/tool/forensic-stature-estimator/bibliography.ts

@@ -0,0 +1,12 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Estimation of stature from long bones of American Whites and Negroes',
+    url: 'https://pubmed.ncbi.nlm.nih.gov/13007782/'
+  },
+  {
+    name: 'A re-evaluation of estimation of stature based on measurements of stature taken during life and of long bones after death',
+    url: 'https://onlinelibrary.wiley.com/doi/10.1002/ajpa.1330160106'
+  }
+];

package/src/tool/forensic-stature-estimator/component.astro

@@ -0,0 +1,49 @@
+---
+import './forensic-stature-estimator.css';
+import { forensicStatureEstimator } from './index';
+import type { KnownLocale } from '../../types';
+import OsteometricBoard from './components/OsteometricBoard.astro';
+import OsteometricSelector from './components/OsteometricSelector.astro';
+import EstimationPanel from './components/EstimationPanel.astro';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const content = await forensicStatureEstimator.i18n[locale]?.();
+if (!content) return null;
+const { ui } = content;
+---
+
+<div class="forensic-stature-card">
+  <div class="forensic-stature-header">
+    <div class="unit-toggle-group-global">
+      <label class="unit-toggle-label">
+        <input type="radio" name="system-unit" value="metric" checked />
+        <span class="unit-toggle-button">{ui.metricOption}</span>
+      </label>
+      <label class="unit-toggle-label">
+        <input type="radio" name="system-unit" value="imperial" />
+        <span class="unit-toggle-button">{ui.imperialOption}</span>
+      </label>
+    </div>
+  </div>
+
+  <div class="forensic-stature-grid">
+    <div class="forensic-stature-left">
+      <OsteometricBoard ui={ui} />
+      <OsteometricSelector ui={ui} />
+    </div>
+    
+    <div class="forensic-stature-right">
+      <EstimationPanel ui={ui} />
+    </div>
+  </div>
+</div>
+
+<script id="stature-ui-data" type="application/json" set:html={JSON.stringify(ui)}></script>
+
+<script>
+  import './script';
+</script>

package/src/tool/forensic-stature-estimator/components/EstimationPanel.astro

@@ -0,0 +1,65 @@
+---
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+---
+
+<div class="estimation-panel">
+  <h3 class="panel-title">{ui.resultsTitle}</h3>
+  
+  <div id="fallback-alert" class="alert-box hidden">
+    {ui.fallbackAlert}
+  </div>
+  
+  <div class="stature-hero">
+    <div class="stature-value-box">
+      <span class="stature-value-title">{ui.estimateLabel}</span>
+      <div class="stature-display">
+        <span id="stature-cm-value" class="stature-number">--</span>
+        <span class="stature-unit">{ui.unitsCm}</span>
+      </div>
+      <div class="stature-display-secondary">
+        <span id="stature-inch-value">--</span>
+      </div>
+    </div>
+  </div>
+  
+  <div class="metrics-grid">
+    <div class="metric-card">
+      <span class="metric-title">{ui.errorLabel}</span>
+      <span id="see-value" class="metric-value">--</span>
+    </div>
+    
+    <div class="metric-card span-2">
+      <span class="metric-title">{ui.rangeLabel}</span>
+      <span id="range-value" class="metric-value">--</span>
+    </div>
+  </div>
+  
+  <div class="formula-card">
+    <span class="formula-title">{ui.formulaLabel}</span>
+    <div class="formula-visual-container">
+      <div class="formula-part highlight-bone">
+        <span class="formula-part-label">{ui.formulaBoneFactor}</span>
+        <span class="formula-part-math" id="part-bone">--</span>
+      </div>
+      <div class="formula-operator">+</div>
+      <div class="formula-part highlight-const">
+        <span class="formula-part-label">{ui.formulaConstant}</span>
+        <span class="formula-part-math" id="part-const">--</span>
+      </div>
+      <div class="formula-operator" id="operator-age-sign" style="display: none;">-</div>
+      <div class="formula-part highlight-age" id="container-part-age" style="display: none;">
+        <span class="formula-part-label">{ui.formulaAgeCorrection}</span>
+        <span class="formula-part-math" id="part-age">--</span>
+      </div>
+      <div class="formula-operator">±</div>
+      <div class="formula-part highlight-error">
+        <span class="formula-part-label">{ui.formulaStdError}</span>
+        <span class="formula-part-math" id="part-error">--</span>
+      </div>
+    </div>
+  </div>
+</div>

package/src/tool/forensic-stature-estimator/components/OsteometricBoard.astro

@@ -0,0 +1,39 @@
+---
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+---
+
+<div class="osteometric-board-container">
+  <div class="osteometric-board-header">
+    <span class="osteometric-board-title">{ui.rulerLabelMetric}</span>
+    <span class="osteometric-board-instructions">{ui.boardInstructions}</span>
+  </div>
+  <div class="osteometric-board">
+    <div class="osteometric-ruler">
+      <div class="ruler-ticks"></div>
+    </div>
+    
+    <div class="osteometric-base">
+      <div class="fixed-block"></div>
+      
+      <div class="bone-stage">
+        <svg viewBox="0 0 100 20" class="bone-svg" preserveAspectRatio="none">
+          <path id="bone-shape-femur" class="bone-shape hidden" d="M 5 10 C 5 6, 8 6, 10 9 C 20 8, 40 8, 90 9 C 92 6, 95 6, 95 10 C 95 14, 92 14, 90 11 C 40 12, 20 12, 10 11 C 8 14, 5 14, 5 10 Z" fill="rgba(240, 235, 215, 0.95)" stroke="rgb(180, 170, 140)" stroke-width="0.5" />
+          <path id="bone-shape-tibia" class="bone-shape hidden" d="M 5 10 C 5 5, 10 5, 12 8 C 25 8, 55 8, 90 9 C 91 7, 93 7, 95 10 C 95 13, 91 13, 90 11 C 55 12, 25 12, 12 12 C 10 15, 5 15, 5 10 Z" fill="rgba(240, 235, 215, 0.95)" stroke="rgb(180, 170, 140)" stroke-width="0.5" />
+          <path id="bone-shape-humerus" class="bone-shape hidden" d="M 6 10 C 6 7, 9 7, 11 9 C 20 9, 60 9, 89 9 C 91 7, 94 7, 94 10 C 94 13, 91 13, 89 11 C 60 11, 20 11, 11 11 C 9 13, 6 13, 6 10 Z" fill="rgba(240, 235, 215, 0.95)" stroke="rgb(180, 170, 140)" stroke-width="0.5" />
+          <path id="bone-shape-fibula" class="bone-shape hidden" d="M 5 10 C 5 8, 7 8, 8 9.5 L 92 9.5 C 93 8, 95 8, 95 10 C 95 12, 93 12, 92 10.5 L 8 10.5 C 7 12, 5 12, 5 10 Z" fill="rgba(240, 235, 215, 0.95)" stroke="rgb(180, 170, 140)" stroke-width="0.5" />
+          <path id="bone-shape-radius" class="bone-shape hidden" d="M 5 10 C 5 7, 8 7, 10 9 Q 50 8, 90 9 C 92 7, 95 7, 95 10 C 95 13, 92 13, 90 11 Q 50 12, 10 11 C 8 13, 5 13, 5 10 Z" fill="rgba(240, 235, 215, 0.95)" stroke="rgb(180, 170, 140)" stroke-width="0.5" />
+          <path id="bone-shape-ulna" class="bone-shape hidden" d="M 5 10 C 5 6, 9 6, 11 8.5 L 90 9.5 C 91 8.5, 94 8.5, 94 10 C 94 11.5, 91 11.5, 90 10.5 L 11 11.5 C 9 14, 5 14, 5 10 Z" fill="rgba(240, 235, 215, 0.95)" stroke="rgb(180, 170, 140)" stroke-width="0.5" />
+        </svg>
+      </div>
+      
+      <div class="sliding-caliper" id="caliper-slider">
+        <div class="caliper-arm"></div>
+        <div class="caliper-handle"></div>
+      </div>
+    </div>
+  </div>
+</div>

package/src/tool/forensic-stature-estimator/components/OsteometricSelector.astro

@@ -0,0 +1,109 @@
+---
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+
+const bones = [
+  { value: 'femur', label: ui.femurName, min: 30, max: 60, default: 45 },
+  { value: 'tibia', label: ui.tibiaName, min: 25, max: 50, default: 38 },
+  { value: 'humerus', label: ui.humerusName, min: 20, max: 45, default: 32 },
+  { value: 'fibula', label: ui.fibulaName, min: 25, max: 50, default: 37 },
+  { value: 'radius', label: ui.radiusName, min: 15, max: 35, default: 24 },
+  { value: 'ulna', label: ui.ulnaName, min: 18, max: 38, default: 26 }
+];
+
+const sexes = [
+  { value: 'male', label: ui.maleOption },
+  { value: 'female', label: ui.femaleOption }
+];
+
+const ancestries = [
+  { value: 'white', label: ui.whiteOption },
+  { value: 'black', label: ui.blackOption },
+  { value: 'asian', label: ui.asianOption }
+];
+---
+
+<div class="osteometric-selector">
+  <h3 class="selector-title">{ui.configTitle}</h3>
+  
+
+  <div class="form-group">
+    <label>{ui.boneLabel}</label>
+    <div class="custom-select" id="dropdown-bone">
+      <input type="hidden" id="input-bone" value="femur" />
+      <button type="button" class="custom-select-trigger" aria-haspopup="listbox" aria-expanded="false">
+        <span class="custom-select-trigger-text">{ui.femurName}</span>
+        <svg class="custom-select-arrow" viewBox="0 0 24 24" width="18" height="18">
+          <path d="M7 10l5 5 5-5H7z" fill="currentColor" />
+        </svg>
+      </button>
+      <div class="custom-select-options hidden" role="listbox">
+        {bones.map((bone) => (
+          <div 
+            class="custom-select-option" 
+            role="option" 
+            data-value={bone.value}
+            data-min={bone.min}
+            data-max={bone.max}
+            data-default={bone.default}
+          >
+            {bone.label}
+          </div>
+        ))}
+      </div>
+    </div>
+  </div>
+  
+  <div class="form-group">
+    <label for="input-length-val" id="length-label-text">{ui.lengthLabel} ({ui.unitsCm})</label>
+    <div class="length-input-container">
+      <input type="number" id="input-length-val" class="selector-number" step="0.1" />
+      <input type="range" id="input-length" class="selector-range" step="0.1" />
+    </div>
+  </div>
+  
+  <div class="form-group">
+    <label>{ui.sexLabel}</label>
+    <div class="radio-group">
+      {sexes.map((sex) => (
+        <label class="radio-label">
+          <input type="radio" name="sex" value={sex.value} checked={sex.value === 'male'} />
+          <span class="custom-radio"></span>
+          <span>{sex.label}</span>
+        </label>
+      ))}
+    </div>
+  </div>
+  
+  <div class="form-group">
+    <label>{ui.ancestryLabel}</label>
+    <div class="custom-select" id="dropdown-ancestry">
+      <input type="hidden" id="input-ancestry" value="white" />
+      <button type="button" class="custom-select-trigger" aria-haspopup="listbox" aria-expanded="false">
+        <span class="custom-select-trigger-text">{ui.whiteOption}</span>
+        <svg class="custom-select-arrow" viewBox="0 0 24 24" width="18" height="18">
+          <path d="M7 10l5 5 5-5H7z" fill="currentColor" />
+        </svg>
+      </button>
+      <div class="custom-select-options hidden" role="listbox">
+        {ancestries.map((ancestry) => (
+          <div 
+            class="custom-select-option" 
+            role="option" 
+            data-value={ancestry.value}
+          >
+            {ancestry.label}
+          </div>
+        ))}
+      </div>
+    </div>
+  </div>
+  
+  <div class="form-group">
+    <label for="input-age">{ui.ageLabel}</label>
+    <input type="number" id="input-age" class="selector-number" min="18" max="100" value="25" />
+  </div>
+</div>

package/src/tool/forensic-stature-estimator/dom-utils.ts

@@ -0,0 +1,71 @@
+export function toggleDropdownExpanded(trigger: HTMLButtonElement, container: Element) {
+  const isOpen = trigger.getAttribute('aria-expanded') === 'true';
+  closeAllDropdowns();
+  if (!isOpen) {
+    trigger.setAttribute('aria-expanded', 'true');
+    container.classList.remove('hidden');
+  }
+}
+
+export function setupCustomDropdown(dropdownId: string, onSelect: (val: string) => void) {
+  const dropdown = document.getElementById(dropdownId);
+  if (!dropdown) return;
+  const trigger = dropdown.querySelector('.custom-select-trigger') as HTMLButtonElement | null;
+  const container = dropdown.querySelector('.custom-select-options');
+  const input = dropdown.querySelector('input[type="hidden"]') as HTMLInputElement | null;
+  const triggerText = dropdown.querySelector('.custom-select-trigger-text');
+
+  if (!trigger || !container || !input) return;
+
+  trigger.addEventListener('click', (e) => {
+    e.stopPropagation();
+    toggleDropdownExpanded(trigger, container);
+  });
+
+  const options = container.querySelectorAll('.custom-select-option');
+  options.forEach(option => {
+    option.addEventListener('click', (e) => {
+      e.stopPropagation();
+      const val = option.getAttribute('data-value') || '';
+      input.value = val;
+      if (triggerText) triggerText.textContent = option.textContent;
+      trigger.setAttribute('aria-expanded', 'false');
+      container.classList.add('hidden');
+      onSelect(val);
+      options.forEach(o => o.classList.remove('selected'));
+      option.classList.add('selected');
+    });
+  });
+}
+
+export function closeAllDropdowns() {
+  document.querySelectorAll('.custom-select-trigger').forEach(trig => {
+    trig.setAttribute('aria-expanded', 'false');
+  });
+  document.querySelectorAll('.custom-select-options').forEach(opts => {
+    opts.classList.add('hidden');
+  });
+}
+
+export function syncDropdown(id: string, val: string) {
+  const opt = document.querySelector(`#${id} .custom-select-option[data-value="${val}"]`);
+  const triggerText = document.querySelector(`#${id} .custom-select-trigger-text`);
+  if (opt && triggerText) {
+    triggerText.textContent = opt.textContent;
+    document.querySelectorAll(`#${id} .custom-select-option`).forEach(o => o.classList.remove('selected'));
+    opt.classList.add('selected');
+  }
+}
+
+export function restoreValue(input: HTMLInputElement | null, val: unknown) {
+  if (input && val !== undefined && val !== null) {
+    input.value = String(val);
+  }
+}
+
+export function restoreSelectable(input: HTMLInputElement | null, val: unknown, dropdownId: string) {
+  if (input && val) {
+    input.value = String(val);
+    syncDropdown(dropdownId, String(val));
+  }
+}

package/src/tool/forensic-stature-estimator/entry.ts

@@ -0,0 +1,32 @@
+import type { ScienceToolEntry, ToolLocaleContent } from '../../types';
+
+export interface StatureEstimatorUI {
+  [key: string]: string;
+}
+
+export type StatureEstimatorLocaleContent = ToolLocaleContent<StatureEstimatorUI>;
+
+export const forensicStatureEstimator: ScienceToolEntry<StatureEstimatorUI> = {
+  id: 'forensic-stature-estimator',
+  icons: {
+    bg: 'mdi:ruler-square',
+    fg: 'mdi:human-male-height'
+  },
+  i18n: {
+    de: () => import('./i18n/de').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content)
+  }
+};