@health-samurai/react-components 0.0.0-alpha.3 → 0.0.0-alpha.5

package/dist/src/components/code-editor/http/grammar/http.d.ts

@@ -0,0 +1,3 @@
+import { LRParser } from "@lezer/lr";
+export declare const parser: LRParser;
+//# sourceMappingURL=http.d.ts.map

package/dist/src/components/code-editor/http/grammar/http.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"http.d.ts","sourceRoot":"","sources":["../../../../../../src/components/code-editor/http/grammar/http.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,eAAO,MAAM,MAAM,UAkBjB,CAAC"}

package/dist/src/components/code-editor/http/grammar/http.grammar

@@ -0,0 +1,74 @@
+@top Http {
+    httpRequest
+}
+
+@tokens {
+    eof { @eof }
+
+    lf { $[\n] }
+    notLf { ![\n] }
+
+    cr { $[\r] }
+    notCr { ![\r] }
+
+    colon { $[:] }
+    notColon { ![:] }
+
+    space { $[ \t] }
+    notSpace { ![ \t] }
+
+    headerNameChar { ![\n\r \t:] }
+    headerNameText { headerNameChar+ }
+
+    headerValueFirstChar { ![\n\r \t] }
+    headerValueChar { ![\n\r] }
+    headerValueLastChar { headerValueFirstChar }
+    headerValueText { headerValueFirstChar headerValueChar* headerValueLastChar | headerValueFirstChar }
+
+    methodChar { ![\n\r \t] }
+    methodText { methodChar+ }
+
+    pathChar { ![\n\r] }
+    firstPathChar { ![\n\r \t] }
+    pathText { firstPathChar pathChar* }
+
+    crlf { (cr lf) | cr | lf }
+
+    bodyChar { _ }
+}
+
+HttpRequestMethod[group="Method"] {
+    methodText
+}
+
+HttpRequestPath {
+    pathText
+}
+
+httpRequestLine {
+    space* HttpRequestMethod space+ HttpRequestPath crlf
+}
+
+HttpHeaderName {
+    headerNameText
+}
+
+HttpHeaderValue {
+    headerValueText
+}
+
+HttpHeader {
+    space* HttpHeaderName space* colon space* HttpHeaderValue space* crlf
+}
+
+HttpHeaders {
+    HttpHeader+
+}
+
+HttpBody {
+    bodyChar*
+}
+
+httpRequest {
+    httpRequestLine HttpHeaders? crlf HttpBody
+}

package/dist/src/components/code-editor/http/grammar/http.js

@@ -0,0 +1,38 @@
+// This file was generated by lezer-generator. You probably shouldn't edit it.
+import { LRParser } from "@lezer/lr";
+export const parser = LRParser.deserialize({
+    version: 14,
+    states: "'zOQOPOOOOOO'#Ce'#CeOQOPO'#CjOOOO'#C^'#C^OYOPO'#CjO_OQO'#CiQOOOOOOOOO-E6c-E6cOYOPO,59UOjOSO,59UOrOQO'#CaOOOO'#Cb'#CbOzOQO'#CaOOOO'#Cf'#CfO!SOQO'#C`O!_OWO,59TO!gOPO,59TOjOSO1G.pOOOO'#C_'#C_O!lOPO1G.pO!qOQO,58{O!qOQO,58{O!yO`O,58{OOOO-E6d-E6dOOOO'#Cg'#CgO#ROWO'#CdOOOO1G.o1G.oO!_OWO1G.oO#ZOPO7+$[OOOO7+$[7+$[O#`OQO1G.gO!yO`O1G.gO!yO`O1G.gOOOO'#Cc'#CcO#hOPO1G.gOOOO-E6e-E6eOOOO7+$Z7+$ZOOOO<<Gv<<GvO!yO`O7+$RO!yO`O7+$RO#pOPO7+$RO#pOPO7+$ROOOO7+$R7+$RO!yO`O<<GmO#xOPO<<GmO#xOPO<<GmOOOO<<Gm<<GmO$QOPOAN=XO$QOPOAN=XOOOOAN=XAN=XO$YOPOG22sOOOOG22sG22sOOOOLD(_LD(_",
+    stateData: "$b~O_PO`RO~O_PO~O_POb_OcZO~O_POabO~O_POcZO~O_POdfO~O_POcZObSX~OfhO[WP~ObkO~ObmO~O_POdoO~O_POeqO~OfhO[WX~ObuO~O_POdvO~O_PObzO~O_POb!OO~O_POb!RO~O_POb!TO~O_POb!UO~O",
+    goto: "#|_PP`flosz!Y!`#i#oP#v#yQSORWQQcXRlaR`TT]T^S[T^RdYQrfSxopS|vwR!P{Qj_RtkQQOjVQXYaenpwy{}!Q!SQXSSYT^QaWQe[QndQpfQwoQyrQ{vQ}xQ!Q|R!S!PQ^TRg^Si_kRsiRUORTO",
+    nodeNames: "⚠ Http HttpRequestMethod HttpRequestPath HttpHeaders HttpHeader HttpHeaderName HttpHeaderValue HttpBody",
+    maxTerm: 22,
+    nodeProps: [
+        [
+            "group",
+            2,
+            "Method"
+        ]
+    ],
+    skippedNodes: [
+        0
+    ],
+    repeatNodeCount: 3,
+    tokenData: "'xoR]OXzXY&VYZ&^Z]z]^&e^pzpq&Vq![z![!]&t!];'Sz;'S;=`'k;=`<%l's<%lOzo!XYfWcQe``PaSOX!wXY#rZ]!w^p!wpq#rq![!w![!]%W!];'S!w;'S;=`&P<%lO!wg#SYcQe``PaSOX!wXY#rZ]!w^p!wpq#rq![!w![!]%W!];'S!w;'S;=`&P<%lO!wd#wWaSOX$aXY#rZ]$a^p$apq#rq;'S$a;'S;=`%Q<%lO$ad$hWe`aSOX$aXY#rZ]$a^p$apq#rq;'S$a;'S;=`%Q<%lO$ad%TP;=`<%l$ae%aWe``PaSOX%WXY#rZ]%W^p%Wpq#rq;'S%W;'S;=`%y<%lO%We%|P;=`<%l%Wg&SP;=`<%l!wo&^OfW_gZ&eOfWbRZ&lPfWbRYZ&oR&tObRo'RWfWdQe``PaSOX%WXY#rZ]%W^p%Wpq#rq;'S%W;'S;=`%y<%lO%Wo'pPfW;=`<%lzW'xOfW",
+    tokenizers: [
+        0,
+        1,
+        2,
+        3,
+        4
+    ],
+    topRules: {
+        Http: [
+            0,
+            1
+        ]
+    },
+    tokenPrec: 0
+});
+
+//# sourceMappingURL=http.js.map

