@jjlmoya/utils-science 1.32.0 → 1.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-science",
-    "version": "1.32.0",
+    "version": "1.34.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/category/index.ts

@@ -14,10 +14,12 @@ import { entropySecondLaw } from '../tool/entropy-second-law/index';
 import { phaseDiagramCriticalPoints } from '../tool/phase-diagram-critical-points/index';
 import { twinParadoxVisualizer } from '../tool/twin-paradox-visualizer/index';
 import { mandelbrotFractal } from '../tool/mandelbrot-fractal/index';
+import { planetAtmosphereSurvival } from '../tool/planet-atmosphere-survival/index';
+import { threeBodyProblem } from '../tool/three-body-problem/index';
 
 export const scienceCategory: ScienceCategoryEntry = {
   icon: 'mdi:flask',
-  tools: [colonyCounter, asteroidImpact, microwaveDetector, simulationProbability, cellularRenewal, cosmicInflation, temperatureTimeline, lorenzAttractor, stellarHabitabilityZone, radioactiveDecay, naturalSelectionDrift, entropySecondLaw, phaseDiagramCriticalPoints, twinParadoxVisualizer, mandelbrotFractal],
+  tools: [colonyCounter, asteroidImpact, microwaveDetector, simulationProbability, cellularRenewal, cosmicInflation, temperatureTimeline, lorenzAttractor, stellarHabitabilityZone, radioactiveDecay, naturalSelectionDrift, entropySecondLaw, phaseDiagramCriticalPoints, twinParadoxVisualizer, mandelbrotFractal, planetAtmosphereSurvival, threeBodyProblem],
   i18n: {
     es: () => import('./i18n/es').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),

package/src/entries.ts

@@ -14,6 +14,8 @@ export { entropySecondLaw } from './tool/entropy-second-law/entry';
 export { phaseDiagramCriticalPoints } from './tool/phase-diagram-critical-points/entry';
 export { twinParadoxVisualizer } from './tool/twin-paradox-visualizer/entry';
 export { mandelbrotFractal } from './tool/mandelbrot-fractal/entry';
+export { planetAtmosphereSurvival } from './tool/planet-atmosphere-survival/entry';
+export { threeBodyProblem } from './tool/three-body-problem/entry';
 export { scienceCategory } from './category';
 import { asteroidImpact } from './tool/asteroid-impact/entry';
 import { cellularRenewal } from './tool/cellular-renewal/entry';
@@ -30,4 +32,6 @@ import { entropySecondLaw } from './tool/entropy-second-law/entry';
 import { phaseDiagramCriticalPoints } from './tool/phase-diagram-critical-points/entry';
 import { twinParadoxVisualizer } from './tool/twin-paradox-visualizer/entry';
 import { mandelbrotFractal } from './tool/mandelbrot-fractal/entry';
-export const ALL_ENTRIES = [asteroidImpact, cellularRenewal, colonyCounter, microwaveDetector, simulationProbability, cosmicInflation, temperatureTimeline, lorenzAttractor, stellarHabitabilityZone, radioactiveDecay, naturalSelectionDrift, entropySecondLaw, phaseDiagramCriticalPoints, twinParadoxVisualizer, mandelbrotFractal];
+import { planetAtmosphereSurvival } from './tool/planet-atmosphere-survival/entry';
+import { threeBodyProblem } from './tool/three-body-problem/entry';
+export const ALL_ENTRIES = [asteroidImpact, cellularRenewal, colonyCounter, microwaveDetector, simulationProbability, cosmicInflation, temperatureTimeline, lorenzAttractor, stellarHabitabilityZone, radioactiveDecay, naturalSelectionDrift, entropySecondLaw, phaseDiagramCriticalPoints, twinParadoxVisualizer, mandelbrotFractal, planetAtmosphereSurvival, threeBodyProblem];

package/src/index.ts

@@ -15,6 +15,8 @@ export { ENTROPY_SECOND_LAW_TOOL } from './tool/entropy-second-law/index';
 export { PHASE_DIAGRAM_CRITICAL_POINTS_TOOL } from './tool/phase-diagram-critical-points/index';
 export { TWIN_PARADOX_VISUALIZER_TOOL } from './tool/twin-paradox-visualizer/index';
 export { MANDELBROT_FRACTAL_TOOL } from './tool/mandelbrot-fractal/index';
+export { PLANET_ATMOSPHERE_SURVIVAL_TOOL } from './tool/planet-atmosphere-survival/index';
+export { THREE_BODY_PROBLEM_TOOL } from './tool/three-body-problem/index';
 
 export type {
   KnownLocale,

package/src/tests/locale_completeness.test.ts

@@ -18,7 +18,7 @@ describe('Locale Completeness Validation', () => {
     });
   });
 
