feat: ✨ add restart plugin

Author: woldtwerk

packages/vite-plugin-drupal/src/index.ts

@@ -15,6 +15,7 @@ import vuePlugin from './plugins/custom-elements'
 import breakpoints from './plugins/breakpoints'
 import tailwindHMR from './plugins/tailwind-hmr'
 import vueCustomElement from './plugins/vue-custom-element'
+import restart from './plugins/restart'
 
 export default (options: UserOptions = {}): Plugin[] => {
   const ctx = <Context>{}
@@ -37,6 +38,7 @@ export default (options: UserOptions = {}): Plugin[] => {
     vue(ctx.options.vue),
     vuePlugin(ctx),
     Icons(ctx.options.icons || {}),
+    restart(ctx),
     UnimportPlugin.vite(ctx.options.unimport || {}),
     Components(ctx.options.components),
   ].flat()

packages/vite-plugin-drupal/src/plugins/context.ts

@@ -35,7 +35,9 @@ export interface Options {
     multipliers: string[]
   }
   features: {
+    resetTheme: boolean
     twighmr: boolean
+    clearCache: boolean | string
   }
   experimental: object
   baseTheme: string
@@ -137,7 +139,9 @@ const defaults: Options = {
     ],
   },
   features: {
+    resetTheme: true,
     twighmr: true,
+    clearCache: 'drush cr',
   },
   experimental: {},
   baseTheme: 'stable9',

packages/vite-plugin-drupal/src/plugins/restart.ts

@@ -0,0 +1,51 @@
+import { spawn } from 'node:child_process'
+import path from 'node:path'
+import type { Plugin } from 'vite'
+import { createLogger } from 'vite'
+import type { Context } from './context'
+
+export default (ctx: Context): Plugin => {
+  let timer: ReturnType<typeof setTimeout> | undefined
+  const delay = 500
+
+  function clear() {
+    clearTimeout(timer)
+  }
+  function schedule(fn: () => void) {
+    clear()
+    timer = setTimeout(fn, delay)
+  }
+
+  const logger = createLogger()
+
+  return {
+    name: 'vite-plugin-uebertool-restart',
+    configureServer(server) {
+      server.watcher.on('add', handleFileChange)
+      server.watcher.on('unlink', handleFileChange)
+
+      function handleFileChange(file: string) {
+        if (qualifiedPath(file)) {
+          schedule(() => {
+            server.restart()
+
+            if (typeof ctx.options.features.clearCache === 'string') {
+              const [command, ...args] = ctx.options.features.clearCache.split(' ')
+              logger.info(`Running: ${command} ${args.join(' ')}`, { timestamp: true })
+              spawn(command, args, { stdio: 'inherit' })
+            }
+          })
+        }
+      }
+
+      function qualifiedPath(file: string) {
+        const filename = path.basename(file)
+        if (filename.startsWith('_'))
+          return false
+        if (filename.match(/\.(css|js|ts|twig)$/))
+          return true
+        return false
+      }
+    },
+  }
+}