From 03ab6a208ddd428d0ceefd2a50f35ed314b7fe67 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Thu, 4 Nov 2021 23:23:46 +0530
Subject: [PATCH] perf: remove absolute files

---
 babel.config.js                               |  26 ---
 .../hoppscotch-app/components/landing/CTA.vue |  80 ---------
 .../components/landing/Features.vue           |  85 ---------
 .../components/landing/Footer.vue             | 166 ------------------
 .../components/landing/Hero.vue               |  72 --------
 .../components/landing/Screenshot.vue         |  19 --
 .../components/landing/Stats.vue              |  29 ---
 .../components/landing/Users.vue              |  46 -----
 packages/hoppscotch-app/newstore/settings.ts  |  12 +-
 packages/hoppscotch-app/pages/home.vue        |   9 -
 10 files changed, 6 insertions(+), 538 deletions(-)
 delete mode 100644 babel.config.js
 delete mode 100644 packages/hoppscotch-app/components/landing/CTA.vue
 delete mode 100644 packages/hoppscotch-app/components/landing/Features.vue
 delete mode 100644 packages/hoppscotch-app/components/landing/Footer.vue
 delete mode 100644 packages/hoppscotch-app/components/landing/Hero.vue
 delete mode 100644 packages/hoppscotch-app/components/landing/Screenshot.vue
 delete mode 100644 packages/hoppscotch-app/components/landing/Stats.vue
 delete mode 100644 packages/hoppscotch-app/components/landing/Users.vue
 delete mode 100644 packages/hoppscotch-app/pages/home.vue

