diff --git a/package-lock.json b/package-lock.json index 517f27a..b0de486 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@nette/vite-plugin", - "version": "0.1", + "version": "1.0.2", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@nette/vite-plugin", - "version": "0.1", + "version": "1.0.2", "license": "MIT", "devDependencies": { "@nette/eslint-plugin": "^0.1.2", diff --git a/package.json b/package.json index 6fdbb77..a88ac50 100644 --- a/package.json +++ b/package.json @@ -39,8 +39,8 @@ "typescript-eslint": "^8.32.1" }, "scripts": { - "build": "tsc", - "prepare": "npm run build", + "build": "tsc && cp src/dev-server-index.html dist/", + "prepare": "npm run build && cp src/dev-server-index.html dist/", "test": "npx tsx node_modules/mocha/bin/mocha \"tests/**/*.ts\"", "lint": "eslint --cache", "lint:fix": "eslint --cache --fix" diff --git a/src/dev-server-index.html b/src/dev-server-index.html new file mode 100644 index 0000000..bdd1214 --- /dev/null +++ b/src/dev-server-index.html @@ -0,0 +1,93 @@ + + + + + + + Nette Vite + + + +
+

This is the Vite development server that provides Hot Module Replacement for your Nette application.

+

+ If you are exploring Nette for the first time, you should read the + Quick Start, documentation, + blog and forum.

+ +

We hope you enjoy Nette!

+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + diff --git a/src/index.ts b/src/index.ts index 773b3b7..380cd93 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,6 +1,10 @@ +// Portions adapted from Laravel (https://laravel.com), MIT licensed. + import path from 'path'; import fs from 'fs'; -import { defaultAllowedOrigins, HttpServer, type PluginOption, ResolvedConfig, type ViteDevServer } from 'vite'; +import { fileURLToPath } from 'url'; +import colors from 'picocolors'; +import {defaultAllowedOrigins, HttpServer, type PluginOption, ResolvedConfig, type ViteDevServer} from 'vite'; interface PluginConfig { infoFile?: string; @@ -38,10 +42,16 @@ function generateInfoFile(httpServer: HttpServer): void { let port = (httpServer.address() as any).port; let devServerUrl = `${protocol}://${host}:${port}`; + + writeJson(infoFilePath, { devServer: devServerUrl }); // Update Vite server's origin field so other parts of Vite or downstream tools can pick it up resolvedConfig.server.origin = devServerUrl; + + setTimeout(() => { + console.log(`\n ${colors.blue(`${colors.bold('Nette')} ${netteVersion()}`)} ${colors.dim('plugin')} ${colors.bold(`v${nettepluginVersion()}`)}`) + }, 200) }); httpServer.on('close', () => { @@ -119,6 +129,40 @@ export default function vitePluginNette(config: PluginConfig = {}): PluginOption if (resolvedConfig.command === 'serve' && devServer.httpServer) { generateInfoFile(devServer.httpServer); } + + return () => devServer.middlewares.use((req, res, next) => { + if (req.url === '/index.html') { + res.statusCode = 404 + + res.end( + fs.readFileSync(path.join(dirname(), 'dev-server-index.html')).toString() + ) + } + + next() + }) }, }; } + +function netteVersion(): string { + try { + const composer = JSON.parse(fs.readFileSync('composer.lock').toString()) + + return composer.packages?.find((composerPackage: {name: string}) => composerPackage.name === 'nette/application')?.version ?? '' + } catch { + return '' + } +} + +function nettepluginVersion(): string { + try { + return JSON.parse(fs.readFileSync(path.join(dirname(), '../package.json')).toString())?.version + } catch { + return '' + } +} + +function dirname(): string { + return fileURLToPath(new URL('.', import.meta.url)) +}