[#1] Basic Vite setup (PR #4)

* [#1] Require nystudio107/craft-vite:^5.0.0 package.

* [#1] Initial Vite & Craft Plugin config

* [#1] .gitignore Updates

.ddev/config.yaml

@@ -13,6 +13,17 @@ use_dns_when_possible: true
 composer_version: "2"
 web_environment: []
 nodejs_version: "18"
+web_extra_exposed_ports:
+  # Expose ports for vite
+  - name: vite
+    container_port: 3000
+    http_port: 3000
+    https_port: 3001
+web_extra_daemons:
+  # Run vite in a separate process
+  - name: 'vite'
+    command: 'npm install && npm run dev'
+    directory: /var/www/html
 
 # Key features of ddev's config.yaml:
 

.gitignore

@@ -2,3 +2,6 @@
 /.idea
 /vendor
 .DS_Store
+node_modules
+/web/dist
+/.vite

composer.json

@@ -6,6 +6,7 @@
   "prefer-stable": true,
   "require": {
     "craftcms/cms": "^5.0.0",
+    "nystudio107/craft-vite": "^5.0.0",
     "vlucas/phpdotenv": "^5.4.0"
   },
   "require-dev": {

config/vite.php

@@ -0,0 +1,23 @@
+<?php
+
+use craft\helpers\App;
+
+
+// Decides which port to use for devServerPublic. This allows
+// you to visit the http or https port. If you plant to only
+// use http, make sure that PRIMARY_SITE_URL is set to http
+//
+// Match ports to .ddev/config.yaml -> web_extra_exposed_ports
+$host = Craft::$app->getRequest()->getIsConsoleRequest()
+    ? App::env('PRIMARY_SITE_URL')
+    : Craft::$app->getRequest()->getHostInfo();
+$httpPort = 3000;
+$httpsPort = 3001;
+$devServerPort = str_starts_with($host, 'https') ? $httpsPort : $httpPort;
+
+return [
+    'devServerPublic' => "$host:$devServerPort",
+    'serverPublic' => '/dist/',
+    'useDevServer' => App::env('CRAFT_ENVIRONMENT') === 'dev',
+    'manifestPath' => '@webroot/dist/.vite/manifest.json',
+];