feat(editor): Improve escaping behavior (#4641)

* 🎨 Hide hint on small screen * ⚡ Improve escaping
n8n-io · Nov 18, 2022 · 60bddf9 · 60bddf9
1 parent c743021
commit 60bddf9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/packages/editor-ui/src/components/ExpressionEdit.vue b/packages/editor-ui/src/components/ExpressionEdit.vue
@@ -240,6 +240,10 @@ export default mixins(
 		font-weight: normal;
 		display: flex;
 
+		@media (max-width: $breakpoint-xs) {
+			display: none;
+		}
+
 		span {
 			margin-right: var(--spacing-4xs);
 		}

diff --git a/packages/editor-ui/src/components/ExpressionEditorModal/n8nLanguagePack/index.cjs b/packages/editor-ui/src/components/ExpressionEditorModal/n8nLanguagePack/index.cjs
@@ -17,7 +17,7 @@ const parser = lr.LRParser.deserialize({
   maxTerm: 7,
   skippedNodes: [0],
   repeatNodeCount: 1,
-  tokenData: "6v~RRO#o[#o#p{#p~[~aRQ~O#o[#o#pj#p~[~mRO#o[#p~[~~v~{OQ~~!OSO#o[#o#p![#p~[~~v~!a!YS~OX&PX^![^p&Ppq![qr![rs![st![tu![uv![vw![wx![xy![yz![z{![{|![|}![}!O![!O!P![!P!Q![!Q![![![!]![!]!^![!^!_![!_!`![!`!a![!a!b![!b!c![!c!}![!}#O![#O#P&d#P#Q![#Q#R![#R#S![#S#T![#T#o![#o#p![#p#q![#q#r6n#r#s![#s#y&P#y#z![#z$f&P$f$g![$g#BY&P#BY#BZ![#BZ$IS&P$IS$I_![$I_$I|&P$I|$JO![$JO$JT&P$JT$JU![$JU$KV&P$KV$KW![$KW&FU&P&FU&FV![&FV~&P~&URS~O#q&P#q#r&_#r~&P~&dOS~~&i!YS~OX&PX^![^p&Ppq![qr![rs![st![tu![uv![vw![wx![xy![yz![z{![{|![|}![}!O![!O!P![!P!Q![!Q![![![!]![!]!^![!^!_![!_!`![!`!a![!a!b![!b!c![!c!}![!}#O![#O#P&d#P#Q![#Q#R![#R#S![#S#T![#T#o![#o#p![#p#q![#q#r*X#r#s![#s#y&P#y#z![#z$f&P$f$g![$g#BY&P#BY#BZ![#BZ$IS&P$IS$I_![$I_$I|&P$I|$JO![$JO$JT&P$JT$JU![$JU$KV&P$KV$KW![$KW&FU&P&FU&FV![&FV~&P~*^}S~X^-Zpq-Zqr-Zrs-Zst-Ztu-Zuv-Zvw-Zwx-Zxy-Zyz-Zz{-Z{|-Z|}-Z}!O-Z!O!P-Z!P!Q-Z!Q![-Z![!]-Z!]!^-Z!^!_-Z!_!`-Z!`!a-Z!a!b-Z!b!c-Z!c!}-Z!}#O-Z#O#P0Z#P#Q-Z#Q#R-Z#R#S-Z#S#T-Z#T#o-Z#o#p-Z#p#q-Z#q#r6Z#r#s-Z#y#z-Z$f$g-Z#BY#BZ-Z$IS$I_-Z$I|$JO-Z$JT$JU-Z$KV$KW-Z&FU&FV-Z~-^}X^-Zpq-Zqr-Zrs-Zst-Ztu-Zuv-Zvw-Zwx-Zxy-Zyz-Zz{-Z{|-Z|}-Z}!O-Z!O!P-Z!P!Q-Z!Q![-Z![!]-Z!]!^-Z!^!_-Z!_!`-Z!`!a-Z!a!b-Z!b!c-Z!c!}-Z!}#O-Z#O#P0Z#P#Q-Z#Q#R-Z#R#S-Z#S#T-Z#T#o-Z#o#p-Z#p#q-Z#q#r6h#r#s-Z#y#z-Z$f$g-Z#BY#BZ-Z$IS$I_-Z$I|$JO-Z$JT$JU-Z$KV$KW-Z&FU&FV-Z~0^}X^-Zpq-Zqr-Zrs-Zst-Ztu-Zuv-Zvw-Zwx-Zxy-Zyz-Zz{-Z{|-Z|}-Z}!O-Z!O!P-Z!P!Q-Z!Q![-Z![!]-Z!]!^-Z!^!_-Z!_!`-Z!`!a-Z!a!b-Z!b!c-Z!c!}-Z!}#O-Z#O#P0Z#P#Q-Z#Q#R-Z#R#S-Z#S#T-Z#T#o-Z#o#p-Z#p#q-Z#q#r3Z#r#s-Z#y#z-Z$f$g-Z#BY#BZ-Z$IS$I_-Z$I|$JO-Z$JT$JU-Z$KV$KW-Z&FU&FV-Z~3^}X^-Zpq-Zqr-Zrs-Zst-Ztu-Zuv-Zvw-Zwx-Zxy-Zyz-Zz{-Z{|-Z|}-Z}!O-Z!O!P-Z!P!Q-Z!Q![-Z![!]-Z!]!^-Z!^!_-Z!_!`-Z!`!a-Z!a!b-Z!b!c-Z!c!}-Z!}#O-Z#O#P0Z#P#Q-Z#Q#R-Z#R#S-Z#S#T-Z#T#o-Z#o#p-Z#p#q-Z#q#r6Z#r#s-Z#y#z-Z$f$g-Z#BY#BZ-Z$IS$I_-Z$I|$JO-Z$JT$JU-Z$KV$KW-Z&FU&FV-Z~6`PR~#q#r6c~6hOR~~6kP#q#r6c~6sPS~#q#r6c",
+  tokenData: "4f~RRO#o[#o#p{#p~[~aRQ~O#o[#o#pj#p~[~mRO#o[#p~[~~v~{OQ~~!OSO#o[#o#p![#p~[~~v~!a!YS~OX&PX^![^p&Ppq![qr![rs![st![tu![uv![vw![wx![xy![yz![z{![{|![|}![}!O![!O!P![!P!Q![!Q![![![!]![!]!^![!^!_![!_!`![!`!a![!a!b![!b!c![!c!}![!}#O![#O#P&d#P#Q![#Q#R![#R#S![#S#T![#T#o![#o#p![#p#q![#q#r4W#r#s![#s#y&P#y#z![#z$f&P$f$g![$g#BY&P#BY#BZ![#BZ$IS&P$IS$I_![$I_$I|&P$I|$JO![$JO$JT&P$JT$JU![$JU$KV&P$KV$KW![$KW&FU&P&FU&FV![&FV~&P~&URS~O#q&P#q#r&_#r~&P~&dOS~~&i!YS~OX&PX^![^p&Ppq![qr![rs![st![tu![uv![vw![wx![xy![yz![z{![{|![|}![}!O![!O!P![!P!Q![!Q![![![!]![!]!^![!^!_![!_!`![!`!a![!a!b![!b!c![!c!}![!}#O![#O#P&d#P#Q![#Q#R![#R#S![#S#T![#T#o![#o#p![#p#q![#q#r*X#r#s![#s#y&P#y#z![#z$f&P$f$g![$g#BY&P#BY#BZ![#BZ$IS&P$IS$I_![$I_$I|&P$I|$JO![$JO$JT&P$JT$JU![$JU$KV&P$KV$KW![$KW&FU&P&FU&FV![&FV~&P~*^RS~O#q*g#q#r0s#r~*g~*j}X^*gpq*gqr*grs*gst*gtu*guv*gvw*gwx*gxy*gyz*gz{*g{|*g|}*g}!O*g!O!P*g!P!Q*g!Q![*g![!]*g!]!^*g!^!_*g!_!`*g!`!a*g!a!b*g!b!c*g!c!}*g!}#O*g#O#P-g#P#Q*g#Q#R*g#R#S*g#S#T*g#T#o*g#o#p*g#p#q*g#q#r3u#r#s*g#y#z*g$f$g*g#BY#BZ*g$IS$I_*g$I|$JO*g$JT$JU*g$KV$KW*g&FU&FV*g~-j}X^*gpq*gqr*grs*gst*gtu*guv*gvw*gwx*gxy*gyz*gz{*g{|*g|}*g}!O*g!O!P*g!P!Q*g!Q![*g![!]*g!]!^*g!^!_*g!_!`*g!`!a*g!a!b*g!b!c*g!c!}*g!}#O*g#O#P-g#P#Q*g#Q#R*g#R#S*g#S#T*g#T#o*g#o#p*g#p#q*g#q#r0g#r#s*g#y#z*g$f$g*g#BY#BZ*g$IS$I_*g$I|$JO*g$JT$JU*g$KV$KW*g&FU&FV*g~0jRO#q*g#q#r0s#r~*g~0x}R~X^*gpq*gqr*grs*gst*gtu*guv*gvw*gwx*gxy*gyz*gz{*g{|*g|}*g}!O*g!O!P*g!P!Q*g!Q![*g![!]*g!]!^*g!^!_*g!_!`*g!`!a*g!a!b*g!b!c*g!c!}*g!}#O*g#O#P-g#P#Q*g#Q#R*g#R#S*g#S#T*g#T#o*g#o#p*g#p#q*g#q#r3u#r#s*g#y#z*g$f$g*g#BY#BZ*g$IS$I_*g$I|$JO*g$JT$JU*g$KV$KW*g&FU&FV*g~3xRO#q*g#q#r4R#r~*g~4WOR~~4]RS~O#q*g#q#r4R#r~*g",
   tokenizers: [0],
   topRules: {"Program":[0,1]},
   tokenPrec: 0

diff --git a/packages/editor-ui/src/components/ExpressionEditorModal/n8nLanguagePack/index.js b/packages/editor-ui/src/components/ExpressionEditorModal/n8nLanguagePack/index.js
@@ -13,7 +13,7 @@ const parser = LRParser.deserialize({
   maxTerm: 7,
   skippedNodes: [0],
   repeatNodeCount: 1,
-  tokenData: "6v~RRO#o[#o#p{#p~[~aRQ~O#o[#o#pj#p~[~mRO#o[#p~[~~v~{OQ~~!OSO#o[#o#p![#p~[~~v~!a!YS~OX&PX^![^p&Ppq![qr![rs![st![tu![uv![vw![wx![xy![yz![z{![{|![|}![}!O![!O!P![!P!Q![!Q![![![!]![!]!^![!^!_![!_!`![!`!a![!a!b![!b!c![!c!}![!}#O![#O#P&d#P#Q![#Q#R![#R#S![#S#T![#T#o![#o#p![#p#q![#q#r6n#r#s![#s#y&P#y#z![#z$f&P$f$g![$g#BY&P#BY#BZ![#BZ$IS&P$IS$I_![$I_$I|&P$I|$JO![$JO$JT&P$JT$JU![$JU$KV&P$KV$KW![$KW&FU&P&FU&FV![&FV~&P~&URS~O#q&P#q#r&_#r~&P~&dOS~~&i!YS~OX&PX^![^p&Ppq![qr![rs![st![tu![uv![vw![wx![xy![yz![z{![{|![|}![}!O![!O!P![!P!Q![!Q![![![!]![!]!^![!^!_![!_!`![!`!a![!a!b![!b!c![!c!}![!}#O![#O#P&d#P#Q![#Q#R![#R#S![#S#T![#T#o![#o#p![#p#q![#q#r*X#r#s![#s#y&P#y#z![#z$f&P$f$g![$g#BY&P#BY#BZ![#BZ$IS&P$IS$I_![$I_$I|&P$I|$JO![$JO$JT&P$JT$JU![$JU$KV&P$KV$KW![$KW&FU&P&FU&FV![&FV~&P~*^}S~X^-Zpq-Zqr-Zrs-Zst-Ztu-Zuv-Zvw-Zwx-Zxy-Zyz-Zz{-Z{|-Z|}-Z}!O-Z!O!P-Z!P!Q-Z!Q![-Z![!]-Z!]!^-Z!^!_-Z!_!`-Z!`!a-Z!a!b-Z!b!c-Z!c!}-Z!}#O-Z#O#P0Z#P#Q-Z#Q#R-Z#R#S-Z#S#T-Z#T#o-Z#o#p-Z#p#q-Z#q#r6Z#r#s-Z#y#z-Z$f$g-Z#BY#BZ-Z$IS$I_-Z$I|$JO-Z$JT$JU-Z$KV$KW-Z&FU&FV-Z~-^}X^-Zpq-Zqr-Zrs-Zst-Ztu-Zuv-Zvw-Zwx-Zxy-Zyz-Zz{-Z{|-Z|}-Z}!O-Z!O!P-Z!P!Q-Z!Q![-Z![!]-Z!]!^-Z!^!_-Z!_!`-Z!`!a-Z!a!b-Z!b!c-Z!c!}-Z!}#O-Z#O#P0Z#P#Q-Z#Q#R-Z#R#S-Z#S#T-Z#T#o-Z#o#p-Z#p#q-Z#q#r6h#r#s-Z#y#z-Z$f$g-Z#BY#BZ-Z$IS$I_-Z$I|$JO-Z$JT$JU-Z$KV$KW-Z&FU&FV-Z~0^}X^-Zpq-Zqr-Zrs-Zst-Ztu-Zuv-Zvw-Zwx-Zxy-Zyz-Zz{-Z{|-Z|}-Z}!O-Z!O!P-Z!P!Q-Z!Q![-Z![!]-Z!]!^-Z!^!_-Z!_!`-Z!`!a-Z!a!b-Z!b!c-Z!c!}-Z!}#O-Z#O#P0Z#P#Q-Z#Q#R-Z#R#S-Z#S#T-Z#T#o-Z#o#p-Z#p#q-Z#q#r3Z#r#s-Z#y#z-Z$f$g-Z#BY#BZ-Z$IS$I_-Z$I|$JO-Z$JT$JU-Z$KV$KW-Z&FU&FV-Z~3^}X^-Zpq-Zqr-Zrs-Zst-Ztu-Zuv-Zvw-Zwx-Zxy-Zyz-Zz{-Z{|-Z|}-Z}!O-Z!O!P-Z!P!Q-Z!Q![-Z![!]-Z!]!^-Z!^!_-Z!_!`-Z!`!a-Z!a!b-Z!b!c-Z!c!}-Z!}#O-Z#O#P0Z#P#Q-Z#Q#R-Z#R#S-Z#S#T-Z#T#o-Z#o#p-Z#p#q-Z#q#r6Z#r#s-Z#y#z-Z$f$g-Z#BY#BZ-Z$IS$I_-Z$I|$JO-Z$JT$JU-Z$KV$KW-Z&FU&FV-Z~6`PR~#q#r6c~6hOR~~6kP#q#r6c~6sPS~#q#r6c",
+  tokenData: "4f~RRO#o[#o#p{#p~[~aRQ~O#o[#o#pj#p~[~mRO#o[#p~[~~v~{OQ~~!OSO#o[#o#p![#p~[~~v~!a!YS~OX&PX^![^p&Ppq![qr![rs![st![tu![uv![vw![wx![xy![yz![z{![{|![|}![}!O![!O!P![!P!Q![!Q![![![!]![!]!^![!^!_![!_!`![!`!a![!a!b![!b!c![!c!}![!}#O![#O#P&d#P#Q![#Q#R![#R#S![#S#T![#T#o![#o#p![#p#q![#q#r4W#r#s![#s#y&P#y#z![#z$f&P$f$g![$g#BY&P#BY#BZ![#BZ$IS&P$IS$I_![$I_$I|&P$I|$JO![$JO$JT&P$JT$JU![$JU$KV&P$KV$KW![$KW&FU&P&FU&FV![&FV~&P~&URS~O#q&P#q#r&_#r~&P~&dOS~~&i!YS~OX&PX^![^p&Ppq![qr![rs![st![tu![uv![vw![wx![xy![yz![z{![{|![|}![}!O![!O!P![!P!Q![!Q![![![!]![!]!^![!^!_![!_!`![!`!a![!a!b![!b!c![!c!}![!}#O![#O#P&d#P#Q![#Q#R![#R#S![#S#T![#T#o![#o#p![#p#q![#q#r*X#r#s![#s#y&P#y#z![#z$f&P$f$g![$g#BY&P#BY#BZ![#BZ$IS&P$IS$I_![$I_$I|&P$I|$JO![$JO$JT&P$JT$JU![$JU$KV&P$KV$KW![$KW&FU&P&FU&FV![&FV~&P~*^RS~O#q*g#q#r0s#r~*g~*j}X^*gpq*gqr*grs*gst*gtu*guv*gvw*gwx*gxy*gyz*gz{*g{|*g|}*g}!O*g!O!P*g!P!Q*g!Q![*g![!]*g!]!^*g!^!_*g!_!`*g!`!a*g!a!b*g!b!c*g!c!}*g!}#O*g#O#P-g#P#Q*g#Q#R*g#R#S*g#S#T*g#T#o*g#o#p*g#p#q*g#q#r3u#r#s*g#y#z*g$f$g*g#BY#BZ*g$IS$I_*g$I|$JO*g$JT$JU*g$KV$KW*g&FU&FV*g~-j}X^*gpq*gqr*grs*gst*gtu*guv*gvw*gwx*gxy*gyz*gz{*g{|*g|}*g}!O*g!O!P*g!P!Q*g!Q![*g![!]*g!]!^*g!^!_*g!_!`*g!`!a*g!a!b*g!b!c*g!c!}*g!}#O*g#O#P-g#P#Q*g#Q#R*g#R#S*g#S#T*g#T#o*g#o#p*g#p#q*g#q#r0g#r#s*g#y#z*g$f$g*g#BY#BZ*g$IS$I_*g$I|$JO*g$JT$JU*g$KV$KW*g&FU&FV*g~0jRO#q*g#q#r0s#r~*g~0x}R~X^*gpq*gqr*grs*gst*gtu*guv*gvw*gwx*gxy*gyz*gz{*g{|*g|}*g}!O*g!O!P*g!P!Q*g!Q![*g![!]*g!]!^*g!^!_*g!_!`*g!`!a*g!a!b*g!b!c*g!c!}*g!}#O*g#O#P-g#P#Q*g#Q#R*g#R#S*g#S#T*g#T#o*g#o#p*g#p#q*g#q#r3u#r#s*g#y#z*g$f$g*g#BY#BZ*g$IS$I_*g$I|$JO*g$JT$JU*g$KV$KW*g&FU&FV*g~3xRO#q*g#q#r4R#r~*g~4WOR~~4]RS~O#q*g#q#r4R#r~*g",
   tokenizers: [0],
   topRules: {"Program":[0,1]},
   tokenPrec: 0