Intial cut of vite implementation

Author: karianna

.eslintignore

@@ -1,9 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
 node_modules
-npm-debug.log
-.idea
 dist
-*.html
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
 sitemap.xml
-.DS_Store*
-.java-version
-.vscode/

.eslintrc.yml

@@ -3,56 +3,27 @@
   "repository": "https://github.com/AdoptOpenJDK/openjdk-website",
   "version": "1.0.0",
   "license": "Apache-2.0",
+  "type": "module",
+  "author": "Joe Brady",
   "scripts": {
-    "start": "gulp",
-    "json-validate": "gulp json-validate",
-    "assemble": "bash assemble.sh",
-    "lint": "eslint src/**/*.js",
-    "lint-fix": "npm run lint --- --fix",
-    "test": "npm run lint && npm run json-validate"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
-  "author": "Joe Brady",
   "devDependencies": {
-    "@babel/core": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "ajv": "^8.17.1",
-    "ajv-formats": "^3.0.1",
-    "babelify": "^10.0.0",
-    "base64-img": "^1.0.4",
-    "browser-sync": "^3.0.3",
-    "browser-sync-client": "^3.0.3",
-    "browserify": "^17.0.1",
-    "chai": "^5.2.0",
-    "core-js": "^3.41.0",
-    "eslint": "^8.57.0",
-    "fancy-log": "^2.0.0",
-    "gulp": "^5.0.0",
-    "gulp-autoprefixer": "^9.0.0",
-    "gulp-clean": "^0.4.0",
-    "gulp-clean-css": "^4.3.0",
-    "gulp-cli": "^3.0.0",
-    "gulp-compile-handlebars": "^0.6.1",
-    "gulp-concat": "^2.6.1",
-    "gulp-eslint": "^6.0.0",
-    "gulp-hash": "^4.2.2",
-    "gulp-imagemin": "^9.1.0",
-    "gulp-inject": "^5.0.5",
-    "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.1.0",
-    "gulp-sitemap": "^8.0.0",
-    "gulp-uglify-es": "^3.0.0",
-    "mocha": "^11.1.0",
-    "node-sass": "^9.0.0",
-    "open": "^10.1.0",
-    "plugin-error": "^2.0.1",
-    "run-sequence": "^2.2.1",
-    "sass": "^1.86.0",
-    "util": "^0.12.5",
-    "vinyl-buffer": "^1.0.1",
-    "vinyl-source-stream": "^2.0.0"
+    "eslint": "^9.24.0",
+    "glob": "^11.0.1",
+    "handlebars": "^4.7.8",
+    "vite": "^6.2.0",
+    "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-handlebars": "^2.0.0",
+    "vite-plugin-imagemin": "^0.6.1",
+    "vite-plugin-sass-dts": "^1.3.31"
   },
   "dependencies": {
-    "@babel/polyfill": "^7.12.1"
-  },
-  "type": "module"
+    "core-js": "^3.23.3",
+    "jquery": "^3.7.1",
+    "moment": "^2.30.1",
+    "regenerator-runtime": "^0.13.11"
+  }
 }

.gitignore

@@ -0,0 +1,10 @@
+// Migrate counter.js
+export function setupCounter(element) {
+  let counter = 0
+  const setCounter = (count) => {
+    counter = count
+    element.innerHTML = `count is ${counter}`
+  }
+  element.addEventListener('click', () => setCounter(counter + 1))
+  setCounter(0)
+}

package.json

@@ -55,7 +55,7 @@
     </a>
 
     <h4><a href="https://blog.adoptopenjdk.net/2021/03/transition-to-eclipse-an-update/">AdoptOpenJDK has moved</a>, the blue download button will take you to the new location.</h4>
-    <p>You can stil get AdoptOpenJDK binaries by clicking one of the buttons below:</p>
+    <p>You can still get AdoptOpenJDK binaries by clicking one of the buttons below:</p>
 
     <a href="./releases.html" class="dl-button dl-thin-button a-button fadeIn invisible" id="dl-other">
       <div>

src/counter.js

@@ -9,21 +9,21 @@
     <meta name="twitter:site" content="@adoptium" />
     <meta name="twitter:title" content="{{title}}AdoptOpenJDK">
     <meta name="twitter:description" content="{{> meta-description}}">
-    <meta name="twitter:image" content="https://adoptopenjdk.net/dist/assets/social-image.png">
-    <meta property="og:image" content="https://adoptopenjdk.net/dist/assets/social-image.png"/>
+    <meta name="twitter:image" content="https://adoptopenjdk.net/assets/social-image.png">
+    <meta property="og:image" content="https://adoptopenjdk.net/assets/social-image.png"/>
     <meta property="og:title" content="{{title}}AdoptOpenJDK"/>
     <meta property="og:description" content="{{> meta-description}}"/>
     <meta name="description" content="{{> meta-description}}"/>
     <title>{{title}}AdoptOpenJDK - Open source, prebuilt OpenJDK binaries</title>
