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>
442 lines
13 KiB
JavaScript
442 lines
13 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const { ConcatSource } = require("webpack-sources");
|
|
const { UsageState } = require("../ExportsInfo");
|
|
const RuntimeGlobals = require("../RuntimeGlobals");
|
|
const Template = require("../Template");
|
|
const propertyAccess = require("../util/propertyAccess");
|
|
const { getEntryRuntime } = require("../util/runtime");
|
|
const AbstractLibraryPlugin = require("./AbstractLibraryPlugin");
|
|
|
|
/** @typedef {import("webpack-sources").Source} Source */
|
|
/** @typedef {import("../../declarations/WebpackOptions").LibraryOptions} LibraryOptions */
|
|
/** @typedef {import("../../declarations/WebpackOptions").LibraryType} LibraryType */
|
|
/** @typedef {import("../../declarations/WebpackOptions").LibraryExport} LibraryExport */
|
|
/** @typedef {import("../Chunk")} Chunk */
|
|
/** @typedef {import("../Compilation")} Compilation */
|
|
/** @typedef {import("../Compilation").ChunkHashContext} ChunkHashContext */
|
|
/** @typedef {import("../Module")} Module */
|
|
/** @typedef {import("../Module").RuntimeRequirements} RuntimeRequirements */
|
|
/** @typedef {import("../ExportsInfo").ExportInfoName} ExportInfoName */
|
|
/** @typedef {import("../javascript/JavascriptModulesPlugin").RenderContext} RenderContext */
|
|
/** @typedef {import("../javascript/JavascriptModulesPlugin").StartupRenderContext} StartupRenderContext */
|
|
/** @typedef {import("../util/Hash")} Hash */
|
|
|
|
/**
|
|
* @template T
|
|
* @typedef {import("./AbstractLibraryPlugin").LibraryContext<T>} LibraryContext<T>
|
|
*/
|
|
|
|
const KEYWORD_REGEX =
|
|
/^(await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|function|if|implements|import|in|instanceof|interface|let|new|null|package|private|protected|public|return|super|switch|static|this|throw|try|true|typeof|var|void|while|with|yield)$/;
|
|
const IDENTIFIER_REGEX =
|
|
/^[\p{L}\p{Nl}$_][\p{L}\p{Nl}$\p{Mn}\p{Mc}\p{Nd}\p{Pc}]*$/iu;
|
|
|
|
/**
|
|
* Validates the library name by checking for keywords and valid characters
|
|
* @param {string} name name to be validated
|
|
* @returns {boolean} true, when valid
|
|
*/
|
|
const isNameValid = (name) =>
|
|
!KEYWORD_REGEX.test(name) && IDENTIFIER_REGEX.test(name);
|
|
|
|
/**
|
|
* @param {string[]} accessor variable plus properties
|
|
* @param {number} existingLength items of accessor that are existing already
|
|
* @param {boolean=} initLast if the last property should also be initialized to an object
|
|
* @returns {string} code to access the accessor while initializing
|
|
*/
|
|
const accessWithInit = (accessor, existingLength, initLast = false) => {
|
|
// This generates for [a, b, c, d]:
|
|
// (((a = typeof a === "undefined" ? {} : a).b = a.b || {}).c = a.b.c || {}).d
|
|
const base = accessor[0];
|
|
if (accessor.length === 1 && !initLast) return base;
|
|
let current =
|
|
existingLength > 0
|
|
? base
|
|
: `(${base} = typeof ${base} === "undefined" ? {} : ${base})`;
|
|
|
|
// i is the current position in accessor that has been printed
|
|
let i = 1;
|
|
|
|
// all properties printed so far (excluding base)
|
|
/** @type {string[] | undefined} */
|
|
let propsSoFar;
|
|
|
|
// if there is existingLength, print all properties until this position as property access
|
|
if (existingLength > i) {
|
|
propsSoFar = accessor.slice(1, existingLength);
|
|
i = existingLength;
|
|
current += propertyAccess(propsSoFar);
|
|
} else {
|
|
propsSoFar = [];
|
|
}
|
|
|
|
// all remaining properties (except the last one when initLast is not set)
|
|
// should be printed as initializer
|
|
const initUntil = initLast ? accessor.length : accessor.length - 1;
|
|
for (; i < initUntil; i++) {
|
|
const prop = accessor[i];
|
|
propsSoFar.push(prop);
|
|
current = `(${current}${propertyAccess([prop])} = ${base}${propertyAccess(
|
|
propsSoFar
|
|
)} || {})`;
|
|
}
|
|
|
|
// print the last property as property access if not yet printed
|
|
if (i < accessor.length) {
|
|
current = `${current}${propertyAccess([accessor[accessor.length - 1]])}`;
|
|
}
|
|
|
|
return current;
|
|
};
|
|
|
|
/** @typedef {string[] | "global"} LibraryPrefix */
|
|
|
|
/**
|
|
* @typedef {object} AssignLibraryPluginOptions
|
|
* @property {LibraryType} type
|
|
* @property {LibraryPrefix} prefix name prefix
|
|
* @property {string | false} declare declare name as variable
|
|
* @property {"error" | "static" | "copy" | "assign"} unnamed behavior for unnamed library name
|
|
* @property {"copy" | "assign"=} named behavior for named library name
|
|
*/
|
|
|
|
/** @typedef {string | string[]} LibraryName */
|
|
|
|
/**
|
|
* @typedef {object} AssignLibraryPluginParsed
|
|
* @property {LibraryName} name
|
|
* @property {LibraryExport=} export
|
|
*/
|
|
|
|
/**
|
|
* @typedef {AssignLibraryPluginParsed} T
|
|
* @extends {AbstractLibraryPlugin<AssignLibraryPluginParsed>}
|
|
*/
|
|
class AssignLibraryPlugin extends AbstractLibraryPlugin {
|
|
/**
|
|
* @param {AssignLibraryPluginOptions} options the plugin options
|
|
*/
|
|
constructor(options) {
|
|
super({
|
|
pluginName: "AssignLibraryPlugin",
|
|
type: options.type
|
|
});
|
|
this.prefix = options.prefix;
|
|
this.declare = options.declare;
|
|
this.unnamed = options.unnamed;
|
|
this.named = options.named || "assign";
|
|
}
|
|
|
|
/**
|
|
* @param {LibraryOptions} library normalized library option
|
|
* @returns {T | false} preprocess as needed by overriding
|
|
*/
|
|
parseOptions(library) {
|
|
const { name } = library;
|
|
if (this.unnamed === "error") {
|
|
if (typeof name !== "string" && !Array.isArray(name)) {
|
|
throw new Error(
|
|
`Library name must be a string or string array. ${AbstractLibraryPlugin.COMMON_LIBRARY_NAME_MESSAGE}`
|
|
);
|
|
}
|
|
} else if (name && typeof name !== "string" && !Array.isArray(name)) {
|
|
throw new Error(
|
|
`Library name must be a string, string array or unset. ${AbstractLibraryPlugin.COMMON_LIBRARY_NAME_MESSAGE}`
|
|
);
|
|
}
|
|
const _name = /** @type {LibraryName} */ (name);
|
|
return {
|
|
name: _name,
|
|
export: library.export
|
|
};
|
|
}
|
|
|
|
/**
|
|
* @param {Module} module the exporting entry module
|
|
* @param {string} entryName the name of the entrypoint
|
|
* @param {LibraryContext<T>} libraryContext context
|
|
* @returns {void}
|
|
*/
|
|
finishEntryModule(
|
|
module,
|
|
entryName,
|
|
{ options, compilation, compilation: { moduleGraph } }
|
|
) {
|
|
const runtime = getEntryRuntime(compilation, entryName);
|
|
if (options.export) {
|
|
const exportsInfo = moduleGraph.getExportInfo(
|
|
module,
|
|
Array.isArray(options.export) ? options.export[0] : options.export
|
|
);
|
|
exportsInfo.setUsed(UsageState.Used, runtime);
|
|
exportsInfo.canMangleUse = false;
|
|
} else {
|
|
const exportsInfo = moduleGraph.getExportsInfo(module);
|
|
exportsInfo.setUsedInUnknownWay(runtime);
|
|
}
|
|
moduleGraph.addExtraReason(module, "used as library export");
|
|
}
|
|
|
|
/**
|
|
* @param {Compilation} compilation the compilation
|
|
* @returns {LibraryPrefix} the prefix
|
|
*/
|
|
_getPrefix(compilation) {
|
|
return this.prefix === "global"
|
|
? [compilation.runtimeTemplate.globalObject]
|
|
: this.prefix;
|
|
}
|
|
|
|
/**
|
|
* @param {AssignLibraryPluginParsed} options the library options
|
|
* @param {Chunk} chunk the chunk
|
|
* @param {Compilation} compilation the compilation
|
|
* @returns {string[]} the resolved full name
|
|
*/
|
|
_getResolvedFullName(options, chunk, compilation) {
|
|
const prefix = this._getPrefix(compilation);
|
|
const fullName = options.name
|
|
? [
|
|
...prefix,
|
|
...(Array.isArray(options.name) ? options.name : [options.name])
|
|
]
|
|
: /** @type {string[]} */ (prefix);
|
|
return fullName.map((n) =>
|
|
compilation.getPath(n, {
|
|
chunk
|
|
})
|
|
);
|
|
}
|
|
|
|
/**
|
|
* @param {Source} source source
|
|
* @param {RenderContext} renderContext render context
|
|
* @param {LibraryContext<T>} libraryContext context
|
|
* @returns {Source} source with library export
|
|
*/
|
|
render(source, { chunk }, { options, compilation }) {
|
|
const fullNameResolved = this._getResolvedFullName(
|
|
options,
|
|
chunk,
|
|
compilation
|
|
);
|
|
if (this.declare) {
|
|
const base = fullNameResolved[0];
|
|
if (!isNameValid(base)) {
|
|
throw new Error(
|
|
`Library name base (${base}) must be a valid identifier when using a var declaring library type. Either use a valid identifier (e. g. ${Template.toIdentifier(
|
|
base
|
|
)}) or use a different library type (e. g. 'type: "global"', which assign a property on the global scope instead of declaring a variable). ${
|
|
AbstractLibraryPlugin.COMMON_LIBRARY_NAME_MESSAGE
|
|
}`
|
|
);
|
|
}
|
|
source = new ConcatSource(`${this.declare} ${base};\n`, source);
|
|
}
|
|
return source;
|
|
}
|
|
|
|
/**
|
|
* @param {Module} module the exporting entry module
|
|
* @param {RenderContext} renderContext render context
|
|
* @param {LibraryContext<T>} libraryContext context
|
|
* @returns {string | undefined} bailout reason
|
|
*/
|
|
embedInRuntimeBailout(
|
|
module,
|
|
{ chunk, codeGenerationResults },
|
|
{ options, compilation }
|
|
) {
|
|
const { data } = codeGenerationResults.get(module, chunk.runtime);
|
|
const topLevelDeclarations =
|
|
(data && data.get("topLevelDeclarations")) ||
|
|
(module.buildInfo && module.buildInfo.topLevelDeclarations);
|
|
if (!topLevelDeclarations) {
|
|
return "it doesn't tell about top level declarations.";
|
|
}
|
|
const fullNameResolved = this._getResolvedFullName(
|
|
options,
|
|
chunk,
|
|
compilation
|
|
);
|
|
const base = fullNameResolved[0];
|
|
if (topLevelDeclarations.has(base)) {
|
|
return `it declares '${base}' on top-level, which conflicts with the current library output.`;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {RenderContext} renderContext render context
|
|
* @param {LibraryContext<T>} libraryContext context
|
|
* @returns {string | undefined} bailout reason
|
|
*/
|
|
strictRuntimeBailout({ chunk }, { options, compilation }) {
|
|
if (
|
|
this.declare ||
|
|
this.prefix === "global" ||
|
|
this.prefix.length > 0 ||
|
|
!options.name
|
|
) {
|
|
return;
|
|
}
|
|
return "a global variable is assign and maybe created";
|
|
}
|
|
|
|
/**
|
|
* @param {Source} source source
|
|
* @param {Module} module module
|
|
* @param {StartupRenderContext} renderContext render context
|
|
* @param {LibraryContext<T>} libraryContext context
|
|
* @returns {Source} source with library export
|
|
*/
|
|
renderStartup(
|
|
source,
|
|
module,
|
|
{ moduleGraph, chunk },
|
|
{ options, compilation }
|
|
) {
|
|
const fullNameResolved = this._getResolvedFullName(
|
|
options,
|
|
chunk,
|
|
compilation
|
|
);
|
|
const staticExports = this.unnamed === "static";
|
|
const exportAccess = options.export
|
|
? propertyAccess(
|
|
Array.isArray(options.export) ? options.export : [options.export]
|
|
)
|
|
: "";
|
|
const result = new ConcatSource(source);
|
|
if (staticExports) {
|
|
const exportsInfo = moduleGraph.getExportsInfo(module);
|
|
const exportTarget = accessWithInit(
|
|
fullNameResolved,
|
|
this._getPrefix(compilation).length,
|
|
true
|
|
);
|
|
|
|
/** @type {ExportInfoName[]} */
|
|
const provided = [];
|
|
for (const exportInfo of exportsInfo.orderedExports) {
|
|
if (!exportInfo.provided) continue;
|
|
const nameAccess = propertyAccess([exportInfo.name]);
|
|
result.add(
|
|
`${exportTarget}${nameAccess} = ${RuntimeGlobals.exports}${exportAccess}${nameAccess};\n`
|
|
);
|
|
provided.push(exportInfo.name);
|
|
}
|
|
|
|
const webpackExportTarget = accessWithInit(
|
|
fullNameResolved,
|
|
this._getPrefix(compilation).length,
|
|
true
|
|
);
|
|
/** @type {string} */
|
|
let exports = RuntimeGlobals.exports;
|
|
if (exportAccess) {
|
|
result.add(
|
|
`var __webpack_exports_export__ = ${RuntimeGlobals.exports}${exportAccess};\n`
|
|
);
|
|
|
|
exports = "__webpack_exports_export__";
|
|
}
|
|
result.add(`for(var __webpack_i__ in ${exports}) {\n`);
|
|
const hasProvided = provided.length > 0;
|
|
if (hasProvided) {
|
|
result.add(
|
|
` if (${JSON.stringify(provided)}.indexOf(__webpack_i__) === -1) {\n`
|
|
);
|
|
}
|
|
result.add(
|
|
` ${
|
|
hasProvided ? " " : ""
|
|
}${webpackExportTarget}[__webpack_i__] = ${exports}[__webpack_i__];\n`
|
|
);
|
|
if (hasProvided) {
|
|
result.add(" }\n");
|
|
}
|
|
result.add("}\n");
|
|
result.add(
|
|
`Object.defineProperty(${exportTarget}, "__esModule", { value: true });\n`
|
|
);
|
|
} else if (options.name ? this.named === "copy" : this.unnamed === "copy") {
|
|
result.add(
|
|
`var __webpack_export_target__ = ${accessWithInit(
|
|
fullNameResolved,
|
|
this._getPrefix(compilation).length,
|
|
true
|
|
)};\n`
|
|
);
|
|
/** @type {string} */
|
|
let exports = RuntimeGlobals.exports;
|
|
if (exportAccess) {
|
|
result.add(
|
|
`var __webpack_exports_export__ = ${RuntimeGlobals.exports}${exportAccess};\n`
|
|
);
|
|
|
|
exports = "__webpack_exports_export__";
|
|
}
|
|
result.add(
|
|
`for(var __webpack_i__ in ${exports}) __webpack_export_target__[__webpack_i__] = ${exports}[__webpack_i__];\n`
|
|
);
|
|
result.add(
|
|
`if(${exports}.__esModule) Object.defineProperty(__webpack_export_target__, "__esModule", { value: true });\n`
|
|
);
|
|
} else {
|
|
result.add(
|
|
`${accessWithInit(
|
|
fullNameResolved,
|
|
this._getPrefix(compilation).length,
|
|
false
|
|
)} = ${RuntimeGlobals.exports}${exportAccess};\n`
|
|
);
|
|
}
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* @param {Chunk} chunk the chunk
|
|
* @param {RuntimeRequirements} set runtime requirements
|
|
* @param {LibraryContext<T>} libraryContext context
|
|
* @returns {void}
|
|
*/
|
|
runtimeRequirements(chunk, set, libraryContext) {
|
|
set.add(RuntimeGlobals.exports);
|
|
}
|
|
|
|
/**
|
|
* @param {Chunk} chunk the chunk
|
|
* @param {Hash} hash hash
|
|
* @param {ChunkHashContext} chunkHashContext chunk hash context
|
|
* @param {LibraryContext<T>} libraryContext context
|
|
* @returns {void}
|
|
*/
|
|
chunkHash(chunk, hash, chunkHashContext, { options, compilation }) {
|
|
hash.update("AssignLibraryPlugin");
|
|
const fullNameResolved = this._getResolvedFullName(
|
|
options,
|
|
chunk,
|
|
compilation
|
|
);
|
|
if (options.name ? this.named === "copy" : this.unnamed === "copy") {
|
|
hash.update("copy");
|
|
}
|
|
if (this.declare) {
|
|
hash.update(this.declare);
|
|
}
|
|
hash.update(fullNameResolved.join("."));
|
|
if (options.export) {
|
|
hash.update(`${options.export}`);
|
|
}
|
|
}
|
|
}
|
|
|
|
module.exports = AssignLibraryPlugin;
|