search

Oliver-Akins / file-hider

A plugin for https://obsidian.md that allows hiding specific files and folders from the file explorer.
MIT License
65 stars 12 forks source link

hidden file reappears after restart #42

Closed cottonrip closed 3 weeks ago

cottonrip commented 3 months ago

so i have this one file that's linked to a few other files. it's just a piece of text that needs to be shown in few places. it's hidden, but after restart, it appears again

emincangencer commented 2 months ago

The commit changes might not be necessary. I have done it anyways.

  1. Open your vault folder, then enter the hidden folder .obsidian\plugins\OA-file-hider # You might need to enable view hidden files in File Explorer
  2. Open main.js with a text/code editor
  3. Apply this commit changes to the line 130: https://github.com/Oliver-Akins/file-hider/commit/5535e07bb8f117f39dd1a9ce37b42a8bd74f8663

After the changes, line 128 to 143 should look like this:

// src/utils.ts
function changePathVisibility(path, hide) {
  let escapedPath = CSS.escape(path);
  let n = document.querySelector(`[data-path="${escapedPath}"]`);
  if (!n) {
    return;
  }
  ;
  let p = n.parentElement;
  if (hide) {
    p.style.display = `none`;
  } else {
    p.style.display = ``;
  }
  ;
}
  1. Then, with the above changes, go to line 197 that has ;
  2. Delete that line. Then in the line 198, change "200" to "500". Line 192 to 198 should look like this: 
      this.app.workspace.onLayoutReady(() => {
    setTimeout(() => {
        for (const path of this.settings.hiddenList) {
            changePathVisibility(path, this.settings.hidden);
        }
    }, 500); // Increased delay
});
  3. My own final main.js is this that works: 
    
/*
THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
if you want to view the source, please visit the github repository of this plugin
*/

