akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-24 07:37:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge mounter and view

Browse Source
This commit is contained in:
Misode
2020-12-05 16:38:07 +01:00
parent 53c2973c34
commit 59c143156f
5 changed files with 26 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/components/panels/TreePanel.ts
View File

@@ -3,7 +3,6 @@ import { App, checkVersion, Previews } from '../../App';
import { Tracker } from '../../Tracker'
import { toggleMenu, View } from '../../views/View';
import { Octicon } from '../Octicon';
import { Mounter } from '../../Mounter';
import { renderHtml } from '../../hooks/renderHtml';
import config from '../../../config.json'
import { BiomeNoisePreview } from '../../preview/BiomeNoisePreview';
@@ -39,11 +38,10 @@ const treeViewObserver = (el: Element) => {
}
export const TreePanel = (view: View, model: DataModel) => {
const mounter = new Mounter()
const getContent = () => {
if (App.loaded.get()) {
const path = new ModelPath(model)
const rendered = model.schema.hook(renderHtml, path, model.data, mounter)
const rendered = model.schema.hook(renderHtml, path, model.data, view)
const category = model.schema.category(path)
if (rendered[1]) {
return `<div class="node ${model.schema.type(path)}-node" ${category ? `data-category="${category}"` : ''}>
@@ -56,9 +54,8 @@ export const TreePanel = (view: View, model: DataModel) => {
return '<div class="spinner"></div>'
}
const mountContent = (el: Element) => {
el.innerHTML = getContent()
view.mount(el, getContent(), false)
treeViewObserver(el)
mounter.mount(el)
}
const tree = view.register(el => {
App.loaded.watchRun((value) => {