You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
2.3 KiB
TypeScript
91 lines
2.3 KiB
TypeScript
import { createRoot, Root } from 'react-dom/client';
|
|
import { SessionQRCode, SessionQRCodeProps } from '../components/SessionQRCode';
|
|
import { convertIconToImageURL } from '../hooks/useIconToImageURL';
|
|
import { UserUtils } from '../session/utils';
|
|
import { sleepFor } from '../session/utils/Promise';
|
|
import { LightBoxOptions } from '../state/ducks/modalDialog';
|
|
|
|
export function prepareQRCodeForLightBox(fileName: string, url: string, onClose?: () => void) {
|
|
const attachment = {
|
|
fileName,
|
|
url,
|
|
fileSize: '',
|
|
path: url,
|
|
id: 0,
|
|
contentType: 'image/jpeg',
|
|
screenshot: null,
|
|
thumbnail: null,
|
|
};
|
|
const lightBoxOptions: LightBoxOptions = {
|
|
media: [
|
|
{
|
|
index: 0,
|
|
objectURL: url,
|
|
contentType: 'image/jpeg',
|
|
attachment,
|
|
messageSender: UserUtils.getOurPubKeyStrFromCache(),
|
|
messageTimestamp: -1,
|
|
messageId: '',
|
|
},
|
|
],
|
|
attachment,
|
|
onClose,
|
|
};
|
|
|
|
return lightBoxOptions;
|
|
}
|
|
|
|
export async function renderQRCode(props: SessionQRCodeProps, filename: string): Promise<string> {
|
|
let url = '';
|
|
|
|
let root: HTMLElement | null = null;
|
|
let divElement: HTMLDivElement | null = null;
|
|
let reactRoot: Root | null = null;
|
|
|
|
try {
|
|
root = document.querySelector('#root');
|
|
divElement = document.createElement('div');
|
|
divElement.style.display = 'none';
|
|
root?.appendChild(divElement);
|
|
|
|
let logoImage = props.logoImage;
|
|
|
|
if (props.hasLogo) {
|
|
const { dataUrl } = await convertIconToImageURL(props.hasLogo);
|
|
logoImage = dataUrl;
|
|
}
|
|
|
|
reactRoot = createRoot(divElement!);
|
|
reactRoot.render(
|
|
<SessionQRCode
|
|
id={props.id}
|
|
value={props.value}
|
|
size={props.size}
|
|
hasLogo={props.hasLogo}
|
|
logoImage={logoImage}
|
|
logoSize={props.logoSize}
|
|
/>
|
|
);
|
|
// wait for it to render
|
|
await sleepFor(100);
|
|
|
|
const qrCanvas = root?.querySelector(`#${props.id}-canvas`);
|
|
if (qrCanvas) {
|
|
url = (qrCanvas as HTMLCanvasElement).toDataURL('image/jpeg');
|
|
} else {
|
|
throw Error('QR Code canvas not found');
|
|
}
|
|
} catch (err) {
|
|
window.log.error(`[saveBWQRCode] failed for ${filename}`, err);
|
|
} finally {
|
|
if (reactRoot) {
|
|
reactRoot?.unmount();
|
|
}
|
|
if (divElement) {
|
|
root?.removeChild(divElement);
|
|
}
|
|
}
|
|
|
|
return url;
|
|
}
|