37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
// import "../../../../slices/main/assets/builds/app.css";
|
|
import "@main/css/app.css";
|
|
import "@app/builds/tailwind.css";
|
|
import "../css/app.css";
|
|
|
|
(function () {
|
|
document.addEventListener("alpine:init", () => {
|
|
Alpine.magic("clipboard", () => {
|
|
return (subject) => navigator.clipboard.writeText(subject);
|
|
});
|
|
|
|
Alpine.magic("textHighlighter", (el, { Alpine }) => {
|
|
return {
|
|
isOpen: false,
|
|
anchorX: "0px",
|
|
anchorY: "0px",
|
|
selection: null,
|
|
text: "",
|
|
highlightText() {
|
|
this.isOpen = false;
|
|
// document.
|
|
this.selection = document.getSelection();
|
|
this.text = this.selection.toString();
|
|
const anchor =
|
|
this.selection.focusNode.parentElement.getBoundingClientRect();
|
|
this.isOpen =
|
|
el.contains(this.selection.focusNode) &&
|
|
this.selection.focusOffset != this.selection.anchorOffset;
|
|
|
|
this.anchorX = `${anchor.left - 170}px`;
|
|
this.anchorY = `${anchor.top + window.scrollY}px`;
|
|
},
|
|
};
|
|
});
|
|
});
|
|
})();
|