hyperbook 0.93.1 → 0.95.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/codemirror/codemirror.bundle.js +26 -0
- package/dist/assets/directive-abc-music/client.js +42 -42
- package/dist/assets/directive-abc-music/style.css +6 -0
- package/dist/assets/directive-openscad/client.js +782 -444
- package/dist/assets/directive-openscad/style.css +71 -4
- package/dist/assets/directive-openscad/worker.js +632 -0
- package/dist/assets/directive-p5/client.js +27 -26
- package/dist/assets/directive-p5/style.css +12 -6
- package/dist/assets/directive-pyide/client.js +20 -32
- package/dist/assets/directive-pyide/style.css +12 -6
- package/dist/assets/directive-typst/client.js +20 -55
- package/dist/assets/directive-typst/style.css +12 -6
- package/dist/assets/directive-webide/client.js +45 -79
- package/dist/assets/directive-webide/style.css +12 -6
- package/dist/index.js +41 -71
- package/dist/locales/de.json +3 -0
- package/dist/locales/en.json +3 -0
- package/package.json +2 -2
- package/dist/assets/code-input/auto-close-brackets.min.js +0 -1
- package/dist/assets/code-input/code-input.min.css +0 -1
- package/dist/assets/code-input/code-input.min.js +0 -12
- package/dist/assets/code-input/indent.min.js +0 -1
- package/dist/assets/directive-openscad/STLLoader.js +0 -411
package/dist/index.js
CHANGED
|
@@ -174721,14 +174721,6 @@ var requestJS = (file, js) => {
|
|
|
174721
174721
|
file.data.js.push(js);
|
|
174722
174722
|
}
|
|
174723
174723
|
};
|
|
174724
|
-
var requestCSS = (file, css) => {
|
|
174725
|
-
if (!file.data.css) {
|
|
174726
|
-
file.data.css = [];
|
|
174727
|
-
}
|
|
174728
|
-
if (!file.data.css.find((s3) => JSON.stringify(s3) === JSON.stringify(css))) {
|
|
174729
|
-
file.data.css.push(css);
|
|
174730
|
-
}
|
|
174731
|
-
};
|
|
174732
174724
|
var isImage = (node3) => {
|
|
174733
174725
|
return node3.type === "image";
|
|
174734
174726
|
};
|
|
@@ -174983,6 +174975,8 @@ var en_default = {
|
|
|
174983
174975
|
"openscad-render": "Render",
|
|
174984
174976
|
"openscad-copy": "Copy",
|
|
174985
174977
|
"openscad-copy-done": "Code copied",
|
|
174978
|
+
"openscad-download": "Download",
|
|
174979
|
+
"openscad-download-format": "Download format",
|
|
174986
174980
|
"openscad-download-stl": "Download STL",
|
|
174987
174981
|
"openscad-download-ready": "Download ready",
|
|
174988
174982
|
"openscad-reset": "Reset",
|
|
@@ -174992,6 +174986,7 @@ var en_default = {
|
|
|
174992
174986
|
"openscad-render-failed": "OpenSCAD render failed",
|
|
174993
174987
|
"openscad-params-object": "Parameters must be a JSON object",
|
|
174994
174988
|
"openscad-params-loading": "Loading parameters...",
|
|
174989
|
+
"openscad-params-none": "No parameters",
|
|
174995
174990
|
"openscad-parameters": "Parameters",
|
|
174996
174991
|
"user-login-title": "Login",
|
|
174997
174992
|
"user-username": "Username",
|
|
@@ -175118,6 +175113,8 @@ var de_default = {
|
|
|
175118
175113
|
"openscad-render": "Rendern",
|
|
175119
175114
|
"openscad-copy": "Kopieren",
|
|
175120
175115
|
"openscad-copy-done": "Code kopiert",
|
|
175116
|
+
"openscad-download": "Herunterladen",
|
|
175117
|
+
"openscad-download-format": "Download-Format",
|
|
175121
175118
|
"openscad-download-stl": "STL herunterladen",
|
|
175122
175119
|
"openscad-download-ready": "Download bereit",
|
|
175123
175120
|
"openscad-reset": "Zur\xFCcksetzen",
|
|
@@ -175127,6 +175124,7 @@ var de_default = {
|
|
|
175127
175124
|
"openscad-render-failed": "OpenSCAD-Rendern fehlgeschlagen",
|
|
175128
175125
|
"openscad-params-object": "Parameter m\xFCssen ein JSON-Objekt sein",
|
|
175129
175126
|
"openscad-params-loading": "Parameter werden geladen...",
|
|
175127
|
+
"openscad-params-none": "Keine Parameter",
|
|
175130
175128
|
"openscad-parameters": "Parameter",
|
|
175131
175129
|
"user-login-title": "Anmelden",
|
|
175132
175130
|
"user-username": "Benutzername",
|
|
@@ -195240,10 +195238,9 @@ ${(code4.scripts ? [cdnLibraryUrl, ...code4.scripts] : []).map((src) => `<script
|
|
|
195240
195238
|
let bEditor = editor === "true";
|
|
195241
195239
|
expectContainerDirective(node3, file, name);
|
|
195242
195240
|
registerDirective(file, name, ["client.js"], ["style.css"]);
|
|
195243
|
-
|
|
195244
|
-
|
|
195245
|
-
|
|
195246
|
-
requestJS(file, ["code-input", "indent.min.js"]);
|
|
195241
|
+
if (bEditor) {
|
|
195242
|
+
requestJS(file, ["codemirror", "codemirror.bundle.js"]);
|
|
195243
|
+
}
|
|
195247
195244
|
let srcFile = "";
|
|
195248
195245
|
if (src) {
|
|
195249
195246
|
srcFile = readFile(src, ctx) || "";
|
|
@@ -195333,10 +195330,10 @@ ${(code4.scripts ? [cdnLibraryUrl, ...code4.scripts] : []).map((src) => `<script
|
|
|
195333
195330
|
},
|
|
195334
195331
|
{
|
|
195335
195332
|
type: "element",
|
|
195336
|
-
tagName: "
|
|
195333
|
+
tagName: "div",
|
|
195337
195334
|
properties: {
|
|
195338
|
-
class: "editor
|
|
195339
|
-
|
|
195335
|
+
class: "editor",
|
|
195336
|
+
"data-lang": "javascript"
|
|
195340
195337
|
},
|
|
195341
195338
|
children: [
|
|
195342
195339
|
{
|
|
@@ -195542,9 +195539,7 @@ var remarkDirectiveAbcMusic_default = (ctx) => () => {
|
|
|
195542
195539
|
["style.css"],
|
|
195543
195540
|
[]
|
|
195544
195541
|
);
|
|
195545
|
-
requestJS(file, ["
|
|
195546
|
-
requestCSS(file, ["code-input", "code-input.min.css"]);
|
|
195547
|
-
requestJS(file, ["code-input", "indent.min.js"]);
|
|
195542
|
+
requestJS(file, ["codemirror", "codemirror.bundle.js"]);
|
|
195548
195543
|
const value = node3.value || toString3(node3.children);
|
|
195549
195544
|
const editor = node3.meta?.includes("editor");
|
|
195550
195545
|
data.hName = "div";
|
|
@@ -195572,19 +195567,12 @@ var remarkDirectiveAbcMusic_default = (ctx) => () => {
|
|
|
195572
195567
|
children: [
|
|
195573
195568
|
{
|
|
195574
195569
|
type: "element",
|
|
195575
|
-
tagName: "
|
|
195570
|
+
tagName: "div",
|
|
195576
195571
|
properties: {
|
|
195577
195572
|
class: "editor",
|
|
195578
|
-
|
|
195579
|
-
template: "abc-highlighted",
|
|
195580
|
-
language: "javascript"
|
|
195573
|
+
"data-lang": "default"
|
|
195581
195574
|
},
|
|
195582
|
-
children: [
|
|
195583
|
-
{
|
|
195584
|
-
type: "raw",
|
|
195585
|
-
value
|
|
195586
|
-
}
|
|
195587
|
-
]
|
|
195575
|
+
children: []
|
|
195588
195576
|
},
|
|
195589
195577
|
{
|
|
195590
195578
|
type: "element",
|
|
@@ -195674,10 +195662,7 @@ var remarkDirectivePyide_default = (ctx) => () => {
|
|
|
195674
195662
|
const packageList = parsePackagesAttribute(packages);
|
|
195675
195663
|
expectContainerDirective(node3, file, name);
|
|
195676
195664
|
registerDirective(file, name, ["client.js"], ["style.css"], []);
|
|
195677
|
-
requestJS(file, ["
|
|
195678
|
-
requestCSS(file, ["code-input", "code-input.min.css"]);
|
|
195679
|
-
requestJS(file, ["code-input", "auto-close-brackets.min.js"]);
|
|
195680
|
-
requestJS(file, ["code-input", "indent.min.js"]);
|
|
195665
|
+
requestJS(file, ["codemirror", "codemirror.bundle.js"]);
|
|
195681
195666
|
let srcFile = "";
|
|
195682
195667
|
let tests = [];
|
|
195683
195668
|
if (src) {
|
|
@@ -195883,11 +195868,10 @@ var remarkDirectivePyide_default = (ctx) => () => {
|
|
|
195883
195868
|
},
|
|
195884
195869
|
{
|
|
195885
195870
|
type: "element",
|
|
195886
|
-
tagName: "
|
|
195871
|
+
tagName: "div",
|
|
195887
195872
|
properties: {
|
|
195888
|
-
class: "editor
|
|
195889
|
-
|
|
195890
|
-
template: "pyide-highlighted"
|
|
195873
|
+
class: "editor",
|
|
195874
|
+
"data-lang": "python"
|
|
195891
195875
|
},
|
|
195892
195876
|
children: [
|
|
195893
195877
|
{
|
|
@@ -195997,10 +195981,7 @@ html, body {
|
|
|
195997
195981
|
const resolvedHeight = height !== void 0 ? typeof height === "number" ? `${height}px` : `${height}` : "calc(100dvh - 80px)";
|
|
195998
195982
|
expectContainerDirective(node3, file, name);
|
|
195999
195983
|
registerDirective(file, name, ["client.js"], ["style.css"], []);
|
|
196000
|
-
requestJS(file, ["
|
|
196001
|
-
requestCSS(file, ["code-input", "code-input.min.css"]);
|
|
196002
|
-
requestJS(file, ["code-input", "auto-close-brackets.min.js"]);
|
|
196003
|
-
requestJS(file, ["code-input", "indent.min.js"]);
|
|
195984
|
+
requestJS(file, ["codemirror", "codemirror.bundle.js"]);
|
|
196004
195985
|
let js = "";
|
|
196005
195986
|
let css = "";
|
|
196006
195987
|
let html13 = "";
|
|
@@ -196035,11 +196016,10 @@ html, body {
|
|
|
196035
196016
|
});
|
|
196036
196017
|
editors.push({
|
|
196037
196018
|
type: "element",
|
|
196038
|
-
tagName: "
|
|
196019
|
+
tagName: "div",
|
|
196039
196020
|
properties: {
|
|
196040
|
-
class: "editor html
|
|
196041
|
-
|
|
196042
|
-
template: "webide-highlighted"
|
|
196021
|
+
class: "editor html",
|
|
196022
|
+
"data-lang": "html"
|
|
196043
196023
|
},
|
|
196044
196024
|
children: [
|
|
196045
196025
|
{
|
|
@@ -196066,11 +196046,10 @@ html, body {
|
|
|
196066
196046
|
});
|
|
196067
196047
|
editors.push({
|
|
196068
196048
|
type: "element",
|
|
196069
|
-
tagName: "
|
|
196049
|
+
tagName: "div",
|
|
196070
196050
|
properties: {
|
|
196071
|
-
class: "editor css
|
|
196072
|
-
|
|
196073
|
-
template: "webide-highlighted"
|
|
196051
|
+
class: "editor css",
|
|
196052
|
+
"data-lang": "css"
|
|
196074
196053
|
},
|
|
196075
196054
|
children: [
|
|
196076
196055
|
{
|
|
@@ -196097,11 +196076,10 @@ html, body {
|
|
|
196097
196076
|
});
|
|
196098
196077
|
editors.push({
|
|
196099
196078
|
type: "element",
|
|
196100
|
-
tagName: "
|
|
196079
|
+
tagName: "div",
|
|
196101
196080
|
properties: {
|
|
196102
|
-
class: "editor js
|
|
196103
|
-
|
|
196104
|
-
template: "webide-highlighted"
|
|
196081
|
+
class: "editor js",
|
|
196082
|
+
"data-lang": "javascript"
|
|
196105
196083
|
},
|
|
196106
196084
|
children: [
|
|
196107
196085
|
{
|
|
@@ -201154,10 +201132,7 @@ var remarkDirectiveTypst_default = (ctx) => () => {
|
|
|
201154
201132
|
const resolvedHeight = height !== void 0 ? `${height}` : "calc(100dvh - 80px)";
|
|
201155
201133
|
expectContainerDirective(node3, file, name);
|
|
201156
201134
|
registerDirective(file, name, ["client.js"], ["style.css"], []);
|
|
201157
|
-
requestJS(file, ["
|
|
201158
|
-
requestCSS(file, ["code-input", "code-input.min.css"]);
|
|
201159
|
-
requestJS(file, ["code-input", "auto-close-brackets.min.js"]);
|
|
201160
|
-
requestJS(file, ["code-input", "indent.min.js"]);
|
|
201135
|
+
requestJS(file, ["codemirror", "codemirror.bundle.js"]);
|
|
201161
201136
|
requestJS(file, ["uzip", "uzip.js"]);
|
|
201162
201137
|
const sourceFiles = [];
|
|
201163
201138
|
const binaryFiles = [];
|
|
@@ -201503,11 +201478,10 @@ var remarkDirectiveTypst_default = (ctx) => () => {
|
|
|
201503
201478
|
},
|
|
201504
201479
|
{
|
|
201505
201480
|
type: "element",
|
|
201506
|
-
tagName: "
|
|
201481
|
+
tagName: "div",
|
|
201507
201482
|
properties: {
|
|
201508
|
-
class: "editor typst active
|
|
201509
|
-
|
|
201510
|
-
template: "typst-highlighted"
|
|
201483
|
+
class: "editor typst active",
|
|
201484
|
+
"data-lang": "typst"
|
|
201511
201485
|
},
|
|
201512
201486
|
children: [
|
|
201513
201487
|
{
|
|
@@ -201589,10 +201563,7 @@ var remarkDirectiveOpenscad_default = (ctx) => () => {
|
|
|
201589
201563
|
const data = node3.data || (node3.data = {});
|
|
201590
201564
|
expectContainerDirective(node3, file, name);
|
|
201591
201565
|
registerDirective(file, name, ["client.js"], ["style.css"], []);
|
|
201592
|
-
requestJS(file, ["
|
|
201593
|
-
requestCSS(file, ["code-input", "code-input.min.css"]);
|
|
201594
|
-
requestJS(file, ["code-input", "auto-close-brackets.min.js"]);
|
|
201595
|
-
requestJS(file, ["code-input", "indent.min.js"]);
|
|
201566
|
+
requestJS(file, ["codemirror", "codemirror.bundle.js"]);
|
|
201596
201567
|
let source = "";
|
|
201597
201568
|
if (src) {
|
|
201598
201569
|
source = readFile(src, ctx) || "";
|
|
@@ -201650,7 +201621,7 @@ var remarkDirectiveOpenscad_default = (ctx) => () => {
|
|
|
201650
201621
|
type: "element",
|
|
201651
201622
|
tagName: "div",
|
|
201652
201623
|
properties: {
|
|
201653
|
-
class: "canvas-params-splitter
|
|
201624
|
+
class: "canvas-params-splitter",
|
|
201654
201625
|
role: "separator",
|
|
201655
201626
|
"aria-label": "Resize canvas and parameters"
|
|
201656
201627
|
},
|
|
@@ -201659,7 +201630,7 @@ var remarkDirectiveOpenscad_default = (ctx) => () => {
|
|
|
201659
201630
|
{
|
|
201660
201631
|
type: "element",
|
|
201661
201632
|
tagName: "div",
|
|
201662
|
-
properties: { class: "parameters-panel
|
|
201633
|
+
properties: { class: "parameters-panel" },
|
|
201663
201634
|
children: [
|
|
201664
201635
|
{
|
|
201665
201636
|
type: "element",
|
|
@@ -201707,11 +201678,10 @@ var remarkDirectiveOpenscad_default = (ctx) => () => {
|
|
|
201707
201678
|
},
|
|
201708
201679
|
{
|
|
201709
201680
|
type: "element",
|
|
201710
|
-
tagName: "
|
|
201681
|
+
tagName: "div",
|
|
201711
201682
|
properties: {
|
|
201712
|
-
class: "editor
|
|
201713
|
-
|
|
201714
|
-
template: "openscad-highlighted"
|
|
201683
|
+
class: "editor",
|
|
201684
|
+
"data-lang": "clike"
|
|
201715
201685
|
},
|
|
201716
201686
|
children: [{ type: "raw", value: htmlEntities5(source) }]
|
|
201717
201687
|
},
|
|
@@ -202149,7 +202119,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"application/1d-interleaved-parityfec
|
|
|
202149
202119
|
/***/ ((module) => {
|
|
202150
202120
|
|
|
202151
202121
|
"use strict";
|
|
202152
|
-
module.exports = /*#__PURE__*/JSON.parse('{"name":"hyperbook","version":"0.
|
|
202122
|
+
module.exports = /*#__PURE__*/JSON.parse('{"name":"hyperbook","version":"0.95.0","author":"Mike Barkmin","homepage":"https://github.com/openpatch/hyperbook#readme","license":"MIT","bin":{"hyperbook":"./dist/index.js"},"files":["dist"],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/openpatch/hyperbook.git","directory":"packages/hyperbook"},"bugs":{"url":"https://github.com/openpatch/hyperbook/issues"},"engines":{"node":">=18"},"scripts":{"version":"pnpm build","lint":"tsc --noEmit","dev":"ncc build ./index.ts -w -o dist/","build":"rimraf dist && ncc build ./index.ts -o ./dist/ --no-cache --no-source-map-register --external favicons --external sharp && node postbuild.mjs"},"dependencies":{"favicons":"^7.2.0"},"devDependencies":{"create-hyperbook":"workspace:*","@hyperbook/fs":"workspace:*","@hyperbook/markdown":"workspace:*","@hyperbook/types":"workspace:*","@pnpm/exportable-manifest":"1000.0.6","@types/archiver":"6.0.3","@types/async-retry":"1.4.9","@types/cross-spawn":"6.0.6","@types/lunr":"^2.3.7","@types/prompts":"2.4.9","@types/tar":"6.1.13","@types/ws":"^8.5.14","@vercel/ncc":"0.38.3","archiver":"7.0.1","async-retry":"1.3.3","chalk":"5.4.1","chokidar":"4.0.3","commander":"12.1.0","cpy":"11.1.0","cross-spawn":"7.0.6","domutils":"^3.2.2","extract-zip":"^2.0.1","got":"12.6.0","htmlparser2":"^10.0.0","lunr":"^2.3.9","lunr-languages":"^1.14.0","mime":"^4.0.6","prompts":"2.4.2","rimraf":"6.0.1","tar":"7.4.3","update-check":"1.5.4","ws":"^8.18.0"}}');
|
|
202153
202123
|
|
|
202154
202124
|
/***/ })
|
|
202155
202125
|
|
package/dist/locales/de.json
CHANGED
|
@@ -92,6 +92,8 @@
|
|
|
92
92
|
"openscad-render": "Rendern",
|
|
93
93
|
"openscad-copy": "Kopieren",
|
|
94
94
|
"openscad-copy-done": "Code kopiert",
|
|
95
|
+
"openscad-download": "Herunterladen",
|
|
96
|
+
"openscad-download-format": "Download-Format",
|
|
95
97
|
"openscad-download-stl": "STL herunterladen",
|
|
96
98
|
"openscad-download-ready": "Download bereit",
|
|
97
99
|
"openscad-reset": "Zurücksetzen",
|
|
@@ -101,6 +103,7 @@
|
|
|
101
103
|
"openscad-render-failed": "OpenSCAD-Rendern fehlgeschlagen",
|
|
102
104
|
"openscad-params-object": "Parameter müssen ein JSON-Objekt sein",
|
|
103
105
|
"openscad-params-loading": "Parameter werden geladen...",
|
|
106
|
+
"openscad-params-none": "Keine Parameter",
|
|
104
107
|
"openscad-parameters": "Parameter",
|
|
105
108
|
"user-login-title": "Anmelden",
|
|
106
109
|
"user-username": "Benutzername",
|
package/dist/locales/en.json
CHANGED
|
@@ -92,6 +92,8 @@
|
|
|
92
92
|
"openscad-render": "Render",
|
|
93
93
|
"openscad-copy": "Copy",
|
|
94
94
|
"openscad-copy-done": "Code copied",
|
|
95
|
+
"openscad-download": "Download",
|
|
96
|
+
"openscad-download-format": "Download format",
|
|
95
97
|
"openscad-download-stl": "Download STL",
|
|
96
98
|
"openscad-download-ready": "Download ready",
|
|
97
99
|
"openscad-reset": "Reset",
|
|
@@ -101,6 +103,7 @@
|
|
|
101
103
|
"openscad-render-failed": "OpenSCAD render failed",
|
|
102
104
|
"openscad-params-object": "Parameters must be a JSON object",
|
|
103
105
|
"openscad-params-loading": "Loading parameters...",
|
|
106
|
+
"openscad-params-none": "No parameters",
|
|
104
107
|
"openscad-parameters": "Parameters",
|
|
105
108
|
"user-login-title": "Login",
|
|
106
109
|
"user-username": "Username",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hyperbook",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.95.0",
|
|
4
4
|
"author": "Mike Barkmin",
|
|
5
5
|
"homepage": "https://github.com/openpatch/hyperbook#readme",
|
|
6
6
|
"license": "MIT",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"create-hyperbook": "0.3.6",
|
|
60
60
|
"@hyperbook/fs": "0.25.0",
|
|
61
61
|
"@hyperbook/types": "0.23.0",
|
|
62
|
-
"@hyperbook/markdown": "0.
|
|
62
|
+
"@hyperbook/markdown": "0.66.0"
|
|
63
63
|
},
|
|
64
64
|
"scripts": {
|
|
65
65
|
"version": "pnpm build",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";codeInput.plugins.AutoCloseBrackets=class extends codeInput.Plugin{bracketPairs=[];bracketsOpenedStack=[];constructor(a={"(":")","[":"]","{":"}",'"':"\""}){super([]),this.bracketPairs=a}afterElementsAdded(a){a.pluginData.autoCloseBrackets={automatedKeypresses:!1},a.textareaElement.addEventListener("keydown",b=>{this.checkBackspace(a,b)}),a.textareaElement.addEventListener("beforeinput",b=>{this.checkClosingBracket(a,b)}),a.textareaElement.addEventListener("input",b=>{this.checkOpeningBracket(a,b)})}checkClosingBracket(a,b){if(!a.pluginData.autoCloseBrackets.automatedKeypresses&&b.data==a.textareaElement.value[a.textareaElement.selectionStart])for(let c in this.bracketPairs){let d=this.bracketPairs[c];if(b.data==d){a.textareaElement.selectionStart=a.textareaElement.selectionEnd+=1,b.preventDefault();break}}}checkOpeningBracket(a,b){if(!a.pluginData.autoCloseBrackets.automatedKeypresses&&b.data in this.bracketPairs){let c=this.bracketPairs[b.data];a.pluginData.autoCloseBrackets.automatedKeypresses=!0,document.execCommand("insertText",!1,c),a.pluginData.autoCloseBrackets.automatedKeypresses=!1,a.textareaElement.selectionStart=a.textareaElement.selectionEnd-=1}}checkBackspace(a,b){if(!a.pluginData.autoCloseBrackets.automatedKeypresses&&"Backspace"==b.key&&a.textareaElement.selectionStart==a.textareaElement.selectionEnd){let b=this.bracketPairs[a.textareaElement.value[a.textareaElement.selectionStart-1]];null!=b&&a.textareaElement.value[a.textareaElement.selectionStart]==b&&(a.textareaElement.selectionEnd=a.textareaElement.selectionStart+1,a.textareaElement.selectionStart-=1)}}};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
code-input{color:var(--code-input_no-override-color,black);caret-color:var(--code-input_default-caret-color,inherit);--padding:16px;--padding-left:var(--padding,16px);--padding-right:var(--padding,16px);--padding-top:var(--padding,16px);--padding-bottom:var(--padding,16px);height:250px;font-size:inherit;text-align:start;tab-size:2;white-space:pre;background-color:#fff;grid-template-rows:100%;grid-template-columns:100%;margin:8px;font-family:monospace;line-height:1.5;display:grid;position:relative;top:0;left:0;overflow:auto;padding:0!important}code-input :not(.code-input_dialog-container *){box-sizing:content-box}code-input textarea,code-input:not(.code-input_pre-element-styled) pre code,code-input.code-input_pre-element-styled pre{min-width:calc(100% - var(--padding-left,16px) - var(--padding-right,16px));min-height:calc(100% - var(--padding-top,16px) - var(--padding-bottom,16px));resize:none;border:0;grid-area:1/1;display:block;overflow:hidden;padding-left:var(--padding-left,16px)!important;padding-right:var(--padding-right,16px)!important;padding-top:var(--padding-top,16px)!important;padding-bottom:var(--padding-bottom,16px)!important;margin:0!important}code-input:not(.code-input_pre-element-styled) pre code,code-input.code-input_pre-element-styled pre{width:max-content;height:max-content;transition:color 1ms}code-input:not(.code-input_pre-element-styled) pre,code-input.code-input_pre-element-styled pre code{min-width:100%;min-height:100%;border:0!important;margin:0!important;padding:0!important}code-input textarea,code-input pre,code-input pre *{font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;tab-size:inherit!important;text-align:inherit!important}code-input pre,code-input pre code{overflow:visible!important}code-input textarea[dir=auto]+pre{unicode-bidi:plaintext}code-input textarea[dir=ltr]+pre{direction:ltr}code-input textarea[dir=rtl]+pre{direction:rtl}code-input textarea,code-input pre{grid-area:1/1}code-input textarea:not([data-code-input-fallback]){z-index:1}code-input pre{z-index:0}code-input textarea:not([data-code-input-fallback]){color:#0000;caret-color:inherit;background:0 0}code-input textarea:not([data-code-input-fallback]):placeholder-shown{color:var(--code-input_highlight-text-color,inherit)}code-input textarea,code-input pre{white-space:inherit;word-spacing:normal;word-break:normal;word-wrap:normal}code-input textarea{resize:none;outline:none!important}code-input:has(textarea:focus):not(.code-input_mouse-focused){outline:2px solid}code-input .code-input_dialog-container{z-index:2;width:100%;height:0;text-align:inherit;color:inherit;grid-area:1/1;margin:0;padding:0;transition:color 1ms;position:sticky;top:0;left:0}[dir=rtl] code-input .code-input_dialog-container,code-input[dir=rtl] .code-input_dialog-container{left:unset;right:0}code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions{color:#fff;padding:2px;padding-left:var(--padding-left,16px);padding-right:var(--padding-right,16px);text-wrap:balance;box-sizing:border-box;background-color:#000;width:100%;height:3em;margin:0;display:block;position:absolute;top:0;left:0;overflow:hidden auto}code-input:not(:has(textarea:not([data-code-input-fallback]):focus)) .code-input_dialog-container .code-input_keyboard-navigation-instructions,code-input.code-input_mouse-focused .code-input_dialog-container .code-input_keyboard-navigation-instructions,code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions:empty{display:none}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused) textarea,code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused):not(.code-input_pre-element-styled) pre code,code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused).code-input_pre-element-styled pre{min-height:calc(100% - var(--padding-top,16px) - 3em - var(--padding-bottom,16px));padding-top:calc(var(--padding-top,16px) + 3em)!important}code-input:not(.code-input_loaded){box-sizing:border-box;display:block;overflow:hidden;padding-left:var(--padding-left,16px)!important;padding-right:var(--padding-right,16px)!important;padding:var(--padding-top,16px)!important;padding:var(--padding-bottom,16px)!important}code-input:not(.code-input_loaded):after{content:"No highlighting. JavaScript support is disabled or insufficient, or codeInput.registerTemplate has not been called.";bottom:0;left:var(--padding-left,16px);width:calc(100% - var(--padding-left,1.6px) - var(--padding-right,1.6px));outline-top:0;background-color:inherit;color:inherit;border-top:1px solid;height:2em;margin:0;padding:0;display:block;position:absolute;overflow-x:auto}code-input:not(.code-input_loaded) pre,code-input:not(.code-input_loaded) textarea:not([data-code-input-fallback]){opacity:0}code-input:has(textarea[data-code-input-fallback]){box-sizing:content-box;caret-color:revert;padding:0!important}code-input textarea[data-code-input-fallback]{background-color:inherit;color:var(--code-input_highlight-text-color,inherit);min-height:calc(100% - var(--padding-top,16px) - 2em - var(--padding-bottom,16px));overflow:auto}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* **code-input** is a library which lets you create custom HTML `<code-input>`
|
|
3
|
-
* elements that act like `<textarea>` elements but support syntax-highlighted
|
|
4
|
-
* code, implemented using any typical syntax highlighting library.
|
|
5
|
-
*
|
|
6
|
-
* License of whole library for bundlers:
|
|
7
|
-
*
|
|
8
|
-
* Copyright 2021-2025 Oliver Geer and contributors
|
|
9
|
-
* @license MIT
|
|
10
|
-
*
|
|
11
|
-
* **<https://code-input-js.org>**
|
|
12
|
-
*/"use strict";var codeInput={observedAttributes:["value","placeholder","language","lang","template"],textareaSyncAttributes:["value","min","max","type","pattern","autocomplete","autocorrect","autofocus","cols","dirname","disabled","form","maxlength","minlength","name","placeholder","readonly","required","rows","spellcheck","wrap"],textareaSyncEvents:["change","selectionchange","invalid","input","focus","blur","focusin","focusout"],usedTemplates:{},defaultTemplate:void 0,templateNotYetRegisteredQueue:{},registerTemplate:function(a,b){if(!("string"==typeof a||a instanceof String))throw TypeError(`code-input: Name of template "${a}" must be a string.`);if(!("function"==typeof b.highlight||b.highlight instanceof Function))throw TypeError(`code-input: Template for "${a}" invalid, because the highlight function provided is not a function; it is "${b.highlight}". Please make sure you use one of the constructors in codeInput.templates, and that you provide the correct arguments.`);if(!("boolean"==typeof b.includeCodeInputInHighlightFunc||b.includeCodeInputInHighlightFunc instanceof Boolean))throw TypeError(`code-input: Template for "${a}" invalid, because the includeCodeInputInHighlightFunc value provided is not a true or false; it is "${b.includeCodeInputInHighlightFunc}". Please make sure you use one of the constructors in codeInput.templates, and that you provide the correct arguments.`);if(!("boolean"==typeof b.preElementStyled||b.preElementStyled instanceof Boolean))throw TypeError(`code-input: Template for "${a}" invalid, because the preElementStyled value provided is not a true or false; it is "${b.preElementStyled}". Please make sure you use one of the constructors in codeInput.templates, and that you provide the correct arguments.`);if(!("boolean"==typeof b.isCode||b.isCode instanceof Boolean))throw TypeError(`code-input: Template for "${a}" invalid, because the isCode value provided is not a true or false; it is "${b.isCode}". Please make sure you use one of the constructors in codeInput.templates, and that you provide the correct arguments.`);if(!Array.isArray(b.plugins))throw TypeError(`code-input: Template for "${a}" invalid, because the plugin array provided is not an array; it is "${b.plugins}". Please make sure you use one of the constructors in codeInput.templates, and that you provide the correct arguments.`);if(b.plugins.forEach((c,d)=>{if(!(c instanceof codeInput.Plugin))throw TypeError(`code-input: Template for "${a}" invalid, because the plugin provided at index ${d} is not valid; it is "${b.plugins[d]}". Please make sure you use one of the constructors in codeInput.templates, and that you provide the correct arguments.`)}),codeInput.usedTemplates[a]=b,a in codeInput.templateNotYetRegisteredQueue)for(let c in codeInput.templateNotYetRegisteredQueue[a]){const d=codeInput.templateNotYetRegisteredQueue[a][c];d.templateObject=b,d.setup()}if(null==codeInput.defaultTemplate&&(codeInput.defaultTemplate=a,void 0 in codeInput.templateNotYetRegisteredQueue))for(let a in codeInput.templateNotYetRegisteredQueue[void 0]){const c=codeInput.templateNotYetRegisteredQueue[void 0][a];c.templateObject=b,c.setup()}},stylesheetI:0,Template:class{constructor(a=function(){},b=!0,c=!0,d=!1,e=[]){this.highlight=a,this.preElementStyled=b,this.isCode=c,this.includeCodeInputInHighlightFunc=d,this.plugins=e}highlight=function(){};preElementStyled=!0;isCode=!0;includeCodeInputInHighlightFunc=!1;plugins=[]},templates:{prism(a,b=[]){return new codeInput.templates.Prism(a,b)},hljs(a,b=[]){return new codeInput.templates.Hljs(a,b)},characterLimit(a){return{highlight:function(a,b,c=[]){let d=+b.getAttribute("data-character-limit"),e=b.escapeHtml(b.value.slice(0,d)),f=b.escapeHtml(b.value.slice(d));a.innerHTML=`${e}<mark class="overflow">${f}</mark>`,0<f.length&&(a.innerHTML+=` <mark class="overflow-msg">${b.getAttribute("data-overflow-msg")||"(Character limit reached)"}</mark>`)},includeCodeInputInHighlightFunc:!0,preElementStyled:!0,isCode:!1,plugins:a}},rainbowText(a=["red","orangered","orange","goldenrod","gold","green","darkgreen","navy","blue","magenta"],b="",c=[]){return{highlight:function(a,b){let c=[],d=b.value.split(b.template.delimiter);for(let e=0;e<d.length;e++)c.push(`<span style="color: ${b.template.rainbowColors[e%b.template.rainbowColors.length]}">${b.escapeHtml(d[e])}</span>`);a.innerHTML=c.join(b.template.delimiter)},includeCodeInputInHighlightFunc:!0,preElementStyled:!0,isCode:!1,rainbowColors:a,delimiter:b,plugins:c}},character_limit(){return this.characterLimit([])},rainbow_text(a=["red","orangered","orange","goldenrod","gold","green","darkgreen","navy","blue","magenta"],b="",c=[]){return this.rainbowText(a,b,c)},custom(a=function(){},b=!0,c=!0,d=!1,e=[]){return{highlight:a,includeCodeInputInHighlightFunc:d,preElementStyled:b,isCode:c,plugins:e}}},plugins:new Proxy({},{get(a,b){if(a[b]==null)throw ReferenceError(`code-input: Plugin '${b}' is not defined. Please ensure you import the necessary files from the plugins folder in the WebCoder49/code-input repository, in the <head> of your HTML, before the plugin is instatiated.`);return a[b]}}),Plugin:class{constructor(a){a.forEach(a=>{codeInput.observedAttributes.push(a)})}addTranslations(a,b){for(const c in b)a[c]=b[c]}beforeHighlight(){}afterHighlight(){}beforeElementsAdded(){}afterElementsAdded(){}attributeChanged(){}},CodeInput:class extends HTMLElement{constructor(){super()}templateObject=null;textareaElement=null;preElement=null;codeElement=null;dialogContainerElement=null;internalStyle=null;static formAssociated=!0;boundEventCallbacks={};pluginEvt(a,b){for(let c in this.templateObject.plugins){let d=this.templateObject.plugins[c];a in d&&(b===void 0?d[a](this):d[a](this,...b))}}needsHighlight=!1;originalAriaDescription;scheduleHighlight(){this.needsHighlight=!0}animateFrame(){this.needsHighlight&&(this.update(),this.needsHighlight=!1),window.requestAnimationFrame(this.animateFrame.bind(this))}update(){let a=this.codeElement,b=this.value;b+="\n",a.innerHTML=this.escapeHtml(b),this.pluginEvt("beforeHighlight"),this.templateObject.includeCodeInputInHighlightFunc?this.templateObject.highlight(a,this):this.templateObject.highlight(a),this.syncSize(),this.pluginEvt("afterHighlight")}getStyledHighlightingElement(){return this.templateObject.preElementStyled?this.preElement:this.codeElement}syncSize(){const a=getComputedStyle(this.getStyledHighlightingElement()).height;this.textareaElement.style.height=a,this.internalStyle.setProperty("--code-input_synced-height",a);const b=getComputedStyle(this.getStyledHighlightingElement()).width;this.textareaElement.style.width=b,this.internalStyle.setProperty("--code-input_synced-width",b)}syncIfColorNotOverridden(a=function(){}){if(this.checkingColorOverridden)return;this.checkingColorOverridden=!0;const b=this.style.transition;this.style.transition="unset",window.requestAnimationFrame(()=>{if(this.internalStyle.setProperty("--code-input_no-override-color","rgb(0, 0, 0)"),"rgb(0, 0, 0)"!=getComputedStyle(this).color)this.style.transition=b,this.checkingColorOverridden=!1,a();else if(this.internalStyle.setProperty("--code-input_no-override-color","rgb(255, 255, 255)"),"rgb(255, 255, 255)"==getComputedStyle(this).color){this.internalStyle.removeProperty("--code-input_no-override-color"),this.style.transition=b;const a=getComputedStyle(this.getStyledHighlightingElement()).color;this.internalStyle.setProperty("--code-input_highlight-text-color",a),this.internalStyle.setProperty("--code-input_default-caret-color",a),this.checkingColorOverridden=!1}else this.style.transition=b,this.checkingColorOverridden=!1,a();this.internalStyle.removeProperty("--code-input_no-override-color"),this.style.transition=b})}syncColorCompletely(){this.syncIfColorNotOverridden(()=>{this.internalStyle.removeProperty("--code-input_highlight-text-color"),this.internalStyle.setProperty("--code-input_default-caret-color",getComputedStyle(this).color)})}setKeyboardNavInstructions(a,b){this.dialogContainerElement.querySelector(".code-input_keyboard-navigation-instructions").innerText=a,b?this.textareaElement.setAttribute("aria-description",this.originalAriaDescription+". "+a):this.textareaElement.setAttribute("aria-description",a)}escapeHtml(a){return a.replace(/&/g,"&").replace(/</g,"<")}unescapeHtml(a){return a.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}getTemplate(){let a;return a=null==this.getAttribute("template")?codeInput.defaultTemplate:this.getAttribute("template"),a in codeInput.usedTemplates?codeInput.usedTemplates[a]:(a in codeInput.templateNotYetRegisteredQueue||(codeInput.templateNotYetRegisteredQueue[a]=[]),void codeInput.templateNotYetRegisteredQueue[a].push(this))}setup(){if(null!=this.textareaElement)return;this.classList.add("code-input_registered"),this.mutationObserver=new MutationObserver(this.mutationObserverCallback.bind(this)),this.mutationObserver.observe(this,{attributes:!0,attributeOldValue:!0}),this.classList.add("code-input_registered"),this.templateObject.preElementStyled&&this.classList.add("code-input_pre-element-styled");const a=this.querySelector("textarea[data-code-input-fallback]");let b,c,d,e,f,g=!1;a&&(a===document.activeElement&&(g=!0),b=a.selectionStart,c=a.selectionEnd,d=a.selectionDirection,e=a.scrollLeft,f=a.scrollTop);let h;if(a){let b=a.getAttributeNames();for(let c=0;c<b.length;c++){const d=b[c];"data-code-input-fallback"!=d&&(this.hasAttribute(d)||this.setAttribute(d,a.getAttribute(d)))}h=a.value,this.innerHTML=this.escapeHtml(h)}else h=this.unescapeHtml(this.innerHTML);h=h||this.getAttribute("value")||"",this.pluginEvt("beforeElementsAdded");const i=this.getAttribute("language")||this.getAttribute("lang"),j=this.getAttribute("placeholder")||i||"";this.initialValue=h;const k=document.createElement("textarea");k.placeholder=j,""!=h&&(k.value=h),k.innerHTML=this.innerHTML,this.hasAttribute("spellcheck")||k.setAttribute("spellcheck","false"),k.setAttribute("tabindex",this.getAttribute("tabindex")||0),this.setAttribute("tabindex",-1),this.originalAriaDescription=this.getAttribute("aria-description")||"Code input field",this.addEventListener("mousedown",()=>{this.classList.add("code-input_mouse-focused"),window.setTimeout(()=>{this.syncSize()},0)}),k.addEventListener("blur",()=>{this.classList.remove("code-input_mouse-focused"),window.setTimeout(()=>{this.syncSize()},0)}),k.addEventListener("focus",()=>{window.setTimeout(()=>{this.syncSize()},0)}),this.innerHTML="",this.classList.add("code-input_styles_"+codeInput.stylesheetI);const l=document.createElement("style");l.innerHTML="code-input.code-input_styles_"+codeInput.stylesheetI+" {}",this.appendChild(l),this.internalStyle=l.sheet.cssRules[0].style,codeInput.stylesheetI++;for(let a,b=0;b<this.attributes.length;b++)a=this.attributes[b].name,(codeInput.textareaSyncAttributes.includes(a)||"aria-"==a.substring(0,5))&&k.setAttribute(a,this.getAttribute(a));k.addEventListener("input",()=>{this.value=this.textareaElement.value}),this.textareaElement=k,this.append(k),this.setupTextareaSyncEvents(this.textareaElement);let m=document.createElement("code"),n=document.createElement("pre");n.setAttribute("aria-hidden","true"),n.setAttribute("tabindex","-1"),n.setAttribute("inert",!0),this.preElement=n,this.codeElement=m,n.append(m),this.append(n),this.templateObject.isCode&&i!=null&&""!=i&&m.classList.add("language-"+i.toLowerCase());let o=document.createElement("div");o.classList.add("code-input_dialog-container"),this.append(o),this.dialogContainerElement=o;let p=document.createElement("div");p.classList.add("code-input_keyboard-navigation-instructions"),o.append(p),this.pluginEvt("afterElementsAdded"),this.dispatchEvent(new CustomEvent("code-input_load")),this.value=h,b!==void 0&&(k.setSelectionRange(b,c,d),k.scrollTo(f,e)),g&&k.focus(),this.animateFrame();const q=new ResizeObserver(()=>{this.syncSize()});q.observe(this),q.observe(this.preElement),q.observe(this.codeElement);const r=a=>{"color"==a.propertyName&&this.syncIfColorNotOverridden()};this.preElement.addEventListener("transitionend",r),this.preElement.addEventListener("-webkit-transitionend",r);const s=a=>{"color"==a.propertyName&&this.syncColorCompletely(),a.target==this.dialogContainerElement&&a.stopPropagation()};this.dialogContainerElement.addEventListener("transitionend",s),this.dialogContainerElement.addEventListener("-webkit-transitionend",s),this.addEventListener("transitionend",s),this.addEventListener("-webkit-transitionend",s),this.syncColorCompletely(),this.classList.add("code-input_loaded")}escape_html(a){return this.escapeHtml(a)}get_template(){return this.getTemplate()}get template(){return this.templateObject}set template(a){}connectedCallback(){if(this.templateObject=this.getTemplate(),null!=this.templateObject&&(this.classList.add("code-input_registered"),"loading"===document.readyState?window.addEventListener("DOMContentLoaded",this.setup.bind(this)):this.setup()),"loading"===document.readyState)window.addEventListener("DOMContentLoaded",()=>{const a=this.querySelector("textarea[data-code-input-fallback]");a&&this.setupTextareaSyncEvents(a)});else{const a=this.querySelector("textarea[data-code-input-fallback]");a&&this.setupTextareaSyncEvents(a)}}mutationObserverCallback(a){for(const b of a)if("attributes"===b.type){for(let a=0;a<codeInput.observedAttributes.length;a++)if(b.attributeName==codeInput.observedAttributes[a])return this.attributeChangedCallback(b.attributeName,b.oldValue,super.getAttribute(b.attributeName));for(let a=0;a<codeInput.textareaSyncAttributes.length;a++)if(b.attributeName==codeInput.textareaSyncAttributes[a])return this.attributeChangedCallback(b.attributeName,b.oldValue,super.getAttribute(b.attributeName));if("aria-"==b.attributeName.substring(0,5))return this.attributeChangedCallback(b.attributeName,b.oldValue,super.getAttribute(b.attributeName))}}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}attributeChangedCallback(a,b,c){if(this.isConnected)switch(this.pluginEvt("attributeChanged",[a,b,c]),a){case"value":this.value=c;break;case"template":this.templateObject=codeInput.usedTemplates[c||codeInput.defaultTemplate],this.templateObject.preElementStyled?this.classList.add("code-input_pre-element-styled"):this.classList.remove("code-input_pre-element-styled"),this.scheduleHighlight();break;case"lang":case"language":let d=this.codeElement,e=this.textareaElement;if(null!=c&&(c=c.toLowerCase(),d.classList.contains(`language-${c}`)))break;null!==b&&(b=b.toLowerCase(),d.classList.remove("language-"+b),d.parentElement.classList.remove("language-"+b)),d.classList.remove("language-none"),d.parentElement.classList.remove("language-none"),null!=c&&""!=c&&d.classList.add("language-"+c),(e.placeholder==b||null==b&&""==e.placeholder)&&(e.placeholder=c),this.scheduleHighlight();break;default:codeInput.textareaSyncAttributes.includes(a)||"aria-"==a.substring(0,5)?null==c||null==c?this.textareaElement.removeAttribute(a):this.textareaElement.setAttribute(a,c):codeInput.textareaSyncAttributes.regexp.forEach(b=>{a.match(b)&&(null==c?this.textareaElement.removeAttribute(a):this.textareaElement.setAttribute(a,c))})}}setupTextareaSyncEvents(a){for(let b=0;b<codeInput.textareaSyncEvents.length;b++){const c=codeInput.textareaSyncEvents[b];a.addEventListener(c,a=>{a.bubbles||this.dispatchEvent(new a.constructor(a.type,a))})}}addEventListener(a,b,c=void 0){let d=function(a){"function"==typeof b?b(a):b&&b.handleEvent&&b.handleEvent(a)}.bind(this);if(this.boundEventCallbacks[b]=d,!codeInput.textareaSyncEvents.includes(a))void 0===c?super.addEventListener(a,d):super.addEventListener(a,d,c);else if(this.boundEventCallbacks[b]=d,void 0===c){if(null==this.textareaElement){const b=this.querySelector("textarea[data-code-input-fallback]");b&&b.addEventListener(a,d),this.addEventListener("code-input_load",()=>{this.textareaElement.addEventListener(a,d)})}else this.textareaElement.addEventListener(a,d);}else if(null==this.textareaElement){const b=this.querySelector("textarea[data-code-input-fallback]");b&&b.addEventListener(a,d,c),this.addEventListener("code-input_load",()=>{this.textareaElement.addEventListener(a,d,c)})}else this.textareaElement.addEventListener(a,d,c)}removeEventListener(a,b,c=void 0){let d=this.boundEventCallbacks[b];if(!codeInput.textareaSyncEvents.includes(a))void 0===c?super.removeEventListener(a,d):super.removeEventListener(a,d,c);else if(void 0===c){if(null==this.textareaElement){const b=this.querySelector("textarea[data-code-input-fallback]");b&&b.removeEventListener(a,d),this.addEventListener("code-input_load",()=>{this.textareaElement.removeEventListener(a,d)})}else this.textareaElement.removeEventListener(a,d);}else if(null==this.textareaElement){const b=this.querySelector("textarea[data-code-input-fallback]");b&&b.removeEventListener(a,d,c),this.addEventListener("code-input_load",()=>{this.textareaElement.removeEventListener(a,d,c)})}else this.textareaElement.removeEventListener(a,d,c)}getTextareaProperty(a,b=void 0){if(this.textareaElement)return this.textareaElement[a];else{const c=this.querySelector("textarea[data-code-input-fallback]");if(c)return c[a];if(void 0===b)throw new Error("Cannot get "+a+" of an unregistered code-input element without a data-code-input-fallback textarea.");return b}}setTextareaProperty(a,b,c=!0){if(this.textareaElement)this.textareaElement[a]=b;else{const d=this.querySelector("textarea[data-code-input-fallback]");if(d)d[a]=b;else{if(!c)return(!1);throw new Error("Cannot set "+a+" of an unregistered code-input element without a data-code-input-fallback textarea.")}}return(!0)}get autocomplete(){return this.getAttribute("autocomplete")}set autocomplete(a){return this.setAttribute("autocomplete",a)}get cols(){return this.getTextareaProperty("cols",+this.getAttribute("cols"))}set cols(a){this.setAttribute("cols",a)}get defaultValue(){return this.initialValue}set defaultValue(a){this.initialValue=a}get textContent(){return this.initialValue}set textContent(a){this.initialValue=a}get dirName(){return this.getAttribute("dirName")||""}set dirName(a){this.setAttribute("dirname",a)}get disabled(){return this.hasAttribute("disabled")}set disabled(a){a?this.setAttribute("disabled",!0):this.removeAttribute("disabled")}get form(){return this.getTextareaProperty("form")}get labels(){return this.getTextareaProperty("labels")}get maxLength(){const a=+this.getAttribute("maxlength");return isNaN(a)?-1:a}set maxLength(a){-1==a?this.removeAttribute("maxlength"):this.setAttribute("maxlength",a)}get minLength(){const a=+this.getAttribute("minlength");return isNaN(a)?-1:a}set minLength(a){-1==a?this.removeAttribute("minlength"):this.setAttribute("minlength",a)}get name(){return this.getAttribute("name")||""}set name(a){this.setAttribute("name",a)}get placeholder(){return this.getAttribute("placeholder")||""}set placeholder(a){this.setAttribute("placeholder",a)}get readOnly(){return this.hasAttribute("readonly")}set readOnly(a){a?this.setAttribute("readonly",!0):this.removeAttribute("readonly")}get required(){return this.hasAttribute("readonly")}set required(a){a?this.setAttribute("readonly",!0):this.removeAttribute("readonly")}get rows(){return this.getTextareaProperty("rows",+this.getAttribute("rows"))}set rows(a){this.setAttribute("rows",a)}get selectionDirection(){return this.getTextareaProperty("selectionDirection")}set selectionDirection(a){this.setTextareaProperty("selectionDirection",a)}get selectionEnd(){return this.getTextareaProperty("selectionEnd")}set selectionEnd(a){this.setTextareaProperty("selectionEnd",a)}get selectionStart(){return this.getTextareaProperty("selectionStart")}set selectionStart(a){this.setTextareaProperty("selectionStart",a)}get textLength(){return this.value.length}get type(){return"textarea"}get validationMessage(){return this.getTextareaProperty("validationMessage")}get validity(){return this.getTextareaProperty("validationMessage")}get value(){return this.getTextareaProperty("value",this.getAttribute("value")||this.innerHTML)}set value(a){a=a||"",this.setTextareaProperty("value",a,!1)?this.textareaElement&&this.scheduleHighlight():this.innerHTML=a}get willValidate(){return this.getTextareaProperty("willValidate",this.disabled||this.readOnly)}get wrap(){return this.getAttribute("wrap")||""}set wrap(a){this.setAttribute("wrap",a)}getTextareaMethod(a){if(this.textareaElement)return this.textareaElement[a].bind(this.textareaElement);else{const b=this.querySelector("textarea[data-code-input-fallback]");if(b)return b[a].bind(b);throw new Error("Cannot call "+a+" on an unregistered code-input element without a data-code-input-fallback textarea.")}}blur(a={}){this.getTextareaMethod("blur")(a)}checkValidity(){return this.getTextareaMethod("checkValidity")()}focus(a={}){this.getTextareaMethod("focus")(a)}reportValidity(){return this.getTextareaMethod("reportValidity")()}setCustomValidity(a){this.getTextareaMethod("setCustomValidity")(a)}setRangeText(a,b=this.selectionStart,c=this.selectionEnd,d="preserve"){this.getTextareaMethod("setRangeText")(a,b,c,d),this.textareaElement&&this.scheduleHighlight()}setSelectionRange(a,b,c="none"){this.getTextareaMethod("setSelectionRange")(a,b,c)}pluginData={};formResetCallback(){this.value=this.initialValue}}};{class a extends codeInput.Template{constructor(a,b=[],c=!0){super(a.highlightElement,c,!0,!1,b)}}codeInput.templates.Prism=a;class b extends codeInput.Template{constructor(a,b=[],c=!1){super(function(b){b.removeAttribute("data-highlighted"),a.highlightElement(b)},c,!0,!1,b)}}codeInput.templates.Hljs=b}customElements.define("code-input",codeInput.CodeInput);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";codeInput.plugins.Indent=class extends codeInput.Plugin{bracketPairs={};indentation="\t";indentationNumChars=1;tabIndentationEnabled=!0;escTabToChangeFocus=!0;escJustPressed=!1;instructions={tabForIndentation:"Tab and Shift-Tab currently for indentation. Press Esc to enable keyboard navigation.",tabForNavigation:"Tab and Shift-Tab currently for keyboard navigation. Type to return to indentation."};constructor(a=!1,b=4,c={"(":")","[":"]","{":"}"},d=!0,e={}){if(super([]),this.bracketPairs=c,a){this.indentation="";for(let a=0;a<b;a++)this.indentation+=" ";this.indentationNumChars=b}this.escTabToChangeFocus=!0,this.addTranslations(this.instructions,e)}disableTabIndentation(){this.tabIndentationEnabled=!1}enableTabIndentation(){this.tabIndentationEnabled=!0}afterElementsAdded(a){let b=a.textareaElement;b.addEventListener("focus",()=>{this.escTabToChangeFocus&&a.setKeyboardNavInstructions(this.instructions.tabForIndentation,!0)}),b.addEventListener("keydown",b=>{this.checkTab(a,b),this.checkEnter(a,b),this.checkBackspace(a,b)}),b.addEventListener("beforeinput",b=>{this.checkCloseBracket(a,b)});let c=document.createElement("pre");c.setAttribute("aria-hidden","true");let d=document.createElement("span");if(a.templateObject.preElementStyled)c.appendChild(d),c.classList.add("code-input_autocomplete_test-indentation-width"),a.appendChild(c);else{let b=document.createElement("code");b.appendChild(d),b.classList.add("code-input_autocomplete_test-indentation-width"),c.appendChild(b),a.appendChild(c)}d.innerHTML=a.escapeHtml(this.indentation);let e=d.offsetWidth;a.removeChild(c),a.pluginData.indent={automatedKeypresses:!1,indentationWidthPx:e}}checkTab(a,b){var c=Math.max;if(!a.pluginData.indent.automatedKeypresses&&this.tabIndentationEnabled){if(this.escTabToChangeFocus){if("Escape"==b.key)return this.escJustPressed=!0,void a.setKeyboardNavInstructions(this.instructions.tabForNavigation,!1);if("Tab"!=b.key)return"Shift"==b.key?void 0:(a.setKeyboardNavInstructions(this.instructions.tabForIndentation,!1),void(this.escJustPressed=!1));if(!this.enableTabIndentation||this.escJustPressed)return a.setKeyboardNavInstructions("",!1),void(this.escJustPressed=!1)}else if("Tab"!=b.key)return;let d=a.textareaElement;if(b.preventDefault(),!b.shiftKey&&d.selectionStart==d.selectionEnd)a.pluginData.indent.automatedKeypresses=!0,document.execCommand("insertText",!1,this.indentation),a.pluginData.indent.automatedKeypresses=!1;else{let e=d.value.split("\n"),f=0,g=d.selectionStart,h=d.selectionEnd;for(let j=0;j<e.length;j++)(g<=f+e[j].length&&h>=f+1||g==h&&g<=f+e[j].length+1&&h>=f)&&(b.shiftKey?e[j].substring(0,this.indentationNumChars)==this.indentation&&(d.selectionStart=f,d.selectionEnd=f+this.indentationNumChars,document.execCommand("delete",!1,""),g>f&&(g=c(g-this.indentationNumChars,f)),h-=this.indentationNumChars,f-=this.indentationNumChars):(d.selectionStart=f,d.selectionEnd=f,a.pluginData.indent.f=!0,document.execCommand("insertText",!1,this.indentation),a.pluginData.indent.automatedKeypresses=!1,g>f&&(g+=this.indentationNumChars),h+=this.indentationNumChars,f+=this.indentationNumChars)),f+=e[j].length+1;d.selectionStart=g,d.selectionEnd=h;const i=getComputedStyle(a).direction;"rtl"==i?b.shiftKey?a.scrollBy(a.pluginData.indent.indentationWidthPx,0):a.scrollBy(-a.pluginData.indent.indentationWidthPx,0):b.shiftKey?a.scrollBy(-a.pluginData.indent.indentationWidthPx,0):a.scrollBy(a.pluginData.indent.indentationWidthPx,0)}a.value=d.value}}checkEnter(a,b){if(a.pluginData.indent.automatedKeypresses)return;if("Enter"!=b.key)return;b.preventDefault();let c=a.textareaElement,d=c.value.split("\n"),e=0,f=d.length-1,g="",h=0;for(let g=0;g<d.length;g++)if(e+=d[g].length+1,c.selectionEnd<e){f=g;break}let j=d[f].length-(e-c.selectionEnd)+1;for(let c=0;c<j&&d[f].substring(c,c+this.indentationNumChars)==this.indentation;c+=this.indentationNumChars)h++;let k="";j!=d[f].length&&(k=d[f].substring(j),d[f]=d[f].substring(0,j));let l=!1,m="";if(null!=this.bracketPairs)for(let a in this.bracketPairs)if(d[f][d[f].length-1]==a){let b=this.bracketPairs[a];if(0<k.length&&k[0]==b){l=!0;for(let a=0;a<h+1;a++)m+=this.indentation}else h++;break}else{let b=this.bracketPairs[a];if(0<k.length&&k[0]==b){h--;break}}0>h&&(h=0);for(let c=0;c<h;c++)g+=this.indentation;let n=c.selectionStart;a.pluginData.indent.automatedKeypresses=!0,l&&(document.execCommand("insertText",!1,"\n"+m),h+=1),document.execCommand("insertText",!1,"\n"+g),a.pluginData.indent.automatedKeypresses=!1,c.selectionStart=n+h*this.indentationNumChars+1,c.selectionEnd=c.selectionStart;let o=+getComputedStyle(c).paddingTop.replace("px",""),p=+getComputedStyle(c).lineHeight.replace("px",""),q=+getComputedStyle(a).height.replace("px","");f*p+2*p+o>=c.scrollTop+q&&a.scrollBy(0,+getComputedStyle(c).lineHeight.replace("px","")),a.value=c.value}checkBackspace(a,b){if(!a.pluginData.indent.automatedKeypresses&&"Backspace"==b.key&&1!=this.indentationNumChars){let c=a.textareaElement;c.selectionStart==c.selectionEnd&&a.value.substring(c.selectionStart-this.indentationNumChars,c.selectionStart)==this.indentation&&(c.selectionStart-=this.indentationNumChars,b.preventDefault(),document.execCommand("delete",!1,""))}}checkCloseBracket(a,b){if(a.textareaElement.selectionStart==a.textareaElement.selectionEnd)for(let c in this.bracketPairs){let d=this.bracketPairs[c];b.data==d&&a.value.substring(a.textareaElement.selectionStart-this.indentationNumChars,a.textareaElement.selectionStart)==this.indentation&&(a.textareaElement.selectionStart-=this.indentationNumChars)}}};
|