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

Add RootNode

Browse Source
This commit is contained in:
Misode
2020-05-24 12:03:45 +02:00
parent fb8b7df088
commit 92161c39f1
5 changed files with 62 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@@ -8,7 +8,7 @@
<body>
<div id="view"></div>
<hr>
<div id="source"></div>
<div id="source" style="font-family: monospace;"></div>
<script src="./build/bundle.js"></script>
</body>
</html>

41
src/app/app.ts
View File

@@ -1,43 +1,26 @@
import { RootNode } from '../nodes/RootNode'
import { EnumNode } from '../nodes/EnumNode'
import { ObjectNode } from '../nodes/ObjectNode'
import { StringNode } from '../nodes/StringNode'
const EntityCollection = ['sheep', 'pig']
const predicateTree = {
id: 'predicate',
fields: {
condition: new EnumNode(['foo', 'bar'], {
transform: (s: string) => (s === 'foo') ? {predicate: 'baz'} : s
}),
predicate: new ObjectNode({
type: new EnumNode(EntityCollection, {}),
nbt: new StringNode()
})
}
};
function renderTree(tree: any, data: any) {
return Object.keys(tree.fields).map(f =>
tree.fields[f].render(f, data[f])
).join('<br>');
}
function serializeTree(tree: any, data: any) {
let res: any = {}
Object.keys(tree.fields).forEach(f =>
res[f] = tree.fields[f].transform(data[f])
)
return JSON.stringify(res);
}
const predicateTree = new RootNode('predicate', {
condition: new EnumNode(['foo', 'bar'], {
transform: (s: string) => (s === 'foo') ? {test: 'baz'} : s
}),
predicate: new ObjectNode({
type: new EnumNode(EntityCollection, {}),
nbt: new StringNode()
})
});
let dummyData = {
condition: 'foo',
chance: 0.4,
predicate: {
nbt: 'hi'
}
}
document!.getElementById('view')!.innerHTML = renderTree(predicateTree, dummyData)
document!.getElementById('source')!.textContent = serializeTree(predicateTree, dummyData)
document!.getElementById('view')!.innerHTML = predicateTree.render('', dummyData)
document!.getElementById('source')!.textContent = predicateTree.transform(dummyData)

2
src/nodes/EnumNode.ts
View File

@@ -1,7 +1,7 @@
import { AbstractNode, NodeMods } from './AbstractNode'
export class EnumNode extends AbstractNode<string> {
private options: string[]
protected options: string[]
constructor(options: string[], mods?: NodeMods<string>) {
super(mods)

30
src/nodes/ObjectNode.ts
View File

@@ -1,9 +1,13 @@
import { AbstractNode, NodeChildren, NodeMods } from './AbstractNode'
export class ObjectNode extends AbstractNode<any> {
private fields: NodeChildren
export interface IObject {
[name: string]: any
}
constructor(fields: NodeChildren, mods?: NodeMods<any>) {
export class ObjectNode extends AbstractNode<IObject> {
protected fields: NodeChildren
constructor(fields: NodeChildren, mods?: NodeMods<IObject>) {
super(mods)
this.fields = fields
Object.values(fields).forEach(child => {
@@ -11,11 +15,25 @@ export class ObjectNode extends AbstractNode<any> {
})
}
render(field: string, value: any) {
getFields() {
return this.fields
}
transform(value: IObject) {
if (value === undefined) return undefined
value = value || {}
return `<span>${field}:</span><div>
let res: any = {}
Object.keys(this.fields).forEach(f =>
res[f] = this.fields[f].transform(value[f])
)
return res;
}
render(field: string, value: IObject) {
if (value === undefined) return ``
return `<span>${field}:</span><div style="padding-left:8px">
${Object.keys(this.fields).map(f => {
return '> ' + this.fields[f].render(f, value[f])
return this.fields[f].render(f, value[f])
}).join('<br>')}
</div>`
}

24
src/nodes/RootNode.ts Normal file
View File

@@ -0,0 +1,24 @@
import { NodeChildren, NodeMods } from './AbstractNode'
import { ObjectNode, IObject } from './ObjectNode'
export class RootNode extends ObjectNode {
private id: string
constructor(id: string, fields: NodeChildren, mods?: NodeMods<any>) {
super(fields, mods)
this.id = id
}
transform(value: IObject) {
return JSON.stringify(super.transform(value))
}
render(field: string, value: IObject) {
value = value || {}
return `<div>
${Object.keys(this.fields).map(f => {
return this.fields[f].render(f, value[f])
}).join('<br>')}
</div>`
}
}