Pattern for when-file-is-updated-run-this-code

[alexbjorlig]

In our vite (Sveltekit) project, we have this workflow.

A developer changes a +page.server.ts file (form action definitions).

Because of this, we need to update our OpenAPI specifications.

I did some experients, and patterns like this seem to be possible with plugins, for example like this.

{
            name: 'update-list-of-stories',
            apply: (config, { command }) => {
                return NODE_ENV != 'production' && config.dev && !process.env['CI'];
            },
            buildStart: async ({}) => {
                await storiesPlugin('build started.');
            },
            configureServer: (server) => {
                if (['production', 'test'].includes(NODE_ENV) || process.env['CI']) {
                    return;
                }
                const watcher = chokidar.watch('src/**/*stories.svelte', {
                    ignored: /node_modules/, // Ignore node_modules
                    ignoreInitial: true, // Don't run the callback on initial scan
                });
                watcher.on('add', (file) => storiesPlugin(`file ${file} was added.`));
                watcher.on('change', (file) => storiesPlugin(`file ${file} was updated.`));
                watcher.on('unlink', (file) => storiesPlugin(`file ${file} was deleted.`));

                // Clean up when the server stops
                server.httpServer?.once('close', () => {
                    console.log(`vite-plugin cleanup..`);
                    watcher.close();
                });
            },
        },

But are there other patterns to achieve this?

One challenge I found with the above approach is that if I try to import code with $lib, then it breaks.

Thanks in advance 👍