HtmlView.cpp 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412
  1. /*
  2. * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
  3. * All rights reserved.
  4. *
  5. * Redistribution and use in source and binary forms, with or without
  6. * modification, are permitted provided that the following conditions are met:
  7. *
  8. * 1. Redistributions of source code must retain the above copyright notice, this
  9. * list of conditions and the following disclaimer.
  10. *
  11. * 2. Redistributions in binary form must reproduce the above copyright notice,
  12. * this list of conditions and the following disclaimer in the documentation
  13. * and/or other materials provided with the distribution.
  14. *
  15. * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  16. * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  17. * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  18. * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
  19. * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  20. * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
  21. * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
  22. * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
  23. * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  24. * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  25. */
  26. #include <AK/FileSystemPath.h>
  27. #include <LibCore/File.h>
  28. #include <LibGUI/Application.h>
  29. #include <LibGUI/Painter.h>
  30. #include <LibGUI/ScrollBar.h>
  31. #include <LibGUI/Window.h>
  32. #include <LibGfx/PNGLoader.h>
  33. #include <LibHTML/DOM/Element.h>
  34. #include <LibHTML/DOM/ElementFactory.h>
  35. #include <LibHTML/DOM/HTMLAnchorElement.h>
  36. #include <LibHTML/DOM/HTMLImageElement.h>
  37. #include <LibHTML/DOM/Text.h>
  38. #include <LibHTML/Dump.h>
  39. #include <LibHTML/Frame.h>
  40. #include <LibHTML/HtmlView.h>
  41. #include <LibHTML/Layout/LayoutDocument.h>
  42. #include <LibHTML/Layout/LayoutNode.h>
  43. #include <LibHTML/Parser/HTMLParser.h>
  44. #include <LibHTML/RenderingContext.h>
  45. #include <LibHTML/ResourceLoader.h>
  46. #include <stdio.h>
  47. HtmlView::HtmlView()
  48. : m_main_frame(::Frame::create(*this))
  49. {
  50. main_frame().on_set_needs_display = [this](auto& content_rect) {
  51. if (content_rect.is_empty()) {
  52. update();
  53. return;
  54. }
  55. Gfx::Rect adjusted_rect = content_rect;
  56. adjusted_rect.set_location(to_widget_position(content_rect.location()));
  57. update(adjusted_rect);
  58. };
  59. set_should_hide_unnecessary_scrollbars(true);
  60. set_background_role(ColorRole::Base);
  61. }
  62. HtmlView::~HtmlView()
  63. {
  64. }
  65. void HtmlView::set_document(Document* new_document)
  66. {
  67. RefPtr<Document> old_document = document();
  68. if (new_document == old_document)
  69. return;
  70. if (old_document)
  71. old_document->on_layout_updated = nullptr;
  72. main_frame().set_document(new_document);
  73. if (new_document) {
  74. new_document->on_layout_updated = [this] {
  75. layout_and_sync_size();
  76. update();
  77. };
  78. }
  79. #ifdef HTML_DEBUG
  80. if (document != nullptr) {
  81. dbgprintf("\033[33;1mLayout tree before layout:\033[0m\n");
  82. ::dump_tree(*layout_root());
  83. }
  84. #endif
  85. layout_and_sync_size();
  86. update();
  87. }
  88. void HtmlView::layout_and_sync_size()
  89. {
  90. if (!document())
  91. return;
  92. bool had_vertical_scrollbar = vertical_scrollbar().is_visible();
  93. bool had_horizontal_scrollbar = horizontal_scrollbar().is_visible();
  94. main_frame().set_size(available_size());
  95. document()->layout();
  96. set_content_size(enclosing_int_rect(layout_root()->rect()).size());
  97. // NOTE: If layout caused us to gain or lose scrollbars, we have to lay out again
  98. // since the scrollbars now take up some of the available space.
  99. if (had_vertical_scrollbar != vertical_scrollbar().is_visible() || had_horizontal_scrollbar != horizontal_scrollbar().is_visible()) {
  100. main_frame().set_size(available_size());
  101. document()->layout();
  102. set_content_size(enclosing_int_rect(layout_root()->rect()).size());
  103. }
  104. main_frame().set_viewport_rect(visible_content_rect());
  105. #ifdef HTML_DEBUG
  106. dbgprintf("\033[33;1mLayout tree after layout:\033[0m\n");
  107. ::dump_tree(*layout_root());
  108. #endif
  109. }
  110. void HtmlView::resize_event(GUI::ResizeEvent& event)
  111. {
  112. GUI::ScrollableWidget::resize_event(event);
  113. layout_and_sync_size();
  114. }
  115. void HtmlView::paint_event(GUI::PaintEvent& event)
  116. {
  117. GUI::Frame::paint_event(event);
  118. GUI::Painter painter(*this);
  119. painter.add_clip_rect(widget_inner_rect());
  120. painter.add_clip_rect(event.rect());
  121. if (!layout_root()) {
  122. painter.fill_rect(event.rect(), palette().color(background_role()));
  123. return;
  124. }
  125. painter.fill_rect(event.rect(), document()->background_color(palette()));
  126. if (auto background_bitmap = document()->background_image()) {
  127. painter.draw_tiled_bitmap(event.rect(), *background_bitmap);
  128. }
  129. painter.translate(frame_thickness(), frame_thickness());
  130. painter.translate(-horizontal_scrollbar().value(), -vertical_scrollbar().value());
  131. RenderingContext context(painter, palette());
  132. context.set_should_show_line_box_borders(m_should_show_line_box_borders);
  133. context.set_viewport_rect(visible_content_rect());
  134. layout_root()->render(context);
  135. }
  136. void HtmlView::mousemove_event(GUI::MouseEvent& event)
  137. {
  138. if (!layout_root())
  139. return GUI::ScrollableWidget::mousemove_event(event);
  140. bool hovered_node_changed = false;
  141. bool is_hovering_link = false;
  142. bool was_hovering_link = document()->hovered_node() && document()->hovered_node()->is_link();
  143. auto result = layout_root()->hit_test(to_content_position(event.position()));
  144. const HTMLAnchorElement* hovered_link_element = nullptr;
  145. if (result.layout_node) {
  146. auto* node = result.layout_node->node();
  147. hovered_node_changed = node != document()->hovered_node();
  148. document()->set_hovered_node(const_cast<Node*>(node));
  149. if (node) {
  150. hovered_link_element = node->enclosing_link_element();
  151. if (hovered_link_element) {
  152. #ifdef HTML_DEBUG
  153. dbg() << "HtmlView: hovering over a link to " << hovered_link_element->href();
  154. #endif
  155. is_hovering_link = true;
  156. }
  157. }
  158. if (m_in_mouse_selection) {
  159. layout_root()->selection().set_end({ result.layout_node, result.index_in_node });
  160. dump_selection("MouseMove");
  161. update();
  162. }
  163. }
  164. if (window())
  165. window()->set_override_cursor(is_hovering_link ? GUI::StandardCursor::Hand : GUI::StandardCursor::None);
  166. if (hovered_node_changed) {
  167. update();
  168. auto* hovered_html_element = document()->hovered_node() ? document()->hovered_node()->enclosing_html_element() : nullptr;
  169. if (hovered_html_element && !hovered_html_element->title().is_null()) {
  170. auto screen_position = screen_relative_rect().location().translated(event.position());
  171. GUI::Application::the().show_tooltip(hovered_html_element->title(), screen_position.translated(4, 4));
  172. } else {
  173. GUI::Application::the().hide_tooltip();
  174. }
  175. }
  176. if (is_hovering_link != was_hovering_link) {
  177. if (on_link_hover) {
  178. on_link_hover(hovered_link_element ? document()->complete_url(hovered_link_element->href()).to_string() : String());
  179. }
  180. }
  181. event.accept();
  182. }
  183. void HtmlView::mousedown_event(GUI::MouseEvent& event)
  184. {
  185. if (!layout_root())
  186. return GUI::ScrollableWidget::mousemove_event(event);
  187. bool hovered_node_changed = false;
  188. auto result = layout_root()->hit_test(to_content_position(event.position()));
  189. if (result.layout_node) {
  190. auto* node = result.layout_node->node();
  191. hovered_node_changed = node != document()->hovered_node();
  192. document()->set_hovered_node(const_cast<Node*>(node));
  193. if (node) {
  194. if (auto* link = node->enclosing_link_element()) {
  195. dbg() << "HtmlView: clicking on a link to " << link->href();
  196. if (on_link_click)
  197. on_link_click(link->href());
  198. } else {
  199. if (event.button() == GUI::MouseButton::Left) {
  200. layout_root()->selection().set({ result.layout_node, result.index_in_node }, {});
  201. dump_selection("MouseDown");
  202. m_in_mouse_selection = true;
  203. }
  204. }
  205. }
  206. }
  207. if (hovered_node_changed)
  208. update();
  209. event.accept();
  210. }
  211. void HtmlView::mouseup_event(GUI::MouseEvent& event)
  212. {
  213. if (!layout_root())
  214. return GUI::ScrollableWidget::mouseup_event(event);
  215. if (event.button() == GUI::MouseButton::Left) {
  216. dump_selection("MouseUp");
  217. m_in_mouse_selection = false;
  218. }
  219. }
  220. void HtmlView::keydown_event(GUI::KeyEvent& event)
  221. {
  222. if (event.modifiers() == 0) {
  223. switch (event.key()) {
  224. case Key_Home:
  225. vertical_scrollbar().set_value(0);
  226. break;
  227. case Key_End:
  228. vertical_scrollbar().set_value(vertical_scrollbar().max());
  229. break;
  230. case Key_Down:
  231. vertical_scrollbar().set_value(vertical_scrollbar().value() + vertical_scrollbar().step());
  232. break;
  233. case Key_Up:
  234. vertical_scrollbar().set_value(vertical_scrollbar().value() - vertical_scrollbar().step());
  235. break;
  236. case Key_Left:
  237. horizontal_scrollbar().set_value(horizontal_scrollbar().value() + horizontal_scrollbar().step());
  238. break;
  239. case Key_Right:
  240. horizontal_scrollbar().set_value(horizontal_scrollbar().value() - horizontal_scrollbar().step());
  241. break;
  242. case Key_PageDown:
  243. vertical_scrollbar().set_value(vertical_scrollbar().value() + frame_inner_rect().height());
  244. break;
  245. case Key_PageUp:
  246. vertical_scrollbar().set_value(vertical_scrollbar().value() - frame_inner_rect().height());
  247. break;
  248. }
  249. }
  250. event.accept();
  251. }
  252. void HtmlView::reload()
  253. {
  254. load(main_frame().document()->url());
  255. }
  256. static RefPtr<Document> create_image_document(const ByteBuffer& data, const URL& url)
  257. {
  258. auto document = adopt(*new Document);
  259. document->set_url(url);
  260. auto bitmap = Gfx::load_png_from_memory(data.data(), data.size());
  261. ASSERT(bitmap);
  262. auto html_element = create_element(document, "html");
  263. document->append_child(html_element);
  264. auto head_element = create_element(document, "head");
  265. html_element->append_child(head_element);
  266. auto title_element = create_element(document, "title");
  267. head_element->append_child(title_element);
  268. auto basename = FileSystemPath(url.path()).basename();
  269. auto title_text = adopt(*new Text(document, String::format("%s [%dx%d]", basename.characters(), bitmap->width(), bitmap->height())));
  270. title_element->append_child(title_text);
  271. auto body_element = create_element(document, "body");
  272. html_element->append_child(body_element);
  273. auto image_element = create_element(document, "img");
  274. image_element->set_attribute("src", url.to_string());
  275. body_element->append_child(image_element);
  276. return document;
  277. }
  278. void HtmlView::load(const URL& url)
  279. {
  280. dbg() << "HtmlView::load: " << url;
  281. if (window())
  282. window()->set_override_cursor(GUI::StandardCursor::None);
  283. if (on_load_start)
  284. on_load_start(url);
  285. ResourceLoader::the().load(url, [this, url](auto data) {
  286. if (data.is_null()) {
  287. dbg() << "Load failed!";
  288. ASSERT_NOT_REACHED();
  289. }
  290. RefPtr<Document> document;
  291. if (url.path().ends_with(".png")) {
  292. document = create_image_document(data, url);
  293. } else {
  294. document = parse_html_document(data, url);
  295. }
  296. ASSERT(document);
  297. set_document(document);
  298. if (on_title_change)
  299. on_title_change(document->title());
  300. });
  301. }
  302. const LayoutDocument* HtmlView::layout_root() const
  303. {
  304. return document() ? document()->layout_node() : nullptr;
  305. }
  306. LayoutDocument* HtmlView::layout_root()
  307. {
  308. if (!document())
  309. return nullptr;
  310. return const_cast<LayoutDocument*>(document()->layout_node());
  311. }
  312. void HtmlView::scroll_to_anchor(const StringView& name)
  313. {
  314. if (!document())
  315. return;
  316. auto* element = document()->get_element_by_id(name);
  317. if (!element) {
  318. auto candidates = document()->get_elements_by_name(name);
  319. for (auto* candidate : candidates) {
  320. if (is<HTMLAnchorElement>(*candidate)) {
  321. element = to<HTMLAnchorElement>(candidate);
  322. break;
  323. }
  324. }
  325. }
  326. if (!element) {
  327. dbg() << "HtmlView::scroll_to_anchor(): Anchor not found: '" << name << "'";
  328. return;
  329. }
  330. if (!element->layout_node()) {
  331. dbg() << "HtmlView::scroll_to_anchor(): Anchor found but without layout node: '" << name << "'";
  332. return;
  333. }
  334. auto& layout_node = *element->layout_node();
  335. Gfx::FloatRect float_rect { layout_node.box_type_agnostic_position(), { (float)visible_content_rect().width(), (float)visible_content_rect().height() } };
  336. scroll_into_view(enclosing_int_rect(float_rect), true, true);
  337. window()->set_override_cursor(GUI::StandardCursor::None);
  338. }
  339. Document* HtmlView::document()
  340. {
  341. return main_frame().document();
  342. }
  343. const Document* HtmlView::document() const
  344. {
  345. return main_frame().document();
  346. }
  347. void HtmlView::dump_selection(const char* event_name)
  348. {
  349. dbg() << event_name << " selection start: "
  350. << layout_root()->selection().start().layout_node << ":" << layout_root()->selection().start().index_in_node << ", end: "
  351. << layout_root()->selection().end().layout_node << ":" << layout_root()->selection().end().index_in_node;
  352. }
  353. void HtmlView::did_scroll()
  354. {
  355. main_frame().set_viewport_rect(visible_content_rect());
  356. }