adding jsonToGraphQLQuery plugin in vite.config.mjs

Author: prakhyatox

src/components/Registry/__tests__/CollapseTreeGraph.spec.js

@@ -46,9 +46,7 @@ describe("CollapseTreeGraph.vue", function () {
   });
 
   it("can check if getGraphData method have the error in catch block", async () => {
-    getStub.withArgs(sinon.match.any).returns({
-      status: 404,
-    });
+    getStub.withArgs(sinon.match.any).returns(new Error("error"));
     await wrapper.vm.getGraphData();
     expect(wrapper.vm.noData).toBe(true);
   });

vite.config.mjs

@@ -1,74 +1,76 @@
-import {defineConfig} from "vite";
-import {fileURLToPath, URL} from "url";
+import { defineConfig } from "vite";
+import { fileURLToPath, URL } from "url";
 import vue from "@vitejs/plugin-vue";
-import vuetify, {transformAssetUrls} from "vite-plugin-vuetify";
+import vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
 import dns from "node:dns";
 import eslintPlugin from "vite-plugin-eslint";
-import path from 'path'
-import {nodePolyfills} from 'vite-plugin-node-polyfills';
-import compress from 'vite-plugin-compress'
+import path from "path";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import compress from "vite-plugin-compress";
+import { jsonToGraphQLQuery } from "json-to-graphql-query";
 
 dns.setDefaultResultOrder("verbatim");
 
-const __filename = fileURLToPath(import.meta.url)
+const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 export default defineConfig({
-    base: "./",
-    server: {
-        host: true,
-        open: true,
-        port: 8084
+  base: "./",
+  server: {
+    host: true,
+    open: true,
+    port: 8084
+  },
+  preview: {
+    host: true,
+    open: true,
+    port: 8085
+  },
+  test: {
+    environment: "jsdom",
+    globals: true
+  },
+  plugins: [
+    vue({ template: { transformAssetUrls } }),
+    vuetify({
+      autoImport: true
+    }),
+    eslintPlugin,
+    nodePolyfills(),
+    compress,
+    jsonToGraphQLQuery
+  ],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+      "source-map-js": "source-map"
     },
-    preview: {
-        host: true,
-        open: true,
-        port: 8085,
-    },
-    test: {
-        environment: "jsdom",
-        globals: true,
-    },
-    plugins: [
-        vue({template: {transformAssetUrls}}),
-        vuetify({
-            autoImport: true,
-        }),
-        eslintPlugin,
-        nodePolyfills(),
-        compress,
-    ],
-    resolve: {
-        alias: {
-            "@": fileURLToPath(new URL("./src", import.meta.url)),
-            "source-map-js": "source-map"
-        },
-        extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue", ".svg"],
-    },
-    optimizeDeps: {
-        include: ["vuetify"],
-    },
-    css: {
-        preprocessorOptions: {
-            scss: {
-                additionalData: `@use "@/styles/index.scss";`,
-                api: "modern-compiler", // or "modern"
-            },
-        },
-    },
-    build: {
-        // outDir: 'dist',
-        assetsDir: 'assets',
-        minify: 'esbuild',
-        target: 'es2015',
-        cssCodeSplit: true,
-        chunkSizeWarningLimit: 1250,
-        rollupOptions: {
-            input: path.resolve(__dirname, "index.html"),
-            output: {
-                dir: "dist",
-                format: "es",
-            },
-        }
+    extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue", ".svg"]
+  },
+  optimizeDeps: {
+    include: ["vuetify"]
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: `@use "@/styles/index.scss";`,
+        api: "modern-compiler" // or "modern"
+      }
+    }
+  },
+  build: {
+    // outDir: 'dist',
+    assetsDir: "assets",
+    minify: "esbuild",
+    target: "es2015",
+    cssCodeSplit: true,
+    chunkSizeWarningLimit: 1250,
+    rollupOptions: {
+      input: path.resolve(__dirname, "index.html"),
+      output: {
+        dir: "dist",
+        format: "es"
+      }
     }
+  }
 });

vitest.config.js

@@ -1,54 +1,53 @@
-import {fileURLToPath} from "node:url";
-import {defineConfig, mergeConfig} from "vite";
-import {configDefaults} from "vitest/config";
+import { fileURLToPath } from "node:url";
+import { defineConfig, mergeConfig } from "vite";
+import { configDefaults } from "vitest/config";
 import viteConfig from "./vite.config.mjs";
-import {URL} from "url";
+import { URL } from "url";
 
 export default mergeConfig(
-    viteConfig,
-    defineConfig({
-        test: {
-            server: {
-                deps: {
-                    inline: ["vuetify"],
-                },
-            },
-            environment: "jsdom",
-            exclude: [...configDefaults.exclude, "e2e/*"],
-            root: fileURLToPath(new URL("./", import.meta.url)),
-            transformMode: {
-                web: [/\.[jt]sx$/],
-            },
-            coverage: {
-                provider: "v8", // or 'istanbul'
-                ignoreEmptyLines: true,
-                thresholds: {
-                    autoUpdate: true,
-                },
-                css: true,
-                exclude: [
-                    "dist/*",
-                    "documentation/*",
-                    "src/main.js",
-                    "src/documentation/process_doc.js",
-                    "src/stores/index.js",
-                    "src/plugins/**",
-                    "src/router/**",
-                    "tests/*",
-                    ".eslintrc.js",
-                    "vite.config.mjs",
-                    "vitest.config.js",
-                    "vue.config.js",
-                    "webpack.config.js",
-                    "eslint.config.js",
-                    "src/components/Navigation/PageHeader/Menu.vue",
-                    "src/stores/*",
-                    "src/utils/d3Graph.js",
-                ],
-                reporter: ["html", "lcov", "text"],
-                reportOnFailure: true,
-            },
-            dangerouslyIgnoreUnhandledErrors: true,
+  viteConfig,
+  defineConfig({
+    test: {
+      server: {
+        deps: {
+          inline: ["vuetify"]
+        }
+      },
+      environment: "jsdom",
+      exclude: [...configDefaults.exclude, "e2e/*"],
+      root: fileURLToPath(new URL("./", import.meta.url)),
+      transformMode: {
+        web: [/\.[jt]sx$/]
+      },
+      coverage: {
+        provider: "v8", // or 'istanbul'
+        ignoreEmptyLines: true,
+        thresholds: {
+          autoUpdate: true
         },
-    }),
+        css: true,
+        exclude: [
+          "dist/*",
+          "documentation/*",
+          "src/main.js",
+          "src/documentation/process_doc.js",
+          "src/plugins/**",
+          "src/router/**",
+          "tests/*",
+          ".eslintrc.js",
+          "vite.config.mjs",
+          "vitest.config.js",
+          "vue.config.js",
+          "webpack.config.js",
+          "eslint.config.js",
+          "src/components/Navigation/PageHeader/Menu.vue",
+          "src/stores/*",
+          "src/utils/d3Graph.js"
+        ],
+        reporter: ["html", "lcov", "text"],
+        reportOnFailure: true
+      },
+      dangerouslyIgnoreUnhandledErrors: true
+    }
+  })
 );