You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
632 lines
54 KiB
632 lines
54 KiB
3 years ago
|
/*
|
||
|
|
THIS IS A GENERATED/BUNDLED FILE BY ROLLUP
|
||
|
|
if you want to view the source visit the plugins github repository
|
||
|
|
*/
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var obsidian = require('obsidian');
|
||
|
|
|
||
|
|
/*! *****************************************************************************
|
||
|
|
Copyright (c) Microsoft Corporation.
|
||
|
|
|
||
|
|
Permission to use, copy, modify, and/or distribute this software for any
|
||
|
|
purpose with or without fee is hereby granted.
|
||
|
|
|
||
|
|
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||
|
|
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||
|
|
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||
|
|
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||
|
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||
|
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||
|
|
PERFORMANCE OF THIS SOFTWARE.
|
||
|
|
***************************************************************************** */
|
||
|
|
|
||
|
|
function __awaiter(thisArg, _arguments, P, generator) {
|
||
|
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||
|
|
return new (P || (P = Promise))(function (resolve, reject) {
|
||
|
|
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||
|
|
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||
|
|
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||
|
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
const DEFAULT_SETTINGS = {
|
||
|
|
expansionMode: 'expanded',
|
||
|
|
ignoreNulls: false,
|
||
|
|
nullValue: '',
|
||
|
|
skipKey: 'metatable',
|
||
|
|
ignoredKeys: [],
|
||
|
|
filterKeys: ['metatable', 'frontmatter'],
|
||
|
|
filterMode: 'ignore',
|
||
|
|
autolinks: false,
|
||
|
|
vault: null,
|
||
|
|
};
|
||
|
|
class MetatableSettingTab extends obsidian.PluginSettingTab {
|
||
|
|
constructor(app, plugin) {
|
||
|
|
super(app, plugin);
|
||
|
|
this.plugin = plugin;
|
||
|
|
}
|
||
|
|
display() {
|
||
|
|
return __awaiter(this, void 0, void 0, function* () {
|
||
|
|
const { containerEl, plugin } = this;
|
||
|
|
containerEl.empty();
|
||
|
|
containerEl.createEl('h2', { text: 'Metatable Settings' });
|
||
|
|
new obsidian.Setting(containerEl)
|
||
|
|
.setName('Expansion level')
|
||
|
|
.setDesc('Level of expansion of the metatable tree')
|
||
|
|
.addDropdown(drop => drop
|
||
|
|
.addOption('expanded', 'Fully expanded')
|
||
|
|
.addOption('leaf-collapsed', 'Collapse leafs')
|
||
|
|
.addOption('all-collapsed', 'Collapse all')
|
||
|
|
.setValue(plugin.settings.expansionMode)
|
||
|
|
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
|
||
|
|
plugin.settings.expansionMode = value;
|
||
|
|
yield plugin.saveSettings();
|
||
|
|
})));
|
||
|
|
new obsidian.Setting(containerEl)
|
||
|
|
.setName('Skip key')
|
||
|
|
.setDesc('When this key is found and `true`, the metatable will not be displayed')
|
||
|
|
.addText(text => text
|
||
|
|
.setValue(plugin.settings.skipKey)
|
||
|
|
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
|
||
|
|
plugin.settings.skipKey = value;
|
||
|
|
yield plugin.saveSettings();
|
||
|
|
})));
|
||
|
|
containerEl.createEl('h3', { text: 'Nulls' });
|
||
|
|
new obsidian.Setting(containerEl)
|
||
|
|
.setName('Ignore null values')
|
||
|
|
.setDesc('Ignore any member with a null value.')
|
||
|
|
.addToggle(setting => setting
|
||
|
|
.setValue(plugin.settings.ignoreNulls)
|
||
|
|
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
|
||
|
|
plugin.settings.ignoreNulls = value;
|
||
|
|
yield plugin.saveSettings();
|
||
|
|
this.display();
|
||
|
|
})));
|
||
|
|
if (!plugin.settings.ignoreNulls) {
|
||
|
|
new obsidian.Setting(containerEl)
|
||
|
|
.setName('Null value')
|
||
|
|
.setDesc('Text to show when a key has no value. Defaults to nothing')
|
||
|
|
.addText(text => text
|
||
|
|
.setValue(plugin.settings.nullValue)
|
||
|
|
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
|
||
|
|
plugin.settings.nullValue = value;
|
||
|
|
yield plugin.saveSettings();
|
||
|
|
})));
|
||
|
|
}
|
||
|
|
containerEl.createEl('h3', { text: 'Filter' });
|
||
|
|
new obsidian.Setting(containerEl)
|
||
|
|
.setName('Filter mode')
|
||
|
|
.setDesc('Either ignore or keep the filter keys')
|
||
|
|
.addDropdown(drop => drop
|
||
|
|
.addOption('ignore', 'Ignore')
|
||
|
|
.addOption('keep', 'Keep')
|
||
|
|
.setValue(plugin.settings.filterMode)
|
||
|
|
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
|
||
|
|
plugin.settings.filterMode = value;
|
||
|
|
yield plugin.saveSettings();
|
||
|
|
})));
|
||
|
|
// XXX: Remove in 0.11.0
|
||
|
|
if (plugin.settings.ignoredKeys.length > 0) {
|
||
|
|
plugin.settings.filterKeys = plugin.settings.ignoredKeys;
|
||
|
|
yield plugin.saveSettings();
|
||
|
|
}
|
||
|
|
new obsidian.Setting(containerEl)
|
||
|
|
.setName('Filter keys')
|
||
|
|
.setDesc('Any key found in this comma-separated list will be either ignored or kept according to the filter mode')
|
||
|
|
.addText(text => text
|
||
|
|
.setValue(plugin.settings.filterKeys.join(', '))
|
||
|
|
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
|
||
|
|
plugin.settings.filterKeys = value.split(',').map(v => v.trim());
|
||
|
|
yield plugin.saveSettings();
|
||
|
|
})));
|
||
|
|
containerEl.createEl('h3', { text: 'Experimental' });
|
||
|
|
new obsidian.Setting(containerEl)
|
||
|
|
.setName('Autolink')
|
||
|
|
.setDesc('Enables autolinks for wikilinks `[[target]]`, frontmatter links `%target%` and local links `./deep/target`')
|
||
|
|
.addToggle(setting => setting
|
||
|
|
.setValue(plugin.settings.autolinks)
|
||
|
|
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
|
||
|
|
plugin.settings.autolinks = value;
|
||
|
|
yield plugin.saveSettings();
|
||
|
|
})));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A store of rules to apply to set members.
|
||
|
|
*
|
||
|
|
* Only one rule can be assigned to a member. If you add two rules against the
|
||
|
|
* same member key it will only keep the last one.
|
||
|
|
*
|
||
|
|
* ## Example
|
||
|
|
*
|
||
|
|
* ```
|
||
|
|
* const rules = new RuleStore()
|
||
|
|
* const tagsRule = { toHtml: tagslist, foldable: false }
|
||
|
|
* rules.set('tags', tagsRule)
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
class RuleStore extends Map {
|
||
|
|
}
|
||
|
|
|
||
|
|
function isEmptyArray(value) {
|
||
|
|
if (typeof value === 'string') {
|
||
|
|
return value === '[]';
|
||
|
|
}
|
||
|
|
if (Array.isArray(value) && value.length === 0) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
function toggle(trigger) {
|
||
|
|
const isExpanded = trigger.getAttribute('aria-expanded') == 'true';
|
||
|
|
trigger.setAttribute('aria-expanded', String(!isExpanded));
|
||
|
|
}
|
||
|
|
function clickHandler(event, searchFn, openLinkFn) {
|
||
|
|
const trigger = event.target;
|
||
|
|
if (trigger === null || trigger === void 0 ? void 0 : trigger.hasAttribute('aria-expanded')) {
|
||
|
|
event.stopPropagation();
|
||
|
|
event.preventDefault();
|
||
|
|
toggle(trigger);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (trigger === null || trigger === void 0 ? void 0 : trigger.hasAttribute('href')) {
|
||
|
|
event.stopPropagation();
|
||
|
|
const href = trigger.getAttribute('href');
|
||
|
|
if (trigger.hasClass('internal-link')) {
|
||
|
|
event.preventDefault();
|
||
|
|
openLinkFn(trigger.dataset.href, '');
|
||
|
|
}
|
||
|
|
if (trigger.hasClass('tag')) {
|
||
|
|
event.preventDefault();
|
||
|
|
searchFn(`tag:${href}`);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function keyHandler(event) {
|
||
|
|
const trigger = event.target;
|
||
|
|
if ((event.code == 'Space' || event.code == 'Enter') && (trigger === null || trigger === void 0 ? void 0 : trigger.hasAttribute('aria-expanded'))) {
|
||
|
|
event.stopPropagation();
|
||
|
|
event.preventDefault();
|
||
|
|
toggle(trigger);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function externalLink(value) {
|
||
|
|
var _a, _b;
|
||
|
|
const a = document.createElement('a');
|
||
|
|
// @ts-ignore
|
||
|
|
(_a = a.part) === null || _a === void 0 ? void 0 : _a.add('link');
|
||
|
|
// @ts-ignore
|
||
|
|
(_b = a.part) === null || _b === void 0 ? void 0 : _b.add('external-link');
|
||
|
|
a.classList.add('external-link');
|
||
|
|
a.setAttribute('target', '_blank');
|
||
|
|
a.setAttribute('rel', 'noopener');
|
||
|
|
a.setAttribute('href', value);
|
||
|
|
a.append(value);
|
||
|
|
return a;
|
||
|
|
}
|
||
|
|
function obsidianUrl(vaultName, fileName) {
|
||
|
|
return `obsidian://open?vault=${vaultName}&file=${encodeURI(obsidian.getLinkpath(fileName))}`;
|
||
|
|
}
|
||
|
|
function internalLink(url) {
|
||
|
|
var _a, _b;
|
||
|
|
const a = document.createElement('a');
|
||
|
|
const label = url.searchParams.get('file');
|
||
|
|
a.dataset.href = label;
|
||
|
|
a.setAttribute('href', label);
|
||
|
|
// @ts-ignore
|
||
|
|
(_a = a.part) === null || _a === void 0 ? void 0 : _a.add('link');
|
||
|
|
// @ts-ignore
|
||
|
|
(_b = a.part) === null || _b === void 0 ? void 0 : _b.add('internal-link');
|
||
|
|
a.classList.add('internal-link');
|
||
|
|
a.setAttribute('target', '_blank');
|
||
|
|
a.setAttribute('rel', 'noopener');
|
||
|
|
a.append(label);
|
||
|
|
return a;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
/* Creates a link for internal links from a string of the form `[[text]]`.
|
||
|
|
*/
|
||
|
|
function wikiLink(value, vaultName) {
|
||
|
|
const cleanValue = value.slice(2, -2);
|
||
|
|
const url = new URL(obsidianUrl(vaultName, cleanValue));
|
||
|
|
return internalLink(url);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
/* Creates a link for internal links from a string of the form `%text%`.
|
||
|
|
*/
|
||
|
|
function frontmatterLink(value, vaultName) {
|
||
|
|
const cleanValue = value.slice(1, -1);
|
||
|
|
const url = new URL(obsidianUrl(vaultName, cleanValue));
|
||
|
|
return internalLink(url);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Creates a link for local paths.
|
||
|
|
*/
|
||
|
|
function localLink(value, vaultName) {
|
||
|
|
const url = new URL(obsidianUrl(vaultName, value));
|
||
|
|
return internalLink(url);
|
||
|
|
}
|
||
|
|
function isOpen(mode, depth) {
|
||
|
|
if (mode == 'expanded') {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
// Keep the root open when leafs are collapsed
|
||
|
|
if (mode == 'leaf-collapsed' && depth == 0) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
// all-collapsed
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
function isObsidianUrl(url) {
|
||
|
|
return (url instanceof URL && url.protocol == 'obsidian:');
|
||
|
|
}
|
||
|
|
function isUrl(url) {
|
||
|
|
const allowedProtocols = ['http:', 'https:', 'evernote:'];
|
||
|
|
return (url instanceof URL && allowedProtocols.some(protocol => url.protocol == protocol));
|
||
|
|
}
|
||
|
|
function isLocalLink(value) {
|
||
|
|
return value.startsWith('./');
|
||
|
|
}
|
||
|
|
function tryUrl(value) {
|
||
|
|
try {
|
||
|
|
return new URL(value);
|
||
|
|
}
|
||
|
|
catch (_) {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function isWikiLink(value) {
|
||
|
|
return (value.startsWith('[[') && value.endsWith(']]'));
|
||
|
|
}
|
||
|
|
function isFrontmatterLink(value) {
|
||
|
|
return (value.startsWith('%') && value.endsWith('%'));
|
||
|
|
}
|
||
|
|
function enrichValue(value, context) {
|
||
|
|
const { settings, vaultName } = context;
|
||
|
|
const { autolinks } = settings;
|
||
|
|
const cleanValue = value.toString().trim();
|
||
|
|
if (autolinks) {
|
||
|
|
if (isWikiLink(cleanValue)) {
|
||
|
|
return wikiLink(cleanValue, vaultName);
|
||
|
|
}
|
||
|
|
if (isFrontmatterLink(cleanValue)) {
|
||
|
|
return frontmatterLink(cleanValue, vaultName);
|
||
|
|
}
|
||
|
|
if (isLocalLink(cleanValue)) {
|
||
|
|
return localLink(cleanValue, vaultName);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const url = tryUrl(cleanValue);
|
||
|
|
if (isObsidianUrl(url)) {
|
||
|
|
return internalLink(url);
|
||
|
|
}
|
||
|
|
if (isUrl(url)) {
|
||
|
|
return externalLink(cleanValue);
|
||
|
|
}
|
||
|
|
return value.toString();
|
||
|
|
}
|
||
|
|
function isNully(value) {
|
||
|
|
if (typeof value == 'string') {
|
||
|
|
return value.length == 0;
|
||
|
|
}
|
||
|
|
return value == null;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* A set member with a scalar value.
|
||
|
|
*/
|
||
|
|
function leafMember(label, data, context) {
|
||
|
|
var _a, _b;
|
||
|
|
const { rules, settings } = context;
|
||
|
|
const root = document.createElement('tr');
|
||
|
|
const key = document.createElement('th');
|
||
|
|
const value = document.createElement('td');
|
||
|
|
const rule = rules.get(label);
|
||
|
|
const datum = (rules.has(label) && !isNully(data))
|
||
|
|
? rule.toHtml(data, rule)
|
||
|
|
: enrichValue(data, context);
|
||
|
|
// XXX: Note that `part` is an `Element` extension in draft. Checking for
|
||
|
|
// undefined lets us get away with plain jest dom testing.
|
||
|
|
// @ts-ignore
|
||
|
|
(_a = key.part) === null || _a === void 0 ? void 0 : _a.add('key');
|
||
|
|
key.classList.add('key');
|
||
|
|
key.append(label);
|
||
|
|
// @ts-ignore
|
||
|
|
(_b = value.part) === null || _b === void 0 ? void 0 : _b.add('value');
|
||
|
|
value.classList.add('value');
|
||
|
|
value.append(datum);
|
||
|
|
root.classList.add('member');
|
||
|
|
root.append(key);
|
||
|
|
root.append(value);
|
||
|
|
return root;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* A set member with a complex value.
|
||
|
|
*/
|
||
|
|
function nodeMember(label, value, context) {
|
||
|
|
const root = details(label, value, Object.assign(Object.assign({}, context), { depth: context.depth + 1 }));
|
||
|
|
root.classList.add('member');
|
||
|
|
return root;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* A set member.
|
||
|
|
*/
|
||
|
|
function member(label, value, context) {
|
||
|
|
const { settings } = context;
|
||
|
|
const patchedValue = value == null ? settings.nullValue : value;
|
||
|
|
if (typeof patchedValue == 'object') {
|
||
|
|
return nodeMember(label, value, context);
|
||
|
|
}
|
||
|
|
return leafMember(label, patchedValue, context);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* A set of members.
|
||
|
|
*/
|
||
|
|
function set(data, context) {
|
||
|
|
const { settings, depth } = context;
|
||
|
|
const { filterMode, filterKeys, ignoreNulls } = settings;
|
||
|
|
const valueContext = Object.assign(Object.assign({}, context), { depth: depth + 1 });
|
||
|
|
const root = document.createElement('table');
|
||
|
|
root.classList.add('set');
|
||
|
|
Object.entries(data).forEach(([label, value]) => {
|
||
|
|
if (ignoreNulls && (value == null || isEmptyArray(value)))
|
||
|
|
return;
|
||
|
|
if (filterMode == 'ignore') {
|
||
|
|
if (filterKeys.some(key => key == label))
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (filterMode == 'keep') {
|
||
|
|
if (!filterKeys.some(key => key == label))
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
root.append(member(label, value, valueContext));
|
||
|
|
});
|
||
|
|
return root;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* A list of members.
|
||
|
|
*/
|
||
|
|
function list(data, context) {
|
||
|
|
const { settings, depth } = context;
|
||
|
|
const valueContext = Object.assign(Object.assign({}, context), { depth: depth + 1 });
|
||
|
|
const root = document.createElement('ul');
|
||
|
|
data.forEach((item) => {
|
||
|
|
let value;
|
||
|
|
const li = document.createElement('li');
|
||
|
|
if (Array.isArray(item)) {
|
||
|
|
value = list(item, valueContext);
|
||
|
|
}
|
||
|
|
else if (typeof item == 'object') {
|
||
|
|
value = set(item, valueContext);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
value = enrichValue(item, valueContext);
|
||
|
|
}
|
||
|
|
li.append(value);
|
||
|
|
root.append(li);
|
||
|
|
});
|
||
|
|
return root;
|
||
|
|
}
|
||
|
|
function ordinaryValue(data, context) {
|
||
|
|
return Array.isArray(data)
|
||
|
|
? list(data, context)
|
||
|
|
: set(data, context);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* A collapsible group.
|
||
|
|
*/
|
||
|
|
function details(label, data, context) {
|
||
|
|
var _a, _b;
|
||
|
|
const { settings, rules, depth } = context;
|
||
|
|
const { mode } = settings;
|
||
|
|
const root = document.createElement('tr');
|
||
|
|
const key = document.createElement('th');
|
||
|
|
const value = document.createElement('td');
|
||
|
|
const rule = rules.get(label);
|
||
|
|
const valueId = `${label}-${depth}`;
|
||
|
|
const datum = (rules.has(label) && !isNully(data))
|
||
|
|
? rule.toHtml(data, rule)
|
||
|
|
: ordinaryValue(data, Object.assign(Object.assign({}, context), { depth: depth + 1 }));
|
||
|
|
// @ts-ignore
|
||
|
|
(_a = key.part) === null || _a === void 0 ? void 0 : _a.add('key');
|
||
|
|
key.classList.add('key');
|
||
|
|
key.append(label);
|
||
|
|
root.append(key);
|
||
|
|
// @ts-ignore
|
||
|
|
(_b = value.part) === null || _b === void 0 ? void 0 : _b.add('value');
|
||
|
|
value.classList.add('value');
|
||
|
|
value.setAttribute('id', valueId);
|
||
|
|
value.append(datum);
|
||
|
|
root.append(value);
|
||
|
|
if (rule == undefined || rule.foldable) {
|
||
|
|
const marker = document.createElement('div');
|
||
|
|
key.classList.add('toggle');
|
||
|
|
key.setAttribute('role', 'button');
|
||
|
|
key.setAttribute('aria-expanded', String(isOpen(mode, depth)));
|
||
|
|
key.setAttribute('aria-controls', valueId);
|
||
|
|
key.setAttribute('tabindex', '0');
|
||
|
|
marker.classList.add('marker');
|
||
|
|
value.append(marker);
|
||
|
|
}
|
||
|
|
return root;
|
||
|
|
}
|
||
|
|
function sheath(data, context) {
|
||
|
|
const { settings } = context;
|
||
|
|
const root = document.createElement('details');
|
||
|
|
const summary = document.createElement('summary');
|
||
|
|
const value = set(data, context);
|
||
|
|
if (isOpen(settings.mode, 0)) {
|
||
|
|
root.setAttribute('open', '');
|
||
|
|
}
|
||
|
|
summary.append('Metadata');
|
||
|
|
root.classList.add('metatable');
|
||
|
|
root.append(summary);
|
||
|
|
root.append(value);
|
||
|
|
return root;
|
||
|
|
}
|
||
|
|
function metatable(data, context) {
|
||
|
|
const { searchFn, openLinkFn, settings } = context;
|
||
|
|
const fragment = new DocumentFragment();
|
||
|
|
const root = sheath(data, context);
|
||
|
|
root.addEventListener('click', (e) => clickHandler(e, searchFn, openLinkFn));
|
||
|
|
root.addEventListener('keydown', keyHandler);
|
||
|
|
fragment.append(root);
|
||
|
|
return fragment;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Transforms a list of dirty tags into HTML.
|
||
|
|
*/
|
||
|
|
function taglist(data, rule) {
|
||
|
|
const list = normaliseTags(data);
|
||
|
|
// No valid tags found.
|
||
|
|
if (list.length == 0)
|
||
|
|
return null;
|
||
|
|
const root = document.createElement('ul');
|
||
|
|
root.classList.add('tag-list');
|
||
|
|
list.forEach((item) => {
|
||
|
|
const li = document.createElement('li');
|
||
|
|
const value = tag(item);
|
||
|
|
li.append(value);
|
||
|
|
root.append(li);
|
||
|
|
});
|
||
|
|
return root;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Normalises a list of tags as an array of strings.
|
||
|
|
*/
|
||
|
|
function normaliseTags(data) {
|
||
|
|
if (data == null) {
|
||
|
|
return [];
|
||
|
|
}
|
||
|
|
if (typeof data == 'string') {
|
||
|
|
return data.split(',').map(x => x.trim()).filter(x => x && x.length != 0);
|
||
|
|
}
|
||
|
|
return data.filter(x => x && x.length != 0);
|
||
|
|
}
|
||
|
|
function tag(value) {
|
||
|
|
var _a, _b;
|
||
|
|
const a = document.createElement('a');
|
||
|
|
a.classList.add('tag');
|
||
|
|
// XXX: Note that `part` is an `Element` extension in draft. Checking for
|
||
|
|
// undefined lets us get away with plain jest dom testing.
|
||
|
|
// @ts-ignore
|
||
|
|
(_a = a.part) === null || _a === void 0 ? void 0 : _a.add('tag');
|
||
|
|
// @ts-ignore
|
||
|
|
(_b = a.part) === null || _b === void 0 ? void 0 : _b.add(encodeURI(value));
|
||
|
|
a.setAttribute('target', '_blank');
|
||
|
|
a.setAttribute('rel', 'noopener');
|
||
|
|
a.setAttribute('href', `#${value}`);
|
||
|
|
a.append(`${value}`);
|
||
|
|
return a;
|
||
|
|
}
|
||
|
|
|
||
|
|
var styles = ":host-context(.theme-light) {\n --metatable-foreground: var(--text-muted, darkslategrey);\n --metatable-key-background: var(--background-primary-alt, #f3f3f3);\n --metatable-key-border-color: var(--background-modifier-border, lightgrey);\n --metatable-key-border-color-focus: orange;\n --metatable-key-focus: var(--background-match-highlight, lightyellow);\n --metatable-tag-background: var(--background-primary-alt, #f3f3f3);\n --metatable-link-color: var(--text-accent, #705dcf);\n --metatable-link-color-hover: var(--text-accent-hover, #8875ff);\n}\n\n:host-context(.theme-dark) {\n --metatable-foreground: var(--text-muted, #999);\n --metatable-key-background: var(--background-primary-alt, #111);\n --metatable-key-border-color: var(--background-modifier-border, #333);\n --metatable-key-border-color-focus: orange;\n --metatable-key-focus: black;\n --metatable-tag-background: var(--background-primary-alt, #111);\n --metatable-link-color: var(--text-accent, #705dcf);\n --metatable-link-color-hover: var(--text-accent-hover, #8875ff);\n}\n\n:host {\n --metatable-collapsed-symbol: \"▶︎\";\n --metatable-expanded-symbol: \"▼\";\n --metatable-font-family: var(--text, sans-serif);\n --metatable-font-size: var(--font-small, 13px);\n --metatable-key-border-width: 2px;\n --metatable-mark-symbol: \"…\";\n --metatable-value-background: transparent;\n --metatable-background: transparent;\n --metatable-tag-symbol: \"\";\n --metatable-external-link-icon: url(app://obsidian.md/public/images/874d8b8e340f75575caa.svg);\n --metatable-external-link-color: var(--metatable-link-color);\n --metatable-external-link-color-hover: var(--metatable-link-color-hover);\n --metatable-internal-link-icon: none;\n --metatable-internal-link-color: var(--metatable-link-color);\n --metatable-internal-link-color-hover: var(--metatable-link-color-hover);\n}\n\n\n* {\n box-sizing: border-box;\n}\n\ndetails {\n background-color: var(--metatable-background);\n color: var(--metatable-foreground);\n font-family: var(--metatable-font-family);\n font-size: var(--metatable-font-size);\n}\n\nsummary {\n cursor: pointer;\n}\n\nsummary:focus {\n outline: none;\n}\n\nsummary:focus-visible {\n outline: none;\n background-color: var(--metatable-key-focus)\n}\n\n.set {\n background-color: var(--metatable-background);\n display: grid;\n grid-gap: 2px;\n margin-top: 0.4rem;\n}\n\n.member {\n display: grid;\n grid-gap: 2px;\n grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);\n grid-template-areas: \"key value\";\n}\n\n.key[role=button] {\n cursor: pointer;\n}\n\n.member .key {\n background-color: var(--metatable-key-background);\n border-right: var(--metatable-key-border-width) solid var(--metatable-key-border-color);\n display: grid;\n grid-template-columns: 10px auto;\n grid-gap: 0.4rem;\n font-weight: bold;\n grid-area: key;\n overflow: hidden;\n padding: 0.4rem;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.member .value {\n background-color: var(--metatable-value-background);\n grid-area: value;\n margin: 0;\n overflow: auto;\n padding: 0.4rem;\n}\n\n.member .key:focus {\n outline: none;\n}\n\n.member .key:focus-visible {\n outline: none;\n border-right-color: var(--metatable-key-border-color-focus);\n background-color: var(--metatable-key-focus);\n}\n\n.value ul {\n margin: 0;\n padding: 0;\n}\n\n.value li {\n margin-left: 1rem;\n}\n\n.key[aria-expanded]::before {\n font-size: 0.6rem;\n padding-top: 0.3rem;\n}\n\n.key[aria-expanded=true]::before {\n content: var(--metatable-expanded-symbol);\n}\n\n.key[aria-expanded=false]::before {\n content: var(--metatable-collapsed-symbol);\n}\n\n.key[aria-expanded=false] + .value > :first-child {\n display: none;\n}\n\n.key[aria-expanded=false] + .value > .marker::after {\n content: var(--metatable-mark-symbol);\n display: block;\n}\n\n@media screen and (min-width: 400px) and (max-width: 550px) {\n .member {\n grid-template-columns: minmax(0, 1.5fr) minmax(0, 3fr);\n }\n .member .member {\n grid-
|
||
|
|
|
||
|
|
function log(msg) {
|
||
|
|
console.log(`metatable: ${msg}`);
|
||
|
|
}
|
||
|
|
function createMetatable(el, data, context) {
|
||
|
|
const wrapper = el.createEl('div');
|
||
|
|
wrapper.classList.add('obsidian-metatable');
|
||
|
|
wrapper.attachShadow({ mode: 'open' });
|
||
|
|
const fragment = new DocumentFragment();
|
||
|
|
fragment.createEl('style', { text: styles });
|
||
|
|
fragment.append(metatable(data, context));
|
||
|
|
wrapper.shadowRoot.append(fragment);
|
||
|
|
}
|
||
|
|
function isEmpty(data) {
|
||
|
|
return Object.entries(data)
|
||
|
|
.every(([_, value]) => value == null || isEmptyArray(value));
|
||
|
|
}
|
||
|
|
function filterSet(data, filterKeys, filterMode) {
|
||
|
|
const filterFn = filterMode == 'ignore'
|
||
|
|
? (x => !x)
|
||
|
|
: (x => x);
|
||
|
|
const newData = Object.entries(data)
|
||
|
|
.filter(([key, _value]) => filterFn(filterKeys.some(x => x == key)));
|
||
|
|
return Object.fromEntries(newData);
|
||
|
|
}
|
||
|
|
function frontmatterProcessor(el, ctx) {
|
||
|
|
return __awaiter(this, void 0, void 0, function* () {
|
||
|
|
const plugin = this;
|
||
|
|
const frontmatter = yield el.querySelector('.frontmatter');
|
||
|
|
if (frontmatter !== null) {
|
||
|
|
const target = el.querySelector('.frontmatter-container');
|
||
|
|
target.removeAttribute('class');
|
||
|
|
// Prevents an undesired `display: none` if `tags` is not present.
|
||
|
|
target.removeAttribute('style');
|
||
|
|
target.empty();
|
||
|
|
// @ts-ignore
|
||
|
|
const searchFn = plugin.app.internalPlugins.getPluginById('global-search').instance.openGlobalSearch.bind(plugin);
|
||
|
|
const openLinkFn = plugin.app.workspace.openLinkText.bind(plugin.app.workspace);
|
||
|
|
const { ignoreNulls, filterMode, filterKeys, skipKey } = plugin.settings;
|
||
|
|
const rules = new RuleStore();
|
||
|
|
rules.set('tags', {
|
||
|
|
toHtml: taglist,
|
||
|
|
foldable: false,
|
||
|
|
});
|
||
|
|
const context = {
|
||
|
|
vaultName: plugin.app.vault.getName(),
|
||
|
|
rules,
|
||
|
|
searchFn,
|
||
|
|
openLinkFn,
|
||
|
|
settings: {
|
||
|
|
mode: plugin.settings.expansionMode,
|
||
|
|
ignoreNulls,
|
||
|
|
nullValue: plugin.settings.nullValue,
|
||
|
|
filterKeys,
|
||
|
|
filterMode,
|
||
|
|
autolinks: plugin.settings.autolinks,
|
||
|
|
},
|
||
|
|
depth: 0,
|
||
|
|
};
|
||
|
|
if (ctx.frontmatter) {
|
||
|
|
const data = filterSet(ctx.frontmatter, filterKeys, filterMode);
|
||
|
|
if (ctx.frontmatter[skipKey]) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
// Nothing to render if all top-level are null and nulls should be
|
||
|
|
// ignored.
|
||
|
|
if (ignoreNulls && isEmpty(data)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (Object.isEmpty(data)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
createMetatable(target, data, context);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
class MetatablePlugin extends obsidian.Plugin {
|
||
|
|
onload() {
|
||
|
|
return __awaiter(this, void 0, void 0, function* () {
|
||
|
|
yield this.loadSettings();
|
||
|
|
this.registerMarkdownPostProcessor(frontmatterProcessor.bind(this));
|
||
|
|
this.addSettingTab(new MetatableSettingTab(this.app, this));
|
||
|
|
log('loaded');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
onunload() {
|
||
|
|
log('unloaded');
|
||
|
|
}
|
||
|
|
loadSettings() {
|
||
|
|
return __awaiter(this, void 0, void 0, function* () {
|
||
|
|
this.settings = Object.assign({}, DEFAULT_SETTINGS, yield this.loadData());
|
||
|
|
});
|
||
|
|
}
|
||
|
|
saveSettings() {
|
||
|
|
return __awaiter(this, void 0, void 0, function* () {
|
||
|
|
yield this.saveData(this.settings);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = MetatablePlugin;
|
||
|
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5qcyIsInNvdXJjZXMiOlsibm9kZV9tb2R1bGVzL3RzbGliL3RzbGliLmVzNi5qcyIsInNyYy9zZXR0aW5ncy50cyIsInNyYy9ydWxlLnRzIiwic3JjL3V0aWxzLnRzIiwic3JjL3RhYmxlLnRzIiwic3JjL21hcHBlcnMudHMiLCJzcmMvcGx1Z2luLnRzIl0sInNvdXJjZXNDb250ZW50IjpudWxsLCJuYW1lcyI6WyJQbHVnaW5TZXR0aW5nVGFiIiwiU2V0dGluZyIsImdldExpbmtwYXRoIiwiUGx1Z2luIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBdURBO0FBQ08sU0FBUyxTQUFTLENBQUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFO0FBQzdELElBQUksU0FBUyxLQUFLLENBQUMsS0FBSyxFQUFFLEVBQUUsT0FBTyxLQUFLLFlBQVksQ0FBQyxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsQ0FBQyxVQUFVLE9BQU8sRUFBRSxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFO0FBQ2hILElBQUksT0FBTyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsT0FBTyxDQUFDLEVBQUUsVUFBVSxPQUFPLEVBQUUsTUFBTSxFQUFFO0FBQy9ELFFBQVEsU0FBUyxTQUFTLENBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtBQUNuRyxRQUFRLFNBQVMsUUFBUSxDQUFDLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFD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
|