feat(playground): add s-expression and value interpretations

Refs #476
swagger-api · Jul 9, 2021 · 99a1f36 · 99a1f36
1 parent d4aee1e
commit 99a1f36
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/experiments/apidom-playground/src/playground/actions.js b/experiments/apidom-playground/src/playground/actions.js
@@ -34,6 +34,10 @@ export const resolveApiDOM = createAsyncThunk(
 );
 
 export const interpretApiDOM = createAsyncThunk('interpretApiDOMStatus', async (interpreter) => {
+  // pre-defined interpreters
+  if (['to-value', 's-expression'].includes(interpreter.toLowerCase())) {
+    return interpreter;
+  }
   eval(interpreter); // eslint-disable-line no-eval
   return interpreter;
 });

diff --git a/...iments/apidom-playground/src/playground/components/right-pane/ApiDOMInterpreterDialog.jsx b/...iments/apidom-playground/src/playground/components/right-pane/ApiDOMInterpreterDialog.jsx
@@ -76,6 +76,10 @@ const ApiDOMInterpreterDialog = ({ open, onClose }) => {
           Interpreter function is a pure function that receives an Element instance and returns
           string representation of an Element.
         </Typography>
+        <Typography variant="caption" display="block" color="textSecondary" gutterBottom>
+          There are also couple of pre-defined handy interpreters: <strong>s-expression</strong>,{' '}
+          <strong>to-value</strong>
+        </Typography>
       </DialogContent>
     </Dialog>
   );

diff --git a/experiments/apidom-playground/src/playground/selectors.js b/experiments/apidom-playground/src/playground/selectors.js
@@ -1,6 +1,6 @@
 import { createSelector } from 'swagger-adjust';
 import { isEmptyString, isNonEmptyString, isNull } from 'ramda-adjunct';
-import { from, traverse, createNamespace } from 'apidom';
+import { from, traverse, createNamespace, sexprs, toValue } from 'apidom';
 /* eslint-disable camelcase */
 import openApi3_1NsPlugin from 'apidom-ns-openapi-3-1';
 import asyncApi2_0NsPlugin from 'apidom-ns-asyncapi-2-0';
@@ -58,6 +58,14 @@ export const selectApiDOMInterpretation = createSelector(
       return apiDOM;
     }
 
+    // pre-defined interpreters
+    if (interpreter.toLowerCase() === 's-expression') {
+      return sexprs(element);
+    }
+    if (interpreter.toLowerCase() === 'to-value') {
+      return JSON.stringify(toValue(element), null, 2);
+    }
+
     const callback = eval(interpreter); // eslint-disable-line no-eval
     let result = '';
     traverse((el) => {