549 lines
20 KiB
Rust
549 lines
20 KiB
Rust
use crate::gif::{handle_repaint, retrieve_latest_texture};
|
|
use crate::ui::images::render_images;
|
|
use crate::ui::{
|
|
self,
|
|
note::{NoteOptions, NoteResponse},
|
|
};
|
|
use crate::{actionbar::NoteAction, images::ImageType, timeline::TimelineKind};
|
|
use egui::{Button, Color32, Hyperlink, Image, Response, RichText, Sense, Window};
|
|
use nostrdb::{BlockType, Mention, Ndb, Note, NoteKey, Transaction};
|
|
use tracing::warn;
|
|
|
|
use notedeck::{supported_mime_hosted_at_url, Images, MediaCacheType, NoteCache};
|
|
|
|
pub struct NoteContents<'a> {
|
|
ndb: &'a Ndb,
|
|
img_cache: &'a mut Images,
|
|
note_cache: &'a mut NoteCache,
|
|
txn: &'a Transaction,
|
|
note: &'a Note<'a>,
|
|
note_key: NoteKey,
|
|
options: NoteOptions,
|
|
action: Option<NoteAction>,
|
|
}
|
|
|
|
impl<'a> NoteContents<'a> {
|
|
#[allow(clippy::too_many_arguments)]
|
|
pub fn new(
|
|
ndb: &'a Ndb,
|
|
img_cache: &'a mut Images,
|
|
note_cache: &'a mut NoteCache,
|
|
txn: &'a Transaction,
|
|
note: &'a Note,
|
|
note_key: NoteKey,
|
|
options: ui::note::NoteOptions,
|
|
) -> Self {
|
|
NoteContents {
|
|
ndb,
|
|
img_cache,
|
|
note_cache,
|
|
txn,
|
|
note,
|
|
note_key,
|
|
options,
|
|
action: None,
|
|
}
|
|
}
|
|
|
|
pub fn action(&self) -> &Option<NoteAction> {
|
|
&self.action
|
|
}
|
|
}
|
|
|
|
impl egui::Widget for &mut NoteContents<'_> {
|
|
fn ui(self, ui: &mut egui::Ui) -> egui::Response {
|
|
let result = render_note_contents(
|
|
ui,
|
|
self.ndb,
|
|
self.img_cache,
|
|
self.note_cache,
|
|
self.txn,
|
|
self.note,
|
|
self.note_key,
|
|
self.options,
|
|
);
|
|
self.action = result.action;
|
|
result.response
|
|
}
|
|
}
|
|
|
|
/// Render an inline note preview with a border. These are used when
|
|
/// notes are references within a note
|
|
#[allow(clippy::too_many_arguments)]
|
|
pub fn render_note_preview(
|
|
ui: &mut egui::Ui,
|
|
ndb: &Ndb,
|
|
note_cache: &mut NoteCache,
|
|
img_cache: &mut Images,
|
|
txn: &Transaction,
|
|
id: &[u8; 32],
|
|
parent: NoteKey,
|
|
note_options: NoteOptions,
|
|
) -> NoteResponse {
|
|
#[cfg(feature = "profiling")]
|
|
puffin::profile_function!();
|
|
|
|
let note = if let Ok(note) = ndb.get_note_by_id(txn, id) {
|
|
// TODO: support other preview kinds
|
|
if note.kind() == 1 {
|
|
note
|
|
} else {
|
|
return NoteResponse::new(ui.colored_label(
|
|
Color32::RED,
|
|
format!("TODO: can't preview kind {}", note.kind()),
|
|
));
|
|
}
|
|
} else {
|
|
return NoteResponse::new(ui.colored_label(Color32::RED, "TODO: COULD NOT LOAD"));
|
|
/*
|
|
return ui
|
|
.horizontal(|ui| {
|
|
ui.spacing_mut().item_spacing.x = 0.0;
|
|
ui.colored_label(link_color, "@");
|
|
ui.colored_label(link_color, &id_str[4..16]);
|
|
})
|
|
.response;
|
|
*/
|
|
};
|
|
|
|
egui::Frame::none()
|
|
.fill(ui.visuals().noninteractive().weak_bg_fill)
|
|
.inner_margin(egui::Margin::same(8.0))
|
|
.outer_margin(egui::Margin::symmetric(0.0, 8.0))
|
|
.rounding(egui::Rounding::same(10.0))
|
|
.stroke(egui::Stroke::new(
|
|
1.0,
|
|
ui.visuals().noninteractive().bg_stroke.color,
|
|
))
|
|
.show(ui, |ui| {
|
|
ui::NoteView::new(ndb, note_cache, img_cache, ¬e, note_options)
|
|
.actionbar(false)
|
|
.small_pfp(true)
|
|
.wide(true)
|
|
.note_previews(false)
|
|
.options_button(true)
|
|
.parent(parent)
|
|
.show(ui)
|
|
})
|
|
.inner
|
|
}
|
|
|
|
#[allow(clippy::too_many_arguments)]
|
|
fn render_note_contents(
|
|
ui: &mut egui::Ui,
|
|
ndb: &Ndb,
|
|
img_cache: &mut Images,
|
|
note_cache: &mut NoteCache,
|
|
txn: &Transaction,
|
|
note: &Note,
|
|
note_key: NoteKey,
|
|
options: NoteOptions,
|
|
) -> NoteResponse {
|
|
#[cfg(feature = "profiling")]
|
|
puffin::profile_function!();
|
|
|
|
let selectable = options.has_selectable_text();
|
|
let mut images: Vec<(String, MediaCacheType)> = vec![];
|
|
let mut note_action: Option<NoteAction> = None;
|
|
let mut inline_note: Option<(&[u8; 32], &str)> = None;
|
|
let hide_media = options.has_hide_media();
|
|
let link_color = ui.visuals().hyperlink_color;
|
|
|
|
let response = ui.horizontal_wrapped(|ui| {
|
|
let blocks = if let Ok(blocks) = ndb.get_blocks_by_key(txn, note_key) {
|
|
blocks
|
|
} else {
|
|
warn!("missing note content blocks? '{}'", note.content());
|
|
ui.weak(note.content());
|
|
return;
|
|
};
|
|
|
|
ui.spacing_mut().item_spacing.x = 0.0;
|
|
|
|
for block in blocks.iter(note) {
|
|
match block.blocktype() {
|
|
BlockType::MentionBech32 => match block.as_mention().unwrap() {
|
|
Mention::Profile(profile) => {
|
|
let act = ui::Mention::new(ndb, img_cache, txn, profile.pubkey())
|
|
.show(ui)
|
|
.inner;
|
|
if act.is_some() {
|
|
note_action = act;
|
|
}
|
|
}
|
|
|
|
Mention::Pubkey(npub) => {
|
|
let act = ui::Mention::new(ndb, img_cache, txn, npub.pubkey())
|
|
.show(ui)
|
|
.inner;
|
|
if act.is_some() {
|
|
note_action = act;
|
|
}
|
|
}
|
|
|
|
Mention::Note(note) if options.has_note_previews() => {
|
|
inline_note = Some((note.id(), block.as_str()));
|
|
}
|
|
|
|
Mention::Event(note) if options.has_note_previews() => {
|
|
inline_note = Some((note.id(), block.as_str()));
|
|
}
|
|
|
|
_ => {
|
|
ui.colored_label(link_color, format!("@{}", &block.as_str()[4..16]));
|
|
}
|
|
},
|
|
|
|
BlockType::Hashtag => {
|
|
#[cfg(feature = "profiling")]
|
|
puffin::profile_scope!("hashtag contents");
|
|
let resp = ui.colored_label(link_color, format!("#{}", block.as_str()));
|
|
|
|
if resp.clicked() {
|
|
note_action = Some(NoteAction::OpenTimeline(TimelineKind::Hashtag(
|
|
block.as_str().to_string(),
|
|
)));
|
|
} else if resp.hovered() {
|
|
ui::show_pointer(ui);
|
|
}
|
|
}
|
|
|
|
BlockType::Url => {
|
|
let mut found_supported = || -> bool {
|
|
let url = block.as_str();
|
|
if let Some(cache_type) =
|
|
supported_mime_hosted_at_url(&mut img_cache.urls, url)
|
|
{
|
|
images.push((url.to_string(), cache_type));
|
|
true
|
|
} else {
|
|
false
|
|
}
|
|
};
|
|
if hide_media || !found_supported() {
|
|
#[cfg(feature = "profiling")]
|
|
puffin::profile_scope!("url contents");
|
|
ui.add(Hyperlink::from_label_and_url(
|
|
RichText::new(block.as_str()).color(link_color),
|
|
block.as_str(),
|
|
));
|
|
}
|
|
}
|
|
|
|
BlockType::Text => {
|
|
#[cfg(feature = "profiling")]
|
|
puffin::profile_scope!("text contents");
|
|
if options.has_scramble_text() {
|
|
ui.add(egui::Label::new(rot13(block.as_str())).selectable(selectable));
|
|
} else {
|
|
ui.add(egui::Label::new(block.as_str()).selectable(selectable));
|
|
}
|
|
}
|
|
|
|
_ => {
|
|
ui.colored_label(link_color, block.as_str());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
let preview_note_action = if let Some((id, _block_str)) = inline_note {
|
|
render_note_preview(ui, ndb, note_cache, img_cache, txn, id, note_key, options).action
|
|
} else {
|
|
None
|
|
};
|
|
|
|
if !images.is_empty() && !options.has_textmode() {
|
|
ui.add_space(2.0);
|
|
let carousel_id = egui::Id::new(("carousel", note.key().expect("expected tx note")));
|
|
image_carousel(ui, img_cache, images, carousel_id);
|
|
ui.add_space(2.0);
|
|
}
|
|
|
|
let note_action = preview_note_action.or(note_action);
|
|
|
|
NoteResponse::new(response.response).with_action(note_action)
|
|
}
|
|
|
|
fn rot13(input: &str) -> String {
|
|
input
|
|
.chars()
|
|
.map(|c| {
|
|
if c.is_ascii_lowercase() {
|
|
// Rotate lowercase letters
|
|
(((c as u8 - b'a' + 13) % 26) + b'a') as char
|
|
} else if c.is_ascii_uppercase() {
|
|
// Rotate uppercase letters
|
|
(((c as u8 - b'A' + 13) % 26) + b'A') as char
|
|
} else {
|
|
// Leave other characters unchanged
|
|
c
|
|
}
|
|
})
|
|
.collect()
|
|
}
|
|
|
|
fn image_carousel(
|
|
ui: &mut egui::Ui,
|
|
img_cache: &mut Images,
|
|
images: Vec<(String, MediaCacheType)>,
|
|
carousel_id: egui::Id,
|
|
) {
|
|
// let's make sure everything is within our area
|
|
|
|
let height = 360.0;
|
|
let width = ui.available_size().x;
|
|
let spinsz = if height > width { width } else { height };
|
|
|
|
let show_popup = ui.ctx().memory(|mem| {
|
|
mem.data
|
|
.get_temp(carousel_id.with("show_popup"))
|
|
.unwrap_or(false)
|
|
});
|
|
|
|
let current_image = show_popup.then(|| {
|
|
ui.ctx().memory(|mem| {
|
|
mem.data
|
|
.get_temp::<(String, MediaCacheType)>(carousel_id.with("current_image"))
|
|
.unwrap_or_else(|| (images[0].0.clone(), images[0].1.clone()))
|
|
})
|
|
});
|
|
|
|
ui.add_sized([width, height], |ui: &mut egui::Ui| {
|
|
egui::ScrollArea::horizontal()
|
|
.id_salt(carousel_id)
|
|
.show(ui, |ui| {
|
|
ui.horizontal(|ui| {
|
|
for (image, cache_type) in images {
|
|
render_images(
|
|
ui,
|
|
img_cache,
|
|
&image,
|
|
ImageType::Content,
|
|
cache_type.clone(),
|
|
|ui| {
|
|
ui.allocate_space(egui::vec2(spinsz, spinsz));
|
|
},
|
|
|ui, _| {
|
|
ui.allocate_space(egui::vec2(spinsz, spinsz));
|
|
},
|
|
|ui, url, renderable_media, gifs| {
|
|
let texture = handle_repaint(
|
|
ui,
|
|
retrieve_latest_texture(&image, gifs, renderable_media),
|
|
);
|
|
let img_resp = ui.add(
|
|
Button::image(
|
|
Image::new(texture)
|
|
.max_height(height)
|
|
.rounding(5.0)
|
|
.fit_to_original_size(1.0),
|
|
)
|
|
.frame(false),
|
|
);
|
|
|
|
if img_resp.clicked() {
|
|
ui.ctx().memory_mut(|mem| {
|
|
mem.data.insert_temp(carousel_id.with("show_popup"), true);
|
|
mem.data.insert_temp(
|
|
carousel_id.with("current_image"),
|
|
(image.clone(), cache_type.clone()),
|
|
);
|
|
});
|
|
}
|
|
|
|
copy_link(url, img_resp);
|
|
},
|
|
);
|
|
}
|
|
})
|
|
.response
|
|
})
|
|
.inner
|
|
});
|
|
|
|
if show_popup {
|
|
let current_image = current_image
|
|
.as_ref()
|
|
.expect("the image was actually clicked");
|
|
let image = current_image.clone().0;
|
|
let cache_type = current_image.clone().1;
|
|
|
|
Window::new("image_popup")
|
|
.title_bar(false)
|
|
.fixed_size(ui.ctx().screen_rect().size())
|
|
.fixed_pos(ui.ctx().screen_rect().min)
|
|
.frame(egui::Frame::none())
|
|
.show(ui.ctx(), |ui| {
|
|
let screen_rect = ui.ctx().screen_rect();
|
|
|
|
// escape
|
|
if ui.input(|i| i.key_pressed(egui::Key::Escape)) {
|
|
ui.ctx().memory_mut(|mem| {
|
|
mem.data.insert_temp(carousel_id.with("show_popup"), false);
|
|
});
|
|
}
|
|
|
|
// background
|
|
ui.painter()
|
|
.rect_filled(screen_rect, 0.0, Color32::from_black_alpha(230));
|
|
|
|
// zoom init
|
|
let zoom_id = carousel_id.with("zoom_level");
|
|
let mut zoom = ui
|
|
.ctx()
|
|
.memory(|mem| mem.data.get_temp(zoom_id).unwrap_or(1.0_f32));
|
|
|
|
// pan init
|
|
let pan_id = carousel_id.with("pan_offset");
|
|
let mut pan_offset = ui
|
|
.ctx()
|
|
.memory(|mem| mem.data.get_temp(pan_id).unwrap_or(egui::Vec2::ZERO));
|
|
|
|
// zoom & scroll
|
|
if ui.input(|i| i.pointer.hover_pos()).is_some() {
|
|
let scroll_delta = ui.input(|i| i.smooth_scroll_delta);
|
|
if scroll_delta.y != 0.0 {
|
|
let zoom_factor = if scroll_delta.y > 0.0 { 1.05 } else { 0.95 };
|
|
zoom *= zoom_factor;
|
|
zoom = zoom.clamp(0.1, 5.0);
|
|
|
|
if zoom <= 1.0 {
|
|
pan_offset = egui::Vec2::ZERO;
|
|
}
|
|
|
|
ui.ctx().memory_mut(|mem| {
|
|
mem.data.insert_temp(zoom_id, zoom);
|
|
mem.data.insert_temp(pan_id, pan_offset);
|
|
});
|
|
}
|
|
}
|
|
|
|
ui.centered_and_justified(|ui| {
|
|
render_images(
|
|
ui,
|
|
img_cache,
|
|
&image,
|
|
ImageType::Content,
|
|
cache_type.clone(),
|
|
|ui| {
|
|
ui.allocate_space(egui::vec2(spinsz, spinsz));
|
|
},
|
|
|ui, _| {
|
|
ui.allocate_space(egui::vec2(spinsz, spinsz));
|
|
},
|
|
|ui, url, renderable_media, gifs| {
|
|
let texture = handle_repaint(
|
|
ui,
|
|
retrieve_latest_texture(&image, gifs, renderable_media),
|
|
);
|
|
|
|
let texture_size = texture.size_vec2();
|
|
let screen_size = screen_rect.size();
|
|
let scale = (screen_size.x / texture_size.x)
|
|
.min(screen_size.y / texture_size.y)
|
|
.min(1.0);
|
|
let scaled_size = texture_size * scale * zoom;
|
|
|
|
let visible_width = scaled_size.x.min(screen_size.x);
|
|
let visible_height = scaled_size.y.min(screen_size.y);
|
|
|
|
let max_pan_x = ((scaled_size.x - visible_width) / 2.0).max(0.0);
|
|
let max_pan_y = ((scaled_size.y - visible_height) / 2.0).max(0.0);
|
|
|
|
if max_pan_x > 0.0 {
|
|
pan_offset.x = pan_offset.x.clamp(-max_pan_x, max_pan_x);
|
|
} else {
|
|
pan_offset.x = 0.0;
|
|
}
|
|
|
|
if max_pan_y > 0.0 {
|
|
pan_offset.y = pan_offset.y.clamp(-max_pan_y, max_pan_y);
|
|
} else {
|
|
pan_offset.y = 0.0;
|
|
}
|
|
|
|
let (rect, response) = ui.allocate_exact_size(
|
|
egui::vec2(visible_width, visible_height),
|
|
egui::Sense::click_and_drag(),
|
|
);
|
|
|
|
let uv_min = egui::pos2(
|
|
0.5 - (visible_width / scaled_size.x) / 2.0
|
|
+ pan_offset.x / scaled_size.x,
|
|
0.5 - (visible_height / scaled_size.y) / 2.0
|
|
+ pan_offset.y / scaled_size.y,
|
|
);
|
|
|
|
let uv_max = egui::pos2(
|
|
uv_min.x + visible_width / scaled_size.x,
|
|
uv_min.y + visible_height / scaled_size.y,
|
|
);
|
|
|
|
let uv = egui::Rect::from_min_max(uv_min, uv_max);
|
|
|
|
ui.painter()
|
|
.image(texture.id(), rect, uv, egui::Color32::WHITE);
|
|
let img_rect = ui.allocate_rect(rect, Sense::click());
|
|
|
|
if img_rect.clicked() {
|
|
ui.ctx().memory_mut(|mem| {
|
|
mem.data.insert_temp(carousel_id.with("show_popup"), true);
|
|
});
|
|
} else if img_rect.clicked_elsewhere() {
|
|
ui.ctx().memory_mut(|mem| {
|
|
mem.data.insert_temp(carousel_id.with("show_popup"), false);
|
|
});
|
|
}
|
|
|
|
// Handle dragging for pan
|
|
if response.dragged() {
|
|
let delta = response.drag_delta();
|
|
|
|
pan_offset.x -= delta.x;
|
|
pan_offset.y -= delta.y;
|
|
|
|
if max_pan_x > 0.0 {
|
|
pan_offset.x = pan_offset.x.clamp(-max_pan_x, max_pan_x);
|
|
} else {
|
|
pan_offset.x = 0.0;
|
|
}
|
|
|
|
if max_pan_y > 0.0 {
|
|
pan_offset.y = pan_offset.y.clamp(-max_pan_y, max_pan_y);
|
|
} else {
|
|
pan_offset.y = 0.0;
|
|
}
|
|
|
|
ui.ctx().memory_mut(|mem| {
|
|
mem.data.insert_temp(pan_id, pan_offset);
|
|
});
|
|
}
|
|
|
|
// reset zoom on double-click
|
|
if response.double_clicked() {
|
|
pan_offset = egui::Vec2::ZERO;
|
|
zoom = 1.0;
|
|
ui.ctx().memory_mut(|mem| {
|
|
mem.data.insert_temp(pan_id, pan_offset);
|
|
mem.data.insert_temp(zoom_id, zoom);
|
|
});
|
|
}
|
|
|
|
copy_link(url, response);
|
|
},
|
|
);
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
fn copy_link(url: &str, img_resp: Response) {
|
|
img_resp.context_menu(|ui| {
|
|
if ui.button("Copy Link").clicked() {
|
|
ui.ctx().copy_text(url.to_owned());
|
|
ui.close_menu();
|
|
}
|
|
});
|
|
}
|