Skip to content

Commit 396a0a0

Browse files
committed
Improve client side bundle size
1 parent 696f08a commit 396a0a0

File tree

7 files changed

+927
-6722
lines changed

7 files changed

+927
-6722
lines changed
File renamed without changes.

media/dagre-d3.core.min.js

Lines changed: 117 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

media/dagre-d3.min.js

Lines changed: 0 additions & 6711 deletions
This file was deleted.

media/dagre.core.min.js

Lines changed: 509 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

media/graphlib.core.min.js

Lines changed: 143 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

media/lodash.min.js

Lines changed: 139 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/webView.ts

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,20 @@ export const createWebviewPanel = (context: vscode.ExtensionContext) => {
1818
return panel;
1919
};
2020

21-
export function renderTemplate(extensionPath: string) {
22-
const scriptPathOnDisk = vscode.Uri.file(path.join(extensionPath, "media", "main.js"));
23-
const scriptPathOnDisk2 = vscode.Uri.file(path.join(extensionPath, "media", "d3min.js"));
24-
const scriptPathOnDisk3 = vscode.Uri.file(path.join(extensionPath, "media", "dagre-d3.min.js"));
25-
const scriptUri = scriptPathOnDisk.with({ scheme: "vscode-resource" });
26-
const scriptUri2 = scriptPathOnDisk2.with({ scheme: "vscode-resource" });
27-
const scriptUri3 = scriptPathOnDisk3.with({ scheme: "vscode-resource" });
21+
export const renderTemplate = (extensionPath: string) => {
2822
const nonce = getNonce();
23+
const fileNames2 = [
24+
"lodash.min.js",
25+
"d3.min.js",
26+
"graphlib.core.min.js",
27+
"dagre.core.min.js",
28+
"dagre-d3.core.min.js",
29+
"main.js",
30+
];
31+
32+
const uris = fileNames2.map((fileName) => {
33+
return vscode.Uri.file(path.join(extensionPath, "media", fileName)).with({ scheme: "vscode-resource" });
34+
});
2935

3036
return `<!DOCTYPE html>
3137
<html lang="en">
@@ -98,12 +104,14 @@ export function renderTemplate(extensionPath: string) {
98104
<div class="svgWrapper">
99105
<svg width="100%" height="100%"><g/></svg>
100106
</div>
101-
<script nonce="${nonce}" src="${scriptUri2}"></script>
102-
<script nonce="${nonce}" src="${scriptUri3}"></script>
103-
<script nonce="${nonce}" src="${scriptUri}"></script>
107+
${uris
108+
.map((uri) => {
109+
return `<script nonce="${nonce}" src="${uri}"></script>`;
110+
})
111+
.join("")}
104112
</body>
105113
</html>`;
106-
}
114+
};
107115

108116
function getNonce() {
109117
let text = "";

0 commit comments

Comments
 (0)