sapdon 2.0.0

package/src/core/ui/elements/UIElement.js

@@ -0,0 +1,107 @@
+
+/**
+ * Elements ​
+    A JSON UI element is the basic form of data within JSON UI. Elements must have a unique name for each namespace so as to not have a conflict with other elements of the same name yet may have different functions.
+
+    Here the element type is label so it will render a text of Hello World when called:
+
+    vanilla/ui/example_file.json
+
+    {
+        "test_element": {
+            "type": "label",
+            "text": "Hello World"
+        }
+    }
+    Types ​
+    The following are some of the element types, which are possible values for the type property:
+
+    label - for creating text objects
+    image - for rendering images from a filepath provided
+    button - for creating interactive and clickable elements
+    panel - an empty container where you can store all other elements that may overlap to each other
+    stack_panel - an empty container where you can store all other elements in a stack that doesn't overlap to each other
+    grid - uses another element as a template, and then renders it repeatedly in multiple rows and columns
+    factory - renders an element based off of another element, is capable of calling hardcoded values and variables
+    custom - is paired with another property renderer which renders hardcoded JSON UI elements
+    screen - elements that are called by the game directly, usually root panel elements
+ */
+
+// 基础元素类
+export class UIElement {
+    constructor(id, type, template) {
+        this.type = type;
+        this.id = template ? `${id}@${template}` : id;
+        this.properties = new Map().set("type",type);
+        this.variables = new Map();
+        this.modifications = [];
+    }
+
+    addVariable(name,value){
+        this.variables.set(`$${name}`,value);
+        return this;
+    }
+
+    addProp(name, value) {
+        this.properties.set(name,value);
+        return this;
+    }
+
+    addModification(modification){
+        this.modifications.push({
+            array_name: modification.array_name,
+            operation:modification.operation,
+            value:modification.value
+        });
+        this.addProp("modifications",this.modifications)
+        return this;
+    }
+
+    serialize() {
+        const json = Object.fromEntries(this.properties);
+        Object.assign(json,Object.fromEntries(this.variables))
+        return {
+            [this.id]:json
+        };
+    }
+}
+
+
+//Modifications ​方法
+/**
+ * Modifications ​
+    To modify JSON UI in a non-intrusive way, you can use the modifications property to modify previously existing JSON UI elements from other packs (usually vanilla JSON UI files). Doing this makes sure only necessary parts are modified unless otherwise intended, to improve compatibility with other packs that modify the JSON UI.
+
+    Modification	Description
+    insert_back	insert at end of array
+    insert_front	insert at start of array
+    insert_after	insert after target in array
+    insert_before	insert before target in array
+    move_back	move target to end of array
+    move_front	move target to start of array
+    move_after	move target after second target
+    move_before	move target before second target
+    swap	swap first target with second target
+    replace	replace first target with second target
+    remove	remove target
+ */
+// Modifications操作类型常量类
+export class Modifications {
+    static OPERATION = Object.freeze({
+        INSERT_BACK: "insert_back",
+        INSERT_FRONT: "insert_front",
+        INSERT_AFTER: "insert_after",
+        INSERT_BEFORE: "insert_before",
+        MOVE_BACK: "move_back",
+        MOVE_FRONT: "move_front",
+        MOVE_AFTER: "move_after",
+        MOVE_BEFORE: "move_before",
+        SWAP: "swap",
+        REPLACE: "replace",
+        REMOVE: "remove"
+    });
+}
+
+
+
+

package/src/core/ui/registry/ServerUISystem.js