var create = Object.create; var defProp = Object.defineProperty; var getOwnPropDesc = Object.getOwnPropertyDescriptor; var getOwnPropNames = Object.getOwnPropertyNames; var getProtoOf = Object.getPrototypeOf; var hasOwnProp = Object.prototype.hasOwnProperty; var markAsModule = (target) => defProp(target, "esModule", { value: true }); var export = (target, all) => { markAsModule(target); for (var name in all) defProp(target, name, { get: all[name], enumerable: true }); }; var reExport = (target, module2, desc) => { if (module2 && typeof module2 === "object" || typeof module2 === "function") { for (let key of getOwnPropNames(module2)) if (!hasOwnProp.call(target, key) && key !== "default") defProp(target, key, { get: () => module2[key], enumerable: !(desc = getOwnPropDesc(module2, key)) || desc.enumerable }); } return target; }; var toModule = (module2) => { return reExport(markAsModule(defProp(module2 != null ? create(getProtoOf(module2)) : {}, "default", module2 && module2.esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2); }; var async = (this, arguments, generator) => { return new Promise((resolve, reject) => { var fulfilled = (value) => { try { step(generator.next(value)); } catch (e) { reject(e); } }; var rejected = (value) => { try { step(generator.throw(value)); } catch (e) { reject(e); } }; var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected); step((generator = generator.apply(this, __arguments)).next()); }); };

// src/main.ts __export(exports, { default: () => FileHider });

// src/commands/toggleVisibility.ts var VisibilityToggleCommand = class { constructor(plugin) { plugin.addCommand({ id: "oa-fh-toggle-visibility", name: "Toggle Visibility", callback: () => { plugin.toggleVisibility(); } }); } };

// src/settings/hiddenToggle.ts var import_obsidian = __toModule(require("obsidian")); var VisibilityToggleSetting = class { static create(plugin, container) { return new import_obsidian.Setting(container).setName(Hidden File Visibility).setDesc(Toggle whether or not files and folders that are told to be hidden will be hidden or not.).addToggle((toggle) => { toggle.setValue(!plugin.settings.hidden).onChange(() => { plugin.toggleVisibility(); }); }); } };

// src/main.ts var import_obsidian4 = __toModule(require("obsidian"));

// src/settings/manageHiddenPaths.ts var import_obsidian3 = __toModule(require("obsidian"));

// src/modals/HiddenList.ts var import_obsidian2 = __toModule(require("obsidian")); var HiddenPathsModal = class extends import_obsidian2.Modal { constructor(plugin) { super(plugin.app); this.plugin = plugin; } onOpen() { const { contentEl: content } = this; content.createEl(h1, { text: Hidden Files and Folders }); content.createEl(hr); let body = content.createEl(div, { cls: hidden-list-modal-body }); this.plugin.settings.hiddenList.forEach((path) => { let c = body.createEl(div); new import_obsidian2.Setting(c).setName(path).addButton((btn) => { btn.setIcon(cross).setTooltip(Remove).onClick((e) => { this.plugin.unhidePath(path); c.hide(); }); }); }); } onClose() { const { contentEl } = this; contentEl.empty(); } };

// src/settings/manageHiddenPaths.ts var ManageHiddenPaths = class { static create(plugin, container) { return new import_obsidian3.Setting(container).setName(Hidden Files and Folders).setDesc(Add or remove files and folders from the list that are being hidden).addButton((b) => { b.setButtonText(Manage).onClick((event) => { if (!event.isTrusted) { return; } new HiddenPathsModal(plugin).open(); }); }); } };

// src/utils.ts function changePathVisibility(path, hide) { let escapedPath = CSS.escape(path); let n = document.querySelector([data-path="${escapedPath}"]); if (!n) { return; } ; let p = n.parentElement; if (hide) { p.style.display = none; } else { p.style.display = ``; } ; }

// src/main.ts var FileHider = class extends import_obsidian4.Plugin { constructor() { super(...arguments); this.settings = { hidden: true, hiddenList: [] }; this.style = null; } onload() { return __async(this, null, function () { yield this.loadSettings(); this.registerEvent(this.app.workspace.on(file-menu, (menu, file) => { if (file instanceof import_obsidian4.TFolder) { menu.addItem((i) => { if (this.settings.hiddenList.includes(file.path)) { i.setTitle(Unhide Folder).setIcon(eye).onClick(() => { this.unhidePath(file.path); }); } else { i.setTitle(Hide Folder).setIcon(eye-off).onClick(() => { changePathVisibility(file.path, this.settings.hidden); this.settings.hiddenList.push(file.path); this.saveSettings(); }); } ; }); } else { menu.addItem((i) => { if (this.settings.hiddenList.includes(file.path)) { i.setTitle(Unhide File).setIcon(eye).onClick((e) => { this.unhidePath(file.path); }); } else { i.setTitle(Hide File).setIcon(eye-off).onClick((e) => { changePathVisibility(file.path, this.settings.hidden); this.settings.hiddenList.push(file.path); this.saveSettings(); }); } ; }); } ; })); this.app.workspace.onLayoutReady(() => { setTimeout(() => { for (const path of this.settings.hiddenList) { changePathVisibility(path, this.settings.hidden); } }, 500); // Increased delay }); new VisibilityToggleCommand(this); this.addSettingTab(new FileHiderSettingsTab(this.app, this)); }); } loadSettings() { return __async(this, null, function () { this.settings = Object.assign({}, this.settings, yield this.loadData()); }); } saveSettings() { return __async(this, null, function* () { yield this.saveData(this.settings); }); } toggleVisibility() { this.settings.hidden = !this.settings.hidden; for (const path of this.settings.hiddenList) { changePathVisibility(path, this.settings.hidden); } ; this.saveSettings(); } unhidePath(path) { let i = this.settings.hiddenList.indexOf(path); this.settings.hiddenList.splice(i, 1); changePathVisibility(path, false); this.saveSettings(); } }; var FileHiderSettingsTab = class extends import_obsidian4.PluginSettingTab { constructor(app, plugin) { super(app, plugin); this.plugin = plugin; } display() { const { containerEl: container } = this; container.empty(); VisibilityToggleSetting.create(this.plugin, container); ManageHiddenPaths.create(this.plugin, container); } };