From d9fa00a06a37443efdf73aa0ff3f932aba3d203d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=A1=D1=82=D0=B5=D0=BF=D0=B0=D0=BD?=
 <slepcenkostepan403@gmail.com>
Date: Wed, 22 May 2024 17:43:53 +0500
Subject: [PATCH] feat: add inline tools

---
 src/Sitko.EditorJS.Blazor/wwwroot/strikethrough.js     |  1 +
 src/Sitko.EditorJS/Blocks/Marker/MarkerBlock.cs        | 10 ++++++++++
 .../Blocks/Strikethrough/StrikethroughBlock.cs         | 10 ++++++++++
 src/Sitko.EditorJS/Blocks/Underline/UnderlineTool.cs   | 10 ++++++++++
 4 files changed, 31 insertions(+)
 create mode 100644 src/Sitko.EditorJS.Blazor/wwwroot/strikethrough.js
 create mode 100644 src/Sitko.EditorJS/Blocks/Marker/MarkerBlock.cs
 create mode 100644 src/Sitko.EditorJS/Blocks/Strikethrough/StrikethroughBlock.cs
 create mode 100644 src/Sitko.EditorJS/Blocks/Underline/UnderlineTool.cs

diff --git a/src/Sitko.EditorJS.Blazor/wwwroot/strikethrough.js b/src/Sitko.EditorJS.Blazor/wwwroot/strikethrough.js
new file mode 100644
index 0000000..408b681
--- /dev/null
+++ b/src/Sitko.EditorJS.Blazor/wwwroot/strikethrough.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Strikethrough=t():e.Strikethrough=t()}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)}([function(e,t,n){var r=n(1),o=n(2);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function u(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],c=t.base?i[0]+t.base:i[0],s=n[c]||0,l="".concat(c," ").concat(s);n[c]=s+1;var f=u(l),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(d)):a.push({identifier:l,updater:g(d,t),references:1}),r.push(l)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function p(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var h=null,v=0;function g(e,t){var n,r,o;if(t.singleton){var i=v++;n=h||(h=s(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=s(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=u(n[r]);a[o].references--}for(var i=c(e,t),s=0;s<n.length;s++){var l=u(n[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},function(e,t,n){(t=n(3)(!1)).push([e.i,".cdx-strikethrough {\n    text-decoration: line-through;\n}\n",""]),e.exports=t},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,u=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(c," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,u,c;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var u=0;u<e.length;u++){var c=[].concat(e[u]);r&&o[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return i}));n(0);function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function o(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}var i=function(){function e(t){var n=t.api;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.api=n,this.button=null,this.tag="S",this.iconClasses={base:this.api.styles.inlineToolButton,active:this.api.styles.inlineToolButtonActive}}return o(e,null,[{key:"CSS",get:function(){return"cdx-strikethrough"}}]),o(e,[{key:"render",value:function(){return this.button=document.createElement("button"),this.button.type="button",this.button.classList.add(this.iconClasses.base),this.button.innerHTML=this.toolboxIcon,this.button}},{key:"surround",value:function(t){if(t){var n=this.api.selection.findParentTag(this.tag,e.CSS);n?this.unwrap(n):this.wrap(t)}}},{key:"wrap",value:function(t){var n=document.createElement(this.tag);n.classList.add(e.CSS),n.appendChild(t.extractContents()),t.insertNode(n),this.api.selection.expandToTag(n)}},{key:"unwrap",value:function(e){this.api.selection.expandToTag(e);var t=window.getSelection(),n=t.getRangeAt(0),r=n.extractContents();e.parentNode.removeChild(e),n.insertNode(r),t.removeAllRanges(),t.addRange(n)}},{key:"checkState",value:function(){var t=this.api.selection.findParentTag(this.tag,e.CSS);this.button.classList.toggle(this.iconClasses.active,!!t)}},{key:"toolboxIcon",get:function(){return'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.5 8.50001C13.5 7 10.935 6.66476 9.75315 7.79706C9.27092 8.25909 9 8.88574 9 9.53915C9 10.1926 9.27092 10.8192 9.75315 11.2812C10.9835 12.46 13.0165 11.5457 14.2468 12.7244C14.7291 13.1865 15 13.8131 15 14.4665C15 15.1199 14.7291 15.7466 14.2468 16.2086C12.8659 17.5317 10 17.5 9 16"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 12H18"/></svg>'}}],[{key:"isInline",get:function(){return!0}},{key:"sanitize",get:function(){return{s:{class:e.CSS}}}}]),e}()}]).default}));
diff --git a/src/Sitko.EditorJS/Blocks/Marker/MarkerBlock.cs b/src/Sitko.EditorJS/Blocks/Marker/MarkerBlock.cs
new file mode 100644
index 0000000..035dda3
--- /dev/null
+++ b/src/Sitko.EditorJS/Blocks/Marker/MarkerBlock.cs
@@ -0,0 +1,10 @@
+namespace Sitko.EditorJS.Blocks.Marker;
+
+[ContentBlock("Marker")]
+public record MarkerBlock : ContentBlock;
+
+public record MarkerBlockOptions : ContentBlockOptions<MarkerBlock>
+{
+    public override string ScriptUrl { get; set; } = "https://cdn.jsdelivr.net/npm/@editorjs/marker@latest";
+    public override string ClassName { get; set; } = "Marker";
+}
diff --git a/src/Sitko.EditorJS/Blocks/Strikethrough/StrikethroughBlock.cs b/src/Sitko.EditorJS/Blocks/Strikethrough/StrikethroughBlock.cs
new file mode 100644
index 0000000..e7c3b75
--- /dev/null
+++ b/src/Sitko.EditorJS/Blocks/Strikethrough/StrikethroughBlock.cs
@@ -0,0 +1,10 @@
+namespace Sitko.EditorJS.Blocks.Strikethrough;
+
+[ContentBlock("Strikethrough")]
+public record StrikethroughBlock : ContentBlock;
+
+public record StrikethroughBlockOptions : ContentBlockOptions<StrikethroughBlock>
+{
+    public override string ScriptUrl { get; set; } = "/_content/Sitko.EditorJS.Blazor/strikethrough.js";
+    public override string ClassName { get; set; } = "Strikethrough";
+}
diff --git a/src/Sitko.EditorJS/Blocks/Underline/UnderlineTool.cs b/src/Sitko.EditorJS/Blocks/Underline/UnderlineTool.cs
new file mode 100644
index 0000000..13792e8
--- /dev/null
+++ b/src/Sitko.EditorJS/Blocks/Underline/UnderlineTool.cs
@@ -0,0 +1,10 @@
+namespace Sitko.EditorJS.Blocks.Underline;
+
+[ContentBlock("Underline")]
+public record UnderlineTool : ContentBlock;
+
+public record UnderlineBlockOptions : ContentBlockOptions<UnderlineTool>
+{
+    public override string ScriptUrl { get; set; } = "https://cdn.jsdelivr.net/npm/@editorjs/underline@latest";
+    public override string ClassName { get; set; } = "Underline";
+}