1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
"use strict";
const RuntimeGlobals = require("../RuntimeGlobals");
const RuntimeModule = require("../RuntimeModule");
const Template = require("../Template");
/** @typedef {import("../Chunk")} Chunk */
/** @typedef {import("../Compilation")} Compilation */
/**
* @typedef {object} AsyncWasmLoadingRuntimeModuleOptions
* @property {function(string): string} generateLoadBinaryCode
* @property {boolean} supportsStreaming
*/
class AsyncWasmLoadingRuntimeModule extends RuntimeModule {
/**
* @param {AsyncWasmLoadingRuntimeModuleOptions} options options
*/
constructor({ generateLoadBinaryCode, supportsStreaming }) {
super("wasm loading", RuntimeModule.STAGE_NORMAL);
this.generateLoadBinaryCode = generateLoadBinaryCode;
this.supportsStreaming = supportsStreaming;
}
/**
* @returns {string | null} runtime code
*/
generate() {
const compilation = /** @type {Compilation} */ (this.compilation);
const chunk = /** @type {Chunk} */ (this.chunk);
const { outputOptions, runtimeTemplate } = compilation;
const fn = RuntimeGlobals.instantiateWasm;
const wasmModuleSrcPath = compilation.getPath(
JSON.stringify(outputOptions.webassemblyModuleFilename),
{
hash: `" + ${RuntimeGlobals.getFullHash}() + "`,
hashWithLength: length =>
`" + ${RuntimeGlobals.getFullHash}}().slice(0, ${length}) + "`,
module: {
id: '" + wasmModuleId + "',
hash: `" + wasmModuleHash + "`,
hashWithLength(length) {
return `" + wasmModuleHash.slice(0, ${length}) + "`;
}
},
runtime: chunk.runtime
}
);
const loader = this.generateLoadBinaryCode(wasmModuleSrcPath);
const fallback = [
`.then(${runtimeTemplate.returningFunction("x.arrayBuffer()", "x")})`,
`.then(${runtimeTemplate.returningFunction(
"WebAssembly.instantiate(bytes, importsObj)",
"bytes"
)})`,
`.then(${runtimeTemplate.returningFunction(
"Object.assign(exports, res.instance.exports)",
"res"
)})`
];
const getStreaming = () => {
const concat = (/** @type {string[]} */ ...text) => text.join("");
return [
`var req = ${loader};`,
`var fallback = ${runtimeTemplate.returningFunction(
Template.asString(["req", Template.indent(fallback)])
)};`,
concat(
"return req.then(",
runtimeTemplate.basicFunction("res", [
`if (typeof WebAssembly.instantiateStreaming === "function") {`,
Template.indent([
"return WebAssembly.instantiateStreaming(res, importsObj)",
Template.indent([
".then(",
Template.indent([
`${runtimeTemplate.returningFunction(
"Object.assign(exports, res.instance.exports)",
"res"
)},`,
runtimeTemplate.basicFunction("e", [
`if(res.headers.get("Content-Type") !== "application/wasm") {`,
Template.indent([
'console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\\n", e);',
"return fallback();"
]),
"}",
"throw e;"
])
]),
");"
])
]),
"}",
"return fallback();"
]),
");"
)
];
};
return `${fn} = ${runtimeTemplate.basicFunction(
"exports, wasmModuleId, wasmModuleHash, importsObj",
this.supportsStreaming
? getStreaming()
: [`return ${loader}`, `${Template.indent(fallback)};`]
)};`;
}
}
module.exports = AsyncWasmLoadingRuntimeModule;
|
