@grafana/create-plugin 7.17.0 → 7.18.0

package/templates/common/.config/rspack/liveReloadPlugin.ts

@@ -1,133 +0,0 @@
-import path from 'path';
-import { Compilation, type Compiler } from '@rspack/core';
-import { WebSocketServer } from 'ws';
-import { createServer } from 'http';
-
-interface RspackLiveReloadPluginOptions {
-  port?: number;
-  delay?: number;
-  appendScriptTag?: boolean;
-  protocol?: string;
-}
-
-class RspackLiveReloadPlugin {
-  options: RspackLiveReloadPluginOptions;
-  httpServer: ReturnType<typeof createServer> | null = null;
-  server: WebSocketServer | null = null;
-  constructor(options = {}) {
-    this.options = Object.assign(
-      {
-        port: 35729,
-        delay: 0,
-        appendScriptTag: true,
-        protocol: 'http',
-      },
-      options
-    );
-  }
-
-  apply(compiler: Compiler) {
-    const isRspack = compiler.rspack !== undefined;
-    if (!isRspack) {
-      throw new Error('This plugin is designed to work with Rspack.');
-    }
-
-    compiler.hooks.afterEmit.tap('RspackLiveReloadPlugin', (compilation) => {
-      this._startServer();
-      this._notifyClient();
-    });
-
-    compiler.hooks.done.tap('RspackLiveReloadPlugin', (stats) => {
-      if (this.options.appendScriptTag) {
-        this._injectLiveReloadScript(stats.compilation);
-      }
-    });
-  }
-
-  _startServer() {
-    if (this.server) {
-      return;
-    }
-
-    const port = this.options.port;
-
-    this.httpServer = createServer((req, res) => {
-      if (req.url === '/livereload.js') {
-        res.writeHead(200, { 'Content-Type': 'application/javascript' });
-        res.end(this._getLiveReloadScript());
-      } else {
-        res.writeHead(404);
-        res.end('Not Found');
-      }
-    });
-
-    this.server = new WebSocketServer({ server: this.httpServer });
-    this.httpServer.listen(port, () => {
-      console.log(`LiveReload server started on http://localhost:${port}`);
-    });
-  }
-
-  _notifyClient() {
-    if (!this.server) {
-      return;
-    }
-
-    this.server.clients.forEach((client) => {
-      if (client.readyState === WebSocket.OPEN) {
-        client.send(JSON.stringify({ action: 'reload' }));
-      }
-    });
-  }
-
-  _injectLiveReloadScript(compilation: Compilation) {
-    compilation.hooks.processAssets.tap(
-      {
-        name: 'RspackLiveReloadPlugin',
-        stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
-      },
-      (assets) => {
-        Object.keys(assets).forEach((filename) => {
-          if (path.extname(filename) === '.html') {
-            const assetSource = compilation.getAsset(filename)?.source;
-            if (!assetSource) {
-              return;
-            }
-
-            const updatedSource = assetSource
-              .source()
-              .toString()
-              .replace('</body>', `<script src="http://localhost:${this.options.port}/livereload.js"></script></body>`);
-
-            compilation.updateAsset(filename, {
-              source: () => updatedSource,
-              buffer: () => Buffer.from(updatedSource),
-              size: () => updatedSource.length,
-              map: () => null,
-              sourceAndMap: () => ({ source: updatedSource, map: null }),
-              updateHash: (hash) => {
-                hash.update(updatedSource);
-              },
-            });
-          }
-        });
-      }
-    );
-  }
-
-  _getLiveReloadScript() {
-    return `
-      (function() {
-        if (typeof WebSocket === 'undefined') return;
-        const ws = new WebSocket('${this.options.protocol}://localhost:${this.options.port}');
-        ws.onmessage = function(event) {
-          const data = JSON.parse(event.data);
-          if (data.action === 'reload') {
-            window.location.reload();
-          }
-        };
-      })();
-    `;
-  }
-}
-
-export default RspackLiveReloadPlugin;