-    <link rel="shortcut icon" href="dist/assets/favicon.ico" type="image/x-icon">
-    <link rel="icon" href="dist/assets/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
+    <link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
-    <!-- inject:css -->
-    <!-- endinject -->
+    <link rel="stylesheet" href="/assets/app.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
     {{{style1}}}
     {{{style2}}}
+    <script type="module" src="/assets/js/app.js" defer></script>
 </head>
 
 <script type="application/ld+json">
@@ -60,8 +60,8 @@
       <label id="menu-button" for="menu-checkbox">
         <i class="fa fa-bars" aria-hidden="true"></i>
       </label>
-      <a id="logo" href="./index.html" class="a-button">
-          <img src='dist/assets/adopt_logo_white.svg' alt="AdoptOpenJDK">
+      <a id="logo" href="/index.html" class="a-button">
+          <img src='/assets/adopt_logo_white.svg' alt="AdoptOpenJDK">
       </a>
 
       <div id="header-social-bar">{{> social-bar }}</div>

src/handlebars/index.handlebars

@@ -7,30 +7,30 @@
   </div>
   <div id="menu-content">
     <ul>
-      <li><a href="./index.html">Home</a></li>
-      <li><a href="./releases.html">Latest release</a></li>
-      <li><a href="./archive.html">Build archive</a></li>
+      <li><a href="/index.html">Home</a></li>
+      <li><a href="/releases.html">Latest release</a></li>
+      <li><a href="/archive.html">Build archive</a></li>
       <li><a target="_blank" href="https://adoptium.net/temurin/nightly">Nightly builds</a></li>
       <li><a target="_blank" href="https://adoptium.net/installation">Installation</a></li>
       <li class="submenu"><a>Projects</a>
         <ul>
-          <li><a href="./icedtea-web.html">IcedTea-Web</a></li>
+          <li><a href="/icedtea-web.html">IcedTea-Web</a></li>
           <li><a target="_blank" href="https://adoptium.net/jmc">JDK Mission Control</a></li>
         </ul>
       </li>
       <li><a target="_blank" href="https://adoptium.net/docs/migration">Migration Guide</a></li>
-      <li><a href="https://adoptium.net/support">Support</a></li>
-      <li><a href="https://adoptium.net/docs/first-timer-support">Get involved!</a></li>
+      <li><a target="_blank" href="https://adoptium.net/support">Support</a></li>
+      <li><a target="_blank" href="https://adoptium.net/docs/first-timer-support">Get involved!</a></li>
       <li class="submenu"><a>Further information</a>
         <ul>
-          <li><a href="https://adoptium.net/about">About</a></li>
-          <li><a href="./sponsors.html">Sponsors</a></li>
+          <li><a target="_blank" href="https://adoptium.net/about">About</a></li>
+          <li><a href="/sponsors.html">Sponsors</a></li>
           <li><a target="_blank" href="https://api.adoptium.net">API</a></li>
           <li><a target="_blank" href="https://blog.adoptopenjdk.net/">Blog</a></li>
           <li><a target="_blank" href="https://status.adoptopenjdk.net/">Status</a></li>
-          <li><a href="./quality.html">Quality</a></li>
-          <li><a href="https://adoptium.net/supported-platforms">Supported Platforms</a></li>
-          <li><a href="./logos.html">Brand Resources</a></li>
+          <li><a href="/quality.html">Quality</a></li>
+          <li><a target="_blank" href="https://adoptium.net/supported-platforms">Supported Platforms</a></li>
+          <li><a href="/logos.html">Brand Resources</a></li>
         </ul>
       </li>
     </ul>

src/handlebars/partials/header.handlebars

@@ -1,12 +1,13 @@
-const {findPlatform, detectEA, getOfficialName, getPlatformOrder,
-  loadAssetInfo, setRadioSelectors} = require('./common');
-const {jvmVariant, variant} = require('./common');
+import { findPlatform, detectEA, getOfficialName, getPlatformOrder, loadAssetInfo, setRadioSelectors, jvmVariant, variant } from './common';
+import moment from 'moment';
+import Handlebars from 'handlebars';
+import $ from 'jquery';
 
 const loading = document.getElementById('loading');
 const errorContainer = document.getElementById('error-container');
 
 // When archive page loads, run:
-module.exports.load = () => {
+export function load() {
   setRadioSelectors();
 
   loadAssetInfo(variant, jvmVariant, 'ga', undefined, undefined, undefined, 'adoptopenjdk', buildArchiveHTML, () => {