Almost dragging and WYSiWYG start

18 files changed, 367 insertions, 9 deletions

diff --git a/.gitignore b/.gitignore
index b947077..283d180 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 node_modules/
 dist/
+src/server/fridges
diff --git a/package.json b/package.json
index 862ad72..def0188 100644
--- a/package.json
+++ b/package.json
@@ -1,13 +1,13 @@
 {
-  "name": "webpack-ts-template",
+  "name": "isiqandisi",
   "version": "0.0.1",
-  "description": "Template for typescript project with webpack",
+  "description": "",
   "main": "index.ts",
   "scripts": {
     "serve": "webpack serve --mode development",
     "build": "webpack --mode production"
   },
-  "repository": "git@git.jopek.eu:maks/webpack-ts-template.git",
+  "repository": "git@git.jopek.eu:isiqandisi",
   "author": "Maks Jopek <maks@jopek.eu>",
   "license": "AGPL-3.0-or-later",
   "private": false,
@@ -29,7 +29,9 @@
     "webpack-dev-server": "^3.11.2"
   },
   "dependencies": {
-    "dotenv": "^9.0.2"
+    "@types/tinymce": "^4.6.4",
+    "dotenv": "^9.0.2",
+    "tinymce": "^5.10.0"
   },
   "browserslist": [
     "last 1 chrome version"
diff --git a/src/consts.ts b/src/consts.ts
index e69de29..401de7e 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -0,0 +1,4 @@
+export let _zi = -2147483648;
+export function zi() {
+  return (_zi++).toString();
+}
diff --git a/src/index.ts b/src/index.ts
index 00391b5..79d5386 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,2 +1,12 @@
-import "@/styles/index.css";
+import "Styles/index.css";
 
+async function goToMain() {
+  const i = document.getElementsByTagName("input")[0]
+  const res = await (await fetch("http://localhost:8000/getFridge.php?name=" + i.value)).text()
+  sessionStorage.fridge = res;
+  location.href = "/main.html"
+}
+declare global {
+  interface Window { goToMain: () => void; }
+}
+window.goToMain = goToMain
diff --git a/src/main.ts b/src/main.ts
index a955f0e..280cd99 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1 +1,27 @@
-console.log("main.ts")
+import "Styles/main.css";
+
+import Fridge from "Modules/Fridge"
+import Events from "Modules/Events"
+
+import tinymce from 'tinymce';
+import 'tinymce/icons/default';
+import 'tinymce/themes/silver';
+import 'tinymce/skins/ui/oxide/skin.css';
+import 'tinymce/plugins/save'
+
+tinymce.init({
+  selector: '#tinymce',
+  plugins: 'save',
+  // plugins: 'advlist code emoticons link lists table',
+  // toolbar: 'bold italic | bullist numlist | link emoticons',
+  // skin: false,
+  // content_css: false,
+  // content_style: contentUiCss.toString() + '\n' + contentCss.toString(),
+});
+
+const tinyFooter = document.getElementsByClassName("tox-statusbar__branding")[0].parentElement as HTMLDivElement
+tinyFooter.innerHTML = "<button>adsasd</button>"
+const fridge = new Fridge()
+// fridge.createChit()
+Events.setAll(fridge)
+
diff --git a/src/modules/Chit.ts b/src/modules/Chit.ts
new file mode 100644
index 0000000..823ecab
--- /dev/null
+++ b/src/modules/Chit.ts
@@ -0,0 +1,121 @@
+import { zi } from "@/consts";
+import Fridge from "./Fridge";
+
+export default class Chit {
+  public isMoving = false;
+
+  #top: number;
+  #left: number;
+  #width: number;
+  #height: number;
+  #div: HTMLDivElement;
+  #txt: string;
+  #fride: Fridge;
+
+  get nCol() { return "lightblue" }
+  get cCol() { return "lightpink" }
+
+  constructor(f: Fridge, data?: ChitFromDb) {
+    if (data) {
+      this.#top = data.top;
+      this.#left = data.left;
+      this.#txt = data.txt;
+      this.#height = data.height;
+      this.#width = data.width;
+    } else {
+      this.#top = 200;
+      this.#left = 200;
+      this.#txt = '';
+      this.#width = 100;
+      this.#height = 100;
+    }
+    this.#div = this.createDiv();
+    this.#fride = f;
+  }
+
+  mouseDownH(e: MouseEvent) {
+    e;
+    // this.setzi();
+    const top = e.y
+    const left = e.x
+    this.#div.onmousemove = e => this.move(e, { top, left });
+    this.#div.style.backgroundColor = this.cCol
+    this.#div.style.zIndex = zi()
+    this.isMoving = true;
+  }
+  mouseUpH(e: MouseEvent) {
+    e;
+    // e.preventDefault()
+    this.#div.style.backgroundColor = this.nCol
+    this.#div.onmousemove = () => null;
+    this.#top = parseInt(this.#div.style.top.replace('px', ''))
+    this.#left = parseInt(this.#div.style.left.replace('px', ''))
+    // this.#div.style.zIndex = ""
+    this.isMoving = false;
+  }
+
+  move(e: MouseEvent, coord: { top: number, left: number }) {
+    this.#div.style.top = `${this.#top + e.y - coord.top}px`;
+    this.#div.style.left = `${this.#left + e.x - coord.left}px`;
+    // this.top = this.#div.offsetTop - coord.top
+    // this.left = this.#div.offsetLeft - coord.left
+  }
+  setzi() {
+    this.#fride.setChitZIAuto();
+    this.#div.style.zIndex = "10"
+  }
+
+  createDiv(): HTMLDivElement {
+    const div = document.createElement("div");
+    div.classList.add("chit")
+    div.style.top = this.topip;
+    div.style.left = this.leftip;
+    div.style.height = this.heightip;
+    div.style.width = this.widthip;
+    div.style.zIndex = zi();
+    div.style.backgroundColor = this.nCol
+    // div.onmousedown = e => this.mouseDownH(e);
+    div.onmousedown = e => this.mouseDownH(e);
+    div.onmouseup = e => this.mouseUpH(e);    // div.onmouseleave = (e) => this.mouseUpH(e);
+    document.onmouseleave = e => this.mouseUpH(e);    // div.onmouseleave = (e) => this.mouseUpH(e);
+    document.body.appendChild(div);
+    return div;
+  }
+
+  set top(t: number) {
+    this.#top = t;
+    this.div.style.top = this.topip;
+  }
+  set left(l: number) {
+    this.#left = l;
+    this.div.style.left = this.leftip;
+  }
+
+  get topip() {
+    return this.#top + "px";
+  }
+  get leftip() {
+    return this.#left + "px";
+  }
+  get widthip() {
+    return this.#width + "px";
+  }
+  get heightip() {
+    return this.#height + "px";
+  }
+  get div() {
+    return this.#div;
+  }
+  get txt() {
+    return this.#txt;
+  }
+}
+export interface ChitFromDb {
+  top: number;
+  left: number;
+  txt: string;
+  width: number;
+  height: number;
+  zi: number;
+}
+
diff --git a/src/modules/Events.ts b/src/modules/Events.ts
new file mode 100644
index 0000000..a135e45
--- /dev/null
+++ b/src/modules/Events.ts
@@ -0,0 +1,28 @@
+import Fridge from "Modules/Fridge"
+
+export default class Events {
+  static setAll(fridge: Fridge) {
+    this.setBAdd(fridge)
+    // this.docMouMov(fridge);
+    // this.docMouLea(fridge);
+  }
+  static setBAdd(fridge: Fridge) {
+    const bAdd = document.getElementById("document-add") as HTMLButtonElement
+    bAdd.onclick = () => fridge.createChit();
+  }
+  // static docMouMov(fridge: Fridge) {
+  //   let ox = 100, oy = 100;
+  //   document.onmousemove = e => {
+  //     if ((e.target as HTMLElement).localName === "div") {
+  //       e.preventDefault();
+  //       fridge.moveChit({ top: oy - e.y, left: ox - e.x });
+  //       [ox, oy] = [e.x, e.y]
+  //     }
+  //   }
+  // }
+  // static docMouLea(fridge: Fridge) {
+  //   document.onmouseleave = () => {
+  //     fridge.stopChitMove()
+  //   }
+  // }
+}
diff --git a/src/modules/Fridge.ts b/src/modules/Fridge.ts
new file mode 100644
index 0000000..79da4dc
--- /dev/null
+++ b/src/modules/Fridge.ts
@@ -0,0 +1,44 @@
+import Chit, { ChitFromDb } from "Modules/Chit"
+
+export default class Fridge {
+  #chits: Chit[] = [];
+
+  constructor() {
+    const f = sessionStorage.fridge;
+    if (f === null) {
+      location.href = "/"
+      return;
+    }
+    const cs = JSON.parse(f) as ChitFromDb[];
+    for (const c of cs) {
+      this.#chits.push(new Chit(this, c))
+    }
+  }
+
+  setChitZIAuto() {
+    for (const c of this.#chits)
+      c.div.style.zIndex = "auto"
+  }
+  // moveChit(coord: { top: number, left: number }) {
+  //   for (const c of this.#chits) {
+  //     if (c.isMoving) {
+  //       c.move(coord)
+  //     }
+  //   }
+  // }
+  // stopChitMove() {
+  //   for (const c of this.#chits) {
+  //     c.isMoving = false;
+  //     //@ts-expect-error
+  //     c.mouseUpH({ preventDefault: () => null })
+  //   }
+  // }
+
+  createChit() {
+    this.#chits.push(new Chit(this))
+  }
+
+  get chits(): Chit[] {
+    return this.#chits;
+  }
+}
diff --git a/src/server/getFridge.php b/src/server/getFridge.php
new file mode 100644
index 0000000..7a61ba8
--- /dev/null
+++ b/src/server/getFridge.php
@@ -0,0 +1,9 @@
+<?php
+header('Access-Control-Allow-Origin: *');
+$n = urlencode($_GET["name"]);
+
+$f = file_get_contents("./fridges/" . $n);
+if ($f === false)
+  echo "[]";
+else
+  echo $f;
diff --git a/src/server/start b/src/server/start
new file mode 100755
index 0000000..7538f45
--- /dev/null
+++ b/src/server/start
@@ -0,0 +1 @@
+php -S 0.0.0.0:8000
diff --git a/src/styles/main.css b/src/styles/main.css
index e69de29..5cbdb33 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -0,0 +1,20 @@
+#document-add {
+  background-image: url('static/document-add.svg');
+  border: 0;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+}
+
+.chit {
+  border: 1px solid black;
+  position: absolute;
+}
+
+#tinymce {
+  position: absolute;
+  top: 150;
+  left: 150;
+  width: 80vw;
+  height: 40vh;
+}
diff --git a/src/templates/index.html b/src/templates/index.html
index 0208796..b7fc24f 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -13,7 +13,7 @@
   <div>
     <label for="name">Igama lefriji yakho:</label>
     <input name="name" id="name" type="text">