diff --git a/babel.config.js b/babel.config.js
deleted file mode 100644
index eae7917d..00000000
--- a/babel.config.js
+++ /dev/null
@@ -1,26 +0,0 @@
-function isBabelLoader(caller) {
-  return caller && caller.name === "babel-loader"
-}
-
-module.exports = function (api) {
-  if (api.env("test") && !api.caller(isBabelLoader)) {
-    return {
-      plugins: [
-        "@babel/plugin-proposal-class-properties",
-        "@babel/plugin-proposal-nullish-coalescing-operator",
-        "@babel/plugin-proposal-optional-chaining",
-      ],
-      presets: [
-        [
-          "@babel/preset-env",
-          {
-            targets: {
-              node: "current",
-            },
-          },
-        ],
-      ],
-    }
-  }
-  return {}
-}
diff --git a/packages/hoppscotch-app/components/landing/CTA.vue b/packages/hoppscotch-app/components/landing/CTA.vue
deleted file mode 100644
index 202794d5..00000000
--- a/packages/hoppscotch-app/components/landing/CTA.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-  <div
-    class="
-      bg-primaryLight
-      rounded
-      flex
-      grid
-      p-4
-      gap-4
-      grid-cols-1
-      md:grid-cols-2
-      lg:grid-cols-3
-    "
-  >
-    <div
-      v-for="(cta, index) in ctas"
-      :key="`cta-${index}`"
-      class="flex-col p-8 inline-flex"
-    >
-      <i class="text-accent text-3xl material-icons">{{ cta.icon }}</i>
-      <div class="flex-grow">
-        <h2 class="mt-4 text-lg text-secondaryDark mb-2 transition">
-          {{ cta.title }}
-        </h2>
-        <p>
-          {{ cta.description }}
-        </p>
-        <p class="mt-2">
-          <SmartLink :to="cta.link.target" class="link" blank>
-            {{ cta.link.title }}
-            <SmartIcon name="chevron-right" class="svg-icons" />
-          </SmartLink>
-        </p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from "@nuxtjs/composition-api"
-
-export default defineComponent({
-  data() {
-    return {
-      ctas: [
-        {
-          icon: "layers",
-          title: "Feature",
-          description:
-            "Get up and running with Kooli in as little as 10 minutes.",
-          link: {
-            title: "Feature",
-            target: "https://docs.hoppscotch.io/api",
-          },
-        },
-        {
-          icon: "local_library",
-          title: "Feature",
-          description:
-            "Explore and start integrating Kooli's products and tools.",
-          link: {
-            title: "Feature",
-            target: "https://docs.hoppscotch.io/guides",
-          },
-        },
-        {
-          icon: "local_library",
-          title: "Feature",
-          description:
-            "Explore and start integrating Kooli's products and tools.",
-          link: {
-            title: "Feature",
-            target: "https://docs.hoppscotch.io/guides",
-          },
-        },
-      ],
-    }
-  },
-})
-</script>
diff --git a/packages/hoppscotch-app/components/landing/Features.vue b/packages/hoppscotch-app/components/landing/Features.vue
deleted file mode 100644
index 92b0e4d9..00000000
--- a/packages/hoppscotch-app/components/landing/Features.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-  <div class="flex flex-col p-4">
-    <div class="flex flex-col items-center">
-      <p class="my-4 text-center text-accent tracking-widest">FEATURES</p>
-    </div>
-    <div class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
-      <div
-        v-for="(feature, index) in features"
-        :key="`feature-${index}`"
-        class="flex-col p-8 inline-flex"
-      >
-        <i class="text-accent text-4xl material-icons">{{ feature.icon }}</i>
-        <div class="flex-grow">
-          <h2 class="mt-4 text-lg text-secondaryDark mb-2 transition">
-            {{ feature.title }}
-          </h2>
-          <p>
-            {{ feature.description }}
-          </p>
-          <p class="mt-2">
-            <NuxtLink :to="feature.link.target" class="link">
-              {{ feature.link.title }}
-              <SmartIcon name="chevron-right" class="svg-icons" />
-            </NuxtLink>
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from "@nuxtjs/composition-api"
-
-export default defineComponent({
-  data() {
-    return {
-      features: [
-        {
-          icon: "offline_bolt",
-          title: "Feature",
-          description:
-            "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam vel vero quia tenetur obcaecati. Distinctio nesciunt obcaecati deserunt.",
-          link: { title: "Learn more", target: "/settings" },
-        },
-        {
-          icon: "stars",
-          title: "Feature",
-          description:
-            "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam vel vero quia tenetur obcaecati. Distinctio nesciunt obcaecati deserunt.",
-          link: { title: "Learn more", target: "/settings" },
-        },
-        {
-          icon: "supervised_user_circle",
-          title: "Feature",
-          description:
-            "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam vel vero quia tenetur obcaecati. Distinctio nesciunt obcaecati deserunt.",
-          link: { title: "Learn more", target: "/settings" },
-        },
-        {
-          icon: "build_circle",
-          title: "Feature",
-          description:
-            "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam vel vero quia tenetur obcaecati. Distinctio nesciunt obcaecati deserunt.",
-          link: { title: "Learn more", target: "/settings" },
-        },
-        {
-          icon: "monetization_on",
-          title: "Feature",
-          description:
-            "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam vel vero quia tenetur obcaecati. Distinctio nesciunt obcaecati deserunt.",
-          link: { title: "Learn more", target: "/settings" },
-        },
-        {
-          icon: "group_work",
-          title: "Feature",
-          description:
-            "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam vel vero quia tenetur obcaecati. Distinctio nesciunt obcaecati deserunt.",
-          link: { title: "Learn more", target: "/settings" },
-        },
-      ],
-    }
-  },
-})
-</script>
diff --git a/packages/hoppscotch-app/components/landing/Footer.vue b/packages/hoppscotch-app/components/landing/Footer.vue
deleted file mode 100644
index d380f29a..00000000
--- a/packages/hoppscotch-app/components/landing/Footer.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-  <footer class="flex flex-col p-6">
-    <nav class="grid gap-4 grid-cols-2 md:grid-cols-4">
-      <div class="flex flex-col space-y-2">
-        <h4 class="my-2">Hoppscotch</h4>
-        <ul class="space-y-4">
-          <li>
-            <SmartChangeLanguage />
-          </li>
-          <li>
-            <SmartColorModePicker />
-          </li>
-        </ul>
-      </div>
-      <div class="flex flex-col space-y-2">
-        <h4 class="my-2">Solutions</h4>
-        <ul class="space-y-2">
-          <li
-            v-for="(item, index) in navigation.solutions"
-            :key="`item-${index}`"
-          >
-            <SmartAnchor
-              :label="item.name"
-              :to="item.link"
-              class="footer-nav"
-            />
-          </li>
-        </ul>
-      </div>
-      <div class="flex flex-col space-y-2">
-        <h4 class="my-2">Platform</h4>
-        <ul class="space-y-2">
-          <li
-            v-for="(item, index) in navigation.platform"
-            :key="`item-${index}`"
-          >
-            <SmartAnchor
-              :label="item.name"
-              :to="item.link"
-              class="footer-nav"
-            />
-          </li>
-        </ul>
-      </div>
-      <div class="flex flex-col space-y-2">
-        <h4 class="my-2">Company</h4>
-        <ul class="space-y-2">
-          <li
-            v-for="(item, index) in navigation.company"
-            :key="`item-${index}`"
-          >
-            <SmartAnchor
-              :label="item.name"
-              :to="item.link"
-              class="footer-nav"
-            />
-          </li>
-        </ul>
-      </div>
-    </nav>
-  </footer>
-</template>
-
-<script>
-import { defineComponent } from "@nuxtjs/composition-api"
-
-export default defineComponent({
-  data() {
-    return {
-      navigation: {
-        solutions: [
-          {
-            name: "RESTful",
-            link: "/",
-          },
-          {
-            name: "WebSocket",
-            link: "/realtime",
-          },
-          {
-            name: "SSE",
-            link: "/realtime",
-          },
-          {
-            name: "Socket.IO",
-            link: "/realtime",
-          },
-          {
-            name: "MQTT",
-            link: "/realtime",
-          },
-          {
-            name: "GraphQL",
-            link: "/graphql",
-          },
-        ],
-        platform: [
-          {
-            name: "API Designing",
-            link: "/",
-          },
-          {
-            name: "API Development",
-            link: "/",
-          },
-          {
-            name: "API Testing",
-            link: "/",
-          },
-          {
-            name: "API Deployment",
-            link: "/",
-          },
-          {
-            name: "API Documentation",
-            link: "/documentation",
-          },
-          {
-            name: "Integrations",
-            link: "/",
-          },
-        ],
-        company: [
-          {
-            name: "About",
-            link: "/",
-          },
-          {
-            name: "Careers",
-            link: "/careers",
-          },
-          {
-            name: "Support",
-            link: "/",
-          },
-          {
-            name: "Contact",
-            link: "/",
-          },
-          {
-            name: "Blog",
-            link: "https://blog.hoppscotch.io",
-          },
-          {
-            name: "Community",
-            link: "/",
-          },
-          {
-            name: "Open Source",
-            link: "https://github.com/hoppscotch",
-          },
-        ],
-      },
-    }
-  },
-})
-</script>
-
-<style scoped lang="scss">
-.footer-nav {
-  @apply px-2 py-1;
-  @apply -mx-2 -my-1;
-  @apply hover:text-secondaryDark;
-  @apply focus-visible:text-secondaryDark;
-}
-</style>
diff --git a/packages/hoppscotch-app/components/landing/Hero.vue b/packages/hoppscotch-app/components/landing/Hero.vue
deleted file mode 100644
index cba17716..00000000
--- a/packages/hoppscotch-app/components/landing/Hero.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <div class="flex flex-col p-6 relative">
-    <div class="flex flex-col mt-16 items-center justify-center">
-      <h2
-        class="
-          font-bold
-          text-accent text-center
-          leading-none
-          tracking-tighter
-          text-4xl
-          md:text-6xl
-          lg:text-8xl
-        "
-      >
-        Open Source
-      </h2>
-      <h3
-        class="
-          font-extrabold
-          my-4
-          text-center text-secondaryDark
-          leading-none
-          tracking-tighter
-          text-3xl
-          md:text-4xl
-          lg:text-5xl
-        "
-      >
-        API Development Ecosystem
-      </h3>
-      <p class="my-4 text-lg text-center max-w-2xl">
-        Thousands of developers and companies build, ship, and maintain their
-        APIs on Hoppscotch — the transparent and most flexible API development
-        ecosystem in the world.
-      </p>
-      <div class="flex space-x-4 my-8 justify-center items-center">
-        <ButtonPrimary
-          label="Get Started"
-          svg="arrow-right"
-          reverse
-          large
-          @click.native="showLogin = true"
-        />
-        <ButtonSecondary
-          to="https://github.com/hoppscotch/hoppscotch"
-          blank
-          filled
-          outline
-          label="GitHub"
-          svg="github"
-          large
-          :shortcut="['30k Stars']"
-        />
-      </div>
-      <LandingStats />
-      <LandingScreenshot />
-    </div>
-    <FirebaseLogin :show="showLogin" @hide-modal="showLogin = false" />
-  </div>
-</template>
-
-<script>
-import { defineComponent } from "@nuxtjs/composition-api"
-
-export default defineComponent({
-  data() {
-    return {
-      showLogin: false,
-    }
-  },
-})
-</script>
diff --git a/packages/hoppscotch-app/components/landing/Screenshot.vue b/packages/hoppscotch-app/components/landing/Screenshot.vue
deleted file mode 100644
index bd92bf01..00000000
--- a/packages/hoppscotch-app/components/landing/Screenshot.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div
-    class="
-      bg-gradient-to-r
-      from-gradientFrom
-      via-gradientVia
-      to-gradientTo
-      flex flex-col
-      items-center
-      justify-center
-    "
-  >
-    <img
-      src="https://tiny.cc/hoppscotch_screenshot_1"
-      alt="Screenshot"
-      class="rounded-lg ring-dividerLight mt-8 max-w-5/6 ring-4"
-    />
-  </div>
-</template>
diff --git a/packages/hoppscotch-app/components/landing/Stats.vue b/packages/hoppscotch-app/components/landing/Stats.vue
deleted file mode 100644
index 25d845be..00000000
--- a/packages/hoppscotch-app/components/landing/Stats.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <div class="flex space-x-16 p-6">
-    <div v-for="(stat, index) in stats" :key="`stat-${index}`">
-      <span class="text-xl">
-        {{ stat.count }}<span class="text-secondaryLight">+</span>
-      </span>
-      <br />
-      <span class="text-sm">
-        {{ stat.audience }}
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from "@nuxtjs/composition-api"
-
-export default defineComponent({
-  data() {
-    return {
-      stats: [
-        { count: "350k", audience: "Developers" },
-        { count: "5k", audience: "Organizations" },
-        { count: "1m", audience: "Requests" },
-      ],
-    }
-  },
-})
-</script>
diff --git a/packages/hoppscotch-app/components/landing/Users.vue b/packages/hoppscotch-app/components/landing/Users.vue
deleted file mode 100644
index 8b8f3dfe..00000000
--- a/packages/hoppscotch-app/components/landing/Users.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <div class="bg-primaryLight rounded flex flex-col mx-6 p-4">
-    <div class="flex flex-col items-center">
-      <p class="my-4 text-center tracking-widest">EMPOWERING DEVELOPERS FROM</p>
-    </div>
-    <div class="grid gap-4 grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
-      <div
-        v-for="(user, index) in users"
-        :key="`user-${index}`"
-        class="flex-col px-4 inline-flex items-center justify-center"
-      >
-        <img
-          :src="`/images/users/${user.image}`"
-          alt="Profile picture"
-          loading="lazy"
-          class="flex-col object-contain object-center h-24 w-24 inline-flex"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from "@nuxtjs/composition-api"
-
-export default defineComponent({
-  data() {
-    return {
-      users: [
-        { title: "Accenture", image: "accenture.svg" },
-        { title: "ByteDance", image: "bytedance.svg" },
-        { title: "Decathlon", image: "decathlon.svg" },
-        { title: "GitHub", image: "github.svg" },
-        { title: "Gojek", image: "gojek.svg" },
-        { title: "Google", image: "google.svg" },
-        { title: "Microsoft", image: "microsoft.svg" },
-        { title: "PayTM", image: "paytm.svg" },
-        { title: "Twilio", image: "twilio.svg" },
-        { title: "Udemy", image: "udemy.svg" },
-        { title: "Zendesk", image: "zendesk.svg" },
-        { title: "Zoho", image: "zoho.svg" },
-      ],
-    }
-  },
-})
-</script>
diff --git a/packages/hoppscotch-app/newstore/settings.ts b/packages/hoppscotch-app/newstore/settings.ts
index 04b133e6..cc96b6a5 100644
--- a/packages/hoppscotch-app/newstore/settings.ts
+++ b/packages/hoppscotch-app/newstore/settings.ts
@@ -94,9 +94,9 @@ const dispatchers = defineDispatchers({
     { settingKey }: { settingKey: KeysMatching<SettingsType, boolean> }
   ) {
     if (!has(currentState, settingKey)) {
-      console.log(
-        `Toggling of a non-existent setting key '${settingKey}' ignored.`
-      )
+      // console.log(
+      //   `Toggling of a non-existent setting key '${settingKey}' ignored`
+      // )
       return {}
     }
 
@@ -110,9 +110,9 @@ const dispatchers = defineDispatchers({
     { settingKey, value }: { settingKey: K; value: SettingsType[K] }
   ) {
     if (!validKeys.includes(settingKey)) {
-      console.log(
-        `Ignoring non-existent setting key '${settingKey}' assignment`
-      )
+      // console.log(
+      //   `Ignoring non-existent setting key '${settingKey}' assignment`
+      // )
       return {}
     }
 
diff --git a/packages/hoppscotch-app/pages/home.vue b/packages/hoppscotch-app/pages/home.vue
deleted file mode 100644
index ec72ecef..00000000
--- a/packages/hoppscotch-app/pages/home.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <div class="flex flex-col space-y-16">
-    <LandingHero />
-    <LandingUsers />
-    <LandingFeatures />
-    <LandingCTA />
-    <LandingFooter />
-  </div>
-</template>