obsidian-plugin/nathonius_obsidian-github-link
1
0
Fork 0
mirror of https://github.com/nathonius/obsidian-github-link.git synced 2026-07-22 09:20:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

✨ feat: #80 Show user or org name when transforming link to repo

Browse source 
Closes: #80
This commit is contained in:
Nathan Smith 2024-04-05 21:47:55 -04:00
parent 6876269a7e
commit 9237b2f0fa
1 changed files with 71 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

114
src/inline/inline.ts
View file

@ -5,71 +5,99 @@ import { parseUrl } from "../github/url-parse";
import { setIcon } from "obsidian";
import { setIssueIcon, setPRIcon } from "src/icon";
export function createTag(href: string) {
interface TagConfig {
icon: HTMLSpanElement;
sections: HTMLElement[];
}
export function createTag(href: string): HTMLAnchorElement {
const parsedUrl = parseUrl(href);
const container = createEl("a", { cls: "github-link-inline", href });
const config: TagConfig = {
icon: createSpan({ cls: ["github-link-status-icon", "github-link-inline-icon"] }),
sections: [],
};
// Add icon
const icon = createTagSection(container).createSpan({
cls: ["github-link-status-icon", "github-link-inline-icon"],
});
setIcon(icon, "github");
// Set default icon
config.sections.push(config.icon);
setIcon(config.icon, "github");
// Add org
if (parsedUrl.org) {
config.sections.push(
createSpan({
cls: "github-link-inline-org",
text: parsedUrl.org,
}),
);
}
// Add repo
if (parsedUrl.repo) {
createTagSection(container).createSpan({
cls: "github-link-inline-repo",
text: parsedUrl.repo,
});
config.sections.push(
createSpan({
cls: "github-link-inline-repo",
text: parsedUrl.repo,
}),
);
}
// fall back to org if no repo found
else if (parsedUrl.org) {
createTagSection(container).createSpan({
cls: "github-link-inline-org",
text: parsedUrl.org,
});
}
// Add issue OR pr
if (parsedUrl.issue !== undefined || parsedUrl.pr !== undefined) {
// Remove org
const orgIndex = config.sections.findIndex((section) => section.classList.contains("github-link-inline-org"));
if (orgIndex !== -1) {
config.sections.splice(orgIndex, 1);
}
if (parsedUrl.repo && parsedUrl.org) {
// Get issue info
if (parsedUrl.issue !== undefined) {
setIssueIcon(icon, IssueStatus.Open);
const issueContainer = createTagSection(container).createSpan({
setIssueIcon(config.icon, IssueStatus.Open);
const issueContainer = createSpan({
cls: "github-link-inline-issue-title",
text: `${parsedUrl.issue}`,
});
getIssue(parsedUrl.org, parsedUrl.repo, parsedUrl.issue).then((issue) => {
if (issue.title) {
const status = getIssueStatus(issue);
setIssueIcon(icon, status);
issueContainer.setText(issue.title);
}
});
}
// Get PR info
if (parsedUrl.pr !== undefined) {
setPRIcon(icon, IssueStatus.Open);
const prContainer = createTagSection(container).createSpan({
config.sections.push(issueContainer);
if (parsedUrl.org && parsedUrl.repo) {
getIssue(parsedUrl.org, parsedUrl.repo, parsedUrl.issue).then((issue) => {
if (issue.title) {
const status = getIssueStatus(issue);
setIssueIcon(config.icon, status);
issueContainer.setText(issue.title);
}
});
}
} else if (parsedUrl.pr !== undefined) {
// Get PR info
setPRIcon(config.icon, IssueStatus.Open);
const prContainer = createSpan({
cls: "github-link-inline-pr-title",
text: `${parsedUrl.pr}`,
});
getPullRequest(parsedUrl.org, parsedUrl.repo, parsedUrl.pr).then((pr) => {
if (pr.title) {
const status = getPRStatus(pr);
setPRIcon(icon, status);
prContainer.setText(pr.title);
}
});
config.sections.push(prContainer);
if (parsedUrl.org && parsedUrl.repo) {
getPullRequest(parsedUrl.org, parsedUrl.repo, parsedUrl.pr).then((pr) => {
if (pr.title) {
const status = getPRStatus(pr);
setPRIcon(config.icon, status);
prContainer.setText(pr.title);
}
});
}
}
}
// Add all sections
for (const section of config.sections) {
container.appendChild(createTagSection(section));
}
return container;
}
function createTagSection(parent: HTMLElement): HTMLElement {
return parent.createDiv({ cls: "github-link-inline-section" });
function createTagSection(...children: HTMLElement[]): HTMLDivElement {
const section = createDiv({ cls: "github-link-inline-section" });
section.append(...children);
return section;
}
export async function InlineRenderer(el: HTMLElement) {