package/dist/src/components/code-editor/http/grammar/http.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/code-editor/http/grammar/http.ts"],"sourcesContent":["// This file was generated by lezer-generator. You probably shouldn't edit it.\nimport { LRParser } from \"@lezer/lr\";\nexport const parser = LRParser.deserialize({\n\tversion: 14,\n\tstates:\n\t\t\"'zOQOPOOOOOO'#Ce'#CeOQOPO'#CjOOOO'#C^'#C^OYOPO'#CjO_OQO'#CiQOOOOOOOOO-E6c-E6cOYOPO,59UOjOSO,59UOrOQO'#CaOOOO'#Cb'#CbOzOQO'#CaOOOO'#Cf'#CfO!SOQO'#C`O!_OWO,59TO!gOPO,59TOjOSO1G.pOOOO'#C_'#C_O!lOPO1G.pO!qOQO,58{O!qOQO,58{O!yO`O,58{OOOO-E6d-E6dOOOO'#Cg'#CgO#ROWO'#CdOOOO1G.o1G.oO!_OWO1G.oO#ZOPO7+$[OOOO7+$[7+$[O#`OQO1G.gO!yO`O1G.gO!yO`O1G.gOOOO'#Cc'#CcO#hOPO1G.gOOOO-E6e-E6eOOOO7+$Z7+$ZOOOO<<Gv<<GvO!yO`O7+$RO!yO`O7+$RO#pOPO7+$RO#pOPO7+$ROOOO7+$R7+$RO!yO`O<<GmO#xOPO<<GmO#xOPO<<GmOOOO<<Gm<<GmO$QOPOAN=XO$QOPOAN=XOOOOAN=XAN=XO$YOPOG22sOOOOG22sG22sOOOOLD(_LD(_\",\n\tstateData:\n\t\t\"$b~O_PO`RO~O_PO~O_POb_OcZO~O_POabO~O_POcZO~O_POdfO~O_POcZObSX~OfhO[WP~ObkO~ObmO~O_POdoO~O_POeqO~OfhO[WX~ObuO~O_POdvO~O_PObzO~O_POb!OO~O_POb!RO~O_POb!TO~O_POb!UO~O\",\n\tgoto: \"#|_PP`flosz!Y!`#i#oP#v#yQSORWQQcXRlaR`TT]T^S[T^RdYQrfSxopS|vwR!P{Qj_RtkQQOjVQXYaenpwy{}!Q!SQXSSYT^QaWQe[QndQpfQwoQyrQ{vQ}xQ!Q|R!S!PQ^TRg^Si_kRsiRUORTO\",\n\tnodeNames:\n\t\t\"⚠ Http HttpRequestMethod HttpRequestPath HttpHeaders HttpHeader HttpHeaderName HttpHeaderValue HttpBody\",\n\tmaxTerm: 22,\n\tnodeProps: [[\"group\", 2, \"Method\"]],\n\tskippedNodes: [0],\n\trepeatNodeCount: 3,\n\ttokenData:\n\t\t\"'xoR]OXzXY&VYZ&^Z]z]^&e^pzpq&Vq![z![!]&t!];'Sz;'S;=`'k;=`<%l's<%lOzo!XYfWcQe``PaSOX!wXY#rZ]!w^p!wpq#rq![!w![!]%W!];'S!w;'S;=`&P<%lO!wg#SYcQe``PaSOX!wXY#rZ]!w^p!wpq#rq![!w![!]%W!];'S!w;'S;=`&P<%lO!wd#wWaSOX$aXY#rZ]$a^p$apq#rq;'S$a;'S;=`%Q<%lO$ad$hWe`aSOX$aXY#rZ]$a^p$apq#rq;'S$a;'S;=`%Q<%lO$ad%TP;=`<%l$ae%aWe``PaSOX%WXY#rZ]%W^p%Wpq#rq;'S%W;'S;=`%y<%lO%We%|P;=`<%l%Wg&SP;=`<%l!wo&^OfW_gZ&eOfWbRZ&lPfWbRYZ&oR&tObRo'RWfWdQe``PaSOX%WXY#rZ]%W^p%Wpq#rq;'S%W;'S;=`%y<%lO%Wo'pPfW;=`<%lzW'xOfW\",\n\ttokenizers: [0, 1, 2, 3, 4],\n\ttopRules: { Http: [0, 1] },\n\ttokenPrec: 0,\n});\n"],"names":["LRParser","parser","deserialize","version","states","stateData","goto","nodeNames","maxTerm","nodeProps","skippedNodes","repeatNodeCount","tokenData","tokenizers","topRules","Http","tokenPrec"],"mappings":"AAAA,8EAA8E;AAC9E,SAASA,QAAQ,QAAQ,YAAY;AACrC,OAAO,MAAMC,SAASD,SAASE,WAAW,CAAC;IAC1CC,SAAS;IACTC,QACC;IACDC,WACC;IACDC,MAAM;IACNC,WACC;IACDC,SAAS;IACTC,WAAW;QAAC;YAAC;YAAS;YAAG;SAAS;KAAC;IACnCC,cAAc;QAAC;KAAE;IACjBC,iBAAiB;IACjBC,WACC;IACDC,YAAY;QAAC;QAAG;QAAG;QAAG;QAAG;KAAE;IAC3BC,UAAU;QAAEC,MAAM;YAAC;YAAG;SAAE;IAAC;IACzBC,WAAW;AACZ,GAAG"}

