Various AT Protocol integrations with obsidian
set enabled sources via settings
+76
-50
+1
-1
manifest.json
+1
-1
manifest.json
+1
-1
package.json
+1
-1
package.json
+15
-1
src/main.ts
+15
-1
src/main.ts
···
131
131
}
132
132
133
133
async loadSettings() {
134
-
this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData() as Partial<AtProtoSettings>);
134
+
const saved = await this.loadData() as Partial<AtProtoSettings>;
135
+
this.settings = Object.assign({}, DEFAULT_SETTINGS, saved, {
136
+
bookmarks: {
137
+
...DEFAULT_SETTINGS.bookmarks,
138
+
...saved?.bookmarks,
139
+
enabledSources: {
140
+
...DEFAULT_SETTINGS.bookmarks.enabledSources,
141
+
...saved?.bookmarks?.enabledSources,
142
+
},
143
+
},
144
+
publish: {
145
+
...DEFAULT_SETTINGS.publish,
146
+
...saved?.publish,
147
+
},
148
+
});
135
149
}
136
150
137
151
async saveSettings() {
+40
-2
src/settings.ts
+40
-2
src/settings.ts
···
1
1
import { App, Notice, PluginSettingTab, Setting } from "obsidian";
2
2
import type AtmospherePlugin from "./main";
3
3
import { isActorIdentifier } from "@atcute/lexicons/syntax";
4
-
import { VIEW_TYPE_ATMOSPHERE_BOOKMARKS } from "./views/bookmarks";
4
+
import { BookmarksView, VIEW_TYPE_ATMOSPHERE_BOOKMARKS } from "./views/bookmarks";
5
5
import { VIEW_ATMOSPHERE_STANDARD_FEED } from "./views/standardfeed";
6
+
6
7
7
8
export interface AtProtoSettings {
8
9
did?: string;
9
10
clipDir: string;
11
+
bookmarks: {
12
+
enabledSources: Record<string, boolean>;
13
+
}
10
14
publish: {
11
15
useFirstHeaderAsTitle: boolean;
12
16
};
···
14
18
15
19
export const DEFAULT_SETTINGS: AtProtoSettings = {
16
20
clipDir: "AtmosphereClips",
21
+
bookmarks: {
22
+
enabledSources: { "semble": true, "margin": true, "bookmark": true },
23
+
},
17
24
publish: {
18
25
useFirstHeaderAsTitle: false,
19
-
}
26
+
},
20
27
};
21
28
22
29
export class SettingTab extends PluginSettingTab {
···
115
122
})
116
123
);
117
124
125
+
126
+
new Setting(containerEl).setName("Bookmarks").setHeading()
127
+
128
+
const bookmarkSources: Array<{ name: string; label: string; desc: string }> = [
129
+
{ name: "semble", label: "Semble", desc: "Include Semble bookmarks" },
130
+
{ name: "margin", label: "Margin", desc: "Include Margin bookmarks" },
131
+
{ name: "bookmark", label: "Community", desc: "Include community lexcion bookmarks" },
132
+
];
133
+
134
+
for (const source of bookmarkSources) {
135
+
new Setting(containerEl)
136
+
.setName(source.label)
137
+
.setDesc(source.desc)
138
+
.addToggle(toggle =>
139
+
toggle
140
+
.setValue(this.plugin.settings.bookmarks?.enabledSources?.[source.name] ?? true)
141
+
.onChange(async (value) => {
142
+
this.plugin.settings.bookmarks.enabledSources[source.name] = value;
143
+
await this.plugin.saveSettings();
144
+
for (const leaf of this.app.workspace.getLeavesOfType(VIEW_TYPE_ATMOSPHERE_BOOKMARKS)) {
145
+
let view = leaf.view as BookmarksView;
146
+
if (view instanceof BookmarksView) {
147
+
await view.render()
148
+
}
149
+
150
+
}
151
+
})
152
+
);
153
+
}
154
+
155
+
new Setting(containerEl).setName("Publishing").setHeading()
118
156
new Setting(containerEl)
119
157
.setName("Use first header as publish title")
120
158
.setDesc('Use the first level one header instead of filename when no title property is set')
+19
-45
src/views/bookmarks.ts
+19
-45
src/views/bookmarks.ts
···
12
12
13
13
export const VIEW_TYPE_ATMOSPHERE_BOOKMARKS = "atmosphere-bookmarks";
14
14
15
-
type SourceName = "semble" | "bookmark" | "margin";
16
-
17
15
export class BookmarksView extends ItemView {
18
16
plugin: AtmospherePlugin;
19
-
activeSources: Set<SourceName> = new Set(["semble", "margin", "bookmark"]);
20
17
selectedCollections: Set<string> = new Set();
21
18
selectedTags: Set<string> = new Set();
22
-
sources: Map<SourceName, DataSource> = new Map();
19
+
sources: Map<string, DataSource> = new Map();
23
20
searchQuery: string = "";
24
21
private cachedItems: ATBookmarkItem[] = [];
25
22
···
29
26
}
30
27
31
28
initSources() {
29
+
this.sources.clear();
32
30
if (this.plugin.settings.did) {
31
+
const { enabledSources } = this.plugin.settings.bookmarks;
33
32
const repo = this.plugin.settings.did;
34
-
this.sources.set("semble", new SembleSource(this.plugin.client, repo));
35
-
this.sources.set("bookmark", new BookmarkSource(this.plugin.client, repo));
36
-
this.sources.set("margin", new MarginSource(this.plugin.client, repo));
33
+
if (enabledSources["semble"]) this.sources.set("semble", new SembleSource(this.plugin.client, repo));
34
+
if (enabledSources["bookmark"]) this.sources.set("bookmark", new BookmarkSource(this.plugin.client, repo));
35
+
if (enabledSources["margin"]) this.sources.set("margin", new MarginSource(this.plugin.client, repo));
37
36
}
38
37
}
39
38
···
50
49
}
51
50
52
51
private get activeDatasources(): DataSource[] {
53
-
return Array.from(this.activeSources, s => this.sources.get(s)!);
52
+
return Array.from(this.sources.values());
54
53
}
55
54
56
55
async onOpen() {
···
123
122
}
124
123
125
124
async render() {
125
+
this.initSources();
126
126
const container = this.contentEl;
127
127
container.empty();
128
128
container.addClass("atmosphere-view");
···
188
188
189
189
const topRow = header.createEl("div", { cls: "atmosphere-header-top-row" });
190
190
191
-
const sourceSelector = topRow.createEl("div", { cls: "atmosphere-source-selector" });
192
-
const sources: SourceName[] = ["semble", "margin", "bookmark"];
193
-
194
-
for (const source of sources) {
195
-
const label = sourceSelector.createEl("label", { cls: "atmosphere-source-option" });
196
-
197
-
const checkbox = label.createEl("input", {
198
-
type: "checkbox",
199
-
cls: "atmosphere-source-toggle",
200
-
});
201
-
checkbox.checked = this.activeSources.has(source);
202
-
checkbox.addEventListener("change", () => {
203
-
if (checkbox.checked) {
204
-
this.activeSources.add(source);
205
-
} else {
206
-
this.activeSources.delete(source);
207
-
}
208
-
void this.render();
209
-
});
210
-
211
-
label.createEl("span", {
212
-
text: source.charAt(0).toUpperCase() + source.slice(1),
213
-
cls: "atmosphere-source-text",
214
-
});
215
-
}
216
-
217
191
const refreshBtn = topRow.createEl("button", {
218
192
cls: "atmosphere-refresh-btn",
219
193
attr: { "aria-label": "Refresh bookmarks" },
···
232
206
const filtersEl = container.createEl("div", { cls: "atmosphere-filters" });
233
207
const toolbarRow = filtersEl.createEl("div", { cls: "atmosphere-filter-toolbar" });
234
208
235
-
const collectionSources = (["semble", "margin"] as SourceName[]).filter(s => this.activeSources.has(s));
209
+
const collectionSources = (["semble", "margin"]).filter(s => this.sources.has(s));
236
210
if (collectionSources.length > 0) {
237
211
this.renderCollectionsFilterBtn(toolbarRow, collectionSources);
238
212
}
239
213
240
-
const tagSources = (["margin", "bookmark"] as SourceName[]).filter(s => this.activeSources.has(s));
214
+
const tagSources = (["margin", "bookmark"]).filter(s => this.sources.has(s));
241
215
if (tagSources.length > 0) {
242
216
this.renderTagsFilterBtn(toolbarRow, tagSources);
243
217
}
···
261
235
}
262
236
}
263
237
264
-
private renderCollectionsFilterBtn(toolbar: HTMLElement, collectionSources: SourceName[]) {
238
+
private renderCollectionsFilterBtn(toolbar: HTMLElement, collectionSources: string[]) {
265
239
const group = toolbar.createEl("div", { cls: "atmosphere-filter-btn-group" });
266
240
267
241
const pickerBtn = group.createEl("button", {
···
287
261
});
288
262
}
289
263
290
-
private renderTagsFilterBtn(toolbar: HTMLElement, tagSources: SourceName[]) {
264
+
private renderTagsFilterBtn(toolbar: HTMLElement, tagSources: string[]) {
291
265
const group = toolbar.createEl("div", { cls: "atmosphere-filter-btn-group" });
292
266
293
267
const pickerBtn = group.createEl("button", {
···
308
282
}
309
283
}
310
284
311
-
private async fetchAllCollections(sources: SourceName[]): Promise<(SourceFilter & { source: SourceName })[]> {
285
+
private async fetchAllCollections(sources: string[]): Promise<(SourceFilter & { source: string })[]> {
312
286
const results = await Promise.all(
313
287
sources.map(async s => {
314
288
const items = await (this.sources.get(s)?.getAvailableCollections?.() ?? Promise.resolve([]));
···
319
293
return results.flat().filter(c => !seen.has(c.value) && Boolean(seen.add(c.value)));
320
294
}
321
295
322
-
private async fetchAllTags(sources: SourceName[]): Promise<(SourceFilter & { source: SourceName })[]> {
296
+
private async fetchAllTags(sources: string[]): Promise<(SourceFilter & { source: string })[]> {
323
297
const results = await Promise.all(
324
298
sources.map(async s => {
325
299
const items = await (this.sources.get(s)?.getAvilableTags?.() ?? Promise.resolve([]));
···
330
304
return results.flat().filter(t => !seen.has(t.value) && Boolean(seen.add(t.value)));
331
305
}
332
306
333
-
private async renderActiveCollectionChips(chipsRow: HTMLElement, collectionSources: SourceName[]) {
307
+
private async renderActiveCollectionChips(chipsRow: HTMLElement, collectionSources: string[]) {
334
308
const collections = await this.fetchAllCollections(collectionSources);
335
309
for (const c of collections) {
336
310
if (!this.selectedCollections.has(c.value)) continue;
···
346
320
}
347
321
}
348
322
349
-
private async renderActiveTagChips(chipsRow: HTMLElement, tagSources: SourceName[]) {
323
+
private async renderActiveTagChips(chipsRow: HTMLElement, tagSources: string[]) {
350
324
const tags = await this.fetchAllTags(tagSources);
351
325
for (const t of tags) {
352
326
if (!this.selectedTags.has(t.value)) continue;
···
362
336
}
363
337
}
364
338
365
-
private async showCollectionsMenu(e: MouseEvent, sources: SourceName[]) {
339
+
private async showCollectionsMenu(e: MouseEvent, sources: string[]) {
366
340
e.stopPropagation();
367
341
const collections = (await this.fetchAllCollections(sources))
368
342
.sort((a, b) => (a.label ?? a.value).localeCompare(b.label ?? b.value));
···
382
356
menu.showAtMouseEvent(e);
383
357
}
384
358
385
-
private async showTagsMenu(e: MouseEvent, sources: SourceName[]) {
359
+
private async showTagsMenu(e: MouseEvent, sources: string[]) {
386
360
e.stopPropagation();
387
361
const tags = (await this.fetchAllTags(sources))
388
362
.sort((a, b) => (a.label ?? a.value).localeCompare(b.label ?? b.value));
···
503
477
async onClose() { }
504
478
}
505
479
506
-
function sourceIconId(source: "semble" | "bookmark" | "margin"): string {
480
+
function sourceIconId(source: string): string {
507
481
if (source === "semble") return "atmosphere-semble";
508
482
if (source === "margin") return "atmosphere-margin";
509
483
return "bookmark";