This repository has been archived by the owner on Aug 27, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Major update. See release 0.2.0 for changelog
- Loading branch information
1 parent
378ff36
commit d723b61
Showing
16 changed files
with
2,002 additions
and
251 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| { | ||
| "id": "obsidian-codemirror-options", | ||
| "name": "CodeMirror Options", | ||
| "version": "0.2.0", | ||
| "description": "Customize the functionality and appearance of Obsidian's edit mode", | ||
| "author": "NothingIsLost", | ||
| "authorUrl": "https://github.com/nothingislost", | ||
| "isDesktopOnly": true | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,104 @@ | ||
| export function onRenderLine(cm: CodeMirror.Editor, line: CodeMirror.LineHandle, el: HTMLElement) { | ||
| // setTimeout here since the renderLine event is emitted before the element is added to the DOM | ||
| // if we don't wait, we won't know who our parent is | ||
| const parentElement = el.parentElement; | ||
| if (!parentElement) | ||
| el.addEventListener("DOMNodeInserted", (event: MutationEvent) => procLine(cm, line, el, (event.relatedNode as HTMLElement)), { once: true }); | ||
| // we can't do anything with a parentless element | ||
| } | ||
|
|
||
| function procLine(cm: CodeMirror.Editor, line: CodeMirror.LineHandle, el: HTMLElement, parentEl: HTMLElement) { | ||
| // for some reason, codemirror or hmd skips putting elements in a wrapping div | ||
| // unsure what causes this to happen but try and account for it by falling back | ||
| // if the parent is the root codemirror-code element | ||
| if (parentEl.className === "CodeMirror-code") parentEl = el; | ||
|
|
||
| // clear existing data keys | ||
| clearDataKeys(parentEl.dataset); | ||
|
|
||
| // split child classes | ||
| const childClasses = line.styleClasses?.textClass?.split(" "); | ||
|
|
||
| // line.styles is an array of multi-class strings | ||
| // we combine all of the styles into a single string and then dedupe it | ||
| const childElementClasses = line.styles | ||
| ?.filter((style: string | number) => typeof style === "string") | ||
| .join(" ") | ||
| .split(" ") | ||
| .filter((v, i, a) => a.indexOf(v) === i); | ||
|
|
||
| // look for anything labeled as a header | ||
| // extract its full text value (minus the initial hash) | ||
| if (childClasses?.includes("HyperMD-header")) { | ||
| parentEl.dataset["heading"] = line.text.match(/^[#]+[\s]+(.+)/)[1].trim(); | ||
| } | ||
|
|
||
| // check line for any hashtags and add them to a new data key | ||
| const tokens = cm.getLineTokens(line.lineNo()); | ||
| const parsedTokens = parseLineTokens(tokens); | ||
| if (parsedTokens) parentEl.dataset["hashtags"] = parseLineTokens(tokens); | ||
|
|
||
| // infer html tag type based on style classes | ||
| const htmlTag = childElementClasses ? lookupTag(childElementClasses) : null; | ||
| if (htmlTag) { | ||
| parentEl.dataset["tagName"] = htmlTag; | ||
| } | ||
| } | ||
|
|
||
| function clearDataKeys(keys: DOMStringMap) { | ||
| if (keys) { | ||
| Object.keys(keys).forEach(dataKey => { | ||
| delete keys[dataKey]; | ||
| }); | ||
| } | ||
| } | ||
|
|
||
| function parseLineTokens(tokens: any[]) { | ||
| tokens = tokens.filter((token: { type: string | string[] }) => token.type?.includes("hashtag-end")); | ||
| if (tokens.length) { | ||
| const hashtags = tokens.map((token: { string: any }) => token.string).join(" "); | ||
| if (hashtags.length) { | ||
| return tokens.map((token: { string: any }) => token.string).join(" "); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| function lookupTag(classes: string[]) { | ||
| let htmlTag: string; | ||
| for (const className of classes) { | ||
| switch (className) { | ||
| case "formatting-list-ol": | ||
| htmlTag = "ol"; | ||
| break; | ||
| case "formatting-list-ul": | ||
| htmlTag = "ul"; | ||
| break; | ||
| case "header-1": | ||
| htmlTag = "h1"; | ||
| break; | ||
| case "header-2": | ||
| htmlTag = "h2"; | ||
| break; | ||
| case "header-3": | ||
| htmlTag = "h3"; | ||
| break; | ||
| case "header-4": | ||
| htmlTag = "h4"; | ||
| break; | ||
| case "header-5": | ||
| htmlTag = "h5"; | ||
| break; | ||
| case "header-6": | ||
| htmlTag = "h6"; | ||
| break; | ||
| case "hmd-codeblock": | ||
| htmlTag = "code"; | ||
| break; | ||
| case "hmd-frontmatter": | ||
| htmlTag = "frontmatter"; | ||
| break; | ||
| } | ||
| } | ||
| return htmlTag; | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.