package/dist/src/components/code-editor/http/grammar/http.terms.d.ts

@@ -0,0 +1,2 @@
+export declare const Http = 1, HttpRequestMethod = 2, HttpRequestPath = 3, HttpHeaders = 4, HttpHeader = 5, HttpHeaderName = 6, HttpHeaderValue = 7, HttpBody = 8;
+//# sourceMappingURL=http.terms.d.ts.map

package/dist/src/components/code-editor/http/grammar/http.terms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"http.terms.d.ts","sourceRoot":"","sources":["../../../../../../src/components/code-editor/http/grammar/http.terms.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,IAAI,IAAI,EACpB,iBAAiB,IAAI,EACrB,eAAe,IAAI,EACnB,WAAW,IAAI,EACf,UAAU,IAAI,EACd,cAAc,IAAI,EAClB,eAAe,IAAI,EACnB,QAAQ,IAAI,CAAC"}

package/dist/src/components/code-editor/http/grammar/http.terms.js

@@ -0,0 +1,4 @@
+// This file was generated by lezer-generator. You probably shouldn't edit it.
+export const Http = 1, HttpRequestMethod = 2, HttpRequestPath = 3, HttpHeaders = 4, HttpHeader = 5, HttpHeaderName = 6, HttpHeaderValue = 7, HttpBody = 8;
+
+//# sourceMappingURL=http.terms.js.map

package/dist/src/components/code-editor/http/grammar/http.terms.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/code-editor/http/grammar/http.terms.ts"],"sourcesContent":["// This file was generated by lezer-generator. You probably shouldn't edit it.\nexport const Http = 1,\n\tHttpRequestMethod = 2,\n\tHttpRequestPath = 3,\n\tHttpHeaders = 4,\n\tHttpHeader = 5,\n\tHttpHeaderName = 6,\n\tHttpHeaderValue = 7,\n\tHttpBody = 8;\n"],"names":["Http","HttpRequestMethod","HttpRequestPath","HttpHeaders","HttpHeader","HttpHeaderName","HttpHeaderValue","HttpBody"],"mappings":"AAAA,8EAA8E;AAC9E,OAAO,MAAMA,OAAO,GACnBC,oBAAoB,GACpBC,kBAAkB,GAClBC,cAAc,GACdC,aAAa,GACbC,iBAAiB,GACjBC,kBAAkB,GAClBC,WAAW,EAAE"}

package/dist/src/components/code-editor/http/grammar/http.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=http.test.d.ts.map

package/dist/src/components/code-editor/http/grammar/http.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"http.test.d.ts","sourceRoot":"","sources":["../../../../../../src/components/code-editor/http/grammar/http.test.ts"],"names":[],"mappings":""}

package/dist/src/components/code-editor/http/grammar/http.test.js

@@ -0,0 +1,80 @@
+// Tests for lezer Http grammar
+import { testTree } from "@lezer/generator/test";
+import { parser } from "./http.js";
+function parseHttp(input) {
+    const stack = [];
+    parser.parse(input).iterate({
+        enter: (node)=>{
+            const nodeName = node.type.name;
+            const nodeFrom = node.from;
+            const nodeTo = node.to;
+            const value = input.slice(nodeFrom, nodeTo);
+            stack.push({
+                name: nodeName,
+                from: nodeFrom,
+                to: nodeTo,
+                value: value,
+                children: []
+            });
+        },
+        leave: ()=>{
+            const current = stack.pop();
+            if (current === undefined) {
+                throw "Stack underflow";
+            }
+            if (stack.length === 0) {
+                // Re-push root
+                stack.push(current);
+                return;
+            }
+            const parent = stack[stack.length - 1];
+            if (parent === undefined) {
+                throw "Impossible";
+            }
+            parent.children.push(current);
+        }
+    });
+    const res = stack.pop();
+    if (res === undefined) {
+        throw "Stack underflow";
+    }
+    return res;
+}
+function transform(root) {
+    const tree = {
+        name: root.name,
+        children: []
+    };
+    let pos = root.from;
+    for (const child of root.children){
+        if (pos < child.from) {
+            const prefix = root.value.slice(pos - root.from, child.from - root.from);
+            tree.children.push(prefix);
+        }
+        tree.children.push(transform(child));
+        pos = child.to;
+    }
+    if (pos < root.to) {
+        tree.children.push(root.value.slice(pos - root.from));
+    }
+    return tree;
+}
+const tree = parser.parse("GET /\nAccept: text/yaml\n\nhello: world");
+console.dir(parseHttp("GET /\nAccept: text/yaml\n\nhello: world\n\nagain"), {
+    depth: null
+});
+console.dir(transform(parseHttp("GET /\nAccept: text/yaml\n\nhello: world\n\nagain")), {
+    depth: null
+});
+console.log(tree);
+tree.iterate({
+    enter: (node)=>{
+        console.log(`ENTER ${node.type.name}[${node.from}:${node.to}]`);
+    },
+    leave: (node)=>{
+        console.log(`LEAVE ${node.type.name}[${node.from}:${node.to}]`);
+    }
+});
+testTree(tree, `Http`);
+
+//# sourceMappingURL=http.test.js.map

