96 lines
3.1 KiB
TypeScript
96 lines
3.1 KiB
TypeScript
import { Component, TFile } from "obsidian";
|
|
import { mount } from "svelte";
|
|
import App from "../src/ui/app.svelte";
|
|
import { DEFAULT_SETTINGS } from "../src/settings";
|
|
import { BoardStore } from "../src/vault/store.svelte";
|
|
|
|
const BOARDS = ["personal", "work", "reading", "home"];
|
|
const FOLDER = "Boards";
|
|
|
|
async function main(): Promise<void> {
|
|
const files = new Map<string, string>();
|
|
await Promise.all(
|
|
BOARDS.map(async (name) => {
|
|
const response = await fetch(`/tests/fixtures/${name}.md`);
|
|
files.set(`${FOLDER}/${name}.md`, await response.text());
|
|
}),
|
|
);
|
|
const handles = new Map(
|
|
[...files.keys()].map((path) => [path, new TFile(path)]),
|
|
);
|
|
|
|
const app = {
|
|
vault: {
|
|
getMarkdownFiles: () => [...handles.values()],
|
|
getAbstractFileByPath: (path: string) => handles.get(path) ?? null,
|
|
cachedRead: async (file: TFile) => files.get(file.path) ?? "",
|
|
read: async (file: TFile) => files.get(file.path) ?? "",
|
|
process: async (file: TFile, fn: (data: string) => string) => {
|
|
const next = fn(files.get(file.path) ?? "");
|
|
files.set(file.path, next);
|
|
store.queueReload(file.path);
|
|
return next;
|
|
},
|
|
on: () => ({}),
|
|
},
|
|
workspace: { getLeaf: () => ({}), activeEditor: null },
|
|
plugins: { plugins: {} },
|
|
};
|
|
|
|
const settings = { ...DEFAULT_SETTINGS, boardsFolder: FOLDER };
|
|
const store = new BoardStore(app as never, settings, () => {});
|
|
await store.reloadAll();
|
|
|
|
mount(App, {
|
|
target: document.getElementById("app") as HTMLElement,
|
|
props: {
|
|
app: app as never,
|
|
store,
|
|
settings,
|
|
component: new Component() as never,
|
|
},
|
|
});
|
|
|
|
// Scenes for screenshots: open the page with a hash to land in a state.
|
|
const scene = location.hash.slice(1);
|
|
if (!scene) return;
|
|
const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
|
|
await wait(50);
|
|
store.keyboard = true;
|
|
const first = store.spheres[0];
|
|
if (scene.startsWith("rail")) {
|
|
store.toggleRail();
|
|
store.railExpanded = new Set([first.path, store.spheres[1].path]);
|
|
if (scene === "rail-some") {
|
|
store.toggleSphere(store.spheres[2].path);
|
|
store.toggleLane(first.path, first.projects[0]);
|
|
store.cursorRail = `lane:${encodeURIComponent(first.path)} ${encodeURIComponent(first.projects[0])}`;
|
|
}
|
|
if (scene === "rail-none") store.filterNone();
|
|
}
|
|
if (scene.startsWith("peek")) {
|
|
if (scene === "peek-cal") store.view = "calendar";
|
|
if (scene === "peek-notes") store.showDone = true;
|
|
await wait(20);
|
|
const task = store.visible.find((item) => item.body.length > 0) ?? store.visible[0];
|
|
if (scene === "peek-cal") {
|
|
const key = task.due ?? task.scheduled;
|
|
if (key) store.focusDay(key);
|
|
}
|
|
store.zone = "task";
|
|
store.cursorTask = task.id;
|
|
await wait(50);
|
|
store.peek();
|
|
}
|
|
if (scene === "date") {
|
|
store.write(null, "[data-composer='toolbar']");
|
|
await wait(50);
|
|
for (let i = 0; i < 3; i += 1) {
|
|
document.activeElement?.dispatchEvent(new KeyboardEvent("keydown", { key: "Tab", bubbles: true }));
|
|
await wait(20);
|
|
}
|
|
}
|
|
}
|
|
|
|
void main();
|