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>
372 lines
12 KiB
JavaScript
372 lines
12 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const util = require("util");
|
|
const { SyncWaterfallHook } = require("tapable");
|
|
const RuntimeGlobals = require("./RuntimeGlobals");
|
|
const memoize = require("./util/memoize");
|
|
|
|
/** @typedef {import("tapable").Tap} Tap */
|
|
/** @typedef {import("webpack-sources").Source} Source */
|
|
/** @typedef {import("../declarations/WebpackOptions").Output} OutputOptions */
|
|
/** @typedef {import("./ModuleTemplate")} ModuleTemplate */
|
|
/** @typedef {import("./Chunk")} Chunk */
|
|
/** @typedef {import("./Compilation")} Compilation */
|
|
/** @typedef {import("./Compilation").AssetInfo} AssetInfo */
|
|
/** @typedef {import("./Compilation").InterpolatedPathAndAssetInfo} InterpolatedPathAndAssetInfo */
|
|
/** @typedef {import("./util/Hash")} Hash */
|
|
/** @typedef {import("./DependencyTemplates")} DependencyTemplates */
|
|
/** @typedef {import("./javascript/JavascriptModulesPlugin").RenderBootstrapContext} RenderBootstrapContext */
|
|
/** @typedef {import("./Template").RenderManifestOptions} RenderManifestOptions */
|
|
/** @typedef {import("./Template").RenderManifestEntry} RenderManifestEntry */
|
|
/** @typedef {import("./TemplatedPathPlugin").TemplatePath} TemplatePath */
|
|
/** @typedef {import("./TemplatedPathPlugin").PathData} PathData */
|
|
/**
|
|
* @template T
|
|
* @typedef {import("tapable").IfSet<T>} IfSet
|
|
*/
|
|
|
|
const getJavascriptModulesPlugin = memoize(() =>
|
|
require("./javascript/JavascriptModulesPlugin")
|
|
);
|
|
const getJsonpTemplatePlugin = memoize(() =>
|
|
require("./web/JsonpTemplatePlugin")
|
|
);
|
|
const getLoadScriptRuntimeModule = memoize(() =>
|
|
require("./runtime/LoadScriptRuntimeModule")
|
|
);
|
|
|
|
// TODO webpack 6 remove this class
|
|
class MainTemplate {
|
|
/**
|
|
* @param {OutputOptions} outputOptions output options for the MainTemplate
|
|
* @param {Compilation} compilation the compilation
|
|
*/
|
|
constructor(outputOptions, compilation) {
|
|
/** @type {OutputOptions} */
|
|
this._outputOptions = outputOptions || {};
|
|
this.hooks = Object.freeze({
|
|
renderManifest: {
|
|
tap: util.deprecate(
|
|
/**
|
|
* @template AdditionalOptions
|
|
* @param {string | Tap & IfSet<AdditionalOptions>} options options
|
|
* @param {(renderManifestEntries: RenderManifestEntry[], renderManifestOptions: RenderManifestOptions) => RenderManifestEntry[]} fn fn
|
|
*/
|
|
(options, fn) => {
|
|
compilation.hooks.renderManifest.tap(
|
|
options,
|
|
(entries, options) => {
|
|
if (!options.chunk.hasRuntime()) return entries;
|
|
return fn(entries, options);
|
|
}
|
|
);
|
|
},
|
|
"MainTemplate.hooks.renderManifest is deprecated (use Compilation.hooks.renderManifest instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_RENDER_MANIFEST"
|
|
)
|
|
},
|
|
modules: {
|
|
tap: () => {
|
|
throw new Error(
|
|
"MainTemplate.hooks.modules has been removed (there is no replacement, please create an issue to request that)"
|
|
);
|
|
}
|
|
},
|
|
moduleObj: {
|
|
tap: () => {
|
|
throw new Error(
|
|
"MainTemplate.hooks.moduleObj has been removed (there is no replacement, please create an issue to request that)"
|
|
);
|
|
}
|
|
},
|
|
require: {
|
|
tap: util.deprecate(
|
|
/**
|
|
* @template AdditionalOptions
|
|
* @param {string | Tap & IfSet<AdditionalOptions>} options options
|
|
* @param {(value: string, renderBootstrapContext: RenderBootstrapContext) => string} fn fn
|
|
*/
|
|
(options, fn) => {
|
|
getJavascriptModulesPlugin()
|
|
.getCompilationHooks(compilation)
|
|
.renderRequire.tap(options, fn);
|
|
},
|
|
"MainTemplate.hooks.require is deprecated (use JavascriptModulesPlugin.getCompilationHooks().renderRequire instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_REQUIRE"
|
|
)
|
|
},
|
|
beforeStartup: {
|
|
tap: () => {
|
|
throw new Error(
|
|
"MainTemplate.hooks.beforeStartup has been removed (use RuntimeGlobals.startupOnlyBefore instead)"
|
|
);
|
|
}
|
|
},
|
|
startup: {
|
|
tap: () => {
|
|
throw new Error(
|
|
"MainTemplate.hooks.startup has been removed (use RuntimeGlobals.startup instead)"
|
|
);
|
|
}
|
|
},
|
|
afterStartup: {
|
|
tap: () => {
|
|
throw new Error(
|
|
"MainTemplate.hooks.afterStartup has been removed (use RuntimeGlobals.startupOnlyAfter instead)"
|
|
);
|
|
}
|
|
},
|
|
render: {
|
|
tap: util.deprecate(
|
|
/**
|
|
* @template AdditionalOptions
|
|
* @param {string | Tap & IfSet<AdditionalOptions>} options options
|
|
* @param {(source: Source, chunk: Chunk, hash: string | undefined, moduleTemplate: ModuleTemplate, dependencyTemplates: DependencyTemplates) => Source} fn fn
|
|
*/
|
|
(options, fn) => {
|
|
getJavascriptModulesPlugin()
|
|
.getCompilationHooks(compilation)
|
|
.render.tap(options, (source, renderContext) => {
|
|
if (
|
|
renderContext.chunkGraph.getNumberOfEntryModules(
|
|
renderContext.chunk
|
|
) === 0 ||
|
|
!renderContext.chunk.hasRuntime()
|
|
) {
|
|
return source;
|
|
}
|
|
return fn(
|
|
source,
|
|
renderContext.chunk,
|
|
compilation.hash,
|
|
compilation.moduleTemplates.javascript,
|
|
compilation.dependencyTemplates
|
|
);
|
|
});
|
|
},
|
|
"MainTemplate.hooks.render is deprecated (use JavascriptModulesPlugin.getCompilationHooks().render instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_RENDER"
|
|
)
|
|
},
|
|
renderWithEntry: {
|
|
tap: util.deprecate(
|
|
/**
|
|
* @template AdditionalOptions
|
|
* @param {string | Tap & IfSet<AdditionalOptions>} options options
|
|
* @param {(source: Source, chunk: Chunk, hash: string | undefined) => Source} fn fn
|
|
*/
|
|
(options, fn) => {
|
|
getJavascriptModulesPlugin()
|
|
.getCompilationHooks(compilation)
|
|
.render.tap(options, (source, renderContext) => {
|
|
if (
|
|
renderContext.chunkGraph.getNumberOfEntryModules(
|
|
renderContext.chunk
|
|
) === 0 ||
|
|
!renderContext.chunk.hasRuntime()
|
|
) {
|
|
return source;
|
|
}
|
|
return fn(source, renderContext.chunk, compilation.hash);
|
|
});
|
|
},
|
|
"MainTemplate.hooks.renderWithEntry is deprecated (use JavascriptModulesPlugin.getCompilationHooks().render instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_RENDER_WITH_ENTRY"
|
|
)
|
|
},
|
|
assetPath: {
|
|
tap: util.deprecate(
|
|
/**
|
|
* @template AdditionalOptions
|
|
* @param {string | Tap & IfSet<AdditionalOptions>} options options
|
|
* @param {(value: string, path: PathData, assetInfo: AssetInfo | undefined) => string} fn fn
|
|
*/
|
|
(options, fn) => {
|
|
compilation.hooks.assetPath.tap(options, fn);
|
|
},
|
|
"MainTemplate.hooks.assetPath is deprecated (use Compilation.hooks.assetPath instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_ASSET_PATH"
|
|
),
|
|
call: util.deprecate(
|
|
/**
|
|
* @param {TemplatePath} filename used to get asset path with hash
|
|
* @param {PathData} options context data
|
|
* @returns {string} interpolated path
|
|
*/
|
|
(filename, options) => compilation.getAssetPath(filename, options),
|
|
"MainTemplate.hooks.assetPath is deprecated (use Compilation.hooks.assetPath instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_ASSET_PATH"
|
|
)
|
|
},
|
|
hash: {
|
|
tap: util.deprecate(
|
|
/**
|
|
* @template AdditionalOptions
|
|
* @param {string | Tap & IfSet<AdditionalOptions>} options options
|
|
* @param {(hash: Hash) => void} fn fn
|
|
*/
|
|
(options, fn) => {
|
|
compilation.hooks.fullHash.tap(options, fn);
|
|
},
|
|
"MainTemplate.hooks.hash is deprecated (use Compilation.hooks.fullHash instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_HASH"
|
|
)
|
|
},
|
|
hashForChunk: {
|
|
tap: util.deprecate(
|
|
/**
|
|
* @template AdditionalOptions
|
|
* @param {string | Tap & IfSet<AdditionalOptions>} options options
|
|
* @param {(hash: Hash, chunk: Chunk) => void} fn fn
|
|
*/
|
|
(options, fn) => {
|
|
getJavascriptModulesPlugin()
|
|
.getCompilationHooks(compilation)
|
|
.chunkHash.tap(options, (chunk, hash) => {
|
|
if (!chunk.hasRuntime()) return;
|
|
return fn(hash, chunk);
|
|
});
|
|
},
|
|
"MainTemplate.hooks.hashForChunk is deprecated (use JavascriptModulesPlugin.getCompilationHooks().chunkHash instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_HASH_FOR_CHUNK"
|
|
)
|
|
},
|
|
globalHashPaths: {
|
|
tap: util.deprecate(
|
|
() => {},
|
|
"MainTemplate.hooks.globalHashPaths has been removed (it's no longer needed)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_HASH_FOR_CHUNK"
|
|
)
|
|
},
|
|
globalHash: {
|
|
tap: util.deprecate(
|
|
() => {},
|
|
"MainTemplate.hooks.globalHash has been removed (it's no longer needed)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_HASH_FOR_CHUNK"
|
|
)
|
|
},
|
|
hotBootstrap: {
|
|
tap: () => {
|
|
throw new Error(
|
|
"MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)"
|
|
);
|
|
}
|
|
},
|
|
|
|
// for compatibility:
|
|
/** @type {SyncWaterfallHook<[string, Chunk, string, ModuleTemplate, DependencyTemplates]>} */
|
|
bootstrap: new SyncWaterfallHook([
|
|
"source",
|
|
"chunk",
|
|
"hash",
|
|
"moduleTemplate",
|
|
"dependencyTemplates"
|
|
]),
|
|
/** @type {SyncWaterfallHook<[string, Chunk, string]>} */
|
|
localVars: new SyncWaterfallHook(["source", "chunk", "hash"]),
|
|
/** @type {SyncWaterfallHook<[string, Chunk, string]>} */
|
|
requireExtensions: new SyncWaterfallHook(["source", "chunk", "hash"]),
|
|
/** @type {SyncWaterfallHook<[string, Chunk, string, string]>} */
|
|
requireEnsure: new SyncWaterfallHook([
|
|
"source",
|
|
"chunk",
|
|
"hash",
|
|
"chunkIdExpression"
|
|
]),
|
|
get jsonpScript() {
|
|
const hooks =
|
|
getLoadScriptRuntimeModule().getCompilationHooks(compilation);
|
|
return hooks.createScript;
|
|
},
|
|
get linkPrefetch() {
|
|
const hooks = getJsonpTemplatePlugin().getCompilationHooks(compilation);
|
|
return hooks.linkPrefetch;
|
|
},
|
|
get linkPreload() {
|
|
const hooks = getJsonpTemplatePlugin().getCompilationHooks(compilation);
|
|
return hooks.linkPreload;
|
|
}
|
|
});
|
|
|
|
this.renderCurrentHashCode = util.deprecate(
|
|
/**
|
|
* @deprecated
|
|
* @param {string} hash the hash
|
|
* @param {number=} length length of the hash
|
|
* @returns {string} generated code
|
|
*/
|
|
(hash, length) => {
|
|
if (length) {
|
|
return `${RuntimeGlobals.getFullHash} ? ${
|
|
RuntimeGlobals.getFullHash
|
|
}().slice(0, ${length}) : ${hash.slice(0, length)}`;
|
|
}
|
|
return `${RuntimeGlobals.getFullHash} ? ${RuntimeGlobals.getFullHash}() : ${hash}`;
|
|
},
|
|
"MainTemplate.renderCurrentHashCode is deprecated (use RuntimeGlobals.getFullHash runtime function instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_RENDER_CURRENT_HASH_CODE"
|
|
);
|
|
|
|
this.getPublicPath = util.deprecate(
|
|
/**
|
|
* @param {PathData} options context data
|
|
* @returns {string} interpolated path
|
|
*/ (options) =>
|
|
compilation.getAssetPath(compilation.outputOptions.publicPath, options),
|
|
"MainTemplate.getPublicPath is deprecated (use Compilation.getAssetPath(compilation.outputOptions.publicPath, options) instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_GET_PUBLIC_PATH"
|
|
);
|
|
|
|
this.getAssetPath = util.deprecate(
|
|
/**
|
|
* @param {TemplatePath} path used to get asset path with hash
|
|
* @param {PathData} options context data
|
|
* @returns {string} interpolated path
|
|
*/
|
|
(path, options) => compilation.getAssetPath(path, options),
|
|
"MainTemplate.getAssetPath is deprecated (use Compilation.getAssetPath instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_GET_ASSET_PATH"
|
|
);
|
|
|
|
this.getAssetPathWithInfo = util.deprecate(
|
|
/**
|
|
* @param {TemplatePath} path used to get asset path with hash
|
|
* @param {PathData} options context data
|
|
* @returns {InterpolatedPathAndAssetInfo} interpolated path and asset info
|
|
*/
|
|
(path, options) => compilation.getAssetPathWithInfo(path, options),
|
|
"MainTemplate.getAssetPathWithInfo is deprecated (use Compilation.getAssetPath instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_GET_ASSET_PATH_WITH_INFO"
|
|
);
|
|
}
|
|
}
|
|
|
|
Object.defineProperty(MainTemplate.prototype, "requireFn", {
|
|
get: util.deprecate(
|
|
() => RuntimeGlobals.require,
|
|
`MainTemplate.requireFn is deprecated (use "${RuntimeGlobals.require}")`,
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_REQUIRE_FN"
|
|
)
|
|
});
|
|
|
|
Object.defineProperty(MainTemplate.prototype, "outputOptions", {
|
|
get: util.deprecate(
|
|
/**
|
|
* @this {MainTemplate}
|
|
* @returns {OutputOptions} output options
|
|
*/
|
|
function outputOptions() {
|
|
return this._outputOptions;
|
|
},
|
|
"MainTemplate.outputOptions is deprecated (use Compilation.outputOptions instead)",
|
|
"DEP_WEBPACK_MAIN_TEMPLATE_OUTPUT_OPTIONS"
|
|
)
|
|
});
|
|
|
|
module.exports = MainTemplate;
|