Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve performance and bundled size #6

Merged
merged 10 commits into from
Feb 29, 2024
Merged

Improve performance and bundled size #6

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
a1c96b2
test the file contents
kevlened Feb 27, 2024
99ae1f3
use base64 instead of an integer array
kevlened Feb 27, 2024
8c05a31
single to double-quoted strings
kevlened Feb 27, 2024
dc080d0
consistent semicolons
kevlened Feb 27, 2024
f32a74a
make isomorphic
kevlened Feb 27, 2024
118e0f3
simple version, but vitest doesn't start
kevlened Feb 28, 2024
a6d0c6a
resolve base64 decode with native module
tachibana-shin Feb 29, 2024
20acbb7
decode with `atob` if exists on `self`
tachibana-shin Feb 29, 2024
3f7635e
update doc
tachibana-shin Feb 29, 2024
55e547e
fix test
tachibana-shin Feb 29, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,6 @@
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main-web.ts"></script>
</body>
</html>
86 changes: 56 additions & 30 deletions src/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,49 @@ import { promises } from "fs";
// eslint-disable-next-line n/no-extraneous-import
import { PluginOption } from "vite";

const decode64Raw = `function b64ToUint6(nChr) {
return nChr > 64 && nChr < 91
? nChr - 65
: nChr > 96 && nChr < 123
? nChr - 71
: nChr > 47 && nChr < 58
? nChr + 4
: nChr === 43
? 62
: nChr === 47
? 63
: 0
}

export default function base64ToUint8(sBase64, nBlocksSize) {
const sB64Enc = sBase64.replace(/[^A-Za-z0-9+/]/g, "")
const nInLen = sB64Enc.length
const nOutLen = nBlocksSize
? Math.ceil(((nInLen * 3 + 1) >> 2) / nBlocksSize) * nBlocksSize
: (nInLen * 3 + 1) >> 2
const taBytes = new Uint8Array(nOutLen)

let nMod3
let nMod4
let nUint24 = 0
let nOutIdx = 0
for (let nInIdx = 0; nInIdx < nInLen; nInIdx++) {
nMod4 = nInIdx & 3
nUint24 |= b64ToUint6(sB64Enc.charCodeAt(nInIdx)) << (6 * (3 - nMod4))
if (nMod4 === 3 || nInLen - nInIdx === 1) {
nMod3 = 0
while (nMod3 < 3 && nOutIdx < nOutLen) {
taBytes[nOutIdx] = (nUint24 >>> ((16 >>> nMod3) & 24)) & 255
nMod3++
nOutIdx++
}
nUint24 = 0
}
}

return taBytes
}`

export default function vitePluginArraybuffer(): PluginOption {
return {
name: "vite-plugin-arraybuffer",
Expand All @@ -11,12 +54,19 @@ export default function vitePluginArraybuffer(): PluginOption {
id.endsWith("?arraybuffer") ||
id.endsWith("?uint8array") ||
id.endsWith("?arraybuffer&base64") ||
id.endsWith("?uint8array&base64")
id.endsWith("?uint8array&base64") ||
id === "virtual:decode-64"
) {
return id
}

return;
return
},
load(id) {
if (id === "virtual:decode-64") {
return decode64Raw
}
return
},
async transform(_src, id) {
if (id.endsWith("?arraybuffer")) {
Expand All @@ -36,46 +86,22 @@ export default function vitePluginArraybuffer(): PluginOption {
])`;
}
if (id.endsWith("?arraybuffer&base64")) {
const file = id.slice(0, -12)
const file = id.slice(0, -19)
this.addWatchFile(file)

const buffer = await promises.readFile(file)
const b64 = buffer.toString("base64")

return `
function toUint8(b64) {
let bin = atob(b64);
let len = bin.length;
let bytes = new Uint8Array(len);
for (let i = 0; i < len; i++) {
bytes[i] = bin.charCodeAt(i);
}
return bytes;
}

export default toUint8("${b64}").buffer
`
return `import decode64 from 'virtual:decode-64'\nexport default decode64("${b64}").buffer`
}
if (id.endsWith("?uint8array&base64")) {
const file = id.slice(0, -11)
const file = id.slice(0, -18)
this.addWatchFile(file)

const buffer = await promises.readFile(file)
const b64 = buffer.toString("base64")

return `
function toUint8(b64) {
let bin = atob(b64);
let len = bin.length;
let bytes = new Uint8Array(len);
for (let i = 0; i < len; i++) {
bytes[i] = bin.charCodeAt(i);
}
return bytes;
}

export default toUint8("${b64}")
`
return `import decode64 from 'virtual:decode-64'\nexport default decode64("${b64}")`
}

return;
Expand Down