Change some EnumNodes to ResourceNodes

src/nodes/custom/ResourceNode.ts

@@ -1,12 +1,44 @@
 import { NodeMods, RenderOptions } from '../AbstractNode'
-import { StringNode } from '../StringNode'
+import { EnumNode } from '../EnumNode'
+import { Path } from '../../model/Path'
+import { DataModel } from '../../model/DataModel'
+import { TreeView, getId } from '../../view/TreeView'
 
-export class ResourceNode extends StringNode {
-  constructor(mods?: NodeMods<string>) {
-    super({
+export interface ResourceNodeMods extends NodeMods<string> {
+  options?: string[]
+  registry?: string
+  additional?: boolean
+}
+
+export class ResourceNode extends EnumNode {
+  additional: boolean
+
+  constructor(mods?: ResourceNodeMods) {
+    const options = mods?.options ?? [] // TODO: Support registry using `github.com/Arcensoth/mcdata`
+    super(options, {
       transform: (v) => {
         if (v === undefined) return undefined
         return v.startsWith('minecraft:') ? v : 'minecraft:' + v
       }, ...mods})
+    this.additional = mods?.additional ?? false
   }
-} 
+
+  getState(el: Element) {
+    if (this.additional) {
+      return el.querySelector('input')!.value
+    } else {
+      return super.getState(el)
+    }
+  }
+
+  renderRaw(path: Path, value: string, view: TreeView, options?: RenderOptions) {
+    if (this.additional) {
+      const id = `datalist-${getId()}`
+      return `${options?.hideLabel ? `` : `<label>${path.last()}</label>`}
+      <input list=${id} value="${value ?? ''}">
+      <datalist id=${id}>${this.options.map(o => `<option value="${o}">`).join('')}</datalist>`
+    } else {
+      return super.renderRaw(path, value, view, options)
+    }
+  }
+}