From f01a8554f1872d2c34f47378e5f0340b3993a05c Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 07:17:55 +0200
Subject: [PATCH 01/33] Added text-field class

---
 Frontend/src/components/xml/XmlInputFieldComponent.vue  | 4 ++--
 Frontend/src/components/xml/XmlOutputFieldComponent.vue | 2 +-
 Frontend/src/style.css                                  | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/Frontend/src/components/xml/XmlInputFieldComponent.vue b/Frontend/src/components/xml/XmlInputFieldComponent.vue
index 67df3a6..706e1ea 100644
--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -37,11 +37,11 @@ function setToDefaultQuery(data: string) {
     <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
         <div class="flex flex-col w-full h-1/2">
             <xmlInputFieldToolbarComponent prettyName="XML" @update:defaultData="(data) => setToDefaultXML(data)"></xmlInputFieldToolbarComponent>
-            <textarea id="xmlField" v-model="xml" @input="sendXml()" class="w-full h-full resize-none dark:text-slate-100 dark:bg-gray-600 border border-slate-400 p-2 rounded-md"></textarea>
+            <textarea id="xmlField" v-model="xml" @input="sendXml()" class="text-field"></textarea>
         </div>
         <div class="flex flex-col w-full h-1/2">
             <xmlInputFieldToolbarComponent :prettyName="$props.prettyName" @update:defaultData="(data) => setToDefaultQuery(data)"></xmlInputFieldToolbarComponent>
-            <textarea id="transformField" v-model="query" @input="sendTransform()" class="w-full h-full resize-none dark:text-slate-100 dark:bg-gray-600 border border-slate-400 p-2 rounded-md"></textarea>
+            <textarea id="transformField" v-model="query" @input="sendTransform()" class="text-field"></textarea>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index 6fceeb2..970c805 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -22,7 +22,7 @@ function parseResult(data: any) {
 <template>
     <div class="flex flex-col w-full lg:w-1/2 h-full items-center">
         <xmlOutputFieldToolbarComponent :xml="$props.xml" :query="$props.query" :tool="$props.tool" @update:result="(data) => parseResult(data)"></xmlOutputFieldToolbarComponent>
-        <div class="w-full h-full p-2 overflow-scroll border border-slate-400 rounded-md text-left bg-white dark:text-slate-100 dark:bg-gray-600">
+        <div class="text-field overflow-scroll">
             <pre class="break-words"><code>{{ result }}</code></pre>
         </div>
         
diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index f884ed7..ed52c6e 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -4,4 +4,8 @@
 
 .tool-button {
     @apply py-1 px-4 rounded-full bg-gradient-to-r from-blue-300 to-sky-200  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+}
+
+.text-field {
+    @apply w-full h-full resize-none dark:text-slate-100 dark:bg-gray-600 border border-slate-400 p-2 rounded-md
 }
\ No newline at end of file
-- 
2.51.0


From b7386450aee7d81745d9e737a4d46b7ecc4281b7 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 07:18:33 +0200
Subject: [PATCH 02/33] Added placholder view for XML formatter

---
 .../components/formatter/FormatterComponent.vue  | 10 ----------
 .../formatter/InputFormatterComponent.vue        | 12 ++++++++++++
 Frontend/src/router/index.ts                     |  7 +++++++
 Frontend/src/views/XmlFormatterView.vue          | 16 ++++++++++++++++
 4 files changed, 35 insertions(+), 10 deletions(-)
 delete mode 100644 Frontend/src/components/formatter/FormatterComponent.vue
 create mode 100644 Frontend/src/components/formatter/InputFormatterComponent.vue
 create mode 100644 Frontend/src/views/XmlFormatterView.vue

diff --git a/Frontend/src/components/formatter/FormatterComponent.vue b/Frontend/src/components/formatter/FormatterComponent.vue
deleted file mode 100644
index f5ef774..0000000
--- a/Frontend/src/components/formatter/FormatterComponent.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script setup lang="ts">
-
-
-</script>
-
-<template>
-  <h1>Formatter</h1>
-</template>
-
-<style scoped></style>
diff --git a/Frontend/src/components/formatter/InputFormatterComponent.vue b/Frontend/src/components/formatter/InputFormatterComponent.vue
new file mode 100644
index 0000000..6c87c12
--- /dev/null
+++ b/Frontend/src/components/formatter/InputFormatterComponent.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+
+
+</script>
+
+<template>
+  <div class="flex h-full"></div>
+
+    <textarea name="data" id="data" class="text-field"></textarea>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/router/index.ts b/Frontend/src/router/index.ts
index b935285..f5cc531 100644
--- a/Frontend/src/router/index.ts
+++ b/Frontend/src/router/index.ts
@@ -3,6 +3,8 @@ import { createRouter, createWebHistory } from 'vue-router'
 const landingPage = import("@views/LandingView.vue")
 const restMock = import("@views/RestMockView.vue")
 
+const xmlFormatter = import("@views/XmlFormatterView.vue")
+
 const xsltTool = import("@views/XSLTView.vue")
 const xsdTool = import("@views/XSDView.vue")
 const xpathTool = import("@views/XPathView.vue")
@@ -14,6 +16,11 @@ const routes = [
     name: 'landing',
     component: () => landingPage
   },
+  {
+    path: '/format/xml',
+    name: 'xmlFormatter',
+    component: () => xmlFormatter
+  },
   {
     path: '/xml/xpath',
     name: 'xpath',
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
new file mode 100644
index 0000000..fd62eb8
--- /dev/null
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import InputFormatterComponent from '@/components/formatter/InputFormatterComponent.vue';
+import xmlOutputFieldComponent from '@/components/xml/XmlOutputFieldComponent.vue';
+import { ref } from 'vue';
+
+
+const xml = ref('');
+const query = ref('');
+
+</script>
+
+<template>
+    <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
+        <InputFormatterComponent></InputFormatterComponent>
+    </div>
+</template>
\ No newline at end of file
-- 
2.51.0


From 4e83da66c3d5fccf06b7ea7e267d98199a96a455 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 08:08:04 +0200
Subject: [PATCH 03/33] Implemented functionality

---
 .../formatter/InputFormatterComponent.vue     | 12 +++--
 .../formatter/ToolbarFormatterComponent.vue   | 12 +++++
 .../formatter/XMLButtonFormatterComponent.vue | 54 +++++++++++++++++++
 .../components/xml/InsertDefaultComponent.vue | 44 +++++++++++++++
 .../xml/XmlInputFieldToolbarComponent.vue     | 30 ++---------
 Frontend/src/views/XmlFormatterView.vue       | 23 ++++++--
 6 files changed, 142 insertions(+), 33 deletions(-)
 create mode 100644 Frontend/src/components/formatter/ToolbarFormatterComponent.vue
 create mode 100644 Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
 create mode 100644 Frontend/src/components/xml/InsertDefaultComponent.vue

diff --git a/Frontend/src/components/formatter/InputFormatterComponent.vue b/Frontend/src/components/formatter/InputFormatterComponent.vue
index 6c87c12..e61f596 100644
--- a/Frontend/src/components/formatter/InputFormatterComponent.vue
+++ b/Frontend/src/components/formatter/InputFormatterComponent.vue
@@ -1,12 +1,18 @@
 <script setup lang="ts">
+import XMLButtonFormatterComponent from '@/components/formatter/XMLButtonFormatterComponent.vue';
+import InsertDefaultComponent from '../xml/InsertDefaultComponent.vue';
 
+defineProps({
+  inputValue: {type: String, required: true}
+})
 
 </script>
 
 <template>
-  <div class="flex h-full"></div>
-
-    <textarea name="data" id="data" class="text-field"></textarea>
+  <div class="flex flex-col w-full h-full">
+    
+    <textarea name="data" id="data" :value="$props.inputValue" class="text-field"></textarea>
+  </div>
 </template>
 
 <style scoped></style>
diff --git a/Frontend/src/components/formatter/ToolbarFormatterComponent.vue b/Frontend/src/components/formatter/ToolbarFormatterComponent.vue
new file mode 100644
index 0000000..6c87c12
--- /dev/null
+++ b/Frontend/src/components/formatter/ToolbarFormatterComponent.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+
+
+</script>
+
+<template>
+  <div class="flex h-full"></div>
+
+    <textarea name="data" id="data" class="text-field"></textarea>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue b/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
new file mode 100644
index 0000000..16e69a0
--- /dev/null
+++ b/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+
+const props = defineProps({
+    xml: {type: String, required: true}
+})
+
+const emit = defineEmits(["update:result"])
+
+function process() {
+    var request:Request = prepareRequest();
+    fetchRequest(request).then((data) => {
+        sendProcessedData(data);
+    })
+}
+
+function prepareRequest():Request {
+    var request = new Request(prepareURL(), {
+        body: prepareRequestBody(),
+        method: "POST"
+    });
+    return request
+}
+
+function prepareURL(): string {
+   return document.location.protocol + "//" + document.location.hostname + "/libxml/prettify";
+}
+
+function prepareRequestBody():string {
+    var requestBody = JSON.stringify({
+        "data": props.xml,
+        "process": "N/A",
+        "processor": "libxml",
+        "version": "1.0"
+    });
+    return requestBody;
+}
+
+async function fetchRequest(request: Request):Promise<JSON> {
+    var responseBody = await fetch(request)
+    .then(response => response.json())
+    .then((body) => body);
+    return responseBody;
+}
+
+function sendProcessedData(data: JSON) {
+    emit("update:result", data);
+}
+</script>
+
+<template>
+    <button class="tool-button" @click="process()">Format XML</button>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/xml/InsertDefaultComponent.vue b/Frontend/src/components/xml/InsertDefaultComponent.vue
new file mode 100644
index 0000000..7526d78
--- /dev/null
+++ b/Frontend/src/components/xml/InsertDefaultComponent.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+
+import sampleXML from "@/assets/sampleXml.xml?raw"
+import sampleXSLT from "@/assets/sampleXslt.xml?raw"
+import sampleXSD from "@/assets/sampleXsd.xml?raw"
+import sampleXQuery from "@/assets/sampleXQuery.xquery?raw"
+
+
+const props = defineProps(
+    {
+        prettyName: {type: String, required: true}
+    }
+)
+
+const emit = defineEmits(['update:defaultData'])
+
+function setDefault() {
+    const emitName = "update:defaultData";
+    switch (props.prettyName.toLowerCase()) {
+        case "xpath":
+            emit(emitName, "string(/l:library/l:libraryName)")
+            break;
+        case "xsd":
+            emit(emitName, sampleXSD)
+            break;
+        case "xslt":
+            emit(emitName, sampleXSLT)
+            break;
+        case "xquery":
+            emit(emitName, sampleXQuery)
+            break;
+        
+        default:
+            emit(emitName, sampleXML)
+            break;
+    }
+
+}
+
+</script>
+
+<template>
+    <button class="tool-button" @click="setDefault()">Insert default {{ prettyName }}</button>
+</template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue b/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
index bf40438..edb3de9 100644
--- a/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
@@ -1,10 +1,6 @@
 <script setup lang="ts">
 
-import sampleXML from "@/assets/sampleXml.xml?raw"
-import sampleXSLT from "@/assets/sampleXslt.xml?raw"
-import sampleXSD from "@/assets/sampleXsd.xml?raw"
-import sampleXQuery from "@/assets/sampleXQuery.xquery?raw"
-
+import InsertDefaultComponent from "./InsertDefaultComponent.vue"
 
 const props = defineProps(
     {
@@ -14,27 +10,9 @@ const props = defineProps(
 
 const emit = defineEmits(['update:defaultData'])
 
-function setDefault() {
+function setDefault(data: string) {
     const emitName = "update:defaultData";
-    switch (props.prettyName.toLowerCase()) {
-        case "xpath":
-            emit(emitName, "string(/l:library/l:libraryName)")
-            break;
-        case "xsd":
-            emit(emitName, sampleXSD)
-            break;
-        case "xslt":
-            emit(emitName, sampleXSLT)
-            break;
-        case "xquery":
-            emit(emitName, sampleXQuery)
-            break;
-        
-        default:
-            emit(emitName, sampleXML)
-            break;
-    }
-
+    emit(emitName, data)
 }
 
 </script>
@@ -43,7 +21,7 @@ function setDefault() {
     <div class="flex place-content-between w-full pr-2 items-center m-2">
         <span class="dark:text-white">{{ prettyName }}</span>
         <div class="flex space-x-2">
-            <button class="tool-button" @click="setDefault()">Insert default {{ prettyName }}</button>
+            <InsertDefaultComponent :pretty-name="props.prettyName" @update:default-data="(data) => setDefault(data)"></InsertDefaultComponent>
         </div>
         
     </div>
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index fd62eb8..b7042b7 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -1,16 +1,31 @@
 <script setup lang="ts">
 import InputFormatterComponent from '@/components/formatter/InputFormatterComponent.vue';
-import xmlOutputFieldComponent from '@/components/xml/XmlOutputFieldComponent.vue';
+import XMLButtonFormatterComponent from '@/components/formatter/XMLButtonFormatterComponent.vue';
+import InsertDefaultComponent from '@components/xml/InsertDefaultComponent.vue';
 import { ref } from 'vue';
 
 
 const xml = ref('');
-const query = ref('');
+
+function setTextFieldValue(data: any) {
+    xml.value = data
+}
+
+function format(formattedXml: any) {
+    xml.value = formattedXml.result;
+}
 
 </script>
 
 <template>
-    <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
-        <InputFormatterComponent></InputFormatterComponent>
+    <div id="layout" class="flex flex-col w-full h-full gap-4">
+        <div id="toolbar" class= "flex flex-col gap-4 items-center md:flex-row place-content-between">
+            <span class="dark:text-slate-100">XML Formatter</span>
+            <div class="space-x-2">
+                <InsertDefaultComponent pretty-name="XML" @update:defaultData="(data: any) => setTextFieldValue(data)"></InsertDefaultComponent>
+                <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
+            </div>
+        </div>
+        <InputFormatterComponent :inputValue="xml"></InputFormatterComponent>
     </div>
 </template>
\ No newline at end of file
-- 
2.51.0


From 8cc494f03b14b0d6f97cbd2cbe2fd64cc6315368 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 09:15:00 +0200
Subject: [PATCH 04/33] Cleaning

---
 .../InsertTemplateComponent.vue}              |   0
 .../formatter/InputFormatterComponent.vue     |  18 ---
 .../xml/XmlInputFieldToolbarComponent.vue     |   4 +-
 .../xml/XmlOutputFieldComponent.vue           |  92 +++++++++++++-
 .../xml/XmlOutputFieldToolbarComponent.vue    | 112 ------------------
 Frontend/src/views/XmlFormatterView.vue       |   9 +-
 6 files changed, 94 insertions(+), 141 deletions(-)
 rename Frontend/src/components/{xml/InsertDefaultComponent.vue => common/InsertTemplateComponent.vue} (100%)
 delete mode 100644 Frontend/src/components/formatter/InputFormatterComponent.vue
 delete mode 100644 Frontend/src/components/xml/XmlOutputFieldToolbarComponent.vue

diff --git a/Frontend/src/components/xml/InsertDefaultComponent.vue b/Frontend/src/components/common/InsertTemplateComponent.vue
similarity index 100%
rename from Frontend/src/components/xml/InsertDefaultComponent.vue
rename to Frontend/src/components/common/InsertTemplateComponent.vue
diff --git a/Frontend/src/components/formatter/InputFormatterComponent.vue b/Frontend/src/components/formatter/InputFormatterComponent.vue
deleted file mode 100644
index e61f596..0000000
--- a/Frontend/src/components/formatter/InputFormatterComponent.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import XMLButtonFormatterComponent from '@/components/formatter/XMLButtonFormatterComponent.vue';
-import InsertDefaultComponent from '../xml/InsertDefaultComponent.vue';
-
-defineProps({
-  inputValue: {type: String, required: true}
-})
-
-</script>
-
-<template>
-  <div class="flex flex-col w-full h-full">
-    
-    <textarea name="data" id="data" :value="$props.inputValue" class="text-field"></textarea>
-  </div>
-</template>
-
-<style scoped></style>
diff --git a/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue b/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
index edb3de9..de2788d 100644
--- a/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 
-import InsertDefaultComponent from "./InsertDefaultComponent.vue"
+import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue'
 
 const props = defineProps(
     {
@@ -21,7 +21,7 @@ function setDefault(data: string) {
     <div class="flex place-content-between w-full pr-2 items-center m-2">
         <span class="dark:text-white">{{ prettyName }}</span>
         <div class="flex space-x-2">
-            <InsertDefaultComponent :pretty-name="props.prettyName" @update:default-data="(data) => setDefault(data)"></InsertDefaultComponent>
+            <InsertTemplateComponent :pretty-name="props.prettyName" @update:default-data="(data: string) => setDefault(data)"></InsertTemplateComponent>
         </div>
         
     </div>
diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index 970c805..f5a90b7 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import xmlOutputFieldToolbarComponent from '@/components/xml/XmlOutputFieldToolbarComponent.vue';
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 
 
 const props = defineProps(
@@ -13,7 +12,80 @@ const props = defineProps(
 
 const result = ref('');
 
-function parseResult(data: any) {
+var engines = ["saxon", "xalan", "libxml"];
+var versions = ["1.0", "2.0", "3.0", "3.1"];
+
+const engine = ref('');
+const version = ref('');
+
+
+onMounted(() => {
+    selectAvailableEngines();
+    selectAvailableVersions();
+    selectDefaults();
+})
+
+function selectAvailableEngines() {
+    if (props.tool == "xsd") {
+        engines = ["xalan", "libxml"]
+    }
+    else if (props.tool == "xquery") {
+        engines = ["saxon"]
+    }
+}
+
+function selectAvailableVersions() {
+    if (props.tool == "xquery")
+        versions = ["3.1"];
+    else if (props.tool == "xslt")
+        versions = ["3.0"];
+    else if (props.tool == "xsd")
+        versions = ["N/A"];
+}
+
+function selectDefaults() {
+    version.value = versions[versions.length - 1];
+    engine.value = engines[0];
+}
+
+function process() {
+    var request:Request = prepareRequest();
+    fetchRequest(request).then((data) => {
+        updateOutputField(data);
+    })
+}
+
+function prepareRequest():Request {
+    var request = new Request(prepareURL(), {
+        body: prepareRequestBody(),
+        method: "POST"
+    });
+    return request
+}
+
+function prepareURL(): string {
+   const engineEndpoint = engine.value == "libxml" ? "libxml" : "java";
+   return document.location.protocol + "//" + document.location.hostname + "/" + engineEndpoint + "/" + props.tool;
+}
+
+function prepareRequestBody():string {
+    var requestBody = JSON.stringify({
+        "data": props.xml,
+        "process": props.query,
+        "processor": engine.value,
+        "version": version.value
+    });
+    return requestBody;
+}
+
+async function fetchRequest(request: Request):Promise<JSON> {
+    var responseBody = await fetch(request)
+    .then(response => response.json())
+    .then((body) => body);
+    return responseBody;
+}
+
+function updateOutputField(data: any) {
     result.value = data.result;
 }
 
@@ -21,7 +93,19 @@ function parseResult(data: any) {
 
 <template>
     <div class="flex flex-col w-full lg:w-1/2 h-full items-center">
-        <xmlOutputFieldToolbarComponent :xml="$props.xml" :query="$props.query" :tool="$props.tool" @update:result="(data) => parseResult(data)"></xmlOutputFieldToolbarComponent>
+        <div class="flex place-content-between w-full items-center m-2">
+            <span class="dark:text-white">Result:</span>
+            <div class="flex space-x-2">
+                <select v-model="engine" name="engine" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
+                    <option v-for="engine in engines" :value="engine">{{ engine }}</option>
+                </select>
+                <select v-model="version" name="version" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
+                    <option v-for="version in versions" :value="version">{{ version }}</option>
+                </select>
+                <button class="tool-button">Clear</button>    
+                <button class="tool-button" @click="process">Process</button>
+            </div>
+        </div>
         <div class="text-field overflow-scroll">
             <pre class="break-words"><code>{{ result }}</code></pre>
         </div>
diff --git a/Frontend/src/components/xml/XmlOutputFieldToolbarComponent.vue b/Frontend/src/components/xml/XmlOutputFieldToolbarComponent.vue
deleted file mode 100644
index 5db6734..0000000
--- a/Frontend/src/components/xml/XmlOutputFieldToolbarComponent.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<script setup lang="ts">
-import { onMounted, ref } from 'vue';
-
-var engines = ["saxon", "xalan", "libxml"];
-var versions = ["1.0", "2.0", "3.0", "3.1"];
-
-const props = defineProps(
-    {
-        tool: {type: String, required: true}, 
-        xml: {type: String},
-        query: {type: String},
-    }
-)
-
-const emit = defineEmits(['update:result'])
-
-const engine = ref('');
-const version = ref('');
-
-const isSaxonHidden = ref(false);
-const isXalanHidden = ref(false);
-const isLibXMLHidden = ref(false);
-
-
-onMounted(() => {
-    selectAvailableEngines();
-    selectAvailableVersions();
-    selectDefaults();
-})
-
-function selectAvailableEngines() {
-    if (props.tool == "xsd") {
-        engines = ["xalan", "libxml"]
-    }
-    else if (props.tool == "xquery") {
-        engines = ["saxon"]
-    }
-}
-
-function selectAvailableVersions() {
-    if (props.tool == "xquery")
-        versions = ["3.1"];
-    else if (props.tool == "xsd")
-        versions = ["N/A"];
-}
-
-function selectDefaults() {
-    version.value = versions[versions.length - 1];
-    engine.value = engines[0];
-}
-
-function process() {
-    var request:Request = prepareRequest();
-    fetchRequest(request).then((data) => {
-        sendProcessedData(data);
-    })
-}
-
-function prepareRequest():Request {
-    var request = new Request(prepareURL(), {
-        body: prepareRequestBody(),
-        method: "POST"
-    });
-    return request
-}
-
-function prepareURL(): string {
-   const engineEndpoint = engine.value == "libxml" ? "libxml" : "java";
-   return document.location.protocol + "//" + document.location.hostname + "/" + engineEndpoint + "/" + props.tool;
-}
-
-function prepareRequestBody():string {
-    var requestBody = JSON.stringify({
-        "data": props.xml,
-        "process": props.query,
-        "processor": engine.value,
-        "version": version.value
-    });
-    return requestBody;
-}
-
-async function fetchRequest(request: Request):Promise<JSON> {
-    var responseBody = await fetch(request)
-    .then(response => response.json())
-    .then((body) => body);
-    return responseBody;
-}
-
-function sendProcessedData(data: JSON) {
-    emit("update:result", data);
-}
-
-
-
-</script>
-
-<template>
-    <div class="flex place-content-between w-full items-center m-2">
-        <span class="dark:text-white">Result:</span>
-        <div class="flex space-x-2">
-            <select v-model="engine" name="engine" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
-                <option v-for="engine in engines" :value="engine">{{ engine }}</option>
-            </select>
-            <select v-model="version" name="version" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
-                <option v-for="version in versions" :value="version">{{ version }}</option>
-            </select>
-            <button class="tool-button">Clear</button>    
-            <button class="tool-button" @click="process">Process</button>
-        </div>
-        
-    </div>
-</template>
\ No newline at end of file
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index b7042b7..bb13801 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -1,13 +1,12 @@
 <script setup lang="ts">
-import InputFormatterComponent from '@/components/formatter/InputFormatterComponent.vue';
 import XMLButtonFormatterComponent from '@/components/formatter/XMLButtonFormatterComponent.vue';
-import InsertDefaultComponent from '@components/xml/InsertDefaultComponent.vue';
+import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue';
 import { ref } from 'vue';
 
 
 const xml = ref('');
 
-function setTextFieldValue(data: any) {
+function setTextFieldValue(data: string) {
     xml.value = data
 }
 
@@ -22,10 +21,10 @@ function format(formattedXml: any) {
         <div id="toolbar" class= "flex flex-col gap-4 items-center md:flex-row place-content-between">
             <span class="dark:text-slate-100">XML Formatter</span>
             <div class="space-x-2">
-                <InsertDefaultComponent pretty-name="XML" @update:defaultData="(data: any) => setTextFieldValue(data)"></InsertDefaultComponent>
+                <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
             </div>
         </div>
-        <InputFormatterComponent :inputValue="xml"></InputFormatterComponent>
+        <textarea name="data" id="data" :value="xml" class="text-field"></textarea>
     </div>
 </template>
\ No newline at end of file
-- 
2.51.0


From 51d5bf3d73c5f461bfada4a2860f21273c8003ad Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 09:39:38 +0200
Subject: [PATCH 05/33] Engine and version selection now works better

---
 .../xml/XmlOutputFieldComponent.vue           | 54 ++++++++++++-------
 1 file changed, 36 insertions(+), 18 deletions(-)

diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index f5a90b7..ab28691 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -12,40 +12,58 @@ const props = defineProps(
 
 const result = ref('');
 
-var engines = ["saxon", "xalan", "libxml"];
-var versions = ["1.0", "2.0", "3.0", "3.1"];
+var enginesForCurrentTool = ref(["saxon", "xalan", "libxml"]);
+
+const allVersions = ["1.0", "2.0", "3.0", "3.1"];
+var versionsForCurrentEngine = ref([""]);
 
 const engine = ref('');
 const version = ref('');
 
 
 onMounted(() => {
-    selectAvailableEngines();
-    selectAvailableVersions();
-    selectDefaults();
+    changeAvailableEngines();
+    changeAvailableVersions();
 })
 
-function selectAvailableEngines() {
+function changeAvailableEngines() {
     if (props.tool == "xsd") {
-        engines = ["xalan", "libxml"]
+        enginesForCurrentTool.value = ["xalan", "libxml"]
     }
     else if (props.tool == "xquery") {
-        engines = ["saxon"]
+        enginesForCurrentTool.value = ["saxon"]
     }
+
+    selectDefaultEngine();
 }
 
-function selectAvailableVersions() {
+function changeAvailableVersions() {
     if (props.tool == "xquery")
-        versions = ["3.1"];
+        versionsForCurrentEngine.value = ["3.1"];
     else if (props.tool == "xslt")
-        versions = ["3.0"];
+        versionsForCurrentEngine.value = ["3.0"];
     else if (props.tool == "xsd")
-        versions = ["N/A"];
+        versionsForCurrentEngine.value = ["N/A"];
+    else if (props.tool == "xpath")
+        changeAvailableVersionsOfXPath();
+
+    selectDefaultVersion();
 }
 
-function selectDefaults() {
-    version.value = versions[versions.length - 1];
-    engine.value = engines[0];
+function changeAvailableVersionsOfXPath() {
+    if(engine.value == "xalan" || engine.value == "libxml")
+        versionsForCurrentEngine.value = ["1.0"];
+    else if (engine.value == "saxon")
+        versionsForCurrentEngine.value = allVersions;
+}
+
+function selectDefaultEngine() {
+    engine.value = enginesForCurrentTool.value[0];
+}
+
+function selectDefaultVersion() {
+    const lastVersion = versionsForCurrentEngine.value.length - 1
+    version.value = versionsForCurrentEngine.value[lastVersion];
 }
 
 function process() {
@@ -96,11 +114,11 @@ function updateOutputField(data: any) {
         <div class="flex place-content-between w-full items-center m-2">
             <span class="dark:text-white">Result:</span>
             <div class="flex space-x-2">
-                <select v-model="engine" name="engine" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
-                    <option v-for="engine in engines" :value="engine">{{ engine }}</option>
+                <select v-model="engine" name="engine" @change="changeAvailableVersions()" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
+                    <option v-for="engine in enginesForCurrentTool" :value="engine">{{ engine }}</option>
                 </select>
                 <select v-model="version" name="version" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
-                    <option v-for="version in versions" :value="version">{{ version }}</option>
+                    <option v-for="version in versionsForCurrentEngine" :value="version">{{ version }}</option>
                 </select>
                 <button class="tool-button">Clear</button>    
                 <button class="tool-button" @click="process">Process</button>
-- 
2.51.0


From 372c16e37bd36fdac8a7c180fdacc4a948a09a86 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 10:05:07 +0200
Subject: [PATCH 06/33] Reorganized components by purpose

---
 .../components/xml/XmlInputFieldComponent.vue | 41 +++++++------------
 .../xml/XmlInputFieldToolbarComponent.vue     |  8 +---
 Frontend/src/views/XPathView.vue              |  6 ++-
 Frontend/src/views/XQueryView.vue             |  6 ++-
 Frontend/src/views/XSDView.vue                |  6 ++-
 Frontend/src/views/XSLTView.vue               |  6 ++-
 6 files changed, 32 insertions(+), 41 deletions(-)

diff --git a/Frontend/src/components/xml/XmlInputFieldComponent.vue b/Frontend/src/components/xml/XmlInputFieldComponent.vue
index 706e1ea..f2d3fdc 100644
--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
-import xmlInputFieldToolbarComponent from '@/components/xml/XmlInputFieldToolbarComponent.vue';
+import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue';
 import { ref } from 'vue';
 
-const xml = ref('')
-const query = ref('')
+const value = ref('')
 
 const props = defineProps(
     {
@@ -11,37 +10,27 @@ const props = defineProps(
         xmlData: {type: String},
     }
 )
-const emit = defineEmits(['update:xml', 'update:transform'])
+const emit = defineEmits(['update'])
 
-function sendXml() {
-    emit('update:xml', xml.value)
+function sendValue() {
+    emit('update', value.value)
 }
 
-function sendTransform() {
-    emit('update:transform', query.value)
-}
-
-function setToDefaultXML(data: string) {
-    xml.value = data;
-    sendXml();
-}
-
-function setToDefaultQuery(data: string) {
-    query.value = data;
-    sendTransform();
+function setToDefaultValue(data: string) {
+    value.value = data;
+    sendValue();
 }
 
 </script>
 
 <template>
-    <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
-        <div class="flex flex-col w-full h-1/2">
-            <xmlInputFieldToolbarComponent prettyName="XML" @update:defaultData="(data) => setToDefaultXML(data)"></xmlInputFieldToolbarComponent>
-            <textarea id="xmlField" v-model="xml" @input="sendXml()" class="text-field"></textarea>
-        </div>
-        <div class="flex flex-col w-full h-1/2">
-            <xmlInputFieldToolbarComponent :prettyName="$props.prettyName" @update:defaultData="(data) => setToDefaultQuery(data)"></xmlInputFieldToolbarComponent>
-            <textarea id="transformField" v-model="query" @input="sendTransform()" class="text-field"></textarea>
+    <div class="flex flex-col w-full h-1/2">
+        <div class="flex place-content-between w-full pr-2 items-center m-2">
+            <span class="dark:text-white">{{ prettyName }}</span>
+            <div class="flex space-x-2">
+                <InsertTemplateComponent :pretty-name="props.prettyName" @update:default-data="(data: string) => setToDefaultValue(data)"></InsertTemplateComponent>
+            </div>
         </div>
+        <textarea id="xmlField" v-model="value" @input="sendValue()" class="text-field"></textarea>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue b/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
index de2788d..f0722ea 100644
--- a/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldToolbarComponent.vue
@@ -18,11 +18,5 @@ function setDefault(data: string) {
 </script>
 
 <template>
-    <div class="flex place-content-between w-full pr-2 items-center m-2">
-        <span class="dark:text-white">{{ prettyName }}</span>
-        <div class="flex space-x-2">
-            <InsertTemplateComponent :pretty-name="props.prettyName" @update:default-data="(data: string) => setDefault(data)"></InsertTemplateComponent>
-        </div>
-        
-    </div>
+    
 </template>
\ No newline at end of file
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index 20acd1f..7bc9ad7 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -11,8 +11,10 @@ const query = ref('');
 
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
-        <xmlInputFieldComponent prettyName="XPath" @update:xml="(data) => {xml = data}" @update:transform="(data) => {query = data}"></xmlInputFieldComponent>    
-
+        <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
+            <xmlInputFieldComponent prettyName="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent prettyName="XPath" @update="(data) => {query = data}"></xmlInputFieldComponent>
+        </div>
         <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/views/XQueryView.vue b/Frontend/src/views/XQueryView.vue
index fe23239..81af519 100644
--- a/Frontend/src/views/XQueryView.vue
+++ b/Frontend/src/views/XQueryView.vue
@@ -11,8 +11,10 @@ const query = ref('');
 
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
-        <xmlInputFieldComponent prettyName="XQuery" @update:xml="(data) => {xml = data}" @update:transform="(data) => {query = data}"></xmlInputFieldComponent>    
-
+        <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
+            <xmlInputFieldComponent prettyName="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent prettyName="XQuery" @update="(data) => {query = data}"></xmlInputFieldComponent>
+        </div>
         <xmlOutputFieldComponent tool="xquery" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/views/XSDView.vue b/Frontend/src/views/XSDView.vue
index 94ba20d..60582ee 100644
--- a/Frontend/src/views/XSDView.vue
+++ b/Frontend/src/views/XSDView.vue
@@ -11,8 +11,10 @@ const query = ref('');
 
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
-        <xmlInputFieldComponent prettyName="XSD" @update:xml="(data) => {xml = data}" @update:transform="(data) => {query = data}"></xmlInputFieldComponent>    
-
+        <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
+            <xmlInputFieldComponent prettyName="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent prettyName="XSD" @update="(data) => {query = data}"></xmlInputFieldComponent>
+        </div>
         <xmlOutputFieldComponent tool="xsd" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/views/XSLTView.vue b/Frontend/src/views/XSLTView.vue
index 8c04245..b97c2a8 100644
--- a/Frontend/src/views/XSLTView.vue
+++ b/Frontend/src/views/XSLTView.vue
@@ -11,8 +11,10 @@ const query = ref('');
 
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
-        <xmlInputFieldComponent prettyName="XSLT" @update:xml="(data) => {xml = data}" @update:transform="(data) => {query = data}"></xmlInputFieldComponent>    
-
+        <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
+            <xmlInputFieldComponent prettyName="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent prettyName="XSLT" @update="(data) => {query = data}"></xmlInputFieldComponent>
+        </div>
         <xmlOutputFieldComponent tool="xslt" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
 </template>
\ No newline at end of file
-- 
2.51.0


From a17879f9a7202a7fbd3965e1b26e275f8ea6f030 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 10:35:41 +0200
Subject: [PATCH 07/33] Implemented clear funcionality

---
 .../components/xml/XmlInputFieldComponent.vue | 21 ++++++++++++-------
 .../xml/XmlOutputFieldComponent.vue           |  6 +++++-
 Frontend/src/views/XPathView.vue              |  4 ++--
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/Frontend/src/components/xml/XmlInputFieldComponent.vue b/Frontend/src/components/xml/XmlInputFieldComponent.vue
index f2d3fdc..11325ab 100644
--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -1,26 +1,31 @@
 <script setup lang="ts">
 import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue';
+import XMLButtonFormatterComponent from '@components/formatter/XMLButtonFormatterComponent.vue'
 import { ref } from 'vue';
 
-const value = ref('')
+const data = ref('')
 
 const props = defineProps(
     {
         prettyName: {type: String, required: true},
-        xmlData: {type: String},
+        data: {type: String},
     }
 )
 const emit = defineEmits(['update'])
 
 function sendValue() {
-    emit('update', value.value)
+    emit('update', data.value)
 }
 
-function setToDefaultValue(data: string) {
-    value.value = data;
+function updateData(newData: string) {
+    data.value = newData;
     sendValue();
 }
 
+function clear() {
+    updateData('');
+}
+
 </script>
 
 <template>
@@ -28,9 +33,11 @@ function setToDefaultValue(data: string) {
         <div class="flex place-content-between w-full pr-2 items-center m-2">
             <span class="dark:text-white">{{ prettyName }}</span>
             <div class="flex space-x-2">
-                <InsertTemplateComponent :pretty-name="props.prettyName" @update:default-data="(data: string) => setToDefaultValue(data)"></InsertTemplateComponent>
+                <InsertTemplateComponent :pretty-name="props.prettyName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
+                <XMLButtonFormatterComponent v-if="props.prettyName == 'XML'" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
+                <button class="tool-button" @click="clear">Clear</button>
             </div>
         </div>
-        <textarea id="xmlField" v-model="value" @input="sendValue()" class="text-field"></textarea>
+        <textarea id="xmlField" v-model="data" @input="sendValue()" class="text-field"></textarea>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index ab28691..c5a0780 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -107,6 +107,10 @@ function updateOutputField(data: any) {
     result.value = data.result;
 }
 
+function clear() {
+    result.value = "";
+}
+
 </script>
 
 <template>
@@ -120,7 +124,7 @@ function updateOutputField(data: any) {
                 <select v-model="version" name="version" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
                     <option v-for="version in versionsForCurrentEngine" :value="version">{{ version }}</option>
                 </select>
-                <button class="tool-button">Clear</button>    
+                <button class="tool-button" @click="clear">Clear</button>    
                 <button class="tool-button" @click="process">Process</button>
             </div>
         </div>
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index 7bc9ad7..69eeed9 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -12,8 +12,8 @@ const query = ref('');
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
         <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
-            <xmlInputFieldComponent prettyName="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
-            <xmlInputFieldComponent prettyName="XPath" @update="(data) => {query = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent prettyName="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent prettyName="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
-- 
2.51.0


From 183a35efb0990f8364ab2de1b9589ade7fcacb50 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 10:37:38 +0200
Subject: [PATCH 08/33] Extracted condition to function

---
 Frontend/src/components/xml/XmlInputFieldComponent.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/Frontend/src/components/xml/XmlInputFieldComponent.vue b/Frontend/src/components/xml/XmlInputFieldComponent.vue
index 11325ab..feba5fd 100644
--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -26,6 +26,10 @@ function clear() {
     updateData('');
 }
 
+function isXMLField() {
+    return props.prettyName.toLowerCase() == 'xml';
+}
+
 </script>
 
 <template>
@@ -34,7 +38,7 @@ function clear() {
             <span class="dark:text-white">{{ prettyName }}</span>
             <div class="flex space-x-2">
                 <InsertTemplateComponent :pretty-name="props.prettyName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
-                <XMLButtonFormatterComponent v-if="props.prettyName == 'XML'" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
+                <XMLButtonFormatterComponent v-if="isXMLField()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
                 <button class="tool-button" @click="clear">Clear</button>
             </div>
         </div>
-- 
2.51.0


From 843b71028368af56b655a4317a8a66b7d9acef82 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 10:41:44 +0200
Subject: [PATCH 09/33] Added clear button for formatter

---
 .../components/common/InsertTemplateComponent.vue    |  2 +-
 .../formatter/ToolbarFormatterComponent.vue          | 12 ------------
 Frontend/src/views/XmlFormatterView.vue              |  5 +++++
 3 files changed, 6 insertions(+), 13 deletions(-)
 delete mode 100644 Frontend/src/components/formatter/ToolbarFormatterComponent.vue

diff --git a/Frontend/src/components/common/InsertTemplateComponent.vue b/Frontend/src/components/common/InsertTemplateComponent.vue
index 7526d78..f2489e3 100644
--- a/Frontend/src/components/common/InsertTemplateComponent.vue
+++ b/Frontend/src/components/common/InsertTemplateComponent.vue
@@ -40,5 +40,5 @@ function setDefault() {
 </script>
 
 <template>
-    <button class="tool-button" @click="setDefault()">Insert default {{ prettyName }}</button>
+    <button class="tool-button" @click="setDefault()">Default {{ prettyName }}</button>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/formatter/ToolbarFormatterComponent.vue b/Frontend/src/components/formatter/ToolbarFormatterComponent.vue
deleted file mode 100644
index 6c87c12..0000000
--- a/Frontend/src/components/formatter/ToolbarFormatterComponent.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-
-
-</script>
-
-<template>
-  <div class="flex h-full"></div>
-
-    <textarea name="data" id="data" class="text-field"></textarea>
-</template>
-
-<style scoped></style>
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index bb13801..f1c2f13 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -14,6 +14,10 @@ function format(formattedXml: any) {
     xml.value = formattedXml.result;
 }
 
+function clear() {
+    xml.value = '';
+}
+
 </script>
 
 <template>
@@ -22,6 +26,7 @@ function format(formattedXml: any) {
             <span class="dark:text-slate-100">XML Formatter</span>
             <div class="space-x-2">
                 <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
+                <button class="tool-button" @click="clear()">Clear</button>
                 <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
             </div>
         </div>
-- 
2.51.0


From 3f392395e9bb03df507c336d0104090fa5499ef4 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 11:24:11 +0200
Subject: [PATCH 10/33] Added new samples

---
 Frontend/src/assets/sampleXMLForXSD.xml       | 33 -------
 Frontend/src/assets/sampleXQuery.xquery       |  9 +-
 Frontend/src/assets/sampleXml.xml             | 95 ++++++++++++-------
 Frontend/src/assets/sampleXsd.xml             | 83 ++++++++--------
 Frontend/src/assets/sampleXslt.xml            | 24 ++---
 .../common/InsertTemplateComponent.vue        |  2 +-
 6 files changed, 120 insertions(+), 126 deletions(-)
 delete mode 100644 Frontend/src/assets/sampleXMLForXSD.xml

diff --git a/Frontend/src/assets/sampleXMLForXSD.xml b/Frontend/src/assets/sampleXMLForXSD.xml
deleted file mode 100644
index 2ba2458..0000000
--- a/Frontend/src/assets/sampleXMLForXSD.xml
+++ /dev/null
@@ -1,33 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<library>
-    <libraryName>City library</libraryName>
-    <libraryID>345123</libraryID>
-    <readerList>
-        <person>
-            <readerID>7321</readerID>
-            <name>Adam</name>
-            <surname>Choke</surname>
-        </person>
-        <person>
-            <readerID>5123</readerID>
-            <name>Lauren</name>
-            <surname>Wong</surname>
-        </person>
-    </readerList>
-    <bookList>
-        <book>
-            <bookID>6422</bookID>
-            <title>Harry Potter</title>
-            <readerID>7542</readerID>
-        </book>
-        <book>
-            <bookID>1234</bookID>
-            <title>Macbeth</title>
-            <readerID>5123</readerID>
-        </book>
-        <book>
-            <bookID>9556</bookID>
-            <title>Romeo and Juliet</title>
-        </book>
-    </bookList>
-</library>
\ No newline at end of file
diff --git a/Frontend/src/assets/sampleXQuery.xquery b/Frontend/src/assets/sampleXQuery.xquery
index 0a124d5..f1931fd 100644
--- a/Frontend/src/assets/sampleXQuery.xquery
+++ b/Frontend/src/assets/sampleXQuery.xquery
@@ -1,7 +1,4 @@
-declare namespace p="http://www.release11.com/person";
-declare namespace b="http://www.release11.com/book";
-declare namespace l="http://www.release11.com/library";
+declare default element namespace "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd";
 
-
-for $x in //p:person
-return string($x/p:name)
\ No newline at end of file
+for $x in /root/UserList[@Id = 'a']/User
+return string($x/Name)
\ No newline at end of file
diff --git a/Frontend/src/assets/sampleXml.xml b/Frontend/src/assets/sampleXml.xml
index cd89168..d987061 100644
--- a/Frontend/src/assets/sampleXml.xml
+++ b/Frontend/src/assets/sampleXml.xml
@@ -1,33 +1,62 @@
-<?xml version="1.0" encoding="utf-8"?>
-<l:library xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.release11.com" xmlns:l="http://www.release11.com/library" xmlns:p="http://www.release11.com/person" xmlns:b="http://www.release11.com/book">
-    <l:libraryName>City library</l:libraryName>
-    <l:libraryID>345123</l:libraryID>
-    <l:readerList>
-        <p:person>
-            <p:readerID>7321</p:readerID>
-            <p:name>Adam</p:name>
-            <p:surname>Choke</p:surname>
-        </p:person>
-        <p:person>
-            <p:readerID>5123</p:readerID>
-            <p:name>Lauren</p:name>
-            <p:surname>Wong</p:surname>
-        </p:person>
-    </l:readerList>
-    <l:bookList>
-        <b:book>
-            <b:bookID>6422</b:bookID>
-            <b:title>Harry Potter</b:title>
-            <p:readerID>7542</p:readerID>
-        </b:book>
-        <b:book>
-            <b:bookID>1234</b:bookID>
-            <b:title>Macbeth</b:title>
-            <p:readerID>5123</p:readerID>
-        </b:book>
-        <b:book>
-            <b:bookID>9556</b:bookID>
-            <b:title>Romeo and Juliet</b:title>
-        </b:book>
-    </l:bookList>
-</l:library>
\ No newline at end of file
+<?xml version = "1.0" encoding = "UTF-8"?>
+<root xmlns = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd" xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd Schema4tools.xsd">
+	<UserList Id = "a">
+		<User Id = "1">
+			<Name>John</Name>
+			<Surname>Wick</Surname>
+			<DateOfDeath>2023-10-10</DateOfDeath>
+		</User>
+		<User Id = "2">
+			<Name>Martha</Name>
+			<Surname>Whane</Surname>
+			<DateOfDeath>1970-06-13</DateOfDeath>
+		</User>
+		<User Id = "3">
+			<Name>Bruce</Name>
+			<Surname>Lee</Surname>
+			<DateOfDeath>1985-01-24</DateOfDeath>
+		</User>
+		<User Id = "4">
+			<Name>John</Name>
+			<Surname>Rambo</Surname>
+			<DateOfDeath>2024-06-19</DateOfDeath>
+		</User>
+		<NameList>FirstList</NameList>
+	</UserList>
+	<UserList Id = "b">
+		<User Id = "1">
+			<Name>Jack</Name>
+			<Surname>Wicker</Surname>
+			<DateOfDeath>2023-10-10</DateOfDeath>
+		</User>
+		<NameList>SecondList</NameList>
+	</UserList>
+	<UserList Id = "c">
+		<User Id = "1">
+			<Name>New</Name>
+			<Surname>Folder</Surname>
+			<DateOfDeath>2023-11-10</DateOfDeath>
+		</User>
+		<User Id = "2">
+			<Name>Newer</Name>
+			<Surname>Folder</Surname>
+			<DateOfDeath>2023-11-11</DateOfDeath>
+		</User>
+		<User Id = "3">
+			<Name>Newest</Name>
+			<Surname>Folder</Surname>
+			<DateOfDeath>2023-11-12</DateOfDeath>
+		</User>
+		<User Id = "4">
+			<Name>New</Name>
+			<Surname>Folder2</Surname>
+			<DateOfDeath>2023-11-13</DateOfDeath>
+		</User>
+		<User Id = "5">
+			<Name>New</Name>
+			<Surname>Folder-Final</Surname>
+			<DateOfDeath>2023-11-14</DateOfDeath>
+		</User>
+		<NameList>ThirdList</NameList>
+	</UserList>
+</root>
\ No newline at end of file
diff --git a/Frontend/src/assets/sampleXsd.xml b/Frontend/src/assets/sampleXsd.xml
index 6993ce3..1f8622c 100644
--- a/Frontend/src/assets/sampleXsd.xml
+++ b/Frontend/src/assets/sampleXsd.xml
@@ -1,42 +1,41 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema" elementFormDefault="qualified"
-  targetNamespace="">
-  <xsd:element name="library">
-    <xsd:complexType mixed="true">
-      <xsd:sequence>
-        <xsd:element minOccurs="0" name="libraryName" type="xsd:string" />
-        <xsd:element minOccurs="0" name="libraryID" type="xsd:int" />
-        <xsd:element minOccurs="0" name="readerList">
-          <xsd:complexType mixed="true">
-            <xsd:sequence>
-              <xsd:element maxOccurs="unbounded" name="person">
-                <xsd:complexType mixed="true">
-                  <xsd:sequence>
-                    <xsd:element minOccurs="0" name="readerID" type="xsd:int" />
-                    <xsd:element minOccurs="0" name="name" type="xsd:normalizedString" />
-                    <xsd:element minOccurs="0" name="surname" type="xsd:normalizedString" />
-                  </xsd:sequence>
-                </xsd:complexType>
-              </xsd:element>
-            </xsd:sequence>
-          </xsd:complexType>
-        </xsd:element>
-        <xsd:element minOccurs="0" name="bookList">
-          <xsd:complexType mixed="true">
-            <xsd:sequence>
-              <xsd:element maxOccurs="unbounded" name="book">
-                <xsd:complexType mixed="true">
-                  <xsd:sequence>
-                    <xsd:element minOccurs="0" name="bookID" type="xsd:int" />
-                    <xsd:element minOccurs="0" name="title" type="xsd:string" />
-                    <xsd:element minOccurs="0" name="readerID" type="xsd:int" />
-                  </xsd:sequence>
-                </xsd:complexType>
-              </xsd:element>
-            </xsd:sequence>
-          </xsd:complexType>
-        </xsd:element>
-      </xsd:sequence>
-    </xsd:complexType>
-  </xsd:element>
-</xsd:schema>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+
+<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
+	 xmlns="http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
+	 targetNamespace="http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
+	 elementFormDefault="qualified"
+	 attributeFormDefault="unqualified">
+	<xs:element name="root">
+		<xs:complexType>
+			<xs:sequence>
+				<xs:element ref="UserList" maxOccurs="unbounded"/>
+			</xs:sequence>
+		</xs:complexType>
+	</xs:element>
+	<xs:element name="UserList">
+		<xs:complexType mixed="true">
+			<xs:sequence>
+				<xs:element ref="User" maxOccurs="unbounded"/>
+				<xs:element ref="NameList"/>
+			</xs:sequence>
+			<xs:attribute name="Id" type="xs:string" use="required"/>
+		</xs:complexType>
+	</xs:element>
+	<xs:simpleType name="User">
+		<xs:restriction base="xs:string"/>
+	</xs:simpleType>
+	<xs:element name="User">
+		<xs:complexType>
+			<xs:sequence>
+				<xs:element ref="Name"/>
+				<xs:element ref="Surname"/>
+				<xs:element ref="DateOfDeath"/>
+			</xs:sequence>
+			<xs:attribute name="Id" type="xs:int" use="required"/>
+		</xs:complexType>
+	</xs:element>
+	<xs:element name="Name" type="xs:string"/>
+	<xs:element name="Surname" type="xs:string"/>
+	<xs:element name="DateOfDeath" type="xs:date"/>
+	<xs:element name="NameList" type="xs:string"/>
+</xs:schema>
\ No newline at end of file
diff --git a/Frontend/src/assets/sampleXslt.xml b/Frontend/src/assets/sampleXslt.xml
index 3ce05e2..3717134 100644
--- a/Frontend/src/assets/sampleXslt.xml
+++ b/Frontend/src/assets/sampleXslt.xml
@@ -1,14 +1,16 @@
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-    xmlns:b="http://www.release11.com/book" xmlns:p="http://www.release11.com/person"
-    xmlns:l="http://www.release11.com/library">
+<xsl:stylesheet version="1.0" xmlns:u = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
+                              xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
     <xsl:template match="/">
-        <Library>
-            <ReaderCount>
-                <xsl:value-of select="count(//p:person)" />
-            </ReaderCount>
-            <BookCount>
-                <xsl:value-of select="count(/l:library/l:bookList/b:book)" />
-            </BookCount>
-        </Library>
+        <UserLists>
+            <UserListCount>
+                <xsl:value-of select="count(/u:root/u:UserList)" />
+            </UserListCount>
+            <xsl:for-each select="/u:root/u:UserList">
+                <UserListStats>
+                    <Name><xsl:value-of select="u:NameList" /></Name>
+                    <UserCount><xsl:value-of select="count(u:User)" /></UserCount>
+                </UserListStats>
+            </xsl:for-each>
+        </UserLists>
     </xsl:template>
 </xsl:stylesheet>
\ No newline at end of file
diff --git a/Frontend/src/components/common/InsertTemplateComponent.vue b/Frontend/src/components/common/InsertTemplateComponent.vue
index f2489e3..9f6b0eb 100644
--- a/Frontend/src/components/common/InsertTemplateComponent.vue
+++ b/Frontend/src/components/common/InsertTemplateComponent.vue
@@ -18,7 +18,7 @@ function setDefault() {
     const emitName = "update:defaultData";
     switch (props.prettyName.toLowerCase()) {
         case "xpath":
-            emit(emitName, "string(/l:library/l:libraryName)")
+            emit(emitName, "/root/UserList/User[../NameList = 'FirstList']")
             break;
         case "xsd":
             emit(emitName, sampleXSD)
-- 
2.51.0


From f2c4db832d39deadc4e17174f5695839a1237fd5 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 11:34:02 +0200
Subject: [PATCH 11/33] XSD and SXLT can now also be formatted in respective
 tools

---
 .../components/formatter/XMLButtonFormatterComponent.vue  | 2 +-
 Frontend/src/components/xml/XmlInputFieldComponent.vue    | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue b/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
index 16e69a0..8725e75 100644
--- a/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
+++ b/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
@@ -48,7 +48,7 @@ function sendProcessedData(data: JSON) {
 </script>
 
 <template>
-    <button class="tool-button" @click="process()">Format XML</button>
+    <button class="tool-button" @click="process()">Format</button>
 </template>
 
 <style scoped></style>
diff --git a/Frontend/src/components/xml/XmlInputFieldComponent.vue b/Frontend/src/components/xml/XmlInputFieldComponent.vue
index feba5fd..16cf1af 100644
--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -26,8 +26,10 @@ function clear() {
     updateData('');
 }
 
-function isXMLField() {
-    return props.prettyName.toLowerCase() == 'xml';
+function canBeFormatted() {
+    return props.prettyName.toLowerCase() == 'xml' || 
+           props.prettyName.toLowerCase() == 'xsd' || 
+           props.prettyName.toLowerCase() == 'xslt';
 }
 
 </script>
@@ -38,7 +40,7 @@ function isXMLField() {
             <span class="dark:text-white">{{ prettyName }}</span>
             <div class="flex space-x-2">
                 <InsertTemplateComponent :pretty-name="props.prettyName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
-                <XMLButtonFormatterComponent v-if="isXMLField()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
+                <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
                 <button class="tool-button" @click="clear">Clear</button>
             </div>
         </div>
-- 
2.51.0


From fb53665ed5c7f5c784d61cf4df8c9608cc21ab19 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 11:34:37 +0200
Subject: [PATCH 12/33] Added prolog to XSLT sample

---
 Frontend/src/assets/sampleXslt.xml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Frontend/src/assets/sampleXslt.xml b/Frontend/src/assets/sampleXslt.xml
index 3717134..00a38ad 100644
--- a/Frontend/src/assets/sampleXslt.xml
+++ b/Frontend/src/assets/sampleXslt.xml
@@ -1,3 +1,4 @@
+<?xml version = "1.0" encoding = "UTF-8"?>
 <xsl:stylesheet version="1.0" xmlns:u = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
                               xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
     <xsl:template match="/">
-- 
2.51.0


From 137836190ad58b66186d50c0e294a032de9f0975 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 11:45:12 +0200
Subject: [PATCH 13/33] Fixed styling bugs in light mode

---
 Frontend/src/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index ed52c6e..327b065 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -7,5 +7,5 @@
 }
 
 .text-field {
-    @apply w-full h-full resize-none dark:text-slate-100 dark:bg-gray-600 border border-slate-400 p-2 rounded-md
+    @apply w-full h-full resize-none font-mono bg-white dark:text-slate-100 dark:bg-gray-600 border border-slate-400 p-2 rounded-md
 }
\ No newline at end of file
-- 
2.51.0


From 0b006d35d5c43886ed2e0754e193be6a5a845bd2 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 11:57:44 +0200
Subject: [PATCH 14/33] Added basic landing page

---
 Frontend/src/components/landing/LandingComponent.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/Frontend/src/components/landing/LandingComponent.vue b/Frontend/src/components/landing/LandingComponent.vue
index 8f4bad9..88fc66f 100644
--- a/Frontend/src/components/landing/LandingComponent.vue
+++ b/Frontend/src/components/landing/LandingComponent.vue
@@ -3,7 +3,16 @@
 </script>
 
 <template>
-  <h1 class="text-3xl underline">Landing</h1>
+  <div class="dark:text-slate-100">
+    <h1 class="text-3xl">Welcome to Release11 Tools</h1>
+    <p>Our toolset is split to three main categories:</p>
+    <ol class="list-decimal ml-10">
+      <li><strong>XML</strong> - containing various tools that allow to validate and transform any XML</li>
+      <li><strong>Formatter</strong> - containing tools for formatting text files in various formats</li>
+      <li><strong>REST</strong> - consist of Mock that allows to create mocked REST endpoint</li>
+    </ol>
+  </div>
+  
 </template>
 
 <style scoped></style>
-- 
2.51.0


From 88152dac65cea774a9b3d11e1804d7043dd1e637 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 10:22:37 +0200
Subject: [PATCH 15/33] Adjustments in landing page

---
 Frontend/src/components/landing/LandingComponent.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Frontend/src/components/landing/LandingComponent.vue b/Frontend/src/components/landing/LandingComponent.vue
index 88fc66f..c8b12a8 100644
--- a/Frontend/src/components/landing/LandingComponent.vue
+++ b/Frontend/src/components/landing/LandingComponent.vue
@@ -4,9 +4,9 @@
 
 <template>
   <div class="dark:text-slate-100">
-    <h1 class="text-3xl">Welcome to Release11 Tools</h1>
-    <p>Our toolset is split to three main categories:</p>
-    <ol class="list-decimal ml-10">
+    <h1 class="text-3xl mb-4">Welcome to Release11 Tools</h1>
+    <h2 class="text-xl">Our toolset is split to three main categories:</h2>
+    <ol class="list-decimal ml-5">
       <li><strong>XML</strong> - containing various tools that allow to validate and transform any XML</li>
       <li><strong>Formatter</strong> - containing tools for formatting text files in various formats</li>
       <li><strong>REST</strong> - consist of Mock that allows to create mocked REST endpoint</li>
-- 
2.51.0


From b3418fdea5c998f3d25fd8e4c1263b307c48892a Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 12:28:47 +0200
Subject: [PATCH 16/33] Created and routed view for JSON formatter

---
 Frontend/src/router/index.ts             |  6 ++++
 Frontend/src/views/JsonFormatterView.vue | 35 ++++++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 Frontend/src/views/JsonFormatterView.vue

diff --git a/Frontend/src/router/index.ts b/Frontend/src/router/index.ts
index f5cc531..3f9f65d 100644
--- a/Frontend/src/router/index.ts
+++ b/Frontend/src/router/index.ts
@@ -3,6 +3,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 const landingPage = import("@views/LandingView.vue")
 const restMock = import("@views/RestMockView.vue")
 
+const jsonFormatter = import("@views/JsonFormatterView.vue")
 const xmlFormatter = import("@views/XmlFormatterView.vue")
 
 const xsltTool = import("@views/XSLTView.vue")
@@ -21,6 +22,11 @@ const routes = [
     name: 'xmlFormatter',
     component: () => xmlFormatter
   },
+  {
+    path: '/format/json',
+    name: 'jsonFormatter',
+    component: () => jsonFormatter
+  },
   {
     path: '/xml/xpath',
     name: 'xpath',
diff --git a/Frontend/src/views/JsonFormatterView.vue b/Frontend/src/views/JsonFormatterView.vue
new file mode 100644
index 0000000..1483e5b
--- /dev/null
+++ b/Frontend/src/views/JsonFormatterView.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import XMLButtonFormatterComponent from '@/components/formatter/XMLButtonFormatterComponent.vue';
+import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue';
+import { ref } from 'vue';
+
+
+const xml = ref('');
+
+function setTextFieldValue(data: string) {
+    xml.value = data
+}
+
+function format(formattedXml: any) {
+    xml.value = formattedXml.result;
+}
+
+function clear() {
+    xml.value = '';
+}
+
+</script>
+
+<template>
+    <div id="layout" class="flex flex-col w-full h-full gap-4">
+        <div id="toolbar" class= "flex flex-col gap-4 items-center md:flex-row place-content-between">
+            <span class="dark:text-slate-100">JSON Formatter</span>
+            <div class="space-x-2">
+                <InsertTemplateComponent pretty-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
+                <button class="tool-button" @click="clear()">Clear</button>
+                <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
+            </div>
+        </div>
+        <textarea name="data" id="data" :value="xml" class="text-field"></textarea>
+    </div>
+</template>
\ No newline at end of file
-- 
2.51.0


From aacdaa4f90031e9a21870cf240478fc91cc77aa1 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 12:32:23 +0200
Subject: [PATCH 17/33] Added sample for JSON

---
 Frontend/src/components/common/InsertTemplateComponent.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/Frontend/src/components/common/InsertTemplateComponent.vue b/Frontend/src/components/common/InsertTemplateComponent.vue
index 9f6b0eb..4ae5159 100644
--- a/Frontend/src/components/common/InsertTemplateComponent.vue
+++ b/Frontend/src/components/common/InsertTemplateComponent.vue
@@ -17,6 +17,9 @@ const emit = defineEmits(['update:defaultData'])
 function setDefault() {
     const emitName = "update:defaultData";
     switch (props.prettyName.toLowerCase()) {
+        case "json":
+            emit(emitName, "{'message': 'Here we have to add some proper message', 'answer': 'Ya, definitely'}")
+            break;
         case "xpath":
             emit(emitName, "/root/UserList/User[../NameList = 'FirstList']")
             break;
-- 
2.51.0


From 5ceb746d9b2aae6e65f3825b3f71fcc3367d8793 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 12:32:40 +0200
Subject: [PATCH 18/33] Adjusted tool names in sidebar

---
 Frontend/src/components/sidebar/SidebarComponent.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Frontend/src/components/sidebar/SidebarComponent.vue b/Frontend/src/components/sidebar/SidebarComponent.vue
index 1fdadd2..9578db0 100644
--- a/Frontend/src/components/sidebar/SidebarComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarComponent.vue
@@ -37,9 +37,9 @@ onMounted( () => {
                 </sidebar-menu-element-component>
 
                 <sidebar-menu-element-component category-name="Formatter">
-                    <SidebarToolLinkComponent path-to="/format/HTML" element-content="HTML Formatter" />
-                    <SidebarToolLinkComponent path-to="/format/JSON" element-content="JSON Formatter" />
-                    <SidebarToolLinkComponent path-to="/format/XML" element-content="XML Formatter" />
+                    <SidebarToolLinkComponent path-to="/format/HTML" element-content="HTML" />
+                    <SidebarToolLinkComponent path-to="/format/JSON" element-content="JSON" />
+                    <SidebarToolLinkComponent path-to="/format/XML" element-content="XML" />
                 </sidebar-menu-element-component>
 
 
-- 
2.51.0


From 7daaf7808a921d342cf2650cb001727bee7d8145 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 12:36:24 +0200
Subject: [PATCH 19/33] Fixed URL resolving

---
 Frontend/nginx.conf | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Frontend/nginx.conf b/Frontend/nginx.conf
index 74e93e6..f2d3d8d 100644
--- a/Frontend/nginx.conf
+++ b/Frontend/nginx.conf
@@ -8,6 +8,7 @@ server {
     location / {
         root   /usr/share/nginx/html;
         index  index.html index.htm;
+        try_files $uri $uri/ /index.html;
         expires -1;
         add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0";
     }
-- 
2.51.0


From e719993a81b7630ce4a5e84535922ac3cfff6e2c Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 13:00:53 +0200
Subject: [PATCH 20/33] JSON Formatter now works

---
 .../JsonButtonFormatterComponent.vue          | 50 +++++++++++++++++++
 Frontend/src/views/JsonFormatterView.vue      | 14 +++---
 2 files changed, 57 insertions(+), 7 deletions(-)
 create mode 100644 Frontend/src/components/formatter/JsonButtonFormatterComponent.vue

diff --git a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
new file mode 100644
index 0000000..a999d8f
--- /dev/null
+++ b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+
+const props = defineProps({
+    xml: {type: String, required: true}
+})
+
+const emit = defineEmits(["update:result"])
+
+function process() {
+    var request:Request = prepareRequest();
+    fetchRequest(request).then((data) => {
+        sendProcessedData(data);
+    })
+}
+
+function prepareRequest():Request {
+    var request = new Request(prepareURL(), {
+        body: prepareRequestBody(),
+        method: "POST"
+    });
+    return request
+}
+
+function prepareURL(): string {
+   return document.location.protocol + "//" + document.location.hostname + "/java/json/formatting";
+}
+
+function prepareRequestBody():string {
+    var requestBody = props.xml;
+    return requestBody;
+}
+
+async function fetchRequest(request: Request):Promise<JSON> {
+    var responseBody = await fetch(request)
+    .then(response => response.json())
+    .then((body) => body);
+    console.log(responseBody);
+    return responseBody;
+}
+
+function sendProcessedData(data: JSON) {
+    emit("update:result", data);
+}
+</script>
+
+<template>
+    <button class="tool-button" @click="process()">Format</button>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/views/JsonFormatterView.vue b/Frontend/src/views/JsonFormatterView.vue
index 1483e5b..8740973 100644
--- a/Frontend/src/views/JsonFormatterView.vue
+++ b/Frontend/src/views/JsonFormatterView.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import XMLButtonFormatterComponent from '@/components/formatter/XMLButtonFormatterComponent.vue';
+import JsonButtonFormatterComponent from '@/components/formatter/JsonButtonFormatterComponent.vue';
 import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue';
 import { ref } from 'vue';
 
 
-const xml = ref('');
+const json = ref('');
 
 function setTextFieldValue(data: string) {
-    xml.value = data
+    json.value = data
 }
 
 function format(formattedXml: any) {
-    xml.value = formattedXml.result;
+    json.value = formattedXml.data;
 }
 
 function clear() {
-    xml.value = '';
+    json.value = '';
 }
 
 </script>
@@ -27,9 +27,9 @@ function clear() {
             <div class="space-x-2">
                 <InsertTemplateComponent pretty-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <button class="tool-button" @click="clear()">Clear</button>
-                <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
+                <JsonButtonFormatterComponent :xml="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
             </div>
         </div>
-        <textarea name="data" id="data" :value="xml" class="text-field"></textarea>
+        <textarea name="data" id="data" :value="json" class="text-field"></textarea>
     </div>
 </template>
\ No newline at end of file
-- 
2.51.0


From 11091258b96d5c0384c6a3566694db0d905bd311 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 13:12:34 +0200
Subject: [PATCH 21/33] Added minimizer to JSON Formatter

---
 .../formatter/JsonButtonFormatterComponent.vue       | 12 ++++++++----
 Frontend/src/views/JsonFormatterView.vue             |  1 +
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
index a999d8f..c340ed0 100644
--- a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
+++ b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 
 const props = defineProps({
-    xml: {type: String, required: true}
+    xml: {type: String, required: true},
+    isMinimizer: {type: Boolean}
 })
 
 const emit = defineEmits(["update:result"])
@@ -18,11 +19,14 @@ function prepareRequest():Request {
         body: prepareRequestBody(),
         method: "POST"
     });
-    return request
+    return request;
 }
 
 function prepareURL(): string {
-   return document.location.protocol + "//" + document.location.hostname + "/java/json/formatting";
+    var mode = "formatting";
+    if (props.isMinimizer)
+        mode = "minimize";
+    return document.location.protocol + "//" + document.location.hostname + "/java/json/" + mode;
 }
 
 function prepareRequestBody():string {
@@ -44,7 +48,7 @@ function sendProcessedData(data: JSON) {
 </script>
 
 <template>
-    <button class="tool-button" @click="process()">Format</button>
+    <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format"}}</button>
 </template>
 
 <style scoped></style>
diff --git a/Frontend/src/views/JsonFormatterView.vue b/Frontend/src/views/JsonFormatterView.vue
index 8740973..4230b31 100644
--- a/Frontend/src/views/JsonFormatterView.vue
+++ b/Frontend/src/views/JsonFormatterView.vue
@@ -27,6 +27,7 @@ function clear() {
             <div class="space-x-2">
                 <InsertTemplateComponent pretty-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <button class="tool-button" @click="clear()">Clear</button>
+                <JsonButtonFormatterComponent isMinimizer :xml="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
                 <JsonButtonFormatterComponent :xml="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
             </div>
         </div>
-- 
2.51.0


From b33d20fc91e5c08c68a8c9e8d2777d9aa5da50cd Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 13:15:23 +0200
Subject: [PATCH 22/33] Added minimizing to XML Formatter

---
 .../formatter/JsonButtonFormatterComponent.vue         |  2 +-
 .../formatter/XMLButtonFormatterComponent.vue          | 10 +++++++---
 Frontend/src/views/XmlFormatterView.vue                |  1 +
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
index c340ed0..ab0a6c2 100644
--- a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
+++ b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
@@ -48,7 +48,7 @@ function sendProcessedData(data: JSON) {
 </script>
 
 <template>
-    <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format"}}</button>
+    <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format" }}</button>
 </template>
 
 <style scoped></style>
diff --git a/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue b/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
index 8725e75..21a79cc 100644
--- a/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
+++ b/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 
 const props = defineProps({
-    xml: {type: String, required: true}
+    xml: {type: String, required: true},
+    isMinimizer: {type: Boolean}
 })
 
 const emit = defineEmits(["update:result"])
@@ -22,7 +23,10 @@ function prepareRequest():Request {
 }
 
 function prepareURL(): string {
-   return document.location.protocol + "//" + document.location.hostname + "/libxml/prettify";
+    var mode = "prettify";
+    if (props.isMinimizer)
+        mode = "minimize";
+    return document.location.protocol + "//" + document.location.hostname + "/libxml/" + mode;
 }
 
 function prepareRequestBody():string {
@@ -48,7 +52,7 @@ function sendProcessedData(data: JSON) {
 </script>
 
 <template>
-    <button class="tool-button" @click="process()">Format</button>
+    <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format" }}</button>
 </template>
 
 <style scoped></style>
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index f1c2f13..7d1d6ca 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -27,6 +27,7 @@ function clear() {
             <div class="space-x-2">
                 <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <button class="tool-button" @click="clear()">Clear</button>
+                <XMLButtonFormatterComponent is-minimizer :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
                 <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
             </div>
         </div>
-- 
2.51.0


From 40d4a790b42602573236d33dbb55094dfa82e7fb Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 13:30:02 +0200
Subject: [PATCH 23/33] Textfield doesn't scretch out of screen anymore

---
 Frontend/src/App.vue                                    | 2 +-
 Frontend/src/components/xml/XmlOutputFieldComponent.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/App.vue b/Frontend/src/App.vue
index 12adeaa..75e3227 100644
--- a/Frontend/src/App.vue
+++ b/Frontend/src/App.vue
@@ -6,7 +6,7 @@ import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
 </script>
 
 <template>
-  <div id="layout" class="flex bg-gradient-to-r from-white to-blue-200 dark:from-slate-800 dark:to-indigo-950">
+  <div id="layout" class="flex h-screen bg-gradient-to-r from-white to-blue-200 dark:from-slate-800 dark:to-indigo-950">
     <SidebarComponent />
     <div class="relative p-6 w-full m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl shadow-md">
       <RouterView></RouterView>
diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index c5a0780..caa479b 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -128,9 +128,9 @@ function clear() {
                 <button class="tool-button" @click="process">Process</button>
             </div>
         </div>
-        <div class="text-field overflow-scroll">
-            <pre class="break-words"><code>{{ result }}</code></pre>
+        <div class="text-field overflow-scroll h-full w-full">
+            <pre class="whitespace-pre-wrap"><code>{{ result }}</code></pre>
         </div>
         
     </div>
-</template>
\ No newline at end of file
+</template>
-- 
2.51.0


From d466a6dedcfa65412cf9f06418abc0ffe5f8851c Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 13:38:16 +0200
Subject: [PATCH 24/33] XSLT now gets correct version selected

---
 Frontend/src/components/xml/XmlOutputFieldComponent.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index caa479b..6019317 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -41,7 +41,7 @@ function changeAvailableVersions() {
     if (props.tool == "xquery")
         versionsForCurrentEngine.value = ["3.1"];
     else if (props.tool == "xslt")
-        versionsForCurrentEngine.value = ["3.0"];
+        changeAvailableVersionsOfXSLT();
     else if (props.tool == "xsd")
         versionsForCurrentEngine.value = ["N/A"];
     else if (props.tool == "xpath")
@@ -50,6 +50,13 @@ function changeAvailableVersions() {
     selectDefaultVersion();
 }
 
+function changeAvailableVersionsOfXSLT() {
+    if(engine.value == "saxon")
+        versionsForCurrentEngine.value = ["3.0"];
+    else
+        versionsForCurrentEngine.value = ["1.0"];
+}
+
 function changeAvailableVersionsOfXPath() {
     if(engine.value == "xalan" || engine.value == "libxml")
         versionsForCurrentEngine.value = ["1.0"];
-- 
2.51.0


From cd2873f34970b0e05fd6023067a00241341ee08b Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 14:15:08 +0200
Subject: [PATCH 25/33] Adjusted responsiveness in Formatters

---
 Frontend/src/views/JsonFormatterView.vue | 2 +-
 Frontend/src/views/XmlFormatterView.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/views/JsonFormatterView.vue b/Frontend/src/views/JsonFormatterView.vue
index 4230b31..72f4d6a 100644
--- a/Frontend/src/views/JsonFormatterView.vue
+++ b/Frontend/src/views/JsonFormatterView.vue
@@ -22,7 +22,7 @@ function clear() {
 
 <template>
     <div id="layout" class="flex flex-col w-full h-full gap-4">
-        <div id="toolbar" class= "flex flex-col gap-4 items-center md:flex-row place-content-between">
+        <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
             <span class="dark:text-slate-100">JSON Formatter</span>
             <div class="space-x-2">
                 <InsertTemplateComponent pretty-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index 7d1d6ca..cd225dc 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -22,7 +22,7 @@ function clear() {
 
 <template>
     <div id="layout" class="flex flex-col w-full h-full gap-4">
-        <div id="toolbar" class= "flex flex-col gap-4 items-center md:flex-row place-content-between">
+        <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
             <span class="dark:text-slate-100">XML Formatter</span>
             <div class="space-x-2">
                 <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
-- 
2.51.0


From 767493057ff14d518cecd93ad64cb5c8ac21e3e1 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 14:33:14 +0200
Subject: [PATCH 26/33] Buttons in Formatters are now better placed

---
 Frontend/src/style.css                   | 2 +-
 Frontend/src/views/JsonFormatterView.vue | 2 +-
 Frontend/src/views/XmlFormatterView.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index 327b065..4762ca1 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .tool-button {
-    @apply py-1 px-4 rounded-full bg-gradient-to-r from-blue-300 to-sky-200  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+    @apply py-1 px-4 rounded-full w-fit bg-gradient-to-r from-blue-300 to-sky-200  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 }
 
 .text-field {
diff --git a/Frontend/src/views/JsonFormatterView.vue b/Frontend/src/views/JsonFormatterView.vue
index 72f4d6a..ca70ad8 100644
--- a/Frontend/src/views/JsonFormatterView.vue
+++ b/Frontend/src/views/JsonFormatterView.vue
@@ -24,7 +24,7 @@ function clear() {
     <div id="layout" class="flex flex-col w-full h-full gap-4">
         <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
             <span class="dark:text-slate-100">JSON Formatter</span>
-            <div class="space-x-2">
+            <div class="flex flex-wrap gap-2 justify-center">
                 <InsertTemplateComponent pretty-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <button class="tool-button" @click="clear()">Clear</button>
                 <JsonButtonFormatterComponent isMinimizer :xml="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index cd225dc..7ef3271 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -24,7 +24,7 @@ function clear() {
     <div id="layout" class="flex flex-col w-full h-full gap-4">
         <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
             <span class="dark:text-slate-100">XML Formatter</span>
-            <div class="space-x-2">
+            <div class="flex flex-wrap gap-2 justify-center">
                 <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <button class="tool-button" @click="clear()">Clear</button>
                 <XMLButtonFormatterComponent is-minimizer :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
-- 
2.51.0


From fa9cd7babce79893ff6de9933369269744dd168a Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 14:44:21 +0200
Subject: [PATCH 27/33] Fixed content getting out of screen on small screens

---
 Frontend/src/components/xml/XmlOutputFieldComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index 6019317..85c80df 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -121,7 +121,7 @@ function clear() {
 </script>
 
 <template>
-    <div class="flex flex-col w-full lg:w-1/2 h-full items-center">
+    <div class="flex flex-col w-full lg:w-1/2 h-1/2 lg:h-full items-center">
         <div class="flex place-content-between w-full items-center m-2">
             <span class="dark:text-white">Result:</span>
             <div class="flex space-x-2">
-- 
2.51.0


From a1e6fa66ed3acc10cd086ff63e23a0627f26c7af Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 21 Jun 2023 08:37:40 +0200
Subject: [PATCH 28/33] Fixed problematic namespace

---
 Frontend/src/assets/sampleXQuery.xquery |   5 +-
 Frontend/src/assets/sampleXml.xml       | 122 ++++++++++++------------
 Frontend/src/assets/sampleXsd.xml       |  14 +--
 3 files changed, 71 insertions(+), 70 deletions(-)

diff --git a/Frontend/src/assets/sampleXQuery.xquery b/Frontend/src/assets/sampleXQuery.xquery
index f1931fd..11b3552 100644
--- a/Frontend/src/assets/sampleXQuery.xquery
+++ b/Frontend/src/assets/sampleXQuery.xquery
@@ -1,4 +1,5 @@
 declare default element namespace "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd";
+declare namespace u = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd";
 
-for $x in /root/UserList[@Id = 'a']/User
-return string($x/Name)
\ No newline at end of file
+for $x in /u:root/u:UserList[@Id = 'a']/u:User
+return string($x/u:Name)
\ No newline at end of file
diff --git a/Frontend/src/assets/sampleXml.xml b/Frontend/src/assets/sampleXml.xml
index d987061..4d45746 100644
--- a/Frontend/src/assets/sampleXml.xml
+++ b/Frontend/src/assets/sampleXml.xml
@@ -1,62 +1,62 @@
 <?xml version = "1.0" encoding = "UTF-8"?>
-<root xmlns = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd" xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd Schema4tools.xsd">
-	<UserList Id = "a">
-		<User Id = "1">
-			<Name>John</Name>
-			<Surname>Wick</Surname>
-			<DateOfDeath>2023-10-10</DateOfDeath>
-		</User>
-		<User Id = "2">
-			<Name>Martha</Name>
-			<Surname>Whane</Surname>
-			<DateOfDeath>1970-06-13</DateOfDeath>
-		</User>
-		<User Id = "3">
-			<Name>Bruce</Name>
-			<Surname>Lee</Surname>
-			<DateOfDeath>1985-01-24</DateOfDeath>
-		</User>
-		<User Id = "4">
-			<Name>John</Name>
-			<Surname>Rambo</Surname>
-			<DateOfDeath>2024-06-19</DateOfDeath>
-		</User>
-		<NameList>FirstList</NameList>
-	</UserList>
-	<UserList Id = "b">
-		<User Id = "1">
-			<Name>Jack</Name>
-			<Surname>Wicker</Surname>
-			<DateOfDeath>2023-10-10</DateOfDeath>
-		</User>
-		<NameList>SecondList</NameList>
-	</UserList>
-	<UserList Id = "c">
-		<User Id = "1">
-			<Name>New</Name>
-			<Surname>Folder</Surname>
-			<DateOfDeath>2023-11-10</DateOfDeath>
-		</User>
-		<User Id = "2">
-			<Name>Newer</Name>
-			<Surname>Folder</Surname>
-			<DateOfDeath>2023-11-11</DateOfDeath>
-		</User>
-		<User Id = "3">
-			<Name>Newest</Name>
-			<Surname>Folder</Surname>
-			<DateOfDeath>2023-11-12</DateOfDeath>
-		</User>
-		<User Id = "4">
-			<Name>New</Name>
-			<Surname>Folder2</Surname>
-			<DateOfDeath>2023-11-13</DateOfDeath>
-		</User>
-		<User Id = "5">
-			<Name>New</Name>
-			<Surname>Folder-Final</Surname>
-			<DateOfDeath>2023-11-14</DateOfDeath>
-		</User>
-		<NameList>ThirdList</NameList>
-	</UserList>
-</root>
\ No newline at end of file
+<u:root xmlns:u = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd" xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd Schema4tools.xsd">
+	<u:UserList Id = "a">
+		<u:User Id = "1">
+			<u:Name>John</u:Name>
+			<u:Surname>Wick</u:Surname>
+			<u:DateOfDeath>2023-10-10</u:DateOfDeath>
+		</u:User>
+		<u:User Id = "2">
+			<u:Name>Martha</u:Name>
+			<u:Surname>Whane</u:Surname>
+			<u:DateOfDeath>1970-06-13</u:DateOfDeath>
+		</u:User>
+		<u:User Id = "3">
+			<u:Name>Bruce</u:Name>
+			<u:Surname>Lee</u:Surname>
+			<u:DateOfDeath>1985-01-24</u:DateOfDeath>
+		</u:User>
+		<u:User Id = "4">
+			<u:Name>John</u:Name>
+			<u:Surname>Rambo</u:Surname>
+			<u:DateOfDeath>2024-06-19</u:DateOfDeath>
+		</u:User>
+		<u:NameList>FirstList</u:NameList>
+	</u:UserList>
+	<u:UserList Id = "b">
+		<u:User Id = "1">
+			<u:Name>Jack</u:Name>
+			<u:Surname>Wicker</u:Surname>
+			<u:DateOfDeath>2023-10-10</u:DateOfDeath>
+		</u:User>
+		<u:NameList>SecondList</u:NameList>
+	</u:UserList>
+	<u:UserList Id = "c">
+		<u:User Id = "1">
+			<u:Name>New</u:Name>
+			<u:Surname>Folder</u:Surname>
+			<u:DateOfDeath>2023-11-10</u:DateOfDeath>
+		</u:User>
+		<u:User Id = "2">
+			<u:Name>Newer</u:Name>
+			<u:Surname>Folder</u:Surname>
+			<u:DateOfDeath>2023-11-11</u:DateOfDeath>
+		</u:User>
+		<u:User Id = "3">
+			<u:Name>Newest</u:Name>
+			<u:Surname>Folder</u:Surname>
+			<u:DateOfDeath>2023-11-12</u:DateOfDeath>
+		</u:User>
+		<u:User Id = "4">
+			<u:Name>New</u:Name>
+			<u:Surname>Folder2</u:Surname>
+			<u:DateOfDeath>2023-11-13</u:DateOfDeath>
+		</u:User>
+		<u:User Id = "5">
+			<u:Name>New</u:Name>
+			<u:Surname>Folder-Final</u:Surname>
+			<u:DateOfDeath>2023-11-14</u:DateOfDeath>
+		</u:User>
+		<u:NameList>ThirdList</u:NameList>
+	</u:UserList>
+</u:root>
\ No newline at end of file
diff --git a/Frontend/src/assets/sampleXsd.xml b/Frontend/src/assets/sampleXsd.xml
index 1f8622c..93c5e5d 100644
--- a/Frontend/src/assets/sampleXsd.xml
+++ b/Frontend/src/assets/sampleXsd.xml
@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
-	 xmlns="http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
+	 xmlns:u="http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
 	 targetNamespace="http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
 	 elementFormDefault="qualified"
 	 attributeFormDefault="unqualified">
 	<xs:element name="root">
 		<xs:complexType>
 			<xs:sequence>
-				<xs:element ref="UserList" maxOccurs="unbounded"/>
+				<xs:element ref="u:UserList" maxOccurs="unbounded"/>
 			</xs:sequence>
 		</xs:complexType>
 	</xs:element>
 	<xs:element name="UserList">
 		<xs:complexType mixed="true">
 			<xs:sequence>
-				<xs:element ref="User" maxOccurs="unbounded"/>
-				<xs:element ref="NameList"/>
+				<xs:element ref="u:User" maxOccurs="unbounded"/>
+				<xs:element ref="u:NameList"/>
 			</xs:sequence>
 			<xs:attribute name="Id" type="xs:string" use="required"/>
 		</xs:complexType>
@@ -27,9 +27,9 @@
 	<xs:element name="User">
 		<xs:complexType>
 			<xs:sequence>
-				<xs:element ref="Name"/>
-				<xs:element ref="Surname"/>
-				<xs:element ref="DateOfDeath"/>
+				<xs:element ref="u:Name"/>
+				<xs:element ref="u:Surname"/>
+				<xs:element ref="u:DateOfDeath"/>
 			</xs:sequence>
 			<xs:attribute name="Id" type="xs:int" use="required"/>
 		</xs:complexType>
-- 
2.51.0


From 82bc60896f5fd92e78be055597e21cc04f7cda7c Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 21 Jun 2023 10:31:44 +0200
Subject: [PATCH 29/33] Added footer

---
 Frontend/{public => src/assets}/favicon.ico      | Bin
 .../src/components/sidebar/FooterComponent.vue   |  15 +++++++++++++++
 .../src/components/sidebar/SidebarComponent.vue  |   6 ++++--
 3 files changed, 19 insertions(+), 2 deletions(-)
 rename Frontend/{public => src/assets}/favicon.ico (100%)
 create mode 100644 Frontend/src/components/sidebar/FooterComponent.vue

diff --git a/Frontend/public/favicon.ico b/Frontend/src/assets/favicon.ico
similarity index 100%
rename from Frontend/public/favicon.ico
rename to Frontend/src/assets/favicon.ico
diff --git a/Frontend/src/components/sidebar/FooterComponent.vue b/Frontend/src/components/sidebar/FooterComponent.vue
new file mode 100644
index 0000000..293cb0b
--- /dev/null
+++ b/Frontend/src/components/sidebar/FooterComponent.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+
+
+</script>
+
+<template>
+   <div class="flex flex-col gap-4 text-center font-thin dark:text-slate-400 ">
+        <div class="flex flex-col">
+            <a href="mailto:bugs@release11.com">Found a bug?</a>
+            <a href="#" class="hidden">Privacy Policy</a>
+        </div>
+        
+        <span>Copyright 2023 <br/> Release11</span>
+   </div>
+</template>
\ No newline at end of file
diff --git a/Frontend/src/components/sidebar/SidebarComponent.vue b/Frontend/src/components/sidebar/SidebarComponent.vue
index 9578db0..50464a7 100644
--- a/Frontend/src/components/sidebar/SidebarComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarComponent.vue
@@ -2,6 +2,7 @@
 import { ref , onMounted} from 'vue'
 import SidebarToolLinkComponent from './SidebarToolLinkComponent.vue';
 import SidebarMenuElementComponent from './SidebarMenuElementComponent.vue';
+import FooterComponent from './FooterComponent.vue';
 import logoDark from '@assets/logo_biale.svg';
 import logoWhite from '@assets/logo_czarne.svg';
 
@@ -24,11 +25,11 @@ onMounted( () => {
 
 <template>
     <aside class="relative flex-shrink-0 top-0 left-0 z-40 w-48 h-screen" >
-        <div class="h-full px-3 pt-2 pb-4 overflow-y-auto">
+        <div class="flex flex-col h-full px-3 pt-2 pb-4 overflow-y-auto">
             <a href="https://release11.com/">
                 <img :src="logoR11" class="w-72 h-16 p-2 pt-0"/>
             </a>
-            <div class="flex flex-col font-medium items-center">
+            <div class="flex basis-full flex-col font-medium items-center">
                 <sidebar-menu-element-component category-name="XML">
                     <SidebarToolLinkComponent path-to="/xml/xpath" element-content="XPath" />
                     <SidebarToolLinkComponent path-to="/xml/xquery" element-content="XQuery" />
@@ -48,6 +49,7 @@ onMounted( () => {
                 </sidebar-menu-element-component>
 
             </div>
+            <FooterComponent></FooterComponent>
         </div>
     </aside>
 </template>
\ No newline at end of file
-- 
2.51.0


From aa5c2619bd5afdc645b49a9bebffd82643b6cd75 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 21 Jun 2023 10:42:58 +0200
Subject: [PATCH 30/33] Adjusted colors

---
 Frontend/src/App.vue                                          | 4 ++--
 Frontend/src/components/sidebar/FooterComponent.vue           | 2 +-
 .../src/components/sidebar/SidebarMenuElementComponent.vue    | 2 +-
 Frontend/src/style.css                                        | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/Frontend/src/App.vue b/Frontend/src/App.vue
index 75e3227..9e7cb5f 100644
--- a/Frontend/src/App.vue
+++ b/Frontend/src/App.vue
@@ -6,9 +6,9 @@ import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
 </script>
 
 <template>
-  <div id="layout" class="flex h-screen bg-gradient-to-r from-white to-blue-200 dark:from-slate-800 dark:to-indigo-950">
+  <div id="layout" class="flex h-screen bg-gradient-to-br from-sky-50 to-indigo-200 dark:from-slate-800 dark:to-indigo-950">
     <SidebarComponent />
-    <div class="relative p-6 w-full m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl shadow-md">
+    <div class="relative p-6 w-full m-4 bg-blue-50 dark:bg-gray-700 rounded-2xl shadow-md">
       <RouterView></RouterView>
     </div>
   </div>
diff --git a/Frontend/src/components/sidebar/FooterComponent.vue b/Frontend/src/components/sidebar/FooterComponent.vue
index 293cb0b..02b0ee6 100644
--- a/Frontend/src/components/sidebar/FooterComponent.vue
+++ b/Frontend/src/components/sidebar/FooterComponent.vue
@@ -4,7 +4,7 @@
 </script>
 
 <template>
-   <div class="flex flex-col gap-4 text-center font-thin dark:text-slate-400 ">
+   <div class="flex flex-col gap-4 text-center font-thin text-slate-600 dark:text-slate-400 ">
         <div class="flex flex-col">
             <a href="mailto:bugs@release11.com">Found a bug?</a>
             <a href="#" class="hidden">Privacy Policy</a>
diff --git a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
index 2b7f39f..d8c6182 100644
--- a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
@@ -17,7 +17,7 @@ const props = defineProps(
 
 
 <template>
-    <div class="w-full mb-4 p-2 rounded-xl shadow-md bg-gradient-to-r from-blue-400 to-blue-200 dark:from-sky-700 dark:to-sky-900">
+    <div class="w-full mb-4 p-2 rounded-xl shadow-md bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
         <button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-lg' : 'rounded-lg']" class="w-full p-2 text-lg font-bold text-gray-900 transition duration-75 hover:bg-blue-100 dark:text-gray-100  dark:hover:bg-slate-600">
             <span class="flex-1 whitespace-nowrap">{{props.categoryName}}</span>
         </button>
diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index 4762ca1..3663de1 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .tool-button {
-    @apply py-1 px-4 rounded-full w-fit bg-gradient-to-r from-blue-300 to-sky-200  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+    @apply py-1 px-4 rounded-full w-fit bg-gradient-to-r from-blue-300 to-blue-200 dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 }
 
 .text-field {
-- 
2.51.0


From bb118c47db90a3b0c39e99327a387fa6f9465158 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 21 Jun 2023 10:54:29 +0200
Subject: [PATCH 31/33] Further color adjustment

---
 Frontend/src/App.vue                                          | 4 ++--
 .../src/components/sidebar/SidebarMenuElementComponent.vue    | 2 +-
 Frontend/src/style.css                                        | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/App.vue b/Frontend/src/App.vue
index 9e7cb5f..2a93a0a 100644
--- a/Frontend/src/App.vue
+++ b/Frontend/src/App.vue
@@ -6,9 +6,9 @@ import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
 </script>
 
 <template>
-  <div id="layout" class="flex h-screen bg-gradient-to-br from-sky-50 to-indigo-200 dark:from-slate-800 dark:to-indigo-950">
+  <div id="layout" class="flex h-screen bg-gradient-to-r from-white to-sky-200 dark:from-slate-800 dark:to-indigo-950">
     <SidebarComponent />
-    <div class="relative p-6 w-full m-4 bg-blue-50 dark:bg-gray-700 rounded-2xl shadow-md">
+    <div class="relative p-6 w-full m-4 bg-blue-50 dark:bg-gray-700 rounded-2xl shadow-lg">
       <RouterView></RouterView>
     </div>
   </div>
diff --git a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
index d8c6182..9eed53b 100644
--- a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
@@ -17,7 +17,7 @@ const props = defineProps(
 
 
 <template>
-    <div class="w-full mb-4 p-2 rounded-xl shadow-md bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
+    <div class="w-full mb-4 p-2 rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
         <button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-lg' : 'rounded-lg']" class="w-full p-2 text-lg font-bold text-gray-900 transition duration-75 hover:bg-blue-100 dark:text-gray-100  dark:hover:bg-slate-600">
             <span class="flex-1 whitespace-nowrap">{{props.categoryName}}</span>
         </button>
diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index 3663de1..03ecf9e 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .tool-button {
-    @apply py-1 px-4 rounded-full w-fit bg-gradient-to-r from-blue-300 to-blue-200 dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+    @apply py-1 px-4 rounded-full w-fit bg-gradient-to-r from-blue-400 to-blue-300 dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 }
 
 .text-field {
-- 
2.51.0


From cac46c39f3cb1cf293c03c18f1f322e3b9fd4571 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 21 Jun 2023 12:43:33 +0200
Subject: [PATCH 32/33] Removed any Tibco references and adjusted prefixes in
 XPath Sample

---
 Frontend/src/assets/sampleXQuery.xquery                    | 4 ++--
 Frontend/src/assets/sampleXml.xml                          | 2 +-
 Frontend/src/assets/sampleXsd.xml                          | 4 ++--
 Frontend/src/assets/sampleXslt.xml                         | 2 +-
 Frontend/src/components/common/InsertTemplateComponent.vue | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/Frontend/src/assets/sampleXQuery.xquery b/Frontend/src/assets/sampleXQuery.xquery
index 11b3552..4c518d5 100644
--- a/Frontend/src/assets/sampleXQuery.xquery
+++ b/Frontend/src/assets/sampleXQuery.xquery
@@ -1,5 +1,5 @@
-declare default element namespace "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd";
-declare namespace u = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd";
+declare default element namespace "http://www.release11.com/schemas/Sample.xsd";
+declare namespace u = "http://www.release11.com/schemas/Sample.xsd";
 
 for $x in /u:root/u:UserList[@Id = 'a']/u:User
 return string($x/u:Name)
\ No newline at end of file
diff --git a/Frontend/src/assets/sampleXml.xml b/Frontend/src/assets/sampleXml.xml
index 4d45746..04a2632 100644
--- a/Frontend/src/assets/sampleXml.xml
+++ b/Frontend/src/assets/sampleXml.xml
@@ -1,5 +1,5 @@
 <?xml version = "1.0" encoding = "UTF-8"?>
-<u:root xmlns:u = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd" xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd Schema4tools.xsd">
+<u:root xmlns:u = "http://www.release11.com/schemas/Sample.xsd" xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd Schema4tools.xsd">
 	<u:UserList Id = "a">
 		<u:User Id = "1">
 			<u:Name>John</u:Name>
diff --git a/Frontend/src/assets/sampleXsd.xml b/Frontend/src/assets/sampleXsd.xml
index 93c5e5d..43f7cc6 100644
--- a/Frontend/src/assets/sampleXsd.xml
+++ b/Frontend/src/assets/sampleXsd.xml
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
-	 xmlns:u="http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
-	 targetNamespace="http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
+	 xmlns:u="http://www.release11.com/schemas/Sample.xsd"
+	 targetNamespace="http://www.release11.com/schemas/Sample.xsd"
 	 elementFormDefault="qualified"
 	 attributeFormDefault="unqualified">
 	<xs:element name="root">
diff --git a/Frontend/src/assets/sampleXslt.xml b/Frontend/src/assets/sampleXslt.xml
index 00a38ad..37cb8ae 100644
--- a/Frontend/src/assets/sampleXslt.xml
+++ b/Frontend/src/assets/sampleXslt.xml
@@ -1,5 +1,5 @@
 <?xml version = "1.0" encoding = "UTF-8"?>
-<xsl:stylesheet version="1.0" xmlns:u = "http://www.tibco.com/schemas/Shemy4tools/Folder/Schema.xsd"
+<xsl:stylesheet version="1.0" xmlns:u = "http://www.release11.com/schemas/Sample.xsd"
                               xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
     <xsl:template match="/">
         <UserLists>
diff --git a/Frontend/src/components/common/InsertTemplateComponent.vue b/Frontend/src/components/common/InsertTemplateComponent.vue
index 4ae5159..1f8f770 100644
--- a/Frontend/src/components/common/InsertTemplateComponent.vue
+++ b/Frontend/src/components/common/InsertTemplateComponent.vue
@@ -21,7 +21,7 @@ function setDefault() {
             emit(emitName, "{'message': 'Here we have to add some proper message', 'answer': 'Ya, definitely'}")
             break;
         case "xpath":
-            emit(emitName, "/root/UserList/User[../NameList = 'FirstList']")
+            emit(emitName, "/u:root/u:UserList/u:User[../u:NameList = 'FirstList']")
             break;
         case "xsd":
             emit(emitName, sampleXSD)
-- 
2.51.0


From 5bd88577d7deeef0c50e469529980eaee513c379 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 21 Jun 2023 13:18:04 +0200
Subject: [PATCH 33/33] Changed prretyName props to stylizedName and some other
 to more descriptive

---
 .../components/common/InsertTemplateComponent.vue    |  6 +++---
 .../formatter/JsonButtonFormatterComponent.vue       |  4 ++--
 .../src/components/xml/XmlInputFieldComponent.vue    | 12 ++++++------
 Frontend/src/views/JsonFormatterView.vue             |  6 +++---
 Frontend/src/views/XPathView.vue                     |  4 ++--
 Frontend/src/views/XQueryView.vue                    |  4 ++--
 Frontend/src/views/XSDView.vue                       |  4 ++--
 Frontend/src/views/XSLTView.vue                      |  4 ++--
 Frontend/src/views/XmlFormatterView.vue              |  2 +-
 9 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/Frontend/src/components/common/InsertTemplateComponent.vue b/Frontend/src/components/common/InsertTemplateComponent.vue
index 1f8f770..d80c240 100644
--- a/Frontend/src/components/common/InsertTemplateComponent.vue
+++ b/Frontend/src/components/common/InsertTemplateComponent.vue
@@ -8,7 +8,7 @@ import sampleXQuery from "@/assets/sampleXQuery.xquery?raw"
 
 const props = defineProps(
     {
-        prettyName: {type: String, required: true}
+        stylizedName: {type: String, required: true}
     }
 )
 
@@ -16,7 +16,7 @@ const emit = defineEmits(['update:defaultData'])
 
 function setDefault() {
     const emitName = "update:defaultData";
-    switch (props.prettyName.toLowerCase()) {
+    switch (props.stylizedName.toLowerCase()) {
         case "json":
             emit(emitName, "{'message': 'Here we have to add some proper message', 'answer': 'Ya, definitely'}")
             break;
@@ -43,5 +43,5 @@ function setDefault() {
 </script>
 
 <template>
-    <button class="tool-button" @click="setDefault()">Default {{ prettyName }}</button>
+    <button class="tool-button" @click="setDefault()">Default {{ stylizedName }}</button>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
index ab0a6c2..f368077 100644
--- a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
+++ b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 
 const props = defineProps({
-    xml: {type: String, required: true},
+    json: {type: String, required: true},
     isMinimizer: {type: Boolean}
 })
 
@@ -30,7 +30,7 @@ function prepareURL(): string {
 }
 
 function prepareRequestBody():string {
-    var requestBody = props.xml;
+    var requestBody = props.json;
     return requestBody;
 }
 
diff --git a/Frontend/src/components/xml/XmlInputFieldComponent.vue b/Frontend/src/components/xml/XmlInputFieldComponent.vue
index 16cf1af..f4fd53a 100644
--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -7,7 +7,7 @@ const data = ref('')
 
 const props = defineProps(
     {
-        prettyName: {type: String, required: true},
+        stylizedName: {type: String, required: true},
         data: {type: String},
     }
 )
@@ -27,9 +27,9 @@ function clear() {
 }
 
 function canBeFormatted() {
-    return props.prettyName.toLowerCase() == 'xml' || 
-           props.prettyName.toLowerCase() == 'xsd' || 
-           props.prettyName.toLowerCase() == 'xslt';
+    return props.stylizedName.toLowerCase() == 'xml' || 
+           props.stylizedName.toLowerCase() == 'xsd' || 
+           props.stylizedName.toLowerCase() == 'xslt';
 }
 
 </script>
@@ -37,9 +37,9 @@ function canBeFormatted() {
 <template>
     <div class="flex flex-col w-full h-1/2">
         <div class="flex place-content-between w-full pr-2 items-center m-2">
-            <span class="dark:text-white">{{ prettyName }}</span>
+            <span class="dark:text-white">{{ stylizedName }}</span>
             <div class="flex space-x-2">
-                <InsertTemplateComponent :pretty-name="props.prettyName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
+                <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
                 <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
                 <button class="tool-button" @click="clear">Clear</button>
             </div>
diff --git a/Frontend/src/views/JsonFormatterView.vue b/Frontend/src/views/JsonFormatterView.vue
index ca70ad8..5c4f345 100644
--- a/Frontend/src/views/JsonFormatterView.vue
+++ b/Frontend/src/views/JsonFormatterView.vue
@@ -25,10 +25,10 @@ function clear() {
         <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
             <span class="dark:text-slate-100">JSON Formatter</span>
             <div class="flex flex-wrap gap-2 justify-center">
-                <InsertTemplateComponent pretty-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
+                <InsertTemplateComponent stylized-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <button class="tool-button" @click="clear()">Clear</button>
-                <JsonButtonFormatterComponent isMinimizer :xml="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
-                <JsonButtonFormatterComponent :xml="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
+                <JsonButtonFormatterComponent isMinimizer :json="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
+                <JsonButtonFormatterComponent :json="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
             </div>
         </div>
         <textarea name="data" id="data" :value="json" class="text-field"></textarea>
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index 69eeed9..eb00f58 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -12,8 +12,8 @@ const query = ref('');
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
         <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
-            <xmlInputFieldComponent prettyName="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent>
-            <xmlInputFieldComponent prettyName="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent stylized-name="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
diff --git a/Frontend/src/views/XQueryView.vue b/Frontend/src/views/XQueryView.vue
index 81af519..46fa5d3 100644
--- a/Frontend/src/views/XQueryView.vue
+++ b/Frontend/src/views/XQueryView.vue
@@ -12,8 +12,8 @@ const query = ref('');
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
         <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
-            <xmlInputFieldComponent prettyName="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
-            <xmlInputFieldComponent prettyName="XQuery" @update="(data) => {query = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent stylized-name="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent stylized-name="XQuery" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xquery" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
diff --git a/Frontend/src/views/XSDView.vue b/Frontend/src/views/XSDView.vue
index 60582ee..7b78dcc 100644
--- a/Frontend/src/views/XSDView.vue
+++ b/Frontend/src/views/XSDView.vue
@@ -12,8 +12,8 @@ const query = ref('');
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
         <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
-            <xmlInputFieldComponent prettyName="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
-            <xmlInputFieldComponent prettyName="XSD" @update="(data) => {query = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent stylized-name="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent stylized-name="XSD" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xsd" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
diff --git a/Frontend/src/views/XSLTView.vue b/Frontend/src/views/XSLTView.vue
index b97c2a8..8d60a38 100644
--- a/Frontend/src/views/XSLTView.vue
+++ b/Frontend/src/views/XSLTView.vue
@@ -12,8 +12,8 @@ const query = ref('');
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
         <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
-            <xmlInputFieldComponent prettyName="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
-            <xmlInputFieldComponent prettyName="XSLT" @update="(data) => {query = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent stylized-name="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
+            <xmlInputFieldComponent stylized-name="XSLT" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xslt" :xml="xml" :query="query"></xmlOutputFieldComponent>
     </div>
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index 7ef3271..853c0e2 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -25,7 +25,7 @@ function clear() {
         <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
             <span class="dark:text-slate-100">XML Formatter</span>
             <div class="flex flex-wrap gap-2 justify-center">
-                <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
+                <InsertTemplateComponent stylized-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <button class="tool-button" @click="clear()">Clear</button>
                 <XMLButtonFormatterComponent is-minimizer :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
                 <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
-- 
2.51.0