package/dist/src/components/code-editor/http/grammar/http.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/code-editor/http/grammar/http.test.ts"],"sourcesContent":["// Tests for lezer Http grammar\n\nimport { testTree } from \"@lezer/generator/test\";\nimport { parser } from \"./http\";\n\ntype StackEntry = {\n\tname: string;\n\tfrom: number;\n\tto: number;\n\tvalue: string;\n\tchildren: StackEntry[];\n\ttextNode?: boolean;\n};\n\nfunction parseHttp(input: string): StackEntry {\n\tconst stack: StackEntry[] = [];\n\tparser.parse(input).iterate({\n\t\tenter: (node) => {\n\t\t\tconst nodeName = node.type.name;\n\t\t\tconst nodeFrom = node.from;\n\t\t\tconst nodeTo = node.to;\n\t\t\tconst value = input.slice(nodeFrom, nodeTo);\n\n\t\t\tstack.push({\n\t\t\t\tname: nodeName,\n\t\t\t\tfrom: nodeFrom,\n\t\t\t\tto: nodeTo,\n\t\t\t\tvalue: value,\n\t\t\t\tchildren: [],\n\t\t\t});\n\t\t},\n\n\t\tleave: () => {\n\t\t\tconst current = stack.pop();\n\t\t\tif (current === undefined) {\n\t\t\t\tthrow \"Stack underflow\";\n\t\t\t}\n\n\t\t\tif (stack.length === 0) {\n\t\t\t\t// Re-push root\n\t\t\t\tstack.push(current);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst parent = stack[stack.length - 1];\n\t\t\tif (parent === undefined) {\n\t\t\t\tthrow \"Impossible\";\n\t\t\t}\n\n\t\t\tparent.children.push(current);\n\t\t},\n\t});\n\n\tconst res = stack.pop();\n\tif (res === undefined) {\n\t\tthrow \"Stack underflow\";\n\t}\n\treturn res;\n}\n\ntype Tree = TreeNode | string;\ntype TreeNode = {\n\tname: string;\n\tchildren: Tree[];\n};\n\nfunction transform(root: StackEntry): Tree {\n\tconst tree: Tree = {\n\t\tname: root.name,\n\t\tchildren: [],\n\t};\n\n\tlet pos = root.from;\n\tfor (const child of root.children) {\n\t\tif (pos < child.from) {\n\t\t\tconst prefix = root.value.slice(pos - root.from, child.from - root.from);\n\t\t\ttree.children.push(prefix);\n\t\t}\n\n\t\ttree.children.push(transform(child));\n\t\tpos = child.to;\n\t}\n\n\tif (pos < root.to) {\n\t\ttree.children.push(root.value.slice(pos - root.from));\n\t}\n\n\treturn tree;\n}\n\nconst tree = parser.parse(\"GET /\\nAccept: text/yaml\\n\\nhello: world\");\nconsole.dir(parseHttp(\"GET /\\nAccept: text/yaml\\n\\nhello: world\\n\\nagain\"), {\n\tdepth: null,\n});\nconsole.dir(\n\ttransform(parseHttp(\"GET /\\nAccept: text/yaml\\n\\nhello: world\\n\\nagain\")),\n\t{\n\t\tdepth: null,\n\t},\n);\nconsole.log(tree);\ntree.iterate({\n\tenter: (node) => {\n\t\tconsole.log(`ENTER ${node.type.name}[${node.from}:${node.to}]`);\n\t},\n\tleave: (node) => {\n\t\tconsole.log(`LEAVE ${node.type.name}[${node.from}:${node.to}]`);\n\t},\n});\ntestTree(tree, `Http`);\n"],"names":["testTree","parser","parseHttp","input","stack","parse","iterate","enter","node","nodeName","type","name","nodeFrom","from","nodeTo","to","value","slice","push","children","leave","current","pop","undefined","length","parent","res","transform","root","tree","pos","child","prefix","console","dir","depth","log"],"mappings":"AAAA,+BAA+B;AAE/B,SAASA,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,MAAM,QAAQ,YAAS;AAWhC,SAASC,UAAUC,KAAa;IAC/B,MAAMC,QAAsB,EAAE;IAC9BH,OAAOI,KAAK,CAACF,OAAOG,OAAO,CAAC;QAC3BC,OAAO,CAACC;YACP,MAAMC,WAAWD,KAAKE,IAAI,CAACC,IAAI;YAC/B,MAAMC,WAAWJ,KAAKK,IAAI;YAC1B,MAAMC,SAASN,KAAKO,EAAE;YACtB,MAAMC,QAAQb,MAAMc,KAAK,CAACL,UAAUE;YAEpCV,MAAMc,IAAI,CAAC;gBACVP,MAAMF;gBACNI,MAAMD;gBACNG,IAAID;gBACJE,OAAOA;gBACPG,UAAU,EAAE;YACb;QACD;QAEAC,OAAO;YACN,MAAMC,UAAUjB,MAAMkB,GAAG;YACzB,IAAID,YAAYE,WAAW;gBAC1B,MAAM;YACP;YAEA,IAAInB,MAAMoB,MAAM,KAAK,GAAG;gBACvB,eAAe;gBACfpB,MAAMc,IAAI,CAACG;gBACX;YACD;YAEA,MAAMI,SAASrB,KAAK,CAACA,MAAMoB,MAAM,GAAG,EAAE;YACtC,IAAIC,WAAWF,WAAW;gBACzB,MAAM;YACP;YAEAE,OAAON,QAAQ,CAACD,IAAI,CAACG;QACtB;IACD;IAEA,MAAMK,MAAMtB,MAAMkB,GAAG;IACrB,IAAII,QAAQH,WAAW;QACtB,MAAM;IACP;IACA,OAAOG;AACR;AAQA,SAASC,UAAUC,IAAgB;IAClC,MAAMC,OAAa;QAClBlB,MAAMiB,KAAKjB,IAAI;QACfQ,UAAU,EAAE;IACb;IAEA,IAAIW,MAAMF,KAAKf,IAAI;IACnB,KAAK,MAAMkB,SAASH,KAAKT,QAAQ,CAAE;QAClC,IAAIW,MAAMC,MAAMlB,IAAI,EAAE;YACrB,MAAMmB,SAASJ,KAAKZ,KAAK,CAACC,KAAK,CAACa,MAAMF,KAAKf,IAAI,EAAEkB,MAAMlB,IAAI,GAAGe,KAAKf,IAAI;YACvEgB,KAAKV,QAAQ,CAACD,IAAI,CAACc;QACpB;QAEAH,KAAKV,QAAQ,CAACD,IAAI,CAACS,UAAUI;QAC7BD,MAAMC,MAAMhB,EAAE;IACf;IAEA,IAAIe,MAAMF,KAAKb,EAAE,EAAE;QAClBc,KAAKV,QAAQ,CAACD,IAAI,CAACU,KAAKZ,KAAK,CAACC,KAAK,CAACa,MAAMF,KAAKf,IAAI;IACpD;IAEA,OAAOgB;AACR;AAEA,MAAMA,OAAO5B,OAAOI,KAAK,CAAC;AAC1B4B,QAAQC,GAAG,CAAChC,UAAU,sDAAsD;IAC3EiC,OAAO;AACR;AACAF,QAAQC,GAAG,CACVP,UAAUzB,UAAU,uDACpB;IACCiC,OAAO;AACR;AAEDF,QAAQG,GAAG,CAACP;AACZA,KAAKvB,OAAO,CAAC;IACZC,OAAO,CAACC;QACPyB,QAAQG,GAAG,CAAC,CAAC,MAAM,EAAE5B,KAAKE,IAAI,CAACC,IAAI,CAAC,CAAC,EAAEH,KAAKK,IAAI,CAAC,CAAC,EAAEL,KAAKO,EAAE,CAAC,CAAC,CAAC;IAC/D;IACAK,OAAO,CAACZ;QACPyB,QAAQG,GAAG,CAAC,CAAC,MAAM,EAAE5B,KAAKE,IAAI,CAACC,IAAI,CAAC,CAAC,EAAEH,KAAKK,IAAI,CAAC,CAAC,EAAEL,KAAKO,EAAE,CAAC,CAAC,CAAC;IAC/D;AACD;AACAf,SAAS6B,MAAM,CAAC,IAAI,CAAC"}

