editor: add emoji selector to editor (wip) by wendevlin · Pull Request #3963 · streetwriters/notesnook

<!DOCTYPE html> <html lang="en" class="skip-scroll-target-into-view js-skip-scroll-target-into-view" data-color-mode="auto" data-light-theme="light" data-dark-theme="dark" data-a11y-animated-images="system" data-a11y-link-underlines="true" > <head> <meta charset="utf-8"> <link rel="dns-prefetch" href="https://github.githubassets.com"> <link rel="dns-prefetch" href="https://avatars.githubusercontent.com"> <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com"> <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/"> <link rel="preconnect" href="https://github.githubassets.com" crossorigin> <link rel="preconnect" href="https://avatars.githubusercontent.com"> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/light-3e154969b9f9.css" /><link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/dark-9c5b7a476542.css" /><link data-color-theme="dark_dimmed" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_dimmed-afda8eb0fb33.css" /><link data-color-theme="dark_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_high_contrast-2494e44ccdc5.css" /><link data-color-theme="dark_colorblind" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_colorblind-56fff47acadc.css" /><link data-color-theme="light_colorblind" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_colorblind-71cd4cc132ec.css" /><link data-color-theme="light_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_high_contrast-fd5499848985.css" /><link data-color-theme="light_tritanopia" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_tritanopia-31d17ba3e139.css" /><link data-color-theme="dark_tritanopia" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_tritanopia-68d6b2c79663.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-primitives-4cf0d59ab51a.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-af846850481e.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/global-8b10f05a77e6.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/github-2f6e722088eb.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/staff-0aa284f91bc2.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/devtools-ed3c56d5f6b2.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/repository-9c77ed90200e.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/code-a0610fd00b47.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/pull-requests-531a3fdee92a.css" /> <script type="application/json" id="client-env">{"locale":"en","featureFlags":["copilot_immersive_title_favicon","copilot_new_references_ui","copilot_beta_features_opt_in","copilot_chat_static_thread_suggestions","copilot_conversational_ux_history_refs","copilot_implicit_context","copilot_smell_icebreaker_ux","experimentation_azure_variant_endpoint","failbot_handle_non_errors","geojson_azure_maps","ghost_pilot_confidence_truncation_25","ghost_pilot_confidence_truncation_40","hovercard_accessibility","issues_react_new_timeline","issues_react_avatar_refactor","issues_react_remove_placeholders","issues_react_blur_item_picker_on_close","marketing_pages_search_explore_provider","react_keyboard_shortcuts_dialog","remove_child_patch","sample_network_conn_type","site_metered_billing_update","lifecycle_label_name_updates"]}</script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/wp-runtime-54d03e99b237.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_oddbird_popover-polyfill_dist_popover_js-aff936e590ed.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_arianotify-polyfill_ariaNotify-polyfill_js-node_modules_github_mi-3abb8f-3f7d38a7b47d.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/ui_packages_failbot_failbot_ts-93b6a0551aa9.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/environment-7b93e0f0c8ff.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_primer_behaviors_dist_esm_index_mjs-4aa4b0e95669.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_selector-observer_dist_index_esm_js-f690fd9ae3d5.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_relative-time-element_dist_index_js-6d3967acd51c.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_combobox-nav_dist_index_js-node_modules_github_g-emoji-element_di-6ce195-53781cbc550f.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_auto-complete-element_dist_index_js-node_modules_github_catalyst_-8e9f78-a74b4e0a8a6b.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_text-expander-element_dist_index_js-f5498b8d4e5d.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_filter-input-element_dist_index_js-node_modules_github_remote-inp-b5f1d7-492b5042c841.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_file-attachment-element_dist_index_js-node_modules_primer_view-co-381a4f-a11b2f0361af.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/github-elements-aa9238e3dc93.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/element-registry-477414219299.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_braintree_browser-detection_dist_browser-detection_js-node_modules_githu-bb80ec-634de60bacfa.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_lit-html_lit-html_js-ce7225a304c5.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_mini-throttle_dist_index_js-node_modules_morphdom_dist_morphdom-e-7c534c-f8a5485c982a.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_turbo_dist_turbo_es2017-esm_js-d2aff86c7695.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_remote-form_dist_index_js-node_modules_delegated-events_dist_inde-893f9f-6cf3320416b8.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_color-convert_index_js-0e07cc183eed.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_quote-selection_dist_index_js-node_modules_github_session-resume_-69cfcc-ceb1758d1876.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/ui_packages_updatable-content_updatable-content_ts-3f0e021c7215.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/app_assets_modules_github_behaviors_task-list_ts-app_assets_modules_github_sso_ts-ui_packages-900dde-24e9d16a679d.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/app_assets_modules_github_sticky-scroll-into-view_ts-7cbef09a422c.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/app_assets_modules_github_behaviors_ajax-error_ts-app_assets_modules_github_behaviors_include-d0d0a6-0e9fa537dc4f.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/app_assets_modules_github_behaviors_commenting_edit_ts-app_assets_modules_github_behaviors_ht-83c235-fb43816ab83c.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/behaviors-5631d4370dcb.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_delegated-events_dist_index_js-node_modules_github_catalyst_lib_index_js-f6223d90c7ba.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/notifications-global-3366f6b6298e.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_virtualized-list_es_index_js-node_modules_github_template-parts_lib_index_js-96453a51f920.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_remote-form_dist_index_js-node_modules_delegated-events_dist_inde-70450e-eecf0d50276f.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/app_assets_modules_github_ref-selector_ts-5f691453c17a.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/codespaces-c772596e0c4a.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/react-core-cd0a67881543.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/react-lib-7b7b5264f6c1.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_tanstack_query-core_build_modern_queryClient_js-e40bb86d3e93.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_tanstack_query-core_build_modern_queryObserver_js-node_modules_tanstack_-defd52-585c05e837f3.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_remote-form_dist_index_js-node_modules_github_details-dialog-elem-308dee-5d8a7849ab97.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_mini-throttle_dist_decorators_js-node_modules_delegated-events_di-e161aa-c2a0ad78c9c9.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_scroll-anchoring_dist_scroll-anchoring_esm_js-node_modules_github_cataly-db906b-6e23285f83b7.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/app_assets_modules_github_diffs_blob-lines_ts-app_assets_modules_github_diffs_linkable-line-n-b8c0ea-16cf387e54b0.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/diffs-dbb17bc16571.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_mini-throttle_dist_index_js-node_modules_github_catalyst_lib_inde-dbbea9-9b97703a4e6a.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/code-menu-13971a40799a.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/primer-react-765944243383.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/react-core-cd0a67881543.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/react-lib-7b7b5264f6c1.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/octicons-react-45c3a19dd792.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_tanstack_query-core_build_modern_queryClient_js-e40bb86d3e93.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_emotion_is-prop-valid_dist_emotion-is-prop-valid_esm_js-node_modules_emo-37e3d5-31653d7f2342.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_mini-throttle_dist_index_js-node_modules_stacktrace-parser_dist_s-e7dcdd-074052b7d26b.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_oddbird_popover-polyfill_dist_popover-fn_js-4896ddd4b7bb.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/notifications-subscriptions-menu-3eda30673b32.js"></script> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react.9fa170e9435ed4b922b9.module.css" /> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/notifications-subscriptions-menu.1bcff9205c241e99cff2.module.css" /> <title>editor: add emoji selector to editor (wip) by wendevlin · Pull Request #3963 · streetwriters/notesnook · GitHub</title> <meta name="route-pattern" content="/:user_id/:repository/pull/:id/commits/:range(.:format)" data-turbo-transient> <meta name="route-controller" content="pull_requests" data-turbo-transient> <meta name="route-action" content="commits" data-turbo-transient> <meta name="current-catalog-service-hash" content="ae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b"> <meta name="request-id" content="E810:1EC076:38DFE7:42CF8D:674F78E5" data-pjax-transient="true"/><meta name="html-safe-nonce" content="ae8d48312d3fbfe09d4dbddd542fef3ad1ca6383ba5dfca4636718df05510be4" data-pjax-transient="true"/><meta name="visitor-payload" content="eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJFODEwOjFFQzA3NjozOERGRTc6NDJDRjhEOjY3NEY3OEU1IiwidmlzaXRvcl9pZCI6IjgyMTQyNjA3NDA3MjQzMjQ1ODEiLCJyZWdpb25fZWRnZSI6InNvdXRoZWFzdGFzaWEiLCJyZWdpb25fcmVuZGVyIjoic291dGhlYXN0YXNpYSJ9" data-pjax-transient="true"/><meta name="visitor-hmac" content="d1a80792d224a973264fe616937456410479be4fb5156b67aa7b5dfd40fadda6" data-pjax-transient="true"/> <meta name="hovercard-subject-tag" content="pull_request:1643612332" data-turbo-transient> <meta name="github-keyboard-shortcuts" content="repository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot" data-turbo-transient="true" /> <meta name="selected-link" value="repo_pulls" data-turbo-transient> <link rel="assets" href="https://github.githubassets.com/"> <meta name="google-site-verification" content="Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I"> <meta name="octolytics-url" content="https://collector.github.com/github/collect" /> <meta name="analytics-location" content="/<user-name>/<repo-name>/pull_requests/show/commits" data-turbo-transient="true" /> <meta name="user-login" content=""> <meta name="viewport" content="width=device-width"> <meta name="description" content="I used https://tiptap.dev/api/nodes/mention since tiptap is already integrated. It actually recognizes the : but it doesn't trigger the render function. I am not sure what the issue is."> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub"> <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub"> <meta property="fb:app_id" content="1401488693436528"> <meta name="apple-itunes-app" content="app-id=1477376905, app-argument=https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404" /> <meta name="twitter:image" content="https://avatars.githubusercontent.com/u/12148533?s=400&v=4" /><meta name="twitter:site" content="@github" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="editor: add emoji selector to editor (wip) by wendevlin · Pull Request #3963 · streetwriters/notesnook" /><meta name="twitter:description" content="I used https://tiptap.dev/api/nodes/mention since tiptap is already integrated. It actually recognizes the : but it doesn't trigger the render function. I am not sure what the issue is." /> <meta property="og:image" content="https://avatars.githubusercontent.com/u/12148533?s=400&v=4" /><meta property="og:image:alt" content="I used https://tiptap.dev/api/nodes/mention since tiptap is already integrated. It actually recognizes the : but it doesn't trigger the render function. I am not sure what the issue is." /><meta property="og:site_name" content="GitHub" /><meta property="og:type" content="object" /><meta property="og:title" content="editor: add emoji selector to editor (wip) by wendevlin · Pull Request #3963 · streetwriters/notesnook" /><meta property="og:url" content="https://github.com/streetwriters/notesnook/pull/3963" /><meta property="og:description" content="I used https://tiptap.dev/api/nodes/mention since tiptap is already integrated. It actually recognizes the : but it doesn't trigger the render function. I am not sure what the issue is." /> <meta name="hostname" content="github.com"> <meta name="expected-hostname" content="github.com"> <meta http-equiv="x-pjax-version" content="a3fccbbc47e59efe5da179856996add616f03e34d3398e2c6cd7ed1869365f99" data-turbo-track="reload"> <meta http-equiv="x-pjax-csp-version" content="ace39c3b6632770952207593607e6e0be0db363435a8b877b1f96abe6430f345" data-turbo-track="reload"> <meta http-equiv="x-pjax-css-version" content="3adbaefc258174e49a9472f62ba4ed262e7c0112f9e7266a3e927bd7b898716f" data-turbo-track="reload"> <meta http-equiv="x-pjax-js-version" content="4beabdd0fbb99b09cd036910100c0444b454c234ffa1d1e7fa9530b1077bb7ab" data-turbo-track="reload"> <meta name="turbo-cache-control" content="no-preview" data-turbo-transient=""> <link data-turbo-transient rel="alternate" type="text/x-diff" href="/streetwriters/notesnook/pull/3963.diff"> <link data-turbo-transient rel="alternate" type="text/x-patch" href="/streetwriters/notesnook/pull/3963.patch"> <meta name="diff-view" content="unified" data-turbo-transient> <meta name="go-import" content="github.com/streetwriters/notesnook git https://github.com/streetwriters/notesnook.git"> <meta name="octolytics-dimension-user_id" content="63662537" /><meta name="octolytics-dimension-user_login" content="streetwriters" /><meta name="octolytics-dimension-repository_id" content="353775942" /><meta name="octolytics-dimension-repository_nwo" content="streetwriters/notesnook" /><meta name="octolytics-dimension-repository_public" content="true" /><meta name="octolytics-dimension-repository_is_fork" content="false" /><meta name="octolytics-dimension-repository_network_root_id" content="353775942" /><meta name="octolytics-dimension-repository_network_root_nwo" content="streetwriters/notesnook" /> <meta name="turbo-body-classes" content="logged-out env-production page-responsive full-width"> <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats"> <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors"> <link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000"> <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png"> <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon"> <meta name="theme-color" content="#1e2327"> <meta name="color-scheme" content="light dark" /> <link rel="manifest" href="/manifest.json" crossOrigin="use-credentials"> </head> <body class="logged-out env-production page-responsive full-width" style="word-wrap: break-word;"> <div data-turbo-body class="logged-out env-production page-responsive full-width" style="word-wrap: break-word;"> <div class="position-relative header-wrapper js-header-wrapper "> <a href="#start-of-content" data-skip-target-assigned="false" class="px-2 py-4 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus js-skip-to-content">Skip to content</a> <span data-view-component="true" class="progress-pjax-loader Progress position-fixed width-full"> <span style="width: 0%;" data-view-component="true" class="Progress-item progress-pjax-loader-bar left-0 top-0 color-bg-accent-emphasis"></span> </span> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/ui_packages_ui-commands_ui-commands_ts-3f8e5a72ee96.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/keyboard-shortcuts-dialog-a6c605212a80.js"></script> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react.9fa170e9435ed4b922b9.module.css" /> <react-partial partial-name="keyboard-shortcuts-dialog" data-ssr="false" data-attempted-ssr="false" > <script type="application/json" data-target="react-partial.embeddedData">{"props":{"docsUrl":"https://docs.github.com/get-started/accessibility/keyboard-shortcuts"}}</script> <div data-target="react-partial.reactRoot"></div> </react-partial> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_remote-form_dist_index_js-node_modules_delegated-events_dist_inde-94fd67-9df03b4ed507.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/sessions-8fa3b694f335.js"></script> <header class="HeaderMktg header-logged-out js-details-container js-header Details f4 py-3" role="banner" data-is-top="true" data-color-mode=light data-light-theme=light data-dark-theme=dark> <h2 class="sr-only">Navigation Menu</h2> <button type="button" class="HeaderMktg-backdrop d-lg-none border-0 position-fixed top-0 left-0 width-full height-full js-details-target" aria-label="Toggle navigation"> <span class="d-none">Toggle navigation</span> </button> <div class="d-flex flex-column flex-lg-row flex-items-center px-3 px-md-4 px-lg-5 height-full position-relative z-1"> <div class="d-flex flex-justify-between flex-items-center width-full width-lg-auto"> <div class="flex-1"> <button aria-label="Toggle navigation" aria-expanded="false" type="button" data-view-component="true" class="js-details-target js-nav-padding-recalculate js-header-menu-toggle Button--link Button--medium Button d-lg-none color-fg-inherit p-1"> <span class="Button-content"> <span class="Button-label"><div class="HeaderMenu-toggle-bar rounded my-1"></div> <div class="HeaderMenu-toggle-bar rounded my-1"></div> <div class="HeaderMenu-toggle-bar rounded my-1"></div></span> </span> </button> </div> <a class="mr-lg-3 color-fg-inherit flex-order-2 js-prevent-focus-on-mobile-nav" href="/" aria-label="Homepage" data-analytics-event="{"category":"Marketing nav","action":"click to go to homepage","label":"ref_page:Marketing;ref_cta:Logomark;ref_loc:Header"}"> <svg height="32" aria-hidden="true" viewBox="0 0 24 24" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github"> <path d="M12.5.75C6.146.75 1 5.896 1 12.25c0 5.089 3.292 9.387 7.863 10.91.575.101.79-.244.79-.546 0-.273-.014-1.178-.014-2.142-2.889.532-3.636-.704-3.866-1.35-.13-.331-.69-1.352-1.18-1.625-.402-.216-.977-.748-.014-.762.906-.014 1.553.834 1.769 1.179 1.035 1.74 2.688 1.25 3.349.948.1-.747.402-1.25.733-1.538-2.559-.287-5.232-1.279-5.232-5.678 0-1.25.445-2.285 1.178-3.09-.115-.288-.517-1.467.115-3.048 0 0 .963-.302 3.163 1.179.92-.259 1.897-.388 2.875-.388.977 0 1.955.13 2.875.388 2.2-1.495 3.162-1.179 3.162-1.179.633 1.581.23 2.76.115 3.048.733.805 1.179 1.825 1.179 3.09 0 4.413-2.688 5.39-5.247 5.678.417.36.776 1.05.776 2.128 0 1.538-.014 2.774-.014 3.162 0 .302.216.662.79.547C20.709 21.637 24 17.324 24 12.25 24 5.896 18.854.75 12.5.75Z"></path> </svg> </a> <div class="flex-1 flex-order-2 text-right"> <a href="/login?return_to=https%3A%2F%2Fgithub.com%2Fstreetwriters%2Fnotesnook%2Fpull%2F3963%2Fcommits%2F4c277b4d800d0a46f61376b3c3fe0961178d5404" class="HeaderMenu-link HeaderMenu-button d-inline-flex d-lg-none flex-order-1 f5 no-underline border color-border-default rounded-2 px-2 py-1 color-fg-inherit js-prevent-focus-on-mobile-nav" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header menu","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-click-hmac="f7b389ff467d4a95bda1f67856f42615d2679bdd147bf218b24a3ece5a47c94b" data-analytics-event="{"category":"Marketing nav","action":"click to Sign in","label":"ref_page:Marketing;ref_cta:Sign in;ref_loc:Header"}" > Sign in </a> </div> </div> <div class="HeaderMenu js-header-menu height-fit position-lg-relative d-lg-flex flex-column flex-auto top-0"> <div class="HeaderMenu-wrapper d-flex flex-column flex-self-start flex-lg-row flex-auto rounded rounded-lg-0"> <nav class="HeaderMenu-nav" aria-label="Global"> <ul class="d-lg-flex list-style-none"> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false"> Product <svg opacity="0.5" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> </button> <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 pt-2 pt-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 pb-2 pb-lg-4 d-lg-flex flex-wrap dropdown-menu-wide"> <div class="HeaderMenu-column px-lg-4 border-lg-right mb-4 mb-lg-0 pr-lg-7"> <div class="border-bottom pb-3 pb-lg-0 border-lg-bottom-0"> <ul class="list-style-none f5" > <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"github_copilot","context":"product","tag":"link","label":"github_copilot_link_product_navbar"}" href="https://github.com/features/copilot"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-copilot color-fg-subtle mr-3"> <path d="M23.922 16.992c-.861 1.495-5.859 5.023-11.922 5.023-6.063 0-11.061-3.528-11.922-5.023A.641.641 0 0 1 0 16.736v-2.869a.841.841 0 0 1 .053-.22c.372-.935 1.347-2.292 2.605-2.656.167-.429.414-1.055.644-1.517a10.195 10.195 0 0 1-.052-1.086c0-1.331.282-2.499 1.132-3.368.397-.406.89-.717 1.474-.952 1.399-1.136 3.392-2.093 6.122-2.093 2.731 0 4.767.957 6.166 2.093.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086.23.462.477 1.088.644 1.517 1.258.364 2.233 1.721 2.605 2.656a.832.832 0 0 1 .053.22v2.869a.641.641 0 0 1-.078.256ZM12.172 11h-.344a4.323 4.323 0 0 1-.355.508C10.703 12.455 9.555 13 7.965 13c-1.725 0-2.989-.359-3.782-1.259a2.005 2.005 0 0 1-.085-.104L4 11.741v6.585c1.435.779 4.514 2.179 8 2.179 3.486 0 6.565-1.4 8-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.545-3.508-1.492a4.323 4.323 0 0 1-.355-.508h-.016.016Zm.641-2.935c.136 1.057.403 1.913.878 2.497.442.544 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.15.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438 1.578v.021c0 .265.021.562.063.893Zm-1.626 0c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824 1.025-.462.472-.705 1.179-.705 2.319 0 1.211.175 1.926.558 2.361.365.414 1.084.751 2.657.751 1.21 0 1.902-.394 2.344-.938.475-.584.742-1.44.878-2.497Z"></path><path d="M14.5 14.25a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0v-2a1 1 0 0 1 1-1Zm-5 0a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0v-2a1 1 0 0 1 1-1Z"></path> </svg> <div> <div class="color-fg-default h4">GitHub Copilot</div> Write better code with AI </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"security","context":"product","tag":"link","label":"security_link_product_navbar"}" href="https://github.com/features/security"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-shield-check color-fg-subtle mr-3"> <path d="M16.53 9.78a.75.75 0 0 0-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5Z"></path><path d="m12.54.637 8.25 2.675A1.75 1.75 0 0 1 22 4.976V10c0 6.19-3.771 10.704-9.401 12.83a1.704 1.704 0 0 1-1.198 0C5.77 20.705 2 16.19 2 10V4.976c0-.758.489-1.43 1.21-1.664L11.46.637a1.748 1.748 0 0 1 1.08 0Zm-.617 1.426-8.25 2.676a.249.249 0 0 0-.173.237V10c0 5.46 3.28 9.483 8.43 11.426a.199.199 0 0 0 .14 0C17.22 19.483 20.5 15.461 20.5 10V4.976a.25.25 0 0 0-.173-.237l-8.25-2.676a.253.253 0 0 0-.154 0Z"></path> </svg> <div> <div class="color-fg-default h4">Security</div> Find and fix vulnerabilities </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"actions","context":"product","tag":"link","label":"actions_link_product_navbar"}" href="https://github.com/features/actions"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-workflow color-fg-subtle mr-3"> <path d="M1 3a2 2 0 0 1 2-2h6.5a2 2 0 0 1 2 2v6.5a2 2 0 0 1-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 0 1 2-2H21a2 2 0 0 1 2 2V21a2 2 0 0 1-2 2h-6.5a2 2 0 0 1-2-2v-2.5H8.437A2.939 2.939 0 0 1 5.5 15.562V11.5H3a2 2 0 0 1-2-2Zm2-.5a.5.5 0 0 0-.5.5v6.5a.5.5 0 0 0 .5.5h6.5a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5ZM14.5 14a.5.5 0 0 0-.5.5V21a.5.5 0 0 0 .5.5H21a.5.5 0 0 0 .5-.5v-6.5a.5.5 0 0 0-.5-.5Z"></path> </svg> <div> <div class="color-fg-default h4">Actions</div> Automate any workflow </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"codespaces","context":"product","tag":"link","label":"codespaces_link_product_navbar"}" href="https://github.com/features/codespaces"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-codespaces color-fg-subtle mr-3"> <path d="M3.5 3.75C3.5 2.784 4.284 2 5.25 2h13.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 18.75 13H5.25a1.75 1.75 0 0 1-1.75-1.75Zm-2 12c0-.966.784-1.75 1.75-1.75h17.5c.966 0 1.75.784 1.75 1.75v4a1.75 1.75 0 0 1-1.75 1.75H3.25a1.75 1.75 0 0 1-1.75-1.75ZM5.25 3.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h13.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Zm-2 12a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h17.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25Z"></path><path d="M10 17.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1-.75-.75Zm-4 0a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z"></path> </svg> <div> <div class="color-fg-default h4">Codespaces</div> Instant dev environments </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"issues","context":"product","tag":"link","label":"issues_link_product_navbar"}" href="https://github.com/features/issues"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-issue-opened color-fg-subtle mr-3"> <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"></path> </svg> <div> <div class="color-fg-default h4">Issues</div> Plan and track work </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"code_review","context":"product","tag":"link","label":"code_review_link_product_navbar"}" href="https://github.com/features/code-review"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-code-review color-fg-subtle mr-3"> <path d="M10.3 6.74a.75.75 0 0 1-.04 1.06l-2.908 2.7 2.908 2.7a.75.75 0 1 1-1.02 1.1l-3.5-3.25a.75.75 0 0 1 0-1.1l3.5-3.25a.75.75 0 0 1 1.06.04Zm3.44 1.06a.75.75 0 1 1 1.02-1.1l3.5 3.25a.75.75 0 0 1 0 1.1l-3.5 3.25a.75.75 0 1 1-1.02-1.1l2.908-2.7-2.908-2.7Z"></path><path d="M1.5 4.25c0-.966.784-1.75 1.75-1.75h17.5c.966 0 1.75.784 1.75 1.75v12.5a1.75 1.75 0 0 1-1.75 1.75h-9.69l-3.573 3.573A1.458 1.458 0 0 1 5 21.043V18.5H3.25a1.75 1.75 0 0 1-1.75-1.75ZM3.25 4a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 .75.75v3.19l3.72-3.72a.749.749 0 0 1 .53-.22h10a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25Z"></path> </svg> <div> <div class="color-fg-default h4">Code Review</div> Manage code changes </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"discussions","context":"product","tag":"link","label":"discussions_link_product_navbar"}" href="https://github.com/features/discussions"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-comment-discussion color-fg-subtle mr-3"> <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"></path><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"></path> </svg> <div> <div class="color-fg-default h4">Discussions</div> Collaborate outside of code </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description" data-analytics-event="{"location":"navbar","action":"code_search","context":"product","tag":"link","label":"code_search_link_product_navbar"}" href="https://github.com/features/code-search"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-code-square color-fg-subtle mr-3"> <path d="M10.3 8.24a.75.75 0 0 1-.04 1.06L7.352 12l2.908 2.7a.75.75 0 1 1-1.02 1.1l-3.5-3.25a.75.75 0 0 1 0-1.1l3.5-3.25a.75.75 0 0 1 1.06.04Zm3.44 1.06a.75.75 0 1 1 1.02-1.1l3.5 3.25a.75.75 0 0 1 0 1.1l-3.5 3.25a.75.75 0 1 1-1.02-1.1l2.908-2.7-2.908-2.7Z"></path><path d="M2 3.75C2 2.784 2.784 2 3.75 2h16.5c.966 0 1.75.784 1.75 1.75v16.5A1.75 1.75 0 0 1 20.25 22H3.75A1.75 1.75 0 0 1 2 20.25Zm1.75-.25a.25.25 0 0 0-.25.25v16.5c0 .138.112.25.25.25h16.5a.25.25 0 0 0 .25-.25V3.75a.25.25 0 0 0-.25-.25Z"></path> </svg> <div> <div class="color-fg-default h4">Code Search</div> Find more, search less </div> </a></li> </ul> </div> </div> <div class="HeaderMenu-column px-lg-4"> <div class="border-bottom pb-3 pb-lg-0 border-lg-bottom-0 border-bottom-0"> <span class="d-block h4 color-fg-default my-1" id="product-explore-heading">Explore</span> <ul class="list-style-none f5" aria-labelledby="product-explore-heading"> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"all_features","context":"product","tag":"link","label":"all_features_link_product_navbar"}" href="https://github.com/features"> All features </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary Link--external" target="_blank" data-analytics-event="{"location":"navbar","action":"documentation","context":"product","tag":"link","label":"documentation_link_product_navbar"}" href="https://docs.github.com"> Documentation <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path> </svg> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary Link--external" target="_blank" data-analytics-event="{"location":"navbar","action":"github_skills","context":"product","tag":"link","label":"github_skills_link_product_navbar"}" href="https://skills.github.com"> GitHub Skills <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path> </svg> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary Link--external" target="_blank" data-analytics-event="{"location":"navbar","action":"blog","context":"product","tag":"link","label":"blog_link_product_navbar"}" href="https://github.blog"> Blog <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path> </svg> </a></li> </ul> </div> </div> </div> </li> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false"> Solutions <svg opacity="0.5" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> </button> <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 pt-2 pt-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 d-lg-flex flex-wrap dropdown-menu-wide"> <div class="HeaderMenu-column px-lg-4 border-lg-right mb-4 mb-lg-0 pr-lg-7"> <div class="border-bottom pb-3 pb-lg-0 border-lg-bottom-0 pb-lg-3 mb-3 mb-lg-0"> <span class="d-block h4 color-fg-default my-1" id="solutions-by-company-size-heading">By company size</span> <ul class="list-style-none f5" aria-labelledby="solutions-by-company-size-heading"> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"enterprises","context":"solutions","tag":"link","label":"enterprises_link_solutions_navbar"}" href="https://github.com/enterprise"> Enterprises </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"small_and_medium_teams","context":"solutions","tag":"link","label":"small_and_medium_teams_link_solutions_navbar"}" href="https://github.com/team"> Small and medium teams </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"startups","context":"solutions","tag":"link","label":"startups_link_solutions_navbar"}" href="https://github.com/enterprise/startups"> Startups </a></li> </ul> </div> <div class="border-bottom pb-3 pb-lg-0 border-lg-bottom-0"> <span class="d-block h4 color-fg-default my-1" id="solutions-by-use-case-heading">By use case</span> <ul class="list-style-none f5" aria-labelledby="solutions-by-use-case-heading"> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"devsecops","context":"solutions","tag":"link","label":"devsecops_link_solutions_navbar"}" href="/solutions/use-case/devsecops"> DevSecOps </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"devops","context":"solutions","tag":"link","label":"devops_link_solutions_navbar"}" href="/solutions/use-case/devops"> DevOps </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"ci_cd","context":"solutions","tag":"link","label":"ci_cd_link_solutions_navbar"}" href="/solutions/use-case/ci-cd"> CI/CD </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"view_all_use_cases","context":"solutions","tag":"link","label":"view_all_use_cases_link_solutions_navbar"}" href="/solutions/use-case"> View all use cases </a></li> </ul> </div> </div> <div class="HeaderMenu-column px-lg-4"> <div class="border-bottom pb-3 pb-lg-0 border-lg-bottom-0"> <span class="d-block h4 color-fg-default my-1" id="solutions-by-industry-heading">By industry</span> <ul class="list-style-none f5" aria-labelledby="solutions-by-industry-heading"> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"healthcare","context":"solutions","tag":"link","label":"healthcare_link_solutions_navbar"}" href="/solutions/industry/healthcare"> Healthcare </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"financial_services","context":"solutions","tag":"link","label":"financial_services_link_solutions_navbar"}" href="/solutions/industry/financial-services"> Financial services </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"manufacturing","context":"solutions","tag":"link","label":"manufacturing_link_solutions_navbar"}" href="/solutions/industry/manufacturing"> Manufacturing </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"government","context":"solutions","tag":"link","label":"government_link_solutions_navbar"}" href="/solutions/industry/government"> Government </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"view_all_industries","context":"solutions","tag":"link","label":"view_all_industries_link_solutions_navbar"}" href="/solutions/industry"> View all industries </a></li> </ul> </div> </div> <div class="HeaderMenu-trailing-link rounded-bottom-2 flex-shrink-0 mt-lg-4 px-lg-4 py-4 py-lg-3 f5 text-semibold"> <a href="/solutions"> View all solutions <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right HeaderMenu-trailing-link-icon"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a> </div> </div> </li> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false"> Resources <svg opacity="0.5" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> </button> <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 pt-2 pt-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 pb-2 pb-lg-4 d-lg-flex flex-wrap dropdown-menu-wide"> <div class="HeaderMenu-column px-lg-4 border-lg-right mb-4 mb-lg-0 pr-lg-7"> <div class="border-bottom pb-3 pb-lg-0 border-lg-bottom-0"> <span class="d-block h4 color-fg-default my-1" id="resources-topics-heading">Topics</span> <ul class="list-style-none f5" aria-labelledby="resources-topics-heading"> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"ai","context":"resources","tag":"link","label":"ai_link_resources_navbar"}" href="/resources/articles/ai"> AI </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"devops","context":"resources","tag":"link","label":"devops_link_resources_navbar"}" href="/resources/articles/devops"> DevOps </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"security","context":"resources","tag":"link","label":"security_link_resources_navbar"}" href="/resources/articles/security"> Security </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"software_development","context":"resources","tag":"link","label":"software_development_link_resources_navbar"}" href="/resources/articles/software-development"> Software Development </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"view_all","context":"resources","tag":"link","label":"view_all_link_resources_navbar"}" href="/resources/articles"> View all </a></li> </ul> </div> </div> <div class="HeaderMenu-column px-lg-4"> <div class="border-bottom pb-3 pb-lg-0 border-lg-bottom-0 border-bottom-0"> <span class="d-block h4 color-fg-default my-1" id="resources-explore-heading">Explore</span> <ul class="list-style-none f5" aria-labelledby="resources-explore-heading"> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary Link--external" target="_blank" data-analytics-event="{"location":"navbar","action":"learning_pathways","context":"resources","tag":"link","label":"learning_pathways_link_resources_navbar"}" href="https://resources.github.com/learn/pathways"> Learning Pathways <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path> </svg> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary Link--external" target="_blank" data-analytics-event="{"location":"navbar","action":"white_papers_ebooks_webinars","context":"resources","tag":"link","label":"white_papers_ebooks_webinars_link_resources_navbar"}" href="https://resources.github.com"> White papers, Ebooks, Webinars <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path> </svg> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"customer_stories","context":"resources","tag":"link","label":"customer_stories_link_resources_navbar"}" href="https://github.com/customer-stories"> Customer Stories </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary Link--external" target="_blank" data-analytics-event="{"location":"navbar","action":"partners","context":"resources","tag":"link","label":"partners_link_resources_navbar"}" href="https://partner.github.com"> Partners <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path> </svg> </a></li> </ul> </div> </div> </div> </li> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false"> Open Source <svg opacity="0.5" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> </button> <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 pt-2 pt-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 pb-2 pb-lg-4 px-lg-4"> <div class="HeaderMenu-column"> <div class="border-bottom pb-3 pb-lg-0 pb-lg-3 mb-3 mb-lg-0 mb-lg-3"> <ul class="list-style-none f5" > <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description" data-analytics-event="{"location":"navbar","action":"github_sponsors","context":"open_source","tag":"link","label":"github_sponsors_link_open_source_navbar"}" href="/sponsors"> <div> <div class="color-fg-default h4">GitHub Sponsors</div> Fund open source developers </div> </a></li> </ul> </div> <div class="border-bottom pb-3 pb-lg-0 pb-lg-3 mb-3 mb-lg-0 mb-lg-3"> <ul class="list-style-none f5" > <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description" data-analytics-event="{"location":"navbar","action":"the_readme_project","context":"open_source","tag":"link","label":"the_readme_project_link_open_source_navbar"}" href="https://github.com/readme"> <div> <div class="color-fg-default h4">The ReadME Project</div> GitHub community articles </div> </a></li> </ul> </div> <div class="border-bottom pb-3 pb-lg-0 border-bottom-0"> <span class="d-block h4 color-fg-default my-1" id="open-source-repositories-heading">Repositories</span> <ul class="list-style-none f5" aria-labelledby="open-source-repositories-heading"> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"topics","context":"open_source","tag":"link","label":"topics_link_open_source_navbar"}" href="https://github.com/topics"> Topics </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"trending","context":"open_source","tag":"link","label":"trending_link_open_source_navbar"}" href="https://github.com/trending"> Trending </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"location":"navbar","action":"collections","context":"open_source","tag":"link","label":"collections_link_open_source_navbar"}" href="https://github.com/collections"> Collections </a></li> </ul> </div> </div> </div> </li> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false"> Enterprise <svg opacity="0.5" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> </button> <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 pt-2 pt-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 pb-2 pb-lg-4 px-lg-4"> <div class="HeaderMenu-column"> <div class="border-bottom pb-3 pb-lg-0 pb-lg-3 mb-3 mb-lg-0 mb-lg-3"> <ul class="list-style-none f5" > <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description" data-analytics-event="{"location":"navbar","action":"enterprise_platform","context":"enterprise","tag":"link","label":"enterprise_platform_link_enterprise_navbar"}" href="/enterprise"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-stack color-fg-subtle mr-3"> <path d="M11.063 1.456a1.749 1.749 0 0 1 1.874 0l8.383 5.316a1.751 1.751 0 0 1 0 2.956l-8.383 5.316a1.749 1.749 0 0 1-1.874 0L2.68 9.728a1.751 1.751 0 0 1 0-2.956Zm1.071 1.267a.25.25 0 0 0-.268 0L3.483 8.039a.25.25 0 0 0 0 .422l8.383 5.316a.25.25 0 0 0 .268 0l8.383-5.316a.25.25 0 0 0 0-.422Z"></path><path d="M1.867 12.324a.75.75 0 0 1 1.035-.232l8.964 5.685a.25.25 0 0 0 .268 0l8.964-5.685a.75.75 0 0 1 .804 1.267l-8.965 5.685a1.749 1.749 0 0 1-1.874 0l-8.965-5.685a.75.75 0 0 1-.231-1.035Z"></path><path d="M1.867 16.324a.75.75 0 0 1 1.035-.232l8.964 5.685a.25.25 0 0 0 .268 0l8.964-5.685a.75.75 0 0 1 .804 1.267l-8.965 5.685a1.749 1.749 0 0 1-1.874 0l-8.965-5.685a.75.75 0 0 1-.231-1.035Z"></path> </svg> <div> <div class="color-fg-default h4">Enterprise platform</div> AI-powered developer platform </div> </a></li> </ul> </div> <div class="border-bottom pb-3 pb-lg-0 border-bottom-0"> <span class="d-block h4 color-fg-default my-1" id="enterprise-available-add-ons-heading">Available add-ons</span> <ul class="list-style-none f5" aria-labelledby="enterprise-available-add-ons-heading"> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"advanced_security","context":"enterprise","tag":"link","label":"advanced_security_link_enterprise_navbar"}" href="https://github.com/enterprise/advanced-security"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-shield-check color-fg-subtle mr-3"> <path d="M16.53 9.78a.75.75 0 0 0-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5Z"></path><path d="m12.54.637 8.25 2.675A1.75 1.75 0 0 1 22 4.976V10c0 6.19-3.771 10.704-9.401 12.83a1.704 1.704 0 0 1-1.198 0C5.77 20.705 2 16.19 2 10V4.976c0-.758.489-1.43 1.21-1.664L11.46.637a1.748 1.748 0 0 1 1.08 0Zm-.617 1.426-8.25 2.676a.249.249 0 0 0-.173.237V10c0 5.46 3.28 9.483 8.43 11.426a.199.199 0 0 0 .14 0C17.22 19.483 20.5 15.461 20.5 10V4.976a.25.25 0 0 0-.173-.237l-8.25-2.676a.253.253 0 0 0-.154 0Z"></path> </svg> <div> <div class="color-fg-default h4">Advanced Security</div> Enterprise-grade security features </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description pb-lg-3" data-analytics-event="{"location":"navbar","action":"github_copilot","context":"enterprise","tag":"link","label":"github_copilot_link_enterprise_navbar"}" href="/features/copilot#enterprise"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-copilot color-fg-subtle mr-3"> <path d="M23.922 16.992c-.861 1.495-5.859 5.023-11.922 5.023-6.063 0-11.061-3.528-11.922-5.023A.641.641 0 0 1 0 16.736v-2.869a.841.841 0 0 1 .053-.22c.372-.935 1.347-2.292 2.605-2.656.167-.429.414-1.055.644-1.517a10.195 10.195 0 0 1-.052-1.086c0-1.331.282-2.499 1.132-3.368.397-.406.89-.717 1.474-.952 1.399-1.136 3.392-2.093 6.122-2.093 2.731 0 4.767.957 6.166 2.093.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086.23.462.477 1.088.644 1.517 1.258.364 2.233 1.721 2.605 2.656a.832.832 0 0 1 .053.22v2.869a.641.641 0 0 1-.078.256ZM12.172 11h-.344a4.323 4.323 0 0 1-.355.508C10.703 12.455 9.555 13 7.965 13c-1.725 0-2.989-.359-3.782-1.259a2.005 2.005 0 0 1-.085-.104L4 11.741v6.585c1.435.779 4.514 2.179 8 2.179 3.486 0 6.565-1.4 8-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.545-3.508-1.492a4.323 4.323 0 0 1-.355-.508h-.016.016Zm.641-2.935c.136 1.057.403 1.913.878 2.497.442.544 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.15.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438 1.578v.021c0 .265.021.562.063.893Zm-1.626 0c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824 1.025-.462.472-.705 1.179-.705 2.319 0 1.211.175 1.926.558 2.361.365.414 1.084.751 2.657.751 1.21 0 1.902-.394 2.344-.938.475-.584.742-1.44.878-2.497Z"></path><path d="M14.5 14.25a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0v-2a1 1 0 0 1 1-1Zm-5 0a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0v-2a1 1 0 0 1 1-1Z"></path> </svg> <div> <div class="color-fg-default h4">GitHub Copilot</div> Enterprise-grade AI features </div> </a></li> <li> <a class="HeaderMenu-dropdown-link d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center Link--has-description" data-analytics-event="{"location":"navbar","action":"premium_support","context":"enterprise","tag":"link","label":"premium_support_link_enterprise_navbar"}" href="/premium-support"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-comment-discussion color-fg-subtle mr-3"> <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"></path><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"></path> </svg> <div> <div class="color-fg-default h4">Premium Support</div> Enterprise-grade 24/7 support </div> </a></li> </ul> </div> </div> </div> </li> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <a class="HeaderMenu-link no-underline px-0 px-lg-2 py-3 py-lg-2 d-block d-lg-inline-block" data-analytics-event="{"location":"navbar","action":"pricing","context":"global","tag":"link","label":"pricing_link_global_navbar"}" href="https://github.com/pricing">Pricing</a> </li> </ul> </nav> <div class="d-flex flex-column flex-lg-row width-full flex-justify-end flex-lg-items-center text-center mt-3 mt-lg-0 text-lg-left ml-lg-3"> <qbsearch-input class="search-input" data-scope="repo:streetwriters/notesnook" data-custom-scopes-path="/search/custom_scopes" data-delete-custom-scopes-csrf="9pAzZSr3-Y6bX8puPe5xrpfNeogdj-lOd9vCgJImmD8jjFE0b11cByU4oO-4OBLvQ38CUfZbFoJMpvw8FiZnKQ" data-max-custom-scopes="10" data-header-redesign-enabled="false" data-initial-value="" data-blackbird-suggestions-path="/search/suggestions" data-jump-to-suggestions-path="/_graphql/GetSuggestedNavigationDestinations" data-current-repository="streetwriters/notesnook" data-current-org="streetwriters" data-current-owner="" data-logged-in="false" data-copilot-chat-enabled="false" data-nl-search-enabled="false" data-retain-scroll-position="true"> <div class="search-input-container search-with-dialog position-relative d-flex flex-row flex-items-center mr-4 rounded" data-action="click:qbsearch-input#searchInputContainerClicked" > <button type="button" class="header-search-button placeholder input-button form-control d-flex flex-1 flex-self-stretch flex-items-center no-wrap width-full py-0 pl-2 pr-0 text-left border-0 box-shadow-none" data-target="qbsearch-input.inputButton" aria-label="Search or jump to…" aria-haspopup="dialog" placeholder="Search or jump to..." data-hotkey=s,/ autocapitalize="off" data-analytics-event="{"location":"navbar","action":"searchbar","context":"global","tag":"input","label":"searchbar_input_global_navbar"}" data-action="click:qbsearch-input#handleExpand" > <div class="mr-2 color-fg-muted"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search"> <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path> </svg> </div> <span class="flex-1" data-target="qbsearch-input.inputButtonText">Search or jump to...</span> <div class="d-flex" data-target="qbsearch-input.hotkeyIndicator"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" aria-hidden="true" class="mr-1"><path fill="none" stroke="#979A9C" opacity=".4" d="M3.5.5h12c1.7 0 3 1.3 3 3v13c0 1.7-1.3 3-3 3h-12c-1.7 0-3-1.3-3-3v-13c0-1.7 1.3-3 3-3z"></path><path fill="#979A9C" d="M11.8 6L8 15.1h-.9L10.8 6h1z"></path></svg> </div> </button> <input type="hidden" name="type" class="js-site-search-type-field"> <div class="Overlay--hidden " data-modal-dialog-overlay> <modal-dialog data-action="close:qbsearch-input#handleClose cancel:qbsearch-input#handleClose" data-target="qbsearch-input.searchSuggestionsDialog" role="dialog" id="search-suggestions-dialog" aria-modal="true" aria-labelledby="search-suggestions-dialog-header" data-view-component="true" class="Overlay Overlay--width-large Overlay--height-auto"> <h1 id="search-suggestions-dialog-header" class="sr-only">Search code, repositories, users, issues, pull requests...</h1> <div class="Overlay-body Overlay-body--paddingNone"> <div data-view-component="true"> <div class="search-suggestions position-fixed width-full color-shadow-large border color-fg-default color-bg-default overflow-hidden d-flex flex-column query-builder-container" style="border-radius: 12px;" data-target="qbsearch-input.queryBuilderContainer" hidden > </option></form><form id="query-builder-test-form" action="" accept-charset="UTF-8" method="get"> <query-builder data-target="qbsearch-input.queryBuilder" id="query-builder-query-builder-test" data-filter-key=":" data-view-component="true" class="QueryBuilder search-query-builder"> <div class="FormControl FormControl--fullWidth"> <label id="query-builder-test-label" for="query-builder-test" class="FormControl-label sr-only"> Search </label> <div class="QueryBuilder-StyledInput width-fit " data-target="query-builder.styledInput" > <span id="query-builder-test-leadingvisual-wrap" class="FormControl-input-leadingVisualWrap QueryBuilder-leadingVisualWrap"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search FormControl-input-leadingVisual"> <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path> </svg> </span> <div data-target="query-builder.styledInputContainer" class="QueryBuilder-StyledInputContainer"> <div aria-hidden="true" class="QueryBuilder-StyledInputContent" data-target="query-builder.styledInputContent" ></div> <div class="QueryBuilder-InputWrapper"> <div aria-hidden="true" class="QueryBuilder-Sizer" data-target="query-builder.sizer"></div> <input id="query-builder-test" name="query-builder-test" value="" autocomplete="off" type="text" role="combobox" spellcheck="false" aria-expanded="false" aria-describedby="validation-91c5a3e4-f203-411e-8c39-c86f5c061252" data-target="query-builder.input" data-action=" input:query-builder#inputChange blur:query-builder#inputBlur keydown:query-builder#inputKeydown focus:query-builder#inputFocus " data-view-component="true" class="FormControl-input QueryBuilder-Input FormControl-medium" /> </div> </div> <span class="sr-only" id="query-builder-test-clear">Clear</span> <button role="button" id="query-builder-test-clear-button" aria-labelledby="query-builder-test-clear query-builder-test-label" data-target="query-builder.clearButton" data-action=" click:query-builder#clear focus:query-builder#clearButtonFocus blur:query-builder#clearButtonBlur " variant="small" hidden="hidden" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium mr-1 px-2 py-0 d-flex flex-items-center rounded-1 color-fg-muted"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x-circle-fill Button-visual"> <path d="M2.343 13.657A8 8 0 1 1 13.658 2.343 8 8 0 0 1 2.343 13.657ZM6.03 4.97a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042L6.94 8 4.97 9.97a.749.749 0 0 0 .326 1.275.749.749 0 0 0 .734-.215L8 9.06l1.97 1.97a.749.749 0 0 0 1.275-.326.749.749 0 0 0-.215-.734L9.06 8l1.97-1.97a.749.749 0 0 0-.326-1.275.749.749 0 0 0-.734.215L8 6.94Z"></path> </svg> </button> </div> <template id="search-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search"> <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path> </svg> </template> <template id="code-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code"> <path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path> </svg> </template> <template id="file-code-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file-code"> <path d="M4 1.75C4 .784 4.784 0 5.75 0h5.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v8.586A1.75 1.75 0 0 1 14.25 15h-9a.75.75 0 0 1 0-1.5h9a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 10 4.25V1.5H5.75a.25.25 0 0 0-.25.25v2.5a.75.75 0 0 1-1.5 0Zm1.72 4.97a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.47-1.47-1.47-1.47a.75.75 0 0 1 0-1.06ZM3.28 7.78 1.81 9.25l1.47 1.47a.751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018l-2-2a.75.75 0 0 1 0-1.06l2-2a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Zm8.22-6.218V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path> </svg> </template> <template id="history-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-history"> <path d="m.427 1.927 1.215 1.215a8.002 8.002 0 1 1-1.6 5.685.75.75 0 1 1 1.493-.154 6.5 6.5 0 1 0 1.18-4.458l1.358 1.358A.25.25 0 0 1 3.896 6H.25A.25.25 0 0 1 0 5.75V2.104a.25.25 0 0 1 .427-.177ZM7.75 4a.75.75 0 0 1 .75.75v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5A.75.75 0 0 1 7.75 4Z"></path> </svg> </template> <template id="repo-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo"> <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path> </svg> </template> <template id="bookmark-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-bookmark"> <path d="M3 2.75C3 1.784 3.784 1 4.75 1h6.5c.966 0 1.75.784 1.75 1.75v11.5a.75.75 0 0 1-1.227.579L8 11.722l-3.773 3.107A.751.751 0 0 1 3 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v9.91l3.023-2.489a.75.75 0 0 1 .954 0l3.023 2.49V2.75a.25.25 0 0 0-.25-.25Z"></path> </svg> </template> <template id="plus-circle-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-plus-circle"> <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm7.25-3.25v2.5h2.5a.75.75 0 0 1 0 1.5h-2.5v2.5a.75.75 0 0 1-1.5 0v-2.5h-2.5a.75.75 0 0 1 0-1.5h2.5v-2.5a.75.75 0 0 1 1.5 0Z"></path> </svg> </template> <template id="circle-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-dot-fill"> <path d="M8 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"></path> </svg> </template> <template id="trash-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-trash"> <path d="M11 1.75V3h2.25a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75ZM4.496 6.675l.66 6.6a.25.25 0 0 0 .249.225h5.19a.25.25 0 0 0 .249-.225l.66-6.6a.75.75 0 0 1 1.492.149l-.66 6.6A1.748 1.748 0 0 1 10.595 15h-5.19a1.75 1.75 0 0 1-1.741-1.575l-.66-6.6a.75.75 0 1 1 1.492-.15ZM6.5 1.75V3h3V1.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25Z"></path> </svg> </template> <template id="team-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-people"> <path d="M2 5.5a3.5 3.5 0 1 1 5.898 2.549 5.508 5.508 0 0 1 3.034 4.084.75.75 0 1 1-1.482.235 4 4 0 0 0-7.9 0 .75.75 0 0 1-1.482-.236A5.507 5.507 0 0 1 3.102 8.05 3.493 3.493 0 0 1 2 5.5ZM11 4a3.001 3.001 0 0 1 2.22 5.018 5.01 5.01 0 0 1 2.56 3.012.749.749 0 0 1-.885.954.752.752 0 0 1-.549-.514 3.507 3.507 0 0 0-2.522-2.372.75.75 0 0 1-.574-.73v-.352a.75.75 0 0 1 .416-.672A1.5 1.5 0 0 0 11 5.5.75.75 0 0 1 11 4Zm-5.5-.5a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 3.5Z"></path> </svg> </template> <template id="project-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project"> <path d="M1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0ZM1.5 1.75v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25ZM11.75 3a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 .75-.75Zm-8.25.75a.75.75 0 0 1 1.5 0v5.5a.75.75 0 0 1-1.5 0ZM8 3a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 3Z"></path> </svg> </template> <template id="pencil-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-pencil"> <path d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z"></path> </svg> </template> <template id="copilot-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copilot"> <path d="M7.998 15.035c-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065.013-.07.024-.143.036-.218.029-.183.06-.384.126-.612-.201-.508-.254-1.084-.254-1.656 0-.87.128-1.769.693-2.484.579-.733 1.494-1.124 2.724-1.261 1.206-.134 2.262.034 2.944.765.05.053.096.108.139.165.044-.057.094-.112.143-.165.682-.731 1.738-.899 2.944-.765 1.23.137 2.145.528 2.724 1.261.566.715.693 1.614.693 2.484 0 .572-.053 1.148-.254 1.656.066.228.098.429.126.612.012.076.024.148.037.218.924.385 1.522 1.471 1.591 2.095v1.872c0 .766-3.351 3.795-8.002 3.795Zm0-1.485c2.28 0 4.584-1.11 5.002-1.433V7.862l-.023-.116c-.49.21-1.075.291-1.727.291-1.146 0-2.059-.327-2.71-.991A3.222 3.222 0 0 1 8 6.303a3.24 3.24 0 0 1-.544.743c-.65.664-1.563.991-2.71.991-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433ZM6.762 2.83c-.193-.206-.637-.413-1.682-.297-1.019.113-1.479.404-1.713.7-.247.312-.369.789-.369 1.554 0 .793.129 1.171.308 1.371.162.181.519.379 1.442.379.853 0 1.339-.235 1.638-.54.315-.322.527-.827.617-1.553.117-.935-.037-1.395-.241-1.614Zm4.155-.297c-1.044-.116-1.488.091-1.681.297-.204.219-.359.679-.242 1.614.091.726.303 1.231.618 1.553.299.305.784.54 1.638.54.922 0 1.28-.198 1.442-.379.179-.2.308-.578.308-1.371 0-.765-.123-1.242-.37-1.554-.233-.296-.693-.587-1.713-.7Z"></path><path d="M6.25 9.037a.75.75 0 0 1 .75.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 .75-.75Zm4.25.75v1.501a.75.75 0 0 1-1.5 0V9.787a.75.75 0 0 1 1.5 0Z"></path> </svg> </template> <template id="copilot-error-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copilot-error"> <path d="M16 11.24c0 .112-.072.274-.21.467L13 9.688V7.862l-.023-.116c-.49.21-1.075.291-1.727.291-.198 0-.388-.009-.571-.029L6.833 5.226a4.01 4.01 0 0 0 .17-.782c.117-.935-.037-1.395-.241-1.614-.193-.206-.637-.413-1.682-.297-.683.076-1.115.231-1.395.415l-1.257-.91c.579-.564 1.413-.877 2.485-.996 1.206-.134 2.262.034 2.944.765.05.053.096.108.139.165.044-.057.094-.112.143-.165.682-.731 1.738-.899 2.944-.765 1.23.137 2.145.528 2.724 1.261.566.715.693 1.614.693 2.484 0 .572-.053 1.148-.254 1.656.066.228.098.429.126.612.012.076.024.148.037.218.924.385 1.522 1.471 1.591 2.095Zm-5.083-8.707c-1.044-.116-1.488.091-1.681.297-.204.219-.359.679-.242 1.614.091.726.303 1.231.618 1.553.299.305.784.54 1.638.54.922 0 1.28-.198 1.442-.379.179-.2.308-.578.308-1.371 0-.765-.123-1.242-.37-1.554-.233-.296-.693-.587-1.713-.7Zm2.511 11.074c-1.393.776-3.272 1.428-5.43 1.428-4.562 0-7.873-2.914-7.998-3.749V9.338c.085-.628.677-1.686 1.588-2.065.013-.07.024-.143.036-.218.029-.183.06-.384.126-.612-.18-.455-.241-.963-.252-1.475L.31 4.107A.747.747 0 0 1 0 3.509V3.49a.748.748 0 0 1 .625-.73c.156-.026.306.047.435.139l14.667 10.578a.592.592 0 0 1 .227.264.752.752 0 0 1 .046.249v.022a.75.75 0 0 1-1.19.596Zm-1.367-.991L5.635 7.964a5.128 5.128 0 0 1-.889.073c-.652 0-1.236-.081-1.727-.291l-.023.116v4.255c.419.323 2.722 1.433 5.002 1.433 1.539 0 3.089-.505 4.063-.934Z"></path> </svg> </template> <template id="workflow-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-workflow"> <path d="M0 1.75C0 .784.784 0 1.75 0h3.5C6.216 0 7 .784 7 1.75v3.5A1.75 1.75 0 0 1 5.25 7H4v4a1 1 0 0 0 1 1h4v-1.25C9 9.784 9.784 9 10.75 9h3.5c.966 0 1.75.784 1.75 1.75v3.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-.75H5A2.5 2.5 0 0 1 2.5 11V7h-.75A1.75 1.75 0 0 1 0 5.25Zm1.75-.25a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Zm9 9a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Z"></path> </svg> </template> <template id="book-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-book"> <path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path> </svg> </template> <template id="code-review-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code-review"> <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 13H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 14.543V13H1.75A1.75 1.75 0 0 1 0 11.25v-8.5C0 1.784.784 1 1.75 1ZM1.5 2.75v8.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm5.28 1.72a.75.75 0 0 1 0 1.06L5.31 7l1.47 1.47a.751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018l-2-2a.75.75 0 0 1 0-1.06l2-2a.75.75 0 0 1 1.06 0Zm2.44 0a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.69 7 9.22 5.53a.75.75 0 0 1 0-1.06Z"></path> </svg> </template> <template id="codespaces-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-codespaces"> <path d="M0 11.25c0-.966.784-1.75 1.75-1.75h12.5c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm2-9.5C2 .784 2.784 0 3.75 0h8.5C13.216 0 14 .784 14 1.75v5a1.75 1.75 0 0 1-1.75 1.75h-8.5A1.75 1.75 0 0 1 2 6.75Zm1.75-.25a.25.25 0 0 0-.25.25v5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5a.25.25 0 0 0-.25-.25Zm-2 9.5a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25Z"></path><path d="M7 12.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Zm-4 0a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z"></path> </svg> </template> <template id="comment-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-comment"> <path d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> </template> <template id="comment-discussion-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-comment-discussion"> <path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path> </svg> </template> <template id="organization-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-organization"> <path d="M1.75 16A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 0 0 .25-.25V8.285a.25.25 0 0 0-.111-.208l-1.055-.703a.749.749 0 1 1 .832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0 1 14.25 16h-3.5a.766.766 0 0 1-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 0 1-.75-.75V14h-1v1.25a.75.75 0 0 1-.75.75Zm-.25-1.75c0 .138.112.25.25.25H4v-1.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 .75.75v1.25h2.25a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25ZM3.75 6h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5ZM3 3.75A.75.75 0 0 1 3.75 3h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 3.75Zm4 3A.75.75 0 0 1 7.75 6h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 7 6.75ZM7.75 3h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5ZM3 9.75A.75.75 0 0 1 3.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 9.75ZM7.75 9h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"></path> </svg> </template> <template id="rocket-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-rocket"> <path d="M14.064 0h.186C15.216 0 16 .784 16 1.75v.186a8.752 8.752 0 0 1-2.564 6.186l-.458.459c-.314.314-.641.616-.979.904v3.207c0 .608-.315 1.172-.833 1.49l-2.774 1.707a.749.749 0 0 1-1.11-.418l-.954-3.102a1.214 1.214 0 0 1-.145-.125L3.754 9.816a1.218 1.218 0 0 1-.124-.145L.528 8.717a.749.749 0 0 1-.418-1.11l1.71-2.774A1.748 1.748 0 0 1 3.31 4h3.204c.288-.338.59-.665.904-.979l.459-.458A8.749 8.749 0 0 1 14.064 0ZM8.938 3.623h-.002l-.458.458c-.76.76-1.437 1.598-2.02 2.5l-1.5 2.317 2.143 2.143 2.317-1.5c.902-.583 1.74-1.26 2.499-2.02l.459-.458a7.25 7.25 0 0 0 2.123-5.127V1.75a.25.25 0 0 0-.25-.25h-.186a7.249 7.249 0 0 0-5.125 2.123ZM3.56 14.56c-.732.732-2.334 1.045-3.005 1.148a.234.234 0 0 1-.201-.064.234.234 0 0 1-.064-.201c.103-.671.416-2.273 1.15-3.003a1.502 1.502 0 1 1 2.12 2.12Zm6.94-3.935c-.088.06-.177.118-.266.175l-2.35 1.521.548 1.783 1.949-1.2a.25.25 0 0 0 .119-.213ZM3.678 8.116 5.2 5.766c.058-.09.117-.178.176-.266H3.309a.25.25 0 0 0-.213.119l-1.2 1.95ZM12 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </template> <template id="shield-check-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-shield-check"> <path d="m8.533.133 5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667l5.25-1.68a1.748 1.748 0 0 1 1.066 0Zm-.61 1.429.001.001-5.25 1.68a.251.251 0 0 0-.174.237V7c0 1.36.275 2.666 1.057 3.859.784 1.194 2.121 2.342 4.366 3.298a.196.196 0 0 0 .154 0c2.245-.957 3.582-2.103 4.366-3.297C13.225 9.666 13.5 8.358 13.5 7V3.48a.25.25 0 0 0-.174-.238l-5.25-1.68a.25.25 0 0 0-.153 0ZM11.28 6.28l-3.5 3.5a.75.75 0 0 1-1.06 0l-1.5-1.5a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l.97.97 2.97-2.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path> </svg> </template> <template id="heart-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart"> <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path> </svg> </template> <template id="server-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-server"> <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"></path> </svg> </template> <template id="globe-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-globe"> <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM5.78 8.75a9.64 9.64 0 0 0 1.363 4.177c.255.426.542.832.857 1.215.245-.296.551-.705.857-1.215A9.64 9.64 0 0 0 10.22 8.75Zm4.44-1.5a9.64 9.64 0 0 0-1.363-4.177c-.307-.51-.612-.919-.857-1.215a9.927 9.927 0 0 0-.857 1.215A9.64 9.64 0 0 0 5.78 7.25Zm-5.944 1.5H1.543a6.507 6.507 0 0 0 4.666 5.5c-.123-.181-.24-.365-.352-.552-.715-1.192-1.437-2.874-1.581-4.948Zm-2.733-1.5h2.733c.144-2.074.866-3.756 1.58-4.948.12-.197.237-.381.353-.552a6.507 6.507 0 0 0-4.666 5.5Zm10.181 1.5c-.144 2.074-.866 3.756-1.58 4.948-.12.197-.237.381-.353.552a6.507 6.507 0 0 0 4.666-5.5Zm2.733-1.5a6.507 6.507 0 0 0-4.666-5.5c.123.181.24.365.353.552.714 1.192 1.436 2.874 1.58 4.948Z"></path> </svg> </template> <template id="issue-opened-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-issue-opened"> <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path> </svg> </template> <template id="device-mobile-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-device-mobile"> <path d="M3.75 0h8.5C13.216 0 14 .784 14 1.75v12.5A1.75 1.75 0 0 1 12.25 16h-8.5A1.75 1.75 0 0 1 2 14.25V1.75C2 .784 2.784 0 3.75 0ZM3.5 1.75v12.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25ZM8 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path> </svg> </template> <template id="package-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-package"> <path d="m8.878.392 5.25 3.045c.54.314.872.89.872 1.514v6.098a1.75 1.75 0 0 1-.872 1.514l-5.25 3.045a1.75 1.75 0 0 1-1.756 0l-5.25-3.045A1.75 1.75 0 0 1 1 11.049V4.951c0-.624.332-1.201.872-1.514L7.122.392a1.75 1.75 0 0 1 1.756 0ZM7.875 1.69l-4.63 2.685L8 7.133l4.755-2.758-4.63-2.685a.248.248 0 0 0-.25 0ZM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432Zm6.25 8.271 4.625-2.683a.25.25 0 0 0 .125-.216V5.677L8.75 8.432Z"></path> </svg> </template> <template id="credit-card-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-credit-card"> <path d="M10.75 9a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5h-1.5Z"></path><path d="M0 3.75C0 2.784.784 2 1.75 2h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 14H1.75A1.75 1.75 0 0 1 0 12.25ZM14.5 6.5h-13v5.75c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25Zm0-2.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25V5h13Z"></path> </svg> </template> <template id="play-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-play"> <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path> </svg> </template> <template id="gift-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-gift"> <path d="M2 2.75A2.75 2.75 0 0 1 4.75 0c.983 0 1.873.42 2.57 1.232.268.318.497.668.68 1.042.183-.375.411-.725.68-1.044C9.376.42 10.266 0 11.25 0a2.75 2.75 0 0 1 2.45 4h.55c.966 0 1.75.784 1.75 1.75v2c0 .698-.409 1.301-1 1.582v4.918A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25V9.332C.409 9.05 0 8.448 0 7.75v-2C0 4.784.784 4 1.75 4h.55c-.192-.375-.3-.8-.3-1.25ZM7.25 9.5H2.5v4.75c0 .138.112.25.25.25h4.5Zm1.5 0v5h4.5a.25.25 0 0 0 .25-.25V9.5Zm0-4V8h5.5a.25.25 0 0 0 .25-.25v-2a.25.25 0 0 0-.25-.25Zm-7 0a.25.25 0 0 0-.25.25v2c0 .138.112.25.25.25h5.5V5.5h-5.5Zm3-4a1.25 1.25 0 0 0 0 2.5h2.309c-.233-.818-.542-1.401-.878-1.793-.43-.502-.915-.707-1.431-.707ZM8.941 4h2.309a1.25 1.25 0 0 0 0-2.5c-.516 0-1 .205-1.43.707-.337.392-.646.975-.879 1.793Z"></path> </svg> </template> <template id="code-square-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code-square"> <path d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25Zm7.47 3.97a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L10.69 8 9.22 6.53a.75.75 0 0 1 0-1.06ZM6.78 6.53 5.31 8l1.47 1.47a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-2-2a.75.75 0 0 1 0-1.06l2-2a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path> </svg> </template> <template id="device-desktop-icon"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-device-desktop"> <path d="M14.25 1c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 14.25 12h-3.727c.099 1.041.52 1.872 1.292 2.757A.752.752 0 0 1 11.25 16h-6.5a.75.75 0 0 1-.565-1.243c.772-.885 1.192-1.716 1.292-2.757H1.75A1.75 1.75 0 0 1 0 10.25v-7.5C0 1.784.784 1 1.75 1ZM1.75 2.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25ZM9.018 12H6.982a5.72 5.72 0 0 1-.765 2.5h3.566a5.72 5.72 0 0 1-.765-2.5Z"></path> </svg> </template> <div class="position-relative"> <ul role="listbox" class="ActionListWrap QueryBuilder-ListWrap" aria-label="Suggestions" data-action=" combobox-commit:query-builder#comboboxCommit mousedown:query-builder#resultsMousedown " data-target="query-builder.resultsList" data-persist-list=false id="query-builder-test-results" ></ul> </div> <div class="FormControl-inlineValidation" id="validation-91c5a3e4-f203-411e-8c39-c86f5c061252" hidden="hidden"> <span class="FormControl-inlineValidation--visual"> <svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-alert-fill"> <path d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 0 1-1.146 1.954H1.33A1.313 1.313 0 0 1 .183 9.058ZM7 7V3H5v4Zm-1 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path> </svg> </span> <span></span> </div> </div> <div data-target="query-builder.screenReaderFeedback" aria-live="polite" aria-atomic="true" class="sr-only"></div> </query-builder></form> <div class="d-flex flex-row color-fg-muted px-3 text-small color-bg-default search-feedback-prompt"> <a target="_blank" href="https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax" data-view-component="true" class="Link color-fg-accent text-normal ml-2"> Search syntax tips </a> <div class="d-flex flex-1"></div> </div> </div> </div> </div> </modal-dialog></div> </div> <div data-action="click:qbsearch-input#retract" class="dark-backdrop position-fixed" hidden data-target="qbsearch-input.darkBackdrop"></div> <div class="color-fg-default"> <dialog-helper> <dialog data-target="qbsearch-input.feedbackDialog" data-action="close:qbsearch-input#handleDialogClose cancel:qbsearch-input#handleDialogClose" id="feedback-dialog" aria-modal="true" aria-labelledby="feedback-dialog-title" aria-describedby="feedback-dialog-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium Overlay--motion-scaleFade Overlay--disableScroll"> <div data-view-component="true" class="Overlay-header"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="feedback-dialog-title"> Provide feedback </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="feedback-dialog" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="feedback-dialog-title"> <div data-view-component="true" class="Overlay-body"> </option></form><form id="code-search-feedback-form" data-turbo="false" action="/search/feedback" accept-charset="UTF-8" method="post"><input type="hidden" data-csrf="true" name="authenticity_token" value="5T6+DJsz0fFqPwuVkRKTeqUX2f0oPhQWKJwnJ9CH0vfOvQpE1IWULjy0BcM4c/0YTtnQaXsSLY2XjKu7W2SRsw==" /> <p>We read every piece of feedback, and take your input very seriously.</p> <textarea name="feedback" class="form-control width-full mb-2" style="height: 120px" id="feedback"></textarea> <input name="include_email" id="include_email" aria-label="Include my email address so I can be contacted" class="form-control mr-2" type="checkbox"> <label for="include_email" style="font-weight: normal">Include my email address so I can be contacted</label> </form></div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd"> <button data-close-dialog-id="feedback-dialog" type="button" data-view-component="true" class="btn"> Cancel </button> <button form="code-search-feedback-form" data-action="click:qbsearch-input#submitFeedback" type="submit" data-view-component="true" class="btn-primary btn"> Submit feedback </button> </div> </dialog></dialog-helper> <custom-scopes data-target="qbsearch-input.customScopesManager"> <dialog-helper> <dialog data-target="custom-scopes.customScopesModalDialog" data-action="close:qbsearch-input#handleDialogClose cancel:qbsearch-input#handleDialogClose" id="custom-scopes-dialog" aria-modal="true" aria-labelledby="custom-scopes-dialog-title" aria-describedby="custom-scopes-dialog-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium Overlay--motion-scaleFade Overlay--disableScroll"> <div data-view-component="true" class="Overlay-header Overlay-header--divided"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="custom-scopes-dialog-title"> Saved searches </h1> <h2 id="custom-scopes-dialog-description" class="Overlay-description">Use saved searches to filter your results more quickly</h2> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="custom-scopes-dialog" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="custom-scopes-dialog-title"> <div data-view-component="true" class="Overlay-body"> <div data-target="custom-scopes.customScopesModalDialogFlash"></div> <div hidden class="create-custom-scope-form" data-target="custom-scopes.createCustomScopeForm"> </option></form><form id="custom-scopes-dialog-form" data-turbo="false" action="/search/custom_scopes" accept-charset="UTF-8" method="post"><input type="hidden" data-csrf="true" name="authenticity_token" value="JchK4i3QsMBbWy4gcGuQNJ6NnFBnKrqqhlYh5D1yP+Hi+MbTxBJfH5c4MS8rDEcjToW8GhlWeGpIuIKQXLZl0g==" /> <div data-target="custom-scopes.customScopesModalDialogFlash"></div> <input type="hidden" id="custom_scope_id" name="custom_scope_id" data-target="custom-scopes.customScopesIdField"> <div class="form-group"> <label for="custom_scope_name">Name</label> <auto-check src="/search/custom_scopes/check_name" required> <input type="text" name="custom_scope_name" id="custom_scope_name" data-target="custom-scopes.customScopesNameField" class="form-control" autocomplete="off" placeholder="github-ruby" required maxlength="50"> <input type="hidden" data-csrf="true" value="U08DCtIduOD4qHUYQH3i2AUns5PYLePGxQJX48Fz9/bzkST4SDzHh3a+N0BH1vhMhqi4ZR9twoPcQ7v58p1RlQ==" /> </auto-check> </div> <div class="form-group"> <label for="custom_scope_query">Query</label> <input type="text" name="custom_scope_query" id="custom_scope_query" data-target="custom-scopes.customScopesQueryField" class="form-control" autocomplete="off" placeholder="(repo:mona/a OR repo:mona/b) AND lang:python" required maxlength="500"> </div> <p class="text-small color-fg-muted"> To see all available qualifiers, see our <a class="Link--inTextBlock" href="https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax">documentation</a>. </p> </form> </div> <div data-target="custom-scopes.manageCustomScopesForm"> <div data-target="custom-scopes.list"></div> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided"> <button data-action="click:custom-scopes#customScopesCancel" type="button" data-view-component="true" class="btn"> Cancel </button> <button form="custom-scopes-dialog-form" data-action="click:custom-scopes#customScopesSubmit" data-target="custom-scopes.customScopesSubmitButton" type="submit" data-view-component="true" class="btn-primary btn"> Create saved search </button> </div> </dialog></dialog-helper> </custom-scopes> </div> </qbsearch-input> <div class="position-relative HeaderMenu-link-wrap d-lg-inline-block"> <a href="/login?return_to=https%3A%2F%2Fgithub.com%2Fstreetwriters%2Fnotesnook%2Fpull%2F3963%2Fcommits%2F4c277b4d800d0a46f61376b3c3fe0961178d5404" class="HeaderMenu-link HeaderMenu-link--sign-in HeaderMenu-button flex-shrink-0 no-underline d-none d-lg-inline-flex border border-lg-0 rounded rounded-lg-0 px-2 py-1" style="margin-left: 12px;" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header menu","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-click-hmac="f7b389ff467d4a95bda1f67856f42615d2679bdd147bf218b24a3ece5a47c94b" data-analytics-event="{"category":"Marketing nav","action":"click to go to homepage","label":"ref_page:Marketing;ref_cta:Sign in;ref_loc:Header"}" > Sign in </a> </div> <a href="/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fpull_requests%2Fshow%2Fcommits&source=header-repo&source_repo=streetwriters%2Fnotesnook" class="HeaderMenu-link HeaderMenu-link--sign-up HeaderMenu-button flex-shrink-0 d-flex d-lg-inline-flex no-underline border color-border-default rounded px-2 py-1" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header menu","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-click-hmac="f7b389ff467d4a95bda1f67856f42615d2679bdd147bf218b24a3ece5a47c94b" data-analytics-event="{"category":"Sign up","action":"click to sign up for account","label":"ref_page:/<user-name>/<repo-name>/pull_requests/show/commits;ref_cta:Sign up;ref_loc:header logged out"}" > Sign up </a> <button type="button" class="sr-only js-header-menu-focus-trap d-block d-lg-none">Reseting focus</button> </div> </div> </div> </div> </header> <div hidden="hidden" data-view-component="true" class="js-stale-session-flash stale-session-flash flash flash-warn flash-full"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span class="js-stale-session-flash-signed-in" hidden>You signed in with another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span> <span class="js-stale-session-flash-signed-out" hidden>You signed out in another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span> <span class="js-stale-session-flash-switched" hidden>You switched accounts on another tab or window. <a class="Link--inTextBlock" href="">Reload</a> to refresh your session.</span> <button id="icon-button-8c5ec0fa-761b-4794-a4d9-24a0f574c6b5" aria-labelledby="tooltip-4c0fa460-37f8-4708-a9a1-b7991b808949" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium flash-close js-flash-close"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x Button-visual"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg> </button><tool-tip id="tooltip-4c0fa460-37f8-4708-a9a1-b7991b808949" for="icon-button-8c5ec0fa-761b-4794-a4d9-24a0f574c6b5" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Dismiss alert</tool-tip> </div> </div> <div id="start-of-content" class="show-on-focus"></div> <div id="js-flash-container" class="flash-container" data-turbo-replace> <template class="js-flash-template"> <div class="flash flash-full {{ className }}"> <div > <button autofocus class="flash-close js-flash-close" type="button" aria-label="Dismiss this message"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <div aria-atomic="true" role="alert" class="js-flash-alert"> <div>{{ message }}</div> </div> </div> </div> </template> </div> <div class="application-main " data-commit-hovercards-enabled data-discussion-hovercards-enabled data-issue-and-pr-hovercards-enabled > <div itemscope itemtype="http://schema.org/SoftwareSourceCode" class=""> <main id="js-repo-pjax-container" > <div id="repository-container-header" class="pt-3 hide-full-screen" style="background-color: var(--page-header-bgColor, var(--color-page-header-bg));" data-turbo-replace> <div class="d-flex flex-nowrap flex-justify-end mb-3 px-3 px-lg-5" style="gap: 1rem;"> <div class="flex-auto min-width-0 width-fit"> <div class=" d-flex flex-wrap flex-items-center wb-break-word f3 text-normal"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo color-fg-muted mr-2"> <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path> </svg> <span class="author flex-self-stretch" itemprop="author"> <a class="url fn" rel="author" data-hovercard-type="organization" data-hovercard-url="/orgs/streetwriters/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/streetwriters"> streetwriters </a> </span> <span class="mx-1 flex-self-stretch color-fg-muted">/</span> <strong itemprop="name" class="mr-2 flex-self-stretch"> <a data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" href="/streetwriters/notesnook">notesnook</a> </strong> <span></span><span class="Label Label--secondary v-align-middle mr-1">Public</span> </div> </div> <div id="repository-details-container" class="flex-shrink-0" data-turbo-replace style="max-width: 70%;"> <ul class="pagehead-actions flex-shrink-0 d-none d-md-inline" style="padding: 2px 0;"> <li> <include-fragment src="/streetwriters/notesnook/sponsor_button"></include-fragment> </li> <li> <a href="/login?return_to=%2Fstreetwriters%2Fnotesnook" rel="nofollow" id="repository-details-watch-button" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"notification subscription menu watch","repository_id":null,"auth_type":"LOG_IN","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-click-hmac="7649576db9ddeec05b175b8296cdcce3d8910549f9be37ec4a453cc012da5fa7" aria-label="You must be signed in to change notification settings" data-view-component="true" class="btn-sm btn"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-bell mr-2"> <path d="M8 16a2 2 0 0 0 1.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 0 0 8 16ZM3 5a5 5 0 0 1 10 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.519 1.519 0 0 1 13.482 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.255.255 0 0 0 3 7.947Zm5-3.5A3.5 3.5 0 0 0 4.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.017.017 0 0 0-.003.01l.001.006c0 .002.002.004.004.006l.006.004.007.001h10.964l.007-.001.006-.004.004-.006.001-.007a.017.017 0 0 0-.003-.01l-1.703-2.554a1.745 1.745 0 0 1-.294-.97V5A3.5 3.5 0 0 0 8 1.5Z"></path> </svg>Notifications </a> <tool-tip id="tooltip-c14c876c-e291-4e32-ab3a-832d3b0347ba" for="repository-details-watch-button" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">You must be signed in to change notification settings</tool-tip> </li> <li> <a icon="repo-forked" id="fork-button" href="/login?return_to=%2Fstreetwriters%2Fnotesnook" rel="nofollow" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"repo details fork button","repository_id":353775942,"auth_type":"LOG_IN","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-click-hmac="cb5ccd6a713bf45eab1b152f25c638153d04eb0dfd1d1e205a0145f6128169e6" data-view-component="true" class="btn-sm btn"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo-forked mr-2"> <path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path> </svg>Fork <span id="repo-network-counter" data-pjax-replace="true" data-turbo-replace="true" title="639" data-view-component="true" class="Counter">639</span> </a> </li> <li> <div data-view-component="true" class="BtnGroup d-flex"> <a href="/login?return_to=%2Fstreetwriters%2Fnotesnook" rel="nofollow" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"star button","repository_id":353775942,"auth_type":"LOG_IN","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-click-hmac="a88b604ec132e90ea988cf3807e89312877eca14f6a420dfe7a754d24443954a" aria-label="You must be signed in to star a repository" data-view-component="true" class="tooltipped tooltipped-sw btn-sm btn"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-star v-align-text-bottom d-inline-block mr-2"> <path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path> </svg><span data-view-component="true" class="d-inline"> Star </span> <span id="repo-stars-counter-star" aria-label="10388 users starred this repository" data-singular-suffix="user starred this repository" data-plural-suffix="users starred this repository" data-turbo-replace="true" title="10,388" data-view-component="true" class="Counter js-social-count">10.4k</span> </a></div> </li> </ul> </div> </div> <div id="responsive-meta-container" data-turbo-replace> </div> <nav data-pjax="#js-repo-pjax-container" aria-label="Repository" data-view-component="true" class="js-repo-nav js-sidenav-container-pjax js-responsive-underlinenav overflow-hidden UnderlineNav px-3 px-md-4 px-lg-5"> <ul data-view-component="true" class="UnderlineNav-body list-style-none"> <li data-view-component="true" class="d-inline-flex"> <a id="code-tab" href="/streetwriters/notesnook" data-tab-item="i0code-tab" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches repo_packages repo_deployments repo_attestations /streetwriters/notesnook" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g c" data-analytics-event="{"category":"Underline navbar","action":"Click tab","label":"Code","target":"UNDERLINE_NAV.TAB"}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code UnderlineNav-octicon d-none d-sm-inline"> <path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path> </svg> <span data-content="Code">Code</span> <span id="code-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span> </a></li> <li data-view-component="true" class="d-inline-flex"> <a id="issues-tab" href="/streetwriters/notesnook/issues" data-tab-item="i1issues-tab" data-selected-links="repo_issues repo_labels repo_milestones /streetwriters/notesnook/issues" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g i" data-analytics-event="{"category":"Underline navbar","action":"Click tab","label":"Issues","target":"UNDERLINE_NAV.TAB"}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-issue-opened UnderlineNav-octicon d-none d-sm-inline"> <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path> </svg> <span data-content="Issues">Issues</span> <span id="issues-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="1,037" data-view-component="true" class="Counter">1k</span> </a></li> <li data-view-component="true" class="d-inline-flex"> <a id="pull-requests-tab" href="/streetwriters/notesnook/pulls" data-tab-item="i2pull-requests-tab" data-selected-links="repo_pulls checks /streetwriters/notesnook/pulls" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g p" data-analytics-event="{"category":"Underline navbar","action":"Click tab","label":"Pull requests","target":"UNDERLINE_NAV.TAB"}" aria-current="page" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item selected"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-pull-request UnderlineNav-octicon d-none d-sm-inline"> <path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z"></path> </svg> <span data-content="Pull requests">Pull requests</span> <span id="pull-requests-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="30" data-view-component="true" class="Counter">30</span> </a></li> <li data-view-component="true" class="d-inline-flex"> <a id="discussions-tab" href="/streetwriters/notesnook/discussions" data-tab-item="i3discussions-tab" data-selected-links="repo_discussions /streetwriters/notesnook/discussions" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g g" data-analytics-event="{"category":"Underline navbar","action":"Click tab","label":"Discussions","target":"UNDERLINE_NAV.TAB"}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-comment-discussion UnderlineNav-octicon d-none d-sm-inline"> <path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path> </svg> <span data-content="Discussions">Discussions</span> <span id="discussions-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span> </a></li> <li data-view-component="true" class="d-inline-flex"> <a id="actions-tab" href="/streetwriters/notesnook/actions" data-tab-item="i4actions-tab" data-selected-links="repo_actions /streetwriters/notesnook/actions" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g a" data-analytics-event="{"category":"Underline navbar","action":"Click tab","label":"Actions","target":"UNDERLINE_NAV.TAB"}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-play UnderlineNav-octicon d-none d-sm-inline"> <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path> </svg> <span data-content="Actions">Actions</span> <span id="actions-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span> </a></li> <li data-view-component="true" class="d-inline-flex"> <a id="projects-tab" href="/streetwriters/notesnook/projects" data-tab-item="i5projects-tab" data-selected-links="repo_projects new_repo_project repo_project /streetwriters/notesnook/projects" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g b" data-analytics-event="{"category":"Underline navbar","action":"Click tab","label":"Projects","target":"UNDERLINE_NAV.TAB"}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-table UnderlineNav-octicon d-none d-sm-inline"> <path d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25ZM6.5 6.5v8h7.75a.25.25 0 0 0 .25-.25V6.5Zm8-1.5V1.75a.25.25 0 0 0-.25-.25H6.5V5Zm-13 1.5v7.75c0 .138.112.25.25.25H5v-8ZM5 5V1.5H1.75a.25.25 0 0 0-.25.25V5Z"></path> </svg> <span data-content="Projects">Projects</span> <span id="projects-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="0" hidden="hidden" data-view-component="true" class="Counter">0</span> </a></li> <li data-view-component="true" class="d-inline-flex"> <a id="security-tab" href="/streetwriters/notesnook/security" data-tab-item="i6security-tab" data-selected-links="security overview alerts policy token_scanning code_scanning /streetwriters/notesnook/security" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-hotkey="g s" data-analytics-event="{"category":"Underline navbar","action":"Click tab","label":"Security","target":"UNDERLINE_NAV.TAB"}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-shield UnderlineNav-octicon d-none d-sm-inline"> <path d="M7.467.133a1.748 1.748 0 0 1 1.066 0l5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667Zm.61 1.429a.25.25 0 0 0-.153 0l-5.25 1.68a.25.25 0 0 0-.174.238V7c0 1.358.275 2.666 1.057 3.86.784 1.194 2.121 2.34 4.366 3.297a.196.196 0 0 0 .154 0c2.245-.956 3.582-2.104 4.366-3.298C13.225 9.666 13.5 8.36 13.5 7V3.48a.251.251 0 0 0-.174-.237l-5.25-1.68ZM8.75 4.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 1.5 0ZM9 10.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span data-content="Security">Security</span> <include-fragment src="/streetwriters/notesnook/security/overall-count" accept="text/fragment+html"></include-fragment> </a></li> <li data-view-component="true" class="d-inline-flex"> <a id="insights-tab" href="/streetwriters/notesnook/pulse" data-tab-item="i7insights-tab" data-selected-links="repo_graphs repo_contributors dependency_graph dependabot_updates pulse people community /streetwriters/notesnook/pulse" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" data-analytics-event="{"category":"Underline navbar","action":"Click tab","label":"Insights","target":"UNDERLINE_NAV.TAB"}" data-view-component="true" class="UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-graph UnderlineNav-octicon d-none d-sm-inline"> <path d="M1.5 1.75V13.5h13.75a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75V1.75a.75.75 0 0 1 1.5 0Zm14.28 2.53-5.25 5.25a.75.75 0 0 1-1.06 0L7 7.06 4.28 9.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.25-3.25a.75.75 0 0 1 1.06 0L10 7.94l4.72-4.72a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path> </svg> <span data-content="Insights">Insights</span> <span id="insights-repo-tab-count" data-pjax-replace="" data-turbo-replace="" title="Not available" data-view-component="true" class="Counter"></span> </a></li> </ul> <div style="visibility:hidden;" data-view-component="true" class="UnderlineNav-actions js-responsive-underlinenav-overflow position-absolute pr-3 pr-md-4 pr-lg-5 right-0"> <action-menu data-select-variant="none" data-view-component="true"> <focus-group direction="vertical" mnemonics retain> <button id="action-menu-cd8a6dcf-67d2-4446-8366-ed4e5c68d135-button" popovertarget="action-menu-cd8a6dcf-67d2-4446-8366-ed4e5c68d135-overlay" aria-controls="action-menu-cd8a6dcf-67d2-4446-8366-ed4e5c68d135-list" aria-haspopup="true" aria-labelledby="tooltip-e88271e7-8759-46ee-b6e0-ffd0800b3ba3" type="button" data-view-component="true" class="Button Button--iconOnly Button--secondary Button--medium UnderlineNav-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </button><tool-tip id="tooltip-e88271e7-8759-46ee-b6e0-ffd0800b3ba3" for="action-menu-cd8a6dcf-67d2-4446-8366-ed4e5c68d135-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Additional navigation options</tool-tip> <anchored-position id="action-menu-cd8a6dcf-67d2-4446-8366-ed4e5c68d135-overlay" anchor="action-menu-cd8a6dcf-67d2-4446-8366-ed4e5c68d135-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true"> <div data-view-component="true" class="Overlay Overlay--size-auto"> <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone"> <action-list> <div data-view-component="true"> <ul aria-labelledby="action-menu-cd8a6dcf-67d2-4446-8366-ed4e5c68d135-button" id="action-menu-cd8a6dcf-67d2-4446-8366-ed4e5c68d135-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap"> <li hidden="hidden" data-menu-item="i0code-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-82b811b9-79d2-411b-b24c-4728a502a43f" href="/streetwriters/notesnook" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-code"> <path d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Code </span> </a> </li> <li hidden="hidden" data-menu-item="i1issues-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-132c78b0-80fd-4a65-b91c-fefca93be062" href="/streetwriters/notesnook/issues" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-issue-opened"> <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Issues </span> </a> </li> <li hidden="hidden" data-menu-item="i2pull-requests-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-08daf13d-7a7d-4929-8c02-05c5a931fba7" href="/streetwriters/notesnook/pulls" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-pull-request"> <path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Pull requests </span> </a> </li> <li hidden="hidden" data-menu-item="i3discussions-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-37ac3ea1-b8c9-4b6d-a4ef-d1c9921b4727" href="/streetwriters/notesnook/discussions" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-comment-discussion"> <path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Discussions </span> </a> </li> <li hidden="hidden" data-menu-item="i4actions-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-ce8b7bc4-36ea-4bed-93fd-1c1db12c236b" href="/streetwriters/notesnook/actions" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-play"> <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Actions </span> </a> </li> <li hidden="hidden" data-menu-item="i5projects-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-4c3c67bb-54f6-408c-a979-1d700570e1ab" href="/streetwriters/notesnook/projects" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-table"> <path d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25ZM6.5 6.5v8h7.75a.25.25 0 0 0 .25-.25V6.5Zm8-1.5V1.75a.25.25 0 0 0-.25-.25H6.5V5Zm-13 1.5v7.75c0 .138.112.25.25.25H5v-8ZM5 5V1.5H1.75a.25.25 0 0 0-.25.25V5Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Projects </span> </a> </li> <li hidden="hidden" data-menu-item="i6security-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-7bd6e534-413b-4535-a9c1-2c4caf915fa4" href="/streetwriters/notesnook/security" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-shield"> <path d="M7.467.133a1.748 1.748 0 0 1 1.066 0l5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667Zm.61 1.429a.25.25 0 0 0-.153 0l-5.25 1.68a.25.25 0 0 0-.174.238V7c0 1.358.275 2.666 1.057 3.86.784 1.194 2.121 2.34 4.366 3.297a.196.196 0 0 0 .154 0c2.245-.956 3.582-2.104 4.366-3.298C13.225 9.666 13.5 8.36 13.5 7V3.48a.251.251 0 0 0-.174-.237l-5.25-1.68ZM8.75 4.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 1.5 0ZM9 10.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Security </span> </a> </li> <li hidden="hidden" data-menu-item="i7insights-tab" data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-1dc6d313-a3f8-4cd9-af36-858f7447d154" href="/streetwriters/notesnook/pulse" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16"> <span class="ActionListItem-visual ActionListItem-visual--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-graph"> <path d="M1.5 1.75V13.5h13.75a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75V1.75a.75.75 0 0 1 1.5 0Zm14.28 2.53-5.25 5.25a.75.75 0 0 1-1.06 0L7 7.06 4.28 9.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.25-3.25a.75.75 0 0 1 1.06 0L10 7.94l4.72-4.72a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Insights </span> </a> </li> </ul> </div></action-list> </div> </div></anchored-position> </focus-group> </action-menu></div> </nav> </div> <turbo-frame id="repo-content-turbo-frame" target="_top" data-turbo-action="advance" class=""> <div id="repo-content-pjax-container" class="repository-content " > <div class="clearfix mt-4 px-3 px-md-4 px-lg-5"> <div class="position-relative js-review-state-classes js-suggested-changes-subset-files" data-pjax data-discussion-hovercards-enabled data-issue-and-pr-hovercards-enabled > <div id="files_bucket" class="files-bucket files-next-bucket clearfix pull-request-tab-content is-visible js-multi-line-comments-enabled"> <diff-file-filter> <div id="partial-discussion-header" class="gh-header mb-3 js-details-container Details js-socket-channel js-updatable-content pull request js-pull-header-details" data-channel="eyJjIjoicHVsbF9yZXF1ZXN0OjE2NDM2MTIzMzIiLCJ0IjoxNzMzMjYxNTQyfQ==--85c4cdd1dfede81be467ed3d6f5ae1c0490f690e5b36ef32e11683526db532e3" data-url="/streetwriters/notesnook/pull/3963/partials/title?sticky=false" data-channel-event-name="title_updated" data-pull-is-open="true" data-gid="PR_kwDOFRYxRs5h94is"> <div class="gh-header-show "> <div class="d-flex flex-column flex-md-row"> <div class="gh-header-actions mt-0 mb-3 mb-md-2 ml-1 flex-md-order-1 flex-shrink-0 d-flex flex-items-center gap-1"> <details class="details-reset details-overlay details-overlay-dark float-right" > <summary class="btn btn-sm btn-primary m-0 ml-0 ml-md-2" > New issue </summary> <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast overflow-auto" aria-label="Sign up for GitHub"> <button aria-label="Close dialog" data-close-dialog="" type="button" data-view-component="true" class="Link--muted btn-link position-absolute p-4 right-0"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <div class="d-flex flex-column p-4"> <div class="mt-3 mb-2 text-center"> <svg height="60" aria-hidden="true" viewBox="0 0 24 24" version="1.1" width="60" data-view-component="true" class="octicon octicon-comment-discussion color-fg-accent"> <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"></path><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"></path> </svg> </div> <div class="px-4"> <p class="text-center mb-4"> <strong>Have a question about this project?</strong> Sign up for a free GitHub account to open an issue and contact its maintainers and the community. </p> <div class="d-flex flex-items-center"> <a href="/signup?return_to=%2Fstreetwriters%2Fnotesnook%2Fissues%2Fnew%2Fchoose" data-view-component="true" class="btn-primary btn mx-auto"> Sign up for GitHub </a> </div> <p class="mt-4 color-fg-muted text-center">By clicking “Sign up for GitHub”, you agree to our <a class="Link--inTextBlock" href="https://docs.github.com/terms" target="_blank">terms of service</a> and <a class="Link--inTextBlock" href="https://docs.github.com/privacy" target="_blank">privacy statement</a>. We’ll occasionally send you account related emails.</p> <p class="mt-4 color-fg-muted text-center"> Already on GitHub? <a data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"new issue modal","repository_id":null,"auth_type":"LOG_IN","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-click-hmac="5d7bbec3244a10e1e6db9c5b5b24c5dca70d82138c2c7d81c5889519e62248d3" class="Link--inTextBlock" href="/login?return_to=%2Fstreetwriters%2Fnotesnook%2Fissues%2Fnew%2Fchoose">Sign in</a> to your account </p> </div> </div> </details-dialog> </details> <div class="flex-auto text-right d-block d-md-none"> <a href="#issue-comment-box" class="py-1">Jump to bottom</a> </div> </div> <h1 class="gh-header-title mb-2 lh-condensed f1 mr-0 flex-auto wb-break-word"> <bdi class="js-issue-title markdown-title">editor: add emoji selector to editor (wip)</bdi> <span class="f1-light color-fg-muted">#3963</span> </h1> </div> </div> <div class="d-flex flex-items-center flex-wrap mt-0 gh-header-meta"> <div class="flex-shrink-0 mb-2 flex-self-start flex-md-self-center"> <span reviewable_state="draft" title="Status: Draft" data-view-component="true" class="State"> <svg height="16" class="octicon octicon-git-pull-request-draft" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1Zm9.5 14a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM2.5 3.25a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0ZM3.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm9.5 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM14 7.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm0-4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"></path></svg> Draft </span> </div> <div class="flex-auto min-width-0 mb-2"> <a class="author Link--secondary text-bold css-truncate css-truncate-target expandable" data-hovercard-type="user" data-hovercard-url="/users/wendevlin/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/wendevlin">wendevlin</a> wants to merge <span class="js-updating-pull-request-commits-count">1</span> commit into <span title="streetwriters/notesnook:master" class="commit-ref css-truncate user-select-contain expandable base-ref"><a title="streetwriters/notesnook:master" class="no-underline " href="/streetwriters/notesnook/tree/master"><span class="css-truncate-target">streetwriters</span>:<span class="css-truncate-target">master</span></a></span><span></span> <div class="commit-ref-dropdown"> <details class="details-reset details-overlay select-menu commitish-suggester" id="branch-select-menu"> <summary class="btn btn-sm select-menu-button branch"> <i>base:</i> <span class="css-truncate css-truncate-target">master</span> </summary> <input-demux-context-wrapper data-context-type="baseChange"> <div class="SelectMenu"> <div class="SelectMenu-modal"> <header class="SelectMenu-header"> <span class="SelectMenu-title">Choose a base branch</span> <button class="SelectMenu-closeButton" type="button" data-toggle-for="branch-select-menu"><svg aria-label="Close menu" aria-hidden="false" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </header> <input-demux data-action="tab-container-change:input-demux#storeInput tab-container-changed:input-demux#updateInput"> <div class="SelectMenu-filter"> <input data-target="input-demux.source" id="context-commitish-filter-field" class="SelectMenu-input form-control" aria-owns="ref-list-branches" data-controls-ref-menu-id="ref-list-branches" autofocus autocomplete="off" aria-label="Find a branch" placeholder="Find a branch" type="text" > </div> <tab-container class="d-flex flex-column js-branches-tags-tabs" style="min-height: 0;"> <div class="SelectMenu-tabs" role="tablist" data-target="input-demux.control" hidden> <button class="SelectMenu-tab" type="button" role="tab" aria-selected="true">Branches</button> <button class="SelectMenu-tab" type="button" role="tab">Tags</button> </div> <div role="tabpanel" id="ref-list-branches" data-filter-placeholder="Find a branch" tabindex="" class="d-flex flex-column flex-auto"> <ref-selector type="branch" data-targets="input-demux.sinks" data-action=" input-entered:ref-selector#inputEntered tab-selected:ref-selector#tabSelected focus-list:ref-selector#focusFirstListMember " query-endpoint="/streetwriters/notesnook/refs" cache-key="v0:1732783361.0" current-committish="bWFzdGVy" default-branch="bWFzdGVy" name-with-owner="c3RyZWV0d3JpdGVycy9ub3Rlc25vb2s=" prefetch-on-mouseover > <template data-target="ref-selector.fetchFailedTemplate"> <div class="SelectMenu-message" data-index="{{ index }}">Could not load branches</div> </template> <template data-target="ref-selector.noMatchTemplate"> <div class="height-full width-full d-flex flex-items-center pl-3"> <span>Branch not found: <strong>{{ refName }}</strong></span> </div> </template> <div data-target="ref-selector.listContainer" role="menu" class="SelectMenu-list m-0" > <div class="SelectMenu-loading pt-3 pb-0 overflow-hidden"> <span data-view-component="true"> <svg style="box-sizing: content-box; color: var(--color-icon-primary);" width="32" height="32" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-view-component="true" class="anim-rotate"> <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke" fill="none" /> <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" /> </svg> <span class="sr-only">Loading</span> </span> </div> </div> <template data-target="ref-selector.itemTemplate"> <button type="button" class="SelectMenu-item" role="menuitemradio" rel="nofollow" aria-checked="{{ isCurrent }}" data-index="{{ index }}" data-action="click:input-demux-context-wrapper#onItemSelected"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check SelectMenu-icon SelectMenu-icon--check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> <span class="flex-1 css-truncate css-truncate-overflow {{ isFilteringClass }} js-ref-name">{{ refName }}</span> <span hidden="{{ isNotDefault }}" class="Label Label--secondary flex-self-start">default</span> </button> </template> </ref-selector> </div> <div role="tabpanel" id="tags-menu" data-filter-placeholder="Find a tag" tabindex="" hidden class="d-flex flex-column flex-auto"> <ref-selector type="tag" data-action=" input-entered:ref-selector#inputEntered tab-selected:ref-selector#tabSelected focus-list:ref-selector#focusFirstListMember " data-targets="input-demux.sinks" query-endpoint="/streetwriters/notesnook/refs" cache-key="v0:1732783361.0" current-committish="bWFzdGVy" default-branch="bWFzdGVy" name-with-owner="c3RyZWV0d3JpdGVycy9ub3Rlc25vb2s=" > <template data-target="ref-selector.fetchFailedTemplate"> <div class="SelectMenu-message" data-index="{{ index }}">Could not load tags</div> </template> <template data-target="ref-selector.noMatchTemplate"> <div class="SelectMenu-message" data-index="{{ index }}">Nothing to show</div> </template> <template data-target="ref-selector.itemTemplate"> <button type="button" class="SelectMenu-item" role="menuitemradio" rel="nofollow" aria-checked="{{ isCurrent }}" data-index="{{ index }}" data-action="click:input-demux-context-wrapper#onItemSelected"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check SelectMenu-icon SelectMenu-icon--check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> <span class="flex-1 css-truncate css-truncate-overflow {{ isFilteringClass }} js-ref-name">{{ refName }}</span> <span hidden="{{ isNotDefault }}" class="Label Label--secondary flex-self-start">default</span> </button> </template> <div data-target="ref-selector.listContainer" role="menu" class="SelectMenu-list" > <div class="SelectMenu-loading pt-3 pb-0 overflow-hidden"> <span data-view-component="true"> <svg style="box-sizing: content-box; color: var(--color-icon-primary);" width="32" height="32" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-view-component="true" class="anim-rotate"> <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke" fill="none" /> <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" /> </svg> <span class="sr-only">Loading</span> </span> </div> </div> </ref-selector> </div> </tab-container> </input-demux> </div> </div> <template class="js-change-base-template"> <div class="Box-header"> <h3 class="Box-title">Are you sure you want to change the base?</h3> </div> <div class="Box-body"> Some commits from the old base branch may be removed from the timeline, and old review comments may become outdated. </div> <div class="Box-footer"> <button form="change-base-form" type="submit" data-view-component="true" class="btn-block js-change-base-form-button Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label"><span data-view-component="true"> <svg style="display: none" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-view-component="true" class="js-change-base-spinner v-align-text-bottom mr-1 anim-rotate"> <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke" fill="none" /> <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" /> </svg> <span class="sr-only">Loading</span> </span> <span>Change base</span></span> </span> </button> </div> </template> </input-demux-context-wrapper> </details> </option></form><form id="change-base-form" data-turbo="false" action="/streetwriters/notesnook/pull/3963/change_base" accept-charset="UTF-8" method="post"><input type="hidden" data-csrf="true" name="authenticity_token" value="Q9RSTPqGlJy2vnIy1hHJGdf5NOB4mmyCKi7VSbKeCMfAb7vGKYIOEpKiHoJi+ssa/2jaxB917Ry8ujrjjHO6Fw==" /> <input type="hidden" id="pull-change-base-branch-field" name="new_base_binary" class="js-new-base-branch"> </form> </div> from <span title="wendevlin/notesnook:3911/feat/inline-emoji-selector" class="commit-ref css-truncate user-select-contain expandable head-ref"><a title="wendevlin/notesnook:3911/feat/inline-emoji-selector" class="no-underline " href="/wendevlin/notesnook/tree/3911/feat/inline-emoji-selector"><span class="css-truncate-target">wendevlin</span>:<span class="css-truncate-target">3911/feat/inline-emoji-selector</span></a></span><span><span data-view-component="true"> <clipboard-copy aria-label="Copy" data-copy-feedback="Copied!" value="wendevlin:3911/feat/inline-emoji-selector" data-view-component="true" class="Link--onHover js-copy-branch color-fg-muted d-inline-block ml-1"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span></span> <span class="d-inline-block"> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/primer-react-765944243383.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/octicons-react-45c3a19dd792.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_emotion_is-prop-valid_dist_emotion-is-prop-valid_esm_js-node_modules_emo-37e3d5-31653d7f2342.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_mini-throttle_dist_index_js-node_modules_stacktrace-parser_dist_s-e7dcdd-074052b7d26b.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_oddbird_popover-polyfill_dist_popover-fn_js-4896ddd4b7bb.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/pull-requests-processing-indicator-73452fe0d2fe.js"></script> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/primer-react.9fa170e9435ed4b922b9.module.css" /> <react-partial partial-name="pull-requests-processing-indicator" data-ssr="false" data-attempted-ssr="false" > <script type="application/json" data-target="react-partial.embeddedData">{"props":{"processingIndicatorUrl":"/streetwriters/notesnook/pull/3963/partials/processing_indicator","repositoryId":353775942,"pullRequestId":1643612332}}</script> <div data-target="react-partial.reactRoot"></div> </react-partial> </span> </div> </div> </div> <include-fragment src="/streetwriters/notesnook/pull/3963/partials/tabs?tab=commits"> <div class="px-3 px-md-0 ml-n3 mr-n3 mx-md-0 tabnav"> <nav class="tabnav-tabs d-flex overflow-auto" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame" aria-label="Pull request tabs"> <a href="/streetwriters/notesnook/pull/3963" class="tabnav-tab flex-shrink-0 "> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-comment-discussion d-none d-md-inline-block"> <path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path> </svg> Conversation <span id="conversation_tab_counter" title="0" data-view-component="true" class="Counter">0</span> </a> <a href="/streetwriters/notesnook/pull/3963/commits" class="tabnav-tab flex-shrink-0 selected" aria-current="page" > <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-commit d-none d-md-inline-block"> <path d="M11.93 8.5a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 0 1 0-1.5h3.32a4.002 4.002 0 0 1 7.86 0h3.32a.75.75 0 0 1 0 1.5Zm-1.43-.75a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"></path> </svg> Commits <span id="commits_tab_counter" title="1" data-view-component="true" class="Counter js-updateable-pull-request-commits-count">1</span> </a> <a href="/streetwriters/notesnook/pull/3963/checks" class="tabnav-tab flex-shrink-0 "> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-checklist d-none d-md-inline-block"> <path d="M2.5 1.75v11.5c0 .138.112.25.25.25h3.17a.75.75 0 0 1 0 1.5H2.75A1.75 1.75 0 0 1 1 13.25V1.75C1 .784 1.784 0 2.75 0h8.5C12.216 0 13 .784 13 1.75v7.736a.75.75 0 0 1-1.5 0V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13.274 9.537v-.001l-4.557 4.45a.75.75 0 0 1-1.055-.008l-1.943-1.95a.75.75 0 0 1 1.062-1.058l1.419 1.425 4.026-3.932a.75.75 0 1 1 1.048 1.074ZM4.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM4 7.75A.75.75 0 0 1 4.75 7h2a.75.75 0 0 1 0 1.5h-2A.75.75 0 0 1 4 7.75Z"></path> </svg> Checks <span id="checks_tab_counter" title="0" data-view-component="true" class="Counter">0</span> </a> <a href="/streetwriters/notesnook/pull/3963/files" class="tabnav-tab flex-shrink-0 "> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file-diff d-none d-md-inline-block"> <path d="M1 1.75C1 .784 1.784 0 2.75 0h7.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073ZM8 3.25a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0V7h-1.5a.75.75 0 0 1 0-1.5h1.5V4A.75.75 0 0 1 8 3.25Zm-3 8a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z"></path> </svg> Files changed </a> </nav> </div> </include-fragment> <diff-layout > <button data-hotkey="t" data-action="click:diff-layout#handleOpenFilesListHotkeyEvent" hidden="hidden" type="button" data-view-component="true" class="btn"> </button> <div class="pr-toolbar d-flex js-sticky-is-stuck" data-target="diff-layout.diffToolbar"> <div class="diffbar details-collapse js-details-container Details flex-1 d-flex flex-items-center width-full flex-wrap gap-2"> <div class="show-if-stuck mr-2 hide-md hide-sm"> <div id="pull-state" class="js-socket-channel js-updatable-content" data-channel="eyJjIjoiaXNzdWU6MjA0MTAzNzYzMDpzdGF0ZSIsInQiOjE3MzMyNjE1NDJ9--8300ac68671b1e80db1a9a0861606fd712c66ba9f5c5f1d74600debc323c4d0e" data-url="/streetwriters/notesnook/pull/3963/partials/state" data-gid="PR_kwDOFRYxRs5h94is" > <span reviewable_state="draft" title="Status: Draft" data-view-component="true" class="State"> <svg height="16" class="octicon octicon-git-pull-request-draft" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1Zm9.5 14a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM2.5 3.25a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0ZM3.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm9.5 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM14 7.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm0-4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"></path></svg> Draft </span> </div> </div> <div class="flex-auto min-width-0"> <div class="show-if-stuck hide-md hide-sm"> <h1 class="d-flex text-bold f5"> <a class="js-issue-title css-truncate css-truncate-target Link--primary width-fit markdown-title js-smoothscroll-anchor" href="#top"> editor: add emoji selector to editor (wip) </a> <span class="gh-header-number color-fg-muted pl-1">#3963</span> </h1> </div> <div class="d-flex flex-items-center flex-wrap" style="gap: 4px 16px;" data-pjax="#repo-content-pjax-container" data-turbo-frame="repo-content-turbo-frame"> <instrument-files style="display: none;" data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"user_id":null,"pull_request_id":1643612332,"category":"files","action":"ctrl_f","data":{"file_count":8},"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="006ae1857b967bb31c25b45b6325d8c60e8e003082cc5e3f1b963bc191e28d65" ></instrument-files> <file-tree-toggle data-action="toggle-sidebar:diff-layout#toggleSidebar" class="d-none d-md-inline-block d-lg-inline-block d-xl-inline-block" > <div data-view-component="true" class="position-relative d-inline-block"> <button id="show-file-tree-button" data-target="file-tree-toggle.showFileTreeButton diff-layout.showFileTreeButton" data-action="click:file-tree-toggle#toggleFileTree" data-prefer-file-tree-visible="true" data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8},"pull_request_id":1643612332,"user_id":null,"action":"show_tree","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="a4264c5944503b2b7daf49c7f964de4100dce11f11cd1fd41ed7e777c35dbd59" hidden="hidden" type="button" data-view-component="true" class="btn-octicon Link--muted diffbar-item m-0 p-0"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-sidebar-collapse"> <path d="M6.823 7.823a.25.25 0 0 1 0 .354l-2.396 2.396A.25.25 0 0 1 4 10.396V5.604a.25.25 0 0 1 .427-.177Z"></path><path d="M1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0ZM1.5 1.75v12.5c0 .138.112.25.25.25H9.5v-13H1.75a.25.25 0 0 0-.25.25ZM11 14.5h3.25a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H11Z"></path> </svg> </button> <tool-tip id="tooltip-aa665f4d-d3b5-4894-83a4-386a6f41420a" for="show-file-tree-button" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Show file tree</tool-tip> </div> <div data-view-component="true" class="position-relative d-inline-block"> <button id="hide-file-tree-button" data-target="file-tree-toggle.hideFileTreeButton" data-action="click:file-tree-toggle#toggleFileTree" data-prefer-file-tree-visible="false" data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8},"pull_request_id":1643612332,"user_id":null,"action":"hide_tree","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="03ab2985328efc99b0df00ec091d1a1d9be60c56ccfbfc0b5a5fe6760c0e66e2" type="button" data-view-component="true" class="btn-octicon Link--muted diffbar-item m-0 p-0"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-sidebar-expand"> <path d="m4.177 7.823 2.396-2.396A.25.25 0 0 1 7 5.604v4.792a.25.25 0 0 1-.427.177L4.177 8.177a.25.25 0 0 1 0-.354Z"></path><path d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25H9.5v-13Zm12.5 13a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H11v13Z"></path> </svg> </button> <tool-tip id="tooltip-3f8ab71d-8448-473f-ad91-b46ecb46bd7d" for="hide-file-tree-button" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Hide file tree</tool-tip> </div> </file-tree-toggle> <details class="details-reset details-overlay diffbar-item diffbar-range-menu select-menu ml-0"> <summary data-hotkey="c" data-view-component="true" class="Link--muted select-menu-button btn-link"> Changes from <strong>all commits</strong> </summary> <details-menu class="select-menu-modal position-absolute" style="z-index: 99;"> <div class="select-menu-header"> <span class="select-menu-title">Commits</span> </div> <div class="select-menu-list"> <a href="/streetwriters/notesnook/pull/3963/files" class="select-menu-item" role="menuitem"> <div class="select-menu-item-text"> <div class="text-emphasized css-truncate css-truncate-target"> Show all changes </div> <span class="description"> 1 commit </span> </div> </a> <div class="select-menu-divider"> Select commit </div> <div data-range-url="/streetwriters/notesnook/pull/3963/files/$range"> <a href="/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404" class="select-menu-item " role="menuitem" data-commit="4c277b4d800d0a46f61376b3c3fe0961178d5404" > <div class="select-menu-item-text"> <code class="float-right">4c277b4</code> <div class="text-emphasized css-truncate css-truncate-target"> editor: add emoji selector to editor (wip) </div> <span class="description"> wendevlin <relative-time datetime="2023-12-14T06:53:27Z" class="no-wrap">Dec 14, 2023</relative-time> </span> </div> </a> </div> </div> </details-menu> </details> <file-filter data-target="diff-file-filter.fileFilter" data-action="file-filter-change:diff-file-filter#applyFilter"> <details class="diffbar-item details-reset details-overlay" > <summary class="Link--muted select-menu-button" aria-haspopup="true" data-target="file-filter.summary"> <strong class="js-file-filter-text css-truncate css-truncate-target" data-target="file-filter.fileFilterActiveText" > File filter </strong> </summary> <details-menu class="SelectMenu js-file-filter"> <div class="SelectMenu-modal"> <header class="SelectMenu-header"> <h3 class="SelectMenu-title">Filter by extension</h3> </header> <div class="SelectMenu-list SelectMenu-list--borderless"> </option></form><form class="js-file-filter-form" data-turbo="false" action="/" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="16LDhv_D_Ql7IfnMq_TykTaZET6UhHuWu-RRzXE4qBVjXqak1QqyvtYv9-rxec0l_JOq9uhkiTMajxATrxevEw" autocomplete="off" /> <fieldset> <legend class="sr-only">Filter by extension</legend> <label class="SelectMenu-item" role="menuitem"> <input class="js-diff-file-type-option mr-2" type="checkbox" value=".css" name="file-filters[]" checked data-hydro-click-payload= "{"event_type":"pull_request.user_action","payload":{"user_id":null,"pull_request_id":1643612332,"category":"file_filter","action":"toggle_file_filter_option","data":{"type":"extension","file_type":".css","file_count":1},"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac= "fe1efabdac08a021be40e84bfd49b8b104daee5273025ae966c15cdf6ea30a37" data-non-deleted-files-count="1" data-targets="file-filter.fileExtensions" data-action="change:file-filter#updateFileInputs" > .css&nbsp <span class="text-normal js-file-type-count" data-non-deleted-file-count-markup="(1)" data-all-file-count-markup="(1)" data-targets="file-filter.fileTypeCount" > (1) </span> </label> <label class="SelectMenu-item" role="menuitem"> <input class="js-diff-file-type-option mr-2" type="checkbox" value=".json" name="file-filters[]" checked data-hydro-click-payload= "{"event_type":"pull_request.user_action","payload":{"user_id":null,"pull_request_id":1643612332,"category":"file_filter","action":"toggle_file_filter_option","data":{"type":"extension","file_type":".json","file_count":2},"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac= "c4719e7f62d9d7b75640ed7d0df0389ce7c981c80a026c7dc2f6016e4bc774ae" data-non-deleted-files-count="2" data-targets="file-filter.fileExtensions" data-action="change:file-filter#updateFileInputs" > .json&nbsp <span class="text-normal js-file-type-count" data-non-deleted-file-count-markup="(2)" data-all-file-count-markup="(2)" data-targets="file-filter.fileTypeCount" > (2) </span> </label> <label class="SelectMenu-item" role="menuitem"> <input class="js-diff-file-type-option mr-2" type="checkbox" value=".ts" name="file-filters[]" checked data-hydro-click-payload= "{"event_type":"pull_request.user_action","payload":{"user_id":null,"pull_request_id":1643612332,"category":"file_filter","action":"toggle_file_filter_option","data":{"type":"extension","file_type":".ts","file_count":3},"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac= "3fc2ad1c3519fb02720040cb09bfcd3f26fd35071bfaf73af447e8d5408355b4" data-non-deleted-files-count="3" data-targets="file-filter.fileExtensions" data-action="change:file-filter#updateFileInputs" > .ts&nbsp <span class="text-normal js-file-type-count" data-non-deleted-file-count-markup="(3)" data-all-file-count-markup="(3)" data-targets="file-filter.fileTypeCount" > (3) </span> </label> <label class="SelectMenu-item" role="menuitem"> <input class="js-diff-file-type-option mr-2" type="checkbox" value=".tsx" name="file-filters[]" checked data-hydro-click-payload= "{"event_type":"pull_request.user_action","payload":{"user_id":null,"pull_request_id":1643612332,"category":"file_filter","action":"toggle_file_filter_option","data":{"type":"extension","file_type":".tsx","file_count":2},"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac= "ca636b6ee22a41692bbdf0272e681a6cf20c6ebb987b4e157997a97e4914be29" data-non-deleted-files-count="2" data-targets="file-filter.fileExtensions" data-action="change:file-filter#updateFileInputs" > .tsx&nbsp <span class="text-normal js-file-type-count" data-non-deleted-file-count-markup="(2)" data-all-file-count-markup="(2)" data-targets="file-filter.fileTypeCount" > (2) </span> </label> <label class="SelectMenu-item" role="menuitem"> <input type="checkbox" class="sr-only hx_focus-input" data-target="file-filter.selectAllInput" data-action="change:file-filter#enableAllFileInputs" > <span class="color-fg-muted no-underline text-normal js-file-filter-select-all-container hx_focus-target" data-select-all-markup="Select all 4 file types" data-all-selected-markup="All 4 file types selected" data-target="file-filter.selectAllContainer" > All 4 file types selected </span> </label> </fieldset> <hr class="SelectMenu-divider"> <label class="SelectMenu-item" role="menuitem"> <input class="js-manifests-option mr-2" type="checkbox" value="true" name="manifests" data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"user_id":null,"pull_request_id":1643612332,"category":"file_filter","action":"toggle_file_filter_option","data":{"type":"manifest"},"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac= "71b60b3928dadc38a94203b5a8486792c923d7b72fc96d592cb7660de49602c8" data-target="file-filter.manifestFilesInput" data-action="change:file-filter#updateFileInputs" > Only manifest files </label> <hr class="SelectMenu-divider"> <label class="SelectMenu-item" role="menuitem"> <input type="checkbox" class="js-viewed-files-toggle mr-2" name="show-viewed-files" value="true" checked data-hydro-click-payload= "{"event_type":"pull_request.user_action","payload":{"user_id":null,"pull_request_id":1643612332,"category":"file_filter","action":"toggle_file_filter_option","data":{"type":"viewed"},"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac= "b5f34359b720c135c6ca8f4dcec67afd171bd4ef27732bebacfcaff5bee90b0d" data-target="file-filter.viewedFilesInput" data-action="change:file-filter#updateFileInputs" > Viewed files </label> </form> </div> </div> </details-menu> </details> </file-filter> <div class="js-reset-filters diffbar-item hide-sm" data-target="diff-file-filter.resetFilters" hidden > <a class="text-bold color-fg-accent no-underline" href="/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404" data-action="click:diff-file-filter#clearFilters" data-hydro-click="{"event_type":"pull_request.user_action","payload":{"user_id":null,"pull_request_id":1643612332,"category":"file_filter","action":"clear_filters","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="59ce37ff93d5f2ac286130f6b4cbdfc1040b55d5dd8e8d5ee905c3bcd3668199" > <svg style="height: 12px; width: 12px;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x color-fg-muted"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg> <span>Clear filters</span> </a> </div> <div class="position-relative diffbar-item ml-0"> <details class="details-reset details-overlay toc-select js-conversations-details select-menu ml-0"> <summary data-ga-click="Pull Requests, open view comments menu, type:semantic" data-view-component="true" class="Link--muted select-menu-button btn-link"> <strong class="js-conversation-menu-button">Conversations</strong> </summary> <details-menu class="select-menu-modal position-absolute" style="z-index: 99;" id="conversations-menu" src="/streetwriters/notesnook/pull/3963/conversations_menu" preload> <include-fragment> <div class="select-menu-blankslate select-menu-error"> Failed to load comments. <button type="button" data-view-component="true" class="js-toc-retry btn-link"> Retry </button> </div> <div class="select-menu-loading-overlay d-flex flex-items-center flex-justify-center"> <span data-view-component="true"> <svg style="box-sizing: content-box; color: var(--color-icon-primary);" width="32" height="32" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-view-component="true" class="flex-1 anim-rotate"> <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke" fill="none" /> <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" /> </svg> <span class="sr-only">Loading</span> </span> </div> </include-fragment> </details-menu> </details> </div> <details class="details-reset details-overlay diffbar-item toc-select select-menu ml-0 d-md-none" data-target="diff-layout.tocMenu" > <summary data-target="diff-layout.tocMenuButton" data-ga-click="Pull Requests, open table of contents, type:semantic" data-view-component="true" class="Link--muted select-menu-button btn-link"> <strong>Jump to</strong> </summary> <details-menu class="select-menu-modal position-absolute" style="z-index: 99;" src="/streetwriters/notesnook/pull/3963/show_toc?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&sha1=d881bdb77cf7251063fa971ca02a7ef3caa6860e&sha2=4c277b4d800d0a46f61376b3c3fe0961178d5404" preload> <div class="select-menu-header"> <span class="select-menu-title"> Jump to file </span> </div> <include-fragment> <div class="select-menu-blankslate select-menu-error"> Failed to load files. <button type="button" data-view-component="true" class="js-toc-retry btn-link"> Retry </button> </div> <div class="select-menu-loading-overlay" aria-busy="true"> <span data-view-component="true"> <svg style="box-sizing: content-box; color: var(--color-icon-primary);" width="32" height="32" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-view-component="true" class="anim-rotate"> <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke" fill="none" /> <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" /> </svg> <span class="sr-only">Loading</span> </span> </div> </include-fragment> </details-menu> </details> <div class="hide-sm hide-md"> <details data-view-component="true" class="diffbar-item details-reset details-overlay position-relative text-center"> <summary role="button" data-view-component="true"> <svg aria-label="Diff settings" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-gear color-fg-muted"> <path d="M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"></path> </svg> <div class="dropdown-caret color-fg-muted"></div> </summary> <div data-view-component="true"> <div data-view-component="true" class="Popover position-absolute mt-2 pt-1 right-0 left-0"> <div style="left: -107px; top: -7px" data-view-component="true" class="Popover-message Box position-relative mx-auto text-left color-shadow-large p-2 mt-2"> <h5 data-view-component="true" class="mb-2"> Diff view </h5> </option></form><form data-turbo="false" action="/streetwriters/notesnook/pull/3963/diffview" accept-charset="UTF-8" method="post"><input type="hidden" data-csrf="true" name="authenticity_token" value="YPQ/bfmpgUVMFkH1fDUFYCpbBZK/LGpnUTi5E5/Jt+gzNgD051oBuS7/HMkd00/GjsSQ1N7Tze4Z9HiSnGCEew==" /> <div class="d-flex flex-justify-center"> <div class="js-unified-diff-view"> <div data-view-component="true" class="js-unified-diff-view-box border rounded-1 pt-3 pb-1 color-border-accent-emphasis"> <label> <div class="text-center px-4"> <img src="https://github.githubassets.com/assets/unified-6de447b07fd7.svg" height="50" width="50" alt="Unified Diff View" data-view-component="true" /> </div> <div class="d-flex flex-items-center ml-2"> <input type="radio" name="diff" id="diff_unified_lg" value="unified" class="js-unified-diff-view-option mr-1" checked="checked" /> Unified </div> </label> </div> </div> <div class="js-split-diff-view"> <div data-view-component="true" class="js-split-diff-view-box border rounded-1 pt-3 pb-1 ml-2 color-border-default"> <label> <div class="text-center px-4"> <img src="https://github.githubassets.com/assets/split-b930d4a1df45.svg" height="50" width="50" alt="Split Diff View" data-view-component="true" /> </div> <div class="d-flex flex-items-center ml-2"> <input type="radio" name="diff" id="diff_split_lg" value="split" class="js-split-diff-view-option mr-1" /> Split </div> </label> </div> </div> </div> <div class="mt-2 mb-2 ml-1 d-flex flex-items-center"> <input type="hidden" name="w" id="show_whitespace_lg" value="0" autocomplete="off" class="form-control" /> <input type="checkbox" name="w" id="whitespace-cb-lg" value="1" /> <label for="whitespace-cb-lg" class="ml-1">Hide whitespace</label> </div> <div class="d-flex flex-column mt-2 px-1"> <button type="submit" data-view-component="true" class="btn-sm btn"> Apply and reload </button> </div> </form> </div></div></div> </details></div> <div class="ml-2 hide-sm hide-md"> </option></form><form data-turbo="false" action="/streetwriters/notesnook/pull/3963/diffview" accept-charset="UTF-8" method="post"><input type="hidden" data-csrf="true" name="authenticity_token" value="1EBxPuCmOaWu8mrjbj6bDLzRTRu6Jpj+ZBawh6k2hs+Hgk6n/lW5WcwbN98P2NGqGE7YXdvZP3cs2nEGqp+1XA==" /> <button name="w" value="0" hidden="hidden" type="submit" data-view-component="true" class="btn-invisible btn-sm btn color-fg-accent py-0 px-1 rounded-1"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-eye color-fg-accent mr-2"> <path d="M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5c1.473 0 2.825-.742 3.955-1.715 1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.825.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z"></path> </svg>Show whitespace </button></form></div> <div class="hide-lg hide-xl"> <details data-view-component="true" class="diffbar-item details-reset details-overlay position-relative text-center"> <summary role="button" data-view-component="true"> <svg aria-label="Diff settings" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-gear color-fg-muted"> <path d="M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"></path> </svg> <div class="dropdown-caret color-fg-muted"></div> </summary> <div data-view-component="true"> <div data-view-component="true" class="Popover position-fixed mt-2 pt-1 right-0 left-0"> <div data-view-component="true" class="Popover-message Box position-relative mx-auto text-left color-shadow-large p-2 mt-2"> <h5 data-view-component="true" class="mb-2"> Diff view </h5> </option></form><form data-turbo="false" action="/streetwriters/notesnook/pull/3963/diffview" accept-charset="UTF-8" method="post"><input type="hidden" data-csrf="true" name="authenticity_token" value="LtScnQbUZyLH9nO9jpNPrnLqDZtUMyLw08zvf0hFMO99FqMEGCfn3qUfLoHvdQUI1nWY3TXMhXmbAC7+S+wDfA==" /> <div class="d-flex flex-items-center"> <div class="js-unified-diff-view d-flex flex-1"> <div data-view-component="true" class="js-unified-diff-view-box flex-1 border rounded-1 pt-3 px-2 pb-1 color-border-accent-emphasis"> <label> <div class="text-center"> <img src="https://github.githubassets.com/assets/unified-6de447b07fd7.svg" height="50" width="50" alt="Unified Diff View" data-view-component="true" /> </div> <div class="d-flex flex-items-center"> <input type="radio" name="diff" id="diff_unified" value="unified" class="js-unified-diff-view-option mr-1" checked="checked" /> Unified </div> </label> </div> </div> <div class="js-split-diff-view d-flex flex-1"> <div data-view-component="true" class="js-split-diff-view-box flex-1 border rounded-1 pt-3 px-2 pb-1 ml-2 color-border-default"> <label> <div class="text-center"> <img src="https://github.githubassets.com/assets/split-b930d4a1df45.svg" height="50" width="50" alt="Split Diff View" data-view-component="true" /> </div> <div class="d-flex flex-items-center"> <input type="radio" name="diff" id="diff_split" value="split" class="js-split-diff-view-option mr-1" /> Split </div> </label> </div> </div> </div> <div class="mt-2 mb-2 d-flex flex-items-center"> <input type="hidden" name="w" id="show_whitespace" value="0" autocomplete="off" class="form-control" /> <input type="checkbox" name="w" id="whitespace-cb" value="1" /> <label for="whitespace-cb" class="ml-1">Hide whitespace</label> </div> <div class="d-flex flex-column mt-2"> <button type="submit" data-view-component="true" class="btn-sm btn"> Apply and reload </button> </div> </form> </div></div></div> </details></div> <div class="js-socket-channel js-updatable-content js-pull-refresh-on-pjax" data-channel="eyJjIjoicHVsbF9yZXF1ZXN0OjE2NDM2MTIzMzIiLCJ0IjoxNzMzMjYxNTQyfQ==--85c4cdd1dfede81be467ed3d6f5ae1c0490f690e5b36ef32e11683526db532e3" data-url="/streetwriters/notesnook/pull/3963/show_partial_comparison?base_commit_oid=d881bdb77cf7251063fa971ca02a7ef3caa6860e&end_commit_oid=4c277b4d800d0a46f61376b3c3fe0961178d5404&partial=pull_requests%2Fstale_comparison&start_commit_oid=d881bdb77cf7251063fa971ca02a7ef3caa6860e" data-gid="PR_kwDOFRYxRs5h94is"></div> </div> </div> <div class="flex-grow-0 flex-shrink-0 pr-review-tools"> </div> </div> </div> <div class="toolbar-shadow js-notification-shelf-offset-top" data-original-top="60px"></div> <div side="left" responsive="true" data-target="diff-layout.layoutContainer" data-view-component="true" class="Layout Layout--flowRow-until-md Layout--gutter-condensed hx_Layout wants-full-width-container Layout--sidebarPosition-start Layout--sidebarPosition-flowRow-none"> <div data-target="diff-layout.sidebarContainer" data-action="scroll:diff-layout.sidebarContainer#handleSidebarScroll" data-view-component="true" class="Layout-sidebar overflow-y-auto hx_Layout--sidebar js-notification-shelf-offset-top position-sticky"> <div > <svg xmlns="http://www.w3.org/2000/svg" hidden aria-hidden="true"> <symbol id="octicon_file-directory-fill_16" viewBox="0 0 16 16" width="16" height="16"><path d="M1.75 1A1.75 1.75 0 0 0 0 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0 0 16 13.25v-8.5A1.75 1.75 0 0 0 14.25 3H7.5a.25.25 0 0 1-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75Z"></path></symbol><symbol id="octicon_file-submodule_16" viewBox="0 0 16 16" width="16" height="16"><path d="M0 2.75C0 1.784.784 1 1.75 1H5c.55 0 1.07.26 1.4.7l.9 1.2a.25.25 0 0 0 .2.1h6.75c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25Zm9.42 9.36 2.883-2.677a.25.25 0 0 0 0-.366L9.42 6.39a.249.249 0 0 0-.42.183V8.5H4.75a.75.75 0 0 0 0 1.5H9v1.927c0 .218.26.331.42.183Z"></path></symbol><symbol id="octicon_file_16" viewBox="0 0 16 16" width="16" height="16"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></symbol><symbol id="octicon_chevron-down_16" viewBox="0 0 16 16" width="16" height="16"><path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path></symbol><symbol id="octicon_diff-added_16" viewBox="0 0 16 16" width="16" height="16"><path d="M2.75 1h10.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 13.25 15H2.75A1.75 1.75 0 0 1 1 13.25V2.75C1 1.784 1.784 1 2.75 1Zm10.5 1.5H2.75a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25ZM8 4a.75.75 0 0 1 .75.75v2.5h2.5a.75.75 0 0 1 0 1.5h-2.5v2.5a.75.75 0 0 1-1.5 0v-2.5h-2.5a.75.75 0 0 1 0-1.5h2.5v-2.5A.75.75 0 0 1 8 4Z"></path></symbol><symbol id="octicon_diff-removed_16" viewBox="0 0 16 16" width="16" height="16"><path d="M13.25 1c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 13.25 15H2.75A1.75 1.75 0 0 1 1 13.25V2.75C1 1.784 1.784 1 2.75 1ZM2.75 2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25Zm8.5 6.25h-6.5a.75.75 0 0 1 0-1.5h6.5a.75.75 0 0 1 0 1.5Z"></path></symbol><symbol id="octicon_diff-modified_16" viewBox="0 0 16 16" width="16" height="16"><path d="M13.25 1c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 13.25 15H2.75A1.75 1.75 0 0 1 1 13.25V2.75C1 1.784 1.784 1 2.75 1ZM2.75 2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z"></path></symbol><symbol id="octicon_diff-renamed_16" viewBox="0 0 16 16" width="16" height="16"><path d="M13.25 1c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 13.25 15H2.75A1.75 1.75 0 0 1 1 13.25V2.75C1 1.784 1.784 1 2.75 1ZM2.75 2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25Zm9.03 6.03-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H4.75a.75.75 0 0 1 0-1.5h4.69L7.47 5.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l3.25 3.25a.75.75 0 0 1 0 1.06Z"></path></symbol> </svg> <div class="subnav-search mx-0 mb-2" > <input type="text" id="file-tree-filter-field" class="form-control input-block pl-5 js-filterable-field" placeholder="Filter changed files" aria-label="Filter changed files" autocomplete="off" data-target="diff-layout.fileTreePathFilter" data-hydro-click-payload={"event_type":"pull_request.user_action","payload":{"category":"file_filter","data":{"file_count":8},"pull_request_id":1643612332,"user_id":null,"action":"filter_by_pathname","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}} data-hydro-click-hmac=f65baf48aac632ee95c430005637032696269a416903240317ac4b95779ae4fe > <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search subnav-search-icon"> <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path> </svg> </div> <experimental-action-list data-arrow-navigation="true"> <file-tree data-target="diff-layout.fileTree"> <nav aria-label="File Tree Navigation" > <ul class="ActionList ActionList--tree ActionList--full" role="tree" aria-label="File Tree" data-filterable-for="file-tree-filter-field" data-filterable-type="substring" data-tree-entry-type="root" data-target="diff-file-filter.treeRoot" data-action=" filterable:change:diff-file-filter#hideEmptyDirectories filterable:change:file-tree#instrumentPathFilterChange filterable:change:experimental-action-list#setupFocusZone " > <li class="ActionList-item ActionList-item--hasSubItem js-tree-node" aria-level="1" role="treeitem" style="--ActionList-tree-depth: 1;" data-skip-substring-filter data-tree-entry-type="directory" > <button class="ActionList-content" aria-expanded="true" type="button" data-action="click:experimental-action-list#handleItemWithSubItemClick" > <span class="ActionList-item-action ActionList-item-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down ActionList-item-collapseIcon"> <use href="#octicon_chevron-down_16"></use> </svg> </span> <span class="ActionList-item-visual ActionList-item-visual--leading"> <svg aria-label="Directory" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file-directory-fill hx_color-icon-directory"> <use href="#octicon_file-directory-fill_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate" > packages/editor </span> </button> <ul class="ActionList ActionList--subGroup" data-filterable-for="file-tree-filter-field" data-filterable-type="substring" role="group" > <li id="file-tree-item-diff-fe31904720c3a389e45d538750ca0e2ac0271196453bdf8a62490d584336269f" class="ActionList-item ActionList-item--subItem js-tree-node" role="treeitem" aria-level="2" style="--ActionList-tree-depth: 2;" data-action=" click:experimental-action-list#handleItemClick click:file-tree#instrumentSelectFile " data-target="file-tree.fileTreeNode" data-targets=" diff-file-filter.treeEntries file-tree.fileTreeNodes " data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8,"path":"packages/editor/package-lock.json","extension":".json"},"pull_request_id":1643612332,"user_id":null,"action":"file_selected","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="678cd861ae93f190297afdba0800642bacae2cdd5d18b63f0c9a42e45f7aa20d" data-file-type=".json" data-file-deleted="false" data-file-manifest data-codeowners="" data-tree-entry-type="file" > <span data-filterable-item-text hidden>packages/editor/package-lock.json</span> <a class="ActionList-content hx_ActionList-content" href="#diff-fe31904720c3a389e45d538750ca0e2ac0271196453bdf8a62490d584336269f" data-turbo="false" > <span class="ActionList-item-visual ActionList-item-visual--leading hx_ActionList-item-visual"> <svg aria-label="File" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file color-fg-muted"> <use href="#octicon_file_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate hx_ActionList-item-label" > package-lock.json </span> <span class="ActionList-item-visual ActionList-item-visual--trailing hx_ActionList-item-visual"> <svg title="modified" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-diff-modified color-fg-attention"> <use href="#octicon_diff-modified_16"></use> </svg> </span> </a> </li> <li id="file-tree-item-diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" class="ActionList-item ActionList-item--subItem js-tree-node" role="treeitem" aria-level="2" style="--ActionList-tree-depth: 2;" data-action=" click:experimental-action-list#handleItemClick click:file-tree#instrumentSelectFile " data-target="file-tree.fileTreeNode" data-targets=" diff-file-filter.treeEntries file-tree.fileTreeNodes " data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8,"path":"packages/editor/package.json","extension":".json"},"pull_request_id":1643612332,"user_id":null,"action":"file_selected","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="1b57c038e97ed0c1e44e6111283d0db916b61c33e30ada0ff57b79e954a0bdec" data-file-type=".json" data-file-deleted="false" data-file-manifest data-codeowners="" data-tree-entry-type="file" > <span data-filterable-item-text hidden>packages/editor/package.json</span> <a class="ActionList-content hx_ActionList-content" href="#diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" data-turbo="false" > <span class="ActionList-item-visual ActionList-item-visual--leading hx_ActionList-item-visual"> <svg aria-label="File" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file color-fg-muted"> <use href="#octicon_file_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate hx_ActionList-item-label" > package.json </span> <span class="ActionList-item-visual ActionList-item-visual--trailing hx_ActionList-item-visual"> <svg title="modified" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-diff-modified color-fg-attention"> <use href="#octicon_diff-modified_16"></use> </svg> </span> </a> </li> <li class="ActionList-item ActionList-item--hasSubItem ActionList-item--subItem js-tree-node" aria-level="2" role="treeitem" style="--ActionList-tree-depth: 2;" data-skip-substring-filter data-tree-entry-type="directory" > <button class="ActionList-content" aria-expanded="true" type="button" data-action="click:experimental-action-list#handleItemWithSubItemClick" > <span class="ActionList-item-action ActionList-item-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down ActionList-item-collapseIcon"> <use href="#octicon_chevron-down_16"></use> </svg> </span> <span class="ActionList-item-visual ActionList-item-visual--leading"> <svg aria-label="Directory" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file-directory-fill hx_color-icon-directory"> <use href="#octicon_file-directory-fill_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate" > src </span> </button> <ul class="ActionList ActionList--subGroup" data-filterable-for="file-tree-filter-field" data-filterable-type="substring" role="group" > <li class="ActionList-item ActionList-item--hasSubItem ActionList-item--subItem js-tree-node" aria-level="3" role="treeitem" style="--ActionList-tree-depth: 3;" data-skip-substring-filter data-tree-entry-type="directory" > <button class="ActionList-content" aria-expanded="true" type="button" data-action="click:experimental-action-list#handleItemWithSubItemClick" > <span class="ActionList-item-action ActionList-item-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down ActionList-item-collapseIcon"> <use href="#octicon_chevron-down_16"></use> </svg> </span> <span class="ActionList-item-visual ActionList-item-visual--leading"> <svg aria-label="Directory" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file-directory-fill hx_color-icon-directory"> <use href="#octicon_file-directory-fill_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate" > extensions/emoji-selector </span> </button> <ul class="ActionList ActionList--subGroup" data-filterable-for="file-tree-filter-field" data-filterable-type="substring" role="group" > <li id="file-tree-item-diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8" class="ActionList-item ActionList-item--subItem js-tree-node" role="treeitem" aria-level="4" style="--ActionList-tree-depth: 4;" data-action=" click:experimental-action-list#handleItemClick click:file-tree#instrumentSelectFile " data-target="file-tree.fileTreeNode" data-targets=" diff-file-filter.treeEntries file-tree.fileTreeNodes " data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8,"path":"packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx","extension":".tsx"},"pull_request_id":1643612332,"user_id":null,"action":"file_selected","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="b60fa43e0d660fad0ed59c001c850363b104aeb25f06d0a74ca8228ce8f9873b" data-file-type=".tsx" data-file-deleted="false" data-codeowners="" data-tree-entry-type="file" > <span data-filterable-item-text hidden>packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx</span> <a class="ActionList-content hx_ActionList-content" href="#diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8" data-turbo="false" > <span class="ActionList-item-visual ActionList-item-visual--leading hx_ActionList-item-visual"> <svg aria-label="File" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file color-fg-muted"> <use href="#octicon_file_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate hx_ActionList-item-label" > SuggestionItem.tsx </span> <span class="ActionList-item-visual ActionList-item-visual--trailing hx_ActionList-item-visual"> <svg title="added" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-diff-added color-fg-success"> <use href="#octicon_diff-added_16"></use> </svg> </span> </a> </li> <li id="file-tree-item-diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0c" class="ActionList-item ActionList-item--subItem js-tree-node" role="treeitem" aria-level="4" style="--ActionList-tree-depth: 4;" data-action=" click:experimental-action-list#handleItemClick click:file-tree#instrumentSelectFile " data-target="file-tree.fileTreeNode" data-targets=" diff-file-filter.treeEntries file-tree.fileTreeNodes " data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8,"path":"packages/editor/src/extensions/emoji-selector/SuggestionList.tsx","extension":".tsx"},"pull_request_id":1643612332,"user_id":null,"action":"file_selected","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="5ed2bd779339ede8a2718bdf4fd85098e1b8d7fb516bf773d991f0ec8c0fe8ff" data-file-type=".tsx" data-file-deleted="false" data-codeowners="" data-tree-entry-type="file" > <span data-filterable-item-text hidden>packages/editor/src/extensions/emoji-selector/SuggestionList.tsx</span> <a class="ActionList-content hx_ActionList-content" href="#diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0c" data-turbo="false" > <span class="ActionList-item-visual ActionList-item-visual--leading hx_ActionList-item-visual"> <svg aria-label="File" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file color-fg-muted"> <use href="#octicon_file_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate hx_ActionList-item-label" > SuggestionList.tsx </span> <span class="ActionList-item-visual ActionList-item-visual--trailing hx_ActionList-item-visual"> <svg title="added" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-diff-added color-fg-success"> <use href="#octicon_diff-added_16"></use> </svg> </span> </a> </li> <li id="file-tree-item-diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667b" class="ActionList-item ActionList-item--subItem js-tree-node" role="treeitem" aria-level="4" style="--ActionList-tree-depth: 4;" data-action=" click:experimental-action-list#handleItemClick click:file-tree#instrumentSelectFile " data-target="file-tree.fileTreeNode" data-targets=" diff-file-filter.treeEntries file-tree.fileTreeNodes " data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8,"path":"packages/editor/src/extensions/emoji-selector/emoji-selector.ts","extension":".ts"},"pull_request_id":1643612332,"user_id":null,"action":"file_selected","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="7637bb348db4869d335006edd3afbcf823a1c8410cd67bebeda7681d9a2ad6b9" data-file-type=".ts" data-file-deleted="false" data-codeowners="" data-tree-entry-type="file" > <span data-filterable-item-text hidden>packages/editor/src/extensions/emoji-selector/emoji-selector.ts</span> <a class="ActionList-content hx_ActionList-content" href="#diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667b" data-turbo="false" > <span class="ActionList-item-visual ActionList-item-visual--leading hx_ActionList-item-visual"> <svg aria-label="File" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file color-fg-muted"> <use href="#octicon_file_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate hx_ActionList-item-label" > emoji-selector.ts </span> <span class="ActionList-item-visual ActionList-item-visual--trailing hx_ActionList-item-visual"> <svg title="added" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-diff-added color-fg-success"> <use href="#octicon_diff-added_16"></use> </svg> </span> </a> </li> <li id="file-tree-item-diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8e" class="ActionList-item ActionList-item--subItem js-tree-node" role="treeitem" aria-level="4" style="--ActionList-tree-depth: 4;" data-action=" click:experimental-action-list#handleItemClick click:file-tree#instrumentSelectFile " data-target="file-tree.fileTreeNode" data-targets=" diff-file-filter.treeEntries file-tree.fileTreeNodes " data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8,"path":"packages/editor/src/extensions/emoji-selector/index.ts","extension":".ts"},"pull_request_id":1643612332,"user_id":null,"action":"file_selected","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="f8deb148ffe28efe055fc579eebe596764f0a4c8ca5e568c73986a3dbe06bf58" data-file-type=".ts" data-file-deleted="false" data-codeowners="" data-tree-entry-type="file" > <span data-filterable-item-text hidden>packages/editor/src/extensions/emoji-selector/index.ts</span> <a class="ActionList-content hx_ActionList-content" href="#diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8e" data-turbo="false" > <span class="ActionList-item-visual ActionList-item-visual--leading hx_ActionList-item-visual"> <svg aria-label="File" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file color-fg-muted"> <use href="#octicon_file_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate hx_ActionList-item-label" > index.ts </span> <span class="ActionList-item-visual ActionList-item-visual--trailing hx_ActionList-item-visual"> <svg title="added" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-diff-added color-fg-success"> <use href="#octicon_diff-added_16"></use> </svg> </span> </a> </li> <li id="file-tree-item-diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39" class="ActionList-item ActionList-item--subItem js-tree-node" role="treeitem" aria-level="4" style="--ActionList-tree-depth: 4;" data-action=" click:experimental-action-list#handleItemClick click:file-tree#instrumentSelectFile " data-target="file-tree.fileTreeNode" data-targets=" diff-file-filter.treeEntries file-tree.fileTreeNodes " data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8,"path":"packages/editor/src/extensions/emoji-selector/style.css","extension":".css"},"pull_request_id":1643612332,"user_id":null,"action":"file_selected","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="daf43d2d3fc56cd9f80aad4d80a2ba1dfd62eafa2e751a60ef2d973bcf08a3cb" data-file-type=".css" data-file-deleted="false" data-codeowners="" data-tree-entry-type="file" > <span data-filterable-item-text hidden>packages/editor/src/extensions/emoji-selector/style.css</span> <a class="ActionList-content hx_ActionList-content" href="#diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39" data-turbo="false" > <span class="ActionList-item-visual ActionList-item-visual--leading hx_ActionList-item-visual"> <svg aria-label="File" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file color-fg-muted"> <use href="#octicon_file_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate hx_ActionList-item-label" > style.css </span> <span class="ActionList-item-visual ActionList-item-visual--trailing hx_ActionList-item-visual"> <svg title="added" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-diff-added color-fg-success"> <use href="#octicon_diff-added_16"></use> </svg> </span> </a> </li> </ul> </li> <li id="file-tree-item-diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" class="ActionList-item ActionList-item--subItem js-tree-node" role="treeitem" aria-level="3" style="--ActionList-tree-depth: 3;" data-action=" click:experimental-action-list#handleItemClick click:file-tree#instrumentSelectFile " data-target="file-tree.fileTreeNode" data-targets=" diff-file-filter.treeEntries file-tree.fileTreeNodes " data-hydro-click-payload="{"event_type":"pull_request.user_action","payload":{"category":"file_tree","data":{"file_count":8,"path":"packages/editor/src/index.ts","extension":".ts"},"pull_request_id":1643612332,"user_id":null,"action":"file_selected","originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404"}}" data-hydro-click-hmac="459154cd8d0f7174fa48f2099f405f8ec009313671dcb29d55645469a792f25a" data-file-type=".ts" data-file-deleted="false" data-codeowners="" data-tree-entry-type="file" > <span data-filterable-item-text hidden>packages/editor/src/index.ts</span> <a class="ActionList-content hx_ActionList-content" href="#diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" data-turbo="false" > <span class="ActionList-item-visual ActionList-item-visual--leading hx_ActionList-item-visual"> <svg aria-label="File" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-file color-fg-muted"> <use href="#octicon_file_16"></use> </svg> </span> <span class="ActionList-item-label ActionList-item-label--truncate hx_ActionList-item-label" > index.ts </span> <span class="ActionList-item-visual ActionList-item-visual--trailing hx_ActionList-item-visual"> <svg title="modified" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-diff-modified color-fg-attention"> <use href="#octicon_diff-modified_16"></use> </svg> </span> </a> </li> </ul> </li> </ul> </li> </ul> </nav> </file-tree> </experimental-action-list> </div> </div> <div data-target="diff-layout.mainContainer" data-view-component="true" class="Layout-main"> <div class="commit full-commit prh-commit px-2 pt-2 "> <div class="commit-title markdown-title"> editor: add emoji selector to editor (wip) </div> <div class="commit-desc"><pre>Signed-off-by: Wendelin Peleska <w@pe8.at></pre></div> <div class="commit-branches pb-2"> <include-fragment src="/streetwriters/notesnook/branch_commits/4c277b4d800d0a46f61376b3c3fe0961178d5404" id="async-branches-list"> <div class="pt-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-branch"> <path d="M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"></path> </svg> <ul class="branches-list"> <li class="loading">Loading branch information<span class="AnimatedEllipsis"></span></li> </ul> </div> </include-fragment></div> <div class="commit-meta clearfix p-2 d-flex flex-column flex-md-row flex-md-items-center"> <div class="flex-auto pb-2 pb-md-0"> <div class="float-left"> <div class="AvatarStack flex-self-start " > <div class="AvatarStack-body" > <a class="avatar avatar-user" style="width:20px;height:20px;" data-test-selector="commits-avatar-stack-avatar-link" data-hovercard-type="user" data-hovercard-url="/users/wendevlin/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/wendevlin"> <img data-test-selector="commits-avatar-stack-avatar-image" src="https://avatars.githubusercontent.com/u/12148533?s=40&v=4" width="20" height="20" alt="@wendevlin" class=" avatar-user" /> </a> </div> </div> </div> <a class="commit-author user-mention" title="View all commits by wendevlin" data-hovercard-type="user" data-hovercard-url="/users/wendevlin/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/streetwriters/notesnook/commits?author=wendevlin">wendevlin</a> committed <relative-time datetime="2023-12-14T06:53:27Z" class="no-wrap">Dec 14, 2023</relative-time> <div class="d-inline-block"> <batch-deferred-content class="d-inline-block" data-url="/commits/badges"> <input type="hidden" name="id" value="C_kwDOFRYxRtoAKDRjMjc3YjRkODAwZDBhNDZmNjEzNzZiM2MzZmUwOTYxMTc4ZDU0MDQ" data-targets="batch-deferred-content.inputs" autocomplete="off" /> <input type="hidden" name="badge_size" value="medium" data-targets="batch-deferred-content.inputs" autocomplete="off" /> <input type="hidden" name="dropdown_direction" value="s" data-targets="batch-deferred-content.inputs" autocomplete="off" /> <span class="Skeleton d-inline-block mr-1" style="width:75px; height:14px; margin-bottom:-4px;"></span> </batch-deferred-content> </div> </div> <span> <span class="text-small color-fg-muted text-mono">commit <span class="sha user-select-contain">4c277b4d800d0a46f61376b3c3fe0961178d5404</span></span> </span> </div> </div> <template class="js-comment-button-template"> <button data-path="{{ path }}" data-anchor="{{ anchor }}" data-position="{{ position }}" data-side="{{ side }}" data-line="{{ line }}" data-original-line="{{ originalLine }}" aria-label="Add line comment" type="button" data-view-component="true" class="add-line-comment js-add-line-comment js-add-single-line-comment btn-link"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-plus"> <path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path> </svg> </button></template> <div id="files" class="diff-view js-diff-container js-code-nav-container" data-hpc> <div class="container-md js-file-filter-blankslate" data-target="diff-file-filter.blankslate" hidden> <div class="blankslate-container"> <div data-view-component="true" class="blankslate"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-filter blankslate-icon"> <path d="M2.75 6a.75.75 0 0 0 0 1.5h18.5a.75.75 0 0 0 0-1.5H2.75ZM6 11.75a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75Zm4 4.938a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z"></path> </svg> <h2 data-view-component="true" class="blankslate-heading"> There are no files selected for viewing </h2> </div> </div> </div> <div class="js-diff-progressive-container"> <copilot-diff-entry data-file-path="packages/editor/package-lock.json" > <div id="diff-fe31904720c3a389e45d538750ca0e2ac0271196453bdf8a62490d584336269f" data-details-container-group="file" class="file js-file js-details-container js-targetable-element show-inline-notes Details Details--on open hide-file-notes-toggle js-tagsearch-file" data-file-type=".json" data-file-deleted="false" data-tagsearch-path="packages/editor/package-lock.json" data-tagsearch-lang="JSON" data-file-manifest data-targets="diff-file-filter.diffEntries" > <div class="file-header d-flex flex-md-row flex-column flex-md-items-center file-header--expandable js-file-header js-skip-tagsearch sticky-file-header" data-path="packages/editor/package-lock.json" data-short-path="fe31904" data-anchor="diff-fe31904720c3a389e45d538750ca0e2ac0271196453bdf8a62490d584336269f" data-file-type=".json" data-file-deleted="false" > <div class="file-info flex-auto min-width-0 mb-md-0 mb-2"> <button type="button" class="btn-octicon js-details-target" aria-label="Toggle diff contents" aria-expanded="true" style="width: 22px;"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down Details-content--hidden"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Details-content--shown"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <span class="sr-only"> 279 changes: 279 additions & 0 deletions </span> <span class="diffstat" aria-hidden="true">279 <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span></span> <span class="Truncate"> <a title="packages/editor/package-lock.json" class="Link--primary Truncate-text" href="#diff-fe31904720c3a389e45d538750ca0e2ac0271196453bdf8a62490d584336269f">packages/editor/package-lock.json</a> <span data-view-component="true"> <clipboard-copy data-copy-feedback="Copied!" aria-label="Copy" value="packages/editor/package-lock.json" data-view-component="true" class="Link--onHover color-fg-muted ml-2 mr-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span> </span> </div> <div class="file-actions pt-0 mb-md-0 mb-2 ml-md-2 flex-shrink-0 flex-md-justify-end"> <div class="d-flex flex-justify-end"> <details class="js-file-header-dropdown dropdown details-overlay details-reset pr-2 pl-2"> <summary class="height-full"> <div class="height-full d-flex flex-items-center Link--secondary"> <svg aria-label="Show options" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </div> </summary> <details-menu class="dropdown-menu dropdown-menu-sw show-more-popover color-fg-default position-absolute f5" style="width:fit-content; min-width:185px; z-index:99; right: -4px;"> <label role="menuitemradio" class="dropdown-item btn-link text-normal d-block pl-5" tabindex="0" aria-checked="true"> <span class="position-absolute ml-n4"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg></span> <input type="checkbox" checked class="d-none js-toggle-file-notes"> Show comments </label> <div role="none" class="dropdown-divider"></div> <a href="/streetwriters/notesnook/blob/4c277b4d800d0a46f61376b3c3fe0961178d5404/packages/editor/package-lock.json" class="pl-5 dropdown-item btn-link" rel="nofollow" role="menuitem" data-ga-click="View file, click, location:files_changed_dropdown" > View file </a> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to make changes."> Edit file </button> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to delete this file."> Delete file </button> <div role="none" class="dropdown-divider"></div> <span data-target="copilot-diff-entry.menuItemsSlot"></span> <a class="pl-5 dropdown-item btn-link js-remove-unless-platform" data-platforms="windows,mac" role="menuitem" href="https://desktop.github.com" aria-label="Open this file in GitHub Desktop" data-analytics-event="{"category":"Repository","action":"open with desktop","label":"pull_request_id:1643612332"}"> Open in desktop </a> </details-menu> </details> </div> </div> </div> <div class="js-file-content Details-content--hidden position-relative" data-hydro-view="{"event_type":"pull_request.select_diff_range","payload":{"actor_id":null,"pull_request_id":1643612332,"repository_id":353775942,"diff_type":"UNIFIED","whitespace_ignored":false,"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-view-hmac="02cc76dc69b31381617fe5b51124726930df528730313e5333e68ca435474b02"> <div class="js-diff-load-container" tabIndex="-1"> <include-fragment data-fragment-url="/streetwriters/notesnook/diffs/0?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&head_user=wendevlin&name=3911%2Ffeat%2Finline-emoji-selector&pull_number=3963&sha1=d881bdb77cf7251063fa971ca02a7ef3caa6860e&sha2=4c277b4d800d0a46f61376b3c3fe0961178d5404&w=false" class="js-diff-entry-loader px-3 py-4 position-relative"> <div> </div> <div data-hide-on-error class="js-skip-tagsearch"> <svg aria-hidden="true" class="width-full" style="max-width: 340px;" height="84" viewBox="0 0 340 84" xmlns="http://www.w3.org/2000/svg" class="d-block"> <path class="js-diff-placeholder" clip-path="url(#diff-placeholder)" d="M0 0h340v84H0z" style="fill: var(--bgColor-muted, var(--color-canvas-subtle))" fill-rule="evenodd"></path> </svg> <div class="d-flex flex-column flex-items-center flex-justify-center position-absolute top-0 left-0 height-full width-full"> <button data-disable-with="Loading…" aria-describedby="hidden-diff-reason-fe31904720c3a389e45d538750ca0e2ac0271196453bdf8a62490d584336269f" type="button" data-view-component="true" class="load-diff-button no-underline js-diff-load Button--link Button--medium Button f4"> <span class="Button-content"> <span class="Button-label"><div class="text-bold f4 js-button-text">Load diff</div></span> </span> </button> <p id="hidden-diff-reason-fe31904720c3a389e45d538750ca0e2ac0271196453bdf8a62490d584336269f" class="color-fg-muted f6"> Large diffs are not rendered by default. </p> </div> </div> <div class="load-diff-retry text-center p-1" data-show-on-error hidden> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert color-fg-danger mr-1"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> Oops, something went wrong. <button data-retry-button="" type="button" data-view-component="true" class="Button--link Button--medium Button"> <span class="Button-content"> <span class="Button-label">Retry</span> </span> </button> </div> </include-fragment> </div> </div> </div> </copilot-diff-entry> <copilot-diff-entry data-file-path="packages/editor/package.json" > <div id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" data-details-container-group="file" class="file js-file js-details-container js-targetable-element show-inline-notes Details Details--on open js-tagsearch-file" data-file-type=".json" data-file-deleted="false" data-tagsearch-path="packages/editor/package.json" data-tagsearch-lang="JSON" data-file-manifest data-targets="diff-file-filter.diffEntries" > <div class="file-header d-flex flex-md-row flex-column flex-md-items-center file-header--expandable js-file-header js-skip-tagsearch sticky-file-header" data-path="packages/editor/package.json" data-short-path="f4eedd0" data-anchor="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" data-file-type=".json" data-file-deleted="false" > <div class="file-info flex-auto min-width-0 mb-md-0 mb-2"> <button type="button" class="btn-octicon js-details-target" aria-label="Toggle diff contents" aria-expanded="true" style="width: 22px;"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down Details-content--hidden"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Details-content--shown"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <div class="js-expand-full-wrapper d-inline-block"> <button type="button" class="btn-link color-fg-muted no-underline js-expand-full directional-expander tooltipped tooltipped-se" aria-label="Expand all" data-url="/streetwriters/notesnook/blob_expand/f5f24c90c499f57a4eeca77987a13fe5e5170cc2?anchor=diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0&context=pull_request&diff=unified&direction=full&mode=100644&path=packages%2Feditor%2Fpackage.json&pull_request_id=1643612332" > <svg aria-label="Expand all" aria-hidden="false" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-unfold"> <path d="m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z"></path> </svg> </button> <button type="button" class="btn-link color-fg-muted no-underline js-collapse-diff tooltipped tooltipped-se" aria-label="Collapse expanded lines" hidden > <svg aria-label="Collapse added diff lines" aria-hidden="false" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-fold"> <path d="M10.896 2H8.75V.75a.75.75 0 0 0-1.5 0V2H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0l2.896-2.896A.25.25 0 0 0 10.896 2ZM8.75 15.25a.75.75 0 0 1-1.5 0V14H5.104a.25.25 0 0 1-.177-.427l2.896-2.896a.25.25 0 0 1 .354 0l2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25Zm-6.5-6.5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z"></path> </svg> </button> </div> <span class="sr-only"> 5 changes: 5 additions & 0 deletions </span> <span class="diffstat" aria-hidden="true">5 <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span></span> <span class="Truncate"> <a title="packages/editor/package.json" class="Link--primary Truncate-text" href="#diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0">packages/editor/package.json</a> <span data-view-component="true"> <clipboard-copy data-copy-feedback="Copied!" aria-label="Copy" value="packages/editor/package.json" data-view-component="true" class="Link--onHover color-fg-muted ml-2 mr-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span> </span> </div> <div class="file-actions pt-0 mb-md-0 mb-2 ml-md-2 flex-shrink-0 flex-md-justify-end"> <div class="d-flex flex-justify-end"> <details class="js-file-header-dropdown dropdown details-overlay details-reset pr-2 pl-2"> <summary class="height-full"> <div class="height-full d-flex flex-items-center Link--secondary"> <svg aria-label="Show options" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </div> </summary> <details-menu class="dropdown-menu dropdown-menu-sw show-more-popover color-fg-default position-absolute f5" style="width:fit-content; min-width:185px; z-index:99; right: -4px;"> <label role="menuitemradio" class="dropdown-item btn-link text-normal d-block pl-5" tabindex="0" aria-checked="true"> <span class="position-absolute ml-n4"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg></span> <input type="checkbox" checked class="d-none js-toggle-file-notes"> Show comments </label> <div role="none" class="dropdown-divider"></div> <a href="/streetwriters/notesnook/blob/4c277b4d800d0a46f61376b3c3fe0961178d5404/packages/editor/package.json" class="pl-5 dropdown-item btn-link" rel="nofollow" role="menuitem" data-ga-click="View file, click, location:files_changed_dropdown" > View file </a> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to make changes."> Edit file </button> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to delete this file."> Delete file </button> <div role="none" class="dropdown-divider"></div> <span data-target="copilot-diff-entry.menuItemsSlot"></span> <a class="pl-5 dropdown-item btn-link js-remove-unless-platform" data-platforms="windows,mac" role="menuitem" href="https://desktop.github.com" aria-label="Open this file in GitHub Desktop" data-analytics-event="{"category":"Repository","action":"open with desktop","label":"pull_request_id:1643612332"}"> Open in desktop </a> </details-menu> </details> </div> </div> </div> <div class="js-file-content Details-content--hidden position-relative" data-hydro-view="{"event_type":"pull_request.select_diff_range","payload":{"actor_id":null,"pull_request_id":1643612332,"repository_id":353775942,"diff_type":"UNIFIED","whitespace_ignored":false,"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-view-hmac="02cc76dc69b31381617fe5b51124726930df528730313e5333e68ca435474b02"> <div class="data highlight js-blob-wrapper js-check-bidi " > <template class="js-file-alert-template"> <div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span> This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank">Learn more about bidirectional Unicode characters</a> </span> <div data-view-component="true" class="flash-action"> <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn"> Show hidden characters </a> </div> </div></template> <template class="js-line-alert-template"> <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </span></template> <deferred-diff-lines class="awaiting-highlight" data-url="/streetwriters/notesnook/diffs/d881bdb77cf7251063fa971ca02a7ef3caa6860e..4c277b4d800d0a46f61376b3c3fe0961178d5404?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&whitespace_ignored=false"> <input type="hidden" name="path" value="packages/editor/package.json" data-targets="deferred-diff-lines.inputs" autocomplete="off" /> <table class=" diff-table js-diff-table tab-size " data-tab-size="8" data-diff-anchor="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" data-paste-markdown-skip> <thead class="sr-only"> <tr> <th scope="col">Original file line number</th> <th scope="col">Diff line number</th> <th scope="col">Diff line change</th> </tr> </thead> <tbody> <tr class="js-expandable-line js-skip-tagsearch" data-position="0"> <td class="blob-num blob-num-expandable" colspan="2"> <a href="#diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" id="expand-up-link-0-diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" class="js-expand directional-expander single-expander" aria-label="Expand Up" data-url="/streetwriters/notesnook/blob_excerpt/f5f24c90c499f57a4eeca77987a13fe5e5170cc2?context=pull_request&diff=unified&direction=up&in_wiki_context=&last_left=&last_right=&left=20&left_hunk_size=6&mode=100644&path=packages%2Feditor%2Fpackage.json&pull_request_id=1643612332&right=20&right_hunk_size=7" data-left-range="1-19" data-right-range="1-19"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-fold-up"> <path d="M7.823 1.677 4.927 4.573A.25.25 0 0 0 5.104 5H7.25v3.236a.75.75 0 1 0 1.5 0V5h2.146a.25.25 0 0 0 .177-.427L8.177 1.677a.25.25 0 0 0-.354 0ZM13.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Zm-3.75.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75ZM7.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5ZM4 11.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75ZM1.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Z"></path> </svg> </a> <tool-tip id="tooltip-6120a28e-97a9-4369-ae83-b1a5dc25a930" for="expand-up-link-0-diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Expand Up</tool-tip> </td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -20,6 +20,7 @@</td> </tr> <tr data-hunk="5fb8d031d31a6628ef5b154a15e49e7c327c3cb714479d882541d2530302b230" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L20" data-line-number="20" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R20" data-line-number="20" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/extension-horizontal-rule": "2.1.12",</span></td> </tr> <tr data-hunk="5fb8d031d31a6628ef5b154a15e49e7c327c3cb714479d882541d2530302b230" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L21" data-line-number="21" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R21" data-line-number="21" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/extension-link": "2.1.12",</span></td> </tr> <tr data-hunk="5fb8d031d31a6628ef5b154a15e49e7c327c3cb714479d882541d2530302b230" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L22" data-line-number="22" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R22" data-line-number="22" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/extension-list-keymap": "2.1.12",</span></td> </tr> <tr data-hunk="5fb8d031d31a6628ef5b154a15e49e7c327c3cb714479d882541d2530302b230" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R23" data-line-number="23" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> "@tiptap/extension-mention": "^2.1.13",</span></td> </tr> <tr data-hunk="5fb8d031d31a6628ef5b154a15e49e7c327c3cb714479d882541d2530302b230" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L23" data-line-number="23" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R24" data-line-number="24" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/extension-placeholder": "2.1.12",</span></td> </tr> <tr data-hunk="5fb8d031d31a6628ef5b154a15e49e7c327c3cb714479d882541d2530302b230" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L24" data-line-number="24" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R25" data-line-number="25" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/extension-subscript": "2.1.12",</span></td> </tr> <tr data-hunk="5fb8d031d31a6628ef5b154a15e49e7c327c3cb714479d882541d2530302b230" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L25" data-line-number="25" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R26" data-line-number="26" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/extension-superscript": "2.1.12",</span></td> </tr> <tr class="js-expandable-line js-skip-tagsearch" data-position="8"> <td class="blob-num blob-num-expandable" colspan="2"> <a href="#diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" id="expand-link-8-diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" class="js-expand directional-expander single-expander" aria-label="Expand All" data-url="/streetwriters/notesnook/blob_excerpt/f5f24c90c499f57a4eeca77987a13fe5e5170cc2?context=pull_request&diff=unified&in_wiki_context=&last_left=25&last_right=26&left=33&left_hunk_size=19&mode=100644&path=packages%2Feditor%2Fpackage.json&pull_request_id=1643612332&right=34&right_hunk_size=23" data-left-range="26-28" data-right-range="27-29"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-unfold"> <path d="m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z"></path> </svg> </a> <tool-tip id="tooltip-b1a0f4b3-55c0-4cdd-89df-504f1b9c410b" for="expand-link-8-diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Expand All</tool-tip> </td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -33,19 +34,23 @@</td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L33" data-line-number="33" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R34" data-line-number="34" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/extension-text-style": "2.1.12",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L34" data-line-number="34" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R35" data-line-number="35" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/extension-underline": "2.1.12",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L35" data-line-number="35" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R36" data-line-number="36" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/pm": "2.1.12",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R37" data-line-number="37" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> "@tiptap/react": "^2.1.13",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L36" data-line-number="36" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R38" data-line-number="38" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "@tiptap/starter-kit": "2.1.12",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R39" data-line-number="39" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> "@tiptap/suggestion": "^2.1.13",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L37" data-line-number="37" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R40" data-line-number="40" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "async-mutex": "^0.4.0",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L38" data-line-number="38" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R41" data-line-number="41" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "clipboard-polyfill": "4.0.0",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L39" data-line-number="39" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R42" data-line-number="42" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "detect-indent": "^7.0.0",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L40" data-line-number="40" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R43" data-line-number="43" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "entities": "^4.5.0",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L41" data-line-number="41" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R44" data-line-number="44" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "katex": "0.16.4",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L42" data-line-number="42" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R45" data-line-number="45" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "nanoid": "^4.0.1",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R46" data-line-number="46" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> "node-emoji": "^2.1.3",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L43" data-line-number="43" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R47" data-line-number="47" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "prism-themes": "^1.9.0",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L44" data-line-number="44" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R48" data-line-number="48" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "prosemirror-codemark": "^0.4.2",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L45" data-line-number="45" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R49" data-line-number="49" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "prosemirror-view": "1.32.2",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L46" data-line-number="46" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R50" data-line-number="50" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "re-resizable": "^6.9.9",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L47" data-line-number="47" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R51" data-line-number="51" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "react-colorful": "^5.5.1",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L48" data-line-number="48" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R52" data-line-number="52" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "react-modal": "3.13.1",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R53" data-line-number="53" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> "react-popper": "^2.3.0",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L49" data-line-number="49" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R54" data-line-number="54" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "redent": "^4.0.0",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L50" data-line-number="50" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R55" data-line-number="55" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "refractor": "^4.8.0",</span></td> </tr> <tr data-hunk="31a0c763dbf4a2ac34f6fb3fdf00593516ee15f48b10604ca2ef723295d3f9af" class="show-top-border"> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0L51" data-line-number="51" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0R56" data-line-number="56" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> "strip-indent": "^4.0.0",</span></td> </tr> <tr class="js-expandable-line js-skip-tagsearch" data-position=""> <td class="blob-num blob-num-expandable" colspan="2"> <a href="#diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" id="expand-down-link--diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" class="js-expand directional-expander single-expander" aria-label="Expand Down" data-url="/streetwriters/notesnook/blob_excerpt/f5f24c90c499f57a4eeca77987a13fe5e5170cc2?context=pull_request&diff=unified&direction=down&in_wiki_context=&last_left=51&last_right=56&left=111&left_hunk_size=&mode=100644&path=packages%2Feditor%2Fpackage.json&pull_request_id=1643612332&right=111&right_hunk_size=" data-left-range="52-110" data-right-range="57-110"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-fold-down"> <path d="m8.177 14.323 2.896-2.896a.25.25 0 0 0-.177-.427H8.75V7.764a.75.75 0 1 0-1.5 0V11H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0ZM2.25 5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 4.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 1 .75.75ZM8.25 5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 4.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 1 .75.75Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z"></path> </svg> </a> <tool-tip id="tooltip-964ac593-96e6-4a21-91f4-bc2e8fbab777" for="expand-down-link--diff-f4eedd0a8aaf55cc64de9e66438e075fb5c0c992b6fd2039bf5863b06cea99a0" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Expand Down</tool-tip> </td> <td class="blob-code blob-code-inner blob-code-hunk"></td> </tr> </tbody> </table> </deferred-diff-lines> </div> </div> </div> </copilot-diff-entry> <copilot-diff-entry data-file-path="packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx" > <div id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8" data-details-container-group="file" class="file js-file js-details-container js-targetable-element show-inline-notes Details Details--on open js-tagsearch-file" data-file-type=".tsx" data-file-deleted="false" data-tagsearch-path="packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx" data-tagsearch-lang="TSX" data-targets="diff-file-filter.diffEntries" > <div class="file-header d-flex flex-md-row flex-column flex-md-items-center file-header--expandable js-file-header js-skip-tagsearch sticky-file-header" data-path="packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx" data-short-path="0c94492" data-anchor="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8" data-file-type=".tsx" data-file-deleted="false" > <div class="file-info flex-auto min-width-0 mb-md-0 mb-2"> <button type="button" class="btn-octicon js-details-target" aria-label="Toggle diff contents" aria-expanded="true" style="width: 22px;"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down Details-content--hidden"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Details-content--shown"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <span class="sr-only"> 54 changes: 54 additions & 0 deletions </span> <span class="diffstat" aria-hidden="true">54 <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span></span> <span class="Truncate"> <a title="packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx" class="Link--primary Truncate-text" href="#diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8">packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx</a> <span data-view-component="true"> <clipboard-copy data-copy-feedback="Copied!" aria-label="Copy" value="packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx" data-view-component="true" class="Link--onHover color-fg-muted ml-2 mr-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span> </span> </div> <div class="file-actions pt-0 mb-md-0 mb-2 ml-md-2 flex-shrink-0 flex-md-justify-end"> <div class="d-flex flex-justify-end"> <details class="js-file-header-dropdown dropdown details-overlay details-reset pr-2 pl-2"> <summary class="height-full"> <div class="height-full d-flex flex-items-center Link--secondary"> <svg aria-label="Show options" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </div> </summary> <details-menu class="dropdown-menu dropdown-menu-sw show-more-popover color-fg-default position-absolute f5" style="width:fit-content; min-width:185px; z-index:99; right: -4px;"> <label role="menuitemradio" class="dropdown-item btn-link text-normal d-block pl-5" tabindex="0" aria-checked="true"> <span class="position-absolute ml-n4"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg></span> <input type="checkbox" checked class="d-none js-toggle-file-notes"> Show comments </label> <div role="none" class="dropdown-divider"></div> <a href="/streetwriters/notesnook/blob/4c277b4d800d0a46f61376b3c3fe0961178d5404/packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx" class="pl-5 dropdown-item btn-link" rel="nofollow" role="menuitem" data-ga-click="View file, click, location:files_changed_dropdown" > View file </a> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to make changes."> Edit file </button> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to delete this file."> Delete file </button> <div role="none" class="dropdown-divider"></div> <span data-target="copilot-diff-entry.menuItemsSlot"></span> <a class="pl-5 dropdown-item btn-link js-remove-unless-platform" data-platforms="windows,mac" role="menuitem" href="https://desktop.github.com" aria-label="Open this file in GitHub Desktop" data-analytics-event="{"category":"Repository","action":"open with desktop","label":"pull_request_id:1643612332"}"> Open in desktop </a> </details-menu> </details> </div> </div> </div> <div class="js-file-content Details-content--hidden position-relative" data-hydro-view="{"event_type":"pull_request.select_diff_range","payload":{"actor_id":null,"pull_request_id":1643612332,"repository_id":353775942,"diff_type":"UNIFIED","whitespace_ignored":false,"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-view-hmac="02cc76dc69b31381617fe5b51124726930df528730313e5333e68ca435474b02"> <div class="data highlight js-blob-wrapper js-check-bidi " > <template class="js-file-alert-template"> <div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span> This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank">Learn more about bidirectional Unicode characters</a> </span> <div data-view-component="true" class="flash-action"> <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn"> Show hidden characters </a> </div> </div></template> <template class="js-line-alert-template"> <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </span></template> <deferred-diff-lines class="awaiting-highlight" data-url="/streetwriters/notesnook/diffs/d881bdb77cf7251063fa971ca02a7ef3caa6860e..4c277b4d800d0a46f61376b3c3fe0961178d5404?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&whitespace_ignored=false"> <input type="hidden" name="path" value="packages/editor/src/extensions/emoji-selector/SuggestionItem.tsx" data-targets="deferred-diff-lines.inputs" autocomplete="off" /> <table class=" diff-table js-diff-table tab-size " data-tab-size="8" data-diff-anchor="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8" data-paste-markdown-skip> <thead class="sr-only"> <tr> <th scope="col">Original file line number</th> <th scope="col">Diff line number</th> <th scope="col">Diff line change</th> </tr> </thead> <tbody> <tr data-position="0"> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8HL0" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8HR1" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -0,0 +1,54 @@</td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R1" data-line-number="1" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">/*</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R2" data-line-number="2" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This file is part of the Notesnook project (https://notesnook.com/)</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R3" data-line-number="3" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R4" data-line-number="4" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">Copyright (C) 2023 Streetwriters (Private) Limited</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R5" data-line-number="5" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R6" data-line-number="6" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This program is free software: you can redistribute it and/or modify</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R7" data-line-number="7" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">it under the terms of the GNU General Public License as published by</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R8" data-line-number="8" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">the Free Software Foundation, either version 3 of the License, or</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R9" data-line-number="9" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">(at your option) any later version.</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R10" data-line-number="10" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R11" data-line-number="11" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This program is distributed in the hope that it will be useful,</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R12" data-line-number="12" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">but WITHOUT ANY WARRANTY; without even the implied warranty of</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R13" data-line-number="13" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R14" data-line-number="14" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">GNU General Public License for more details.</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R15" data-line-number="15" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R16" data-line-number="16" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">You should have received a copy of the GNU General Public License</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R17" data-line-number="17" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">along with this program. If not, see <http://www.gnu.org/licenses/>.</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R18" data-line-number="18" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">*/</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R19" data-line-number="19" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R20" data-line-number="20" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">// example for mention: https://tiptap.dev/api/nodes/mention</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R21" data-line-number="21" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">// https://tiptap.dev/api/utilities/suggestion</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R22" data-line-number="22" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R23" data-line-number="23" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import React, { useEffect, useRef } from "react";</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R24" data-line-number="24" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R25" data-line-number="25" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">interface SuggestionItemProps extends React.ComponentPropsWithoutRef<"div"> {</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R26" data-line-number="26" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> isActive: boolean;</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R27" data-line-number="27" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">}</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R28" data-line-number="28" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R29" data-line-number="29" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">export const SuggestionItem = ({</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R30" data-line-number="30" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> isActive,</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R31" data-line-number="31" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> className,</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R32" data-line-number="32" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> style,</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R33" data-line-number="33" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> ...props</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R34" data-line-number="34" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">}: SuggestionItemProps) => {</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R35" data-line-number="35" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const ref = useRef<HTMLDivElement | null>(null);</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R36" data-line-number="36" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R37" data-line-number="37" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> useEffect(() => {</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R38" data-line-number="38" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> if (isActive) {</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R39" data-line-number="39" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> ref.current?.scrollIntoView({ block: "nearest" });</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R40" data-line-number="40" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R41" data-line-number="41" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }, [isActive]);</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R42" data-line-number="42" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R43" data-line-number="43" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return (</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R44" data-line-number="44" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> <div</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R45" data-line-number="45" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> ref={ref}</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R46" data-line-number="46" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> className={"mentionsItem" + (className ? ` ${className}` : "")}</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R47" data-line-number="47" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> style={{</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R48" data-line-number="48" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> backgroundColor: isActive ? "lightgrey" : undefined,</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R49" data-line-number="49" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> ...style</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R50" data-line-number="50" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }}</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R51" data-line-number="51" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> {...props}</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R52" data-line-number="52" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> /></span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R53" data-line-number="53" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> );</span></td> </tr> <tr data-hunk="b23d7991b7564311cbe07267d949c45cf0a3bd628e813e575d95cca1df3a3d0d" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-0c944926b251e938b7beab41ca559e5200c4e5fd3abb1b413b32cd21d69977b8R54" data-line-number="54" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">};</span></td> </tr> </tbody> </table> </deferred-diff-lines> </div> </div> </div> </copilot-diff-entry> <copilot-diff-entry data-file-path="packages/editor/src/extensions/emoji-selector/SuggestionList.tsx" > <div id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0c" data-details-container-group="file" class="file js-file js-details-container js-targetable-element show-inline-notes Details Details--on open js-tagsearch-file" data-file-type=".tsx" data-file-deleted="false" data-tagsearch-path="packages/editor/src/extensions/emoji-selector/SuggestionList.tsx" data-tagsearch-lang="TSX" data-targets="diff-file-filter.diffEntries" > <div class="file-header d-flex flex-md-row flex-column flex-md-items-center file-header--expandable js-file-header js-skip-tagsearch sticky-file-header" data-path="packages/editor/src/extensions/emoji-selector/SuggestionList.tsx" data-short-path="b196bb4" data-anchor="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0c" data-file-type=".tsx" data-file-deleted="false" > <div class="file-info flex-auto min-width-0 mb-md-0 mb-2"> <button type="button" class="btn-octicon js-details-target" aria-label="Toggle diff contents" aria-expanded="true" style="width: 22px;"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down Details-content--hidden"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Details-content--shown"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <span class="sr-only"> 110 changes: 110 additions & 0 deletions </span> <span class="diffstat" aria-hidden="true">110 <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span></span> <span class="Truncate"> <a title="packages/editor/src/extensions/emoji-selector/SuggestionList.tsx" class="Link--primary Truncate-text" href="#diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0c">packages/editor/src/extensions/emoji-selector/SuggestionList.tsx</a> <span data-view-component="true"> <clipboard-copy data-copy-feedback="Copied!" aria-label="Copy" value="packages/editor/src/extensions/emoji-selector/SuggestionList.tsx" data-view-component="true" class="Link--onHover color-fg-muted ml-2 mr-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span> </span> </div> <div class="file-actions pt-0 mb-md-0 mb-2 ml-md-2 flex-shrink-0 flex-md-justify-end"> <div class="d-flex flex-justify-end"> <details class="js-file-header-dropdown dropdown details-overlay details-reset pr-2 pl-2"> <summary class="height-full"> <div class="height-full d-flex flex-items-center Link--secondary"> <svg aria-label="Show options" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </div> </summary> <details-menu class="dropdown-menu dropdown-menu-sw show-more-popover color-fg-default position-absolute f5" style="width:fit-content; min-width:185px; z-index:99; right: -4px;"> <label role="menuitemradio" class="dropdown-item btn-link text-normal d-block pl-5" tabindex="0" aria-checked="true"> <span class="position-absolute ml-n4"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg></span> <input type="checkbox" checked class="d-none js-toggle-file-notes"> Show comments </label> <div role="none" class="dropdown-divider"></div> <a href="/streetwriters/notesnook/blob/4c277b4d800d0a46f61376b3c3fe0961178d5404/packages/editor/src/extensions/emoji-selector/SuggestionList.tsx" class="pl-5 dropdown-item btn-link" rel="nofollow" role="menuitem" data-ga-click="View file, click, location:files_changed_dropdown" > View file </a> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to make changes."> Edit file </button> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to delete this file."> Delete file </button> <div role="none" class="dropdown-divider"></div> <span data-target="copilot-diff-entry.menuItemsSlot"></span> <a class="pl-5 dropdown-item btn-link js-remove-unless-platform" data-platforms="windows,mac" role="menuitem" href="https://desktop.github.com" aria-label="Open this file in GitHub Desktop" data-analytics-event="{"category":"Repository","action":"open with desktop","label":"pull_request_id:1643612332"}"> Open in desktop </a> </details-menu> </details> </div> </div> </div> <div class="js-file-content Details-content--hidden position-relative" data-hydro-view="{"event_type":"pull_request.select_diff_range","payload":{"actor_id":null,"pull_request_id":1643612332,"repository_id":353775942,"diff_type":"UNIFIED","whitespace_ignored":false,"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-view-hmac="02cc76dc69b31381617fe5b51124726930df528730313e5333e68ca435474b02"> <div class="data highlight js-blob-wrapper js-check-bidi " > <template class="js-file-alert-template"> <div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span> This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank">Learn more about bidirectional Unicode characters</a> </span> <div data-view-component="true" class="flash-action"> <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn"> Show hidden characters </a> </div> </div></template> <template class="js-line-alert-template"> <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </span></template> <deferred-diff-lines class="awaiting-highlight" data-url="/streetwriters/notesnook/diffs/d881bdb77cf7251063fa971ca02a7ef3caa6860e..4c277b4d800d0a46f61376b3c3fe0961178d5404?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&whitespace_ignored=false"> <input type="hidden" name="path" value="packages/editor/src/extensions/emoji-selector/SuggestionList.tsx" data-targets="deferred-diff-lines.inputs" autocomplete="off" /> <table class=" diff-table js-diff-table tab-size " data-tab-size="8" data-diff-anchor="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0c" data-paste-markdown-skip> <thead class="sr-only"> <tr> <th scope="col">Original file line number</th> <th scope="col">Diff line number</th> <th scope="col">Diff line change</th> </tr> </thead> <tbody> <tr data-position="0"> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cHL0" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cHR1" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -0,0 +1,110 @@</td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR1" data-line-number="1" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">/*</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR2" data-line-number="2" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This file is part of the Notesnook project (https://notesnook.com/)</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR3" data-line-number="3" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR4" data-line-number="4" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">Copyright (C) 2023 Streetwriters (Private) Limited</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR5" data-line-number="5" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR6" data-line-number="6" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This program is free software: you can redistribute it and/or modify</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR7" data-line-number="7" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">it under the terms of the GNU General Public License as published by</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR8" data-line-number="8" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">the Free Software Foundation, either version 3 of the License, or</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR9" data-line-number="9" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">(at your option) any later version.</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR10" data-line-number="10" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR11" data-line-number="11" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This program is distributed in the hope that it will be useful,</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR12" data-line-number="12" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">but WITHOUT ANY WARRANTY; without even the implied warranty of</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR13" data-line-number="13" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR14" data-line-number="14" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">GNU General Public License for more details.</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR15" data-line-number="15" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR16" data-line-number="16" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">You should have received a copy of the GNU General Public License</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR17" data-line-number="17" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">along with this program. If not, see <http://www.gnu.org/licenses/>.</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR18" data-line-number="18" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">*/</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR19" data-line-number="19" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR20" data-line-number="20" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">// example for mention: https://tiptap.dev/api/nodes/mention</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR21" data-line-number="21" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">// https://tiptap.dev/api/utilities/suggestion</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR22" data-line-number="22" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR23" data-line-number="23" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { SuggestionKeyDownProps, SuggestionProps } from "@tiptap/suggestion";</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR24" data-line-number="24" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { forwardRef, useImperativeHandle, useMemo, useState } from "react";</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR25" data-line-number="25" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { createPortal } from "react-dom";</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR26" data-line-number="26" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { usePopper } from "react-popper";</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR27" data-line-number="27" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { SuggestionItem } from "./SuggestionItem";</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR28" data-line-number="28" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR29" data-line-number="29" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">interface SuggestionListActions {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR30" data-line-number="30" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> onKeyDown: (props: SuggestionKeyDownProps) => void;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR31" data-line-number="31" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR32" data-line-number="32" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR33" data-line-number="33" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">export const SuggestionList = forwardRef<</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR34" data-line-number="34" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> SuggestionListActions,</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR35" data-line-number="35" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> SuggestionProps</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR36" data-line-number="36" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">>((props, ref) => {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR37" data-line-number="37" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const { clientRect, command, items } = props;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR38" data-line-number="38" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR39" data-line-number="39" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const referenceEl = useMemo(</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR40" data-line-number="40" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> () => (clientRect ? { getBoundingClientRect: clientRect } : null),</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR41" data-line-number="41" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> [clientRect]</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR42" data-line-number="42" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> );</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR43" data-line-number="43" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR44" data-line-number="44" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const handleCommand = (index: number) => {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR45" data-line-number="45" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const selectedEmoji = items[index];</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR46" data-line-number="46" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> command({</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR47" data-line-number="47" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> id: selectedEmoji.id,</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR48" data-line-number="48" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> label: selectedEmoji.label,</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR49" data-line-number="49" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> emoji: selectedEmoji.emoji</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR50" data-line-number="50" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> });</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR51" data-line-number="51" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> };</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR52" data-line-number="52" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR53" data-line-number="53" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const [hoverIndex, setHoverIndex] = useState(0);</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR54" data-line-number="54" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> useImperativeHandle(ref, () => ({</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR55" data-line-number="55" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> onKeyDown: ({ event }) => {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR56" data-line-number="56" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const { key } = event;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR57" data-line-number="57" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR58" data-line-number="58" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> if (key === "ArrowUp") {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR59" data-line-number="59" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> setHoverIndex((prev) => {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR60" data-line-number="60" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const beforeIndex = prev - 1;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR61" data-line-number="61" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return beforeIndex >= 0 ? beforeIndex : 0;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR62" data-line-number="62" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> });</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR63" data-line-number="63" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return true;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR64" data-line-number="64" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR65" data-line-number="65" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR66" data-line-number="66" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> if (key === "ArrowDown") {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR67" data-line-number="67" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> setHoverIndex((prev) => {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR68" data-line-number="68" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const afterIndex = prev + 1;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR69" data-line-number="69" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const emojiCount = items.length - 1 ?? 0;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR70" data-line-number="70" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return afterIndex < emojiCount ? afterIndex : emojiCount;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR71" data-line-number="71" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> });</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR72" data-line-number="72" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return true;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR73" data-line-number="73" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR74" data-line-number="74" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR75" data-line-number="75" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> if (key === "Enter") {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR76" data-line-number="76" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> handleCommand(hoverIndex);</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR77" data-line-number="77" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return true;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR78" data-line-number="78" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR79" data-line-number="79" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR80" data-line-number="80" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return false;</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR81" data-line-number="81" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR82" data-line-number="82" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }));</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR83" data-line-number="83" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR84" data-line-number="84" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const [el, setEl] = useState<HTMLDivElement | null>(null);</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR85" data-line-number="85" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const { styles, attributes } = usePopper(referenceEl as Element, el, {</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR86" data-line-number="86" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> placement: "bottom-start"</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR87" data-line-number="87" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> });</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR88" data-line-number="88" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR89" data-line-number="89" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return createPortal(</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR90" data-line-number="90" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> <div</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR91" data-line-number="91" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> ref={setEl}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR92" data-line-number="92" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> className="SuggestionListContainer"</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR93" data-line-number="93" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> style={styles.popper}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR94" data-line-number="94" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> {...attributes.popper}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR95" data-line-number="95" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> ></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR96" data-line-number="96" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> {items.map((emoji, index) => (</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR97" data-line-number="97" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> <SuggestionItem</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR98" data-line-number="98" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> key={emoji.id}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR99" data-line-number="99" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> isActive={index === hoverIndex}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR100" data-line-number="100" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> onMouseEnter={() => setHoverIndex(index)}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR101" data-line-number="101" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> onClick={() => handleCommand(index)}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR102" data-line-number="102" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> ></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR103" data-line-number="103" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> {emoji.label}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR104" data-line-number="104" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> </SuggestionItem></span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR105" data-line-number="105" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> ))}</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR106" data-line-number="106" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> </div>,</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR107" data-line-number="107" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> document.body</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR108" data-line-number="108" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> );</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR109" data-line-number="109" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">});</span></td> </tr> <tr data-hunk="e5399ab53ec27e93e183c8e2d7bc08f185cf282b88a190ab27f5214d19f64d39" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-b196bb49c3d614314289dd792445de7258b31a08ffd563f9acf036d3ce74ce0cR110" data-line-number="110" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">SuggestionList.displayName = "SuggestionList";</span></td> </tr> </tbody> </table> </deferred-diff-lines> </div> </div> </div> </copilot-diff-entry> <copilot-diff-entry data-file-path="packages/editor/src/extensions/emoji-selector/emoji-selector.ts" > <div id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667b" data-details-container-group="file" class="file js-file js-details-container js-targetable-element show-inline-notes Details Details--on open js-tagsearch-file" data-file-type=".ts" data-file-deleted="false" data-tagsearch-path="packages/editor/src/extensions/emoji-selector/emoji-selector.ts" data-tagsearch-lang="TypeScript" data-targets="diff-file-filter.diffEntries" > <div class="file-header d-flex flex-md-row flex-column flex-md-items-center file-header--expandable js-file-header js-skip-tagsearch sticky-file-header" data-path="packages/editor/src/extensions/emoji-selector/emoji-selector.ts" data-short-path="38619ff" data-anchor="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667b" data-file-type=".ts" data-file-deleted="false" > <div class="file-info flex-auto min-width-0 mb-md-0 mb-2"> <button type="button" class="btn-octicon js-details-target" aria-label="Toggle diff contents" aria-expanded="true" style="width: 22px;"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down Details-content--hidden"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Details-content--shown"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <span class="sr-only"> 83 changes: 83 additions & 0 deletions </span> <span class="diffstat" aria-hidden="true">83 <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span></span> <span class="Truncate"> <a title="packages/editor/src/extensions/emoji-selector/emoji-selector.ts" class="Link--primary Truncate-text" href="#diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667b">packages/editor/src/extensions/emoji-selector/emoji-selector.ts</a> <span data-view-component="true"> <clipboard-copy data-copy-feedback="Copied!" aria-label="Copy" value="packages/editor/src/extensions/emoji-selector/emoji-selector.ts" data-view-component="true" class="Link--onHover color-fg-muted ml-2 mr-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span> </span> </div> <div class="file-actions pt-0 mb-md-0 mb-2 ml-md-2 flex-shrink-0 flex-md-justify-end"> <div class="d-flex flex-justify-end"> <details class="js-file-header-dropdown dropdown details-overlay details-reset pr-2 pl-2"> <summary class="height-full"> <div class="height-full d-flex flex-items-center Link--secondary"> <svg aria-label="Show options" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </div> </summary> <details-menu class="dropdown-menu dropdown-menu-sw show-more-popover color-fg-default position-absolute f5" style="width:fit-content; min-width:185px; z-index:99; right: -4px;"> <label role="menuitemradio" class="dropdown-item btn-link text-normal d-block pl-5" tabindex="0" aria-checked="true"> <span class="position-absolute ml-n4"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg></span> <input type="checkbox" checked class="d-none js-toggle-file-notes"> Show comments </label> <div role="none" class="dropdown-divider"></div> <a href="/streetwriters/notesnook/blob/4c277b4d800d0a46f61376b3c3fe0961178d5404/packages/editor/src/extensions/emoji-selector/emoji-selector.ts" class="pl-5 dropdown-item btn-link" rel="nofollow" role="menuitem" data-ga-click="View file, click, location:files_changed_dropdown" > View file </a> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to make changes."> Edit file </button> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to delete this file."> Delete file </button> <div role="none" class="dropdown-divider"></div> <span data-target="copilot-diff-entry.menuItemsSlot"></span> <a class="pl-5 dropdown-item btn-link js-remove-unless-platform" data-platforms="windows,mac" role="menuitem" href="https://desktop.github.com" aria-label="Open this file in GitHub Desktop" data-analytics-event="{"category":"Repository","action":"open with desktop","label":"pull_request_id:1643612332"}"> Open in desktop </a> </details-menu> </details> </div> </div> </div> <div class="js-file-content Details-content--hidden position-relative" data-hydro-view="{"event_type":"pull_request.select_diff_range","payload":{"actor_id":null,"pull_request_id":1643612332,"repository_id":353775942,"diff_type":"UNIFIED","whitespace_ignored":false,"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-view-hmac="02cc76dc69b31381617fe5b51124726930df528730313e5333e68ca435474b02"> <div class="data highlight js-blob-wrapper js-check-bidi " > <template class="js-file-alert-template"> <div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span> This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank">Learn more about bidirectional Unicode characters</a> </span> <div data-view-component="true" class="flash-action"> <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn"> Show hidden characters </a> </div> </div></template> <template class="js-line-alert-template"> <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </span></template> <deferred-diff-lines class="awaiting-highlight" data-url="/streetwriters/notesnook/diffs/d881bdb77cf7251063fa971ca02a7ef3caa6860e..4c277b4d800d0a46f61376b3c3fe0961178d5404?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&whitespace_ignored=false"> <input type="hidden" name="path" value="packages/editor/src/extensions/emoji-selector/emoji-selector.ts" data-targets="deferred-diff-lines.inputs" autocomplete="off" /> <table class=" diff-table js-diff-table tab-size " data-tab-size="8" data-diff-anchor="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667b" data-paste-markdown-skip> <thead class="sr-only"> <tr> <th scope="col">Original file line number</th> <th scope="col">Diff line number</th> <th scope="col">Diff line change</th> </tr> </thead> <tbody> <tr data-position="0"> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bHL0" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bHR1" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -0,0 +1,83 @@</td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR1" data-line-number="1" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">/*</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR2" data-line-number="2" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This file is part of the Notesnook project (https://notesnook.com/)</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR3" data-line-number="3" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR4" data-line-number="4" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">Copyright (C) 2023 Streetwriters (Private) Limited</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR5" data-line-number="5" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR6" data-line-number="6" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This program is free software: you can redistribute it and/or modify</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR7" data-line-number="7" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">it under the terms of the GNU General Public License as published by</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR8" data-line-number="8" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">the Free Software Foundation, either version 3 of the License, or</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR9" data-line-number="9" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">(at your option) any later version.</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR10" data-line-number="10" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR11" data-line-number="11" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This program is distributed in the hope that it will be useful,</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR12" data-line-number="12" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">but WITHOUT ANY WARRANTY; without even the implied warranty of</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR13" data-line-number="13" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR14" data-line-number="14" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">GNU General Public License for more details.</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR15" data-line-number="15" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR16" data-line-number="16" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">You should have received a copy of the GNU General Public License</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR17" data-line-number="17" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">along with this program. If not, see <http://www.gnu.org/licenses/>.</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR18" data-line-number="18" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">*/</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR19" data-line-number="19" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR20" data-line-number="20" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">// example for mention: https://tiptap.dev/api/nodes/mention</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR21" data-line-number="21" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">// https://tiptap.dev/api/utilities/suggestion</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR22" data-line-number="22" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR23" data-line-number="23" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { Mention as TiptapMention } from "@tiptap/extension-mention";</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR24" data-line-number="24" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { ReactRenderer } from "@tiptap/react";</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR25" data-line-number="25" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { search as nodeEmojiSearch } from "node-emoji";</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR26" data-line-number="26" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { SuggestionList } from "./SuggestionList";</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR27" data-line-number="27" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR28" data-line-number="28" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">export type MentionSuggestion = {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR29" data-line-number="29" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> id: string;</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR30" data-line-number="30" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> label: string;</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR31" data-line-number="31" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> emoji: string;</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR32" data-line-number="32" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">};</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR33" data-line-number="33" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR34" data-line-number="34" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">export const EmojiSelector = TiptapMention.configure({</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR35" data-line-number="35" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> renderLabel: ({ node }) => {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR36" data-line-number="36" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return node.attrs.emoji;</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR37" data-line-number="37" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> },</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR38" data-line-number="38" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> suggestion: {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR39" data-line-number="39" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> char: ":",</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR40" data-line-number="40" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> items: ({ query }): MentionSuggestion[] => {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR41" data-line-number="41" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> const emojis = nodeEmojiSearch(query)</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR42" data-line-number="42" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> .map((emoji, index) => ({</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR43" data-line-number="43" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> id: `found-emoji-${index.toString()}`,</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR44" data-line-number="44" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> label: `${emoji.emoji} :${emoji.name}:`,</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR45" data-line-number="45" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> emoji: emoji.emoji</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR46" data-line-number="46" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }))</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR47" data-line-number="47" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> .slice(0, 5);</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR48" data-line-number="48" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR49" data-line-number="49" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> console.log(emojis);</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR50" data-line-number="50" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR51" data-line-number="51" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return emojis;</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR52" data-line-number="52" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> },</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR53" data-line-number="53" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> render: () => {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR54" data-line-number="54" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> let reactRenderer: ReactRenderer;</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR55" data-line-number="55" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR56" data-line-number="56" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR57" data-line-number="57" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> onStart: (props) => {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR58" data-line-number="58" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> reactRenderer = new ReactRenderer(SuggestionList, {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR59" data-line-number="59" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> props,</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR60" data-line-number="60" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> editor: props.editor</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR61" data-line-number="61" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> });</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR62" data-line-number="62" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> },</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR63" data-line-number="63" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR64" data-line-number="64" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> onUpdate(props) {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR65" data-line-number="65" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> reactRenderer?.updateProps(props);</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR66" data-line-number="66" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> },</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR67" data-line-number="67" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR68" data-line-number="68" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> onKeyDown(props) {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR69" data-line-number="69" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> if (props.event.key === "Escape") {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR70" data-line-number="70" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> reactRenderer?.destroy();</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR71" data-line-number="71" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return true;</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR72" data-line-number="72" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR73" data-line-number="73" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR74" data-line-number="74" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> return (reactRenderer?.ref as any)?.onKeyDown(props);</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR75" data-line-number="75" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> },</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR76" data-line-number="76" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR77" data-line-number="77" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> onExit() {</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR78" data-line-number="78" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> reactRenderer.destroy();</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR79" data-line-number="79" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR80" data-line-number="80" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> };</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR81" data-line-number="81" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR82" data-line-number="82" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> }</span></td> </tr> <tr data-hunk="8f5743a46c6f91723ef3d414b12c30a469c0447402cbaece931d46a1a4fffc16" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-38619ff49a6768a7607f2754c285620e1ac7807e0b8b33d3004171109284667bR83" data-line-number="83" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">});</span></td> </tr> </tbody> </table> </deferred-diff-lines> </div> </div> </div> </copilot-diff-entry> <copilot-diff-entry data-file-path="packages/editor/src/extensions/emoji-selector/index.ts" > <div id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8e" data-details-container-group="file" class="file js-file js-details-container js-targetable-element show-inline-notes Details Details--on open js-tagsearch-file" data-file-type=".ts" data-file-deleted="false" data-tagsearch-path="packages/editor/src/extensions/emoji-selector/index.ts" data-tagsearch-lang="TypeScript" data-targets="diff-file-filter.diffEntries" > <div class="file-header d-flex flex-md-row flex-column flex-md-items-center file-header--expandable js-file-header js-skip-tagsearch sticky-file-header" data-path="packages/editor/src/extensions/emoji-selector/index.ts" data-short-path="8b32d5e" data-anchor="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8e" data-file-type=".ts" data-file-deleted="false" > <div class="file-info flex-auto min-width-0 mb-md-0 mb-2"> <button type="button" class="btn-octicon js-details-target" aria-label="Toggle diff contents" aria-expanded="true" style="width: 22px;"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down Details-content--hidden"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Details-content--shown"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <span class="sr-only"> 23 changes: 23 additions & 0 deletions </span> <span class="diffstat" aria-hidden="true">23 <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span></span> <span class="Truncate"> <a title="packages/editor/src/extensions/emoji-selector/index.ts" class="Link--primary Truncate-text" href="#diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8e">packages/editor/src/extensions/emoji-selector/index.ts</a> <span data-view-component="true"> <clipboard-copy data-copy-feedback="Copied!" aria-label="Copy" value="packages/editor/src/extensions/emoji-selector/index.ts" data-view-component="true" class="Link--onHover color-fg-muted ml-2 mr-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span> </span> </div> <div class="file-actions pt-0 mb-md-0 mb-2 ml-md-2 flex-shrink-0 flex-md-justify-end"> <div class="d-flex flex-justify-end"> <details class="js-file-header-dropdown dropdown details-overlay details-reset pr-2 pl-2"> <summary class="height-full"> <div class="height-full d-flex flex-items-center Link--secondary"> <svg aria-label="Show options" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </div> </summary> <details-menu class="dropdown-menu dropdown-menu-sw show-more-popover color-fg-default position-absolute f5" style="width:fit-content; min-width:185px; z-index:99; right: -4px;"> <label role="menuitemradio" class="dropdown-item btn-link text-normal d-block pl-5" tabindex="0" aria-checked="true"> <span class="position-absolute ml-n4"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg></span> <input type="checkbox" checked class="d-none js-toggle-file-notes"> Show comments </label> <div role="none" class="dropdown-divider"></div> <a href="/streetwriters/notesnook/blob/4c277b4d800d0a46f61376b3c3fe0961178d5404/packages/editor/src/extensions/emoji-selector/index.ts" class="pl-5 dropdown-item btn-link" rel="nofollow" role="menuitem" data-ga-click="View file, click, location:files_changed_dropdown" > View file </a> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to make changes."> Edit file </button> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to delete this file."> Delete file </button> <div role="none" class="dropdown-divider"></div> <span data-target="copilot-diff-entry.menuItemsSlot"></span> <a class="pl-5 dropdown-item btn-link js-remove-unless-platform" data-platforms="windows,mac" role="menuitem" href="https://desktop.github.com" aria-label="Open this file in GitHub Desktop" data-analytics-event="{"category":"Repository","action":"open with desktop","label":"pull_request_id:1643612332"}"> Open in desktop </a> </details-menu> </details> </div> </div> </div> <div class="js-file-content Details-content--hidden position-relative" data-hydro-view="{"event_type":"pull_request.select_diff_range","payload":{"actor_id":null,"pull_request_id":1643612332,"repository_id":353775942,"diff_type":"UNIFIED","whitespace_ignored":false,"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-view-hmac="02cc76dc69b31381617fe5b51124726930df528730313e5333e68ca435474b02"> <div class="data highlight js-blob-wrapper js-check-bidi " > <template class="js-file-alert-template"> <div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span> This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank">Learn more about bidirectional Unicode characters</a> </span> <div data-view-component="true" class="flash-action"> <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn"> Show hidden characters </a> </div> </div></template> <template class="js-line-alert-template"> <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </span></template> <deferred-diff-lines class="awaiting-highlight" data-url="/streetwriters/notesnook/diffs/d881bdb77cf7251063fa971ca02a7ef3caa6860e..4c277b4d800d0a46f61376b3c3fe0961178d5404?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&whitespace_ignored=false"> <input type="hidden" name="path" value="packages/editor/src/extensions/emoji-selector/index.ts" data-targets="deferred-diff-lines.inputs" autocomplete="off" /> <table class=" diff-table js-diff-table tab-size " data-tab-size="8" data-diff-anchor="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8e" data-paste-markdown-skip> <thead class="sr-only"> <tr> <th scope="col">Original file line number</th> <th scope="col">Diff line number</th> <th scope="col">Diff line change</th> </tr> </thead> <tbody> <tr data-position="0"> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eHL0" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eHR1" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -0,0 +1,23 @@</td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR1" data-line-number="1" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">/*</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR2" data-line-number="2" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This file is part of the Notesnook project (https://notesnook.com/)</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR3" data-line-number="3" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR4" data-line-number="4" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">Copyright (C) 2023 Streetwriters (Private) Limited</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR5" data-line-number="5" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR6" data-line-number="6" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This program is free software: you can redistribute it and/or modify</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR7" data-line-number="7" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">it under the terms of the GNU General Public License as published by</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR8" data-line-number="8" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">the Free Software Foundation, either version 3 of the License, or</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR9" data-line-number="9" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">(at your option) any later version.</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR10" data-line-number="10" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR11" data-line-number="11" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">This program is distributed in the hope that it will be useful,</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR12" data-line-number="12" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">but WITHOUT ANY WARRANTY; without even the implied warranty of</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR13" data-line-number="13" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR14" data-line-number="14" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">GNU General Public License for more details.</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR15" data-line-number="15" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR16" data-line-number="16" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">You should have received a copy of the GNU General Public License</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR17" data-line-number="17" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">along with this program. If not, see <http://www.gnu.org/licenses/>.</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR18" data-line-number="18" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">*/</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR19" data-line-number="19" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR20" data-line-number="20" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">// https://codesandbox.io/p/sandbox/react-tiptap-mentions-with-popperjs-i8uii?file=%2Fsrc%2FMentionList.tsx%3A88%2C31</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR21" data-line-number="21" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">// https://github.com/sjdemartini/mui-tiptap/blob/main/src/demo/useExtensions.ts</span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR22" data-line-number="22" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="fbb3b0e289e2bdee0b2b7855415e83b8199ea759920586b5a670c1fbe676dae5" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-8b32d5ecc75d4dfa1dd62bc12750d1c54bd76690f30334becf293cadafb32b8eR23" data-line-number="23" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">export * from "./emoji-selector";</span></td> </tr> </tbody> </table> </deferred-diff-lines> </div> </div> </div> </copilot-diff-entry> <copilot-diff-entry data-file-path="packages/editor/src/extensions/emoji-selector/style.css" > <div id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39" data-details-container-group="file" class="file js-file js-details-container js-targetable-element show-inline-notes Details Details--on open js-tagsearch-file" data-file-type=".css" data-file-deleted="false" data-tagsearch-path="packages/editor/src/extensions/emoji-selector/style.css" data-tagsearch-lang="CSS" data-targets="diff-file-filter.diffEntries" > <div class="file-header d-flex flex-md-row flex-column flex-md-items-center file-header--expandable js-file-header js-skip-tagsearch sticky-file-header" data-path="packages/editor/src/extensions/emoji-selector/style.css" data-short-path="7fc4fd2" data-anchor="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39" data-file-type=".css" data-file-deleted="false" > <div class="file-info flex-auto min-width-0 mb-md-0 mb-2"> <button type="button" class="btn-octicon js-details-target" aria-label="Toggle diff contents" aria-expanded="true" style="width: 22px;"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down Details-content--hidden"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Details-content--shown"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <span class="sr-only"> 25 changes: 25 additions & 0 deletions </span> <span class="diffstat" aria-hidden="true">25 <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span></span> <span class="Truncate"> <a title="packages/editor/src/extensions/emoji-selector/style.css" class="Link--primary Truncate-text" href="#diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39">packages/editor/src/extensions/emoji-selector/style.css</a> <span data-view-component="true"> <clipboard-copy data-copy-feedback="Copied!" aria-label="Copy" value="packages/editor/src/extensions/emoji-selector/style.css" data-view-component="true" class="Link--onHover color-fg-muted ml-2 mr-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span> </span> </div> <div class="file-actions pt-0 mb-md-0 mb-2 ml-md-2 flex-shrink-0 flex-md-justify-end"> <div class="d-flex flex-justify-end"> <details class="js-file-header-dropdown dropdown details-overlay details-reset pr-2 pl-2"> <summary class="height-full"> <div class="height-full d-flex flex-items-center Link--secondary"> <svg aria-label="Show options" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </div> </summary> <details-menu class="dropdown-menu dropdown-menu-sw show-more-popover color-fg-default position-absolute f5" style="width:fit-content; min-width:185px; z-index:99; right: -4px;"> <label role="menuitemradio" class="dropdown-item btn-link text-normal d-block pl-5" tabindex="0" aria-checked="true"> <span class="position-absolute ml-n4"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg></span> <input type="checkbox" checked class="d-none js-toggle-file-notes"> Show comments </label> <div role="none" class="dropdown-divider"></div> <a href="/streetwriters/notesnook/blob/4c277b4d800d0a46f61376b3c3fe0961178d5404/packages/editor/src/extensions/emoji-selector/style.css" class="pl-5 dropdown-item btn-link" rel="nofollow" role="menuitem" data-ga-click="View file, click, location:files_changed_dropdown" > View file </a> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to make changes."> Edit file </button> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to delete this file."> Delete file </button> <div role="none" class="dropdown-divider"></div> <span data-target="copilot-diff-entry.menuItemsSlot"></span> <a class="pl-5 dropdown-item btn-link js-remove-unless-platform" data-platforms="windows,mac" role="menuitem" href="https://desktop.github.com" aria-label="Open this file in GitHub Desktop" data-analytics-event="{"category":"Repository","action":"open with desktop","label":"pull_request_id:1643612332"}"> Open in desktop </a> </details-menu> </details> </div> </div> </div> <div class="js-file-content Details-content--hidden position-relative" data-hydro-view="{"event_type":"pull_request.select_diff_range","payload":{"actor_id":null,"pull_request_id":1643612332,"repository_id":353775942,"diff_type":"UNIFIED","whitespace_ignored":false,"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-view-hmac="02cc76dc69b31381617fe5b51124726930df528730313e5333e68ca435474b02"> <div class="data highlight js-blob-wrapper js-check-bidi " > <template class="js-file-alert-template"> <div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span> This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank">Learn more about bidirectional Unicode characters</a> </span> <div data-view-component="true" class="flash-action"> <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn"> Show hidden characters </a> </div> </div></template> <template class="js-line-alert-template"> <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </span></template> <deferred-diff-lines class="awaiting-highlight" data-url="/streetwriters/notesnook/diffs/d881bdb77cf7251063fa971ca02a7ef3caa6860e..4c277b4d800d0a46f61376b3c3fe0961178d5404?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&whitespace_ignored=false"> <input type="hidden" name="path" value="packages/editor/src/extensions/emoji-selector/style.css" data-targets="deferred-diff-lines.inputs" autocomplete="off" /> <table class=" diff-table js-diff-table tab-size " data-tab-size="8" data-diff-anchor="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39" data-paste-markdown-skip> <thead class="sr-only"> <tr> <th scope="col">Original file line number</th> <th scope="col">Diff line number</th> <th scope="col">Diff line change</th> </tr> </thead> <tbody> <tr data-position="0"> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39HL0" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39HR1" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -0,0 +1,25 @@</td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R1" data-line-number="1" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">.items {</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R2" data-line-number="2" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> background: #fff;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R3" data-line-number="3" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> border-radius: 0.5rem;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R4" data-line-number="4" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.1);</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R5" data-line-number="5" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> color: rgba(0, 0, 0, 0.8);</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R6" data-line-number="6" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> font-size: 0.9rem;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R7" data-line-number="7" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> overflow: hidden;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R8" data-line-number="8" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> padding: 0.2rem;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R9" data-line-number="9" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> position: relative;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R10" data-line-number="10" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">}</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R11" data-line-number="11" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R12" data-line-number="12" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">.item {</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R13" data-line-number="13" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> background: transparent;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R14" data-line-number="14" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> border: 1px solid transparent;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R15" data-line-number="15" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> border-radius: 0.4rem;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R16" data-line-number="16" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> display: block;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R17" data-line-number="17" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> margin: 0;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R18" data-line-number="18" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> padding: 0.2rem 0.4rem;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R19" data-line-number="19" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> text-align: left;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R20" data-line-number="20" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> width: 100%;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R21" data-line-number="21" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">}</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R22" data-line-number="22" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"><br></span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R23" data-line-number="23" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">.item.is-selected {</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R24" data-line-number="24" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> border-color: #000;</span></td> </tr> <tr data-hunk="273dc1925c8cf3cc6b4626dbf6b4a326160536812b1873ab02fd8287daf0e034" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-7fc4fd2b08012ecc262e6309f67ba2a07b515792f39b0e3488cb186cec8e7d39R25" data-line-number="25" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">}</span></td> </tr> </tbody> </table> </deferred-diff-lines> </div> </div> </div> </copilot-diff-entry> <copilot-diff-entry data-file-path="packages/editor/src/index.ts" > <div id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" data-details-container-group="file" class="file js-file js-details-container js-targetable-element show-inline-notes Details Details--on open js-tagsearch-file" data-file-type=".ts" data-file-deleted="false" data-tagsearch-path="packages/editor/src/index.ts" data-tagsearch-lang="TypeScript" data-targets="diff-file-filter.diffEntries" > <div class="file-header d-flex flex-md-row flex-column flex-md-items-center file-header--expandable js-file-header js-skip-tagsearch sticky-file-header" data-path="packages/editor/src/index.ts" data-short-path="2e4c197" data-anchor="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" data-file-type=".ts" data-file-deleted="false" > <div class="file-info flex-auto min-width-0 mb-md-0 mb-2"> <button type="button" class="btn-octicon js-details-target" aria-label="Toggle diff contents" aria-expanded="true" style="width: 22px;"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down Details-content--hidden"> <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Details-content--shown"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <div class="js-expand-full-wrapper d-inline-block"> <button type="button" class="btn-link color-fg-muted no-underline js-expand-full directional-expander tooltipped tooltipped-se" aria-label="Expand all" data-url="/streetwriters/notesnook/blob_expand/bb1a3e16c70bdad0b1d507352ed93785834f05fe?anchor=diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b&context=pull_request&diff=unified&direction=full&mode=100644&path=packages%2Feditor%2Fsrc%2Findex.ts&pull_request_id=1643612332" > <svg aria-label="Expand all" aria-hidden="false" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-unfold"> <path d="m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z"></path> </svg> </button> <button type="button" class="btn-link color-fg-muted no-underline js-collapse-diff tooltipped tooltipped-se" aria-label="Collapse expanded lines" hidden > <svg aria-label="Collapse added diff lines" aria-hidden="false" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-fold"> <path d="M10.896 2H8.75V.75a.75.75 0 0 0-1.5 0V2H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0l2.896-2.896A.25.25 0 0 0 10.896 2ZM8.75 15.25a.75.75 0 0 1-1.5 0V14H5.104a.25.25 0 0 1-.177-.427l2.896-2.896a.25.25 0 0 1 .354 0l2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25Zm-6.5-6.5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z"></path> </svg> </button> </div> <span class="sr-only"> 2 changes: 2 additions & 0 deletions </span> <span class="diffstat" aria-hidden="true">2 <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-neutral"></span><span class="diffstat-block-neutral"></span><span class="diffstat-block-neutral"></span></span> <span class="Truncate"> <a title="packages/editor/src/index.ts" class="Link--primary Truncate-text" href="#diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b">packages/editor/src/index.ts</a> <span data-view-component="true"> <clipboard-copy data-copy-feedback="Copied!" aria-label="Copy" value="packages/editor/src/index.ts" data-view-component="true" class="Link--onHover color-fg-muted ml-2 mr-2"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg style="display: none;" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> <div aria-live="polite" aria-atomic="true" class="sr-only" data-clipboard-copy-feedback></div> </span> </span> </div> <div class="file-actions pt-0 mb-md-0 mb-2 ml-md-2 flex-shrink-0 flex-md-justify-end"> <div class="d-flex flex-justify-end"> <details class="js-file-header-dropdown dropdown details-overlay details-reset pr-2 pl-2"> <summary class="height-full"> <div class="height-full d-flex flex-items-center Link--secondary"> <svg aria-label="Show options" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal"> <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path> </svg> </div> </summary> <details-menu class="dropdown-menu dropdown-menu-sw show-more-popover color-fg-default position-absolute f5" style="width:fit-content; min-width:185px; z-index:99; right: -4px;"> <label role="menuitemradio" class="dropdown-item btn-link text-normal d-block pl-5" tabindex="0" aria-checked="true"> <span class="position-absolute ml-n4"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg></span> <input type="checkbox" checked class="d-none js-toggle-file-notes"> Show comments </label> <div role="none" class="dropdown-divider"></div> <a href="/streetwriters/notesnook/blob/4c277b4d800d0a46f61376b3c3fe0961178d5404/packages/editor/src/index.ts" class="pl-5 dropdown-item btn-link" rel="nofollow" role="menuitem" data-ga-click="View file, click, location:files_changed_dropdown" > View file </a> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to make changes."> Edit file </button> <button type="button" disabled role="menuitem" class="pl-5 dropdown-item btn-link" aria-label="You must be signed in and have push access to delete this file."> Delete file </button> <div role="none" class="dropdown-divider"></div> <span data-target="copilot-diff-entry.menuItemsSlot"></span> <a class="pl-5 dropdown-item btn-link js-remove-unless-platform" data-platforms="windows,mac" role="menuitem" href="https://desktop.github.com" aria-label="Open this file in GitHub Desktop" data-analytics-event="{"category":"Repository","action":"open with desktop","label":"pull_request_id:1643612332"}"> Open in desktop </a> </details-menu> </details> </div> </div> </div> <div class="js-file-content Details-content--hidden position-relative" data-hydro-view="{"event_type":"pull_request.select_diff_range","payload":{"actor_id":null,"pull_request_id":1643612332,"repository_id":353775942,"diff_type":"UNIFIED","whitespace_ignored":false,"originating_url":"https://github.com/streetwriters/notesnook/pull/3963/commits/4c277b4d800d0a46f61376b3c3fe0961178d5404","user_id":null}}" data-hydro-view-hmac="02cc76dc69b31381617fe5b51124726930df528730313e5333e68ca435474b02"> <div class="data highlight js-blob-wrapper js-check-bidi " > <template class="js-file-alert-template"> <div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <span> This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank">Learn more about bidirectional Unicode characters</a> </span> <div data-view-component="true" class="flash-action"> <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn"> Show hidden characters </a> </div> </div></template> <template class="js-line-alert-template"> <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> </span></template> <deferred-diff-lines class="awaiting-highlight" data-url="/streetwriters/notesnook/diffs/d881bdb77cf7251063fa971ca02a7ef3caa6860e..4c277b4d800d0a46f61376b3c3fe0961178d5404?base_sha=d881bdb77cf7251063fa971ca02a7ef3caa6860e&whitespace_ignored=false"> <input type="hidden" name="path" value="packages/editor/src/index.ts" data-targets="deferred-diff-lines.inputs" autocomplete="off" /> <table class=" diff-table js-diff-table tab-size " data-tab-size="8" data-diff-anchor="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" data-paste-markdown-skip> <thead class="sr-only"> <tr> <th scope="col">Original file line number</th> <th scope="col">Diff line number</th> <th scope="col">Diff line change</th> </tr> </thead> <tbody> <tr class="js-expandable-line js-skip-tagsearch" data-position="0"> <td class="blob-num blob-num-expandable" colspan="2"> <a href="#diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" id="expand-up-link-0-diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" class="js-expand directional-expander single-expander" aria-label="Expand Up" data-url="/streetwriters/notesnook/blob_excerpt/bb1a3e16c70bdad0b1d507352ed93785834f05fe?context=pull_request&diff=unified&direction=up&in_wiki_context=&last_left=&last_right=&left=75&left_hunk_size=6&mode=100644&path=packages%2Feditor%2Fsrc%2Findex.ts&pull_request_id=1643612332&right=75&right_hunk_size=7" data-left-range="1-74" data-right-range="1-74"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-fold-up"> <path d="M7.823 1.677 4.927 4.573A.25.25 0 0 0 5.104 5H7.25v3.236a.75.75 0 1 0 1.5 0V5h2.146a.25.25 0 0 0 .177-.427L8.177 1.677a.25.25 0 0 0-.354 0ZM13.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Zm-3.75.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75ZM7.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5ZM4 11.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75ZM1.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Z"></path> </svg> </a> <tool-tip id="tooltip-5a59cb03-0f82-4fbf-b8c8-c35587ee3718" for="expand-up-link-0-diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Expand Up</tool-tip> </td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -75,6 +75,7 @@ import Toolbar from "./toolbar";</td> </tr> <tr data-hunk="a302b9baed6332b759fe1bb4605e3ee3c5b1b277db29ae4c4dd19906eb254d69" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL75" data-line-number="75" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR75" data-line-number="75" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" ">import { useToolbarStore } from "./toolbar/stores/toolbar-store";</span></td> </tr> <tr data-hunk="a302b9baed6332b759fe1bb4605e3ee3c5b1b277db29ae4c4dd19906eb254d69" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL76" data-line-number="76" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR76" data-line-number="76" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" ">import { DownloadOptions } from "./utils/downloader";</span></td> </tr> <tr data-hunk="a302b9baed6332b759fe1bb4605e3ee3c5b1b277db29ae4c4dd19906eb254d69" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL77" data-line-number="77" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR77" data-line-number="77" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" ">import { Heading } from "./extensions/heading";</span></td> </tr> <tr data-hunk="a302b9baed6332b759fe1bb4605e3ee3c5b1b277db29ae4c4dd19906eb254d69" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR78" data-line-number="78" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+">import { EmojiSelector } from "./extensions/emoji-selector";</span></td> </tr> <tr data-hunk="a302b9baed6332b759fe1bb4605e3ee3c5b1b277db29ae4c4dd19906eb254d69" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL78" data-line-number="78" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR79" data-line-number="79" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" ">import Clipboard, { ClipboardOptions } from "./extensions/clipboard";</span></td> </tr> <tr data-hunk="a302b9baed6332b759fe1bb4605e3ee3c5b1b277db29ae4c4dd19906eb254d69" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL79" data-line-number="79" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR80" data-line-number="80" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" ">import Blockquote from "./extensions/blockquote";</span></td> </tr> <tr data-hunk="a302b9baed6332b759fe1bb4605e3ee3c5b1b277db29ae4c4dd19906eb254d69" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL80" data-line-number="80" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR81" data-line-number="81" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" ">import { Quirks } from "./extensions/quirks";</span></td> </tr> <tr class="js-expandable-line js-skip-tagsearch" data-position="8"> <td class="blob-num blob-num-expandable" colspan="2"> <a href="#diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" id="expand-down-link-8-diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" class="js-expand directional-expander" aria-label="Expand Down" data-url="/streetwriters/notesnook/blob_excerpt/bb1a3e16c70bdad0b1d507352ed93785834f05fe?context=pull_request&diff=unified&direction=down&in_wiki_context=&last_left=80&last_right=81&left=192&left_hunk_size=6&mode=100644&path=packages%2Feditor%2Fsrc%2Findex.ts&pull_request_id=1643612332&right=193&right_hunk_size=7" data-left-range="81-135" data-right-range="82-136"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-fold-down"> <path d="m8.177 14.323 2.896-2.896a.25.25 0 0 0-.177-.427H8.75V7.764a.75.75 0 1 0-1.5 0V11H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0ZM2.25 5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 4.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 1 .75.75ZM8.25 5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 4.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 1 .75.75Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z"></path> </svg> </a> <tool-tip id="tooltip-6c8f1697-b6d1-4974-9c5f-c148a16df8dc" for="expand-down-link-8-diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Expand Down</tool-tip> <a href="#diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" id="expand-up-link-8-diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" class="js-expand directional-expander" aria-label="Expand Up" data-url="/streetwriters/notesnook/blob_excerpt/bb1a3e16c70bdad0b1d507352ed93785834f05fe?context=pull_request&diff=unified&direction=up&in_wiki_context=&last_left=80&last_right=81&left=192&left_hunk_size=6&mode=100644&path=packages%2Feditor%2Fsrc%2Findex.ts&pull_request_id=1643612332&right=193&right_hunk_size=7" data-left-range="136-191" data-right-range="137-192"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-fold-up"> <path d="M7.823 1.677 4.927 4.573A.25.25 0 0 0 5.104 5H7.25v3.236a.75.75 0 1 0 1.5 0V5h2.146a.25.25 0 0 0 .177-.427L8.177 1.677a.25.25 0 0 0-.354 0ZM13.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Zm-3.75.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75ZM7.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5ZM4 11.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75ZM1.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Z"></path> </svg> </a> <tool-tip id="tooltip-75267471-2a04-4f05-8a9e-621587fce636" for="expand-up-link-8-diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Expand Up</tool-tip> </td> <td class="blob-code blob-code-inner blob-code-hunk">@@ -192,6 +193,7 @@ const useTiptap = (</td> </tr> <tr data-hunk="e0fe53e34acd6a0b6e535078efbf91c3c2f926d0ffc99a3f508826009d976e1b" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL192" data-line-number="192" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR193" data-line-number="193" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> horizontalRule: false</span></td> </tr> <tr data-hunk="e0fe53e34acd6a0b6e535078efbf91c3c2f926d0ffc99a3f508826009d976e1b" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL193" data-line-number="193" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR194" data-line-number="194" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> }),</span></td> </tr> <tr data-hunk="e0fe53e34acd6a0b6e535078efbf91c3c2f926d0ffc99a3f508826009d976e1b" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL194" data-line-number="194" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR195" data-line-number="195" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> Heading,</span></td> </tr> <tr data-hunk="e0fe53e34acd6a0b6e535078efbf91c3c2f926d0ffc99a3f508826009d976e1b" class="show-top-border"> <td class="blob-num blob-num-addition empty-cell"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR196" data-line-number="196" class="blob-num blob-num-addition js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-addition js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker="+"> EmojiSelector,</span></td> </tr> <tr data-hunk="e0fe53e34acd6a0b6e535078efbf91c3c2f926d0ffc99a3f508826009d976e1b" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL195" data-line-number="195" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR197" data-line-number="197" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> HorizontalRule.extend({</span></td> </tr> <tr data-hunk="e0fe53e34acd6a0b6e535078efbf91c3c2f926d0ffc99a3f508826009d976e1b" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL196" data-line-number="196" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR198" data-line-number="198" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> addInputRules() {</span></td> </tr> <tr data-hunk="e0fe53e34acd6a0b6e535078efbf91c3c2f926d0ffc99a3f508826009d976e1b" class="show-top-border"> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bL197" data-line-number="197" class="blob-num blob-num-context js-linkable-line-number"></td> <td id="diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188bR199" data-line-number="199" class="blob-num blob-num-context js-linkable-line-number js-code-nav-line-number js-blob-rnum"></td> <td class="blob-code blob-code-context js-file-line"> <span class='blob-code-inner blob-code-marker js-code-nav-pass ' data-code-marker=" "> return [</span></td> </tr> <tr class="js-expandable-line js-skip-tagsearch" data-position=""> <td class="blob-num blob-num-expandable" colspan="2"> <a href="#diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" id="expand-down-link--diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" class="js-expand directional-expander single-expander" aria-label="Expand Down" data-url="/streetwriters/notesnook/blob_excerpt/bb1a3e16c70bdad0b1d507352ed93785834f05fe?context=pull_request&diff=unified&direction=down&in_wiki_context=&last_left=197&last_right=199&left=359&left_hunk_size=&mode=100644&path=packages%2Feditor%2Fsrc%2Findex.ts&pull_request_id=1643612332&right=359&right_hunk_size=" data-left-range="198-358" data-right-range="200-358"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-fold-down"> <path d="m8.177 14.323 2.896-2.896a.25.25 0 0 0-.177-.427H8.75V7.764a.75.75 0 1 0-1.5 0V11H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0ZM2.25 5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 4.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 1 .75.75ZM8.25 5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 4.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 1 .75.75Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z"></path> </svg> </a> <tool-tip id="tooltip-753af7a0-a708-46f1-985c-1008003ae400" for="expand-down-link--diff-2e4c197e7094ec45d1f098207f72cc04098a2c03a1e55ea3a59da5fffaf0188b" popover="manual" data-direction="ne" data-type="label" data-view-component="true" class="sr-only position-absolute">Expand Down</tool-tip> </td> <td class="blob-code blob-code-inner blob-code-hunk"></td> </tr> </tbody> </table> </deferred-diff-lines> </div> </div> </div> </copilot-diff-entry> </div> </div> <button type="button" class="js-toggle-all-file-notes" data-hotkey="i" style="display:none">Toggle all file notes</button> <button type="button" class="js-toggle-all-file-annotations" data-hotkey="a" style="display:none">Toggle all file annotations</button> <svg aria-hidden="true" width="100px" height="84px" viewBox="0 0 340 84" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="diff-placeholder-svg position-absolute bottom-0"> <defs> <clippath id="diff-placeholder"> <rect x="0" y="0" width="67.0175439" height="11.9298746" rx="2"></rect> <rect x="18.9473684" y="47.7194983" width="100.701754" height="11.9298746" rx="2"></rect> <rect x="0" y="71.930126" width="37.8947368" height="11.9298746" rx="2"></rect> <rect x="127.017544" y="48.0703769" width="53.3333333" height="11.9298746" rx="2"></rect> <rect x="187.719298" y="48.0703769" width="72.9824561" height="11.9298746" rx="2"></rect> <rect x="76.8421053" y="0" width="140.350877" height="11.9298746" rx="2"></rect> <rect x="17.8947368" y="23.8597491" width="140.350877" height="11.9298746" rx="2"></rect> <rect x="166.315789" y="23.8597491" width="173.684211" height="11.9298746" rx="2"></rect> </clippath> <linearGradient id="animated-diff-gradient" x1="0" x2="0" y1="0" y2="1" spreadMethod="reflect"> <stop offset="0" stop-color="#eee"></stop> <stop offset="0.2" stop-color="#eee"></stop> <stop offset="0.5" stop-color="#ddd"></stop> <stop offset="0.8" stop-color="#eee"></stop> <stop offset="1" stop-color="#eee"></stop> <animateTransform attributeName="y1" values="0%; 100%; 0" dur="1s" repeatCount="3"></animateTransform> <animateTransform attributeName="y2" values="100%; 200%; 0" dur="1s" repeatCount="3"></animateTransform> </linearGradient> </defs> </svg> </div> </div> </diff-layout> </diff-file-filter> </div> </div> <div hidden> <span class="js-add-to-batch-enabled">Add this suggestion to a batch that can be applied as a single commit.</span> <span class="js-unchanged-suggestion">This suggestion is invalid because no changes were made to the code.</span> <span class="js-closed-pull">Suggestions cannot be applied while the pull request is closed.</span> <span class="js-viewing-subset-changes">Suggestions cannot be applied while viewing a subset of changes.</span> <span class="js-one-suggestion-per-line">Only one suggestion per line can be applied in a batch.</span> <span class="js-reenable-add-to-batch">Add this suggestion to a batch that can be applied as a single commit.</span> <span class="js-validation-on-left-blob">Applying suggestions on deleted lines is not supported.</span> <span class="js-validation-on-right-blob">You must change the existing code in this line in order to create a valid suggestion.</span> <span class="js-outdated-comment">Outdated suggestions cannot be applied.</span> <span class="js-resolved-thread">This suggestion has been applied or marked resolved.</span> <span class="js-pending-review">Suggestions cannot be applied from pending reviews.</span> <span class="js-is-multiline">Suggestions cannot be applied on multi-line comments.</span> <span class="js-in-merge-queue">Suggestions cannot be applied while the pull request is queued to merge.</span> <span class="js-head-oid-not-loaded">Suggestion cannot be applied right now. Please check back later.</span> <div class="form-group errored m-0 error js-suggested-changes-inline-validation-template d-flex" style="cursor: default;"> <span class="js-suggested-changes-inline-error-message position-relative error m-0" style="max-width: inherit;"></span> </div> </div> </div> </div> </turbo-frame> </main> </div> </div> <footer class="footer pt-8 pb-6 f6 color-fg-muted p-responsive" role="contentinfo" > <h2 class='sr-only'>Footer</h2> <div class="d-flex flex-justify-center flex-items-center flex-column-reverse flex-lg-row flex-wrap flex-lg-nowrap"> <div class="d-flex flex-items-center flex-shrink-0 mx-2"> <a aria-label="Homepage" title="GitHub" class="footer-octicon mr-2" href="https://github.com"> <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-mark-github"> <path d="M12.5.75C6.146.75 1 5.896 1 12.25c0 5.089 3.292 9.387 7.863 10.91.575.101.79-.244.79-.546 0-.273-.014-1.178-.014-2.142-2.889.532-3.636-.704-3.866-1.35-.13-.331-.69-1.352-1.18-1.625-.402-.216-.977-.748-.014-.762.906-.014 1.553.834 1.769 1.179 1.035 1.74 2.688 1.25 3.349.948.1-.747.402-1.25.733-1.538-2.559-.287-5.232-1.279-5.232-5.678 0-1.25.445-2.285 1.178-3.09-.115-.288-.517-1.467.115-3.048 0 0 .963-.302 3.163 1.179.92-.259 1.897-.388 2.875-.388.977 0 1.955.13 2.875.388 2.2-1.495 3.162-1.179 3.162-1.179.633 1.581.23 2.76.115 3.048.733.805 1.179 1.825 1.179 3.09 0 4.413-2.688 5.39-5.247 5.678.417.36.776 1.05.776 2.128 0 1.538-.014 2.774-.014 3.162 0 .302.216.662.79.547C20.709 21.637 24 17.324 24 12.25 24 5.896 18.854.75 12.5.75Z"></path> </svg> </a> <span> © 2024 GitHub, Inc. </span> </div> <nav aria-label="Footer"> <h3 class="sr-only" id="sr-footer-heading">Footer navigation</h3> <ul class="list-style-none d-flex flex-justify-center flex-wrap mb-2 mb-lg-0" aria-labelledby="sr-footer-heading"> <li class="mx-2"> <a data-analytics-event="{"category":"Footer","action":"go to Terms","label":"text:terms"}" href="https://docs.github.com/site-policy/github-terms/github-terms-of-service" data-view-component="true" class="Link--secondary Link">Terms</a> </li> <li class="mx-2"> <a data-analytics-event="{"category":"Footer","action":"go to privacy","label":"text:privacy"}" href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement" data-view-component="true" class="Link--secondary Link">Privacy</a> </li> <li class="mx-2"> <a data-analytics-event="{"category":"Footer","action":"go to security","label":"text:security"}" href="https://github.com/security" data-view-component="true" class="Link--secondary Link">Security</a> </li> <li class="mx-2"> <a data-analytics-event="{"category":"Footer","action":"go to status","label":"text:status"}" href="https://www.githubstatus.com/" data-view-component="true" class="Link--secondary Link">Status</a> </li> <li class="mx-2"> <a data-analytics-event="{"category":"Footer","action":"go to docs","label":"text:docs"}" href="https://docs.github.com/" data-view-component="true" class="Link--secondary Link">Docs</a> </li> <li class="mx-2"> <a data-analytics-event="{"category":"Footer","action":"go to contact","label":"text:contact"}" href="https://support.github.com?tags=dotcom-footer" data-view-component="true" class="Link--secondary Link">Contact</a> </li> <li class="mx-2" > <cookie-consent-link> <button type="button" class="Link--secondary underline-on-hover border-0 p-0 color-bg-transparent" data-action="click:cookie-consent-link#showConsentManagement" data-analytics-event="{"location":"footer","action":"cookies","context":"subfooter","tag":"link","label":"cookies_link_subfooter_footer"}" > Manage cookies </button> </cookie-consent-link> </li> <li class="mx-2"> <cookie-consent-link> <button type="button" class="Link--secondary underline-on-hover border-0 p-0 color-bg-transparent" data-action="click:cookie-consent-link#showConsentManagement" data-analytics-event="{"location":"footer","action":"dont_share_info","context":"subfooter","tag":"link","label":"dont_share_info_link_subfooter_footer"}" > Do not share my personal information </button> </cookie-consent-link> </li> </ul> </nav> </div> </footer> <ghcc-consent id="ghcc" class="position-fixed bottom-0 left-0" style="z-index: 999999" data-initial-cookie-consent-allowed="" data-cookie-consent-required="false"></ghcc-consent> <div id="ajax-error-message" class="ajax-error-message flash flash-error" hidden> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path> </svg> <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> You can’t perform that action at this time. </div> <template id="site-details-dialog"> <details class="details-reset details-overlay details-overlay-dark lh-default color-fg-default hx_rsm" open> <summary role="button" aria-label="Close dialog"></summary> <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast hx_rsm-dialog hx_rsm-modal"> <button class="Box-btn-octicon m-0 btn-octicon position-absolute right-0 top-0" type="button" aria-label="Close dialog" data-close-dialog> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg> </button> <div class="octocat-spinner my-6 js-details-dialog-spinner"></div> </details-dialog> </details> </template> <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;"> <div class="Popover-message Popover-message--bottom-left Popover-message--large Box color-shadow-large" style="width:360px;"> </div> </div> <template id="snippet-clipboard-copy-button"> <div class="zeroclipboard-container position-absolute right-0 top-0"> <clipboard-copy aria-label="Copy" class="ClipboardButton btn js-clipboard-copy m-2 p-0" data-copy-feedback="Copied!" data-tooltip-direction="w"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon m-2"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none m-2"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> </div> </template> <template id="snippet-clipboard-copy-button-unpositioned"> <div class="zeroclipboard-container"> <clipboard-copy aria-label="Copy" class="ClipboardButton btn btn-invisible js-clipboard-copy m-2 p-0 d-flex flex-justify-center flex-items-center" data-copy-feedback="Copied!" data-tooltip-direction="w"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon"> <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> </svg> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </clipboard-copy> </div> </template> </div> <div id="js-global-screen-reader-notice" class="sr-only mt-n1" aria-live="polite" aria-atomic="true" ></div> <div id="js-global-screen-reader-notice-assertive" class="sr-only mt-n1" aria-live="assertive" aria-atomic="true"></div> </body> </html>

CINXE.COM

editor: add emoji selector to editor (wip) by wendevlin · Pull Request #3963 · streetwriters/notesnook · GitHub