Update mcschema to new mounter system

src/app/TreeView.ts

@@ -0,0 +1,46 @@
+import { DataModel, ModelPath, Mounter } from '@mcschema/core'
+import { AbstractView } from './AbstractView'
+
+type Registry = {
+  [id: string]: (el: Element) => void
+}
+
+type TreeViewOptions = {
+  showErrors?: boolean
+  observer?: (el: HTMLElement) => void
+  nodeInjector?: (path: ModelPath, mounter: Mounter) => string
+}
+
+/**
+ * DOM representation view of the model.
+ */
+export class TreeView extends AbstractView {
+  target: HTMLElement
+  registry: Registry = {}
+  showErrors: boolean
+  observer: (el: HTMLElement) => void
+  nodeInjector: (path: ModelPath, mounter: Mounter) => string
+
+  /**
+   * @param model data model this view represents and listens to
+   * @param target DOM element to render the view
+   */
+  constructor(model: DataModel, target: HTMLElement, options?: TreeViewOptions) {
+    super(model)
+    this.target = target
+    this.showErrors = options?.showErrors ?? false
+    this.observer = options?.observer ?? (() => {})
+    this.nodeInjector = options?.nodeInjector ?? (() => '')
+  }
+
+  /**
+   * @override
+   */
+  invalidated() {
+    const mounter = new Mounter({nodeInjector: this.nodeInjector})
+    const rendered = this.model.schema.render(new ModelPath(this.model), this.model.data, mounter)
+    this.target.innerHTML = rendered[2];
+    mounter.mount(this.target);
+    this.observer(this.target)
+  }
+}