popertotsandSisyphus
584c02ac6c
Add client-side multi-format image encoding via Web Workers using @jsquash and @discourse/jxl libraries. ImageVariant Svelte component renders <picture> elements with format-aware fallback. Vite configured for WASM asset inclusion and encoder dependency exclusion. Portfolio page updated to use multi-format URLs. Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
12 lines
485 B
TypeScript
12 lines
485 B
TypeScript
import { init, default as encode } from '@jsquash/jpeg/encode.js';
|
|
|
|
self.onmessage = async (e: MessageEvent<{ imageData: ImageData; quality: number }>) => {
|
|
try {
|
|
await init({ locateFile: (path: string) => `/${path}` });
|
|
const encoded = await encode(e.data.imageData, { quality: e.data.quality });
|
|
self.postMessage({ encoded, format: 'jpg' }, { transfer: [encoded as Transferable] });
|
|
} catch (err) {
|
|
self.postMessage({ error: (err as Error).message, format: 'jpg' });
|
|
}
|
|
};
|