You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
439 lines
17 KiB
439 lines
17 KiB
/*
|
|
THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
|
|
if you want to view the source, please visit the github repository of this plugin
|
|
*/
|
|
|
|
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __export = (target, all) => {
|
|
for (var name in all)
|
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
};
|
|
var __copyProps = (to, from, except, desc) => {
|
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
for (let key of __getOwnPropNames(from))
|
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
}
|
|
return to;
|
|
};
|
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
|
|
// main.ts
|
|
var main_exports = {};
|
|
__export(main_exports, {
|
|
default: () => ScrollToTopPlugin
|
|
});
|
|
module.exports = __toCommonJS(main_exports);
|
|
var import_obsidian2 = require("obsidian");
|
|
|
|
// src/command.ts
|
|
var addPluginCommand = (plugin, id, name, callback) => {
|
|
plugin.addCommand({
|
|
id,
|
|
name,
|
|
callback
|
|
});
|
|
};
|
|
|
|
// utils/index.ts
|
|
var isPreview = (markdownView) => {
|
|
const mode = markdownView.getMode();
|
|
return mode === "preview";
|
|
};
|
|
var isSource = (markdownView) => {
|
|
const mode = markdownView.getMode();
|
|
return mode === "source";
|
|
};
|
|
|
|
// src/setting.ts
|
|
var import_obsidian = require("obsidian");
|
|
var scrollToTopSetting = {
|
|
enabledScrollToTop: true,
|
|
enabledScrollToBottom: true,
|
|
enabledScrollToCursor: true,
|
|
iconScrollToTop: "arrow-up",
|
|
iconScrollToBottom: "arrow-down",
|
|
iconScrollToCursor: "text-cursor-input",
|
|
showTooltip: true,
|
|
scrollTopTooltipText: "Scroll to top",
|
|
scrollBottomTooltipText: "Scroll to bottom",
|
|
scrollCursorTooltipText: "Scroll to cursor position",
|
|
enableSurfingPlugin: false,
|
|
resizeButton: 1
|
|
};
|
|
var ScrollToTopSettingTab = class extends import_obsidian.PluginSettingTab {
|
|
constructor(app, plugin) {
|
|
super(app, plugin);
|
|
this.plugin = plugin;
|
|
}
|
|
createSpanWithLinks(text, href, linkText) {
|
|
const span = activeDocument.createElement("span");
|
|
span.innerText = text;
|
|
const link = activeDocument.createElement("a");
|
|
link.href = href;
|
|
link.innerText = linkText;
|
|
span.appendChild(link);
|
|
return span;
|
|
}
|
|
rebuildButton() {
|
|
this.plugin.removeButton("__C_scrollToTop");
|
|
this.plugin.removeButton("__C_scrollToBottom");
|
|
this.plugin.removeButton("__C_scrollToCursor");
|
|
this.plugin.createButton();
|
|
if (this.plugin.windowSet.size > 0) {
|
|
this.plugin.windowSet.forEach((window2) => {
|
|
this.plugin.removeButton("__C_scrollToTop", window2);
|
|
this.plugin.removeButton("__C_scrollToBottom", window2);
|
|
this.plugin.removeButton("__C_scrollToCursor", window2);
|
|
this.plugin.createButton(window2);
|
|
});
|
|
}
|
|
}
|
|
display() {
|
|
const { containerEl } = this;
|
|
containerEl.empty();
|
|
containerEl.createEl("h2", { text: "Scroll To Top Settings" });
|
|
new import_obsidian.Setting(containerEl).setName("Show scroll to top button").setDesc("Show scroll to top button in the right bottom corner.").addToggle((value) => {
|
|
value.setValue(this.plugin.settings.enabledScrollToTop).onChange(async (value2) => {
|
|
this.plugin.settings.enabledScrollToTop = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("Show scroll to bottom button").setDesc("Show scroll to bottom button in the right bottom corner.").addToggle((value) => {
|
|
value.setValue(this.plugin.settings.enabledScrollToBottom).onChange(async (value2) => {
|
|
this.plugin.settings.enabledScrollToBottom = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("Show scroll to cursor button").setDesc("Show scroll to cursor button in the right bottom corner.").addToggle((value) => {
|
|
value.setValue(this.plugin.settings.enabledScrollToCursor).onChange(async (value2) => {
|
|
this.plugin.settings.enabledScrollToCursor = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("Show Tooltip").setDesc("Show tooltip when hover on the button.").addToggle((value) => {
|
|
value.setValue(this.plugin.settings.showTooltip).onChange(async (value2) => {
|
|
this.plugin.settings.showTooltip = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("Scroll on WebView (Beta)").setDesc("Scroll on WebView (Should work with Surfing Plugin).").addToggle((value) => {
|
|
value.setValue(this.plugin.settings.enableSurfingPlugin).onChange(async (value2) => {
|
|
this.plugin.settings.enableSurfingPlugin = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("Resize buttons").setDesc("Change size of buttons.").addSlider((slider) => {
|
|
slider.setLimits(0.7, 1.4, 0.1).setValue(this.plugin.settings.resizeButton).setDynamicTooltip().onChange(async (value) => {
|
|
this.plugin.settings.resizeButton = value;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
}).addExtraButton((btn) => {
|
|
btn.setIcon("reset").setTooltip("Reset to default").onClick(async () => {
|
|
this.plugin.settings.resizeButton = scrollToTopSetting.resizeButton;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
this.display();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("tooltip config for top button").setDesc("Change tooltip text of scroll to top button.").addText((value) => {
|
|
value.setValue(this.plugin.settings.scrollTopTooltipText).onChange(async (value2) => {
|
|
this.plugin.settings.scrollTopTooltipText = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("tooltip config for bottom button").setDesc("Change tooltip text of scroll to bottom button.").addText((value) => {
|
|
value.setValue(this.plugin.settings.scrollBottomTooltipText).onChange(async (value2) => {
|
|
this.plugin.settings.scrollBottomTooltipText = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("tooltip config for cursor button").setDesc("Change tooltip text of scroll to cursor button.").addText((value) => {
|
|
value.setValue(this.plugin.settings.scrollCursorTooltipText).onChange(async (value2) => {
|
|
this.plugin.settings.scrollCursorTooltipText = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("Change icon of scroll to top button").setDesc(this.createSpanWithLinks("Change icon of scroll to top button. You can visit available icons here: ", "https://lucide.dev/", "lucide.dev")).addText((value) => {
|
|
value.setValue(this.plugin.settings.iconScrollToTop).onChange(async (value2) => {
|
|
this.plugin.settings.iconScrollToTop = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("Change icon of scroll to bottom button").setDesc(this.createSpanWithLinks("Change icon of scroll to bottom button. You can visit available icons here: ", "https://lucide.dev/", "lucide.dev")).addText((value) => {
|
|
value.setValue(this.plugin.settings.iconScrollToBottom).onChange(async (value2) => {
|
|
this.plugin.settings.iconScrollToBottom = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
new import_obsidian.Setting(containerEl).setName("Change icon of scroll to cursor button").setDesc(this.createSpanWithLinks("Change icon of scroll to cursor button. You can visit available icons here: ", "https://lucide.dev/", "lucide.dev")).addText((value) => {
|
|
value.setValue(this.plugin.settings.iconScrollToCursor).onChange(async (value2) => {
|
|
this.plugin.settings.iconScrollToCursor = value2;
|
|
await this.plugin.saveSettings();
|
|
this.rebuildButton();
|
|
});
|
|
});
|
|
}
|
|
};
|
|
|
|
// plugins/surfing.ts
|
|
var isContainSurfingWebview = (settings) => {
|
|
return settings.enableSurfingPlugin && (activeDocument.querySelector(".wb-frame") || activeDocument.querySelector(".wb-page-search-bar"));
|
|
};
|
|
var injectSurfingComponent = (top = true) => {
|
|
const webViewList = activeDocument.querySelectorAll("webview");
|
|
const webView = Array.from(webViewList).find((item) => {
|
|
var _a;
|
|
const workspaceLeafElem = item.parentElement.parentElement.parentElement;
|
|
const display = (_a = workspaceLeafElem.style) == null ? void 0 : _a.display;
|
|
const modActive = workspaceLeafElem.classList.contains("mod-active");
|
|
return display != "none" && modActive;
|
|
});
|
|
if (webView) {
|
|
if (top) {
|
|
webView.executeJavaScript(`window.scrollTo(0,0)`);
|
|
} else {
|
|
webView.executeJavaScript(`window.scrollTo(0,document.body.scrollHeight)`);
|
|
}
|
|
}
|
|
};
|
|
|
|
// main.ts
|
|
var ROOT_WORKSPACE_CLASS = ".mod-vertical.mod-root";
|
|
var globalMarkdownView = null;
|
|
var ScrollToTopPlugin = class extends import_obsidian2.Plugin {
|
|
constructor() {
|
|
super(...arguments);
|
|
this.windowSet = /* @__PURE__ */ new Set();
|
|
this.scrollToBottom = async () => {
|
|
const markdownView = this.getCurrentViewOfType();
|
|
if (markdownView) {
|
|
const file = this.app.workspace.getActiveFile();
|
|
const content = await this.app.vault.cachedRead(file);
|
|
const lines = content.split("\n");
|
|
let numberOfLines = lines.length;
|
|
if (markdownView.getMode() === "preview") {
|
|
while (numberOfLines > 0 && lines[numberOfLines - 1].trim() === "") {
|
|
numberOfLines--;
|
|
}
|
|
}
|
|
markdownView.currentMode.applyScroll(numberOfLines - 1);
|
|
} else if (isContainSurfingWebview(this.settings)) {
|
|
injectSurfingComponent(false);
|
|
}
|
|
};
|
|
}
|
|
scrollToCursor() {
|
|
const markdownView = this.getCurrentViewOfType();
|
|
if (markdownView) {
|
|
const editor = markdownView.editor;
|
|
const anchor = editor.getCursor("anchor");
|
|
const head = editor.getCursor("head");
|
|
setTimeout(async () => {
|
|
editor.setSelection(anchor, head);
|
|
}, 200);
|
|
editor.scrollIntoView({
|
|
from: anchor,
|
|
to: head
|
|
}, true);
|
|
this.app.workspace.setActiveLeaf(markdownView.leaf, {
|
|
focus: true
|
|
});
|
|
} else if (isContainSurfingWebview(this.settings)) {
|
|
injectSurfingComponent(false);
|
|
}
|
|
}
|
|
scrollToTop() {
|
|
const markdownView = this.getCurrentViewOfType();
|
|
if (markdownView) {
|
|
const preview = markdownView.previewMode;
|
|
if (isSource(markdownView)) {
|
|
const editor = markdownView.editor;
|
|
setTimeout(async () => {
|
|
editor.setCursor(0, 0);
|
|
}, 200);
|
|
editor.scrollTo(0, 0);
|
|
this.app.workspace.setActiveLeaf(markdownView.leaf, {
|
|
focus: true
|
|
});
|
|
} else {
|
|
isPreview(markdownView) && preview.applyScroll(0);
|
|
}
|
|
} else if (isContainSurfingWebview(this.settings)) {
|
|
injectSurfingComponent(true);
|
|
}
|
|
}
|
|
createScrollElement(config, fn) {
|
|
var _a;
|
|
let topWidget = createEl("div");
|
|
topWidget.setAttribute("class", `div-${config.className}`);
|
|
topWidget.setAttribute("id", config.id);
|
|
document.body.style.setProperty("--size-ratio", this.settings.resizeButton.toString());
|
|
let button = new import_obsidian2.ButtonComponent(topWidget);
|
|
button.setIcon(config.icon).setClass("buttonItem").onClick(fn);
|
|
if (config.tooltipConfig.showTooltip) {
|
|
button.setTooltip(config.tooltipConfig.tooltipText);
|
|
}
|
|
let curWindow = config.curWindow || window;
|
|
const markdownView = this.getCurrentViewOfType();
|
|
(_a = curWindow.document.body.querySelector(ROOT_WORKSPACE_CLASS)) == null ? void 0 : _a.insertAdjacentElement("afterbegin", topWidget);
|
|
if (!markdownView && !isContainSurfingWebview(this.settings)) {
|
|
topWidget.style.visibility = "hidden";
|
|
}
|
|
}
|
|
removeButton(id, curWindow) {
|
|
let curWin = curWindow || window;
|
|
const element = curWin.activeDocument.getElementById(id);
|
|
if (element) {
|
|
element.remove();
|
|
}
|
|
}
|
|
getCurrentViewOfType() {
|
|
let markdownView = this.app.workspace.getActiveViewOfType(import_obsidian2.MarkdownView);
|
|
let currentView = this.app.workspace.getActiveViewOfType(import_obsidian2.View);
|
|
if (markdownView !== null) {
|
|
globalMarkdownView = markdownView;
|
|
} else {
|
|
if (currentView == null || currentView.file.extension == "md") {
|
|
markdownView = globalMarkdownView;
|
|
}
|
|
}
|
|
return markdownView;
|
|
}
|
|
createButton(window2) {
|
|
const {
|
|
enabledScrollToTop,
|
|
enabledScrollToBottom,
|
|
enabledScrollToCursor,
|
|
iconScrollToTop,
|
|
iconScrollToBottom,
|
|
iconScrollToCursor,
|
|
showTooltip,
|
|
scrollTopTooltipText,
|
|
scrollBottomTooltipText,
|
|
scrollCursorTooltipText
|
|
} = this.settings;
|
|
if (enabledScrollToTop) {
|
|
this.createScrollElement({
|
|
id: "__C_scrollToTop",
|
|
className: "scrollToTop",
|
|
icon: iconScrollToTop,
|
|
curWindow: window2,
|
|
tooltipConfig: {
|
|
showTooltip,
|
|
tooltipText: scrollTopTooltipText
|
|
}
|
|
}, this.scrollToTop.bind(this));
|
|
}
|
|
if (enabledScrollToBottom) {
|
|
this.createScrollElement({
|
|
id: "__C_scrollToBottom",
|
|
className: "scrollToBottom",
|
|
icon: iconScrollToBottom,
|
|
curWindow: window2,
|
|
tooltipConfig: {
|
|
showTooltip,
|
|
tooltipText: scrollBottomTooltipText
|
|
}
|
|
}, this.scrollToBottom.bind(this));
|
|
}
|
|
if (enabledScrollToCursor) {
|
|
this.createScrollElement({
|
|
id: "__C_scrollToCursor",
|
|
className: "scrollToCursor",
|
|
icon: iconScrollToCursor,
|
|
curWindow: window2,
|
|
tooltipConfig: {
|
|
showTooltip,
|
|
tooltipText: scrollCursorTooltipText
|
|
}
|
|
}, this.scrollToCursor.bind(this));
|
|
}
|
|
}
|
|
toggleIconView() {
|
|
let BottomButton = activeDocument.querySelector(".div-scrollToBottom");
|
|
let TopButton = activeDocument.querySelector(".div-scrollToTop");
|
|
let CursorButton = activeDocument.querySelector(".div-scrollToCursor");
|
|
const markdownView = this.getCurrentViewOfType();
|
|
if (!markdownView && !isContainSurfingWebview(this.settings)) {
|
|
if (BottomButton)
|
|
BottomButton.style.visibility = "hidden";
|
|
if (TopButton)
|
|
TopButton.style.visibility = "hidden";
|
|
if (CursorButton)
|
|
CursorButton.style.visibility = "hidden";
|
|
} else {
|
|
if (BottomButton)
|
|
BottomButton.style.visibility = "visible";
|
|
if (TopButton)
|
|
TopButton.style.visibility = "visible";
|
|
if (markdownView && isSource(markdownView)) {
|
|
if (CursorButton)
|
|
CursorButton.style.visibility = "visible";
|
|
} else {
|
|
if (CursorButton)
|
|
CursorButton.style.visibility = "hidden";
|
|
}
|
|
}
|
|
}
|
|
async onload() {
|
|
await this.loadSettings();
|
|
this.addSettingTab(new ScrollToTopSettingTab(this.app, this));
|
|
this.app.workspace.onLayoutReady(() => {
|
|
this.createButton();
|
|
this.registerEvent(this.app.workspace.on("file-open", () => {
|
|
this.toggleIconView();
|
|
}));
|
|
this.registerEvent(this.app.workspace.on("window-open", (win, window2) => {
|
|
this.windowSet.add(window2);
|
|
this.createButton(window2);
|
|
this.toggleIconView();
|
|
}));
|
|
this.registerEvent(this.app.workspace.on("window-close", (win, window2) => {
|
|
this.windowSet.delete(window2);
|
|
}));
|
|
this.registerEvent(this.app.workspace.on("layout-change", () => {
|
|
this.toggleIconView();
|
|
}));
|
|
});
|
|
addPluginCommand(this, "scroll-to-top", "Scroll to Top", this.scrollToTop.bind(this));
|
|
addPluginCommand(this, "scroll-to-bottom", "Scroll to Bottom", this.scrollToBottom.bind(this));
|
|
addPluginCommand(this, "scroll-to-cursor", "Scroll to Cursor", this.scrollToCursor.bind(this));
|
|
setTimeout(() => {
|
|
this.app.workspace.trigger("css-change");
|
|
}, 300);
|
|
}
|
|
async saveSettings() {
|
|
await this.saveData(this.settings);
|
|
}
|
|
async loadSettings() {
|
|
this.settings = Object.assign({}, scrollToTopSetting, await this.loadData());
|
|
}
|
|
onunload() {
|
|
this.removeButton("__C_scrollToTop");
|
|
this.removeButton("__C_scrollToBottom");
|
|
this.removeButton("__C_scrollToCursor");
|
|
if (this.windowSet.size > 0) {
|
|
this.windowSet.forEach((window2) => {
|
|
this.removeButton("__C_scrollToTop", window2);
|
|
this.removeButton("__C_scrollToBottom", window2);
|
|
this.removeButton("__C_scrollToCursor", window2);
|
|
});
|
|
}
|
|
}
|
|
};
|