@@ -0,0 +1,19 @@
+import { updateServerFormSystem } from "../systems/server_form.js";
+
+
+export class ServerUISystem{
+    static #ui_system_list = [];
+    static registerUIsystem(form_name,ui_system){
+        this.#ui_system_list.push(
+            {
+                form_name:form_name,
+                ui_system:ui_system
+            }
+        )
+        //更新
+        updateServerFormSystem(this.#ui_system_list);
+    }
+    static getAllUISystem(){
+        return [...this.#ui_system_list];
+    }
+}

package/src/core/ui/systems/UISystem.js

@@ -0,0 +1,42 @@
+// UI 文件核心类
+export class UISystem {
+
+    constructor(identity, path) {
+      this.identity = identity;
+      this.namespace = identity.split(':')[0];
+      this.name = identity.split(':')[1];
+      this.path = path;
+      this.elements = new Map();
+      this.animations = new Map();
+    }
+  
+    addElement(element) {
+        this.elements.set(element.id, element);
+        return this;
+    }
+
+    getElement(element_name){
+        return this.elements.get(element_name);
+    }
+
+
+    addAnimation(name,value){
+        this.animations.set(name,value);
+    }
+
+    getAnimation(animation_name){
+        return this.animations.get(animation_name);
+    }
+  
+    toJson() {
+        const ui = {namespace:this.namespace};
+        //序列化
+        this.elements.forEach((value,key)=>{
+            console.log("elements key:",key)
+            console.log("elements value:",value);
+            ui[key] = value.serialize()[value.id]
+        })
+        console.log("ui:",ui)
+        return ui;
+    }
+}

package/src/core/ui/systems/server_form.js

@@ -0,0 +1,100 @@
+import { Modifications, UIElement } from "../elements/UIElement.js";
+import { DataBindingObject } from "../DataBindingObject.js";
+import { UISystem } from "./UISystem.js";
+import { Panel } from "../elements/Panel.js";
+
+
+export const ServerFromSystem = new UISystem("server_form:server_form","ui/");
+
+/*
+    const user_custom_ui_list = ServerUISystem.getAllUISystem();
+    //文本化处理
+    const user_custom_ui_text = user_custom_ui_list.map(({form_name,ui_system})=>{
+        return form_name;
+    }).join('-');
+
+    console.log("custom_ui:",user_custom_ui_list)
+*/
+//对原表单进行合理隐藏
+export const updateServerFormSystem = (user_custom_ui_list)=>{
+
+  //文本化处理
+const user_custom_ui_text = user_custom_ui_list.map(({form_name,ui_system})=>{
+    return `'${form_name}'`;
+}).join('-');
+
+const long_form = new UIElement("long_form")
+    .addModification({
+        array_name: "bindings",
+        operation:Modifications.OPERATION.INSERT_BACK,
+        value:[
+            new DataBindingObject().setBindingName("#title_text"),
+            new DataBindingObject().setBindingType("view")
+            .setSourcePropertyName(`((#title_text - ${user_custom_ui_text}) = #title_text)`)
+            .setTargetPropertyName("#visible")
+        ]
+    });
+  
+const custom_server_form_factory =  new Panel("custom_server_form_factory");
+      custom_server_form_factory.factory.setName("server_form_factory") //工程名被绑定至表单，不可改动
+      .setControlIds({"long_form": "@server_form.custom_root_panel"});
+
+//加入自定义表单内容
+const main_screen_content = new UIElement("main_screen_content")
+    .addModification({
+      array_name: "controls",
+      operation:Modifications.OPERATION.INSERT_BACK,
+      value:[
+        custom_server_form_factory.serialize()
+      ]
+  });
+
+//自定义ui模板
+const custom_ui_template = new Panel("custom_ui_template")
+      custom_ui_template.dataBinding.addDataBinding(
+        new DataBindingObject().setBindingName("#title_text")
+      ).addDataBinding(
+        new DataBindingObject().setBindingType("view")
+        .setSourcePropertyName("(#title_text = $binding_text)")
+        .setTargetPropertyName("#visible")
+      )
+      custom_ui_template.control.addControl(
+        new UIElement("main",undefined,"$main_content").serialize()
+      )
+
+//类似于 root ，决定什么时候加载自定义界面 ，不可改动
+const custom_form_root = new Panel("custom_form_root")
+      //custom_form_root.addVariable("title_needs_to_contain",user_custom_ui_text)
+      custom_form_root.dataBinding.addDataBinding(
+        new DataBindingObject().setBindingType("view")
+        .setSourceControlName("custom_root_panel")
+        .setSourcePropertyName(`(not ((#title_text - ${user_custom_ui_text}) = #title_text))`)
+        .setTargetPropertyName("#visible")
+      );
+
+//用户自定义ui注册
+user_custom_ui_list.forEach(({form_name,ui_system}) => {
+  //注册
+  ServerFromSystem.addElement(ui_system);
+  //加入 root
+  custom_form_root.control.addControl(
+    new UIElement("custom_ui_"+form_name,undefined,"custom_ui_template")
+    .addVariable("main_content",ui_system.id)
+    .addVariable("binding_text",form_name).serialize()
+  )
+});
+
+//类似于 sreen，必要，不可改动
+const custom_root_panel = new Panel("custom_root_panel");
+      custom_root_panel.dataBinding.addDataBinding(new DataBindingObject().setBindingName("#title_text"))
+      custom_root_panel.control.addControl(custom_form_root.serialize())
+   
+
+
+ServerFromSystem
+  .addElement(custom_ui_template)   
+  .addElement(long_form)
+  .addElement(custom_root_panel)
+  .addElement(main_screen_content)
+}
+//console.log(JSON.stringify(ServerFromSystem.toJson(),null,2))

package/src/templates/test_sapdon/build.config

@@ -0,0 +1,29 @@
+{
+  "defaultConfig": {
+    "buildMode":"development",
+    "buildEntry": "main.mjs",
+    "scriptEntry": "scripts/index.js",
+    "buildDir": "dev/",
+    "dependencies": [
+      {
+        "module_name": "@minecraft/server",
+        "version": "1.8.0"
+      }
+    ]
+  },
+  "libraries": [
+    {
+      "path": "lib/"
+    }
+  ],
+  "resources": [
+    {
+      "path": "res/"
+    }
+  ],
+  "scripts": [
+    {
+      "path": "scripts/"
+    }
+  ]
+}

package/src/templates/test_sapdon/mod.info

@@ -0,0 +1,7 @@
+{
+    "name":"mod名字",
+    "authors":["作者1","作者2"],
+    "version":"0.0.1",
+    "min_engine_version":"1.19.50",
+    "description":"mod介绍",
+}

package/src/templates/test_sapdon/res/models/blocks/crop.geo.json

@@ -0,0 +1,48 @@
+{
+    "format_version": "1.21.20",
+    "minecraft:geometry": [
+        {
+            "description": {
+                "identifier": "geometry.crop",
+                "texture_width": 16,
+                "texture_height": 16
+            },
+            "bones": [
+                {
+                    "name": "crop",
+                    "pivot": [0, 0, 0],
+                    "cubes": [
+                        {
+                            "origin": [-8, -1, -4],
+                            "size": [16, 16, 0],
+                            "uv": {
+                                "south": { "uv": [0, 0], "uv_size": [16, 16] }
+                            }
+                        },
+                        {
+                            "origin": [-8, -1, 4],
+                            "size": [16, 16, 0],
+                            "uv": {
+                                "north": { "uv": [0, 0], "uv_size": [16, 16] }
+                            }
+                        },
+                        {
+                            "origin": [4, -1, -8],
+                            "size": [0, 16, 16],
+                            "uv": {
+                                "east": { "uv": [16, 0], "uv_size": [-16, 16] }
+                            }
+                        },
+                        {
+                            "origin": [-4, -1, -8],
+                            "size": [0, 16, 16],
+                            "uv": {
+                                "west": { "uv": [16, 0], "uv_size": [-16, 16] }
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+}