미디어위키:Gadget-MetadataEditor.js

var metadata_schema;
var jsonEditorContainer;
var metadata_editorvalue;
const addJSONEditor = () => {
	if (document.getElementsByClassName("jsoneditor-container").length === 0) return;
	mw.loader.getScript("https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js").then(function() {
  	  fetch("https://dev.libertygame.work/index.php/%EB%A6%AC%EB%B2%84%ED%8B%B0%EA%B2%8C%EC%9E%84:%EA%B2%8C%EC%9E%84_%EB%A9%94%ED%83%80%EB%8D%B0%EC%9D%B4%ED%84%B0/%EC%8A%A4%ED%82%A4%EB%A7%88.json?action=raw")
  	  .then(function(result){return result.json(); })
  	  .then(function (result) {
		  jsonEditorContainer = document.querySelector('.json-editor-container');
		  jsonEditorContainer.style.display = "block";
		  metadata_schema = result;
		  metadata_editorvalue = document.querySelector('#value');
	  }).catch(function (e) {
	  	console.log("JSON 에디터 로딩 중 장애 발생" + e.message);
	  });
  });
	let metadataTab = document.getElementById("metadata-namevalue");
	metadataTab.addEventListener('click', (ev) => {
		console.log(mw.config.get("wgPageName"));
		var targetJSON = "https://dev.libertygame.work/index.php/RPG_in_City/game.json?action=raw";
		fetch(targetJSON).then(function(result){return result.json(); }).then(function (response) {
		  const editor = new JSONEditor(jsonEditorContainer, {
		  	mode: 'tree',
		    schema: metadata_schema,
		    theme: 'tailwind',
		    iconlib: 'openiconic',
		    keep_oneof_values: false,
		    disable_edit_json: true
		  }, response);
		
		  editor.on('change', function () {
		    metadata_editorvalue.value = JSON.stringify(editor.getValue(), null, 2);
		  });
		  
	  }).catch('JSON 에디터 로딩 후 JSON 타겟 가져오기 실패');
	});
	document.getElementById("value").addEventListener('change', (ev) => {
		ev.preventDefaults();
	});
	
};

$(addJSONEditor);