@salesforcedevs/dx-components 1.3.314 → 1.3.317

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.314",
+    "version": "1.3.317",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -46,5 +46,5 @@
     "volta": {
         "node": "16.19.1"
     },
-    "gitHead": "c0a16e87a2a142a2806b79f82d59f7315a476694"
+    "gitHead": "9e40898b8728d5ec2c08afdd49ccbcb4b065cc5d"
 }

package/src/modules/dx/codeBlock/codeBlock.ts

@@ -7,7 +7,7 @@ import {
 } from "@salesforcedevs/sfdocs-wires";
 import { track as gtmTrack } from "dxUtils/analytics";
 import prism from "dxUtils/prismjs";
-import { ampscript } from "./customLanguages";
+import { ampscript, sqlDocsTemplate } from "./customLanguages";
 
 /*
     Here we create custom syntax highlighting rules for proprietary languages
@@ -29,6 +29,13 @@ prism.languages.gtl = prism.languages.extend(
 // LWC
 prism.languages.lwc = prism.languages.extend("jsx");
 
+/* 
+  Prismjs's SQL native language rules doesn't highlight keyword like "RECURSIVE" and "WINDOW".
+  Instead of modifying the native SQL language rules, we create a new language called "sql_docs_template"
+  that treats all uppercase words as keywords.
+*/
+prism.languages.sql_docs_template = sqlDocsTemplate;
+
 // Used for remove enclosing <pre> tag's (if occurs)
 const preTagRegexp: RegExp = /^<pre.*?>(.*)<\/pre>$/is;
 
@@ -84,7 +91,8 @@ export default class CodeBlock extends LightningElement {
         { label: "AMPScript", id: "ampscript" },
         { label: "SSJS", id: "ssjs" },
         { label: "GTL", id: "gtl" },
-        { label: "LWC", id: "lwc" }
+        { label: "LWC", id: "lwc" },
+        { label: "SQL Documentation", id: "sql_docs_template" }
     ];
 
     connectedCallback() {

package/src/modules/dx/codeBlock/customLanguages.js

@@ -23,13 +23,26 @@ export const ampscript = {
         },
         boolean: /\b(true|false|null)\b/i,
         number: /\b(0(x|X)[0-9a-fA-F]+|([0-9]+(\.[0-9]+)?))\b/,
-        keyword: /\b(do|else|elseif|for|if(?:\s+not)?|endif|next|then|to|downto|var|set)\b/i,
+        keyword:
+            /\b(do|else|elseif|for|if(?:\s+not)?|endif|next|then|to|downto|var|set)\b/i,
         operator: /==|!=|>|<|>=|<=|=/,
         variable: {
             pattern: /@\w+|\[\w+\]/,
             greedy: true
         },
-        constant: /\b(xtmonth|xtmonthnumeric|xtday|xtdayofweek|xtyear|xtshortdate|xtlongdate)\b/i,
+        constant:
+            /\b(xtmonth|xtmonthnumeric|xtday|xtdayofweek|xtyear|xtshortdate|xtlongdate)\b/i,
         logical: /\b(and|or|not)\b/i
     }
 };
+
+export const sqlDocsTemplate = {
+    comment: /--.*/,
+    variable: [
+        /<[^>\s]+>/,
+        { pattern: /(\s|\[|\[, ])\.\.\.(?=\]|\))/, lookbehind: true }
+    ],
+    keyword: /\b[A-Z_]+\b/,
+    string: /'[^']*'/,
+    punctuation: /[;[\]{}]/
+};