+ ${icon}
+
Global Link
+
Link copied!`);
+
+ target.before(html);
+ if (html === null) return create();
+ }();
+
+ /**
+ * Create the block link button and append it to the block menu.
+ *
+ * @param {HTMLDivElement} el The copy link button.
+ *
+ * @return {create} Returns "create()" if not appended.
+ */
+ const blockButton = function create(el) {
+ const target = el;
+ const attr = `class="${blockClass}" role="button" tabindex="0"`;
+ const html = x$.el(
+ `
+ ${icon}
+ Global link
+
`);
+
+ target.before(html);
+ if (html === null) return create();
+ };
+
+ let buttonDelay;
+ let link;
+ /**
+ * Copy the link to the clipboard.
+ *
+ * @param {boolean} page If the link is the link of the page.
+ */
+ function copyLink(page) {
+ /**
+ * Change the button text to provide the copied feedback.
+ */
+ const changeButtonText = function create() {
+ const span = x$.sel('span', true, x$.sel(`.${pageClass}`));
+ /**
+ * Set the classes of the button's div elements.
+ *
+ * @param {number} first A specific array items.
+ * @param {number} second A specific array items.
+ */
+ function setClasses(first, second) {
+ x$.cls.a(span[first], spanClass);
+ x$.cls.r(span[second], spanClass);
+ }
+
+ clearTimeout(buttonDelay);
+ setClasses(0, 1);
+ buttonDelay = setTimeout(() => {
+ setClasses(1, 0);
+ }, 700);
+ };
+
+ switch (page) {
+ case true:
+ link = `https://${window.location.href}/`.replace(/notion:\/\//, '');
+ changeButtonText();
+ x$.clp(false, link);
+ break;
+ case false:
+ const events = ['mousedown', 'mouseup', 'click'];
+ x$.sim(events, x$.sel(`.${blockClass}`).nextSibling);
+ x$.clp().then((text) => {
+ x$.clp(false, `${text.replace(/(?<=so[\/]).*#/, '')}/`);
+ });
+ break;
+ }
+ }
+
+ /**
+ * Observer for the overlay container.
+ */
+ x$.obs(() => {
+ /**
+ * Get the copy link button.
+ *
+ * @return {HTMLDivElement} Returns the copy link button.
+ */
+ function getLinkButton() {
+ const lang = ['Copy link', '링크 복사'];
+ const overlay = x$.sel('.notion-overlay-container');
+ const record = x$.sel(
+ '[style*="text-overflow: ellipsis;"]', true, overlay);
+
+ return Array.from(record).find(
+ (div) => lang.some((text) => div.textContent === text));
+ }
+ if (x$.sel(`.${blockClass}`) !== null ||
+ getLinkButton() === undefined) return;
+ blockButton(getLinkButton().closest('[role="button"]'));
+ }, x$.sel('.notion-overlay-container'), {
+ subtree: true, childList: true,
+ });
+
+ /**
+ * Listen for click events to call "copyLink()"".
+ *
+ * @type {HTMLElement}
+ * @listens document.body#click
+ */
+ x$.on(document.body, 'click', (event) => {
+ const target = event.target;
+
+ if (x$.cls.c(target, pageClass) ||
+ target.closest(`.${pageClass}`)) {
+ copyLink(/* page= */ true);
+ } else if (x$.cls.c(target, blockClass) ||
+ target.closest(`.${blockClass}`)) {
+ copyLink(/* page= */ false);
+ }
+ });
+
+ /**
+ * Listen for mouseenter events to add class.
+ *
+ * @type {HTMLElement}
+ * @listens document.body#mouseenter
+ */
+ x$.on(document.body, 'mouseenter', (event) => {
+ const target = event.target;
+
+ if (x$.cls.c(target, 'admiraldus-glb-block-button')) {
+ const menu = target.closest('.notion-scroller.vertical');
+
+ x$.cls.a(menu, '--on-hover');
+ }
+ }, true);
+
+ /**
+ * Listen for mouseleave events to remove class.
+ *
+ * @type {HTMLElement}
+ * @listens document.body#mouseleave
+ */
+ x$.on(document.body, 'mouseleave', (event) => {
+ const target = event.target;
+
+ if (x$.cls.c(target, 'admiraldus-glb-block-button')) {
+ const menu = target.closest('.notion-scroller.vertical');
+
+ x$.cls.r(menu, '--on-hover');
+ }
+ }, true);
+ }
+ });
+ },
+ },
+};