Modify the badge view to enable passing all options via config, in ad…

…dition to data

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## next
 
 - Added basic support for `TypedArray`s and `Set` values in `struct`, `signature` and `table` views
+- Modified the badge view to enable passing all options via config, in addition to data
 - Fixed displaying supported syntaxes in view's showcase for `source` view
 - Exposed used CodeMirror for extension purposes via a static property `CodeMirror` of `QueryEditor` and `ViewEditor`, e.g. `discovery.view.QueryEditor.CodeMirror.defineMode('my-mode', ...)`
 

src/views/text/badges.js

@@ -13,26 +13,39 @@ function maybeFix(el, type, value) {
 }
 
 export default function(host) {
+    const prepareProps = host.queryFn(`{
+        color,
+        textColor,
+        darkColor,
+        darkTextColor,
+        text: is (string or number or boolean) ?: text,
+        content: #.content,
+        href,
+        external,
+        prefix,
+        postfix,
+        hint
+    } | entries().({
+        key,
+        value: #[key] != undefined ? #[key] : value
+    }).fromEntries()`);
+
     function render(el, config, data, context) {
-        const { content } = config;
-        let {
+        const {
             color,
             textColor,
             darkColor,
             darkTextColor,
             text,
+            content,
             href,
             external,
             prefix,
             postfix,
             hint
-        } = data || {};
+        } = prepareProps(data, config);
         let render;
 
-        if (typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') {
-            text = data;
-        }
-
         if (color) {
             el.style.setProperty('--discovery-view-badge-color', color);
         }