UNPKG

one

Version:

One is a new React Framework that makes Vite serve both native and web.

104 lines (103 loc) 3.47 kB
import fs from "node:fs"; import path from "node:path"; import { virtualEntryId } from "./virtualEntryConstants.mjs"; const MIME = { png: "image/png", jpg: "image/jpeg", jpeg: "image/jpeg", gif: "image/gif", webp: "image/webp", avif: "image/avif", bmp: "image/bmp", ico: "image/x-icon" }; const ASSET_EXT_RE = /\.(png|jpe?g|gif|webp|avif|bmp|ico)/; function inlineAssetImports(code, id) { if (!ASSET_EXT_RE.test(code)) return null; const importRe = /import\s+(\w+)\s+from\s*['"]([^'"?]+\.(?:png|jpe?g|gif|webp|avif|bmp|ico))['"]\s*;?/g; const base = id.split("?")[0]; let result = code; let changed = false; let m; const edits = []; while (m = importRe.exec(code)) { const [full, name, spec] = m; const abs = spec.startsWith(".") ? path.resolve(path.dirname(base), spec) : null; if (!abs || !fs.existsSync(abs)) continue; const ext = path.extname(abs).slice(1).toLowerCase(); const uri = `data:${MIME[ext] || "application/octet-stream"};base64,${fs.readFileSync(abs).toString("base64")}`; edits.push({ full, name, uri }); } for (const e of edits) { result = result.replace(e.full, `const ${e.name} = ${JSON.stringify(e.uri)};`); changed = true; } return changed ? { code: result, map: null } : null; } function webBundledAssetPlugin() { return { name: "one:web-bundled-asset", transform: (code, id) => inlineAssetImports(code, id) }; } function bundledDevPlugin(enabled) { return { name: "one:bundled-dev", // mirror the client's asset inlining on the server env so SSR emits the same // data-uris (the rolldown client plugin above can't reach the ssr pipeline). // bundledDev is off by default, so only register the hook when it's on, and // let rust pre-filter on the asset extensions inlineAssetImports looks for. ...(enabled ? { transform: { filter: { code: ASSET_EXT_RE }, handler(code, id) { const env = this.environment; if (!env || env.name !== "ssr" || env.mode !== "dev") return; return inlineAssetImports(code, id); } } } : {}), config(_userConfig, env) { if (!enabled || env.command !== "serve") return; return { experimental: { bundledDev: true }, environments: { client: { build: { rolldownOptions: { // bundle the virtual entry so FullBundleDev serves it at // /assets/_virtual_one-entry.js input: [virtualEntryId], plugins: [webBundledAssetPlugin()], experimental: { // rolldown 1.1.0 defaulted lazyBarrel ON, which breaks One's // index.mjs barrel re-exports under FullBundleDev (e.g. `Slot` // resolves to undefined). pin it off. lazyBarrel: false }, // react-native packages import native-only exports // (codegenNativeComponent, TurboModuleRegistry, …) from react-native // → aliased to react-native-web, which doesn't export them. shim as // undefined instead of failing the build (matches the dep optimizer). shimMissingExports: true } } } } }; } }; } export { bundledDevPlugin }; //# sourceMappingURL=bundledDevPlugin.mjs.map