EventLoop.cpp 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466
  1. /*
  2. * Copyright (c) 2021, Andreas Kling <kling@serenityos.org>
  3. * Copyright (c) 2022, the SerenityOS developers.
  4. *
  5. * SPDX-License-Identifier: BSD-2-Clause
  6. */
  7. #include <LibCore/EventLoop.h>
  8. #include <LibJS/Runtime/VM.h>
  9. #include <LibWeb/Bindings/MainThreadVM.h>
  10. #include <LibWeb/DOM/Document.h>
  11. #include <LibWeb/HTML/BrowsingContext.h>
  12. #include <LibWeb/HTML/EventLoop/EventLoop.h>
  13. #include <LibWeb/HTML/Scripting/Environments.h>
  14. #include <LibWeb/HTML/Window.h>
  15. #include <LibWeb/HighResolutionTime/Performance.h>
  16. #include <LibWeb/HighResolutionTime/TimeOrigin.h>
  17. #include <LibWeb/Page/Page.h>
  18. #include <LibWeb/Platform/EventLoopPlugin.h>
  19. #include <LibWeb/Platform/Timer.h>
  20. namespace Web::HTML {
  21. EventLoop::EventLoop()
  22. : m_task_queue(*this)
  23. , m_microtask_queue(*this)
  24. {
  25. }
  26. EventLoop::~EventLoop() = default;
  27. void EventLoop::schedule()
  28. {
  29. if (!m_system_event_loop_timer) {
  30. m_system_event_loop_timer = Platform::Timer::create_single_shot(0, [this] {
  31. process();
  32. });
  33. }
  34. if (!m_system_event_loop_timer->is_active())
  35. m_system_event_loop_timer->restart();
  36. }
  37. void EventLoop::set_vm(JS::VM& vm)
  38. {
  39. VERIFY(!m_vm);
  40. m_vm = &vm;
  41. }
  42. EventLoop& main_thread_event_loop()
  43. {
  44. return static_cast<Bindings::WebEngineCustomData*>(Bindings::main_thread_vm().custom_data())->event_loop;
  45. }
  46. // https://html.spec.whatwg.org/multipage/webappapis.html#spin-the-event-loop
  47. void EventLoop::spin_until(JS::SafeFunction<bool()> goal_condition)
  48. {
  49. // FIXME: The spec wants us to do the rest of the enclosing algorithm (i.e. the caller)
  50. // in the context of the currently running task on entry. That's not possible with this implementation.
  51. // 1. Let task be the event loop's currently running task.
  52. // 2. Let task source be task's source.
  53. // 3. Let old stack be a copy of the JavaScript execution context stack.
  54. // 4. Empty the JavaScript execution context stack.
  55. m_vm->save_execution_context_stack();
  56. m_vm->clear_execution_context_stack();
  57. // 5. Perform a microtask checkpoint.
  58. perform_a_microtask_checkpoint();
  59. // 6. In parallel:
  60. // 1. Wait until the condition goal is met.
  61. // 2. Queue a task on task source to:
  62. // 1. Replace the JavaScript execution context stack with old stack.
  63. // 2. Perform any steps that appear after this spin the event loop instance in the original algorithm.
  64. // NOTE: This is achieved by returning from the function.
  65. Platform::EventLoopPlugin::the().spin_until([&] {
  66. if (goal_condition())
  67. return true;
  68. if (m_task_queue.has_runnable_tasks()) {
  69. schedule();
  70. // FIXME: Remove the platform event loop plugin so that this doesn't look out of place
  71. Core::EventLoop::current().wake();
  72. }
  73. return goal_condition();
  74. });
  75. m_vm->restore_execution_context_stack();
  76. // 7. Stop task, allowing whatever algorithm that invoked it to resume.
  77. // NOTE: This is achieved by returning from the function.
  78. }
  79. // https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model
  80. void EventLoop::process()
  81. {
  82. // An event loop must continually run through the following steps for as long as it exists:
  83. // 1. Let oldestTask be null.
  84. OwnPtr<Task> oldest_task;
  85. // 2. Let taskStartTime be the current high resolution time.
  86. // FIXME: 'current high resolution time' in hr-time-3 takes a global object,
  87. // the HTML spec has not been updated to reflect this, let's use the shared timer.
  88. // - https://github.com/whatwg/html/issues/7776
  89. double task_start_time = HighResolutionTime::unsafe_shared_current_time();
  90. // 3. Let taskQueue be one of the event loop's task queues, chosen in an implementation-defined manner,
  91. // with the constraint that the chosen task queue must contain at least one runnable task.
  92. // If there is no such task queue, then jump to the microtasks step below.
  93. auto& task_queue = m_task_queue;
  94. // 4. Set oldestTask to the first runnable task in taskQueue, and remove it from taskQueue.
  95. oldest_task = task_queue.take_first_runnable();
  96. if (oldest_task) {
  97. // 5. Set the event loop's currently running task to oldestTask.
  98. m_currently_running_task = oldest_task.ptr();
  99. // 6. Perform oldestTask's steps.
  100. oldest_task->execute();
  101. // 7. Set the event loop's currently running task back to null.
  102. m_currently_running_task = nullptr;
  103. }
  104. // 8. Microtasks: Perform a microtask checkpoint.
  105. perform_a_microtask_checkpoint();
  106. // 9. Let hasARenderingOpportunity be false.
  107. [[maybe_unused]] bool has_a_rendering_opportunity = false;
  108. // FIXME: 10. Let now be the current high resolution time. [HRT]
  109. // FIXME: 11. If oldestTask is not null, then:
  110. // FIXME: 1. Let top-level browsing contexts be an empty set.
  111. // FIXME: 2. For each environment settings object settings of oldestTask's script evaluation environment settings object set, append setting's top-level browsing context to top-level browsing contexts.
  112. // FIXME: 3. Report long tasks, passing in taskStartTime, now (the end time of the task), top-level browsing contexts, and oldestTask.
  113. // FIXME: 12. Update the rendering: if this is a window event loop, then:
  114. // FIXME: 1. Let docs be all Document objects whose relevant agent's event loop is this event loop, sorted arbitrarily except that the following conditions must be met:
  115. // - Any Document B whose browsing context's container document is A must be listed after A in the list.
  116. // - If there are two documents A and B whose browsing contexts are both child browsing contexts whose container documents are another Document C, then the order of A and B in the list must match the shadow-including tree order of their respective browsing context containers in C's node tree.
  117. // FIXME: NOTE: The sort order specified above is missing here!
  118. Vector<JS::Handle<DOM::Document>> docs = documents_in_this_event_loop();
  119. auto for_each_fully_active_document_in_docs = [&](auto&& callback) {
  120. for (auto& document : docs) {
  121. if (document->is_fully_active())
  122. callback(*document);
  123. }
  124. };
  125. // 2. Rendering opportunities: Remove from docs all Document objects whose node navigables do not have a rendering opportunity.
  126. docs.remove_all_matching([&](auto& document) {
  127. return document->navigable() && !document->navigable()->has_a_rendering_opportunity();
  128. });
  129. // 3. If docs is not empty, then set hasARenderingOpportunity to true
  130. // and set this event loop's last render opportunity time to taskStartTime.
  131. if (!docs.is_empty()) {
  132. has_a_rendering_opportunity = true;
  133. m_last_render_opportunity_time = task_start_time;
  134. }
  135. // FIXME: 4. Unnecessary rendering: Remove from docs all Document objects which meet both of the following conditions:
  136. // - The user agent believes that updating the rendering of the Document's browsing context would have no visible effect, and
  137. // - The Document's map of animation frame callbacks is empty.
  138. // https://www.w3.org/TR/intersection-observer/#pending-initial-observation
  139. // In the HTML Event Loops Processing Model, under the "Update the rendering" step, the "Unnecessary rendering" step should be
  140. // modified to add an additional requirement for skipping the rendering update:
  141. // - The document does not have pending initial IntersectionObserver targets.
  142. // FIXME: 5. Remove from docs all Document objects for which the user agent believes that it's preferable to skip updating the rendering for other reasons.
  143. // FIXME: 6. For each fully active Document in docs, flush autofocus candidates for that Document if its browsing context is a top-level browsing context.
  144. // 7. For each fully active Document in docs, run the resize steps for that Document, passing in now as the timestamp. [CSSOMVIEW]
  145. for_each_fully_active_document_in_docs([&](DOM::Document& document) {
  146. document.run_the_resize_steps();
  147. });
  148. // 8. For each fully active Document in docs, run the scroll steps for that Document, passing in now as the timestamp. [CSSOMVIEW]
  149. for_each_fully_active_document_in_docs([&](DOM::Document& document) {
  150. document.run_the_scroll_steps();
  151. });
  152. // 9. For each fully active Document in docs, evaluate media queries and report changes for that Document, passing in now as the timestamp. [CSSOMVIEW]
  153. for_each_fully_active_document_in_docs([&](DOM::Document& document) {
  154. document.evaluate_media_queries_and_report_changes();
  155. });
  156. // 10. For each fully active Document in docs, update animations and send events for that Document, passing in now as the timestamp. [WEBANIMATIONS]
  157. // Note: This is handled by the document's animation timer
  158. // FIXME: 11. For each fully active Document in docs, run the fullscreen steps for that Document, passing in now as the timestamp. [FULLSCREEN]
  159. // FIXME: 12. For each fully active Document in docs, if the user agent detects that the backing storage associated with a CanvasRenderingContext2D or an OffscreenCanvasRenderingContext2D, context, has been lost, then it must run the context lost steps for each such context:
  160. // FIXME: 13. For each fully active Document in docs, run the animation frame callbacks for that Document, passing in now as the timestamp.
  161. auto now = HighResolutionTime::unsafe_shared_current_time();
  162. for_each_fully_active_document_in_docs([&](DOM::Document& document) {
  163. run_animation_frame_callbacks(document, now);
  164. });
  165. // FIXME: This step is implemented following the latest specification, while the rest of this method uses an outdated spec.
  166. // NOTE: Gathering and broadcasting of resize observations need to happen after evaluating media queries but before
  167. // updating intersection observations steps.
  168. for_each_fully_active_document_in_docs([&](DOM::Document& document) {
  169. // 1. Let resizeObserverDepth be 0.
  170. size_t resize_observer_depth = 0;
  171. // 2. While true:
  172. while (true) {
  173. // 1. Recalculate styles and update layout for doc.
  174. // NOTE: Recalculation of styles is handled by update_layout()
  175. document.update_layout();
  176. // FIXME: 2. Let hadInitialVisibleContentVisibilityDetermination be false.
  177. // FIXME: 3. For each element element with 'auto' used value of 'content-visibility':
  178. // FIXME: 4. If hadInitialVisibleContentVisibilityDetermination is true, then continue.
  179. // 5. Gather active resize observations at depth resizeObserverDepth for doc.
  180. document.gather_active_observations_at_depth(resize_observer_depth);
  181. // 6. If doc has active resize observations:
  182. if (document.has_active_resize_observations()) {
  183. // 1. Set resizeObserverDepth to the result of broadcasting active resize observations given doc.
  184. resize_observer_depth = document.broadcast_active_resize_observations();
  185. // 2. Continue.
  186. continue;
  187. }
  188. // 7. Otherwise, break.
  189. break;
  190. }
  191. // 3. If doc has skipped resize observations, then deliver resize loop error given doc.
  192. if (document.has_skipped_resize_observations()) {
  193. // FIXME: Deliver resize loop error.
  194. }
  195. });
  196. // 14. For each fully active Document in docs, run the update intersection observations steps for that Document, passing in now as the timestamp. [INTERSECTIONOBSERVER]
  197. for_each_fully_active_document_in_docs([&](DOM::Document& document) {
  198. document.run_the_update_intersection_observations_steps(now);
  199. });
  200. // FIXME: 15. Invoke the mark paint timing algorithm for each Document object in docs.
  201. // 16. For each fully active Document in docs, update the rendering or user interface of that Document and its browsing context to reflect the current state.
  202. for_each_fully_active_document_in_docs([&](DOM::Document& document) {
  203. auto* browsing_context = document.browsing_context();
  204. auto& page = browsing_context->page();
  205. page.client().schedule_repaint();
  206. });
  207. // 13. If all of the following are true
  208. // - this is a window event loop
  209. // - there is no task in this event loop's task queues whose document is fully active
  210. // - this event loop's microtask queue is empty
  211. // - hasARenderingOpportunity is false
  212. // FIXME: has_a_rendering_opportunity is always true
  213. if (m_type == Type::Window && !task_queue.has_runnable_tasks() && m_microtask_queue.is_empty() /*&& !has_a_rendering_opportunity*/) {
  214. // 1. Set this event loop's last idle period start time to the current high resolution time.
  215. m_last_idle_period_start_time = HighResolutionTime::unsafe_shared_current_time();
  216. // 2. Let computeDeadline be the following steps:
  217. // NOTE: instead of passing around a function we use this event loop, which has compute_deadline()
  218. // 3. For each win of the same-loop windows for this event loop,
  219. // perform the start an idle period algorithm for win with computeDeadline. [REQUESTIDLECALLBACK]
  220. for (auto& win : same_loop_windows())
  221. win->start_an_idle_period();
  222. }
  223. // FIXME: 14. If this is a worker event loop, then:
  224. // FIXME: 1. If this event loop's agent's single realm's global object is a supported DedicatedWorkerGlobalScope and the user agent believes that it would benefit from having its rendering updated at this time, then:
  225. // FIXME: 1. Let now be the current high resolution time. [HRT]
  226. // FIXME: 2. Run the animation frame callbacks for that DedicatedWorkerGlobalScope, passing in now as the timestamp.
  227. // FIXME: 3. Update the rendering of that dedicated worker to reflect the current state.
  228. // FIXME: 2. If there are no tasks in the event loop's task queues and the WorkerGlobalScope object's closing flag is true, then destroy the event loop, aborting these steps, resuming the run a worker steps described in the Web workers section below.
  229. // If there are eligible tasks in the queue, schedule a new round of processing. :^)
  230. if (m_task_queue.has_runnable_tasks() || (!m_microtask_queue.is_empty() && !m_performing_a_microtask_checkpoint))
  231. schedule();
  232. }
  233. // https://html.spec.whatwg.org/multipage/webappapis.html#queue-a-global-task
  234. void queue_global_task(HTML::Task::Source source, JS::Object& global_object, JS::SafeFunction<void()> steps)
  235. {
  236. // 1. Let event loop be global's relevant agent's event loop.
  237. auto& global_custom_data = verify_cast<Bindings::WebEngineCustomData>(*global_object.vm().custom_data());
  238. auto& event_loop = global_custom_data.event_loop;
  239. // 2. Let document be global's associated Document, if global is a Window object; otherwise null.
  240. DOM::Document* document { nullptr };
  241. if (is<HTML::Window>(global_object)) {
  242. auto& window_object = verify_cast<HTML::Window>(global_object);
  243. document = &window_object.associated_document();
  244. }
  245. // 3. Queue a task given source, event loop, document, and steps.
  246. event_loop.task_queue().add(HTML::Task::create(source, document, move(steps)));
  247. }
  248. // https://html.spec.whatwg.org/#queue-a-microtask
  249. void queue_a_microtask(DOM::Document const* document, JS::SafeFunction<void()> steps)
  250. {
  251. // 1. If event loop was not given, set event loop to the implied event loop.
  252. auto& event_loop = HTML::main_thread_event_loop();
  253. // FIXME: 2. If document was not given, set document to the implied document.
  254. // 3. Let microtask be a new task.
  255. // 4. Set microtask's steps to steps.
  256. // 5. Set microtask's source to the microtask task source.
  257. // 6. Set microtask's document to document.
  258. auto microtask = HTML::Task::create(HTML::Task::Source::Microtask, document, move(steps));
  259. // FIXME: 7. Set microtask's script evaluation environment settings object set to an empty set.
  260. // 8. Enqueue microtask on event loop's microtask queue.
  261. event_loop.microtask_queue().enqueue(move(microtask));
  262. }
  263. void perform_a_microtask_checkpoint()
  264. {
  265. main_thread_event_loop().perform_a_microtask_checkpoint();
  266. }
  267. // https://html.spec.whatwg.org/#perform-a-microtask-checkpoint
  268. void EventLoop::perform_a_microtask_checkpoint()
  269. {
  270. // 1. If the event loop's performing a microtask checkpoint is true, then return.
  271. if (m_performing_a_microtask_checkpoint)
  272. return;
  273. // 2. Set the event loop's performing a microtask checkpoint to true.
  274. m_performing_a_microtask_checkpoint = true;
  275. // 3. While the event loop's microtask queue is not empty:
  276. while (!m_microtask_queue.is_empty()) {
  277. // 1. Let oldestMicrotask be the result of dequeuing from the event loop's microtask queue.
  278. auto oldest_microtask = m_microtask_queue.dequeue();
  279. // 2. Set the event loop's currently running task to oldestMicrotask.
  280. m_currently_running_task = oldest_microtask;
  281. // 3. Run oldestMicrotask.
  282. oldest_microtask->execute();
  283. // 4. Set the event loop's currently running task back to null.
  284. m_currently_running_task = nullptr;
  285. }
  286. // 4. For each environment settings object whose responsible event loop is this event loop, notify about rejected promises on that environment settings object.
  287. for (auto& environment_settings_object : m_related_environment_settings_objects)
  288. environment_settings_object->notify_about_rejected_promises({});
  289. // FIXME: 5. Cleanup Indexed Database transactions.
  290. // 6. Perform ClearKeptObjects().
  291. vm().finish_execution_generation();
  292. // 7. Set the event loop's performing a microtask checkpoint to false.
  293. m_performing_a_microtask_checkpoint = false;
  294. }
  295. Vector<JS::Handle<DOM::Document>> EventLoop::documents_in_this_event_loop() const
  296. {
  297. Vector<JS::Handle<DOM::Document>> documents;
  298. for (auto& document : m_documents) {
  299. VERIFY(document);
  300. documents.append(JS::make_handle(*document));
  301. }
  302. return documents;
  303. }
  304. void EventLoop::register_document(Badge<DOM::Document>, DOM::Document& document)
  305. {
  306. m_documents.append(&document);
  307. }
  308. void EventLoop::unregister_document(Badge<DOM::Document>, DOM::Document& document)
  309. {
  310. bool did_remove = m_documents.remove_first_matching([&](auto& entry) { return entry.ptr() == &document; });
  311. VERIFY(did_remove);
  312. }
  313. void EventLoop::push_onto_backup_incumbent_settings_object_stack(Badge<EnvironmentSettingsObject>, EnvironmentSettingsObject& environment_settings_object)
  314. {
  315. m_backup_incumbent_settings_object_stack.append(environment_settings_object);
  316. }
  317. void EventLoop::pop_backup_incumbent_settings_object_stack(Badge<EnvironmentSettingsObject>)
  318. {
  319. m_backup_incumbent_settings_object_stack.take_last();
  320. }
  321. EnvironmentSettingsObject& EventLoop::top_of_backup_incumbent_settings_object_stack()
  322. {
  323. return m_backup_incumbent_settings_object_stack.last();
  324. }
  325. void EventLoop::register_environment_settings_object(Badge<EnvironmentSettingsObject>, EnvironmentSettingsObject& environment_settings_object)
  326. {
  327. m_related_environment_settings_objects.append(environment_settings_object);
  328. }
  329. void EventLoop::unregister_environment_settings_object(Badge<EnvironmentSettingsObject>, EnvironmentSettingsObject& environment_settings_object)
  330. {
  331. bool did_remove = m_related_environment_settings_objects.remove_first_matching([&](auto& entry) { return entry.ptr() == &environment_settings_object; });
  332. VERIFY(did_remove);
  333. }
  334. // https://html.spec.whatwg.org/multipage/webappapis.html#same-loop-windows
  335. Vector<JS::Handle<HTML::Window>> EventLoop::same_loop_windows() const
  336. {
  337. Vector<JS::Handle<HTML::Window>> windows;
  338. for (auto& document : documents_in_this_event_loop()) {
  339. if (document->is_fully_active())
  340. windows.append(JS::make_handle(document->window()));
  341. }
  342. return windows;
  343. }
  344. // https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model:last-idle-period-start-time
  345. double EventLoop::compute_deadline() const
  346. {
  347. // 1. Let deadline be this event loop's last idle period start time plus 50.
  348. auto deadline = m_last_idle_period_start_time + 50;
  349. // 2. Let hasPendingRenders be false.
  350. auto has_pending_renders = false;
  351. // 3. For each windowInSameLoop of the same-loop windows for this event loop:
  352. for (auto& window : same_loop_windows()) {
  353. // 1. If windowInSameLoop's map of animation frame callbacks is not empty,
  354. // or if the user agent believes that the windowInSameLoop might have pending rendering updates,
  355. // set hasPendingRenders to true.
  356. if (window->has_animation_frame_callbacks())
  357. has_pending_renders = true;
  358. // FIXME: 2. Let timerCallbackEstimates be the result of getting the values of windowInSameLoop's map of active timers.
  359. // FIXME: 3. For each timeoutDeadline of timerCallbackEstimates, if timeoutDeadline is less than deadline, set deadline to timeoutDeadline.
  360. }
  361. // 4. If hasPendingRenders is true, then:
  362. if (has_pending_renders) {
  363. // 1. Let nextRenderDeadline be this event loop's last render opportunity time plus (1000 divided by the current refresh rate).
  364. // FIXME: Hardcoded to 60Hz
  365. auto next_render_deadline = m_last_render_opportunity_time + (1000.0 / 60.0);
  366. // 2. If nextRenderDeadline is less than deadline, then return nextRenderDeadline.
  367. if (next_render_deadline < deadline)
  368. return next_render_deadline;
  369. }
  370. // 5. Return deadline.
  371. return deadline;
  372. }
  373. }