@jjlmoya/utils-science 1.19.0 → 1.21.0

package/src/tool/simulation-probability/i18n/tr.ts

@@ -41,14 +41,13 @@ const faq = [
       answer: 'Bilgisayarın geleceği hakkındaki inançlarınıza bağlıdır. Düşük değerler (100-1000) kaynak kısıtlamalarını varsayar. Yüksek değerler (milyonlar) pratik olarak sınırsız hesaplama gücü varsayar. Çoğu bilimsel tartışma 1000 ile 1 trilyon arasındaki değerleri kullanır.',
     },
   ];
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 
 export const content: ToolLocaleContent = {
   slug,
   title,
   description,
-  faqTitle: 'Sıkça Sorulan Sorular',
-  bibliographyTitle: 'Kaynakça',
   ui: {
     copied: 'Kopyalandı',
     noHistory: 'Geçmiş yok',
@@ -167,28 +166,7 @@ export const content: ToolLocaleContent = {
     },
   ],
   faq,
-  bibliography: [
-    {
-      name: 'Bostrom, N. (2003). Are You Living in a Computer Simulation? The Philosophical Quarterly, 53(211), 243-255.',
-      url: 'https://www.nickbostrom.com/sim.html',
-    },
-    {
-      name: 'Chalmers, D. J. (2005). The Matrix as Metaphysics. Science Fiction and Philosophy, 132-142.',
-      url: 'https://consc.net/papers/matrix.html',
-    },
-    {
-      name: 'Gefter, A. (2014). The Man Who Tried to Redeem the World with Logic: The Life and Work of Kurt Gödel. Nautilus Magazine.',
-      url: 'https://nautil.us/articles/the-man-who-tried-to-redeem-the-world-with-logic',
-    },
-    {
-      name: 'Tegmark, M. (2014). Our Mathematical Universe: My Quest for the Ultimate Nature of Reality. Knopf.',
-      url: 'https://space.mit.edu/home/tegmark/mathematical-universe.html',
-    },
-    {
-      name: 'Tyson, N. deG. (2014). Welcome to the Universe: An Astrophysical Tour. Princeton University Press.',
-      url: 'https://www.haydenplanetarium.org/',
-    },
-  ],
+  bibliography,
   howTo,
   
   schemas: [
@@ -224,3 +202,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
+

package/src/tool/simulation-probability/i18n/zh.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 
 const slug = 'simulation-probability-calculator';
@@ -19,10 +20,10 @@ const faq = [
   },
   {
     question: '是否有科学证据表明我们处于模拟中？',
-    answer: '目前还没有结论性的证据。一些物理学家将量子力学中的异常现象（如量子化、纠缠）视为可能的“计算优化”，但这些都是推测性的解释。',
+    answer: '目前还没有结论性的证据。一些物理学家将量子力学中的异常现象（如量子化、纠缠）视为可能的"计算优化"，但这些都是推测性的解释。',
   },
   {
-    question: '我应该给“N”（模拟规模）赋予什么值？',
+    question: '我应该给"N"（模拟规模）赋予什么值？',
     answer: '这取决于您对计算机未来的信念。低值（100-1000）假设资源有限。高值（数百万）假设拥有几乎无限的计算能力。大多数科学讨论使用介于 1000 到 1 万亿之间的值。',
   },
 ];
@@ -50,8 +51,6 @@ export const content: ToolLocaleContent = {
   slug,
   title,
   description,
-  faqTitle: '常见问题',
-  bibliographyTitle: '参考文献',
   ui: {
     copied: '已复制',
     noHistory: '暂无历史记录',
@@ -85,7 +84,7 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'paragraph',
-      html: '我们的现实可能是一个人造结构，一个极其先进的计算机模拟，这个想法已经从科幻小说变成了严肃的哲学和科学辩论。2003 年，牛津大学哲学家尼克·波斯特罗姆发表了一篇题为 <em>"你是否生活在计算机模拟中？"</em> 的文章，他在文中提出了一个挑战我们存在认知的“三解困境”论证。',
+      html: '我们的现实可能是一个人造结构，一个极其先进的计算机模拟，这个想法已经从科幻小说变成了严肃的哲学和科学辩论。2003 年，牛津大学哲学家尼克·波斯特罗姆发表了一篇题为 <em>"你是否生活在计算机模拟中？"</em> 的文章，他在文中提出了一个挑战我们存在认知的"三解困境"论证。',
     },
     {
       type: 'paragraph',
@@ -142,7 +141,7 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'paragraph',
-      html: '从量子物理学到宇宙学，一些科学家正在寻找现实分辨率中的“缺陷”或限制。如果宇宙具有最小长度（普朗克长度）或看起来像代码优化（如量子纠缠）的行为，那么该假设在数字物理学领域就会获得支持者。',
+      html: '从量子物理学到宇宙学，一些科学家正在寻找现实分辨率中的"缺陷"或限制。如果宇宙具有最小长度（普朗克长度）或看起来像代码优化（如量子纠缠）的行为，那么该假设在数字物理学领域就会获得支持者。',
     },
     {
       type: 'title',
@@ -169,28 +168,7 @@ export const content: ToolLocaleContent = {
     },
   ],
   faq,
-  bibliography: [
-    {
-      name: 'Bostrom, N. (2003). Are You Living in a Computer Simulation? The Philosophical Quarterly, 53(211), 243-255.',
-      url: 'https://www.nickbostrom.com/sim.html',
-    },
-    {
-      name: 'Chalmers, D. J. (2005). The Matrix as Metaphysics. Science Fiction and Philosophy, 132-142.',
-      url: 'https://consc.net/papers/matrix.html',
-    },
-    {
-      name: 'Gefter, A. (2014). The Man Who Tried to Redeem the World with Logic: The Life and Work of Kurt Gödel. Nautilus Magazine.',
-      url: 'https://nautil.us/articles/the-man-who-tried-to-redeem-the-world-with-logic',
-    },
-    {
-      name: 'Tegmark, M. (2014). Our Mathematical Universe: My Quest for the Ultimate Nature of Reality. Knopf.',
-      url: 'https://space.mit.edu/home/tegmark/mathematical-universe.html',
-    },
-    {
-      name: 'Tyson, N. deG. (2014). Welcome to the Universe: An Astrophysical Tour. Princeton University Press.',
-      url: 'https://www.haydenplanetarium.org/',
-    },
-  ],
+  bibliography,
   howTo,
   schemas: [
     {
@@ -225,3 +203,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
+

package/src/tool/simulation-probability/index.ts

@@ -1,4 +1,5 @@
 import { simulationProbability } from './entry';
+import type { ToolDefinition } from '../../types';
 export * from './entry';
 export const SIMULATION_PROBABILITY_TOOL: ToolDefinition = {
   entry: simulationProbability,

package/src/tool/simulation-probability/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await simulationProbability.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ sections: content.seo, locale }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/temperature-timeline/bibliography.astro

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

package/src/tool/temperature-timeline/bibliography.ts

@@ -0,0 +1,12 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Global temperatures in the Cenozoic - Nature Geoscience',
+    url: 'https://www.nature.com/nature-index/topics/l4/paleoceanographic-dynamics-of-cenozoic-climate-systems',
+  },
+  {
+    name: 'Phanerozoic climate history and temperature trends - Science',
+    url: 'https://www.science.org/doi/10.1126/science.adk3705',
+  },
+];

package/src/tool/temperature-timeline/component.astro

@@ -0,0 +1,289 @@
+---
+import './planet-temperature-timeline.css';
+
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+---
+
+<div class="timeline-root" id="temperature-timeline-root" data-ui={JSON.stringify(ui)}>
+  <div class="timeline-canvas-container" id="timeline-canvas-area">
+    <canvas id="timeline-thermal-canvas"></canvas>
+  </div>
+
+  <div class="timeline-ruler-container" id="timeline-ruler">
+    <div class="timeline-ruler-track"></div>
+    <div class="timeline-ruler-notch" data-index="5">
+      <span class="timeline-notch-label">ANT</span>
+      <div class="timeline-notch-line"></div>
+    </div>
+    <div class="timeline-ruler-notch" data-index="4">
+      <span class="timeline-notch-label">CEN</span>
+      <div class="timeline-notch-line"></div>
+    </div>
+    <div class="timeline-ruler-notch" data-index="3">
+      <span class="timeline-notch-label">MES</span>
+      <div class="timeline-notch-line"></div>
+    </div>
+    <div class="timeline-ruler-notch" data-index="2">
+      <span class="timeline-notch-label">PAL</span>
+      <div class="timeline-notch-line"></div>
+    </div>
+    <div class="timeline-ruler-notch" data-index="1">
+      <span class="timeline-notch-label">PRO</span>
+      <div class="timeline-notch-line"></div>
+    </div>
+    <div class="timeline-ruler-notch" data-index="0">
+      <span class="timeline-notch-label">ARC</span>
+      <div class="timeline-notch-line"></div>
+    </div>
+  </div>
+
+  <div class="timeline-info-panel">
+    <div class="timeline-meta-header">
+      <span id="timeline-era-age" class="timeline-age">---</span>
+      <h3 id="timeline-era-title" class="timeline-era-name">---</h3>
+    </div>
+
+    <div class="timeline-temp">
+      <span id="timeline-era-temp-val">---</span><span class="timeline-temp-unit">°C</span>
+    </div>
+  </div>
+</div>
+
+<script>
+  import { TemperatureTimelineEngine } from './logic/TemperatureTimelineEngine';
+
+  const root = document.getElementById('temperature-timeline-root');
+  if (root) {
+    const ageEl = document.getElementById('timeline-era-age');
+    const titleEl = document.getElementById('timeline-era-title');
+    const tempValEl = document.getElementById('timeline-era-temp-val');
+    const canvas = document.getElementById('timeline-thermal-canvas') as HTMLCanvasElement;
+    const canvasArea = document.getElementById('timeline-canvas-area');
+    const notches = document.querySelectorAll('.timeline-ruler-notch');
+
+    const uiData = JSON.parse(root.getAttribute('data-ui') || '{}');
+    const engine = new TemperatureTimelineEngine();
+    const epochs = engine.getEpochs().map(epoch => ({
+      ...epoch,
+      name: uiData[`epoch_${epoch.id}_name`] || epoch.name,
+      ageRange: uiData[`epoch_${epoch.id}_age`] || epoch.ageRange,
+      description: uiData[`epoch_${epoch.id}_desc`] || epoch.description,
+    }));
+
+    let currentEraIndex = 4;
+    let targetRadius = 130;
+    let currentRadius = 130;
+    let targetSpeed = 0.015;
+    let currentSpeed = 0.015;
+    const targetColor = { r: 56, g: 189, b: 248 };
+    const currentColor = { r: 56, g: 189, b: 248 };
+    let isCold = false;
+
+    function getThemeConfig(temp: number, isDark: boolean) {
+      if (temp >= 25) {
+        return { color: { r: 234, g: 88, b: 12 }, radius: 160, speed: 0.04, cold: false };
+      } else if (temp >= 20) {
+        return { color: { r: 249, g: 115, b: 22 }, radius: 140, speed: 0.03, cold: false };
+      } else if (temp >= 15) {
+        return { color: { r: 217, g: 119, b: 6 }, radius: 130, speed: 0.02, cold: false };
+      } else if (temp >= 13) {
+        return { color: isDark ? { r: 56, g: 189, b: 248 } : { r: 2, g: 132, b: 199 }, radius: 110, speed: 0.01, cold: true };
+      }
+      return { color: isDark ? { r: 224, g: 242, b: 254 } : { r: 15, g: 23, b: 42 }, radius: 90, speed: 0.005, cold: true };
+    }
+
+    function updateNotchStates(index: number, color: { r: number; g: number; b: number }) {
+      notches.forEach(n => {
+        const notchIdx = parseInt(n.getAttribute('data-index') || '0');
+        const label = n.querySelector('.timeline-notch-label') as HTMLElement;
+        if (notchIdx === index) {
+          n.classList.add('active');
+          if (label) {
+            label.style.textShadow = `0 0 12px rgba(${color.r}, ${color.g}, ${color.b}, 0.8)`;
+          }
+        } else {
+          n.classList.remove('active');
+          if (label) {
+            label.style.textShadow = 'none';
+          }
+        }
+      });
+    }
+
+    function selectEpoch(index: number) {
+      if (index < 0) index = 0;
+      if (index >= epochs.length) index = epochs.length - 1;
+      currentEraIndex = index;
+
+      const epoch = epochs[index];
+      if (!epoch) return;
+
+      if (ageEl) ageEl.textContent = epoch.ageRange;
+      if (titleEl) titleEl.textContent = epoch.name;
+      if (tempValEl) tempValEl.textContent = epoch.avgTemp.toFixed(1);
+
+      const isDark = document.body.classList.contains('theme-dark') || document.documentElement.classList.contains('theme-dark');
+      const config = getThemeConfig(epoch.avgTemp, isDark);
+
+      targetColor.r = config.color.r;
+      targetColor.g = config.color.g;
+      targetColor.b = config.color.b;
+      targetRadius = config.radius;
+      targetSpeed = config.speed;
+      isCold = config.cold;
+
+      updateNotchStates(index, targetColor);
+    }
+
+    let isDragging = false;
+    let startY = 0;
+    let startEraIndex = 4;
+
+    function handleStart(y: number) {
+      isDragging = true;
+      startY = y;
+      startEraIndex = currentEraIndex;
+    }
+
+    function handleMove(y: number) {
+      if (!isDragging) return;
+      const dy = y - startY;
+      const height = root?.clientHeight || 600;
+      const deltaEra = -Math.round((dy / height) * epochs.length * 1.8);
+      let nextIndex = startEraIndex + deltaEra;
+      if (nextIndex < 0) nextIndex = 0;
+      if (nextIndex >= epochs.length) nextIndex = epochs.length - 1;
+      if (nextIndex !== currentEraIndex) {
+        selectEpoch(nextIndex);
+      }
+    }
+
+    canvasArea?.addEventListener('mousedown', (e: MouseEvent) => handleStart(e.clientY));
+    window.addEventListener('mousemove', (e: MouseEvent) => handleMove(e.clientY));
+    window.addEventListener('mouseup', () => { isDragging = false; });
+
+    canvasArea?.addEventListener('touchstart', (e: TouchEvent) => {
+      if (e.touches[0]) handleStart(e.touches[0].clientY);
+    });
+    window.addEventListener('touchmove', (e: TouchEvent) => {
+      if (e.touches[0]) handleMove(e.touches[0].clientY);
+    });
+    window.addEventListener('touchend', () => { isDragging = false; });
+
+    notches.forEach(notch => {
+      notch.addEventListener('click', () => {
+        const idx = parseInt(notch.getAttribute('data-index') || '0');
+        selectEpoch(idx);
+      });
+    });
+
+    const particles: { angle: number; speed: number; radiusOffset: number; size: number }[] = [];
+    for (let i = 0; i < 150; i++) {
+      particles.push({
+        angle: Math.random() * Math.PI * 2,
+        speed: 0.005 + Math.random() * 0.015,
+        radiusOffset: -40 + Math.random() * 80,
+        size: 1.5 + Math.random() * 2.5
+      });
+    }
+
+    let phase = 0;
+
+    function renderParticles(ctx: CanvasRenderingContext2D, cx: number, cy: number, colorString: string) {
+      particles.forEach(p => {
+        p.angle += p.speed * (currentSpeed * 50 + 0.5);
+        
+        let warp = 0;
+        if (!isCold) {
+          warp = Math.sin(p.angle * 6 + phase) * 15;
+        }
+
+        const rad = currentRadius + p.radiusOffset + warp;
+        const px = cx + Math.cos(p.angle) * rad;
+        const py = cy + Math.sin(p.angle) * rad * 0.7;
+
+        ctx.beginPath();
+        ctx.fillStyle = colorString + `, ${0.15 + (1 - Math.abs(p.radiusOffset) / 80) * 0.65})`;
+        ctx.arc(px, py, p.size, 0, Math.PI * 2);
+        ctx.fill();
+      });
+    }
+
+    function renderAtmosphereCircles(ctx: CanvasRenderingContext2D, cx: number, cy: number, colorString: string) {
+      if (isCold) {
+        ctx.strokeStyle = colorString + ', 0.45)';
+        ctx.lineWidth = 1.5;
+        for (let i = 1; i < 4; i++) {
+          ctx.beginPath();
+          ctx.arc(cx, cy, currentRadius * (i / 4), 0, Math.PI * 2);
+          ctx.stroke();
+        }
+      } else {
+        ctx.strokeStyle = colorString + ', 0.25)';
+        ctx.lineWidth = 1;
+        ctx.beginPath();
+        ctx.arc(cx, cy, currentRadius + 30, 0, Math.PI * 2);
+        ctx.stroke();
+      }
+    }
+
+    function updateCurrentColor() {
+      currentColor.r += (targetColor.r - currentColor.r) * 0.08;
+      currentColor.g += (targetColor.g - currentColor.g) * 0.08;
+      currentColor.b += (targetColor.b - currentColor.b) * 0.08;
+    }
+
+    function animate() {
+      if (!canvas) return;
+      const ctx = canvas.getContext('2d');
+      if (!ctx) return;
+
+      const dpr = window.devicePixelRatio || 1;
+      canvas.width = canvas.clientWidth * dpr;
+      canvas.height = canvas.clientHeight * dpr;
+      ctx.scale(dpr, dpr);
+
+      const w = canvas.width / dpr;
+      const h = canvas.height / dpr;
+
+      ctx.clearRect(0, 0, w, h);
+
+      currentRadius += (targetRadius - currentRadius) * 0.08;
+      currentSpeed += (targetSpeed - currentSpeed) * 0.08;
+      updateCurrentColor();
+
+      phase += currentSpeed;
+
+      const cx = w / 2;
+      const cy = h / 2;
+
+      const colorString = `rgba(${Math.floor(currentColor.r)}, ${Math.floor(currentColor.g)}, ${Math.floor(currentColor.b)}`;
+
+      if (root) {
+        root.style.boxShadow = `0 20px 40px rgba(${currentColor.r}, ${currentColor.g}, ${currentColor.b}, 0.06)`;
+      }
+
+      renderParticles(ctx, cx, cy, colorString);
+      renderAtmosphereCircles(ctx, cx, cy, colorString);
+
+      ctx.beginPath();
+      ctx.strokeStyle = colorString + ', 0.8)';
+      ctx.lineWidth = 2.5;
+      ctx.arc(cx, cy, currentRadius, 0, Math.PI * 2);
+      ctx.stroke();
+
+      requestAnimationFrame(animate);
+    }
+
+    selectEpoch(4);
+    animate();
+
+    window.addEventListener('resize', () => {
+      selectEpoch(currentEraIndex);
+    });
+  }
+</script>

package/src/tool/temperature-timeline/entry.ts

@@ -0,0 +1,26 @@
+import type { ScienceToolEntry } from '../../types';
+
+export const temperatureTimeline: ScienceToolEntry = {
+  id: 'planet-temperature-timeline',
+  icons: {
+    bg: 'mdi:weather-sunny',
+    fg: 'mdi:clock-outline',
+  },
+  i18n: {
+    es: () => import('./i18n/es').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    id: () => import('./i18n/id').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),
+    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),
+  },
+};