Merge branch 'main' into settings-component

Author: hxrshxz

.github/actions/translation-tracker/index.js

@@ -22,6 +22,7 @@
   "dependencies": {
     "@actions/core": "^1.10.0",
     "@actions/github": "^5.1.1",
-    "@octokit/rest": "^19.0.5"
+    "@octokit/rest": "^19.0.5",
+    "js-yaml": "^4.1.0"
   }
-} 
+}

.github/actions/translation-tracker/package.json

@@ -2,9 +2,23 @@ name: Translation Sync Tracker
 
 on:
   push:
-    branches: [staging]
+    branches: [main]
     paths:
       - 'src/content/examples/en/**'
+      - 'src/content/reference/en/**'
+      - 'src/content/tutorials/en/**'
+      - 'src/content/text-detail/en/**'
+      - 'src/content/events/en/**'
+      - 'src/content/libraries/en/**'
+  pull_request:
+    branches: [main]
+    paths:
+      - 'src/content/examples/en/**'
+      - 'src/content/reference/en/**'
+      - 'src/content/tutorials/en/**'
+      - 'src/content/text-detail/en/**'
+      - 'src/content/events/en/**'
+      - 'src/content/libraries/en/**'
   workflow_dispatch:
 
 jobs:

.github/workflows/translation-sync.yml

@@ -0,0 +1,88 @@
+---
+interface Props {
+  englishUrl?: string;
+  contributeUrl?: string;
+  title?: string;
+  message?: string;
+  locale?: string;
+}
+
+const {
+  englishUrl = '/en',
+  contributeUrl = 'https://github.com/processing/p5.js-website/tree/main?tab=readme-ov-file#content-changes',
+  title,
+  message,
+  locale = 'en',
+} = Astro.props as Props;
+
+const copyByLocale: Record<string, { title: string; message: string; viewEnglish: string; contribute: string; }> = {
+  'hi': {
+    title: 'यह अनुवाद पुराना हो सकता है',
+    message: 'यह पृष्ठ अंग्रेज़ी संस्करण की तुलना में अद्यतन नहीं है।',
+    viewEnglish: 'अंग्रेज़ी संस्करण देखें',
+    contribute: 'अनुवाद में योगदान दें',
+  },
+  'es': {
+    title: 'Esta traducción podría estar desactualizada',
+    message: 'Esta página no está actualizada en comparación con la versión en inglés.',
+    viewEnglish: 'Ver versión en inglés',
+    contribute: 'Contribuir a la traducción',
+  },
+  'ko': {
+    title: '이 번역은 오래되었을 수 있습니다',
+    message: '이 페이지는 영어 버전과 비교하여 최신 상태가 아닙니다.',
+    viewEnglish: '영어 페이지 보기',
+    contribute: '번역에 기여하기',
+  },
+  'zh-Hans': {
+    title: '此翻译可能已过期',
+    message: '与英文版本相比，此页面不是最新的。',
+    viewEnglish: '查看英文页面',
+    contribute: '参与翻译',
+  },
+};
+
+const fallback = {
+  title: 'This translation might be outdated',
+  message: 'This page is not updated compared to the English version.',
+  viewEnglish: 'View English page',
+  contribute: 'Contribute to translation',
+};
+
+const copy = copyByLocale[locale] || fallback;
+const resolvedTitle = title ?? copy.title;
+const resolvedMessage = message ?? copy.message;
+---
+
+<section class="outdated-banner" role="status" aria-live="polite">
+  <div class="icon" aria-hidden="true">⚠️</div>
+  <div class="content">
+    <div class="title">{resolvedTitle}</div>
+    <p class="desc">
+      {resolvedMessage}
+      <a class="link" href={englishUrl}>{copy.viewEnglish}</a>
+      ·
+      <a class="link" href={contributeUrl} target="_blank" rel="noopener noreferrer">{copy.contribute}</a>
+    </p>
+  </div>
+  
+  <style>
+    .outdated-banner {
+      display: flex;
+      align-items: flex-start;
+      gap: 16px;
+      padding: 16px 20px;
+      border-radius: 12px;
+      background: #d8f532;
+      color: #000;
+      margin: 16px 0 24px;
+    }
+    .icon { font-size: 22px; line-height: 1; margin-top: 2px; }
+    .content { flex: 1; }
+    .title { font-weight: 700; font-size: 16px; margin-bottom: 6px; }
+    .desc { margin: 0; font-size: 14px; }
+    .link { color: inherit; font-weight: 700; text-underline-offset: 2px; }
+    .link:hover { text-decoration: underline; }
+  </style>
+</section>
+

src/components/OutdatedTranslationBanner/index.astro

@@ -17,4 +17,4 @@ primitive functions
 <a href="https://p5js.org/reference/p5/arc" target="_blank">arc()</a>,
 <a href="https://p5js.org/reference/p5/line" target="_blank">line()</a>,
 <a href="https://p5js.org/reference/p5/triangle" target="_blank">triangle()</a>,
-and <a href="https://p5js.org/reference/p5/quad" target="_blank">quad()</a>.
+and <a href="https://p5js.org/reference/p5/quad" target="_blank">quad()</a>.

src/content/examples/en/01_Shapes_And_Color/00_Shape_Primitives/description.mdx

@@ -1,4 +1,7 @@
 ---
+# This file was auto-generated. Please do not edit it manually!
+# To make changes, edit the comments in the corresponding source file:
+# https://github.com/processing/p5.js/blob/v1.11.10/lib/addons/p5.sound.js#L3209
 title: getLevel
 module: p5.sound
 submodule: p5.sound

src/content/reference/en/p5.Amplitude/getLevel.mdx

@@ -1,4 +1,7 @@
 ---
+# This file was auto-generated. Please do not edit it manually!
+# To make changes, edit the comments in the corresponding source file:
+# https://github.com/processing/p5.js/blob/v1.11.10/lib/addons/p5.sound.js#L3117
 title: setInput
 module: p5.sound
 submodule: p5.sound

src/content/reference/en/p5.Amplitude/setInput.mdx

@@ -1,4 +1,7 @@
 ---
+# This file was auto-generated. Please do not edit it manually!
+# To make changes, edit the comments in the corresponding source file:
+# https://github.com/processing/p5.js/blob/v1.11.10/lib/addons/p5.sound.js#L3293
 title: smooth
 module: p5.sound
 submodule: p5.sound

src/content/reference/en/p5.Amplitude/smooth.mdx

@@ -1,4 +1,7 @@
 ---
+# This file was auto-generated. Please do not edit it manually!
+# To make changes, edit the comments in the corresponding source file:
+# https://github.com/processing/p5.js/blob/v1.11.10/lib/addons/p5.sound.js#L3264
 title: toggleNormalize
 module: p5.sound
 submodule: p5.sound

src/content/reference/en/p5.Amplitude/toggleNormalize.mdx

@@ -1,4 +1,7 @@
 ---
+# This file was auto-generated. Please do not edit it manually!
+# To make changes, edit the comments in the corresponding source file:
+# https://github.com/processing/p5.js/blob/v1.11.10/lib/addons/p5.sound.js#L6257
 title: amp
 module: p5.sound
 submodule: p5.sound