Additional dotfiles
This commit is contained in:
@@ -0,0 +1,197 @@
|
||||
/*
|
||||
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: () => Prozen
|
||||
});
|
||||
module.exports = __toCommonJS(main_exports);
|
||||
var import_obsidian = require("obsidian");
|
||||
var DEFAULT_SETTINGS = {
|
||||
animationDuration: 2,
|
||||
showHeader: false,
|
||||
showScroll: false,
|
||||
showGraphControls: false,
|
||||
forceReadable: true,
|
||||
vignetteOpacity: 0.75,
|
||||
vignetteScaleLinear: 20,
|
||||
vignetteScaleRadial: 75
|
||||
};
|
||||
var Prozen = class extends import_obsidian.Plugin {
|
||||
async onload() {
|
||||
await this.loadSettings();
|
||||
this.addCommand({
|
||||
id: "zenmode",
|
||||
name: "Zen mode",
|
||||
callback: this.fullscreenMode.bind(this)
|
||||
});
|
||||
this.addSettingTab(new ProzenSettingTab(this.app, this));
|
||||
}
|
||||
onunload() {
|
||||
}
|
||||
async loadSettings() {
|
||||
this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
|
||||
}
|
||||
async saveSettings() {
|
||||
await this.saveData(this.settings);
|
||||
}
|
||||
fullscreenMode() {
|
||||
const leaf = this.app.workspace.getActiveViewOfType(import_obsidian.ItemView).leaf;
|
||||
if (!leaf)
|
||||
return;
|
||||
if (leaf.view.getViewType() === "empty")
|
||||
return;
|
||||
const root = document.documentElement;
|
||||
root.style.setProperty("--fadeIn-duration", this.settings.animationDuration + "s");
|
||||
root.style.setProperty("--vignette-opacity", this.settings.vignetteOpacity);
|
||||
root.style.setProperty("--vignette-scale-linear", this.settings.vignetteScaleLinear + "%");
|
||||
root.style.setProperty("--vignette-scale-radial", this.settings.vignetteScaleRadial + "%");
|
||||
const containerEl = leaf.containerEl;
|
||||
if (!document.fullscreenElement) {
|
||||
containerEl.requestFullscreen();
|
||||
this.addStyles(leaf);
|
||||
} else {
|
||||
document.exitFullscreen();
|
||||
this.removeStyles(leaf);
|
||||
}
|
||||
containerEl.onfullscreenchange = () => {
|
||||
if (!document.fullscreenElement) {
|
||||
this.removeStyles(leaf);
|
||||
}
|
||||
};
|
||||
}
|
||||
addStyles(leaf) {
|
||||
const viewEl = leaf.view.contentEl;
|
||||
const header = leaf.view.headerEl;
|
||||
const isGraph = leaf.view.getViewType() === "graph";
|
||||
let graphControls;
|
||||
if (isGraph) {
|
||||
graphControls = leaf.view.dataEngine.controlsEl;
|
||||
}
|
||||
if (!this.settings.showScroll) {
|
||||
viewEl.classList.add("noscroll");
|
||||
}
|
||||
if (isGraph && !this.settings.showGraphControls) {
|
||||
graphControls.classList.add("hide");
|
||||
}
|
||||
isGraph ? viewEl.classList.add("vignette-radial") : viewEl.classList.add("vignette-linear");
|
||||
if (!isGraph && this.settings.forceReadable) {
|
||||
leaf.view.editMode.editorEl.classList.add("is-readable-line-width");
|
||||
}
|
||||
viewEl.classList.add("animate");
|
||||
this.settings.showHeader ? header.classList.add("animate") : header.classList.add("hide");
|
||||
}
|
||||
removeStyles(leaf) {
|
||||
const viewEl = leaf.view.contentEl;
|
||||
const header = leaf.view.headerEl;
|
||||
const isGraph = leaf.view.getViewType() === "graph";
|
||||
let graphControls;
|
||||
if (isGraph) {
|
||||
graphControls = leaf.view.dataEngine.controlsEl;
|
||||
graphControls.classList.remove("animate", "hide");
|
||||
} else if (!this.app.vault.getConfig("readableLineLength")) {
|
||||
leaf.view.editMode.editorEl.classList.remove("is-readable-line-width");
|
||||
}
|
||||
viewEl.classList.remove("vignette-linear", "vignette-radial", "animate", "noscroll");
|
||||
header.classList.remove("animate", "hide");
|
||||
}
|
||||
};
|
||||
var ProzenSettingTab = class extends import_obsidian.PluginSettingTab {
|
||||
constructor(app, plugin) {
|
||||
super(app, plugin);
|
||||
this.plugin = plugin;
|
||||
}
|
||||
display() {
|
||||
const { containerEl } = this;
|
||||
containerEl.empty();
|
||||
this.containerEl.createEl("h3", {
|
||||
text: "Vignette"
|
||||
});
|
||||
let vignetteOpacityNumber;
|
||||
new import_obsidian.Setting(containerEl).setName("Opacity").setDesc("Intensity of vignette's dimming effect. Set to 0 to turn vignetting off.").addSlider((slider) => slider.setLimits(0, 1, 0.01).setValue(this.plugin.settings.vignetteOpacity).onChange(async (value) => {
|
||||
vignetteOpacityNumber.innerText = " " + value.toString();
|
||||
this.plugin.settings.vignetteOpacity = value;
|
||||
await this.plugin.saveSettings();
|
||||
})).settingEl.createDiv("", (el) => {
|
||||
vignetteOpacityNumber = el;
|
||||
el.style.minWidth = "2.0em";
|
||||
el.style.textAlign = "right";
|
||||
el.innerText = " " + this.plugin.settings.vignetteOpacity.toString();
|
||||
});
|
||||
let vignetteScaleLinearNumber;
|
||||
new import_obsidian.Setting(containerEl).setName("Scale in text views").setDesc("Determines how close to the screen's center vignetting spreads from both sides of the screen, as linear gradients.").addSlider((slider) => slider.setLimits(5, 50, 5).setValue(this.plugin.settings.vignetteScaleLinear).onChange(async (value) => {
|
||||
vignetteScaleLinearNumber.innerText = " " + value.toString();
|
||||
this.plugin.settings.vignetteScaleLinear = value;
|
||||
await this.plugin.saveSettings();
|
||||
})).settingEl.createDiv("", (el) => {
|
||||
vignetteScaleLinearNumber = el;
|
||||
el.style.minWidth = "2.0em";
|
||||
el.style.textAlign = "right";
|
||||
el.innerText = " " + this.plugin.settings.vignetteScaleLinear.toString();
|
||||
});
|
||||
let vignetteScaleRadialNumber;
|
||||
new import_obsidian.Setting(containerEl).setName("Scale in graph view").setDesc("Determines how close to the screen's center vignetting spreads from borders of the screen, as a radial gradient.").addSlider((slider) => slider.setLimits(5, 100, 5).setValue(this.plugin.settings.vignetteScaleRadial).onChange(async (value) => {
|
||||
vignetteScaleRadialNumber.innerText = " " + value.toString();
|
||||
this.plugin.settings.vignetteScaleRadial = value;
|
||||
await this.plugin.saveSettings();
|
||||
})).settingEl.createDiv("", (el) => {
|
||||
vignetteScaleRadialNumber = el;
|
||||
el.style.minWidth = "2.0em";
|
||||
el.style.textAlign = "right";
|
||||
el.innerText = " " + this.plugin.settings.vignetteScaleRadial.toString();
|
||||
});
|
||||
this.containerEl.createEl("h3", {
|
||||
text: "Animation"
|
||||
});
|
||||
new import_obsidian.Setting(containerEl).setName("Fade-in duration").setDesc("The duration (in seconds) of fade-in animation on entering Zen mode").addText((text) => text.setPlaceholder("1.2").setValue(String(this.plugin.settings.animationDuration)).onChange(async (value) => {
|
||||
this.plugin.settings.animationDuration = Number(value);
|
||||
await this.plugin.saveSettings();
|
||||
}));
|
||||
this.containerEl.createEl("h3", {
|
||||
text: "Element Toggles"
|
||||
});
|
||||
new import_obsidian.Setting(containerEl).setName("Show header").setDesc("Show the tab's header in Zen mode").addToggle((toggle) => toggle.setValue(this.plugin.settings.showHeader).onChange(async (value) => {
|
||||
this.plugin.settings.showHeader = value;
|
||||
await this.plugin.saveSettings();
|
||||
}));
|
||||
new import_obsidian.Setting(containerEl).setName("Show scrollbar").setDesc("Show the scrollbar in Zen mode. If it is hidden, scrolling is still available with mousewheel, arrows, touchpad, etc.").addToggle((toggle) => toggle.setValue(this.plugin.settings.showScroll).onChange(async (value) => {
|
||||
this.plugin.settings.showScroll = value;
|
||||
await this.plugin.saveSettings();
|
||||
}));
|
||||
new import_obsidian.Setting(containerEl).setName("Show graph controls").setDesc("Show the graph view's controls in Zen mode").addToggle((toggle) => toggle.setValue(this.plugin.settings.showGraphControls).onChange(async (value) => {
|
||||
this.plugin.settings.showGraphControls = value;
|
||||
await this.plugin.saveSettings();
|
||||
}));
|
||||
this.containerEl.createEl("h3", {
|
||||
text: "Misc"
|
||||
});
|
||||
new import_obsidian.Setting(containerEl).setName("Force content centering").setDesc("Center text content in Zen mode, even if in regular view it takes all of the screen's width (ignore 'Editor -> Readable line length' being off in Zen mode)").addToggle((toggle) => toggle.setValue(this.plugin.settings.forceReadable).onChange(async (value) => {
|
||||
this.plugin.settings.forceReadable = value;
|
||||
await this.plugin.saveSettings();
|
||||
}));
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/* nosourcemap */
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"id": "obsidian-prozen",
|
||||
"name": "ProZen",
|
||||
"version": "0.3",
|
||||
"minAppVersion": "0.15.0",
|
||||
"description": "Enter Zen mode to focus on writing. The plugin expands current tab to full screen removing everything but content.",
|
||||
"author": "Moskvitin",
|
||||
"authorUrl": "https://moskvit.in",
|
||||
"isDesktopOnly": true
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
:root {
|
||||
--vignette-opacity: 1;
|
||||
--fadeIn-duration: "2s";
|
||||
--vignette-scale-linear: 20%;
|
||||
--vignette-scale-radial: 50%;
|
||||
}
|
||||
|
||||
.noscroll ::-webkit-scrollbar-thumb{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.vignette-linear {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(0, 0, 0, var(--vignette-opacity)) 0%,
|
||||
rgba(0, 0, 0, 0) var(--vignette-scale-linear),
|
||||
rgba(0, 0, 0, 0) calc(100% - var(--vignette-scale-linear)),
|
||||
rgba(0, 0, 0, var(--vignette-opacity)) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.vignette-radial {
|
||||
background: radial-gradient(
|
||||
circle,
|
||||
rgba(0, 0, 0, 0) calc(100% - var(--vignette-scale-radial)),
|
||||
rgba(0, 0, 0, var(--vignette-opacity)) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.animate {
|
||||
animation: fadeIn var(--fadeIn-duration);
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user