Fixes problem with bool values

issue #11

Author: butschster

components/ValueDump/ValueDump.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="dump-preview">
-    <div v-if="!isString" class="var-dump-preview__html" v-html="dumpBody" />
+    <div v-if="!isString" class="var-dump-preview__html" v-html="dumpBody"/>
 
-    <CodeSnippet v-if="isString" language="php" :code="dumpBody" />
+    <CodeSnippet v-if="isString" language="php" :code="dumpBody"/>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
-import { useNuxtApp } from "#app";
+import {defineComponent} from "vue";
+import {useNuxtApp} from "#app";
 import CodeSnippet from "~/components/CodeSnippet/CodeSnippet.vue";
 
 export default defineComponent({
@@ -18,7 +18,7 @@ export default defineComponent({
   props: ["value", "type"],
   setup() {
     if (process.client) {
-      const { $vendors } = useNuxtApp();
+      const {$vendors} = useNuxtApp();
 
       return {
         Sfdump: $vendors.sfdump,
@@ -41,6 +41,10 @@ export default defineComponent({
       return this.value.toString().match(/(sf-dump-[0-9]+)/i)?.[0] || null;
     },
     dumpBody(): string | unknown {
+      if (this.type === 'boolean') {
+        return this.value === '1' ? 'true' : 'false';
+      }
+
       if (this.dumpId) {
         return (this.value as string).replace(
           /<(style|script)\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/(style|script)>/gi,

components/VarDumpPreview/VarDumpPreview.stories.ts

@@ -6,7 +6,8 @@ import varDumpNumberEventMock from '~/mocks/var-dump-number.json'
 import varDumpStringEventMock from '~/mocks/var-dump-string.json'
 import varDumpStringEmptyEventMock from '~/mocks/var-dump-string-empty.json'
 import varDumpArrayEventMock from '~/mocks/var-dump-array.json'
-import varDumpBoolEventMock from '~/mocks/var-dump-boolean.json'
+import varDumpBoolTrueEventMock from '~/mocks/var-dump-boolean-true.json'
+import varDumpBoolFalseEventMock from '~/mocks/var-dump-boolean-false.json'
 import VarDumpPreview from '~/components/VarDumpPreview/VarDumpPreview.vue';
 
 export default {
@@ -48,10 +49,15 @@ StringEmpty.args = {
   event: normalizeVarDumpEvent(varDumpStringEmptyEventMock),
 };
 
-export const Boolean = Template.bind({});
+export const BooleanTrue = Template.bind({});
 
-Boolean.args = {
-  event: normalizeVarDumpEvent(varDumpBoolEventMock),
+BooleanTrue.args = {
+  event: normalizeVarDumpEvent(varDumpBoolTrueEventMock),
+};
+
+export const BooleanFalse = Template.bind({});
+BooleanFalse.args = {
+  event: normalizeVarDumpEvent(varDumpBoolFalseEventMock),
 };
 
 

mocks/var-dump-boolean.json renamed to mocks/var-dump-boolean-false.json

@@ -4,7 +4,7 @@
   "payload": {
     "payload": {
       "type": "boolean",
-      "value": true
+      "value": ""
     },
     "context": {
       "timestamp": 1678271981.325951,

mocks/var-dump-boolean-true.json

@@ -0,0 +1,25 @@
+{
+  "uuid": "49c77954-d17e-471d-9d5e-bf0aa856f90c",
+  "type": "var-dump",
+  "payload": {
+    "payload": {
+      "type": "boolean",
+      "value": "1"
+    },
+    "context": {
+      "timestamp": 1678271981.325951,
+      "cli": {
+        "command_line": "app.php",
+        "identifier": "799f2007"
+      },
+      "source": {
+        "name": "HomeController.php",
+        "file": "/root/repos/spiral-apps/filters-bridge/app/src/Controller/HomeController.php",
+        "line": 48,
+        "file_excerpt": false
+      }
+    }
+  },
+  "timestamp": 1678271981,
+  "project_id": null
+}