@jjlmoya/utils-science 1.32.0 → 1.34.0

package/src/tool/three-body-problem/i18n/tr.ts

@@ -0,0 +1,162 @@
+import { bibliography } from '../bibliography';
+import type { ToolLocaleContent } from '../../../types';
+
+const slug = 'uc-cisim-problemi-simulatoru';
+const title = 'Üç Cisim Problemi Simülatörü';
+const description = 'Düzenlenebilir kütleler, hız vektörleri, izler ve kararlı veya kaotik ön ayarlarla iki boyutlu bir düzlemde üç kütleçekimsel cismi simüle edin.';
+
+const howTo = [
+  {
+    name: 'Bir yörünge ön ayarı seçin',
+    text: 'Kararlı bir referans için sekiz figürü yörüngesiyle, dönen bir denge için Lagrange üçgeniyle veya görünür şekilde kaotik bir karşılaşma için sapan ön ayarıyla başlayın.',
+  },
+  {
+    name: 'Kütleleri ve hız vektörlerini ayarlayın',
+    text: 'Her cisim için kaydırıcıları kullanarak kütleyi ve başlangıç hızı bileşenlerini değiştirin. Küçük değişiklikler bir deseni koruyabilir, deforme edebilir veya tamamen yok edebilir.',
+  },
+  {
+    name: 'Tanıları okuyun',
+    text: 'Sayısal yörüngenin bağlı kalıp kalmadığını veya dağılıp dağılmadığını anlamak için toplam enerjiyi, en yakın ve en uzak ayrılmayı ve kütle merkezini izleyin.',
+  },
+];
+
+const faq = [
+  {
+    question: 'Üç cisim problemi nedir?',
+    answer: 'Üç cisim problemi, her bir cismin diğer ikisini kütleçekimsel olarak çekmesi durumunda üç kütlenin nasıl hareket ettiğini sorgular. İki cisim probleminden farklı olarak, her olası konfigürasyonu çözen genel bir kapalı form denklemi yoktur, bu nedenle pratik vakaların çoğu sayısal entegrasyonla keşfedilir.',
+  },
+  {
+    question: 'Üç cisim yörüngeleri neden kararsızdır?',
+    answer: 'Birçok üç cisim sistemi başlangıç koşullarına duyarlıdır. Hız, konum veya kütledeki küçük bir değişiklik yakın karşılaşmaların zamanlamasını değiştirir ve bu karşılaşmalar enerjiyi dramatik bir şekilde değiş tokuş edebilir. Sonuç, bir süre bağlı kalıp ardından aniden bir cismi fırlatabilen bir sistemdir.',
+  },
+  {
+    question: 'Sekiz figürü ön ayarı neyi gösterir?',
+    answer: 'Sekiz figürü ön ayarı, üç eşit kütle için ünlü bir periyodik çözümdür. Her cisim aynı yolu bir faz kaymasıyla takip eder ve üç cisim probleminin çok daha büyük bir kaotik manzara içinde zarif kararlı adalar içerebileceğini gösterir.',
+  },
+  {
+    question: 'Bu fiziksel olarak tam doğru bir astronomi simülatörü müdür?',
+    answer: 'Bu araç, hareketin öğrenme için sadık ve kararlı hissettirmesi amacıyla yumuşatılmış bir Newton modeli ve semplektik hız Verlet adımı kullanır. Yüksek hassasiyetli gök günlüğü tahmininden ziyade etkileşimli keşif için tasarlanmıştır.',
+  },
+  {
+    question: 'Toplam enerjiyi nasıl yorumlamalıyım?',
+    answer: 'Negatif toplam enerji genellikle bağlı bir sistemi gösterirken, sıfıra yakın enerji kaçışı kolaylaştırabilir. Sayısal bir simülasyonda, büyük enerji sapması ayrıca zaman adımının veya karşılaşma geometrisinin entegratörü zorladığı konusunda uyarır.',
+  },
+];
+
+export const content: ToolLocaleContent = {
+  slug,
+  title,
+  description,
+  ui: {
+    title,
+    kicker: 'Kütleçekimsel kaos laboratuvarı',
+    canvasLabel: 'Etkileşimli iki boyutlu üç cisim yörünge tuvali',
+    presetsLabel: 'Yörünge ön ayarları',
+    figureEightPreset: 'Sekiz figürü',
+    lagrangePreset: 'Lagrange üçgeni',
+    slingshotPreset: 'Sapan',
+    pauseButton: 'Duraklat',
+    playButton: 'Oynat',
+    resetButton: 'Sıfırla',
+    speedLabel: 'Simülasyon hızı',
+    trailLabel: 'İz uzunluğu',
+    massLabel: 'Kütle',
+    velocityXLabel: 'Hız X',
+    velocityYLabel: 'Hız Y',
+    energyLabel: 'Toplam enerji',
+    separationLabel: 'Ayrılma aralığı',
+    centerMassLabel: 'Kütle merkezi',
+  },
+  seo: [
+    {
+      type: 'title',
+      text: 'Yörüngesel Kaos için Etkileşimli Üç Cisim Problemi Simülatörü',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Üç cisim problemi, basit yasaların karmaşık hareket üretebileceğinin en açık göstergelerinden biridir. Newton kütleçekimi kompakt bir kuvvet kuralı verir, ancak üçüncü bir kütleli cisim sisteme katıldığı anda her yörünge sürekli olarak diğer ikisini yeniden şekillendirir. Bu simülatör, bu kararsızlıkla doğrudan deney yapmanızı sağlar: bilinen bir konfigürasyon seçin, kütleleri ve hız vektörlerini ayarlayın ve cisimlerin tekrarlayan bir yörünge, dönen bir üçgen veya kaotik bir saçılma olayı oluşturup oluşturmadığını izleyin.',
+    },
+    {
+      type: 'title',
+      text: 'Ön Ayarların Gösterdikleri',
+      level: 3,
+    },
+    {
+      type: 'table',
+      headers: ['Ön Ayar', 'Fiziksel fikir', 'Nelere dikkat edilmeli'],
+      rows: [
+        ['<strong>Sekiz figürü</strong>', 'Her üç cismin aynı döngüyü paylaştığı eşit kütleli periyodik bir çözüm.', 'Yörünge yalnızca simetri ve hız dengesi dikkatlice korunduğunda organize kalır.'],
+        ['<strong>Lagrange üçgeni</strong>', 'Üç cisim, kütle merkezi etrafında dönen bir eşkenar üçgen işgal eder.', 'Kütle dengesi ve teğetsel hız, üçgenin içe çökmesini engeller.'],
+        ['<strong>Sapan</strong>', 'Yakın bir karşılaşma cisimler arasında enerji transfer eder.', 'Bir cisim hız kazanırken diğeri daha sıkı bağlı hale gelir ve kaotik fırlatmaların neden oluştuğunu ortaya çıkarır.'],
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Küçük Değişiklikler Neden Önemlidir',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'İki cisim yörüngesinde, kütle merkezi ve yörünge elipsi istikrarlı bir geometrik resim sağlar. Üç cisim sisteminde, yakın geçişler kütleçekimsel müzakereler gibi davranır: bir cisim yörüngesel enerji ödünç alabilir, keskin bir şekilde yön değiştirebilir veya düzenli bir döngüyü saçılma olayına dönüştürebilir. Bu hassasiyet, üçlü yıldızlar, gezegen-ay karşılaşmaları ve erken güneş sistemi gezegenimsileri gibi gerçek astrofiziksel sistemlerin tek bir basit formül yerine genellikle sayısal entegrasyon gerektirmesinin nedenidir.',
+    },
+    {
+      type: 'title',
+      text: 'Tanılar Nasıl Kullanılır',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Toplam enerji</strong>, sistemin bağlı olup olmadığını ve sayısal entegrasyonun kararlı kalıp kalmadığını değerlendirmenize yardımcı olur.',
+        '<strong>Ayrılma aralığı</strong>, en yakın ve en uzak çift mesafelerini göstererek neredeyse çarpışmaları ve fırlatmaları kolayca tespit etmenizi sağlar.',
+        '<strong>Kütle merkezi</strong>, başlangıç momentumu dengeli olduğunda nispeten sabit kalmalıdır; sapma, kasıtlı olarak asimetrik bir kurulum veya değiştirilmiş bir hız vektörü olduğunu gösterir.',
+        '<strong>İz uzunluğu</strong>, uzun vadeli yapıyı ortaya çıkarır: kısa izler mevcut etkileşimi vurgularken, uzun izler tekrarlayan döngüleri ve yavaş yörüngesel devinimi sergiler.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Araçta Kullanılan Sayısal Model',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Simülatör, aşırı yakın geçişler sırasında görsel patlamaları önleyen küçük bir yumuşatma terimi ile Newton ters-kare çekimini kullanır. Hareket, basit bir Euler güncellemesinden daha iyi enerji davranışı sağladığı için yörünge gösterimlerinde yaygın bir seçim olan hız Verlet adımıyla ilerletilir. Sonuç, profesyonel gök mekaniği yazılımının yerini almaya çalışmadan üç cisim probleminin niteliksel davranışını görünür kılan duyarlı bir eğitim modelidir.',
+    },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: title,
+      description,
+      applicationCategory: 'ScientificApplication',
+      operatingSystem: 'Any',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: {
+          '@type': 'Answer',
+          text: item.answer,
+        },
+      })),
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: title,
+      step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+      })),
+    },
+  ],
+};