package/dist/src/components/code-editor/http/index.d.ts

@@ -0,0 +1,4 @@
+import { type Language, LanguageSupport } from "@codemirror/language";
+declare function http(bodyLanguages: (contentType: string) => Language | null): LanguageSupport;
+export { http };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/code-editor/http/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-editor/http/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,QAAQ,EACb,eAAe,EAEf,MAAM,sBAAsB,CAAC;AA0E9B,iBAAS,IAAI,CAAC,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,mBAIpE;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/src/components/code-editor/http/index.js

@@ -0,0 +1,66 @@
+import { foldInside, foldNodeProp, LanguageSupport, LRLanguage } from "@codemirror/language";
+import { parseMixed } from "@lezer/common";
+import { styleTags, tags } from "@lezer/highlight";
+import { parser } from "./grammar/http.js";
+function makeParser(bodyLanguages) {
+    return parser.configure({
+        props: [
+            styleTags({
+                HttpHeaderName: tags.variableName,
+                HttpHeaderValue: tags.attributeValue
+            }),
+            foldNodeProp.add({
+                HttpHeaders: foldInside
+            })
+        ],
+        wrap: parseMixed((node, input)=>{
+            if (node.name !== "HttpBody") {
+                return null;
+            }
+            const headers = node.node.prevSibling;
+            if (headers?.name !== "HttpHeaders") {
+                return null;
+            }
+            let contentType = null;
+            for(let child = headers.firstChild; child !== null; child = child.nextSibling){
+                const headerNameNode = child.getChild("HttpHeaderName");
+                if (headerNameNode === null) {
+                    continue;
+                }
+                const headerName = input.read(headerNameNode.from, headerNameNode.to);
+                if (headerName.toLowerCase() !== "content-type") {
+                    continue;
+                }
+                if (contentType !== null) {
+                    // Disallow multiple content types
+                    return null;
+                }
+                const headerValueNode = child.getChild("HttpHeaderValue");
+                if (headerValueNode === null) {
+                    continue;
+                }
+                contentType = input.read(headerValueNode.from, headerValueNode.to);
+            }
+            if (contentType === null) {
+                return null;
+            }
+            const language = bodyLanguages(contentType);
+            if (language === null) {
+                return null;
+            }
+            return {
+                parser: language.parser
+            };
+        })
+    });
+}
+function http(bodyLanguages) {
+    const parser = makeParser(bodyLanguages);
+    const language = LRLanguage.define({
+        parser: parser
+    });
+    return new LanguageSupport(language, []);
+}
+export { http };
+
+//# sourceMappingURL=index.js.map