-  it('all 15 tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(15);
+  it('all 17 tools registered', () => {
+    expect(ALL_TOOLS.length).toBe(17);
   });
 });

package/src/tests/tool_validation.test.ts

@@ -4,8 +4,8 @@ import { scienceCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
-    it('should have 15 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(15);
+    it('should have 17 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(17);
     });
 
     it('scienceCategory should be defined', () => {

package/src/tool/natural-selection-drift/component.astro

@@ -8,7 +8,7 @@ interface Props {
 const { ui } = Astro.props;
 ---
 
-<div class="ns-app">
+<div class="ns-app" data-alive-label={ui.aliveLabel} data-allele-default={ui.alleleDefault}>
   <section class="ns-card">
     <canvas id="simulation-canvas" class="ns-canvas"></canvas>
     <div class="ns-canvas-badge" id="alive-badge">0 {ui.aliveLabel}</div>
@@ -25,9 +25,19 @@ const { ui } = Astro.props;
 
     <section class="ns-alleles" id="allele-ranking" aria-label={ui.alleleCountsLabel}></section>
 
-    <aside class="ns-console" aria-label="Simulation controls">
+    <button class="ns-console-trigger" id="ns-console-trigger" aria-label={ui.controls} aria-expanded="false">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 4h12M2 8h8M2 12h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
+      {ui.controls}
+    </button>
+
+    <aside class="ns-console" id="ns-console" aria-label="Simulation controls">
       <div class="ns-console-header">
-        <span class="ns-console-kicker">{ui.evolutionConsole}</span>
+        <div class="ns-console-header-row">
+          <span class="ns-console-kicker">{ui.evolutionConsole}</span>
+          <button class="ns-console-close" id="ns-console-close" aria-label="Close controls">
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
+          </button>
+        </div>
         <h3>{ui.title}</h3>
       </div>
 
@@ -74,9 +84,10 @@ const { ui } = Astro.props;
   </section>
 </div>
 
-<script type="module" define:vars={{ ui }}>
-  import { createNaturalSelectionRuntime } from '/src/tool/natural-selection-drift/runtime';
+<script>
+  import { createNaturalSelectionRuntime } from './runtime';
 
+  const root = document.querySelector('.ns-app');
   createNaturalSelectionRuntime({
     populationInput: document.getElementById('population'),
     generationsInput: document.getElementById('generations'),
@@ -99,6 +110,26 @@ const { ui } = Astro.props;
     diversityScore: document.getElementById('diversity-score'),
     populationScore: document.getElementById('population-score'),
     alleleRanking: document.getElementById('allele-ranking'),
-    ui: { ...ui },
+    ui: {
+      aliveLabel: root?.dataset.aliveLabel ?? '',
+      alleleDefault: root?.dataset.alleleDefault ?? '',
+    },
   });
+
+  const trigger = document.getElementById('ns-console-trigger');
+  const closeBtn = document.getElementById('ns-console-close');
+  const console = document.getElementById('ns-console');
+
+  function openConsole() {
+    console?.classList.add('is-open');
+    trigger?.setAttribute('aria-expanded', 'true');
+  }
+
+  function closeConsole() {
+    console?.classList.remove('is-open');
+    trigger?.setAttribute('aria-expanded', 'false');
+  }
+
+  trigger?.addEventListener('click', openConsole);
+  closeBtn?.addEventListener('click', closeConsole);
 </script>

package/src/tool/natural-selection-drift/natural-selection-drift.css

@@ -427,3 +427,137 @@
     grid-template-columns: minmax(0, 1fr);
   }
 }
+
+.ns-console-trigger {
+  display: none;
+}
+
+.ns-console-header-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+
+.ns-console-close {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  border: 1px solid var(--ns-border);
+  background: var(--ns-panel);
+  color: var(--ns-muted);
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.18s ease, color 0.18s ease;
+}
+
+.ns-console-close:hover {
+  background: rgba(239, 68, 68, 0.12);
+  color: #ef4444;
+}
+
+@media (max-width: 640px) {
+  .ns-console-trigger {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    position: absolute;
+    left: clamp(16px, 4vw, 24px);
+    bottom: clamp(16px, 4vw, 24px);
+    z-index: 3;
+    padding: 0.6rem 1rem;
+    border-radius: 999px;
+    border: 1px solid rgba(255, 255, 255, 0.14);
+    background: rgba(2, 6, 23, 0.72);
+    backdrop-filter: blur(18px);
+    color: rgba(255, 255, 255, 0.9);
+    font-size: 0.78rem;
+    font-weight: 700;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    cursor: pointer;
+    transition: background 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
+  }
+
+  .theme-light .ns-console-trigger {
+    background: rgba(255, 255, 255, 0.88);
+    border-color: rgba(148, 163, 184, 0.22);
+    color: #0f172a;
+    box-shadow: 0 8px 24px rgba(148, 163, 184, 0.22);
+  }
+
+  .ns-console-trigger:hover {
+    transform: translateY(-1px);
+  }
+
+  .ns-console-trigger[aria-expanded="true"] {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .ns-console {
+    left: 0;
+    right: 0;
+    top: auto;
+    bottom: 0;
+    width: 100%;
+    border-radius: 24px 24px 0 0;
+    border-bottom: none;
+    padding: 1.25rem clamp(16px, 4vw, 24px) calc(clamp(16px, 4vw, 24px) + env(safe-area-inset-bottom, 0px));
+    transform: translateY(110%);
+    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
+    background: rgba(7, 9, 13, 0.88);
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(24px);
+    max-height: 80vh;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+  }
+
+  .theme-light .ns-console {
+    background: rgba(255, 255, 255, 0.96);
+    border-top-color: rgba(148, 163, 184, 0.2);
+  }
+
+  .ns-console.is-open {
+    transform: translateY(0);
+  }
+
+  .ns-console-close {
+    display: inline-flex;
+  }
+
+  .ns-console::before {
+    content: "";
+    display: block;
+    width: 40px;
+    height: 4px;
+    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.18);
+    margin: 0 auto 1rem;
+  }
+
+  .theme-light .ns-console::before {
+    background: rgba(15, 23, 42, 0.14);
+  }
+
+  .ns-alleles {
+    top: 72px;
+    right: clamp(12px, 3vw, 16px);
+    grid-template-columns: minmax(140px, 180px);
+  }
+
+  .ns-allele-chip {
+    padding: 0.28rem 0.4rem 0.28rem 0.6rem;
+    border-radius: 10px;
+  }
+
+  .ns-hud {
+    bottom: clamp(72px, 12vw, 96px);
+  }
+}
+

package/src/tool/planet-atmosphere-survival/bibliography.astro

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

package/src/tool/planet-atmosphere-survival/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'NASA Space Science Data Coordinated Archive, Planetary Fact Sheets',
+    url: 'https://science.gsfc.nasa.gov/solarsystem/dataarchives/projects/629/',
+  },
+  {
+    name: 'NASA, Human Integration Design Handbook',
+    url: 'https://www.nasa.gov/human-integration-design-handbook/',
+  },
+  {
+    name: 'NOAA National Weather Service, Wind Chill Temperature Index',
+    url: 'https://www.weather.gov/ddc/windchillddc',
+  },
+];