package/src/tool/three-body-problem/i18n/zh.ts

@@ -0,0 +1,162 @@
+import { bibliography } from '../bibliography';
+import type { ToolLocaleContent } from '../../../types';
+
+const slug = 'three-body-problem-simulator';
+const title = '三体问题模拟器';
+const description = '在二维平面上模拟三个引力体，可编辑质量、速度矢量、轨迹，并支持稳定或混沌预设。';
+
+const howTo = [
+  {
+    name: '选择轨道预设',
+    text: '从八字形轨道开始作为稳定基准，选择拉格朗日三角作为旋转平衡，或者选择弹弓预设观察明显的混沌交会。',
+  },
+  {
+    name: '调整质量与速度矢量',
+    text: '使用每个天体的滑块改变质量和初始速度分量。微小的改变可以保留模式、使其变形，或彻底破坏它。',
+  },
+  {
+    name: '读取诊断信息',
+    text: '关注总能量、最近和最远间距以及质心，以判断数值轨道是否保持有界还是正在漂散。',
+  },
+];
+
+const faq = [
+  {
+    question: '什么是三体问题？',
+    answer: '三体问题探究三个质量体在彼此引力作用下的运动方式。与二体问题不同，不存在一个通用的封闭方程来求解所有可能的构型，因此大多数实际案例都通过数值积分来探索。',
+  },
+  {
+    question: '为什么三体轨道不稳定？',
+    answer: '许多三体系统对初始条件非常敏感。速度、位置或质量的微小变化都会改变近距离交会的时机，而这些交会可以戏剧性地交换能量。结果就是一个系统可能在一段时间内保持有界，然后突然抛射出其中一个天体。',
+  },
+  {
+    question: '八字形预设展示了什么？',
+    answer: '八字形预设是三个等质量体的一个著名周期解。每个天体以相位偏移的方式沿着相同的路径运动，展示了三体问题在更大的混沌景观中可以包含优雅的稳定孤岛。',
+  },
+  {
+    question: '这是一个物理上精确的天文学模拟器吗？',
+    answer: '该工具使用软化牛顿模型和辛速度韦尔莱步进，使运动感觉逼真且稳定，适合学习。它专为交互式探索而设计，而非高精度的星历预测。',
+  },
+  {
+    question: '如何解读总能量？',
+    answer: '负的总能量通常表示有界系统，而接近零的能量则可能使逃逸更容易。在数值模拟中，较大的能量漂移也警告时间步长或交会几何形状正在对积分器造成压力。',
+  },
+];
+
+export const content: ToolLocaleContent = {
+  slug,
+  title,
+  description,
+  ui: {
+    title,
+    kicker: '引力混沌实验室',
+    canvasLabel: '交互式二维三体轨道画布',
+    presetsLabel: '轨道预设',
+    figureEightPreset: '八字形',
+    lagrangePreset: '拉格朗日三角',
+    slingshotPreset: '弹弓',
+    pauseButton: '暂停',
+    playButton: '播放',
+    resetButton: '重置',
+    speedLabel: '模拟速度',
+    trailLabel: '轨迹长度',
+    massLabel: '质量',
+    velocityXLabel: '速度 X',
+    velocityYLabel: '速度 Y',
+    energyLabel: '总能量',
+    separationLabel: '间距范围',
+    centerMassLabel: '质心',
+  },
+  seo: [
+    {
+      type: 'title',
+      text: '交互式三体问题模拟器 - 探索轨道混沌',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '三体问题是证明简单定律可以产生复杂运动的最清晰例证之一。牛顿引力给出了一个简洁的力法则，但一旦第三个质量体加入系统，每条轨道都会持续重塑另外两条。这款模拟器让您直接体验这种不稳定性：选择已知构型，调整质量和速度矢量，观察天体是形成重复轨道、旋转三角形还是混沌散射事件。',
+    },
+    {
+      type: 'title',
+      text: '预设所展示的物理原理',
+      level: 3,
+    },
+    {
+      type: 'table',
+      headers: ['预设', '物理概念', '观察要点'],
+      rows: [
+        ['<strong>八字形</strong>', '三个等质量天体共享同一条环路的周期解。', '只有当对称性和速度平衡被精心保持时，轨道才能保持有序。'],
+        ['<strong>拉格朗日三角</strong>', '三个天体占据一个绕质心旋转的等边三角形。', '质量平衡和切向速度防止三角向内坍缩。'],
+        ['<strong>弹弓</strong>', '近距离交会时天体间传递能量。', '一个天体获得速度，同时另一个天体被更紧密地束缚，揭示了混沌抛射发生的原因。'],
+      ],
+    },
+    {
+      type: 'title',
+      text: '微小改变为何重要',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '在二体轨道中，质心和轨道椭圆提供了稳定的几何图像。而在三体系统中，近距离通过如同引力谈判：一个天体可以借用轨道能量、急剧改变方向，或将有序的环路转变为散射事件。这种敏感性正是真实天体物理系统（如三合星、行星-卫星交会和早期太阳系的星子）通常需要数值积分而非单一简单公式的原因。',
+    },
+    {
+      type: 'title',
+      text: '如何使用诊断信息',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>总能量</strong>帮助您判断系统是否受约束以及数值积分是否保持稳定。',
+        '<strong>间距范围</strong>显示最近和最远的天体对距离，使近碰撞和抛射易于识别。',
+        '<strong>质心</strong>在初始动量平衡时应保持相对稳定；漂移则暗示非对称设置或速度矢量的改变。',
+        '<strong>轨迹长度</strong>揭示了长期结构：短轨迹强调当前相互作用，而长轨迹则暴露重复环路和缓慢的轨道进动。',
+      ],
+    },
+    {
+      type: 'title',
+      text: '工具中使用的数值模型',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '该模拟器使用牛顿反平方引力，并带有一个小的软化项，以防止极端接近通过时出现视觉爆炸。运动通过速度韦尔莱步进推进，这是轨道演示的常见选择，因为它比简单的欧拉更新更好地处理能量行为。结果是一个响应迅速的教育模型，使三体问题的定性行为可见，同时不试图取代专业的天体力学软件。',
+    },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: title,
+      description,
+      applicationCategory: 'ScientificApplication',
+      operatingSystem: 'Any',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: {
+          '@type': 'Answer',
+          text: item.answer,
+        },
+      })),
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: title,
+      step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+      })),
+    },
+  ],
+};

