cosmic-edit/src/text_box.rs

507 lines
16 KiB
Rust
Raw Normal View History

2023-02-10 07:42:05 -07:00
// SPDX-License-Identifier: GPL-3.0-only
2023-02-07 13:00:49 -07:00
use cosmic::{
iced::{
2023-02-07 13:00:49 -07:00
event::{Event, Status},
keyboard::{Event as KeyEvent, KeyCode, Modifiers},
2023-02-07 13:00:49 -07:00
mouse::{self, Button, Event as MouseEvent, ScrollDelta},
Color, Element, Length, Padding, Rectangle, Size,
},
iced_core::{
clipboard::Clipboard,
image,
layout::{self, Layout},
2023-02-07 13:00:49 -07:00
renderer,
widget::{self, tree, Widget},
Shell,
2023-02-07 13:00:49 -07:00
},
2023-03-14 13:41:49 -06:00
theme::{Theme, ThemeType},
2023-02-07 13:00:49 -07:00
};
2023-10-31 20:41:52 -06:00
use cosmic_text::{Action, Edit, Metrics};
use std::{cell::Cell, cmp, sync::Mutex, time::Instant};
2023-02-07 13:00:49 -07:00
2023-10-30 10:23:59 -06:00
use crate::{FONT_SYSTEM, SWASH_CACHE};
2023-03-17 18:48:56 -06:00
2023-02-07 13:00:49 -07:00
pub struct Appearance {
background_color: Option<Color>,
text_color: Color,
}
pub trait StyleSheet {
fn appearance(&self) -> Appearance;
}
impl StyleSheet for Theme {
fn appearance(&self) -> Appearance {
2023-03-14 13:41:49 -06:00
match self.theme_type {
ThemeType::Dark | ThemeType::HighContrastDark => Appearance {
2023-02-07 13:00:49 -07:00
background_color: Some(Color::from_rgb8(0x34, 0x34, 0x34)),
text_color: Color::from_rgb8(0xFF, 0xFF, 0xFF),
},
2023-03-14 13:41:49 -06:00
ThemeType::Light | ThemeType::HighContrastLight => Appearance {
2023-02-07 13:00:49 -07:00
background_color: Some(Color::from_rgb8(0xFC, 0xFC, 0xFC)),
text_color: Color::from_rgb8(0x00, 0x00, 0x00),
},
//TODO: what to return for these?
_ => Appearance {
background_color: Some(Color::from_rgb8(0x34, 0x34, 0x34)),
text_color: Color::from_rgb8(0xFF, 0xFF, 0xFF),
},
2023-02-07 13:00:49 -07:00
}
}
}
pub struct TextBox<'a, Editor> {
editor: &'a Mutex<Editor>,
padding: Padding,
}
impl<'a, Editor> TextBox<'a, Editor> {
pub fn new(editor: &'a Mutex<Editor>) -> Self {
Self {
editor,
padding: Padding::new(0.0),
2023-02-07 13:00:49 -07:00
}
}
pub fn padding<P: Into<Padding>>(mut self, padding: P) -> Self {
self.padding = padding.into();
self
}
}
pub fn text_box<'a, Editor>(editor: &'a Mutex<Editor>) -> TextBox<'a, Editor> {
TextBox::new(editor)
}
//TODO: improve performance
fn draw_rect(
buffer: &mut [u32],
image_w: i32,
image_h: i32,
start_x: i32,
start_y: i32,
w: i32,
h: i32,
color: u32,
) {
let alpha = (color >> 24) & 0xFF;
if alpha == 0 {
// Do not draw if alpha is zero
return;
} else if alpha >= 255 {
// Handle overwrite
for y in start_y..start_y + h {
if y < 0 || y >= image_h {
// Skip if y out of bounds
continue;
}
2023-02-07 13:00:49 -07:00
let line_offset = y as usize * image_w as usize;
for x in start_x..start_x + w {
if x < 0 || x >= image_w {
// Skip if x out of bounds
continue;
}
let offset = line_offset + x as usize;
buffer[offset] = color;
}
}
2023-02-07 13:00:49 -07:00
} else {
let n_alpha = 255 - alpha;
for y in start_y..start_y + h {
if y < 0 || y >= image_h {
// Skip if y out of bounds
continue;
}
let line_offset = y as usize * image_w as usize;
for x in start_x..start_x + w {
if x < 0 || x >= image_w {
// Skip if x out of bounds
continue;
}
2023-02-07 13:00:49 -07:00
// Alpha blend with current value
let offset = line_offset + x as usize;
let current = buffer[offset];
let rb = ((n_alpha * (current & 0x00FF00FF)) + (alpha * (color & 0x00FF00FF))) >> 8;
let ag = (n_alpha * ((current & 0xFF00FF00) >> 8))
+ (alpha * (0x01000000 | ((color & 0x0000FF00) >> 8)));
buffer[offset] = (rb & 0x00FF00FF) | (ag & 0xFF00FF00);
}
}
}
2023-02-07 13:00:49 -07:00
}
impl<'a, 'editor, Editor, Message, Renderer> Widget<Message, Renderer> for TextBox<'a, Editor>
where
Renderer: renderer::Renderer + image::Renderer<Handle = image::Handle>,
Renderer::Theme: StyleSheet,
2023-03-17 18:48:56 -06:00
Editor: Edit,
2023-02-07 13:00:49 -07:00
{
fn tag(&self) -> tree::Tag {
tree::Tag::of::<State>()
}
fn state(&self) -> tree::State {
tree::State::new(State::new())
}
fn width(&self) -> Length {
Length::Fill
}
fn height(&self) -> Length {
Length::Fill
}
fn layout(&self, _renderer: &Renderer, limits: &layout::Limits) -> layout::Node {
let limits = limits.width(Length::Fill).height(Length::Fill);
//TODO: allow lazy shape
let mut editor = self.editor.lock().unwrap();
2023-03-17 18:48:56 -06:00
editor
.borrow_with(&mut FONT_SYSTEM.lock().unwrap())
.buffer_mut()
.shape_until(i32::max_value());
2023-02-07 13:00:49 -07:00
let mut layout_lines = 0;
for line in editor.buffer().lines.iter() {
match line.layout_opt() {
Some(layout) => layout_lines += layout.len(),
None => (),
}
}
2023-03-17 18:48:56 -06:00
let height = layout_lines as f32 * editor.buffer().metrics().line_height;
2023-02-07 13:00:49 -07:00
let size = Size::new(limits.max().width, height);
layout::Node::new(limits.resolve(size))
}
fn mouse_interaction(
&self,
_tree: &widget::Tree,
layout: Layout<'_>,
cursor_position: mouse::Cursor,
2023-02-07 13:00:49 -07:00
_viewport: &Rectangle,
_renderer: &Renderer,
) -> mouse::Interaction {
if cursor_position.is_over(layout.bounds()) {
2023-02-07 13:00:49 -07:00
mouse::Interaction::Text
} else {
mouse::Interaction::Idle
}
}
fn draw(
&self,
tree: &widget::Tree,
renderer: &mut Renderer,
theme: &Renderer::Theme,
2023-03-24 07:55:07 -06:00
style: &renderer::Style,
2023-02-07 13:00:49 -07:00
layout: Layout<'_>,
_cursor_position: mouse::Cursor,
2023-02-07 13:00:49 -07:00
viewport: &Rectangle,
) {
2023-03-24 07:55:07 -06:00
let instant = Instant::now();
2023-02-07 13:00:49 -07:00
let state = tree.state.downcast_ref::<State>();
let appearance = theme.appearance();
if let Some(background_color) = appearance.background_color {
renderer.fill_quad(
renderer::Quad {
bounds: layout.bounds(),
border_radius: 0.0.into(),
border_width: 0.0,
border_color: Color::TRANSPARENT,
},
background_color,
);
}
let text_color = cosmic_text::Color::rgba(
cmp::max(0, cmp::min(255, (appearance.text_color.r * 255.0) as i32)) as u8,
cmp::max(0, cmp::min(255, (appearance.text_color.g * 255.0) as i32)) as u8,
cmp::max(0, cmp::min(255, (appearance.text_color.b * 255.0) as i32)) as u8,
cmp::max(0, cmp::min(255, (appearance.text_color.a * 255.0) as i32)) as u8,
);
let mut editor = self.editor.lock().unwrap();
let view_w = cmp::min(viewport.width as i32, layout.bounds().width as i32)
- self.padding.horizontal() as i32;
let view_h = cmp::min(viewport.height as i32, layout.bounds().height as i32)
- self.padding.vertical() as i32;
2023-03-17 18:48:56 -06:00
2023-10-31 20:41:52 -06:00
let scale_factor = style.scale_factor;
let image_w = (view_w as f64 * scale_factor) as i32;
let image_h = (view_h as f64 * scale_factor) as i32;
2023-10-31 09:34:34 -06:00
let scrollbar_w = (8.0 * scale_factor) as i32;
2023-10-20 13:12:26 -06:00
2023-10-31 09:34:34 -06:00
if image_w <= scrollbar_w || image_h <= 0 {
2023-10-11 19:32:04 -06:00
// Zero sized image
return;
}
2023-03-24 07:55:07 -06:00
2023-03-17 18:48:56 -06:00
let mut font_system = FONT_SYSTEM.lock().unwrap();
let mut editor = editor.borrow_with(&mut font_system);
2023-10-31 20:41:52 -06:00
// Set metrics and size
editor.buffer_mut().set_metrics_and_size(
//TODO: get from config
Metrics::new(14.0, 20.0).scale(scale_factor as f32),
image_w as f32,
image_h as f32,
);
2023-02-07 13:00:49 -07:00
2023-10-31 20:41:52 -06:00
// Shape and layout as needed
2023-03-24 07:55:07 -06:00
editor.shape_as_needed();
2023-02-07 13:00:49 -07:00
2023-10-11 18:54:29 -06:00
if editor.buffer().redraw() {
// Draw to pixel buffer
let mut pixels = vec![0; image_w as usize * image_h as usize * 4];
{
let buffer = unsafe {
std::slice::from_raw_parts_mut(
pixels.as_mut_ptr() as *mut u32,
pixels.len() / 4,
)
};
editor.draw(
2023-10-30 10:23:59 -06:00
&mut SWASH_CACHE.lock().unwrap(),
2023-10-11 18:54:29 -06:00
text_color,
|x, y, w, h, color| {
draw_rect(buffer, image_w, image_h, x, y, w as i32, h as i32, color.0);
},
);
2023-10-31 09:34:34 -06:00
// Draw scrollbar
{
let mut start_line_opt = None;
let mut end_line = 0;
for run in editor.buffer().layout_runs() {
end_line = run.line_i;
if start_line_opt.is_none() {
start_line_opt = Some(end_line);
}
}
let start_line = start_line_opt.unwrap_or(end_line);
let lines = editor.buffer().lines.len();
let start_y = (start_line * image_h as usize) / lines;
let end_y = (end_line * image_h as usize) / lines;
if end_y > start_y {
draw_rect(
buffer,
image_w,
image_h,
image_w - scrollbar_w,
start_y as i32,
scrollbar_w,
(end_y - start_y) as i32,
0x40FFFFFF,
);
}
}
2023-10-11 18:54:29 -06:00
}
2023-02-07 13:00:49 -07:00
2023-10-11 18:54:29 -06:00
// Clear redraw flag
editor.buffer_mut().set_redraw(false);
2023-10-31 20:41:52 -06:00
state.scale_factor.set(scale_factor);
2023-10-11 18:54:29 -06:00
*state.handle.lock().unwrap() =
image::Handle::from_pixels(image_w as u32, image_h as u32, pixels);
}
2023-03-24 07:55:07 -06:00
2023-10-11 18:54:29 -06:00
let handle = state.handle.lock().unwrap().clone();
2023-02-07 13:00:49 -07:00
image::Renderer::draw(
renderer,
handle,
Rectangle::new(
layout.position() + [self.padding.left as f32, self.padding.top as f32].into(),
Size::new(view_w as f32, view_h as f32),
),
);
let duration = instant.elapsed();
log::debug!("redraw {}, {}: {:?}", view_w, view_h, duration);
}
fn on_event(
&mut self,
tree: &mut widget::Tree,
event: Event,
layout: Layout<'_>,
cursor_position: mouse::Cursor,
2023-02-07 13:00:49 -07:00
_renderer: &Renderer,
_clipboard: &mut dyn Clipboard,
_shell: &mut Shell<'_, Message>,
_viewport: &Rectangle<f32>,
2023-02-07 13:00:49 -07:00
) -> Status {
let state = tree.state.downcast_mut::<State>();
2023-10-31 20:41:52 -06:00
let scale_factor = state.scale_factor.get() as f32;
2023-02-07 13:00:49 -07:00
let mut editor = self.editor.lock().unwrap();
2023-03-17 18:48:56 -06:00
let mut font_system = FONT_SYSTEM.lock().unwrap();
let mut editor = editor.borrow_with(&mut font_system);
2023-02-07 13:00:49 -07:00
let mut status = Status::Ignored;
match event {
Event::Keyboard(KeyEvent::KeyPressed {
key_code,
modifiers,
}) => match key_code {
KeyCode::Left => {
editor.action(Action::Left);
status = Status::Captured;
}
KeyCode::Right => {
editor.action(Action::Right);
status = Status::Captured;
}
KeyCode::Up => {
editor.action(Action::Up);
status = Status::Captured;
}
KeyCode::Down => {
editor.action(Action::Down);
status = Status::Captured;
}
KeyCode::Home => {
editor.action(Action::Home);
status = Status::Captured;
}
KeyCode::End => {
editor.action(Action::End);
status = Status::Captured;
}
KeyCode::PageUp => {
editor.action(Action::PageUp);
status = Status::Captured;
}
KeyCode::PageDown => {
editor.action(Action::PageDown);
status = Status::Captured;
}
KeyCode::Escape => {
editor.action(Action::Escape);
status = Status::Captured;
}
KeyCode::Enter => {
editor.action(Action::Enter);
status = Status::Captured;
}
KeyCode::Backspace => {
editor.action(Action::Backspace);
status = Status::Captured;
}
KeyCode::Delete => {
editor.action(Action::Delete);
status = Status::Captured;
}
2023-11-01 13:33:10 -06:00
KeyCode::Tab => {
if modifiers.shift() {
editor.action(Action::Unindent);
} else {
editor.action(Action::Indent);
}
status = Status::Captured;
}
2023-02-07 13:00:49 -07:00
_ => (),
},
Event::Keyboard(KeyEvent::ModifiersChanged(modifiers)) => {
state.modifiers = modifiers;
}
2023-02-07 13:00:49 -07:00
Event::Keyboard(KeyEvent::CharacterReceived(character)) => {
// Only parse keys when Super, Ctrl, and Alt are not pressed
if !state.modifiers.logo() && !state.modifiers.control() && !state.modifiers.alt() {
match character {
2023-11-01 13:33:10 -06:00
'\n' | '\r' | '\t' => {}
_ => {
editor.action(Action::Insert(character));
}
2023-10-20 13:12:26 -06:00
}
status = Status::Captured;
2023-10-20 13:12:26 -06:00
}
2023-02-07 13:00:49 -07:00
}
Event::Mouse(MouseEvent::ButtonPressed(Button::Left)) => {
if let Some(p) = cursor_position.position_in(layout.bounds()) {
2023-02-07 13:00:49 -07:00
editor.action(Action::Click {
2023-10-31 20:41:52 -06:00
x: ((p.x - self.padding.left) * scale_factor) as i32,
y: ((p.y - self.padding.top) * scale_factor) as i32,
2023-02-07 13:00:49 -07:00
});
state.is_dragging = true;
status = Status::Captured;
}
}
Event::Mouse(MouseEvent::ButtonReleased(Button::Left)) => {
state.is_dragging = false;
status = Status::Captured;
}
Event::Mouse(MouseEvent::CursorMoved { .. }) => {
if state.is_dragging {
if let Some(p) = cursor_position.position() {
editor.action(Action::Drag {
2023-10-31 20:41:52 -06:00
x: (((p.x - layout.bounds().x) - self.padding.left) * scale_factor)
as i32,
y: (((p.y - layout.bounds().y) - self.padding.top) * scale_factor)
as i32,
});
}
2023-02-07 13:00:49 -07:00
status = Status::Captured;
}
}
Event::Mouse(MouseEvent::WheelScrolled { delta }) => match delta {
ScrollDelta::Lines { x, y } => {
editor.action(Action::Scroll {
lines: (-y * 6.0) as i32,
});
status = Status::Captured;
}
_ => (),
},
_ => (),
}
status
}
}
impl<'a, 'editor, Editor, Message, Renderer> From<TextBox<'a, Editor>>
for Element<'a, Message, Renderer>
where
Renderer: renderer::Renderer + image::Renderer<Handle = image::Handle>,
Renderer::Theme: StyleSheet,
2023-03-17 18:48:56 -06:00
Editor: Edit,
2023-02-07 13:00:49 -07:00
{
fn from(text_box: TextBox<'a, Editor>) -> Self {
Self::new(text_box)
}
}
pub struct State {
modifiers: Modifiers,
2023-02-07 13:00:49 -07:00
is_dragging: bool,
2023-10-31 20:41:52 -06:00
scale_factor: Cell<f64>,
2023-10-11 18:54:29 -06:00
handle: Mutex<image::Handle>,
2023-02-07 13:00:49 -07:00
}
impl State {
/// Creates a new [`State`].
pub fn new() -> State {
State {
modifiers: Modifiers::empty(),
2023-02-07 13:00:49 -07:00
is_dragging: false,
2023-10-31 20:41:52 -06:00
scale_factor: Cell::new(1.0),
2023-10-11 18:54:29 -06:00
//TODO: make option!
handle: Mutex::new(image::Handle::from_pixels(1, 1, vec![0, 0, 0, 0])),
2023-02-07 13:00:49 -07:00
}
}
}