🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
458 lines
13 KiB
JavaScript
Executable File
458 lines
13 KiB
JavaScript
Executable File
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Natsu @xiaoxiaojx
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const FileSystemInfo = require("./FileSystemInfo");
|
|
const createSchemaValidation = require("./util/create-schema-validation");
|
|
const { join } = require("./util/fs");
|
|
|
|
/** @typedef {import("../declarations/WebpackOptions").DotenvPluginOptions} DotenvPluginOptions */
|
|
/** @typedef {import("./Compiler")} Compiler */
|
|
/** @typedef {import("./CacheFacade").ItemCacheFacade} ItemCacheFacade */
|
|
/** @typedef {import("./util/fs").InputFileSystem} InputFileSystem */
|
|
/** @typedef {import("./FileSystemInfo").Snapshot} Snapshot */
|
|
|
|
/** @typedef {Exclude<DotenvPluginOptions["prefix"], string | undefined>} Prefix */
|
|
/** @typedef {Record<string, string>} Env */
|
|
|
|
/** @type {DotenvPluginOptions} */
|
|
const DEFAULT_OPTIONS = {
|
|
prefix: "WEBPACK_",
|
|
template: [".env", ".env.local", ".env.[mode]", ".env.[mode].local"]
|
|
};
|
|
|
|
// Regex for parsing .env files
|
|
// ported from https://github.com/motdotla/dotenv/blob/master/lib/main.js#L32
|
|
const LINE =
|
|
/(?:^|^)\s*(?:export\s+)?([\w.-]+)(?:\s*=\s*?|:\s+?)(\s*'(?:\\'|[^'])*'|\s*"(?:\\"|[^"])*"|\s*`(?:\\`|[^`])*`|[^#\r\n]+)?\s*(?:#.*)?(?:$|$)/gm;
|
|
|
|
const PLUGIN_NAME = "DotenvPlugin";
|
|
|
|
const validate = createSchemaValidation(
|
|
undefined,
|
|
() => {
|
|
const { definitions } = require("../schemas/WebpackOptions.json");
|
|
|
|
return {
|
|
definitions,
|
|
oneOf: [{ $ref: "#/definitions/DotenvPluginOptions" }]
|
|
};
|
|
},
|
|
{
|
|
name: "Dotenv Plugin",
|
|
baseDataPath: "options"
|
|
}
|
|
);
|
|
|
|
/**
|
|
* Parse .env file content
|
|
* ported from https://github.com/motdotla/dotenv/blob/master/lib/main.js#L49
|
|
* @param {string | Buffer} src the source content to parse
|
|
* @returns {Env} parsed environment variables object
|
|
*/
|
|
function parse(src) {
|
|
const obj = /** @type {Env} */ ({});
|
|
|
|
// Convert buffer to string
|
|
let lines = src.toString();
|
|
|
|
// Convert line breaks to same format
|
|
lines = lines.replace(/\r\n?/gm, "\n");
|
|
|
|
let match;
|
|
while ((match = LINE.exec(lines)) !== null) {
|
|
const key = match[1];
|
|
|
|
// Default undefined or null to empty string
|
|
let value = match[2] || "";
|
|
|
|
// Remove whitespace
|
|
value = value.trim();
|
|
|
|
// Check if double quoted
|
|
const maybeQuote = value[0];
|
|
|
|
// Remove surrounding quotes
|
|
value = value.replace(/^(['"`])([\s\S]*)\1$/gm, "$2");
|
|
|
|
// Expand newlines if double quoted
|
|
if (maybeQuote === '"') {
|
|
value = value.replace(/\\n/g, "\n");
|
|
value = value.replace(/\\r/g, "\r");
|
|
}
|
|
|
|
// Add to object
|
|
obj[key] = value;
|
|
}
|
|
|
|
return obj;
|
|
}
|
|
|
|
/**
|
|
* Resolve escape sequences
|
|
* ported from https://github.com/motdotla/dotenv-expand
|
|
* @param {string} value value to resolve
|
|
* @returns {string} resolved value
|
|
*/
|
|
function _resolveEscapeSequences(value) {
|
|
return value.replace(/\\\$/g, "$");
|
|
}
|
|
|
|
/**
|
|
* Expand environment variable value
|
|
* ported from https://github.com/motdotla/dotenv-expand
|
|
* @param {string} value value to expand
|
|
* @param {Record<string, string | undefined>} processEnv process.env object
|
|
* @param {Env} runningParsed running parsed object
|
|
* @returns {string} expanded value
|
|
*/
|
|
function expandValue(value, processEnv, runningParsed) {
|
|
const env = { ...runningParsed, ...processEnv }; // process.env wins
|
|
|
|
const regex = /(?<!\\)\$\{([^{}]+)\}|(?<!\\)\$([A-Za-z_][A-Za-z0-9_]*)/g;
|
|
|
|
let result = value;
|
|
let match;
|
|
const seen = new Set(); // self-referential checker
|
|
|
|
while ((match = regex.exec(result)) !== null) {
|
|
seen.add(result);
|
|
|
|
const [template, bracedExpression, unbracedExpression] = match;
|
|
const expression = bracedExpression || unbracedExpression;
|
|
|
|
// match the operators `:+`, `+`, `:-`, and `-`
|
|
const opRegex = /(:\+|\+|:-|-)/;
|
|
// find first match
|
|
const opMatch = expression.match(opRegex);
|
|
const splitter = opMatch ? opMatch[0] : null;
|
|
|
|
const r = expression.split(/** @type {string} */ (splitter));
|
|
// const r = splitter ? expression.split(splitter) : [expression];
|
|
|
|
let defaultValue;
|
|
let value;
|
|
|
|
const key = r.shift();
|
|
|
|
if ([":+", "+"].includes(splitter || "")) {
|
|
defaultValue = env[key || ""] ? r.join(splitter || "") : "";
|
|
value = null;
|
|
} else {
|
|
defaultValue = r.join(splitter || "");
|
|
value = env[key || ""];
|
|
}
|
|
|
|
if (value) {
|
|
// self-referential check
|
|
result = seen.has(value)
|
|
? result.replace(template, defaultValue)
|
|
: result.replace(template, value);
|
|
} else {
|
|
result = result.replace(template, defaultValue);
|
|
}
|
|
|
|
// if the result equaled what was in process.env and runningParsed then stop expanding
|
|
if (result === runningParsed[key || ""]) {
|
|
break;
|
|
}
|
|
|
|
regex.lastIndex = 0; // reset regex search position to re-evaluate after each replacement
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* Expand environment variables in parsed object
|
|
* ported from https://github.com/motdotla/dotenv-expand
|
|
* @param {{ parsed: Env, processEnv: Record<string, string | undefined> }} options expand options
|
|
* @returns {{ parsed: Env }} expanded options
|
|
*/
|
|
function expand(options) {
|
|
// for use with progressive expansion
|
|
const runningParsed = /** @type {Env} */ ({});
|
|
const processEnv = options.processEnv;
|
|
|
|
// dotenv.config() ran before this so the assumption is process.env has already been set
|
|
for (const key in options.parsed) {
|
|
let value = options.parsed[key];
|
|
|
|
// short-circuit scenario: process.env was already set prior to the file value
|
|
value =
|
|
processEnv[key] && processEnv[key] !== value
|
|
? /** @type {string} */ (processEnv[key])
|
|
: expandValue(value, processEnv, runningParsed);
|
|
|
|
const resolvedValue = _resolveEscapeSequences(value);
|
|
|
|
options.parsed[key] = resolvedValue;
|
|
// for use with progressive expansion
|
|
runningParsed[key] = resolvedValue;
|
|
}
|
|
|
|
// Part of `dotenv-expand` code, but we don't need it because of we don't modify `process.env`
|
|
// for (const processKey in options.parsed) {
|
|
// if (processEnv) {
|
|
// processEnv[processKey] = options.parsed[processKey];
|
|
// }
|
|
// }
|
|
|
|
return options;
|
|
}
|
|
|
|
/**
|
|
* Format environment variables as DefinePlugin definitions
|
|
* @param {Env} env environment variables
|
|
* @returns {Record<string, string>} formatted definitions
|
|
*/
|
|
const envToDefinitions = (env) => {
|
|
const definitions = /** @type {Record<string, string>} */ ({});
|
|
|
|
for (const [key, value] of Object.entries(env)) {
|
|
const defValue = JSON.stringify(value);
|
|
definitions[`process.env.${key}`] = defValue;
|
|
definitions[`import.meta.env.${key}`] = defValue;
|
|
}
|
|
|
|
return definitions;
|
|
};
|
|
|
|
class DotenvPlugin {
|
|
/**
|
|
* @param {DotenvPluginOptions=} options options object
|
|
*/
|
|
constructor(options = {}) {
|
|
validate(options);
|
|
this.options = { ...DEFAULT_OPTIONS, ...options };
|
|
}
|
|
|
|
/**
|
|
* @param {Compiler} compiler the compiler instance
|
|
* @returns {void}
|
|
*/
|
|
apply(compiler) {
|
|
const definePlugin = new compiler.webpack.DefinePlugin({});
|
|
const prefixes = Array.isArray(this.options.prefix)
|
|
? this.options.prefix
|
|
: [this.options.prefix || "WEBPACK_"];
|
|
/** @type {string | false} */
|
|
const dir =
|
|
typeof this.options.dir === "string"
|
|
? this.options.dir
|
|
: typeof this.options.dir === "undefined"
|
|
? compiler.context
|
|
: this.options.dir;
|
|
|
|
/** @type {undefined | Snapshot} */
|
|
let snapshot;
|
|
|
|
const cache = compiler.getCache(PLUGIN_NAME);
|
|
const identifier = JSON.stringify(this.options.template);
|
|
const itemCache = cache.getItemCache(identifier, null);
|
|
|
|
compiler.hooks.beforeCompile.tapPromise(PLUGIN_NAME, async () => {
|
|
const { parsed, snapshot: newSnapshot } = dir
|
|
? await this._loadEnv(compiler, itemCache, dir)
|
|
: { parsed: {} };
|
|
const env = this._getEnv(prefixes, parsed);
|
|
|
|
definePlugin.definitions = envToDefinitions(env || {});
|
|
snapshot = newSnapshot;
|
|
});
|
|
|
|
compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
|
|
if (snapshot) {
|
|
compilation.fileDependencies.addAll(snapshot.getFileIterable());
|
|
compilation.missingDependencies.addAll(snapshot.getMissingIterable());
|
|
}
|
|
});
|
|
|
|
definePlugin.apply(compiler);
|
|
}
|
|
|
|
/**
|
|
* Get list of env files to load based on mode and template
|
|
* Similar to Vite's getEnvFilesForMode
|
|
* @private
|
|
* @param {InputFileSystem} inputFileSystem the input file system
|
|
* @param {string | false} dir the directory containing .env files
|
|
* @param {string | undefined} mode the mode (e.g., 'production', 'development')
|
|
* @returns {string[]} array of file paths to load
|
|
*/
|
|
_getEnvFilesForMode(inputFileSystem, dir, mode) {
|
|
if (!dir) {
|
|
return [];
|
|
}
|
|
|
|
const { template } = /** @type {DotenvPluginOptions} */ (this.options);
|
|
const templates = template || [];
|
|
|
|
return templates
|
|
.map((pattern) => pattern.replace(/\[mode\]/g, mode || "development"))
|
|
.map((file) => join(inputFileSystem, dir, file));
|
|
}
|
|
|
|
/**
|
|
* Get parsed env variables from `.env` files
|
|
* @private
|
|
* @param {InputFileSystem} fs input file system
|
|
* @param {string} dir dir to load `.env` files
|
|
* @param {string} mode mode
|
|
* @returns {Promise<{parsed: Env, fileDependencies: string[], missingDependencies: string[]}>} parsed env variables and dependencies
|
|
*/
|
|
async _getParsed(fs, dir, mode) {
|
|
/** @type {string[]} */
|
|
const fileDependencies = [];
|
|
/** @type {string[]} */
|
|
const missingDependencies = [];
|
|
|
|
// Get env files to load
|
|
const envFiles = this._getEnvFilesForMode(fs, dir, mode);
|
|
|
|
// Read all files
|
|
const contents = await Promise.all(
|
|
envFiles.map((filePath) =>
|
|
this._loadFile(fs, filePath).then(
|
|
(content) => {
|
|
fileDependencies.push(filePath);
|
|
return content;
|
|
},
|
|
() => {
|
|
// File doesn't exist, add to missingDependencies (this is normal)
|
|
missingDependencies.push(filePath);
|
|
return "";
|
|
}
|
|
)
|
|
)
|
|
);
|
|
|
|
// Parse all files and merge (later files override earlier ones)
|
|
// Similar to Vite's implementation
|
|
const parsed = /** @type {Env} */ ({});
|
|
|
|
for (const content of contents) {
|
|
if (!content) continue;
|
|
const entries = parse(content);
|
|
for (const key in entries) {
|
|
parsed[key] = entries[key];
|
|
}
|
|
}
|
|
|
|
return { parsed, fileDependencies, missingDependencies };
|
|
}
|
|
|
|
/**
|
|
* @private
|
|
* @param {Compiler} compiler compiler
|
|
* @param {ItemCacheFacade} itemCache item cache facade
|
|
* @param {string} dir directory to read
|
|
* @returns {Promise<{ parsed: Env, snapshot: Snapshot }>} parsed result and snapshot
|
|
*/
|
|
async _loadEnv(compiler, itemCache, dir) {
|
|
const fs = /** @type {InputFileSystem} */ (compiler.inputFileSystem);
|
|
const fileSystemInfo = new FileSystemInfo(fs, {
|
|
unmanagedPaths: compiler.unmanagedPaths,
|
|
managedPaths: compiler.managedPaths,
|
|
immutablePaths: compiler.immutablePaths,
|
|
hashFunction: compiler.options.output.hashFunction
|
|
});
|
|
|
|
const result = await itemCache.getPromise();
|
|
|
|
if (result) {
|
|
const isSnapshotValid = await new Promise((resolve, reject) => {
|
|
fileSystemInfo.checkSnapshotValid(result.snapshot, (error, isValid) => {
|
|
if (error) {
|
|
reject(error);
|
|
|
|
return;
|
|
}
|
|
|
|
resolve(isValid);
|
|
});
|
|
});
|
|
|
|
if (isSnapshotValid) {
|
|
return { parsed: result.parsed, snapshot: result.snapshot };
|
|
}
|
|
}
|
|
|
|
const { parsed, fileDependencies, missingDependencies } =
|
|
await this._getParsed(
|
|
fs,
|
|
dir,
|
|
/** @type {string} */
|
|
(compiler.options.mode)
|
|
);
|
|
|
|
const startTime = Date.now();
|
|
const newSnapshot = await new Promise((resolve, reject) => {
|
|
fileSystemInfo.createSnapshot(
|
|
startTime,
|
|
fileDependencies,
|
|
null,
|
|
missingDependencies,
|
|
// `.env` files are build dependencies
|
|
compiler.options.snapshot.buildDependencies,
|
|
(err, snapshot) => {
|
|
if (err) return reject(err);
|
|
resolve(snapshot);
|
|
}
|
|
);
|
|
});
|
|
|
|
await itemCache.storePromise({ parsed, snapshot: newSnapshot });
|
|
|
|
return { parsed, snapshot: newSnapshot };
|
|
}
|
|
|
|
/**
|
|
* Generate env variables
|
|
* @private
|
|
* @param {Prefix} prefixes expose only environment variables that start with these prefixes
|
|
* @param {Env} parsed parsed env variables
|
|
* @returns {Env} env variables
|
|
*/
|
|
_getEnv(prefixes, parsed) {
|
|
// Always expand environment variables (like Vite does)
|
|
// Make a copy of process.env so that dotenv-expand doesn't modify global process.env
|
|
const processEnv = { ...process.env };
|
|
expand({ parsed, processEnv });
|
|
const env = /** @type {Env} */ ({});
|
|
|
|
// Get all keys from parser and process.env
|
|
const keys = [...Object.keys(parsed), ...Object.keys(process.env)];
|
|
|
|
// Prioritize actual env variables from `process.env`, fallback to parsed
|
|
for (const key of keys) {
|
|
if (prefixes.some((prefix) => key.startsWith(prefix))) {
|
|
env[key] = process.env[key] ? process.env[key] : parsed[key];
|
|
}
|
|
}
|
|
|
|
return env;
|
|
}
|
|
|
|
/**
|
|
* Load a file with proper path resolution
|
|
* @private
|
|
* @param {InputFileSystem} fs the input file system
|
|
* @param {string} file the file to load
|
|
* @returns {Promise<string>} the content of the file
|
|
*/
|
|
_loadFile(fs, file) {
|
|
return new Promise((resolve, reject) => {
|
|
fs.readFile(file, (err, content) => {
|
|
if (err) reject(err);
|
|
else resolve(/** @type {Buffer} */ (content).toString() || "");
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
module.exports = DotenvPlugin;
|