HCL syntax highlighting with ruby mode and vars example

ui/app/components/policy-editor.hbs

@@ -26,7 +26,7 @@
 				{{code-mirror
           screenReaderLabel="Policy definition"
           theme="hashi"
-          mode="terraform"
+          mode="ruby"
           content=@policy.rules
           onUpdate=this.updatePolicyRules
           autofocus=(not @policy.isNew)

ui/app/modifiers/code-mirror.js

@@ -8,6 +8,7 @@ import 'codemirror/addon/selection/active-line';
 import 'codemirror/addon/lint/lint.js';
 import 'codemirror/addon/lint/json-lint.js';
 import 'codemirror/mode/javascript/javascript';
+import 'codemirror/mode/ruby/ruby';
 
 export default class CodeMirrorModifier extends Modifier {
   get autofocus() {

ui/app/routes/policies.js

@@ -21,7 +21,7 @@ export default class PoliciesRoute extends Route.extend(
   async model() {
     return await hash({
       policies: this.store.query('policy', { reload: true }),
-      tokens: this.store.query('token', { reload: true })
+      tokens: this.store.query('token', { reload: true }),
     });
   }
 }

ui/app/routes/policies/new.js

@@ -13,6 +13,15 @@ namespace "default" {
 namespace "example-ns" {
   policy = "deny"
   capabilities = ["list-jobs", "read-job"]
+  variables {
+    # list access to variables in all paths, full access in nested/variables/*
+    path "*" {
+      capabilities = ["list"]
+    }
+    path "nested/variables/*" {
+      capabilities = ["write", "read", "destroy", "list"]
+    }
+  }
 }
 
 host_volume "example-volume" {
@@ -58,6 +67,12 @@ operator {
 #  * read-job-scaling
 #  * scale-job
 
+# Possible Variables capabilities
+#  * write
+#  * read
+#  * destroy
+#  * list
+
 # Possible Policies for "agent", "node", "quota", "operator", and "host_volume":
 #  * deny
 #  * read

ui/ember-cli-build.js

@@ -17,7 +17,7 @@ module.exports = function (defaults) {
       },
     },
     codemirror: {
-      modes: ['javascript'],
+      modes: ['javascript', 'ruby'],
     },
     babel: {
       include: ['proposal-optional-chaining'],