Add Txt view, use TxtView for .txt and .xml files

Author: ZukTol

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "data-files-loader",
 	"name": "Data files loader",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"minAppVersion": "0.15.0",
 	"description": "Plugin to load data files like txt, xml, json",
 	"author": "ZukTol",

src/constants.ts

@@ -1,5 +1,6 @@
 export const VIEW_TYPE_JSON = "json";
 export const VIEW_TYPE_XML = "xml";
+export const VIEW_TYPE_TXT = "txt";
 export const VIEW_TYPE_MARKDOWN = "markdown";
 
 export const EXT_JSON = "json";

src/main.ts

@@ -1,8 +1,9 @@
 import { Plugin, TFile, WorkspaceLeaf } from 'obsidian';
 import LoaderSettingTab from './loader-settings-tab';
-import { VIEW_TYPE_JSON, VIEW_TYPE_XML, VIEW_TYPE_MARKDOWN, EXT_JSON, EXT_XML, EXT_TXT } from './constants'
-import JsonView from "./JsonView";
+import * as constants from './constants'
 import { path } from "./utils";
+import JsonView from "./views/JsonView";
+import TxtView from "./views/TxtView";
 
 interface LoaderPluginSettings {
 	doLoadTxt: boolean;
@@ -43,29 +44,31 @@ export default class LoaderPlugin extends Plugin {
 	}
 
 	private TryRegisterTxt() {
-		if (this.settings.doLoadTxt)
-			this.registerExtensions([EXT_TXT], VIEW_TYPE_MARKDOWN);
+		if (this.settings.doLoadTxt) {
+			this.registerView(constants.VIEW_TYPE_TXT, (leaf: WorkspaceLeaf) => new TxtView(leaf, this));
+			this.registerExtensions([constants.EXT_TXT], constants.VIEW_TYPE_TXT);
+		}
 
 		if (this.settings.doCreateTxt) 
-			this.registerContextMenuCommand(EXT_TXT);
+			this.registerContextMenuCommand(constants.EXT_TXT);
 	}
 
 	private tryRegisterJson() {
 		if (this.settings.doLoadTxt) {
-			this.registerExtensions([EXT_JSON], VIEW_TYPE_JSON);
-			this.registerView(VIEW_TYPE_JSON, (leaf: WorkspaceLeaf) => new JsonView(leaf, this));
+			this.registerView(constants.VIEW_TYPE_JSON, (leaf: WorkspaceLeaf) => new JsonView(leaf, this));
+			this.registerExtensions([constants.EXT_JSON], constants.VIEW_TYPE_JSON);
 		}
 
 		if(this.settings.doCreateJson)
-			this.registerContextMenuCommand(EXT_JSON);
+			this.registerContextMenuCommand(constants.EXT_JSON);
 	}
 
 	private tryRegisterXml() {
 		if (this.settings.doLoadXml)
-			this.registerExtensions([EXT_XML], VIEW_TYPE_MARKDOWN);
+			this.registerExtensions([constants.EXT_XML], constants.VIEW_TYPE_TXT);
 
 		if (this.settings.doCreateXml) {
-			this.registerContextMenuCommand(EXT_XML);
+			this.registerContextMenuCommand(constants.EXT_XML);
 		}
 	}
 

src/JsonView.ts src/views/JsonView.ts

@@ -2,8 +2,8 @@ import { TextFileView, WorkspaceLeaf } from "obsidian";
 import { basicSetup, EditorView } from "codemirror";
 import { json } from "@codemirror/lang-json";
 import { EditorState } from "@codemirror/state";
-import { VIEW_TYPE_JSON } from './constants'
-import LoaderPlugin from "./main";
+import { VIEW_TYPE_JSON } from '../constants'
+import LoaderPlugin from "../main";
 
 export default class JsonView extends TextFileView {
 

src/views/TxtView.ts

@@ -0,0 +1,58 @@
+import { TextFileView, WorkspaceLeaf } from "obsidian";
+import { basicSetup, EditorView } from "codemirror";
+import { EditorState } from "@codemirror/state";
+import { VIEW_TYPE_TXT } from '../constants'
+import LoaderPlugin from "../main";
+
+export default class TxtView extends TextFileView {
+
+	public plugin: LoaderPlugin;
+	private cmEditor: EditorView;
+	private editorEl: any;
+
+	constructor(leaf: WorkspaceLeaf, plugin: LoaderPlugin) {
+		super(leaf);
+		this.plugin = plugin;
+	}
+
+	onload(): void {
+		super.onload();
+		this.editorEl = this.contentEl.createDiv("mod-cm5");
+		this.cmEditor = new EditorView({
+			state: EditorState.create({
+				extensions: [
+					basicSetup,
+				],
+			}),
+			parent: this.editorEl,
+		})
+		this.app.workspace.trigger("codemirror", this.cmEditor);
+	}
+
+	// gets the title of the document
+	getDisplayText(): string {
+		if (this.file) {
+			return this.file.basename;
+		}
+		return "NOFILE";
+	}
+
+	clear(): void {
+	}
+
+	getViewData(): string {
+		return this.cmEditor.state.doc.toString();
+	}
+
+	getViewType(): string {
+		return VIEW_TYPE_TXT;
+	}
+
+	onClose(): Promise<void> {
+		return super.onClose();
+	}
+
+	setViewData(data: string, clear: boolean): void {
+		this.cmEditor.dispatch({ changes: { from: 0, to: this.cmEditor.state.doc.length, insert: data } })
+	}
+}

versions.json

@@ -1,5 +1,6 @@
 {
 	"1.0.0": "0.15.0",
 	"1.0.1": "0.15.0",
-	"1.0.2": "0.15.0"
+	"1.0.2": "0.15.0",
+	"1.0.3": "0.15.0"
 }