@plaudit/webpack-extensions 3.16.0 → 3.18.0

package/dist/plugins/BrowserSyncPlugin.js

@@ -1,212 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BrowserSyncPlugin = void 0;
-const node_child_process_1 = __importDefault(require("node:child_process"));
-const node_fs_1 = __importDefault(require("node:fs"));
-const node_path_1 = __importDefault(require("node:path"));
-const shared_1 = require("../shared");
-const browser_sync_1 = __importDefault(require("browser-sync"));
-const http_proxy_middleware_1 = require("http-proxy-middleware");
-class BrowserSyncPlugin {
-    static isBrowserSyncRunning = false;
-    static browserSyncPluginOptions;
-    pluginOptions;
-    browserSyncInstance;
-    isWebpackWatching = false;
-    mostRecentChunkHashes = {};
-    shouldNotify = false;
-    constructor(pluginOptions) {
-        this.pluginOptions = { reload: true, name: "plaudit-bs-plugin", injectCss: true, ...pluginOptions };
-        this.browserSyncInstance = browser_sync_1.default.has(this.pluginOptions.name) ? browser_sync_1.default.get(this.pluginOptions.name) : browser_sync_1.default.create(this.pluginOptions.name);
-    }
-    static getBrowserSyncPluginOptions() {
-        return BrowserSyncPlugin.browserSyncPluginOptions ?? (BrowserSyncPlugin.browserSyncPluginOptions = new Promise(async (resolve) => {
-            const envFilePath = BrowserSyncPlugin.findEnvFile();
-            const envFile = envFilePath ? await (0, shared_1.loadEnvFile)(envFilePath) : {};
-            const prefixes = BrowserSyncPlugin.getSiteUrls();
-            const targetPort = envFile["WEB_PORT_SSL"]?.match(/^\d+$/) ? envFile["WEB_PORT_SSL"] : "8443";
-            const targetHost = targetPort === "443" ? "localhost" : `localhost:${targetPort}`;
-            if (prefixes.length === 0 || prefixes.every(prefix => prefix.startsWith("localhost"))) {
-                resolve([{
-                        host: 'localhost',
-                        port: 3000,
-                        https: true,
-                        proxy: `https://${targetHost}`
-                    }, {}]);
-            }
-            else {
-                resolve([{
-                        port: 3000,
-                        listen: "0.0.0.0",
-                        https: true,
-                        open: false,
-                        callbacks: {
-                            ready(err, bsi) {
-                                // This ensures that the opened URL is actually a valid one
-                                import("open").then(open => open.default(`https://${prefixes[0]?.replace(/:\d{2,4}/, "")}:${bsi.getOption("port") ?? 3000}`));
-                            }
-                        }
-                    }, {
-                        middlewareBuilder: (options) => {
-                            const proxyPort = options.port?.toString() ?? "3000";
-                            const router = prefixes.reduce((router, prefix) => {
-                                router[`${prefix}:${proxyPort}`] = {
-                                    protocol: 'https:',
-                                    slashes: true,
-                                    auth: null,
-                                    host: prefix,
-                                    port: targetPort,
-                                    hostname: targetHost,
-                                    hash: null,
-                                    search: null,
-                                    query: null,
-                                    pathname: '/',
-                                    path: '/',
-                                    href: `https://${targetHost}/`
-                                };
-                                return router;
-                            }, {});
-                            const portInjectionPattern = new RegExp(`(${prefixes.join('|')})(?!:3000)`, "gi");
-                            return (0, http_proxy_middleware_1.createProxyMiddleware)({
-                                changeOrigin: true, router, secure: false, xfwd: true, selfHandleResponse: true, target: `https://${targetHost}`,
-                                on: {
-                                    proxyRes: (0, http_proxy_middleware_1.responseInterceptor)(async (responseBuffer, proxyRes) => {
-                                        const contentType = proxyRes.headers["content-type"];
-                                        if (contentType && (contentType.startsWith("text/") || contentType === "application/x-javascript")) {
-                                            return responseBuffer.toString('utf-8').replaceAll(portInjectionPattern, "$1:3000");
-                                        }
-                                        return responseBuffer;
-                                    })
-                                }
-                            });
-                        }
-                    }]);
-            }
-        }));
-    }
-    static findEnvFile() {
-        for (let envFileHolderPath = process.cwd(); envFileHolderPath.length > 5; envFileHolderPath = node_path_1.default.dirname(envFileHolderPath)) {
-            if (node_fs_1.default.existsSync(node_path_1.default.join(envFileHolderPath, ".env"))) {
-                return node_path_1.default.join(envFileHolderPath, ".env");
-            }
-        }
-        return undefined;
-    }
-    apply(compiler) {
-        if (!process.argv.includes('--browser-sync') && process.env['BROWSER_SYNC'] !== 'true') {
-            return;
-        }
-        let devTarget = process.env['DEV_TARGET'] ?? process.argv.find(a => a.startsWith("--dev-target="))?.substring(13);
-        if (devTarget === undefined) {
-            const flagIndex = process.argv.findIndex(a => a === "--dev-target");
-            if (flagIndex > -1) {
-                devTarget = process.argv[flagIndex + 1];
-            }
-        }
-        if (devTarget !== undefined && devTarget !== node_path_1.default.basename(process.cwd()) && !(devTarget === "theme" && node_fs_1.default.existsSync(node_path_1.default.join(process.cwd(), "style.css")))) {
-            return;
-        }
-        compiler.hooks.watchRun.tap(BrowserSyncPlugin.name, () => {
-            this.isWebpackWatching = true;
-        });
-        compiler.hooks.compilation.tap(BrowserSyncPlugin.name, () => {
-            if (BrowserSyncPlugin.isBrowserSyncRunning && this.shouldNotify) {
-                this.browserSyncInstance.notify('Rebuilding...');
-            }
-        });
-        compiler.hooks.done.tapPromise(BrowserSyncPlugin.name, async (stats) => {
-            if (!this.isWebpackWatching) {
-                return;
-            }
-            if (!BrowserSyncPlugin.isBrowserSyncRunning) {
-                const [browserSyncOptions, pluginOptions] = await BrowserSyncPlugin.getBrowserSyncPluginOptions();
-                const actualPluginOptions = { ...this.pluginOptions, ...pluginOptions };
-                const middleware = actualPluginOptions.middlewareBuilder?.(browserSyncOptions);
-                this.browserSyncInstance.init(middleware
-                    ? { ...browserSyncOptions, server: { middleware: Array.isArray(middleware) ? middleware : [middleware] } }
-                    : browserSyncOptions, this.pluginOptions.callback);
-                if (browserSyncOptions.notify) {
-                    this.shouldNotify = true;
-                }
-                BrowserSyncPlugin.isBrowserSyncRunning = true;
-            }
-            if (this.pluginOptions.reload) {
-                if (this.pluginOptions.injectCss) {
-                    const cssOnlyEmittedAssets = this.getCssOnlyEmittedAssetsNames(stats);
-                    if (cssOnlyEmittedAssets !== undefined) {
-                        this.browserSyncInstance.reload(cssOnlyEmittedAssets);
-                        return;
-                    }
-                }
-                this.browserSyncInstance.reload();
-            }
-        });
-    }
-    getCssOnlyEmittedAssetsNames(stats) {
-        const compiledStats = stats.compilation.getStats().toJson({
-            hash: true,
-            publicPath: true,
-            assets: true,
-            chunks: true,
-            modules: false,
-            source: false,
-            errorDetails: false,
-            timings: false
-        });
-        const chunks = compiledStats.chunks
-            ?.filter((chunk) => chunk.names !== undefined && chunk.files !== undefined);
-        if (!chunks) {
-            return undefined;
-        }
-        const mostRecentChunkHashes = this.mostRecentChunkHashes;
-        this.mostRecentChunkHashes = Object.fromEntries(chunks.flatMap(chunk => chunk.names.map(cn => [cn, chunk.hash])));
-        if (Object.keys(mostRecentChunkHashes).length !== chunks.length) {
-            return undefined;
-        }
-        const changedFilenames = chunks
-            .filter(chunk => chunk.names.some(name => mostRecentChunkHashes[name] !== chunk.hash))
-            .flatMap(chunk => [...chunk.files, ...(chunk.auxiliaryFiles ?? [])])
-            .filter(filename => !filename.endsWith(".asset.php"));
-        if (changedFilenames.length === 0) {
-            return undefined;
-        }
-        for (const filename of changedFilenames) {
-            if (!filename.includes(".css")) {
-                return undefined;
-            }
-        }
-        return changedFilenames;
-    }
-    static getSiteUrls() {
-        //docker container inspect "$(docker compose ps --format=json | jq '. | select(. | contains({"Service": "wordpress"})) | .ID' -r)" | jq '.[].Config.Env'
-        const serviceId = node_child_process_1.default.spawnSync("docker", ["compose", "ps", "--format=json"], { encoding: "utf-8", stdio: ["ignore", "pipe", "inherit"] })
-            .stdout.trim().split("\n").map(item => JSON.parse(item.trim())).find(item => item.Service === "wordpress")?.ID;
-        if (serviceId === undefined) {
-            return ["localhost"]; // This will only happen for Tomcat or misconfigured containers, both of which should use localhost
-        }
-        const inspectionResult = node_child_process_1.default.spawnSync("docker", ["container", "inspect", "--format=json", serviceId], { encoding: "utf-8", stdio: ["ignore", "pipe", "inherit"] })
-            .stdout.trim();
-        const containerEnv = Object.fromEntries(JSON.parse(inspectionResult)[0]?.Config.Env.map((envEntry) => {
-            const equalSignIndex = envEntry.indexOf('=');
-            return [envEntry.substring(0, equalSignIndex), envEntry.substring(equalSignIndex + 1)];
-        }));
-        if (containerEnv['WORDPRESS_MAPPED_DOMAINS'] !== '1') {
-            return ["localhost:8443"]; //This will only happen for legacy WordPress sites
-        }
-        let siteUrls;
-        const multisiteUrlsProcess = node_child_process_1.default.spawnSync("docker", ["compose", "exec", "--user=www-data", "wordpress", "wp", "site", "list", "--field=url", "--quiet"], { encoding: "utf-8", stdio: ["ignore", "pipe", "ignore"] }); // We're forced to mute stderr here because it is otherwise almost guaranteed to print
-        if (!multisiteUrlsProcess.error && !multisiteUrlsProcess.status && !multisiteUrlsProcess.signal) {
-            siteUrls = multisiteUrlsProcess.stdout.split("\n").map(line => line.trim()).filter(line => line.length > 0);
-        }
-        else {
-            siteUrls = [node_child_process_1.default.spawnSync("docker", ["compose", "exec", "--user=www-data", "wordpress", "wp", "option", "get", "siteurl"], { encoding: "utf-8", stdio: ["ignore", "pipe", "inherit"] }).stdout.trim()];
-        }
-        // Because mapped domain sites that are using my mapping scheme hyphenate instances of "www.", this is an effective test for whether it is in use.
-        // If the URL still has the "www.", then it is using David's mapping scheme and should be accessed via localhost
-        return siteUrls.map(siteUrl => siteUrl.includes("www.") ? "localhost" : siteUrl).map(siteUrl => siteUrl.replace(/^https?:\/\//i, ""));
-    }
-}
-exports.BrowserSyncPlugin = BrowserSyncPlugin;