package/dist/src/components/code-editor/http/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/code-editor/http/index.ts"],"sourcesContent":["import {\n\tfoldInside,\n\tfoldNodeProp,\n\ttype Language,\n\tLanguageSupport,\n\tLRLanguage,\n} from \"@codemirror/language\";\nimport { parseMixed } from \"@lezer/common\";\nimport { styleTags, tags } from \"@lezer/highlight\";\nimport type { LRParser } from \"@lezer/lr\";\nimport { parser } from \"./grammar/http\";\n\nfunction makeParser(\n\tbodyLanguages: (contentType: string) => Language | null,\n): LRParser {\n\treturn parser.configure({\n\t\tprops: [\n\t\t\tstyleTags({\n\t\t\t\tHttpHeaderName: tags.variableName,\n\t\t\t\tHttpHeaderValue: tags.attributeValue,\n\t\t\t}),\n\n\t\t\tfoldNodeProp.add({\n\t\t\t\tHttpHeaders: foldInside,\n\t\t\t}),\n\t\t],\n\t\twrap: parseMixed((node, input) => {\n\t\t\tif (node.name !== \"HttpBody\") {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst headers = node.node.prevSibling;\n\t\t\tif (headers?.name !== \"HttpHeaders\") {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tlet contentType: string | null = null;\n\n\t\t\tfor (\n\t\t\t\tlet child = headers.firstChild;\n\t\t\t\tchild !== null;\n\t\t\t\tchild = child.nextSibling\n\t\t\t) {\n\t\t\t\tconst headerNameNode = child.getChild(\"HttpHeaderName\");\n\t\t\t\tif (headerNameNode === null) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst headerName = input.read(headerNameNode.from, headerNameNode.to);\n\t\t\t\tif (headerName.toLowerCase() !== \"content-type\") {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (contentType !== null) {\n\t\t\t\t\t// Disallow multiple content types\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst headerValueNode = child.getChild(\"HttpHeaderValue\");\n\t\t\t\tif (headerValueNode === null) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tcontentType = input.read(headerValueNode.from, headerValueNode.to);\n\t\t\t}\n\n\t\t\tif (contentType === null) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst language = bodyLanguages(contentType);\n\t\t\tif (language === null) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn { parser: language.parser };\n\t\t}),\n\t});\n}\n\nfunction http(bodyLanguages: (contentType: string) => Language | null) {\n\tconst parser = makeParser(bodyLanguages);\n\tconst language = LRLanguage.define({ parser: parser });\n\treturn new LanguageSupport(language, []);\n}\n\nexport { http };\n"],"names":["foldInside","foldNodeProp","LanguageSupport","LRLanguage","parseMixed","styleTags","tags","parser","makeParser","bodyLanguages","configure","props","HttpHeaderName","variableName","HttpHeaderValue","attributeValue","add","HttpHeaders","wrap","node","input","name","headers","prevSibling","contentType","child","firstChild","nextSibling","headerNameNode","getChild","headerName","read","from","to","toLowerCase","headerValueNode","language","http","define"],"mappings":"AAAA,SACCA,UAAU,EACVC,YAAY,EAEZC,eAAe,EACfC,UAAU,QACJ,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,SAAS,EAAEC,IAAI,QAAQ,mBAAmB;AAEnD,SAASC,MAAM,QAAQ,oBAAiB;AAExC,SAASC,WACRC,aAAuD;IAEvD,OAAOF,OAAOG,SAAS,CAAC;QACvBC,OAAO;YACNN,UAAU;gBACTO,gBAAgBN,KAAKO,YAAY;gBACjCC,iBAAiBR,KAAKS,cAAc;YACrC;YAEAd,aAAae,GAAG,CAAC;gBAChBC,aAAajB;YACd;SACA;QACDkB,MAAMd,WAAW,CAACe,MAAMC;YACvB,IAAID,KAAKE,IAAI,KAAK,YAAY;gBAC7B,OAAO;YACR;YAEA,MAAMC,UAAUH,KAAKA,IAAI,CAACI,WAAW;YACrC,IAAID,SAASD,SAAS,eAAe;gBACpC,OAAO;YACR;YAEA,IAAIG,cAA6B;YAEjC,IACC,IAAIC,QAAQH,QAAQI,UAAU,EAC9BD,UAAU,MACVA,QAAQA,MAAME,WAAW,CACxB;gBACD,MAAMC,iBAAiBH,MAAMI,QAAQ,CAAC;gBACtC,IAAID,mBAAmB,MAAM;oBAC5B;gBACD;gBAEA,MAAME,aAAaV,MAAMW,IAAI,CAACH,eAAeI,IAAI,EAAEJ,eAAeK,EAAE;gBACpE,IAAIH,WAAWI,WAAW,OAAO,gBAAgB;oBAChD;gBACD;gBAEA,IAAIV,gBAAgB,MAAM;oBACzB,kCAAkC;oBAClC,OAAO;gBACR;gBAEA,MAAMW,kBAAkBV,MAAMI,QAAQ,CAAC;gBACvC,IAAIM,oBAAoB,MAAM;oBAC7B;gBACD;gBAEAX,cAAcJ,MAAMW,IAAI,CAACI,gBAAgBH,IAAI,EAAEG,gBAAgBF,EAAE;YAClE;YAEA,IAAIT,gBAAgB,MAAM;gBACzB,OAAO;YACR;YAEA,MAAMY,WAAW3B,cAAce;YAC/B,IAAIY,aAAa,MAAM;gBACtB,OAAO;YACR;YAEA,OAAO;gBAAE7B,QAAQ6B,SAAS7B,MAAM;YAAC;QAClC;IACD;AACD;AAEA,SAAS8B,KAAK5B,aAAuD;IACpE,MAAMF,SAASC,WAAWC;IAC1B,MAAM2B,WAAWjC,WAAWmC,MAAM,CAAC;QAAE/B,QAAQA;IAAO;IACpD,OAAO,IAAIL,gBAAgBkC,UAAU,EAAE;AACxC;AAEA,SAASC,IAAI,GAAG"}