-    <button type="button" onclick="goToFridge(event)">👍</button>
+    <button type="button" onclick="goToMain(event)">👍</button>
   </div>
 </body>
 
diff --git a/src/templates/main.html b/src/templates/main.html
index aceeb0d..14ad523 100644
--- a/src/templates/main.html
+++ b/src/templates/main.html
@@ -9,10 +9,13 @@
   <link rel="icon" href="<%= htmlWebpackPlugin.options.staticPath %>/favicon.ico" />
 
   <title>Hello, world!</title>
+
 </head>
 
 <body>
-  main
+  <button id="document-add"></button>
+  <div id="tinymce">
+  </div>
 </body>
 
 </html>
diff --git a/static/document-add.svg b/static/document-add.svg
new file mode 100644
index 0000000..947a692
--- /dev/null
+++ b/static/document-add.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--part of the matt icon theme by sixsixfive released under CC0 (https://creativecommons.org/publicdomain/zero/1.0/) on openclipart-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128">
+ <defs id="0">
+  <linearGradient id="3">
+   <stop id="T" stop-color="#eee"/>
+   <stop id="U" offset="1" stop-color="#d2d2d2"/>
+  </linearGradient>
+  <linearGradient id="4">
+   <stop id="V"/>
+   <stop id="W" offset="1" stop-opacity="0.536"/>
+  </linearGradient>
+  <linearGradient id="5">
+   <stop id="X"/>
+   <stop id="Y" offset="1" stop-color="#ddd" stop-opacity="0"/>
+  </linearGradient>
+  <filter x="-0.147" y="-0.145" width="1.294" height="1.29" color-interpolation-filters="sRGB" id="6">
+   <feGaussianBlur stdDeviation="1.81881" id="Z"/>
+  </filter>
+  <filter color-interpolation-filters="sRGB" id="7">
+   <feGaussianBlur stdDeviation="2.58594" id="a"/>
+  </filter>
+  <radialGradient cx="81.79" cy="100.32" r="44.42" id="8" xlink:href="#3" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.0026052,-1.5970314,1.7773333,2.2286954,-279.23554,23.703826)"/>
+  <radialGradient cx="89.51" cy="22.254" r="18.279" id="9" xlink:href="#4" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,0.97467889,0,0.43910718)"/>
+  <linearGradient x1="98.33" y1="14.793" x2="86.82" y2="25.1" id="A" xlink:href="#5" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.96714879,0,0,0.96714879,0.45622123,-0.08680339)"/>
+  <linearGradient y1="8.707" x2="0" y2="120.54" id="B" xlink:href="#I" gradientUnits="userSpaceOnUse"/>
+  <radialGradient cx="60.05" cy="51.39" r="15.03" id="C" xlink:href="#G" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1.404511,1.1888571,-1,-1.1813958,199.73811,11.750541)"/>
+  <linearGradient id="D">
+   <stop id="b" stop-color="#eee"/>
+   <stop id="c" offset="1" stop-color="#eee" stop-opacity="0"/>
+  </linearGradient>
+  <radialGradient cx="64.7" cy="-15.174" r="55.27" id="E" xlink:href="#D" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.5330966,-3.1358239e-8,2.404893e-8,1.1240308,-33.828167,2.9909361)"/>
+  <radialGradient cx="63.894" cy="117.35" r="53.91" id="F" xlink:href="#H" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,0.08641975,0,107.20963)"/>
+  <linearGradient id="G">
+   <stop id="d" stop-color="#eee"/>
+   <stop id="e" offset="1" stop-color="#dcdcdc"/>
+  </linearGradient>
+  <linearGradient id="H">
+   <stop id="f"/>
+   <stop id="g" offset="1" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="I">
+   <stop id="h" stop-color="#f0ff80"/>
+   <stop id="i" offset="1" stop-color="#8bb300"/>
+  </linearGradient>
+ </defs>
+ <g transform="translate(1.1324584,3.3099998)" id="1">
+  <path d="m 20.09375,4.1185004 0,117.9999996 88.84375,0 0,-86.15625 -0.59375,-0.625 c 0.21045,0.144391 0.41688,0.302162 0.625,0.4375 L 78.09375,4.1497504 c 0.05654,0.079597 0.09993,0.1703021 0.15625,0.25 l -0.25,-0.28125 -57.90625,0 z" transform="matrix(0.96714879,0,0,0.97126149,0.45622123,-0.61456831)" id="J" opacity="0.809" filter="url(#7)"/>
+  <path d="m 19.889867,2.5426324 0,114.1235576 85.925123,0 0,-83.325913 -29.921163,-30.7976446 -56.00396,0 z" id="K" fill="url(#8)"/>
+  <path d="m 81.698039,28.309502 0.135161,-8.351 C 81.901124,13.359407 80.956142,8.4107397 77.785779,3.9471419 L 80.362343,3.9159389 107.86271,29.53084 c -4.06802,-2.645393 -9.621189,-0.791242 -16.861906,-1.025606 l -9.302765,-0.195732 z" transform="matrix(1.016085,0,0,1.112241,-4.9246966,-0.34524137)" id="L" opacity="0.505" fill="url(#9)" filter="url(#6)"/>
+  <path d="m 81.615861,25.811681 0.130721,-8.07666 C 81.812274,11.352715 79.055005,6.8989516 75.988792,2.5819884 L 105.85553,33.170155 c -3.93438,-2.558489 -8.239658,-6.942507 -15.242511,-7.169171 l -8.997158,-0.189303 z" id="M" fill="#eee"/>
+  <path d="m 81.615861,25.811681 0.130721,-8.07666 C 81.812274,11.352715 79.055005,6.8989516 75.988792,2.5819884 L 105.85553,33.170155 c -3.93438,-2.558489 -8.239658,-6.942507 -15.242511,-7.169171 l -8.997158,-0.189303 z" id="N" fill="url(#A)"/>
+ </g>
+ <g transform="matrix(0.58571262,0,0,0.58571262,54.716369,53.514393)" id="2">
+  <path d="m 117.80366,117.35108 a 53.910149,4.6589017 0 1 1 -107.8202997,0 53.910149,4.6589017 0 1 1 107.8202997,0 z" transform="translate(1.2996963,3.4536055)" id="O" opacity="0.443" fill="url(#F)"/>
+  <path d="m 122.08898,64.625572 a 56.734097,55.918617 0 1 1 -113.4681952,0 56.734097,55.918617 0 1 1 113.4681952,0 z" transform="matrix(1.0119373,0,0,1.0266947,-2.1350421,-4.4029736)" id="P" fill="url(#B)"/>
+  <path d="m 122.08898,64.625572 a 56.734097,55.918617 0 1 1 -113.4681952,0 56.734097,55.918617 0 1 1 113.4681952,0 z" transform="matrix(1.0119373,0,0,1.0266947,-2.1350421,-4.4029736)" id="Q" fill="none" stroke="#638000" stroke-width="3.924"/>
+  <path d="m 60.3125,32.15625 c -1.863454,0 -3.375,1.511546 -3.375,3.375 l 0,19.34375 -19.34375,0 c -1.863454,0 -3.375,1.511546 -3.375,3.375 l 0,7.40625 c 0,1.863454 1.511546,3.34375 3.375,3.34375 l 19.34375,0 0,19.375 c 0,1.863454 1.511546,3.34375 3.375,3.34375 l 7.375,0 c 1.863454,0 3.375,-1.480296 3.375,-3.34375 l 0,-19.375 19.34375,0 c 1.863454,0 3.375,-1.480296 3.375,-3.34375 l 0,-7.40625 c 0,-1.863454 -1.511546,-3.375 -3.375,-3.375 l -19.34375,0 0,-19.34375 c 0,-1.863454 -1.511546,-3.375 -3.375,-3.375 l -7.375,0 z" id="R" fill="#555"/>
+  <g transform="translate(-0.00454736,5.8747942e-4)" id="S">
+   <path d="m 65.34375,11.21875 c -29.979853,0 -54.21875,23.915681 -54.21875,53.40625 0,29.490569 24.238897,53.40625 54.21875,53.40625 29.979853,0 54.25,-23.917374 54.25,-53.40625 0,-29.488876 -24.270147,-53.40625 -54.25,-53.40625 z" transform="matrix(1.0119373,0,0,1.0266947,-2.1350421,-4.4029736)" id="j" fill="none" stroke="url(#E)" stroke-width="2.079"/>
+  </g>
+ </g>
+</svg>
diff --git a/static/save.svg b/static/save.svg
new file mode 100644
index 0000000..ce7a5e5
--- /dev/null
+++ b/static/save.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><polyline fill="none" points="17 21 17 13 7 13 7 21" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><polyline fill="none" points="7 3 7 8 15 8" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>
\ No newline at end of file
diff --git a/static/x.svg b/static/x.svg
new file mode 100644
index 0000000..59d9f44
--- /dev/null
+++ b/static/x.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg fill="none" height="24" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><line x1="15" x2="9" y1="9" y2="15"/><line x1="9" x2="15" y1="9" y2="15"/></svg>
\ No newline at end of file
diff --git a/webpack.config.ts b/webpack.config.ts
index 5d4e95f..e22cd6f 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -68,6 +68,6 @@ module.exports = {
   devServer: {
     contentBase: absolutePath("static"),
     compress: true,
-    port: 8000,
+    port: 8003,
   },
 };