package/src/tool/three-body-problem/index.ts

@@ -0,0 +1,11 @@
+import { threeBodyProblem } from './entry';
+import type { ToolDefinition } from '../../types';
+
+export * from './entry';
+
+export const THREE_BODY_PROBLEM_TOOL: ToolDefinition = {
+  entry: threeBodyProblem,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
+};

package/src/tool/three-body-problem/logic/ThreeBodyEngine.ts

@@ -0,0 +1,179 @@
+export interface BodyState {
+  id: string;
+  label: string;
+  mass: number;
+  x: number;
+  y: number;
+  vx: number;
+  vy: number;
+  color: string;
+}
+
+export interface ThreeBodyMetrics {
+  kineticEnergy: number;
+  potentialEnergy: number;
+  totalEnergy: number;
+  centerOfMassX: number;
+  centerOfMassY: number;
+  maxSeparation: number;
+  minSeparation: number;
+}
+
+export interface SimulationSnapshot {
+  bodies: BodyState[];
+  metrics: ThreeBodyMetrics;
+}
+
+export interface ThreeBodyPreset {
+  id: string;
+  bodies: BodyState[];
+  timeStep: number;
+  trailLength: number;
+  zoom: number;
+}
+
+interface SeparationMetrics {
+  potentialEnergy: number;
+  maxSeparation: number;
+  minSeparation: number;
+}
+
+const GRAVITATIONAL_CONSTANT = 1;
+const SOFTENING = 0.035;
+
+export const THREE_BODY_PRESETS: ThreeBodyPreset[] = [
+  {
+    id: 'figureEight',
+    timeStep: 0.012,
+    trailLength: 720,
+    zoom: 145,
+    bodies: [
+      { id: 'body-a', label: 'A', mass: 1, x: -0.97000436, y: 0.24308753, vx: 0.46620369, vy: 0.43236573, color: '#b85b62' },
+      { id: 'body-b', label: 'B', mass: 1, x: 0.97000436, y: -0.24308753, vx: 0.46620369, vy: 0.43236573, color: '#2f7f8d' },
+      { id: 'body-c', label: 'C', mass: 1, x: 0, y: 0, vx: -0.93240737, vy: -0.86473146, color: '#a9853d' },
+    ],
+  },
+  {
+    id: 'lagrange',
+    timeStep: 0.014,
+    trailLength: 620,
+    zoom: 155,
+    bodies: [
+      { id: 'body-a', label: 'A', mass: 1.2, x: 0, y: 1, vx: -0.54, vy: 0, color: '#b85b62' },
+      { id: 'body-b', label: 'B', mass: 1.2, x: -0.866, y: -0.5, vx: 0.27, vy: -0.468, color: '#2f7f8d' },
+      { id: 'body-c', label: 'C', mass: 1.2, x: 0.866, y: -0.5, vx: 0.27, vy: 0.468, color: '#a9853d' },
+    ],
+  },
+  {
+    id: 'slingshot',
+    timeStep: 0.01,
+    trailLength: 520,
+    zoom: 120,
+    bodies: [
+      { id: 'body-a', label: 'A', mass: 2.5, x: -0.45, y: 0, vx: 0, vy: -0.24, color: '#b85b62' },
+      { id: 'body-b', label: 'B', mass: 1, x: 0.72, y: 0.1, vx: -0.2, vy: 0.66, color: '#2f7f8d' },
+      { id: 'body-c', label: 'C', mass: 0.35, x: 0.16, y: -1.22, vx: 1.18, vy: 0.25, color: '#a9853d' },
+    ],
+  },
+];
+
+export class ThreeBodyEngine {
+  public cloneBodies(bodies: BodyState[]): BodyState[] {
+    return bodies.map((body) => ({ ...body }));
+  }
+
+  public step(bodies: BodyState[], dt: number): SimulationSnapshot {
+    const accelerations = this.calculateAccelerations(bodies);
+    const halfStepBodies = bodies.map((body, index) => ({
+      ...body,
+      vx: body.vx + accelerations[index].ax * dt * 0.5,
+      vy: body.vy + accelerations[index].ay * dt * 0.5,
+    }));
+
+    const movedBodies = halfStepBodies.map((body) => ({
+      ...body,
+      x: body.x + body.vx * dt,
+      y: body.y + body.vy * dt,
+    }));
+
+    const nextAccelerations = this.calculateAccelerations(movedBodies);
+    const nextBodies = movedBodies.map((body, index) => ({
+      ...body,
+      vx: body.vx + nextAccelerations[index].ax * dt * 0.5,
+      vy: body.vy + nextAccelerations[index].ay * dt * 0.5,
+    }));
+
+    return {
+      bodies: nextBodies,
+      metrics: this.calculateMetrics(nextBodies),
+    };
+  }
+
+  public calculateMetrics(bodies: BodyState[]): ThreeBodyMetrics {
+    let kineticEnergy = 0;
+    let totalMass = 0;
+    let weightedX = 0;
+    let weightedY = 0;
+
+    bodies.forEach((body) => {
+      kineticEnergy += 0.5 * body.mass * (body.vx * body.vx + body.vy * body.vy);
+      totalMass += body.mass;
+      weightedX += body.mass * body.x;
+      weightedY += body.mass * body.y;
+    });
+
+    const separation = this.calculateSeparationMetrics(bodies);
+
+    return {
+      kineticEnergy,
+      potentialEnergy: separation.potentialEnergy,
+      totalEnergy: kineticEnergy + separation.potentialEnergy,
+      centerOfMassX: weightedX / totalMass,
+      centerOfMassY: weightedY / totalMass,
+      maxSeparation: separation.maxSeparation,
+      minSeparation: separation.minSeparation,
+    };
+  }
+
+  private calculateSeparationMetrics(bodies: BodyState[]): SeparationMetrics {
+    let potentialEnergy = 0;
+    let maxSeparation = 0;
+    let minSeparation = Number.POSITIVE_INFINITY;
+
+    for (let i = 0; i < bodies.length; i += 1) {
+      for (let j = i + 1; j < bodies.length; j += 1) {
+        const dx = bodies[j].x - bodies[i].x;
+        const dy = bodies[j].y - bodies[i].y;
+        const distance = Math.sqrt(dx * dx + dy * dy + SOFTENING * SOFTENING);
+        potentialEnergy -= (GRAVITATIONAL_CONSTANT * bodies[i].mass * bodies[j].mass) / distance;
+        maxSeparation = Math.max(maxSeparation, distance);
+        minSeparation = Math.min(minSeparation, distance);
+      }
+    }
+
+    return {
+      potentialEnergy,
+      maxSeparation,
+      minSeparation,
+    };
+  }
+
+  private calculateAccelerations(bodies: BodyState[]) {
+    return bodies.map((body, index) => {
+      let ax = 0;
+      let ay = 0;
+
+      bodies.forEach((other, otherIndex) => {
+        if (index === otherIndex) return;
+        const dx = other.x - body.x;
+        const dy = other.y - body.y;
+        const softenedDistanceSquared = dx * dx + dy * dy + SOFTENING * SOFTENING;
+        const inverseDistanceCubed = 1 / Math.pow(softenedDistanceSquared, 1.5);
+        ax += GRAVITATIONAL_CONSTANT * other.mass * dx * inverseDistanceCubed;
+        ay += GRAVITATIONAL_CONSTANT * other.mass * dy * inverseDistanceCubed;
+      });
+
+      return { ax, ay };
+    });
+  }
+}

package/src/tool/three-body-problem/seo.astro

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