feat: add Vite+ installation method

.changeset/ripe-papers-occur.md

@@ -0,0 +1,6 @@
+---
+'@node-core/ui-components': minor
+'@node-core/website-i18n': patch
+---
+
+Add the Vite+ installation method icon and description.

apps/site/components/Downloads/Release/ReleaseCodeBox.tsx

@@ -67,19 +67,20 @@ const useSnippetProcessor = (
       context.release.major >= 25 &&
       snippets.find(({ name }) => name === 'corepack');
 
-    // Combine and parse snippets
-    const parsedContent = parseSnippet(
-      [
-        installMethodSnippet,
-        verifyNodeSnippet,
-        installCorepackSnippet,
-        packageManagerSnippet,
-      ]
-        .filter(Boolean)
-        .map(snippet => (snippet as DownloadSnippet).content)
-        .join('\n'),
-      context
-    );
+    // Parse snippets individually, skipping those that render empty
+    const parsedContent = [
+      installMethodSnippet,
+      verifyNodeSnippet,
+      installCorepackSnippet,
+      packageManagerSnippet,
+    ]
+      .filter(Boolean)
+      .map(snippet =>
+        parseSnippet((snippet as DownloadSnippet).content, context)
+      )
+      .map(content => content.trim())
+      .filter(Boolean)
+      .join('\n\n');
 
     // Convert to HTML using Shiki's highlighter
     // This is faster than JSX rendering as it avoids React runtime overhead

apps/site/snippets/en/download/corepack.bash

@@ -1,2 +1,5 @@
-# Install Corepack:
-npm install -g corepack
+${props.installMethod === 'VP' ?
+  '' :
+  `# Install Corepack:
+npm install -g corepack`
+}

apps/site/snippets/en/download/pnpm.bash

@@ -1,5 +1,8 @@
-# Download and install pnpm:
-corepack enable pnpm
+${props.installMethod === 'VP' ?
+  '' :
+  `# Download and install pnpm:
+corepack enable pnpm`
+}
 
 # Verify pnpm version:
 pnpm -v

apps/site/snippets/en/download/vp.bash

@@ -0,0 +1,14 @@
+# Download and install Vite+
+${props.os === 'WIN' ?
+  '$env:VP_NODE_MANAGER = "yes"\nirm https://vite.plus/ps1 | iex' :
+  'curl -fsSL https://vite.plus | VP_NODE_MANAGER=yes bash'
+}
+
+# In lieu of restarting the shell
+${props.os === 'WIN'
+  ? '. "$env:APPDATA\\vite-plus\\env.ps1"'
+  : '. "${XDG_CONFIG_HOME:-$HOME/.config}/vite-plus/env"'
+}
+
+# Download and install Node.js:
+vp env default ${props.release.version}

apps/site/snippets/en/download/yarn.bash

@@ -1,5 +1,8 @@
-# Download and install Yarn:
-corepack enable yarn
+${props.installMethod === 'VP' ?
+  '' :
+  `# Download and install Yarn:
+corepack enable yarn`
+}
 
 # Verify Yarn version:
 yarn -v

apps/site/types/release.ts

@@ -3,7 +3,7 @@ import type { NodeRelease } from '#site/types/releases';
 import type { OperatingSystem, Platform } from '#site/types/userAgent';
 
 export type InstallationMethod =
-  'NVM' | 'FNM' | 'BREW' | 'DOCKER' | 'CHOCO' | 'N' | 'ASDF';
+  'NVM' | 'FNM' | 'BREW' | 'DOCKER' | 'CHOCO' | 'N' | 'ASDF' | 'VP';
 export type PackageManager = 'NPM' | 'YARN' | 'PNPM';
 
 // Items with a pipe/default value mean that they are auto inferred

apps/site/util/download/constants.json

@@ -196,6 +196,16 @@
       },
       "url": "https://asdf-vm.com/guide/getting-started.html",
       "info": "layouts.download.codeBox.platformInfo.asdf"
+    },
+    {
+      "id": "VP",
+      "icon": "VitePlus",
+      "name": "Vite+",
+      "compatibility": {
+        "os": ["WIN", "MAC", "LINUX"]
+      },
+      "url": "https://viteplus.dev/",
+      "info": "layouts.download.codeBox.platformInfo.vp"
     }
   ],
   "packageManagers": [

packages/i18n/src/locales/en.json

@@ -259,7 +259,8 @@
           "choco": "Chocolatey is a package manager for Windows.",
           "docker": "Docker is a containerization platform.",
           "n": "\"n\" is a cross-platform Node.js version manager.",
-          "asdf": "\"asdf\" is a cross-platform version manager that supports multiple languages."
+          "asdf": "\"asdf\" is a cross-platform version manager that supports multiple languages.",
+          "vp": "\"Vite+\" is a unified toolchain for web development with Node.js version management."
         }
       }
     },

packages/ui-components/__design__/platform-logos.stories.tsx

@@ -4,14 +4,15 @@ import {
   NVM,
   Choco,
   N,
+  VitePlus,
   Volta,
 } from '#ui/Icons/InstallationMethod';
 import { Apple, Linux, Microsoft, AIX } from '#ui/Icons/OperatingSystem';
 
 import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5';
 
 const osIcons = [Apple, Linux, Microsoft, AIX];
-const installMethodIcons = [Docker, Homebrew, NVM, Choco, N, Volta];
+const installMethodIcons = [Docker, Homebrew, NVM, Choco, N, VitePlus, Volta];
 
 export const PlatformLogos: StoryObj = {
   render: () => (