elmassimo / vite-plugin-full-reload Goto Github PK

hello, does this library work with slim template ?

Like the title says, I've tried using this in lib mode, however it doesn't trigger a reload like it does in normal mode.

Is this possible to do?

 WARN  Issues with peer dependencies found
└─┬ vite-plugin-full-reload 1.0.5
└── ✕ unmet peer vite@"^2 || ^3 || ^4": found 5.0.0

I run Vite as proxy of built-in php server:

import {defineConfig} from 'vite';
import fullReload from 'vite-plugin-full-reload';

export default defineConfig({
    server: {
        proxy: {
            '/': 'http://localhost:8080'
        }
    },
    plugins: [
        fullReload('*.php')
    ],
});

The problem: when I update PHP file, I see «page reload» message in the terminal, but no page reload happens.

Hi i'm trying to use this useful plugin but i cant get it to work as expected
heres how i configured vite config

plugins:   [
    FullReload([
      'packages/reader/src/hooks/pdf-viewer/viewer-setup.ts',
      'packages/reader/src/hooks/pdf-viewer/settings-change.ts',
      'packages/reader/src/hooks/pdf-viewer/page-change.ts',
      'packages/reader/src/hooks/pdf-viewer/context-menu.ts',
      'packages/reader/src/hooks/pdf-viewer/viewer-setup/callbacks.ts',
      'packages/reader/src/hooks/pdf-viewer/viewer-setup/presets.ts',
      'packages/reader/src/hooks/pdf-viewer/viewer-setup/toolbars.ts',
      'packages/reader/src/components/pdf-viewer.tsx'
    ], { log: true, always: true }),
    checker({
      typescript: true
    }),
    react()
  ]

once i edit for example packages/reader/src/hooks/pdf-viewer/viewer-setup.ts i expect to the full reload but nothing happens except HMR that kicks in
heres the vite terminal log

6:18:00 PM [vite] ../../vite.config.ts changed, restarting server...
6:18:00 PM [vite] server restarted.
[TypeScript] Found 0 errors. Watching for file changes.
6:19:10 PM [vite] hmr update /@fs/Users/majklzumberi/Documenti/github/books/packages/ui/styles/index.css, /@fs/Users/majklzumberi/Documenti/github/books/packages/reader/src/components/pdf-viewer.tsx
[TypeScript] Found 0 errors. Watching for file changes.
6:21:53 PM [vite] hmr update /@fs/Users/majklzumberi/Documenti/github/books/packages/ui/styles/index.css, /@fs/Users/majklzumberi/Documenti/github/books/packages/reader/src/components/pdf-viewer.tsx
[TypeScript] Found 0 errors. Watching for file changes.

i see that pdf-viewer.tsx changes (this file include as hook the viewer.setup one), i tried to include pdf-viewer.tsx in the list but still nothing changes.

Where i'm doing wrong?

Hello! Great plugin - thank so much for implementing this.

I'm currently running a Vue3 app & I'm trying to have the app fully reload upon any edits to all Vue components in my views folder:

Is this the proper configuration?

FullReload(['views/**/*.*', 'src/'])

I get the following warning on vite 5 which traces back to this plugin, see trace below. The warning references https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.

Trace: The CJS build of Vite's Node API is deprecated. See https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
    at warnCjsUsage (/Users/tvongaza/aeon/aeonv2/node_modules/vite/index.cjs:32:3)
    at Object.<anonymous> (/Users/tvongaza/aeon/aeonv2/node_modules/vite/index.cjs:3:1)
    at Module._compile (node:internal/modules/cjs/loader:1241:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1295:10)
    at _require.extensions.<computed> [as .js] (file:///Users/tvongaza/aeon/aeonv2/node_modules/vitest/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:66343:17)
    at Module.load (node:internal/modules/cjs/loader:1091:32)
    at Module._load (node:internal/modules/cjs/loader:938:12)
    at Module.require (node:internal/modules/cjs/loader:1115:19)
    at require (node:internal/modules/helpers:130:18)
    at Object.<anonymous> (/Users/tvongaza/aeon/aeonv2/node_modules/vite-plugin-full-reload/dist/index.cjs:5:13)

Full Reload not working in Windows environment having paths as app\\views\\**

Making following changes to source seems to be working:

Changes

const files = Array.from(paths).map(path => resolve(root, path).replace(/\\/g, '/')) 

Original

I'd love to have a feature to have a certain path to refresh on a specific changed file.

E.g. I use the plugin with a CMS that stores its content and configuration in txt & yaml files.

• When that content changes, I want to reload all pages but not the CMS panel
• When configuration changes, I want to reload only the panel pages

Paths to refresh could also be defined via glob matching.

Example configuration:

  plugins: [
    FullReload([
      {
        watch: ["site/{layouts,snippets,templates}/**/*", "content/**/*"],
        reload: ["!/panel", "*"]
      },
      {
        watch: ["site/blueprints/**/*"],
        reload: ["/panel"]
      }
    ])
  ],

Great plugin thx! One issue made me move to vite-plugin-live-reload. When I set path to watch for only some extensons like 'src/**/*.ts' then altering other files, prevent Vite from hot reload that other files. I was testing this with .sccs files.

I've removed the plugin from 'vite.config.ts' but Vite is still reloading the page. My setup was to reload on changes to 'views', 'components', and 'routes.rb'. My current config is:

import { defineConfig } from "vite"
import RubyPlugin from "vite-plugin-ruby"
import StimulusHMR from "vite-plugin-stimulus-hmr"
import yaml from "@rollup/plugin-yaml"

export default defineConfig({
  build: {
    sourcemap: false,
  },
  plugins: [yaml(), RubyPlugin(), StimulusHMR()],
})

I restarted my machine and reinstalled Vite + plugins, but no luck.

Could anyone help with that? Thank you

 WARN  Issues with peer dependencies found
└─┬ vite-plugin-full-reload 1.0.5
└── ✕ unmet peer vite@"^2 || ^3 || ^4": found 5.0.0

 WARN  Issues with peer dependencies found
└─┬ vite-plugin-full-reload 1.0.5
└── ✕ unmet peer vite@"^2 || ^3 || ^4": found 5.0.0

Works:

fullReloadPlugin(['dir/*.php'])

Breaks:

fullReloadPlugin('dir/*.php')

The argument is passed to Array.from, so dir/*.php is turned into ['d', 'i', 'r', '/', '*', ...]! Now all of these are watched as separate globs, including *, so lots of watcher processes are spawned, every single file in the project is watched and the development server slows to a crawl.