0.0.1 • Published 9 months ago
@hiogawa/vite-plugin-server-asset v0.0.1
vite-plugin-server-asset
vitePluginFetchUrlImportMetaUrl
This plugin allows server side asset loading using fetch(new URL("...", import.meta.url)).
This pattern is available on Next.js edge runtime
and also it might become possible on NodeJs.
const fallbackFont = fetch(
new URL("./noto-sans-v27-latin-regular.ttf", import.meta.url),
).then((res) => res.arrayBuffer());
// ⇓⇓⇓ transform
// buildMode: "fs"
const fallbackFont = (async () => {
const fs = await import("node:fs");
const { fileURLToPath } = await import("node:url");
return new Response(
fs.readFileSync(
fileURLToPath(
new URL("noto-sans-v27-latin-regular-CirskmZh.ttf", import.meta.url).href,
),
),
);
})().then((res) => res.arrayBuffer());
// buildMode: "import"
const fallbackFont = import("./noto-sans-v27-latin-regular.ttf-CirskmZh.bin")
.then((mod) => new Response(mod.default))
.then((res) => res.arrayBuffer());vitePluginWasmModule
This plugin enables .wasm?module import as a uniform syntax to initialize WebAssembly.Module
since Cloudflare requires .wasm to be initialized through import.
import resvg_wasm from "./resvg.wasm?module";
// ⇓⇓⇓ transform
// buildMode: "fs"
const resvg_wasm = new WebAssembly.Module(
fs.readFileSync(
fileURLToPath(new URL("resvg-Cjh1zH0p.wasm", import.meta.url).href),
),
);
// buildMode: "import"
import __wasm_B7t_kJnM from "./resvg-Cjh1zH0p.wasm"hooks
Custom hooks are provided to run .bin and .wasm on Node.
// to import "xxx.bin"
// node --import '@hiogawa/vite-plugin-server-asset/hooks/register-data'
// or programatically
import { register } from "node:module"
register("@hiogawa/vite-plugin-server-asset/hooks/data", import.meta.url);
// to import "xxx.wasm"
// node --import '@hiogawa/vite-plugin-server-asset/hooks/register-wasm'
// or programatically
import { register } from "node:module"
register("@hiogawa/vite-plugin-server-asset/hooks/wasm", import.meta.url);