Implement JQHTML function cache ID system and fix bundle compilation Implement underscore prefix for system tables Fix JS syntax linter to support decorators and grant exception to Task system SPA: Update planning docs and wishlists with remaining features SPA: Document Navigation API abandonment and future enhancements Implement SPA browser integration with History API (Phase 1) Convert contacts view page to SPA action Convert clients pages to SPA actions and document conversion procedure SPA: Merge GET parameters and update documentation Implement SPA route URL generation in JavaScript and PHP Implement SPA bootstrap controller architecture Add SPA routing manual page (rsx:man spa) Add SPA routing documentation to CLAUDE.md Phase 4 Complete: Client-side SPA routing implementation Update get_routes() consumers for unified route structure Complete SPA Phase 3: PHP-side route type detection and is_spa flag Restore unified routes structure and Manifest_Query class Refactor route indexing and add SPA infrastructure Phase 3 Complete: SPA route registration in manifest Implement SPA Phase 2: Extract router code and test decorators Rename Jqhtml_Component to Component and complete SPA foundation setup 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
458 lines
13 KiB
JavaScript
458 lines
13 KiB
JavaScript
/*
|
|
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;
|