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>
249 lines
8.7 KiB
JavaScript
249 lines
8.7 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const RuntimeGlobals = require("../RuntimeGlobals");
|
|
const Template = require("../Template");
|
|
const HelperRuntimeModule = require("./HelperRuntimeModule");
|
|
|
|
/** @typedef {import("../Module").RuntimeRequirements} RuntimeRequirements */
|
|
/** @typedef {import("../Module").ExportsType} ExportsType */
|
|
/** @typedef {import("../ChunkGraph").ModuleId} ModuleId */
|
|
|
|
/**
|
|
* @param {ExportsType} exportsType exports type
|
|
* @returns {string} mode
|
|
*/
|
|
function getMakeDeferredNamespaceModeFromExportsType(exportsType) {
|
|
if (exportsType === "namespace") return `/* ${exportsType} */ 0`;
|
|
if (exportsType === "default-only") return `/* ${exportsType} */ 1`;
|
|
if (exportsType === "default-with-named") return `/* ${exportsType} */ 2`;
|
|
if (exportsType === "dynamic") return `/* ${exportsType} */ 3`;
|
|
return "";
|
|
}
|
|
|
|
/**
|
|
* @param {string} moduleId moduleId
|
|
* @param {ExportsType} exportsType exportsType
|
|
* @param {(ModuleId | null)[]} asyncDepsIds asyncDepsIds
|
|
* @param {RuntimeRequirements} runtimeRequirements runtime requirements
|
|
* @returns {string} call make optimized deferred namespace object
|
|
*/
|
|
function getOptimizedDeferredModule(
|
|
moduleId,
|
|
exportsType,
|
|
asyncDepsIds,
|
|
runtimeRequirements
|
|
) {
|
|
runtimeRequirements.add(RuntimeGlobals.makeOptimizedDeferredNamespaceObject);
|
|
const mode = getMakeDeferredNamespaceModeFromExportsType(exportsType);
|
|
return `${RuntimeGlobals.makeOptimizedDeferredNamespaceObject}(${moduleId}, ${mode}${
|
|
asyncDepsIds.length > 0
|
|
? `, ${JSON.stringify(asyncDepsIds.filter((x) => x !== null))}`
|
|
: ""
|
|
})`;
|
|
}
|
|
|
|
class MakeOptimizedDeferredNamespaceObjectRuntimeModule extends HelperRuntimeModule {
|
|
/**
|
|
* @param {boolean} hasAsyncRuntime if async module is used.
|
|
*/
|
|
constructor(hasAsyncRuntime) {
|
|
super("make optimized deferred namespace object");
|
|
this.hasAsyncRuntime = hasAsyncRuntime;
|
|
}
|
|
|
|
/**
|
|
* @returns {string | null} runtime code
|
|
*/
|
|
generate() {
|
|
if (!this.compilation) return null;
|
|
const fn = RuntimeGlobals.makeOptimizedDeferredNamespaceObject;
|
|
const hasAsync = this.hasAsyncRuntime;
|
|
return Template.asString([
|
|
// Note: must be a function (not arrow), because this is used in body!
|
|
`${fn} = function(moduleId, mode${hasAsync ? ", asyncDeps" : ""}) {`,
|
|
Template.indent([
|
|
"// mode: 0 => namespace (esm)",
|
|
"// mode: 1 => default-only (esm strict cjs)",
|
|
"// mode: 2 => default-with-named (esm-cjs compat)",
|
|
"// mode: 3 => dynamic (if exports has __esModule, then esm, otherwise default-with-named)",
|
|
"var r = this;",
|
|
hasAsync ? "var isAsync = asyncDeps && asyncDeps.length;" : "",
|
|
"var obj = {",
|
|
Template.indent([
|
|
"get a() {",
|
|
Template.indent([
|
|
"var exports = r(moduleId);",
|
|
hasAsync
|
|
? `if(isAsync) exports = exports[${RuntimeGlobals.asyncModuleExportSymbol}];`
|
|
: "",
|
|
// if exportsType is "namespace" we can generate the most optimized code,
|
|
// on the second access, we can avoid trigger the getter.
|
|
// we can also do this if exportsType is "dynamic" and there is a "__esModule" property on it.
|
|
'if(mode == 0 || (mode == 3 && exports.__esModule)) Object.defineProperty(this, "a", { value: exports });',
|
|
"return exports;"
|
|
]),
|
|
"}"
|
|
]),
|
|
"};",
|
|
hasAsync
|
|
? `if(isAsync) obj[${RuntimeGlobals.deferredModuleAsyncTransitiveDependenciesSymbol}] = asyncDeps;`
|
|
: "",
|
|
"return obj;"
|
|
]),
|
|
"};"
|
|
]);
|
|
}
|
|
}
|
|
|
|
class MakeDeferredNamespaceObjectRuntimeModule extends HelperRuntimeModule {
|
|
/**
|
|
* @param {boolean} hasAsyncRuntime if async module is used.
|
|
*/
|
|
constructor(hasAsyncRuntime) {
|
|
super("make deferred namespace object");
|
|
this.hasAsyncRuntime = hasAsyncRuntime;
|
|
}
|
|
|
|
/**
|
|
* @returns {string | null} runtime code
|
|
*/
|
|
generate() {
|
|
if (!this.compilation) return null;
|
|
const { runtimeTemplate } = this.compilation;
|
|
const fn = RuntimeGlobals.makeDeferredNamespaceObject;
|
|
const hasAsync = this.hasAsyncRuntime;
|
|
const init = runtimeTemplate.supportsOptionalChaining()
|
|
? "init?.();"
|
|
: "if (init) init();";
|
|
return `${fn} = ${runtimeTemplate.basicFunction("moduleId, mode", [
|
|
"// mode: 0 => namespace (esm)",
|
|
"// mode: 1 => default-only (esm strict cjs)",
|
|
"// mode: 2 => default-with-named (esm-cjs compat)",
|
|
"// mode: 3 => dynamic (if exports has __esModule, then esm, otherwise default-with-named)",
|
|
"",
|
|
"var cachedModule = __webpack_module_cache__[moduleId];",
|
|
"if (cachedModule && cachedModule.error === undefined) {",
|
|
Template.indent([
|
|
"var exports = cachedModule.exports;",
|
|
hasAsync
|
|
? `if (${RuntimeGlobals.asyncModuleExportSymbol} in exports) exports = exports[${RuntimeGlobals.asyncModuleExportSymbol}];`
|
|
: "",
|
|
"if (mode == 0) return exports;",
|
|
`if (mode == 1) return ${RuntimeGlobals.createFakeNamespaceObject}(exports);`,
|
|
`if (mode == 2) return ${RuntimeGlobals.createFakeNamespaceObject}(exports, 2);`,
|
|
`if (mode == 3) return ${RuntimeGlobals.createFakeNamespaceObject}(exports, 6);` // 2 | 4
|
|
]),
|
|
"}",
|
|
"",
|
|
`var init = ${runtimeTemplate.basicFunction("", [
|
|
`ns = ${RuntimeGlobals.require}(moduleId);`,
|
|
hasAsync
|
|
? `if (${RuntimeGlobals.asyncModuleExportSymbol} in ns) ns = ns[${RuntimeGlobals.asyncModuleExportSymbol}];`
|
|
: "",
|
|
"init = null;",
|
|
"if (mode == 0 || mode == 3 && ns.__esModule && typeof ns === 'object') {",
|
|
Template.indent([
|
|
"delete handler.defineProperty;",
|
|
"delete handler.deleteProperty;",
|
|
"delete handler.set;",
|
|
"delete handler.get;",
|
|
"delete handler.has;",
|
|
"delete handler.ownKeys;",
|
|
"delete handler.getOwnPropertyDescriptor;"
|
|
]),
|
|
"} else if (mode == 1) {",
|
|
Template.indent([
|
|
`ns = ${RuntimeGlobals.createFakeNamespaceObject}(ns);`
|
|
]),
|
|
"} else if (mode == 2) {",
|
|
Template.indent([
|
|
`ns = ${RuntimeGlobals.createFakeNamespaceObject}(ns, 2);`
|
|
]),
|
|
"} else if (mode == 3) {",
|
|
Template.indent([
|
|
`ns = ${RuntimeGlobals.createFakeNamespaceObject}(ns, 6);`
|
|
]),
|
|
"}"
|
|
])};`,
|
|
"",
|
|
"var ns = __webpack_module_deferred_exports__[moduleId] || (__webpack_module_deferred_exports__[moduleId] = { __proto__: null });",
|
|
"var handler = {",
|
|
Template.indent([
|
|
"__proto__: null,",
|
|
`get: ${runtimeTemplate.basicFunction("_, name", [
|
|
"switch (name) {",
|
|
Template.indent([
|
|
'case "__esModule": return true;',
|
|
'case Symbol.toStringTag: return "Deferred Module";',
|
|
'case "then": return undefined;'
|
|
]),
|
|
"}",
|
|
init,
|
|
"return ns[name];"
|
|
])},`,
|
|
`has: ${runtimeTemplate.basicFunction("_, name", [
|
|
"switch (name) {",
|
|
Template.indent(
|
|
[
|
|
'case "__esModule":',
|
|
"case Symbol.toStringTag:",
|
|
hasAsync
|
|
? `case ${RuntimeGlobals.deferredModuleAsyncTransitiveDependenciesSymbol}:`
|
|
: "",
|
|
Template.indent("return true;"),
|
|
'case "then":',
|
|
Template.indent("return false;")
|
|
].filter(Boolean)
|
|
),
|
|
"}",
|
|
init,
|
|
"return name in ns;"
|
|
])},`,
|
|
`ownKeys: ${runtimeTemplate.basicFunction("", [
|
|
init,
|
|
`var keys = Reflect.ownKeys(ns).filter(${runtimeTemplate.expressionFunction('x !== "then" && x !== Symbol.toStringTag', "x")}).concat([Symbol.toStringTag]);`,
|
|
"return keys;"
|
|
])},`,
|
|
`getOwnPropertyDescriptor: ${runtimeTemplate.basicFunction("_, name", [
|
|
"switch (name) {",
|
|
Template.indent([
|
|
'case "__esModule": return { value: true, configurable: !!mode };',
|
|
'case Symbol.toStringTag: return { value: "Deferred Module", configurable: !!mode };',
|
|
'case "then": return undefined;'
|
|
]),
|
|
"}",
|
|
init,
|
|
"var desc = Reflect.getOwnPropertyDescriptor(ns, name);",
|
|
'if (mode == 2 && name == "default" && !desc) {',
|
|
Template.indent("desc = { value: ns, configurable: true };"),
|
|
"}",
|
|
"return desc;"
|
|
])},`,
|
|
`defineProperty: ${runtimeTemplate.basicFunction("_, name", [
|
|
init,
|
|
// Note: This behavior does not match the spec one, but since webpack does not do it either
|
|
// for a normal Module Namespace object (in MakeNamespaceObjectRuntimeModule), let's keep it simple.
|
|
"return false;"
|
|
])},`,
|
|
`deleteProperty: ${runtimeTemplate.returningFunction("false")},`,
|
|
`set: ${runtimeTemplate.returningFunction("false")},`
|
|
]),
|
|
"}",
|
|
// we don't fully emulate ES Module semantics in this Proxy to align with normal webpack esm namespace object.
|
|
"return new Proxy(ns, handler);"
|
|
])};`;
|
|
}
|
|
}
|
|
|
|
module.exports.MakeDeferredNamespaceObjectRuntimeModule =
|
|
MakeDeferredNamespaceObjectRuntimeModule;
|
|
module.exports.MakeOptimizedDeferredNamespaceObjectRuntimeModule =
|
|
MakeOptimizedDeferredNamespaceObjectRuntimeModule;
|
|
module.exports.getMakeDeferredNamespaceModeFromExportsType =
|
|
getMakeDeferredNamespaceModeFromExportsType;
|
|
module.exports.getOptimizedDeferredModule = getOptimizedDeferredModule;
|