obsidian-plugin/mara-li_obsidian-simple-colored-folder
1
0
Fork 0
mirror of https://github.com/mara-li/obsidian-simple-colored-folder.git synced 2026-07-22 05:46:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: enhance data-path injection with timeout handling

Browse source
This commit is contained in:
Mara-Li 2025-07-05 21:44:19 +02:00
parent d637f8bcb1
commit a1c96f413e
2 changed files with 41 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
src/compiler.ts
View file

@ -1,9 +1,11 @@
import dedent from "dedent";
import i18next from "i18next";
import {
normalizePath,
TFolder,
type App,
normalizePath,
type PluginManifest,
type TAbstractFile,
TFolder,
} from "obsidian";
import {
type Prefix,
@ -14,9 +16,6 @@ import {
import type SimpleColoredFolder from "./main";
import { convertStyleSettings, convertToCSS, generateName, themes } from "./template";
import { formatCss, removeExtraNewLine } from "./utils";
import dedent from "dedent";
import i18next from "i18next";
import type { DeferredView, FileExplorerView, MaybeDeferredView } from "obsidian-typings";
export class ColorCompiler {
plugin: SimpleColoredFolder;
@ -150,31 +149,55 @@ export class ColorCompiler {
return navigation[0].view;
}
injectDataPathFromFolder(folder: TFolder, fileExplorer = this.getFileExplorerView()) {
const navigation = this.app.workspace.getLeavesOfType("file-explorer");
if (!navigation.length) return;
if (!fileExplorer) return;
const treeItems = fileExplorer.containerEl.querySelectorAll(
async injectDataPathFromFolder(
folder: TFolder,
fileExplorer = this.getFileExplorerView()
) {
if (!fileExplorer) {
console.warn("File explorer view not found");
return;
}
let treeItems = fileExplorer.containerEl.querySelectorAll(
`.tree-item.nav-folder > .nav-folder-title[data-path="${folder.path}"]`
);
if (treeItems.length === 0) return;
let timeout = 0;
const maxTimeout = this.settings.timeout || 50; // valeur par défaut
while (treeItems.length === 0 && timeout < maxTimeout) {
// Attendre un peu avant de réessayer
// biome-ignore lint/correctness/noUndeclaredVariables: sleep is a global function in obsidian
await sleep(100);
treeItems = fileExplorer.containerEl.querySelectorAll(
`.tree-item.nav-folder > .nav-folder-title[data-path="${folder.path}"]`
);
timeout++;
}
if (treeItems.length === 0) {
console.warn(`Failed to find DOM elements for folder: ${folder.path}`);
return;
}
treeItems.forEach((item) => {
const treeItem = item.closest(".tree-item.nav-folder");
if (treeItem) treeItem.setAttribute("data-path", folder.path);
if (treeItem) {
treeItem.setAttribute("data-path", folder.path);
}
});
}
/**
* Inject the data-path into the .tree-item.nav-folder
*/
injectDataPath(folders: TFolder[] = this.getFolder()) {
async injectDataPath(folders: TFolder[] = this.getFolder()) {
const navigation = this.app.workspace.getLeavesOfType("file-explorer");
if (!navigation.length) return;
const fileExplorer = navigation[0].view;
for (const folder of folders) {
this.injectDataPathFromFolder(folder, fileExplorer);
await this.injectDataPathFromFolder(folder, fileExplorer);
}
}

2
src/interfaces.ts
View file

@ -16,6 +16,7 @@ export interface SimpleColoredFolderSettings {
* See the first part of the style.css file for more information.
*/
includeStyleInExport: boolean;
timeout: number;
}
export type ThemedColors = {
@ -48,6 +49,7 @@ export const DEFAULT_SETTINGS: SimpleColoredFolderSettings = {
exportToCSS: false,
defaultColors: DEFAULT_COLORS,
includeStyleInExport: false,
timeout: 1000,
};
export type StyleSettingValue = number | string | boolean;