version bump on all docs and new release changelog (#395)

codingfrog27 · web-flow · commit 8736717e44f8 · 2026-04-21T18:48:26.000+02:00
diff --git a/packages/astro-theme/components/ProductVersionSwitcher.astro b/packages/astro-theme/components/ProductVersionSwitcher.astro
@@ -14,7 +14,7 @@ const { product } = Astro.props;
 		class="px-2 py-1 rounded bg-transparent text-stone-400 font-medium"
 		id="version-switcher"
 	>
-		<option value="cheerpj3" selected={product.id === "cheerpj3"}>v4.2</option>
+		<option value="cheerpj3" selected={product.id === "cheerpj3"}>v4.3</option>
 		<option value="cheerpj2" selected={product.id === "cheerpj2"}>v2.3</option>
 	</select>
 </div>
diff --git a/sites/cheerpj/src/content/docs/00-overview.mdx b/sites/cheerpj/src/content/docs/00-overview.mdx
@@ -12,8 +12,8 @@ import AppletRunnerButton from "@leaningtech/astro-theme/components/AppletRunner
 
 <div class="not-prose flex gap-2 mb-2">
 	<img
-		src="https://img.shields.io/badge/version-4.0-orange"
-		alt="Version 4.0"
+		src="https://img.shields.io/badge/version-4.3-orange"
+		alt="Version 4.3"
 	/>
 	<a href="https://discord.leaningtech.com/">
 		<img
@@ -44,7 +44,7 @@ import AppletRunnerButton from "@leaningtech/astro-theme/components/AppletRunner
 </div>
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 <div class="mx-24">![](./explanation-diagram.png)</div>
diff --git a/sites/cheerpj/src/content/docs/10-getting-started/00-Java-app.md b/sites/cheerpj/src/content/docs/10-getting-started/00-Java-app.md
@@ -33,7 +33,7 @@ Let's create a basic HTML file like the following example. Please notice the Che
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ Java App Example</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script>
diff --git a/sites/cheerpj/src/content/docs/10-getting-started/01-Java-applet.mdx b/sites/cheerpj/src/content/docs/10-getting-started/01-Java-applet.mdx
@@ -38,7 +38,7 @@ In order to integrate CheerpJ, you just need to add:
 1.  A simple `<script>` within the `<head>` of your page with the CheerpJ runtime loader.
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 2.  A second script calling [`cheerpjInit()`] to initialize CheerpJ's runtime environment.
@@ -57,7 +57,7 @@ For example:
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ Applet Example</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<applet
diff --git a/sites/cheerpj/src/content/docs/10-getting-started/02-Java-library.md b/sites/cheerpj/src/content/docs/10-getting-started/02-Java-library.md
@@ -31,7 +31,7 @@ Let's create a basic HTML file and include and initialize CheerpJ on your page.
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ Library Mode Test</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script>
@@ -51,7 +51,7 @@ Now we can load your Java library by calling `cheerpjRunLibrary` which will load
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ Library Mode Example</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script>
diff --git a/sites/cheerpj/src/content/docs/10-getting-started/03-JNLP.mdx b/sites/cheerpj/src/content/docs/10-getting-started/03-JNLP.mdx
@@ -118,7 +118,7 @@ Example of an HTML file for an app where the class name is included in the manif
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ test</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script>
@@ -149,7 +149,6 @@ The `/app/`prefix is a virtual filesystem mount point that references the root o
 Take a close look to the `<applet-desc>` tag on your `.jnlp` and keep the following at hand:
 
 - **Any applet tag parameters:**
-
   - **The applet class name:** You can find it at the main-class attribute.
   - **The applet ideal size:** defined at `width` and `height` attributes.
   - **Applet parameters:** found as `<param>` within `<applet-desc>` if your applet requires it.
@@ -164,7 +163,7 @@ The HTML for an applet would look like this:
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ applet test</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<applet
diff --git a/sites/cheerpj/src/content/docs/11-guides/cheerpj-debug.mdx b/sites/cheerpj/src/content/docs/11-guides/cheerpj-debug.mdx
@@ -14,7 +14,7 @@ The reason your application isn't working could be quite simple. Try these check
 - You integrated CheerpJ into your web page by adding a `<script>` tag like this:
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 - The location of your JARs is correct and the prefix `/app/` is added when passing it to [`cheerpjRunJar`] or [`cheerpjRunMain`]. For more information visit the [virtual filesystem] guide.
diff --git a/sites/cheerpj/src/content/docs/11-guides/implementing-native-libraries.md b/sites/cheerpj/src/content/docs/11-guides/implementing-native-libraries.md
@@ -117,7 +117,7 @@ export default {
 <html>
 	<head>
 		<title>Native Library Example</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script>
diff --git a/sites/cheerpj/src/content/docs/11-guides/implementing-native-methods.md b/sites/cheerpj/src/content/docs/11-guides/implementing-native-methods.md
@@ -108,7 +108,7 @@ Here, we provide an implementation for the `nativeAlert` method in the `Example`
 <html>
 	<head>
 		<title>Native Method Example</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script type="module">
diff --git a/sites/cheerpj/src/content/docs/11-guides/library-mode.md b/sites/cheerpj/src/content/docs/11-guides/library-mode.md
@@ -73,7 +73,7 @@ Then, we’ll include that script from a minimal HTML page and run it in the bro
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>CheerpJ Library mode (Standard library)</title>
 
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 
 	<body>
@@ -152,7 +152,7 @@ Next, in `index.html`, we include CheerpJ and `script.js`, provide a “Generate
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>CheerpJ Library Mode – PDF demo</title>
 
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 
 		<style>
 			body {
diff --git a/sites/cheerpj/src/content/docs/13-tutorials/00-swingset3.mdx b/sites/cheerpj/src/content/docs/13-tutorials/00-swingset3.mdx
@@ -55,7 +55,7 @@ Open a browser tab pointing to your localhost such as `http://127.0.0.1:8080/`.
 Let's add CheerpJ to the page by adding this script tag to the `<head>`:
 
 ```html title="index.html"
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 ## 3. Initialise CheerpJ and run the jar
diff --git a/sites/cheerpj/src/content/docs/13-tutorials/01-applet.mdx b/sites/cheerpj/src/content/docs/13-tutorials/01-applet.mdx
@@ -130,7 +130,7 @@ Your document will look like this:
 	<head>
 		<meta charset="utf-8" />
 		<title>FoilSim applet (CheerpJ)</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<style>
 		div {
diff --git a/sites/cheerpj/src/content/docs/13-tutorials/02-jnlp.mdx b/sites/cheerpj/src/content/docs/13-tutorials/02-jnlp.mdx
@@ -117,7 +117,7 @@ Inside our project directory `cheerpj-example-swingset3` we will create a basic
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width,initial-scale=1" />
 		<title>SwingSet3 (CheerpJ)</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 		<style>
 			html,
 			body {
@@ -146,7 +146,7 @@ Inside our project directory `cheerpj-example-swingset3` we will create a basic
 - The CheerpJ runtime environment is being integrated at:
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 - [`cheerpjInit()`] initializes the CheerpJ runtime environment
@@ -261,7 +261,7 @@ Inside the project directory, create an HTML file called `index.html` like the f
 	<head>
 		<meta charset="utf-8" />
 		<title>Pitch applet (CheerpJ)</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<style>
 		div {
@@ -319,7 +319,7 @@ Inside the project directory, create an HTML file called `index.html` like the f
 - The CheerpJ runtime environment is being integrated at:
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 - The `<cheerpj-applet>` tag contains the applet `.jar` location, size and class name. This tag prevents conflicts with native java, the classic `<applet>` tag can also be used.
diff --git a/sites/cheerpj/src/content/docs/13-tutorials/04-java-browser.mdx b/sites/cheerpj/src/content/docs/13-tutorials/04-java-browser.mdx
@@ -49,7 +49,7 @@ Copy and paste this code in your `browser.html` file:
 	<head>
 		<meta charset="utf-8" />
 		<title>Browser</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script>
diff --git a/sites/cheerpj/src/content/docs/13-tutorials/04-serverclient.mdx b/sites/cheerpj/src/content/docs/13-tutorials/04-serverclient.mdx
@@ -74,7 +74,7 @@ mkdir -p ServerClientTutorial/{Server, Client}
   <head>
     <meta charset="utf-8" />
     <title>Server</title>
-    <script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+    <script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
   </head>
   <body>
     <input type="text" id="ip"></input>
@@ -126,7 +126,7 @@ http-server -p 8080
   <head>
     <meta charset="utf-8" />
     <title>Client</title>
-    <script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+    <script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
   </head>
   <body>
     <input type="text" id="ip"></input>
diff --git a/sites/cheerpj/src/content/docs/13-tutorials/05-interoperability-tutorial.mdx b/sites/cheerpj/src/content/docs/13-tutorials/05-interoperability-tutorial.mdx
@@ -140,7 +140,7 @@ The `sendInputToJava` function:
 To use CheerpJ, include the following script in the `<head>` section of `index.html`:
 
 ```js title="index.html"
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 To load CheerpJ, we initialize it in the HTML file with specific configurations for native methods.
diff --git a/sites/cheerpj/src/content/docs/20-faq.md b/sites/cheerpj/src/content/docs/20-faq.md
@@ -12,7 +12,7 @@ The CheerpJ runtime environment is a full Java SE runtime in JavaScript. Differe
 
 ## Which Java versions are supported?
 
-The new architecture introduced in CheerpJ 3.0 is engineered to fix the gap with modern Java versions quite easily. Currently, CheerpJ 4.2 supports Java 8, 11 and 17, ([learn more here](/docs/reference/cheerpjInit#version)), with plans on supporting newer versions in the near future.
+The new architecture introduced in CheerpJ 3.0 is engineered to fix the gap with modern Java versions quite easily. Currently, CheerpJ 4.3 supports Java 8, 11 and 17, ([learn more here](/docs/reference/cheerpjInit#version)), with plans on supporting newer versions in the near future.
 
 ## Can I self-host the CheerpJ runtime?
 
diff --git a/sites/cheerpj/src/content/docs/21-migrating-from-cheerpj2.md b/sites/cheerpj/src/content/docs/21-migrating-from-cheerpj2.md
@@ -9,7 +9,7 @@ CheerpJ version 3 (and above) is a complete reimplementation of CheerpJ 2, and a
 Include CheerpJ 4 on your page with the following snippet:
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 ## Breaking changes
@@ -37,7 +37,7 @@ This feature had no real use case because when using `java -jar`, the JAR file i
 CheerpJ can now be imported in a Web Worker without any special setup. Simply call [`importScripts`](https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/importScripts) from a worker to load CheerpJ, then use CheerpJ as usual. The `CheerpJWorker` class has been removed.
 
 ```js
-importScripts("https://cjrtnc.leaningtech.com/4.2/loader.js");
+importScripts("https://cjrtnc.leaningtech.com/4.3/loader.js");
 
 // Use CheerpJ as usual
 (async () => {
diff --git a/sites/cheerpj/src/content/docs/22-changelog.md b/sites/cheerpj/src/content/docs/22-changelog.md
@@ -2,6 +2,18 @@
 title: Changelog
 ---
 
+## 4.3 - April 21, 2026
+
+```html
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
+```
+
+- Added new upload icon directly to decorated java window title bars
+- introduced dedicated download virtual directory
+- Added long-press gesture support to simiulate mouse hover events for Enhanced Mobile/touch screen support.
+- General pointer event improvements
+- Runtime Improvements
+
 ## 4.2 - Jun 26, 2025
 
 ```html
diff --git a/sites/cheerpj/src/content/docs/ja/00-overview.mdx b/sites/cheerpj/src/content/docs/ja/00-overview.mdx
@@ -12,7 +12,7 @@ import { DISCORD_URL } from "@/consts.ts";
 <div class="not-prose flex gap-2 mb-2">
 	<img
 		src="https://img.shields.io/badge/version-3.0-orange"
-		alt="Version 3.0"
+		alt="Version 4.3"
 	/>
 	<a href="https://discord.leaningtech.com/">
 		<img
@@ -33,7 +33,10 @@ import { DISCORD_URL } from "@/consts.ts";
 	8との広範な互換性が あり、Javaアプリケーション、アプレット、ライブラリ、および
 	Java Web Start / JNLPアプリケーション
 	をプラグインなしでブラウザで実行するための完全なランタイム環境
-	<a href="#footnote" id="ref">[1]</a>を提供します。
+	<a href="#footnote" id="ref">
+		[1]
+	</a>
+	を提供します。
 </div>
 
 <div class="m-4 flex justify-center">
@@ -43,7 +46,7 @@ import { DISCORD_URL } from "@/consts.ts";
 </div>
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 <div class="text-stone-400">
@@ -176,8 +179,10 @@ CheerpJを使用しているコミュニティプロジェクトには、次の
 ---
 
 <div id="footnote">
-	[1]: CheerpJは、Oracle Forms、EBS、Swing、AWT、および多数のフレームワークやライブラリでテストされています。
-	Javaランタイム環境が必要なJavaSEアプリケーションを実行できるはずです。<a href="#ref">↩</a>
+	[1]: CheerpJは、Oracle
+	Forms、EBS、Swing、AWT、および多数のフレームワークやライブラリでテストされています。
+	Javaランタイム環境が必要なJavaSEアプリケーションを実行できるはずです。
+	<a href="#ref">↩</a>
 </div>
 
 [Javaアプリケーション]: /docs/ja/getting-started/Java-app
diff --git a/sites/cheerpj/src/content/docs/ja/10-getting-started/00-Java-app.md b/sites/cheerpj/src/content/docs/ja/10-getting-started/00-Java-app.md
@@ -34,7 +34,7 @@ mkdir directory_name
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ test</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script>
diff --git a/sites/cheerpj/src/content/docs/ja/10-getting-started/01-Java-applet.mdx b/sites/cheerpj/src/content/docs/ja/10-getting-started/01-Java-applet.mdx
@@ -30,7 +30,7 @@ CheerpJを統合するには、次の手順を実行するだけです：
 1.  ページの`<head>`内にCheerpJランタイムローダーを含むシンプルな`<script>`を追加します。
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 2.  CheerpJのランタイム環境を初期化するために、2番目の`<script>`で[`cheerpjInit()`]を呼び出します。
@@ -49,7 +49,7 @@ CheerpJを統合するには、次の手順を実行するだけです：
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ applet test</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<applet
diff --git a/sites/cheerpj/src/content/docs/ja/10-getting-started/02-Java-library.md b/sites/cheerpj/src/content/docs/ja/10-getting-started/02-Java-library.md
@@ -7,7 +7,7 @@ language: ja
 ## 1. ページにCheerpJを含める
 
 ```html
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 ## 2. CheerpJを初期化し、Javaライブラリを読み込む
diff --git a/sites/cheerpj/src/content/docs/ja/10-getting-started/03-JNLP.md b/sites/cheerpj/src/content/docs/ja/10-getting-started/03-JNLP.md
@@ -109,7 +109,7 @@ CheerpJランタイムが統合され、Javaアプリケーションが表示さ
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ test</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<script>
@@ -140,7 +140,6 @@ cheerpjRunMain(
 `.jnlp`ファイルの`<applet-desc>`タグをよく確認し、以下の点を把握しておいてください:
 
 - **アプレットタグのパラメーター:**
-
   - **アプレットクラス名:** `main-class` 属性に記載されています。
   - **アプレットの理想的なサイズ:** `width` および`height`属性で定義されています。
   - **アプレットパラメーター:** アプレットがそれを必要とする場合、`<applet-desc>`内の `<param>`タグとして見つけることができます。
@@ -155,7 +154,7 @@ cheerpjRunMain(
 	<head>
 		<meta charset="utf-8" />
 		<title>CheerpJ applet test</title>
-		<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+		<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 	</head>
 	<body>
 		<applet
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/00-swingset3.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/00-swingset3.mdx
@@ -48,7 +48,7 @@ npx vite
 次に、`<head>`に以下のスクリプトタグを追加して、CheerpJをページに追加しましょう:
 
 ```html title="index.html"
-<script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+<script src="https://cjrtnc.leaningtech.com/4.3/loader.js"></script>
 ```
 
 ## 3. CheerpJを初期化し、jarを実行する
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/01-applet.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/01-applet.mdx
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/02-jnlp.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/02-jnlp.mdx
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/04-java-browser.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/04-java-browser.mdx
diff --git a/sites/cheerpj/src/content/docs/ja/13-tutorials/04-serverclient.mdx b/sites/cheerpj/src/content/docs/ja/13-tutorials/04-serverclient.mdx
diff --git a/sites/cheerpj/src/content/docs/ja/21-migrating-from-cheerpj2.md b/sites/cheerpj/src/content/docs/ja/21-migrating-from-cheerpj2.md
diff --git a/sites/cheerpj/src/content/docs/ja/22-changelog.md b/sites/cheerpj/src/content/docs/ja/22-changelog.md

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ const { product } = Astro.props;`
`14`	`14`	`class="px-2 py-1 rounded bg-transparent text-stone-400 font-medium"`
`15`	`15`	`id="version-switcher"`
`16`	`16`	`>`
`17`		`- <option value="cheerpj3" selected={product.id === "cheerpj3"}>v4.2</option>`
	`17`	`+ <option value="cheerpj3" selected={product.id === "cheerpj3"}>v4.3</option>`
`18`	`18`	`<option value="cheerpj2" selected={product.id === "cheerpj2"}>v2.3</option>`
`19`	`19`	`</select>`
`20`	`20`	`</div>`