icd/rentgen
icd/rentgen
2
1
Fork 0
Code Issues 72 Pull Requests Projects Releases 6 Wiki Activity

Compare commits

base: icd:4f17c5164a44d6ad93f31e04297ec051979ee230
Branches Tags
icd:develop
icd:fix-checkbox
icd:unknown-purpose
icd:#64
icd:toolbar-design
icd:master
icd:0.1.10
icd:0.1.9
icd:0.1.8
icd:0.1.7
icd:0.1.6
icd:0.1.5
icd:0.1.4
icd:0.1.3
...
compare: icd:adf82b3dd60324785660fd3534c48f6bc321a2bc
Branches Tags
icd:develop
icd:fix-checkbox
icd:unknown-purpose
icd:#64
icd:toolbar-design
icd:master
icd:0.1.10
icd:0.1.9
icd:0.1.8
icd:0.1.7
icd:0.1.6
icd:0.1.5
icd:0.1.4
icd:0.1.3

4 Commits
4f17c5164a ... adf82b3dd6

Author SHA1 Message Date
Kuba Orlik
adf82b3dd6 Send to screenshot service only the domains that are marked 2022-07-15 12:11:24 +02:00
Kuba Orlik
520a26923e Reduce live preview flicker. Make the preview the first item 2022-07-15 12:11:11 +02:00
Kuba Orlik
7c4de6fc5c Use thumnbails instead of full screenshots for previews 2022-07-15 12:10:10 +02:00
Kuba Orlik
4163bf3cf7 Change preview width so it fits the entire screenshot 2022-07-15 12:09:29 +02:00
2 changed files with 30 additions and 18 deletions
Show Stats Expand all files Collapse all files

2
components/report-window/screenshot-generator.scss
View File

@ -39,7 +39,7 @@ h2 {
}
.browser {
height: 8.667rem;
height: 9.267rem;
font-weight: 800 !important;
color: $disabled-grey !important;
border: 1px solid $disabled-grey;

46
components/report-window/screenshot-generator.tsx
View File

@ -12,6 +12,7 @@ enum taskState {
type Screenshot = {
url: string;
thumb_url: string;
domain: string;
filename: string;
found_headers: string[];
@ -72,15 +73,19 @@ export default function ScreenshotGenerator({
const [output, setOutput] = React.useState<any>({});
const [currentAction, setCurrentAction] = React.useState<string>('');
const [preview, setPreview] = React.useState<string>('');
const [lastPreview, setLastPreview] = React.useState<string>('');
async function subscribeTask(path: string): Promise<screenshotTask> {
let response = { status: taskState.WAITING };
let last_preview = '';
while (response.status === taskState.WAITING || response.status === taskState.RUNNING) {
await new Promise((resolve) => setTimeout(resolve, 1000));
response = await (await pollTask(path)).json();
setImages((response as screenshotTask)?.images);
setCurrentAction((response as screenshotTask)?.current_action);
setLastPreview(last_preview);
setPreview((response as screenshotTask)?.preview);
last_preview = (response as screenshotTask)?.preview;
document.querySelector('.images')?.scrollTo({
top: document.querySelector('.images')?.scrollHeight,
behavior: 'smooth',
@ -152,11 +157,17 @@ export default function ScreenshotGenerator({
className="sv_next_btn"
onClick={async () => {
setMode('in_progress');
const task = await createTask(visited_url, Object.keys(clusters));
const task = await createTask(
visited_url,
Object.values(clusters)
.filter((cluster) => cluster.hasMarks())
.map((cluster) => cluster.id)
);
const urlArr = task.url.split('/');
setTaskId(urlArr[urlArr.length - 1]);
const response = await subscribeTask(task.url);
setImages(response.images);
setLastPreview(preview);
setPreview(response.preview);
setOutput(response);
setRequestPath(response.zip_url);
@ -190,13 +201,29 @@ export default function ScreenshotGenerator({
) : null}
<div className="images">
{mode === 'in_progress' ? (
<div
className="browser"
style={{
backgroundImage: `url(${SS_URL}${preview})${
lastPreview ? `, url(${SS_URL}${lastPreview})` : ''
}`,
}}
>
<div className="browser__header browser__header--in_progress">
<div className="browser__header--address-bar"></div>
<div className="browser__header--controls">· · ·</div>
</div>
<div className="browser__content"></div>
</div>
) : null}
{images.map((screenshot) => {
return (
<div
key={`${taskId}_${screenshot.url}`}
className="browser browser--filled"
style={{
backgroundImage: `url(${SS_URL}${screenshot.url})`,
backgroundImage: `url(${SS_URL}${screenshot.thumb_url})`,
}}
>
<div className="browser__header">
@ -209,21 +236,6 @@ export default function ScreenshotGenerator({
</div>
);
})}
{mode === 'in_progress' ? (
<div
className="browser"
style={{
backgroundImage: `url(${SS_URL}${preview})`,
}}
>
<div className="browser__header browser__header--in_progress">
<div className="browser__header--address-bar"></div>
<div className="browser__header--controls">· · ·</div>
</div>
<div className="browser__content"></div>
</div>
) : null}
</div>
</div>
<div className="buttons-container">