diff --git a/yarn.lock b/yarn.lock
index 345c27b..2874b6f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -95,6 +95,13 @@
   dependencies:
     "@types/node" "*"
 
+"@types/jquery@*":
+  version "3.5.8"
+  resolved "https://registry.yarnpkg.com/@types/jquery/-/jquery-3.5.8.tgz#83bfbcdf4e625c5471590f92703c06aadb052a09"
+  integrity sha512-cXk6NwqjDYg+UI9p2l3x0YmPa4m7RrXqmbK4IpVVpRJiYXU/QTo+UZrn54qfE1+9Gao4qpYqUnxm5ZCy2FTXAw==
+  dependencies:
+    "@types/sizzle" "*"
+
 "@types/json-schema@*", "@types/json-schema@^7.0.6":
   version "7.0.7"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.7.tgz#98a993516c859eb0d5c4c8f098317a9ea68db9ad"
@@ -152,6 +159,11 @@
     "@types/mime" "^1"
     "@types/node" "*"
 
+"@types/sizzle@*":
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/@types/sizzle/-/sizzle-2.3.3.tgz#ff5e2f1902969d305225a047c8a0fd5c915cebef"
+  integrity sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==
+
 "@types/source-list-map@*":
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
@@ -162,6 +174,13 @@
   resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.7.tgz#545158342f949e8fd3bfd813224971ecddc3fac4"
   integrity sha512-0VBprVqfgFD7Ehb2vd8Lh9TG3jP98gvr8rgehQqzztZNI7o8zS8Ad4jyZneKELphpuE212D8J70LnSNQSyO6bQ==
 
