@qarakash/blockwriteai 1.0.7
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/LICENSE +21 -0
- package/README.md +642 -0
- package/dist/blockwriteai-favicon.svg +20 -0
- package/dist/blockwriteai-logo.svg +26 -0
- package/dist/blockwriteai.css +3762 -0
- package/dist/blockwriteai.js +6771 -0
- package/dist/plugins/blockwriteai-advanced-blocks.js +2462 -0
- package/dist/plugins/blockwriteai-ai.js +637 -0
- package/dist/plugins/blockwriteai-code-assist.js +609 -0
- package/dist/plugins/blockwriteai-drawing.js +178 -0
- package/dist/plugins/blockwriteai-history.js +23 -0
- package/dist/plugins/blockwriteai-mermaid.js +1986 -0
- package/dist/plugins/blockwriteai-signature-flow.js +493 -0
- package/dist/plugins/blockwriteai-signature.js +463 -0
- package/package.json +63 -0
- package/types/index.d.ts +197 -0
|
@@ -0,0 +1,609 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* BlockWriteAI Code Assist Plugin
|
|
3
|
+
* Adds Prettier-powered formatting and lightweight code suggestions to BlockWriteAI code blocks.
|
|
4
|
+
*/
|
|
5
|
+
(function (global) {
|
|
6
|
+
"use strict";
|
|
7
|
+
|
|
8
|
+
var BlockWriteAI = global.BlockWriteAI;
|
|
9
|
+
if (!BlockWriteAI || BlockWriteAI.__codeAssistPluginInstalled) return;
|
|
10
|
+
BlockWriteAI.__codeAssistPluginInstalled = true;
|
|
11
|
+
|
|
12
|
+
var options = {
|
|
13
|
+
prettier: true,
|
|
14
|
+
suggestions: true,
|
|
15
|
+
prettierVersion: "3.8.1",
|
|
16
|
+
tabWidth: 2,
|
|
17
|
+
cdnBase: "https://unpkg.com/prettier@{version}/",
|
|
18
|
+
extraSuggestions: {}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
var prettierPromise = null;
|
|
22
|
+
var originalRenderCode = BlockWriteAI.prototype.renderCode;
|
|
23
|
+
var originalFormatCodeBlock = BlockWriteAI.prototype.formatCodeBlock;
|
|
24
|
+
|
|
25
|
+
var FORMATTERS = {
|
|
26
|
+
javascript: "babel",
|
|
27
|
+
typescript: "typescript",
|
|
28
|
+
json: "json",
|
|
29
|
+
html: "html",
|
|
30
|
+
css: "css",
|
|
31
|
+
markdown: "markdown"
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
var SUPPORTED_LANGUAGES = [
|
|
35
|
+
"plaintext",
|
|
36
|
+
"javascript",
|
|
37
|
+
"typescript",
|
|
38
|
+
"html",
|
|
39
|
+
"css",
|
|
40
|
+
"json",
|
|
41
|
+
"php",
|
|
42
|
+
"python",
|
|
43
|
+
"java",
|
|
44
|
+
"csharp",
|
|
45
|
+
"cpp",
|
|
46
|
+
"sql",
|
|
47
|
+
"bash",
|
|
48
|
+
"markdown"
|
|
49
|
+
];
|
|
50
|
+
|
|
51
|
+
var SNIPPETS = {
|
|
52
|
+
javascript: [
|
|
53
|
+
{ label: "function", detail: "Function declaration", insert: "function name() {\n $0\n}" },
|
|
54
|
+
{ label: "const", detail: "Constant", insert: "const name = $0;" },
|
|
55
|
+
{ label: "let", detail: "Variable", insert: "let name = $0;" },
|
|
56
|
+
{ label: "if", detail: "If statement", insert: "if ($0) {\n \n}" },
|
|
57
|
+
{ label: "for", detail: "For loop", insert: "for (let i = 0; i < length; i += 1) {\n $0\n}" },
|
|
58
|
+
{ label: "map", detail: "Array map", insert: "array.map(function (item) {\n return $0;\n});" },
|
|
59
|
+
{ label: "async", detail: "Async function", insert: "async function name() {\n $0\n}" },
|
|
60
|
+
{ label: "try", detail: "Try catch", insert: "try {\n $0\n} catch (error) {\n console.error(error);\n}" },
|
|
61
|
+
{ label: "console", detail: "Console log", insert: "console.log($0);" }
|
|
62
|
+
],
|
|
63
|
+
typescript: [
|
|
64
|
+
{ label: "interface", detail: "Interface", insert: "interface Name {\n $0\n}" },
|
|
65
|
+
{ label: "type", detail: "Type alias", insert: "type Name = $0;" },
|
|
66
|
+
{ label: "const", detail: "Constant", insert: "const name: Type = $0;" },
|
|
67
|
+
{ label: "function", detail: "Typed function", insert: "function name(): void {\n $0\n}" },
|
|
68
|
+
{ label: "async", detail: "Async function", insert: "async function name(): Promise<void> {\n $0\n}" }
|
|
69
|
+
],
|
|
70
|
+
html: [
|
|
71
|
+
{ label: "!DOCTYPE", detail: "HTML document type", insert: "<!DOCTYPE html>" },
|
|
72
|
+
{ label: "html", detail: "HTML page", insert: "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>$0</title>\n</head>\n<body>\n \n</body>\n</html>" },
|
|
73
|
+
{ label: "div", detail: "Division", insert: "<div>\n $0\n</div>" },
|
|
74
|
+
{ label: "section", detail: "Section", insert: "<section>\n $0\n</section>" },
|
|
75
|
+
{ label: "article", detail: "Article", insert: "<article>\n $0\n</article>" },
|
|
76
|
+
{ label: "button", detail: "Button", insert: '<button type="button">$0</button>' },
|
|
77
|
+
{ label: "a", detail: "Link", insert: '<a href="#">$0</a>' },
|
|
78
|
+
{ label: "img", detail: "Image", insert: '<img src="$0" alt="">' },
|
|
79
|
+
{ label: "ul", detail: "List", insert: "<ul>\n <li>$0</li>\n</ul>" },
|
|
80
|
+
{ label: "table", detail: "Table", insert: "<table>\n <tr>\n <td>$0</td>\n </tr>\n</table>" }
|
|
81
|
+
],
|
|
82
|
+
css: [
|
|
83
|
+
{ label: "display", detail: "Display", insert: "display: $0;" },
|
|
84
|
+
{ label: "grid", detail: "Grid layout", insert: "display: grid;\ngap: $0;" },
|
|
85
|
+
{ label: "flex", detail: "Flex layout", insert: "display: flex;\nalign-items: center;\ngap: $0;" },
|
|
86
|
+
{ label: "color", detail: "Text color", insert: "color: $0;" },
|
|
87
|
+
{ label: "background", detail: "Background", insert: "background: $0;" },
|
|
88
|
+
{ label: "border", detail: "Border", insert: "border: 1px solid $0;" },
|
|
89
|
+
{ label: "radius", detail: "Border radius", insert: "border-radius: $0;" },
|
|
90
|
+
{ label: "media", detail: "Media query", insert: "@media (max-width: 768px) {\n $0\n}" }
|
|
91
|
+
],
|
|
92
|
+
php: [
|
|
93
|
+
{ label: "function", detail: "Function", insert: "function name() {\n $0\n}" },
|
|
94
|
+
{ label: "if", detail: "If statement", insert: "if ($0) {\n \n}" },
|
|
95
|
+
{ label: "foreach", detail: "Foreach loop", insert: "foreach ($items as $item) {\n $0\n}" },
|
|
96
|
+
{ label: "echo", detail: "Echo", insert: "echo $0;" }
|
|
97
|
+
],
|
|
98
|
+
python: [
|
|
99
|
+
{ label: "def", detail: "Function", insert: "def name():\n $0" },
|
|
100
|
+
{ label: "class", detail: "Class", insert: "class Name:\n def __init__(self):\n $0" },
|
|
101
|
+
{ label: "if", detail: "If statement", insert: "if $0:\n " },
|
|
102
|
+
{ label: "for", detail: "For loop", insert: "for item in items:\n $0" },
|
|
103
|
+
{ label: "try", detail: "Try except", insert: "try:\n $0\nexcept Exception as error:\n print(error)" }
|
|
104
|
+
],
|
|
105
|
+
sql: [
|
|
106
|
+
{ label: "select", detail: "Select query", insert: "SELECT $0\nFROM table_name;" },
|
|
107
|
+
{ label: "insert", detail: "Insert query", insert: "INSERT INTO table_name (column)\nVALUES ($0);" },
|
|
108
|
+
{ label: "update", detail: "Update query", insert: "UPDATE table_name\nSET column = $0\nWHERE condition;" },
|
|
109
|
+
{ label: "join", detail: "Join", insert: "JOIN table_name ON $0" }
|
|
110
|
+
],
|
|
111
|
+
bash: [
|
|
112
|
+
{ label: "if", detail: "If statement", insert: "if [ $0 ]; then\n \nfi" },
|
|
113
|
+
{ label: "for", detail: "For loop", insert: "for item in \"$@\"; do\n $0\ndone" },
|
|
114
|
+
{ label: "echo", detail: "Echo", insert: "echo \"$0\"" }
|
|
115
|
+
],
|
|
116
|
+
java: [
|
|
117
|
+
{ label: "class", detail: "Class", insert: "public class Name {\n public static void main(String[] args) {\n $0\n }\n}" },
|
|
118
|
+
{ label: "main", detail: "Main method", insert: "public static void main(String[] args) {\n $0\n}" },
|
|
119
|
+
{ label: "sout", detail: "Print line", insert: "System.out.println($0);" },
|
|
120
|
+
{ label: "if", detail: "If statement", insert: "if ($0) {\n \n}" },
|
|
121
|
+
{ label: "for", detail: "For loop", insert: "for (int i = 0; i < count; i++) {\n $0\n}" }
|
|
122
|
+
],
|
|
123
|
+
csharp: [
|
|
124
|
+
{ label: "class", detail: "Class", insert: "public class Name\n{\n $0\n}" },
|
|
125
|
+
{ label: "main", detail: "Main method", insert: "public static void Main(string[] args)\n{\n $0\n}" },
|
|
126
|
+
{ label: "cw", detail: "Console write line", insert: "Console.WriteLine($0);" },
|
|
127
|
+
{ label: "if", detail: "If statement", insert: "if ($0)\n{\n \n}" },
|
|
128
|
+
{ label: "foreach", detail: "Foreach loop", insert: "foreach (var item in items)\n{\n $0\n}" }
|
|
129
|
+
],
|
|
130
|
+
cpp: [
|
|
131
|
+
{ label: "include", detail: "Include header", insert: "#include <$0>" },
|
|
132
|
+
{ label: "main", detail: "Main function", insert: "int main() {\n $0\n return 0;\n}" },
|
|
133
|
+
{ label: "cout", detail: "Output stream", insert: "std::cout << $0 << std::endl;" },
|
|
134
|
+
{ label: "if", detail: "If statement", insert: "if ($0) {\n \n}" },
|
|
135
|
+
{ label: "for", detail: "For loop", insert: "for (int i = 0; i < count; i++) {\n $0\n}" }
|
|
136
|
+
],
|
|
137
|
+
json: [
|
|
138
|
+
{ label: "object", detail: "JSON object", insert: "{\n \"$0\": \"\"\n}" },
|
|
139
|
+
{ label: "array", detail: "JSON array", insert: "[\n $0\n]" },
|
|
140
|
+
{ label: "string", detail: "String property", insert: "\"name\": \"$0\"" },
|
|
141
|
+
{ label: "number", detail: "Number property", insert: "\"count\": $0" },
|
|
142
|
+
{ label: "boolean", detail: "Boolean property", insert: "\"enabled\": true" }
|
|
143
|
+
],
|
|
144
|
+
markdown: [
|
|
145
|
+
{ label: "heading", detail: "Heading", insert: "## $0" },
|
|
146
|
+
{ label: "link", detail: "Link", insert: "[$0](https://example.com)" },
|
|
147
|
+
{ label: "image", detail: "Image", insert: "" },
|
|
148
|
+
{ label: "code", detail: "Code fence", insert: "```language\n$0\n```" },
|
|
149
|
+
{ label: "table", detail: "Table", insert: "| Header | Header |\n| --- | --- |\n| $0 | |" }
|
|
150
|
+
],
|
|
151
|
+
plaintext: [
|
|
152
|
+
{ label: "note", detail: "Simple note", insert: "Note: $0" },
|
|
153
|
+
{ label: "todo", detail: "Task line", insert: "TODO: $0" },
|
|
154
|
+
{ label: "summary", detail: "Summary heading", insert: "Summary\n$0" }
|
|
155
|
+
]
|
|
156
|
+
};
|
|
157
|
+
|
|
158
|
+
var KEYWORDS = {
|
|
159
|
+
javascript: "await break case catch class const continue default delete do else export extends finally for function if import in instanceof let new return static switch this throw try typeof var void while yield true false null undefined console document window",
|
|
160
|
+
typescript: "abstract any as async await boolean class const constructor declare enum export extends false from function implements import interface keyof let namespace never null number private protected public readonly return static string super true type undefined unknown void",
|
|
161
|
+
html: "a abbr address article aside audio b base blockquote body br button canvas caption cite code col colgroup data datalist dd del details div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hr html iframe img input label legend li link main meta nav ol option p picture pre progress script section select small source span strong style summary table tbody td template textarea tfoot th thead time title tr ul video",
|
|
162
|
+
css: "align-items background background-color border border-radius box-shadow color display flex flex-direction font-size font-weight gap grid grid-template-columns height justify-content line-height margin max-width min-height object-fit opacity overflow padding position text-align transform transition width z-index",
|
|
163
|
+
json: "true false null",
|
|
164
|
+
php: "array as class echo else elseif extends false foreach function if implements interface namespace new null private protected public return static switch true try use var while",
|
|
165
|
+
python: "and as assert async await break class continue def del elif else except false finally for from global if import in is lambda none nonlocal not or pass raise return true try while with yield print self",
|
|
166
|
+
java: "abstract boolean break byte case catch char class const continue default double else enum extends false final finally float for if implements import int interface long new null package private protected public return static string super switch this throw throws true try void while",
|
|
167
|
+
csharp: "abstract as async await bool break case catch class const continue decimal default delegate do double else enum event false finally float for foreach if in int interface internal is lock namespace new null object override private protected public readonly return sealed static string switch this throw true try using var virtual void while",
|
|
168
|
+
cpp: "auto bool break case catch char class const continue default delete do double else enum false float for if include int long namespace new nullptr private protected public return sizeof static std string struct switch template this throw true try typename using void while",
|
|
169
|
+
sql: "SELECT FROM WHERE JOIN LEFT RIGHT INNER OUTER INSERT INTO VALUES UPDATE SET DELETE CREATE TABLE ALTER DROP GROUP BY ORDER HAVING LIMIT OFFSET DISTINCT COUNT SUM AVG MIN MAX",
|
|
170
|
+
bash: "case cd chmod cp do done echo elif else esac export fi for function grep if in mkdir mv read rm sed then while",
|
|
171
|
+
markdown: "heading link image code table quote list todo bold italic"
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
function escapeHTML(value) {
|
|
175
|
+
return String(value == null ? "" : value)
|
|
176
|
+
.replace(/&/g, "&")
|
|
177
|
+
.replace(/</g, "<")
|
|
178
|
+
.replace(/>/g, ">")
|
|
179
|
+
.replace(/"/g, """);
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
function injectStyles() {
|
|
183
|
+
if (document.querySelector("style[data-blockwriteai-code-assist]")) return;
|
|
184
|
+
var style = document.createElement("style");
|
|
185
|
+
style.dataset.blockwriteaiCodeAssist = "true";
|
|
186
|
+
style.textContent =
|
|
187
|
+
".rbe-code-wrap{position:relative;}" +
|
|
188
|
+
".rbe-code-assist-status{margin-left:auto;font-size:12px;font-weight:740;color:inherit;opacity:.8;}" +
|
|
189
|
+
".rbe-code-assist-status.is-error{color:#b91c1c;}" +
|
|
190
|
+
".rbe-code-assist-panel{position:absolute;z-index:12;width:min(280px,calc(100% - 24px));max-height:210px;overflow:auto;border:1px solid var(--rbe-border,#d7dee8);border-radius:8px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.16);padding:4px;}" +
|
|
191
|
+
".rbe-code-assist-panel[hidden]{display:none;}" +
|
|
192
|
+
".rbe-code-assist-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;border:0;border-radius:6px;background:transparent;color:#172033;padding:7px 8px;text-align:left;font:13px/1.3 Arial,sans-serif;cursor:pointer;}" +
|
|
193
|
+
".rbe-code-assist-item strong{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",monospace;font-size:13px;}" +
|
|
194
|
+
".rbe-code-assist-item small{color:#667085;}" +
|
|
195
|
+
".rbe-code-assist-item.is-active,.rbe-code-assist-item:hover{background:#e7efff;color:#143f91;}" +
|
|
196
|
+
".rbe-code-assist-hint{grid-column:1/-1;color:#667085;font-size:11px;padding:3px 8px 5px;}";
|
|
197
|
+
document.head.appendChild(style);
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
function codeLanguage(block) {
|
|
201
|
+
var select = block && block.querySelector(".rbe-code-language");
|
|
202
|
+
return select ? select.value || "plaintext" : "plaintext";
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
function scriptUrl(path) {
|
|
206
|
+
return options.cdnBase.replace("{version}", options.prettierVersion) + path;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
function loadPrettier() {
|
|
210
|
+
if (!options.prettier) return Promise.reject(new Error("Prettier is disabled"));
|
|
211
|
+
if (prettierPromise) return prettierPromise;
|
|
212
|
+
prettierPromise = Promise.all([
|
|
213
|
+
import(scriptUrl("standalone.mjs")),
|
|
214
|
+
import(scriptUrl("plugins/babel.mjs")),
|
|
215
|
+
import(scriptUrl("plugins/estree.mjs")),
|
|
216
|
+
import(scriptUrl("plugins/typescript.mjs")),
|
|
217
|
+
import(scriptUrl("plugins/html.mjs")),
|
|
218
|
+
import(scriptUrl("plugins/postcss.mjs")),
|
|
219
|
+
import(scriptUrl("plugins/markdown.mjs"))
|
|
220
|
+
]).then(function (modules) {
|
|
221
|
+
return {
|
|
222
|
+
prettier: modules[0],
|
|
223
|
+
plugins: modules.slice(1).map(function (module) { return module.default || module; })
|
|
224
|
+
};
|
|
225
|
+
});
|
|
226
|
+
return prettierPromise;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
function setStatus(wrap, text, isError) {
|
|
230
|
+
var status = wrap && wrap.querySelector(".rbe-code-assist-status");
|
|
231
|
+
if (!status) return;
|
|
232
|
+
status.textContent = text || "";
|
|
233
|
+
status.classList.toggle("is-error", !!isError);
|
|
234
|
+
if (text) {
|
|
235
|
+
clearTimeout(status._rbeTimer);
|
|
236
|
+
status._rbeTimer = setTimeout(function () {
|
|
237
|
+
status.textContent = "";
|
|
238
|
+
status.classList.remove("is-error");
|
|
239
|
+
}, isError ? 3600 : 1800);
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
function prettierParser(language) {
|
|
244
|
+
return FORMATTERS[language] || "";
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
function languageIsSupported(language, select) {
|
|
248
|
+
if (!language) return false;
|
|
249
|
+
if (select) {
|
|
250
|
+
return Array.prototype.some.call(select.options || [], function (option) {
|
|
251
|
+
return option.value === language;
|
|
252
|
+
});
|
|
253
|
+
}
|
|
254
|
+
return SUPPORTED_LANGUAGES.indexOf(language) !== -1;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
function languageLabel(language, select) {
|
|
258
|
+
if (select) {
|
|
259
|
+
var option = Array.prototype.find.call(select.options || [], function (item) {
|
|
260
|
+
return item.value === language;
|
|
261
|
+
});
|
|
262
|
+
if (option) return option.textContent || language;
|
|
263
|
+
}
|
|
264
|
+
return String(language || "Plain text").replace(/^\w/, function (letter) { return letter.toUpperCase(); });
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
function detectLanguage(code) {
|
|
268
|
+
var raw = String(code || "");
|
|
269
|
+
var text = raw.trim();
|
|
270
|
+
if (!text) return "";
|
|
271
|
+
var lower = text.toLowerCase();
|
|
272
|
+
|
|
273
|
+
if (/^<\?php\b/i.test(text) || /\$\w+\s*=/.test(text) || /\b(echo|namespace|use)\s+[\w\\]+;/.test(text)) return "php";
|
|
274
|
+
if (/^(<!|<\/?html\b|<\/?head\b|<\/?body\b|<\/?(div|section|article|span|button|table|form|input|script|style|img|a)\b)/i.test(text) || /<\/[a-z][\w:-]*>\s*$/i.test(text)) return "html";
|
|
275
|
+
if (/^\s*[{[]/.test(raw) && (/"[^"]+"\s*:/.test(raw) || /^[\s{\["\]},:0-9.truefalsnul-]+$/i.test(raw))) return "json";
|
|
276
|
+
if (/^#{1,6}\s/.test(text) || /^```/.test(text) || /^\s*[-*]\s+\[[ x]\]/i.test(text) || /\[[^\]]+\]\([^)]+\)/.test(text)) return "markdown";
|
|
277
|
+
if (/^#include\b/.test(text) || /\bstd::\w+/.test(text) || /\bcout\s*<</.test(text) || /\bint\s+main\s*\(/.test(text)) return "cpp";
|
|
278
|
+
if (/\busing\s+System\s*;/.test(text) || /\bConsole\.Write(Line)?\s*\(/.test(text) || /\bnamespace\s+\w+/.test(text)) return "csharp";
|
|
279
|
+
if (/\bpublic\s+(class|static)\b/.test(text) || /\bSystem\.out\.println\s*\(/.test(text) || /\bpackage\s+[\w.]+;/.test(text)) return "java";
|
|
280
|
+
if (/\binterface\s+\w+/.test(text) || /\btype\s+\w+\s*=/.test(text) || /:\s*(string|number|boolean|unknown|any)\b/.test(text)) return "typescript";
|
|
281
|
+
if (/\b(const|let|var)\s+\w+\s*=/.test(text) || /\bfunction\s+\w*\s*\(/.test(text) || /=>/.test(text) || /\b(console|document|window)\./.test(text) || /\b(import|export)\s+/.test(text)) return "javascript";
|
|
282
|
+
if (/^\s*(def|class)\s+\w+/.test(text) || /\bprint\s*\(/.test(text) || /\bfrom\s+\w+\s+import\b/.test(text) || /\bimport\s+\w+/.test(text) || /:\s*(#.*)?$/.test(text)) return "python";
|
|
283
|
+
if (/\b(SELECT|INSERT\s+INTO|UPDATE|DELETE\s+FROM|CREATE\s+TABLE|ALTER\s+TABLE|DROP\s+TABLE)\b/i.test(text)) return "sql";
|
|
284
|
+
if (/^#!/.test(text) || /\b(echo|chmod|sudo|grep|sed)\b/.test(text) || /^\s*(if|for|while)\s+.*;\s*do\b/.test(text)) return "bash";
|
|
285
|
+
if (/@media\b/.test(text) || /[#.][\w-]+\s*\{/.test(text) || /\b[a-z-]+\s*:\s*[^;{}]+;/.test(text)) return "css";
|
|
286
|
+
return "";
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
function keywordSuggestions(language) {
|
|
290
|
+
return String(KEYWORDS[language] || "")
|
|
291
|
+
.split(/\s+/)
|
|
292
|
+
.filter(Boolean)
|
|
293
|
+
.map(function (keyword) {
|
|
294
|
+
return { label: keyword, detail: "Keyword", insert: keyword };
|
|
295
|
+
});
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
function mergeSuggestions(list) {
|
|
299
|
+
var seen = Object.create(null);
|
|
300
|
+
return list.filter(function (item) {
|
|
301
|
+
var key = (item.label || "") + "\u0000" + (item.insert || item.label || "");
|
|
302
|
+
if (!item.label || seen[key]) return false;
|
|
303
|
+
seen[key] = true;
|
|
304
|
+
return true;
|
|
305
|
+
});
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
function formatWithPrettier(code, language) {
|
|
309
|
+
var parser = prettierParser(language);
|
|
310
|
+
if (!parser) return Promise.reject(new Error("Prettier parser is not available for " + language));
|
|
311
|
+
return loadPrettier().then(function (bundle) {
|
|
312
|
+
return bundle.prettier.format(code, {
|
|
313
|
+
parser: parser,
|
|
314
|
+
plugins: bundle.plugins,
|
|
315
|
+
tabWidth: options.tabWidth,
|
|
316
|
+
printWidth: 100,
|
|
317
|
+
semi: true,
|
|
318
|
+
singleQuote: language === "javascript" || language === "typescript",
|
|
319
|
+
bracketSameLine: false
|
|
320
|
+
});
|
|
321
|
+
});
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
function currentToken(textarea, language) {
|
|
325
|
+
var pos = textarea.selectionStart || 0;
|
|
326
|
+
var before = textarea.value.slice(0, pos);
|
|
327
|
+
if (language === "html") {
|
|
328
|
+
var declarationMatch = before.match(/<!([\w-]*)$/i);
|
|
329
|
+
if (declarationMatch) {
|
|
330
|
+
return { text: "!" + (declarationMatch[1] || ""), start: pos - declarationMatch[0].length, end: pos, trigger: "html-declaration", force: true };
|
|
331
|
+
}
|
|
332
|
+
var htmlMatch = before.match(/<\/?([\w:-]*)$/);
|
|
333
|
+
if (htmlMatch) {
|
|
334
|
+
return { text: htmlMatch[1] || "", start: pos - htmlMatch[0].length, end: pos, trigger: "html-tag", force: true };
|
|
335
|
+
}
|
|
336
|
+
}
|
|
337
|
+
if (language === "css") {
|
|
338
|
+
var cssMatch = before.match(/(?:^|[;{]\s*)([a-z-]*)$/i);
|
|
339
|
+
if (cssMatch) return { text: cssMatch[1] || "", start: pos - (cssMatch[1] || "").length, end: pos, trigger: "css-property", force: !cssMatch[1] };
|
|
340
|
+
}
|
|
341
|
+
if (language === "json") {
|
|
342
|
+
var jsonMatch = before.match(/(?:^|[{,]\s*)"?([\w-]*)$/);
|
|
343
|
+
if (jsonMatch) return { text: jsonMatch[1] || "", start: pos - (jsonMatch[1] || "").length, end: pos, trigger: "json-key", force: !jsonMatch[1] };
|
|
344
|
+
}
|
|
345
|
+
var match = before.match(/[A-Za-z_$][\w$-]*$/);
|
|
346
|
+
return match ? { text: match[0], start: pos - match[0].length, end: pos } : { text: "", start: pos, end: pos };
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
function suggestionsFor(language, token, forced) {
|
|
350
|
+
token = typeof token === "string" ? { text: token } : token || { text: "" };
|
|
351
|
+
var list = [];
|
|
352
|
+
if (language === "plaintext") {
|
|
353
|
+
Object.keys(SNIPPETS).forEach(function (key) {
|
|
354
|
+
if (key !== "plaintext") list = list.concat(SNIPPETS[key] || [], keywordSuggestions(key));
|
|
355
|
+
});
|
|
356
|
+
list = list.concat(SNIPPETS.plaintext || [], keywordSuggestions("plaintext"));
|
|
357
|
+
} else {
|
|
358
|
+
list = (SNIPPETS[language] || []).concat(keywordSuggestions(language), options.extraSuggestions[language] || []);
|
|
359
|
+
}
|
|
360
|
+
if (token.trigger === "html-declaration") {
|
|
361
|
+
list = [
|
|
362
|
+
{ label: "!DOCTYPE", detail: "HTML document type", insert: "<!DOCTYPE html>" },
|
|
363
|
+
{ label: "!--", detail: "HTML comment", insert: "<!-- $0 -->" }
|
|
364
|
+
].concat(list);
|
|
365
|
+
}
|
|
366
|
+
if (!list.length) list = SNIPPETS.plaintext.concat(keywordSuggestions("plaintext"));
|
|
367
|
+
list = mergeSuggestions(list);
|
|
368
|
+
var lower = (token.text || "").toLowerCase();
|
|
369
|
+
return list
|
|
370
|
+
.filter(function (item) {
|
|
371
|
+
return forced || !lower || item.label.toLowerCase().indexOf(lower) === 0;
|
|
372
|
+
})
|
|
373
|
+
.slice(0, 9);
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
function caretPosition(textarea, editor) {
|
|
377
|
+
var style = getComputedStyle(textarea);
|
|
378
|
+
var lineHeight = parseFloat(style.lineHeight) || 19;
|
|
379
|
+
var paddingLeft = parseFloat(style.paddingLeft) || 12;
|
|
380
|
+
var paddingTop = parseFloat(style.paddingTop) || 12;
|
|
381
|
+
var measure = document.createElement("span");
|
|
382
|
+
measure.style.cssText = "position:absolute;visibility:hidden;font:" + style.font + ";white-space:pre;";
|
|
383
|
+
measure.textContent = "mmmmmmmmmm";
|
|
384
|
+
document.body.appendChild(measure);
|
|
385
|
+
var charWidth = measure.getBoundingClientRect().width / 10 || 8;
|
|
386
|
+
measure.remove();
|
|
387
|
+
var before = textarea.value.slice(0, textarea.selectionStart || 0).split("\n");
|
|
388
|
+
var row = before.length - 1;
|
|
389
|
+
var col = before[before.length - 1].length;
|
|
390
|
+
return {
|
|
391
|
+
left: Math.max(8, Math.min(editor.clientWidth - 288, paddingLeft + col * charWidth - textarea.scrollLeft)),
|
|
392
|
+
top: Math.max(8, Math.min(editor.clientHeight - 220, paddingTop + (row + 1) * lineHeight - textarea.scrollTop))
|
|
393
|
+
};
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
function insertSuggestion(textarea, token, suggestion) {
|
|
397
|
+
var insert = suggestion.insert || suggestion.label;
|
|
398
|
+
var marker = insert.indexOf("$0");
|
|
399
|
+
var clean = insert.replace("$0", "");
|
|
400
|
+
var value = textarea.value;
|
|
401
|
+
textarea.value = value.slice(0, token.start) + clean + value.slice(token.end);
|
|
402
|
+
var caret = token.start + (marker >= 0 ? marker : clean.length);
|
|
403
|
+
textarea.focus();
|
|
404
|
+
textarea.setSelectionRange(caret, caret);
|
|
405
|
+
textarea.dispatchEvent(new Event("input", { bubbles: true }));
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
function enhanceSuggestions(instance, wrap) {
|
|
409
|
+
if (!options.suggestions || !wrap || wrap.dataset.codeAssistEnhanced === "true") return;
|
|
410
|
+
wrap.dataset.codeAssistEnhanced = "true";
|
|
411
|
+
var textarea = wrap.querySelector(".rbe-code-input");
|
|
412
|
+
var editor = wrap.querySelector(".rbe-code-editor");
|
|
413
|
+
var header = wrap.querySelector(".rbe-code-header");
|
|
414
|
+
var languageSelect = wrap.querySelector(".rbe-code-language");
|
|
415
|
+
if (!textarea || !editor || !header) return;
|
|
416
|
+
|
|
417
|
+
if (!header.querySelector(".rbe-code-assist-status")) {
|
|
418
|
+
header.appendChild(document.createElement("span")).className = "rbe-code-assist-status";
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
var panel = document.createElement("div");
|
|
422
|
+
panel.className = "rbe-code-assist-panel";
|
|
423
|
+
panel.hidden = true;
|
|
424
|
+
editor.appendChild(panel);
|
|
425
|
+
var activeIndex = 0;
|
|
426
|
+
var activeToken = null;
|
|
427
|
+
var activeSuggestions = [];
|
|
428
|
+
var autoChangingLanguage = false;
|
|
429
|
+
|
|
430
|
+
if (languageSelect) {
|
|
431
|
+
languageSelect.addEventListener("change", function () {
|
|
432
|
+
if (autoChangingLanguage) return;
|
|
433
|
+
languageSelect.dataset.codeAssistUserLanguage = "true";
|
|
434
|
+
languageSelect.dataset.codeAssistAutoLanguage = "";
|
|
435
|
+
});
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
function hide() {
|
|
439
|
+
panel.hidden = true;
|
|
440
|
+
activeSuggestions = [];
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
function applyDetectedLanguage() {
|
|
444
|
+
if (!languageSelect) return codeLanguage(wrap.closest(".rbe-block"));
|
|
445
|
+
var detected = detectLanguage(textarea.value);
|
|
446
|
+
var current = languageSelect.value || "plaintext";
|
|
447
|
+
if (!detected && languageSelect.dataset.codeAssistAutoLanguage === "true" && current !== "plaintext") {
|
|
448
|
+
autoChangingLanguage = true;
|
|
449
|
+
languageSelect.value = "plaintext";
|
|
450
|
+
try {
|
|
451
|
+
if (global.jQuery && global.jQuery.fn && global.jQuery.fn.select2) {
|
|
452
|
+
global.jQuery(languageSelect).val("plaintext").trigger("change.select2");
|
|
453
|
+
}
|
|
454
|
+
} catch (ignore) {}
|
|
455
|
+
languageSelect.dispatchEvent(new Event("change", { bubbles: true }));
|
|
456
|
+
autoChangingLanguage = false;
|
|
457
|
+
languageSelect.dataset.codeAssistAutoLanguage = "";
|
|
458
|
+
return "plaintext";
|
|
459
|
+
}
|
|
460
|
+
if (!detected || !languageIsSupported(detected, languageSelect)) return current;
|
|
461
|
+
if (languageSelect.dataset.codeAssistUserLanguage === "true" && current !== "plaintext") return current;
|
|
462
|
+
if (current !== "plaintext" && languageSelect.dataset.codeAssistAutoLanguage !== "true" && current !== detected) return current;
|
|
463
|
+
if (current === detected) {
|
|
464
|
+
languageSelect.dataset.codeAssistAutoLanguage = "true";
|
|
465
|
+
return current;
|
|
466
|
+
}
|
|
467
|
+
autoChangingLanguage = true;
|
|
468
|
+
languageSelect.value = detected;
|
|
469
|
+
languageSelect.dataset.codeAssistAutoLanguage = "true";
|
|
470
|
+
try {
|
|
471
|
+
if (global.jQuery && global.jQuery.fn && global.jQuery.fn.select2) {
|
|
472
|
+
global.jQuery(languageSelect).val(detected).trigger("change.select2");
|
|
473
|
+
}
|
|
474
|
+
} catch (ignore) {}
|
|
475
|
+
languageSelect.dispatchEvent(new Event("change", { bubbles: true }));
|
|
476
|
+
autoChangingLanguage = false;
|
|
477
|
+
setStatus(wrap, "Detected " + languageLabel(detected, languageSelect));
|
|
478
|
+
return detected;
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
function render(items) {
|
|
482
|
+
panel.innerHTML =
|
|
483
|
+
items
|
|
484
|
+
.map(function (item, index) {
|
|
485
|
+
return '<button type="button" class="rbe-code-assist-item' + (index === activeIndex ? " is-active" : "") + '" data-index="' + index + '"><strong>' + escapeHTML(item.label) + "</strong><small>" + escapeHTML(item.detail || "") + "</small></button>";
|
|
486
|
+
})
|
|
487
|
+
.join("") +
|
|
488
|
+
'<div class="rbe-code-assist-hint">Tab/Enter to insert, Ctrl+Space for all suggestions</div>';
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
function show(forced) {
|
|
492
|
+
var language = applyDetectedLanguage();
|
|
493
|
+
activeToken = currentToken(textarea, language);
|
|
494
|
+
activeSuggestions = suggestionsFor(language, activeToken, forced);
|
|
495
|
+
if (!activeSuggestions.length || (!forced && activeToken.text.length < 1 && !activeToken.force)) {
|
|
496
|
+
hide();
|
|
497
|
+
return;
|
|
498
|
+
}
|
|
499
|
+
activeIndex = Math.min(activeIndex, activeSuggestions.length - 1);
|
|
500
|
+
render(activeSuggestions);
|
|
501
|
+
var pos = caretPosition(textarea, editor);
|
|
502
|
+
panel.style.left = pos.left + "px";
|
|
503
|
+
panel.style.top = pos.top + "px";
|
|
504
|
+
panel.hidden = false;
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
textarea.addEventListener("keydown", function (event) {
|
|
508
|
+
if ((event.ctrlKey || event.metaKey) && event.code === "Space") {
|
|
509
|
+
event.preventDefault();
|
|
510
|
+
show(true);
|
|
511
|
+
return;
|
|
512
|
+
}
|
|
513
|
+
if (event.altKey && event.shiftKey && event.key.toLowerCase() === "f") {
|
|
514
|
+
event.preventDefault();
|
|
515
|
+
instance.formatCodeBlock(wrap.closest(".rbe-block"));
|
|
516
|
+
return;
|
|
517
|
+
}
|
|
518
|
+
if (panel.hidden) return;
|
|
519
|
+
if (event.key === "ArrowDown") {
|
|
520
|
+
event.preventDefault();
|
|
521
|
+
activeIndex = (activeIndex + 1) % activeSuggestions.length;
|
|
522
|
+
render(activeSuggestions);
|
|
523
|
+
} else if (event.key === "ArrowUp") {
|
|
524
|
+
event.preventDefault();
|
|
525
|
+
activeIndex = (activeIndex - 1 + activeSuggestions.length) % activeSuggestions.length;
|
|
526
|
+
render(activeSuggestions);
|
|
527
|
+
} else if (event.key === "Enter" || event.key === "Tab") {
|
|
528
|
+
event.preventDefault();
|
|
529
|
+
insertSuggestion(textarea, activeToken, activeSuggestions[activeIndex]);
|
|
530
|
+
hide();
|
|
531
|
+
} else if (event.key === "Escape") {
|
|
532
|
+
event.preventDefault();
|
|
533
|
+
hide();
|
|
534
|
+
}
|
|
535
|
+
});
|
|
536
|
+
|
|
537
|
+
textarea.addEventListener("input", function () {
|
|
538
|
+
activeIndex = 0;
|
|
539
|
+
setTimeout(function () { show(false); }, 0);
|
|
540
|
+
});
|
|
541
|
+
textarea.addEventListener("scroll", hide);
|
|
542
|
+
textarea.addEventListener("blur", function () {
|
|
543
|
+
setTimeout(hide, 180);
|
|
544
|
+
});
|
|
545
|
+
panel.addEventListener("mousedown", function (event) {
|
|
546
|
+
var button = event.target.closest(".rbe-code-assist-item");
|
|
547
|
+
if (!button) return;
|
|
548
|
+
event.preventDefault();
|
|
549
|
+
var suggestion = activeSuggestions[Number(button.dataset.index || 0)];
|
|
550
|
+
if (suggestion) insertSuggestion(textarea, activeToken || currentToken(textarea, codeLanguage(wrap.closest(".rbe-block"))), suggestion);
|
|
551
|
+
hide();
|
|
552
|
+
});
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
BlockWriteAI.prototype.renderCode = function (body, data) {
|
|
556
|
+
originalRenderCode.call(this, body, data);
|
|
557
|
+
injectStyles();
|
|
558
|
+
var wrap = body.querySelector(".rbe-code-wrap");
|
|
559
|
+
if (wrap) enhanceSuggestions(this, wrap);
|
|
560
|
+
};
|
|
561
|
+
|
|
562
|
+
BlockWriteAI.prototype.formatCodeBlock = function (block) {
|
|
563
|
+
if (!block || block.dataset.type !== "code") return;
|
|
564
|
+
var wrap = block.querySelector(".rbe-code-wrap");
|
|
565
|
+
var textarea = block.querySelector(".rbe-code-input");
|
|
566
|
+
var language = codeLanguage(block);
|
|
567
|
+
if (!textarea) return;
|
|
568
|
+
if (!prettierParser(language)) {
|
|
569
|
+
originalFormatCodeBlock.call(this, block);
|
|
570
|
+
return;
|
|
571
|
+
}
|
|
572
|
+
var instance = this;
|
|
573
|
+
var button = block.querySelector(".rbe-code-format");
|
|
574
|
+
if (button) button.disabled = true;
|
|
575
|
+
setStatus(wrap, "Formatting...");
|
|
576
|
+
formatWithPrettier(textarea.value, language)
|
|
577
|
+
.then(function (formatted) {
|
|
578
|
+
instance.recordHistory(false);
|
|
579
|
+
textarea.value = String(formatted || "").replace(/\n+$/g, "");
|
|
580
|
+
instance.refreshCodeBlock(block);
|
|
581
|
+
instance.noteHistory("Code", "Prettier formatted");
|
|
582
|
+
instance.changed(true);
|
|
583
|
+
setStatus(wrap, "Formatted");
|
|
584
|
+
})
|
|
585
|
+
.catch(function () {
|
|
586
|
+
originalFormatCodeBlock.call(instance, block);
|
|
587
|
+
setStatus(wrap, "Prettier unavailable, fallback used", true);
|
|
588
|
+
})
|
|
589
|
+
.finally(function () {
|
|
590
|
+
if (button) button.disabled = false;
|
|
591
|
+
});
|
|
592
|
+
};
|
|
593
|
+
|
|
594
|
+
global.BlockWriteAICodeAssist = {
|
|
595
|
+
configure: function (nextOptions) {
|
|
596
|
+
options = Object.assign({}, options, nextOptions || {});
|
|
597
|
+
options.extraSuggestions = Object.assign({}, options.extraSuggestions || {});
|
|
598
|
+
prettierPromise = null;
|
|
599
|
+
},
|
|
600
|
+
formatWithPrettier: formatWithPrettier,
|
|
601
|
+
enhanceAll: function (root) {
|
|
602
|
+
injectStyles();
|
|
603
|
+
Array.prototype.slice.call((root || document).querySelectorAll(".rbe-code-wrap")).forEach(function (wrap) {
|
|
604
|
+
var instance = global.editor || null;
|
|
605
|
+
enhanceSuggestions(instance || { formatCodeBlock: function () {} }, wrap);
|
|
606
|
+
});
|
|
607
|
+
}
|
|
608
|
+
};
|
|
609
|
+
})(typeof window !== "undefined" ? window : this);
|