format source

apollo.config.js

@@ -4,23 +4,23 @@ const path = require("path");
 const { loadEnv } = require("vue-cli-plugin-apollo/utils/load-env");
 const env = loadEnv([
   path.resolve(__dirname, ".env"),
-  path.resolve(__dirname, ".env.local")
+  path.resolve(__dirname, ".env.local"),
 ]);
 
 module.exports = {
   client: {
     service: env.VUE_APP_APOLLO_ENGINE_SERVICE,
-    includes: ["src/**/*.{js,jsx,ts,tsx,vue,gql}"]
+    includes: ["src/**/*.{js,jsx,ts,tsx,vue,gql}"],
   },
   service: {
     name: env.VUE_APP_APOLLO_ENGINE_SERVICE,
     localSchemaFile: path.resolve(
       __dirname,
       "./node_modules/.temp/graphql/schema.json"
-    )
+    ),
   },
   engine: {
     endpoint: process.env.APOLLO_ENGINE_API_ENDPOINT,
-    apiKey: env.VUE_APP_APOLLO_ENGINE_KEY
-  }
+    apiKey: env.VUE_APP_APOLLO_ENGINE_KEY,
+  },
 };

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"]
+  presets: ["@vue/cli-plugin-babel/preset"],
 };

jest.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  preset: "@vue/cli-plugin-unit-jest"
+  preset: "@vue/cli-plugin-unit-jest",
 };

src/components/CodeExec/CodeCol.vue

@@ -136,4 +136,4 @@ export default {
   content: "⮕";
   font-size: 24px;
 }
-</style>
+</style>

src/components/CodeExec/SystemBar.vue

@@ -20,9 +20,7 @@ export default {
   },
   computed: {
     classes() {
-      return this.state.prompting
-        ? ["primary", "on-primary--text"]
-        : [];
+      return this.state.prompting ? ["primary", "on-primary--text"] : [];
     },
     basename() {
       if (!this.state) return null;
@@ -32,5 +30,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>

src/components/LayoutScript.vue

@@ -11,7 +11,6 @@
   </div>
 </template>
 
-
 <script>
 import { mapStores } from "pinia";
 import * as monaco from "monaco-editor";

src/components/Stdout.vue

@@ -79,5 +79,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>

src/main.js

@@ -3,17 +3,17 @@ import App from "./App.vue";
 import router from "./router";
 import vuetify from "./plugins/vuetify";
 import { createProvider } from "./vue-apollo";
-import { createPinia, PiniaVuePlugin } from 'pinia'
+import { createPinia, PiniaVuePlugin } from "pinia";
 
-Vue.use(PiniaVuePlugin)
+Vue.use(PiniaVuePlugin);
 Vue.config.productionTip = false;
 
-const pinia = createPinia()
+const pinia = createPinia();
 
 new Vue({
   router,
   vuetify,
   pinia,
   apolloProvider: createProvider(),
-  render: h => h(App)
+  render: (h) => h(App),
 }).$mount("#app");

src/views/Home.vue

@@ -44,7 +44,10 @@ export default {
   height: calc(100% - 2 * 12px);
   width: calc(100% - 2 * 12px);
   grid-template-columns: minmax(100px, 1fr);
-  grid-template-rows: min-content min-content minmax(240px, 1fr) minmax(100px, 20vh);
+  grid-template-rows: min-content min-content minmax(240px, 1fr) minmax(
+      100px,
+      20vh
+    );
   grid-template-areas: "ctrl" "exception" "code" "stdout";
   row-gap: 6px;
 }

src/views/Runs.vue

@@ -41,7 +41,7 @@
                 <!-- <td :colspan="headers.length" style="width: 80%"> -->
                 <td :colspan="headers.length">
                   <div>
-                  <!-- <div style="width: 90%; overflow-x: auto"> -->
+                    <!-- <div style="width: 90%; overflow-x: auto"> -->
                     <pre>{{ item.script }}</pre>
                     <pre>{{ item.exception }}</pre>
                   </div>
@@ -120,4 +120,4 @@ tbody {
   width: 100%;
   overflow-x: hidden !important;
 } */
-</style>
+</style>

src/vue-apollo.js

@@ -2,7 +2,7 @@ import Vue from "vue";
 import VueApollo from "vue-apollo";
 import {
   createApolloClient,
-  restartWebsockets
+  restartWebsockets,
 } from "vue-cli-plugin-apollo/graphql-client";
 
 // Install the vue plugin
@@ -16,7 +16,7 @@ const httpEndpoint =
   process.env.VUE_APP_GRAPHQL_HTTP || "http://localhost:4000/graphql";
 
 // WebSockert endpoint. "ws://" for "http://" and "wss://" for "https://"
-const wsEndpoint =  httpEndpoint.replace(/^http/i, "ws");
+const wsEndpoint = httpEndpoint.replace(/^http/i, "ws");
 
 // Config
 const defaultOptions = {
@@ -33,7 +33,7 @@ const defaultOptions = {
   // You need to pass a `wsEndpoint` for this to work
   websocketsOnly: false,
   // Is being rendered on the server?
-  ssr: false
+  ssr: false,
 
   // Override default apollo link
   // note: don't override httpLink here, specify httpLink options in the
@@ -58,7 +58,7 @@ export function createProvider(options = {}) {
   // Create apollo client
   const { apolloClient, wsClient } = createApolloClient({
     ...defaultOptions,
-    ...options
+    ...options,
   });
   apolloClient.wsClient = wsClient;
 
@@ -67,8 +67,8 @@ export function createProvider(options = {}) {
     defaultClient: apolloClient,
     defaultOptions: {
       $query: {
-        fetchPolicy: 'network-only',
-      }
+        fetchPolicy: "network-only",
+      },
     },
     errorHandler(error) {
       // eslint-disable-next-line no-console
@@ -77,7 +77,7 @@ export function createProvider(options = {}) {
         "background: red; color: white; padding: 2px 4px; border-radius: 3px; font-weight: bold;",
         error.message
       );
-    }
+    },
   });
 
   return apolloProvider;

tests/unit/example.spec.js

@@ -5,7 +5,7 @@ describe("HelloWorld.vue", () => {
   it("renders props.msg when passed", () => {
     const msg = "new message";
     const wrapper = shallowMount(HelloWorld, {
-      propsData: { msg }
+      propsData: { msg },
     });
     expect(wrapper.text()).toMatch(msg);
   });

vue.config.js

@@ -1,4 +1,4 @@
-const monacoWebpackPlugin = require('monaco-editor-webpack-plugin')
+const monacoWebpackPlugin = require("monaco-editor-webpack-plugin");
 module.exports = {
   configureWebpack: {
     plugins: [new monacoWebpackPlugin()],