package/dist/src/components/code-editor/index.d.ts

@@ -1,5 +1,16 @@
-export declare function CodeEditor({ defaultValue, onChange, }: {
+import { EditorView, type ViewUpdate } from "@codemirror/view";
+type LanguageMode = "json" | "http";
+type CodeEditorProps = {
+    readOnly?: boolean;
     defaultValue?: string;
+    currentValue?: string;
     onChange?: (value: string) => void;
-}): import("react/jsx-runtime").JSX.Element;
+    onUpdate?: (update: ViewUpdate) => void;
+    id?: string;
+    mode?: LanguageMode;
+    viewCallback?: (view: EditorView) => void;
+};
+export type CodeEditorView = EditorView;
+export declare function CodeEditor({ defaultValue, currentValue, onChange, onUpdate, viewCallback, readOnly, id, mode, }: CodeEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/code-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/index.tsx"],"names":[],"mappings":"AAgFA,wBAAgB,UAAU,CAAC,EAC1B,YAAY,EACZ,QAAQ,GACR,EAAE;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,2CAwDA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAIN,UAAU,EAOV,KAAK,UAAU,EACf,MAAM,kBAAkB,CAAC;AA0F1B,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAkBpC,KAAK,eAAe,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,wBAAgB,UAAU,CAAC,EAC1B,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAgB,EAChB,EAAE,EACF,IAAa,GACb,EAAE,eAAe,2CA8IjB"}

package/dist/src/components/code-editor/index.js

@@ -5,10 +5,11 @@ import { json, jsonParseLinter } from "@codemirror/lang-json";
 import { bracketMatching, foldGutter, foldKeymap, HighlightStyle, indentOnInput, syntaxHighlighting } from "@codemirror/language";
 import { linter, lintGutter, lintKeymap } from "@codemirror/lint";
 import { highlightSelectionMatches, searchKeymap } from "@codemirror/search";
-import { EditorState } from "@codemirror/state";
+import { Compartment, EditorState } from "@codemirror/state";
 import { crosshairCursor, drawSelection, dropCursor, EditorView, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, keymap, lineNumbers, rectangularSelection } from "@codemirror/view";
 import { tags } from "@lezer/highlight";
 import * as React from "react";
+import { http } from "./http/index.js";
 const baseTheme = EditorView.baseTheme({
     "&": {
         backgroundColor: "var(--color-bg-primary)",
@@ -46,6 +47,43 @@ const baseTheme = EditorView.baseTheme({
         backgroundColor: "rgba(255, 255, 255, 0)"
     }
 });
+const readOnlyTheme = EditorView.theme({
+    "&": {
+        backgroundColor: "var(--color-bg-secondary)",
+        height: "100%",
+        width: "100%",
+        fontSize: "14px",
+        paddingTop: "8px",
+        paddingBottom: "8px"
+    },
+    ".cm-scroller": {
+        overflow: "auto"
+    },
+    ".cm-content": {
+        fontFamily: "var(--font-family-mono)",
+        padding: "0"
+    },
+    "&.cm-focused": {
+        outline: "none"
+    },
+    ".cm-gutter": {
+        fontFamily: "var(--font-family-mono)"
+    },
+    ".cm-gutters": {
+        backgroundColor: "var(--color-bg-secondary)",
+        border: "none"
+    },
+    ".cm-lineNumbers": {
+        paddingLeft: "16px"
+    },
+    ".cm-activeLineGutter": {
+        backgroundColor: "var(--color-bg-secondary)",
+        color: "var(--color-text-primary)"
+    },
+    ".cm-activeLine": {
+        backgroundColor: "rgba(255, 255, 255, 0)"
+    }
+});
 const customHighlightStyle = HighlightStyle.define([
     {
         tag: tags.propertyName,
@@ -68,17 +106,45 @@ const customHighlightStyle = HighlightStyle.define([
         color: "#569cd6"
     }
 ]);
-export function CodeEditor({ defaultValue, onChange }) {
-    const editorRef = React.useRef(null);
+function languageExtensions(mode) {
+    if (mode === "http") {
+        const jsonLang = json();
+        return [
+            http((ct)=>ct === "application/json" ? jsonLang.language : null),
+            syntaxHighlighting(customHighlightStyle)
+        ];
+    } else {
+        return [
+            json(),
+            linter(jsonParseLinter(), {
+                delay: 300
+            }),
+            syntaxHighlighting(customHighlightStyle)
+        ];
+    }
+}
+export function CodeEditor({ defaultValue, currentValue, onChange, onUpdate, viewCallback, readOnly = false, id, mode = "json" }) {
+    const domRef = React.useRef(null);
+    const [view, setView] = React.useState(null);
+    const initialValue = React.useRef(defaultValue ?? "");
+    const onChangeComparment = React.useRef(new Compartment());
+    const onUpdateComparment = React.useRef(new Compartment());
+    const languageCompartment = React.useRef(new Compartment());
+    const readOnlyCompartment = React.useRef(new Compartment());
+    const themeCompartment = React.useRef(new Compartment());
     React.useEffect(()=>{
-        if (!editorRef.current) {
+        if (!domRef.current) {
             return;
         }
         const view = new EditorView({
-            parent: editorRef.current,
+            parent: domRef.current,
             state: EditorState.create({
-                doc: defaultValue ?? "",
+                doc: initialValue.current,
                 extensions: [
+                    EditorView.contentAttributes.of({
+                        "data-gramm": "false"
+                    }),
+                    readOnlyCompartment.current.of(EditorState.readOnly.of(false)),
                     lineNumbers(),
                     foldGutter(),
                     highlightSpecialChars(),
@@ -87,8 +153,7 @@ export function CodeEditor({ defaultValue, onChange }) {
                     dropCursor(),
                     EditorState.allowMultipleSelections.of(true),
                     indentOnInput(),
-                    json(),
-                    syntaxHighlighting(customHighlightStyle),
+                    languageCompartment.current.of([]),
                     bracketMatching(),
                     closeBrackets(),
                     autocompletion(),
@@ -97,7 +162,7 @@ export function CodeEditor({ defaultValue, onChange }) {
                     highlightActiveLine(),
                     highlightActiveLineGutter(),
                     highlightSelectionMatches(),
-                    baseTheme,
+                    themeCompartment.current.of(baseTheme),
                     keymap.of([
                         ...closeBracketsKeymap,
                         ...defaultKeymap,
@@ -107,26 +172,102 @@ export function CodeEditor({ defaultValue, onChange }) {
                         ...completionKeymap,
                         ...lintKeymap
                     ]),
-                    linter(jsonParseLinter(), {
-                        delay: 300
-                    }),
                     lintGutter(),
-                    EditorView.updateListener.of((update)=>{
-                        if (update.docChanged && onChange) {
-                            onChange(update.view.state.doc.toString());
-                        }
-                    })
+                    onChangeComparment.current.of([]),
+                    onUpdateComparment.current.of([])
                 ]
             })
         });
-        return ()=>view.destroy();
+        setView(()=>view);
+        return ()=>{
+            view.destroy();
+            setView(()=>null);
+        };
+    }, []);
+    React.useEffect(()=>{
+        if (viewCallback && view) {
+            viewCallback(view);
+        }
+    }, [
+        view,
+        viewCallback
+    ]);
+    React.useEffect(()=>{
+        view?.dispatch({
+            effects: onChangeComparment.current.reconfigure([
+                EditorView.updateListener.of((update)=>{
+                    if (update.docChanged && onChange) {
+                        onChange(update.view.state.doc.toString());
+                    }
+                })
+            ])
+        });
     }, [
-        defaultValue,
+        view,
         onChange
     ]);
+    React.useEffect(()=>{
+        view?.dispatch({
+            effects: onUpdateComparment.current.reconfigure([
+                EditorView.updateListener.of((update)=>{
+                    if (onUpdate) {
+                        onUpdate(update);
+                    }
+                })
+            ])
+        });
+    }, [
+        view,
+        onUpdate
+    ]);
+    // FIXME: it is probably better to have CM manage its state.
+    React.useEffect(()=>{
+        if (!view || currentValue === undefined) {
+            return;
+        }
+        const currentDoc = view.state.doc.toString();
+        if (currentDoc !== currentValue) {
+            view.dispatch({
+                changes: {
+                    from: 0,
+                    to: currentDoc.length,
+                    insert: currentValue
+                }
+            });
+        }
+    }, [
+        currentValue,
+        view
+    ]);
+    React.useEffect(()=>{
+        if (view === null) {
+            return;
+        }
+        view.dispatch({
+            effects: languageCompartment.current.reconfigure(languageExtensions(mode))
+        });
+    }, [
+        mode,
+        view
+    ]);
+    React.useEffect(()=>{
+        if (view === null) {
+            return;
+        }
+        view.dispatch({
+            effects: [
+                readOnlyCompartment.current.reconfigure(EditorState.readOnly.of(readOnly)),
+                themeCompartment.current.reconfigure(readOnly ? readOnlyTheme : baseTheme)
+            ]
+        });
+    }, [
+        readOnly,
+        view
+    ]);
     return /*#__PURE__*/ _jsx("div", {
         className: "h-full w-full",
-        ref: editorRef
+        ref: domRef,
+        id: id
     });
 }