From 200e09ae2a0fa80e611860888db228becefdf4fd Mon Sep 17 00:00:00 2001
From: Kodai Aoyama <kodai.aoyama+github@gmail.com>
Date: Tue, 10 May 2022 00:45:53 +0900
Subject: [PATCH 1/3] show rendered html with iframe

---
 ui/src/rete/controls/EndpointControl.jsx | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/ui/src/rete/controls/EndpointControl.jsx b/ui/src/rete/controls/EndpointControl.jsx
index a3bffa3..498104f 100644
--- a/ui/src/rete/controls/EndpointControl.jsx
+++ b/ui/src/rete/controls/EndpointControl.jsx
@@ -7,17 +7,12 @@ export class EndpointControl extends Rete.Control {
         Preview
       </label>
       {contentType === "text/html; charset=utf-8" ? (
-        <div
-          className="hasScrollbar"
-          style={{
-            backgroundColor: "white",
-            overflowY: "auto",
-            maxHeight: "500px",
-          }}
-          // eslint-disable-next-line react/no-danger
-          dangerouslySetInnerHTML={{
-            __html: value,
-          }}
+        <iframe
+          style={{ backgroundColor: "white" }}
+          title="preview"
+          srcDoc={value}
+          width={600}
+          height={400}
         />
       ) : (
         <textarea

From 75ec66f31767f8167eef5a650395aa189180da62 Mon Sep 17 00:00:00 2001
From: Kodai Aoyama <kodai.aoyama+github@gmail.com>
Date: Tue, 10 May 2022 00:46:11 +0900
Subject: [PATCH 2/3] sql component handle placeholder

---
 command/cmd/api.go                            | 48 ++++++++++++++++++-
 ui/src/rete.jsx                               |  2 +
 .../input/SqlWithPlaceHolderComponent.js      | 31 ++++++++++++
 ui/src/rete/controls/EditableSqlComponent.jsx |  3 +-
 4 files changed, 81 insertions(+), 3 deletions(-)
 create mode 100644 ui/src/rete/components/input/SqlWithPlaceHolderComponent.js

diff --git a/command/cmd/api.go b/command/cmd/api.go
index fea9d7b..6932f90 100644
--- a/command/cmd/api.go
+++ b/command/cmd/api.go
@@ -117,6 +117,21 @@ func isJSONorHTMLNode(name string) bool {
 	return isJSONNode(name) || name == "Template"
 }
 
+func isSQLInjectionParams(value string) bool {
+	regs := [...] *regexp.Regexp {
+		regexp.MustCompile(`(%27)|(')|(--)|(%23)|(#)`),
+		regexp.MustCompile(`((%3D)|(=))[^\n]*((%27)|(')|(--)|(%3B)|(;))`),
+		regexp.MustCompile(`w*((%27)|('))((%6F)|o|(%4F))((%72)|r|(%52))`),
+		regexp.MustCompile(`((%27)|('))union`),
+	}
+	val := strings.ToLower(value)
+	for _, reg := range regs {
+			isSQLInjection := reg.MatchString(val)
+			if isSQLInjection {return true}
+	}
+	return false
+}
+
 func endpointHandler(c echo.Context) error {
 	return c.Blob(http.StatusOK, staticEndpoints[c.Path()].ContentType, []byte(staticEndpoints[c.Path()].Content))
 }
@@ -303,13 +318,42 @@ func contentBuilder(contents map[int]map[string]map[string]interface{}) func(req
 						tmp := map[string]string{}
 						err := json.Unmarshal([]byte(pathParams), &tmp)
 						if err != nil {
-							log.Fatal(err)
+							return body{http.StatusBadRequest, "", []apiResponse{}}
 						}
 						for k, v := range tmp {
 							unformattedURL = strings.ReplaceAll(unformattedURL, ":"+k, v)
 						}
 					}
 					c[i][k]["content"] = unformattedURL
+				} else if v["name"] == "SqlWithPlaceHolder" {
+					unformattedSQL := v["content"].(string)
+					placeHolderParams := ""
+					for _, v1 := range c[i+1] {
+						if v1["parent"] == k {
+							placeHolderParams = v1["content"].(string)
+						}
+					}
+					if placeHolderParams != "" {
+						tmp := map[string]string{}
+						err := json.Unmarshal([]byte(placeHolderParams), &tmp)
+						dbType := "Common"
+						if err != nil {
+							if reqDBCounter != nil {
+								reqDBCounter.WithLabelValues(dbType, err.Error()).Inc()
+							}
+							return body{http.StatusBadRequest, "", []apiResponse{}}
+						}
+						for k, v := range tmp {
+							if (isSQLInjectionParams(v)){
+								if reqDBCounter != nil {
+									reqDBCounter.WithLabelValues(dbType, "Reject SQL Injection: " + v).Inc()
+								}
+								return body{http.StatusBadRequest, "", []apiResponse{}}
+							}
+							unformattedSQL = strings.ReplaceAll(unformattedSQL, "${"+k+"}", v)
+						}
+					}
+					c[i][k]["content"] = unformattedSQL
 				} else if v["name"] == "Request" {
 					content := v["content"].(map[string]interface{})
 					requestType := fmt.Sprintf("%v", content["type"])
@@ -368,7 +412,7 @@ func contentBuilder(contents map[int]map[string]map[string]interface{}) func(req
 					dummyJSON := ""
 					for _, v1 := range c[i+1] {
 						if v1["parent"] == k {
-							if v1["name"] == "SQL" {
+							if v1["name"] == "SQL" || v1["name"] == "SqlWithPlaceHolder" {
 								query = v1["content"].(string)
 							} else if v1["name"] == "DummyJSON" {
 								dummyJSON = v1["content"].(string)
diff --git a/ui/src/rete.jsx b/ui/src/rete.jsx
index b17f999..b088caf 100644
--- a/ui/src/rete.jsx
+++ b/ui/src/rete.jsx
@@ -17,6 +17,7 @@ import { UrlComponent } from "./rete/components/input/UrlComponent";
 import { UrlWithPathParamComponent } from "./rete/components/input/UrlWithPathParamComponent";
 import { HtmlComponent } from "./rete/components/input/HtmlComponent";
 import { SqlComponent } from "./rete/components/input/SqlComponent";
+import { SqlWithPlaceHolderComponent } from "./rete/components/input/SqlWithPlaceHolderComponent";
 import { TemplateComponent } from "./rete/components/template/TemplateComponent";
 import { HandlebarsComponent } from "./rete/components/template/HandlebarsComponent";
 import { PugComponent } from "./rete/components/template/PugComponent";
@@ -77,6 +78,7 @@ export async function createEditor(container) {
     new HandlebarsComponent(handlebarsSocket),
     new PugComponent(pugSocket),
     new SqlComponent(sqlSocket),
+    new SqlWithPlaceHolderComponent(sqlSocket, jsonSocket),
     new ApiComponent(jsonSocket, dummyJsonSocket, urlSocket),
     new MySQLComponent(jsonSocket, dummyJsonSocket, sqlSocket),
     new PostgreSQLComponent(jsonSocket, dummyJsonSocket, sqlSocket),
diff --git a/ui/src/rete/components/input/SqlWithPlaceHolderComponent.js b/ui/src/rete/components/input/SqlWithPlaceHolderComponent.js
new file mode 100644
index 0000000..a9adf8d
--- /dev/null
+++ b/ui/src/rete/components/input/SqlWithPlaceHolderComponent.js
@@ -0,0 +1,31 @@
+import Rete from "rete";
+import { SqlControl } from "../../controls/SqlControl";
+
+export class SqlWithPlaceHolderComponent extends Rete.Component {
+  path = ["New"];
+
+  constructor(socket, jsonSocket) {
+    super("SqlWithPlaceHolder");
+    this.socket = socket;
+    this.jsonSocket = jsonSocket;
+  }
+
+  builder(node) {
+    const input = new Rete.Input(
+      "placeHolderParams",
+      "placeHolderParams (JSON)",
+      this.jsonSocket
+    );
+    const out = new Rete.Output("sql", "SQL", this.socket);
+
+    return node
+      .addInput(input)
+      .addControl(new SqlControl(this.editor, "sql", node))
+      .addOutput(out);
+  }
+
+  worker(node, _, outputs) {
+    outputs.sql = node.data.sql;
+    outputs.placeHolderParams = node.data.placeHolderParams;
+  }
+}
diff --git a/ui/src/rete/controls/EditableSqlComponent.jsx b/ui/src/rete/controls/EditableSqlComponent.jsx
index 07b828a..67b81c3 100644
--- a/ui/src/rete/controls/EditableSqlComponent.jsx
+++ b/ui/src/rete/controls/EditableSqlComponent.jsx
@@ -22,7 +22,8 @@ export const EditableSqlComponent = ({ value, onChange }) => {
       value={code}
       onValueChange={(c) => {
         try {
-          parser.parse(c);
+          const replacedForPlaceHolder = c.replaceAll(/\$\{.*?\}/g, "dummy");
+          parser.parse(replacedForPlaceHolder);
           setWarn(false);
           setStack(null);
         } catch (e) {

From 4f0bff46d96a371c7c323187f33f708230b2a471 Mon Sep 17 00:00:00 2001
From: Kodai Aoyama <kodai.aoyama+github@gmail.com>
Date: Tue, 10 May 2022 00:47:38 +0900
Subject: [PATCH 3/3] update README

---
 README.ja.md |  2 +-
 README.md    | 48 ++++++++++++++++++++++++++++--------------------
 2 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/README.ja.md b/README.ja.md
index 944fd22..8a19b2d 100644
--- a/README.ja.md
+++ b/README.ja.md
@@ -72,7 +72,7 @@ brew upgrade tuna
 ```sh
 # wget または curl でインストール
 ## releasesタブの最新のバージョンを指定してください。
-VERSION=v0.0.17
+VERSION=v0.0.19
 ## 利用OSを指定してください。
 OS=linux_amd64
 ## wget経由の場合
diff --git a/README.md b/README.md
index 766157f..9b2235a 100644
--- a/README.md
+++ b/README.md
@@ -18,25 +18,33 @@ TUNA-Mayonnaise is a CommandLineTool to generate and serve JSON/HTML on the node
 <details>
 <summary>CLICK</summary>
 
-- [Why](#why)
-- [Get Started](#get-started)
-  - [Install](#install)
-  - [Usage](#usage)
-- [Tool Features](#tool-features)
-  - [Template Engine](#template-engine)
-  - [API](#api)
-  - [Database](#database)
-- [API Features](#api-features)
-  - [Monitoring](#monitoring)
-- [UseCases](#usecases)
-  - [1. Serve Static JSON](#1-serve-static-json)
-  - [2. Serve Static HTML](#2-serve-static-html)
-  - [3. Serve Dynamic JSON](#3-serve-dynamic-json)
-  - [4. Serve Dynamic HTML](#4-serve-dynamic-html)
-- [Dependencies](#dependencies)
-  - [BACKEND Dependencies](#backend-dependencies)
-  - [FRONTEND Dependencies](#frontend-dependencies)
-  - [FRONTEND DEV Dependencies](#frontend-dev-dependencies)
+- [!tuna-mayonnaise](#)
+  - [Table of Contents](#table-of-contents)
+  - [Why](#why)
+  - [Get Started](#get-started)
+    - [Install](#install)
+      - [For MacOS (Homebrew)](#for-macos-homebrew)
+      - [For Others (Binary Releases)](#for-others-binary-releases)
+    - [Usage](#usage)
+      - [1. Launch a tool on your browser](#1-launch-a-tool-on-your-browser)
+      - [2. Serve your JSON/HTML](#2-serve-your-jsonhtml)
+  - [Tool Features](#tool-features)
+    - [Template Engine](#template-engine)
+    - [API](#api)
+    - [Database](#database)
+      - [Connection Options](#connection-options)
+        - [TLS / SSL](#tls--ssl)
+  - [API Features](#api-features)
+    - [Monitoring](#monitoring)
+  - [UseCases](#usecases)
+    - [1. Serve Static JSON](#1-serve-static-json)
+    - [2. Serve Static HTML](#2-serve-static-html)
+    - [3. Serve Dynamic JSON](#3-serve-dynamic-json)
+    - [4. Serve Dynamic HTML](#4-serve-dynamic-html)
+  - [Dependencies](#dependencies)
+    - [BACKEND Dependencies](#backend-dependencies)
+    - [FRONTEND Dependencies](#frontend-dependencies)
+    - [FRONTEND DEV Dependencies](#frontend-dev-dependencies)
 
 </details>
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
@@ -74,7 +82,7 @@ you can download a binary release [here](https://github.com/solaoi/tuna-mayonnai
 ```sh
 # Install with wget or curl
 ## set the latest version on releases.
-VERSION=v0.0.17
+VERSION=v0.0.19
 ## set the OS you use.
 OS=linux
 ## case you use wget