+"@types/tinymce@^4.6.4":
+  version "4.6.4"
+  resolved "https://registry.yarnpkg.com/@types/tinymce/-/tinymce-4.6.4.tgz#c31d72ba55147233e2b8fa8ebb81960f23d74c32"
+  integrity sha512-7xo9AnZO9DXdS41zxmKHDzOEo+yxdj9KaZXokSLDYeZ9KcbzIHJJBppRrCoDA8PH2+k79Qj68B+Yj/ye2xQzow==
+  dependencies:
+    "@types/jquery" "*"
+
 "@types/uglify-js@*":
   version "3.13.0"
   resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.13.0.tgz#1cad8df1fb0b143c5aba08de5712ea9d1ff71124"
@@ -3377,6 +3396,11 @@ thunky@^1.0.2:
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
   integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
 
+tinymce@^5.10.0:
+  version "5.10.0"
+  resolved "https://registry.yarnpkg.com/tinymce/-/tinymce-5.10.0.tgz#5f88b40c2b26dc72b126f7d04944014dcb1ace05"
+  integrity sha512-SaqBK8GtTKYSsTfhKdN0+NrZRgmVWO+j3fvgzLjt0t/g0osNzRH5os8icm2Rv5HvaeTd4TpxetUuLE+R9yg/yg==
+
 to-object-path@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"