tonka-vite-plugin 1.32.5 → 1.32.8

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 import type { Plugin } from 'vite';
-import { TonkaPluginOptions } from '../types';
+import { TonkaPluginOptions } from './types';
 export default function tonkaPlugin(options?: TonkaPluginOptions): Plugin;

package/dist/index.js

@@ -1,43 +1,100 @@
-import path from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
 export default function tonkaPlugin(options = {}) {
     const root = process.cwd();
+    const publicDir = options.publicDirectory
+        ? path.resolve(root, options.publicDirectory)
+        : path.resolve(root, 'public');
+    const hotFile = path.resolve(publicDir, 'hot');
+    const refreshPaths = options.refresh === true
+        ? ['resources/js/**']
+        : Array.isArray(options.refresh)
+            ? options.refresh
+            : typeof options.refresh === 'string'
+                ? [options.refresh]
+                : [];
+    let viteDevServerUrl;
+    let resolvedConfig;
     return {
         name: 'tonka-vite-plugin',
-        config: (userConfig, { command }) => {
+        config(userConfig, { command, mode }) {
             const input = options.input || {
-                'resources/css/app.css': undefined,
-                'resources/js/app.tsx': undefined,
+                app: 'resources/css/app.css',
+                main: 'resources/js/app.tsx',
             };
             const outDir = options.outDir || path.resolve(root, 'public/build');
             const manifest = options.manifest !== false ? 'manifest.json' : false;
-            const ssrBuild = options.ssr ? options.ssr : false;
-            return {
+            resolvedConfig = {
+                base: command === 'build'
+                    ? (options.buildBase ?? '/build/')
+                    : '',
                 build: {
-                    outDir: outDir,
-                    manifest: manifest,
+                    outDir,
+                    manifest,
                     assetsDir: options.assetsDir || 'assets',
-                    rollupOptions: {
-                        input: input,
-                    },
-                    ssr: ssrBuild,
-                    sourcemap: command === 'serve',
+                    rollupOptions: { input },
+                    ssr: options.ssr || false,
+                    sourcemap: command === 'serve' ? true : (options.sourcemap ?? false),
                     copyPublicDir: false,
+                    emptyOutDir: command === 'build',
                 },
                 resolve: {
-                    alias: options.alias || {
-                        '@': path.resolve(root, '.'),
+                    alias: {
+                        '@': path.resolve(root, 'resources/js'),
+                        ...(options.alias || {}),
                     },
                 },
                 optimizeDeps: {
-                    include: ['react', 'react-dom', '@inertiajs/react', 'axios'],
+                    include: ['react', 'react-dom', '@inertiajs/react'],
                     exclude: [],
                 },
+                server: {
+                    origin: userConfig.server?.origin,
+                    cors: true,
+                    watch: {
+                        ignored: [
+                            '**/public/build/**',
+                            '**/public/hot',
+                            '**/node_modules/**',
+                            '**/vendor/**',
+                            ...['ap', 'routes', 'bootstrap', 'database', 'config', 'test'].map((dir) => path.resolve(root, dir) + '/**'),
+                        ],
+                    },
+                },
             };
+            return resolvedConfig;
         },
-        transformIndexHtml(html) {
-            if (options.refresh) {
+        configureServer(server) {
+            const cleanupHotFile = () => {
+                if (fs.existsSync(hotFile))
+                    fs.rmSync(hotFile);
+            };
+            cleanupHotFile();
+            server.httpServer?.once('listening', () => {
+                const address = server.httpServer?.address();
+                const protocol = server.config.server.https ? 'https' : 'http';
+                if (address && typeof address === 'object') {
+                    viteDevServerUrl =
+                        resolvedConfig.server?.origin ??
+                            `${protocol}://${address.address === '::' ? 'localhost' : address.address}:${address.port}`;
+                    fs.mkdirSync(publicDir, { recursive: true });
+                    fs.writeFileSync(hotFile, viteDevServerUrl);
+                }
+            });
+            const exitHandler = () => cleanupHotFile();
+            process.on('exit', exitHandler);
+            process.on('SIGINT', () => process.exit());
+            process.on('SIGTERM', () => process.exit());
+            server.httpServer?.once('close', cleanupHotFile);
+            if (refreshPaths.length > 0) {
+                const watcher = server.watcher.add(refreshPaths);
+                watcher.on('change', (file) => {
+                    server.ws.send({ type: 'full-reload', path: '*' });
+                });
             }
-            return html;
+        },
+        transformIndexHtml() {
+            return undefined;
         },
     };
 }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "tonka-vite-plugin",
-  "version": "1.32.5",
+  "version": "1.32.8",
+  "type": "module",
   "description": "A Vite plugin for Inertia.js that provides automatic page imports and enhanced development experience.",
   "main": "./dist/index.js",       
   "types": "./dist/index.d.ts",     

package/types/index.d.ts

@@ -16,10 +16,17 @@ export interface TonkaPluginOptions {
   ssr?: string | false;
 
   /**
-   * Whether to enable React Fast Refresh (HMR).
-   * If true, the plugin may attempt to configure HMR settings.
+   * Whether to watch server-rendered files (views, routes, PHP, ...) and
+   * trigger a full browser reload when they change, since Vite's module
+   * graph can't HMR server-rendered templates.
+   *
+   * - `true`   → watch a sensible default set (`resources/views/**`,
+   *              `app/**\/*.php`, `routes/**`)
+   * - string   → a single glob pattern to watch
+   * - string[] → an explicit list of glob patterns to watch
+   * - false    → disabled (default)
    */
-  refresh?: boolean;
+  refresh?: boolean | string | string[];
 
   /**
    * The output directory for the production build.
@@ -34,12 +41,34 @@ export interface TonkaPluginOptions {
 
   /**
    * Path aliases (e.g., '@' to point to the root or resources).
+   * Merged with the plugin's default alias ('@' -> 'resources/js').
    */
   alias?: Record<string, string>;
-  
+
   /**
    * Whether to generate a manifest.json file.
    * Defaults to true for production.
    */
   manifest?: boolean;
+
+  /**
+   * The public directory of the project, used to locate/write the `hot`
+   * file that signals the dev server's URL to the backend.
+   * Defaults to 'public'.
+   */
+  publicDirectory?: string;
+
+  /**
+   * The `base` path used for built asset URLs in production
+   * (i.e. what the backend should prefix asset paths with).
+   * Defaults to '/build/'.
+   */
+  buildBase?: string;
+
+  /**
+   * Whether to emit sourcemaps for the production build.
+   * Dev builds always emit sourcemaps regardless of this setting.
+   * Defaults to false.
+   */
+  sourcemap?: boolean;
 }