fix: unified bg color in collection tree

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

.all-contributorsrc

@@ -1,124 +0,0 @@
-{
-  "files": [
-    "README.md"
-  ],
-  "imageSize": 100,
-  "commit": false,
-  "contributors": [
-    {
-      "login": "liyasthomas",
-      "name": "Liyas Thomas",
-      "avatar_url": "https://avatars1.githubusercontent.com/u/10395817?v=4",
-      "profile": "https://liyasthomas.web.app",
-      "contributions": [
-        "code",
-        "design"
-      ]
-    },
-    {
-      "login": "NBTX",
-      "name": "John Harker",
-      "avatar_url": "https://avatars3.githubusercontent.com/u/43181178?v=4",
-      "profile": "https://github.com/NBTX",
-      "contributions": [
-        "code",
-        "design"
-      ]
-    },
-    {
-      "login": "larouxn",
-      "name": "Nicholas La Roux",
-      "avatar_url": "https://avatars0.githubusercontent.com/u/1557529?v=4",
-      "profile": "https://nicholaslaroux.com",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "yubathom",
-      "name": "Thomas Yuba",
-      "avatar_url": "https://avatars3.githubusercontent.com/u/4117768?v=4",
-      "profile": "https://github.com/yubathom",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "nickpalenchar",
-      "name": "Nick Palenchar",
-      "avatar_url": "https://avatars1.githubusercontent.com/u/7539781?v=4",
-      "profile": "http://www.linkedin.com/in/nickpalenchar",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "AndrewBastin",
-      "name": "Andrew Bastin",
-      "avatar_url": "https://avatars2.githubusercontent.com/u/9131943?v=4",
-      "profile": "https://github.com/AndrewBastin",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "vlad0337187",
-      "name": "Vladislav",
-      "avatar_url": "https://avatars1.githubusercontent.com/u/12682937?v=4",
-      "profile": "https://github.com/vlad0337187",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "izerozlu",
-      "name": "izerozlu",
-      "avatar_url": "https://avatars3.githubusercontent.com/u/17386157?v=4",
-      "profile": "https://github.com/izerozlu",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "JacobAnavisca",
-      "name": "Jacob Anavisca",
-      "avatar_url": "https://avatars2.githubusercontent.com/u/21232366?v=4",
-      "profile": "https://github.com/JacobAnavisca",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "nityanandagohain",
-      "name": "Nityananda Gohain",
-      "avatar_url": "https://avatars3.githubusercontent.com/u/26831659?v=4",
-      "profile": "http://nityanandagohain.github.io",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "hosseinnedaee",
-      "name": "Hossein Nedaee",
-      "avatar_url": "https://avatars2.githubusercontent.com/u/42691357?v=4",
-      "profile": "https://github.com/hosseinnedaee",
-      "contributions": [
-        "code"
-      ]
-    },
-    {
-      "login": "jamesgeorge007",
-      "name": "James George",
-      "avatar_url": "https://avatars2.githubusercontent.com/u/25279263?v=4",
-      "profile": "https://ghuser.io/jamesgeorge007",
-      "contributions": [
-        "code"
-      ]
-    }
-  ],
-  "contributorsPerLine": 7,
-  "projectName": "postwoman",
-  "projectOwner": "liyasthomas",
-  "repoType": "github",
-  "repoHost": "https://github.com"
-}

.dependabot/config.yml

@@ -1,9 +0,0 @@
-version: 1
-update_configs:
-  - package_manager: "javascript"
-    directory: "/"
-    update_schedule: "weekly"
-    default_labels:
-      - "Dependency upgrade"
-    default_reviewers:
-      - "liyasthomas"

.devcontainer/devcontainer.json

@@ -0,0 +1,9 @@
+{
+  "name": "Hoppscotch",
+  "image": "mcr.microsoft.com/devcontainers/typescript-node:18",
+  "forwardPorts": [3000],
+  "features": {
+    "ghcr.io/NicoVIII/devcontainer-features/pnpm:1": {}
+  },
+  "postCreateCommand": "mv .env.example .env && pnpm i"
+}

.dockerignore

@@ -1,104 +0,0 @@
-Dockerfile
-.vscode
-.github
-
-# Created by .ignore support plugin (hsz.mobi)
-
-# Firebase
-.firebase
-
-### Node template
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-
-# next.js build output
-.next
-
-# nuxt.js build output
-.nuxt
-
-# Nuxt generate
-dist
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless
-
-# IDE / Editor
-.idea
-
-# Service worker
-sw.*
-
-# Mac OSX
-.DS_Store
-
-# Vim swap files
-*.swp
-
-# Postwoman build data
-.postwoman
-
-# File explorer
-.directory

.editorconfig

@@ -1,11 +1,11 @@
-# https://editorconfig.org
+# EditorConfig is awesome: https://EditorConfig.org
 
 root = true
 
 [*]
-indent_size = 2
 indent_style = space
-charset = utf-8
+indent_size = 2
 end_of_line = lf
-insert_final_newline = true
+charset = utf-8
 trim_trailing_whitespace = true
+insert_final_newline = true

.env.example

@@ -0,0 +1,59 @@
+#-----------------------Backend Config------------------------------#
+# Prisma Config
+DATABASE_URL=postgresql://postgres:testpass@hoppscotch-db:5432/hoppscotch
+
+# Auth Tokens Config
+JWT_SECRET="secret1233"
+TOKEN_SALT_COMPLEXITY=10
+MAGIC_LINK_TOKEN_VALIDITY= 3
+REFRESH_TOKEN_VALIDITY="604800000" # Default validity is 7 days (604800000 ms) in ms
+ACCESS_TOKEN_VALIDITY="86400000" # Default validity is 1 day (86400000 ms) in ms
+SESSION_SECRET='add some secret here'
+
+# Hoppscotch App Domain Config
+REDIRECT_URL="http://localhost:3000"
+WHITELISTED_ORIGINS = "http://localhost:3170,http://localhost:3000,http://localhost:3100"
+
+# Google Auth Config
+GOOGLE_CLIENT_ID="************************************************"
+GOOGLE_CLIENT_SECRET="************************************************"
+GOOGLE_CALLBACK_URL="http://localhost:3170/v1/auth/google/callback"
+GOOGLE_SCOPE="email,profile"
+
+# Github Auth Config
+GITHUB_CLIENT_ID="************************************************"
+GITHUB_CLIENT_SECRET="************************************************"
+GITHUB_CALLBACK_URL="http://localhost:3170/v1/auth/github/callback"
+GITHUB_SCOPE="user:email"
+
+# Microsoft Auth Config
+MICROSOFT_CLIENT_ID="************************************************"
+MICROSOFT_CLIENT_SECRET="************************************************"
+MICROSOFT_CALLBACK_URL="http://localhost:3170/v1/auth/microsoft/callback"
+MICROSOFT_SCOPE="user.read"
+
+# Mailer config
+MAILER_SMTP_URL="smtps://user@domain.com:pass@smtp.domain.com"
+MAILER_ADDRESS_FROM='"From Name Here" <from@example.com>'
+
+# Rate Limit Config
+RATE_LIMIT_TTL=60 # In seconds
+RATE_LIMIT_MAX=100 # Max requests per IP
+
+
+#-----------------------Frontend Config------------------------------#
+
+
+# Base URLs
+VITE_BASE_URL=http://localhost:3000
+VITE_SHORTCODE_BASE_URL=http://localhost:3000
+VITE_ADMIN_URL=http://localhost:3100
+
+# Backend URLs
+VITE_BACKEND_GQL_URL=http://localhost:3170/graphql
+VITE_BACKEND_WS_URL=ws://localhost:3170/graphql
+VITE_BACKEND_API_URL=http://localhost:3170/v1
+
+# Terms Of Service And Privacy Policy Links (Optional)
+VITE_APP_TOS_LINK=https://docs.hoppscotch.io/support/terms
+VITE_APP_PRIVACY_POLICY_LINK=https://docs.hoppscotch.io/support/privacy

.firebaserc

@@ -1,14 +1,5 @@
 {
   "projects": {
     "default": "postwoman-api"
-  },
-  "targets": {
-    "postwoman-api": {
-      "hosting": {
-        "postwoman": [
-          "postwoman"
-        ]
-      }
-    }
   }
 }

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/FUNDING.yml

@@ -1,3 +1,2 @@
-open_collective: postwoman
-patreon: liyasthomas
-custom: https://www.paypal.me/liyascthomas
+github: hoppscotch
+open_collective: hoppscotch

.github/ISSUE_TEMPLATE/--bug-report.yaml

@@ -0,0 +1,57 @@
+name: Bug report
+description: Create a bug report to help us improve Hoppscotch
+title: "[bug]: "
+labels: [bug, need testing]
+body:
+- type: markdown
+  attributes:
+    value: |
+      Thank you for taking the time to fill out this bug report.
+- type: checkboxes
+  attributes:
+    label: Is there an existing issue for this?
+    description: Please search to see if an issue already exists for the bug you encountered
+    options:
+    - label: I have searched the existing issues
+      required: true
+- type: textarea
+  attributes:
+    label: Current behavior
+    description: A concise description of what you're experiencing and what you expect
+    placeholder: |
+      When I do <X>, <Y> happens and I see the error message attached below:
+      ```...```
+      What I expect is <Z>
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Steps to reproduce
+    description: Add steps to reproduce this behaviour, include console or network logs and screenshots
+    placeholder: |
+      1. Go to '...'
+      2. Click on '....'
+      3. Scroll down to '....'
+      4. See error
+  validations:
+    required: true
+- type: dropdown
+  id: env
+  attributes:
+    label: Environment
+    options:
+      - Production
+      - Release
+      - Deploy preview
+  validations:
+    required: true
+- type: dropdown
+  id: version
+  attributes:
+    label: Version
+    options:
+      - Cloud
+      - Self-hosted
+      - Local
+  validations:
+    required: true

.github/ISSUE_TEMPLATE/--feature-request.yaml

@@ -0,0 +1,28 @@
+name: Feature request
+description: Suggest a feature to improve Hoppscotch
+title: "[feature]: "
+labels: [feature]
+body:
+- type: markdown
+  attributes:
+    value: |
+      Thank you for taking the time to request a feature for Hoppscotch
+- type: checkboxes
+  attributes:
+    label: Is there an existing issue for this?
+    description: Please search to see if an issue related to this feature request already exists
+    options:
+    - label: I have searched the existing issues
+      required: true
+- type: textarea
+  attributes:
+    label: Summary
+    description: One paragraph description of the feature
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Why should this be worked on?
+    description: A concise description of the problems or use cases for this feature request
+  validations:
+    required: true

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,38 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,7 @@
+contact_links:
+  - name: Help and support
+    url: https://github.com/hoppscotch/hoppscotch#support
+    about: Reach out to us on our Discord server or Telegram group or GitHub discussions.
+  - name: Dedicated support
+    url: mailto:support@hoppscotch.io
+    about: Write to us if you'd like dedicated support using Hoppscotch

.github/ISSUE_TEMPLATE/custom.md

@@ -1,10 +0,0 @@
----
-name: Custom issue template
-about: Describe this issue template's purpose here.
-title: ''
-labels: ''
-assignees: ''
-
----
-
-

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,20 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

.github/dependabot.yml

@@ -0,0 +1,10 @@
+version: 2
+updates:
+- package-ecosystem: npm
+  directory: "/"
+  schedule:
+    interval: weekly
+    time: '00:00'
+  open-pull-requests-limit: 0
+  reviewers:
+  - liyasthomas

.github/pull_request_template.md

@@ -0,0 +1,26 @@
+<!--
+Thanks for creating this pull request 🤗
+
+Please make sure that the pull request is limited to one type (docs, feature, etc.) and keep it as small as possible. You can open multiple prs instead of opening a huge one.
+-->
+
+<!-- If this pull request closes an issue, please mention the issue number below -->
+Closes # <!-- Issue # here -->
+
+### Description
+<!-- Add a brief description of the pull request -->
+
+<!-- You can also choose to add a list of changes and if they have been completed or not by using the markdown to-do list syntax
+- [ ] Not Completed
+- [x] Completed
+-->
+
+### Checks
+<!-- Make sure your pull request passes the CI checks and do check the following fields as needed - -->
+- [ ] My pull request adheres to the code style of this project
+- [ ] My code requires changes to the documentation
+- [ ] I have updated the documentation as required
+- [ ] All the tests have passed
+
+### Additional Information
+<!-- Any additional information like breaking changes, dependencies added, screenshots, comparisons between new and old behaviour, etc. -->

.github/semantic.yml

@@ -0,0 +1,5 @@
+# Always validate the PR title AND all the commits
+titleAndCommits: true
+# Allows use of Merge commits (eg on github: "Merge branch 'master' into feature/ride-unicorns")
+# this is only relevant when using commitsOnly: true (or titleAndCommits: true)
+allowMergeCommits: true

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,63 @@
+name: "CodeQL analysis"
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+  schedule:
+    #        ┌───────────── minute (0 - 59)
+    #        │  ┌───────────── hour (0 - 23)
+    #        │  │ ┌───────────── day of the month (1 - 31)
+    #        │  │ │ ┌───────────── month (1 - 12 or JAN-DEC)
+    #        │  │ │ │ ┌───────────── day of the week (0 - 6 or SUN-SAT)
+    #        │  │ │ │ │
+    #        │  │ │ │ │
+    #        │  │ │ │ │
+    #        *  * * * *
+    - cron: '30 1 * * 0'
+
+jobs:
+  analyze:
+    name: Analyze
+    # CodeQL runs on ubuntu-latest, windows-latest, and macos-latest
+    runs-on: ubuntu-latest
+
+    permissions:
+      # required for all workflows
+      security-events: write
+
+      # only required for workflows in private repositories
+      actions: read
+      contents: read
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          # Run extended queries including queries using machine learning
+          queries: security-extended
+          languages: ${{ matrix.language }}
+
+      # Autobuild attempts to build any compiled languages (C/C++, C#, Go, or Java).
+      # If this step fails, then you should remove it and run the build manually (see below).
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v2
+
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+
+      # ✏️ If the Autobuild fails above, remove it and uncomment the following
+      #    three lines and modify them (or add more) to build your code if your
+      #    project uses a compiled language
+
+      #- run: |
+      #     make bootstrap
+      #     make release
+
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v2

.github/workflows/tests.yml

@@ -0,0 +1,38 @@
+name: Node.js CI
+
+on:
+  push:
+    branches: [main, staging]
+  pull_request:
+    branches: [main, staging]
+
+jobs:
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: ["lts/*"]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup environment
+        run: mv .env.example .env
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2.2.4
+        with:
+          version: 8
+          run_install: true
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node }}
+          cache: pnpm
+
+      - name: Run tests
+        run: pnpm test

.github/workflows/ui.yml

@@ -0,0 +1,42 @@
+name: Deploy to Netlify (ui)
+
+on:
+  push:
+    branches: [main]
+    # run this workflow only if an update is made to the ui package
+    paths:
+      - "packages/hoppscotch-ui/**"
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup environment
+        run: mv .env.example .env
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2.2.4
+        with:
+          version: 8
+          run_install: true
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node }}
+          cache: pnpm
+
+      - name: Build site
+        run: pnpm run generate-ui
+
+      # Deploy the ui site with netlify-cli
+      - name: Deploy to Netlify (ui)
+        run: npx netlify-cli deploy --dir=packages/hoppscotch-ui/.histoire/dist --prod
+        env:
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_UI_SITE_ID }}
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}

.gitignore

@@ -1,15 +1,18 @@
-# Created by .ignore support plugin (hsz.mobi)
-
 # Firebase
 .firebase
 
-### Node template
+### Node ###
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
 # Runtime data
 pids
@@ -22,11 +25,12 @@ lib-cov
 
 # Coverage directory used by tools like istanbul
 coverage
+*.lcov
 
 # nyc test coverage
 .nyc_output
 
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 .grunt
 
 # Bower dependency directory (https://bower.io/)
@@ -45,12 +49,27 @@ jspm_packages/
 # TypeScript v1 declaration files
 typings/
 
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
 # Optional npm cache directory
 .npm
 
 # Optional eslint cache
 .eslintcache
 
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
 # Optional REPL history
 .node_repl_history
 
@@ -60,26 +79,68 @@ typings/
 # Yarn Integrity file
 .yarn-integrity
 
-# dotenv environment variables file
+# dotenv environment variable files
 .env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
 
 # parcel-bundler cache (https://parceljs.org/)
 .cache
+.parcel-cache
 
-# next.js build output
+# Next.js build output
 .next
+out
 
-# nuxt.js build output
+# Nuxt.js build / generate output
 .nuxt
-
-# Nuxt generate
 dist
 
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
 # vuepress build output
 .vuepress/dist
 
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
 # Serverless directories
-.serverless
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+### Node Patch ###
+# Serverless Webpack directories
+.webpack/
+
+# SvelteKit build / generate output
+.svelte-kit
 
 # IDE / Editor
 .idea
@@ -93,8 +154,23 @@ sw.*
 # Vim swap files
 *.swp
 
-# Postwoman build data
-.postwoman
+# Build data
+.hoppscotch
 
 # File explorer
 .directory
+
+# Tests screenshots
+tests/*/screenshots
+
+# Tests videos
+tests/*/videos
+
+# Local Netlify folder
+.netlify
+
+# PNPM
+.pnpm-store
+
+# GQL SDL generated for the frontends
+gql-gen/

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit ""

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run pre-commit

.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=false

.prettierignore

@@ -0,0 +1,8 @@
+.dependabot
+.github
+.nuxt
+.hoppscotch
+.vscode
+package-lock.json
+node_modules
+dist

.prettierrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  semi: false
+}

.travis.yml

@@ -1,55 +0,0 @@
-# == INSTRUCTIONS FOR SETTING UP TRAVIS (and GitHub Pages) ==
-#
-# 1. Find this repository in your Travis-CI dashboard.
-#    open settings and add an environment variable called
-#    GITHUB_ACCESS_TOKEN and set it to your personal access token.addons:
-#    See: https://help.github.com/en/articles/creating-a-personal-access-token-for-the-command-line
-#
-#    **DO NOT TURN ON 'Display value in build log'!!!!**
-#
-# 2. Push the code to the repository.
-# 3. Set the GitHub Pages source in the GitHub repository settings to the
-#    gh-pages branch.
-
-language: node_js
-node_js:
-  - "12"
-
-os: linux
-
-addons:
-  apt:
-    packages:
-      - libgconf-2-4 # cypress binary dependency
-
-env:
-  - DEPLOY_ENV=POSTWOMAN_IO
-
-cache:
-  npm: true
-  directories:
-    - "node_modules"
-    - ~/.cache
-
-branches:
-  only:
-    - "master"
-
-install:
-  - "npm install firebase-tools"
-  - "npm install"
-
-before_script:
-  - "npm run test"
-
-script:
-  - "cd functions"
-  - "npm install"
-  - "cd .."
-  - "npm run generate"
-
-notifications:
-  webhooks: https://www.travisbuddy.com
-
-after_success:
-  - firebase deploy --token $FIREBASE_TOKEN

.vscode/extensions.json

@@ -0,0 +1,14 @@
+{
+  "recommendations": [
+    "antfu.iconify",
+    "vue.volar",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "editorconfig.editorconfig",
+    "csstools.postcss",
+    "folke.vscode-monorepo-workspace"
+  ],
+  "unwantedRecommendations": [
+    "octref.vetur"
+  ]
+}

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-  "deepcode.review.results.hideInformationIssues": false
-}

CHANGELOG.md

@@ -1,153 +1,3 @@
 # Changelog
 
-## [v1.5.0](https://github.com/liyasthomas/postwoman/tree/v1.5.0) (2020-01-04)
-
-[Full Changelog](https://github.com/liyasthomas/postwoman/compare/v1.0.0...v1.5.0)
-
-**Implemented enhancements:**
-
-- Can WSDL be implemented, similar to SoapUI? [\#461](https://github.com/liyasthomas/postwoman/issues/461)
-- Raw Request Body should be supported  to format the JSON string [\#446](https://github.com/liyasthomas/postwoman/issues/446)
-- Ability to send Binary data using Postwoman [\#415](https://github.com/liyasthomas/postwoman/issues/415)
-- Custom request method [\#398](https://github.com/liyasthomas/postwoman/issues/398)
-- \[request\]: CLI possibilities [\#363](https://github.com/liyasthomas/postwoman/issues/363)
-- Feature request: OAuth header support/integration [\#358](https://github.com/liyasthomas/postwoman/issues/358)
-- i18n support [\#348](https://github.com/liyasthomas/postwoman/issues/348)
-- Separate layers in dockerfile to improve image build [\#339](https://github.com/liyasthomas/postwoman/issues/339)
--  Internal server environment usage requirements [\#336](https://github.com/liyasthomas/postwoman/issues/336)
-- Server Sent Events [\#329](https://github.com/liyasthomas/postwoman/issues/329)
-- Generate API documentation [\#326](https://github.com/liyasthomas/postwoman/issues/326)
-- Auth info on WebSocket connections [\#321](https://github.com/liyasthomas/postwoman/issues/321)
-- Set response panel to fullscreen [\#320](https://github.com/liyasthomas/postwoman/issues/320)
-- Graphql support  [\#312](https://github.com/liyasthomas/postwoman/issues/312)
-- Keyboard shortcuts [\#302](https://github.com/liyasthomas/postwoman/issues/302)
-- File/binary request body support  [\#298](https://github.com/liyasthomas/postwoman/issues/298)
-- It's possible to tab into read only and non-form elements [\#287](https://github.com/liyasthomas/postwoman/issues/287)
-- Change cursor to disabled on disabled inputs [\#286](https://github.com/liyasthomas/postwoman/issues/286)
-- Hover Styling on Inputs [\#285](https://github.com/liyasthomas/postwoman/issues/285)
-- Focus Styles on Buttons [\#284](https://github.com/liyasthomas/postwoman/issues/284)
-- Missing Focus on Inputs [\#279](https://github.com/liyasthomas/postwoman/issues/279)
-- Download the request result into a file. [\#278](https://github.com/liyasthomas/postwoman/issues/278)
-- Improve UI Contrast [\#277](https://github.com/liyasthomas/postwoman/issues/277)
-- Extend syntax highlighting with ACE for pre-request script textarea [\#235](https://github.com/liyasthomas/postwoman/issues/235)
-- Store pre-request scripts in history [\#233](https://github.com/liyasthomas/postwoman/issues/233)
-- Store the time spent on fetching a response [\#225](https://github.com/liyasthomas/postwoman/issues/225)
-- Cache view [\#188](https://github.com/liyasthomas/postwoman/issues/188)
-- chore: stick to Vue.js best practices [\#432](https://github.com/liyasthomas/postwoman/pull/432) ([jamesgeorge007](https://github.com/jamesgeorge007))
-- Header key autocompletion [\#421](https://github.com/liyasthomas/postwoman/pull/421) ([AndrewBastin](https://github.com/AndrewBastin))
-- Custom methods support [\#400](https://github.com/liyasthomas/postwoman/pull/400) ([liyasthomas](https://github.com/liyasthomas))
-- Two Way Data Binding \(v-model\) to Ace Editor component [\#379](https://github.com/liyasthomas/postwoman/pull/379) ([AndrewBastin](https://github.com/AndrewBastin))
-- Basic i18n support [\#351](https://github.com/liyasthomas/postwoman/pull/351) ([liyasthomas](https://github.com/liyasthomas))
-- Undo header/param/body param deletion [\#350](https://github.com/liyasthomas/postwoman/pull/350) ([AndrewBastin](https://github.com/AndrewBastin))
-- Added ability to run GraphQL queries [\#346](https://github.com/liyasthomas/postwoman/pull/346) ([AndrewBastin](https://github.com/AndrewBastin))
-- refactor: minor improvements [\#343](https://github.com/liyasthomas/postwoman/pull/343) ([jamesgeorge007](https://github.com/jamesgeorge007))
-
-**Fixed bugs:**
-
-- WebSocket page freezes when pasting long URL [\#471](https://github.com/liyasthomas/postwoman/issues/471)
-- API Documentation won't be generated [\#456](https://github.com/liyasthomas/postwoman/issues/456)
-- Sharing Requests via link is not working [\#435](https://github.com/liyasthomas/postwoman/issues/435)
-- URL input text is so stutters [\#412](https://github.com/liyasthomas/postwoman/issues/412)
-- Save to collections after deleting all the collections causes an error page [\#390](https://github.com/liyasthomas/postwoman/issues/390)
-- Bearer token doesn’t work with CORS when only authorization header is allowed [\#353](https://github.com/liyasthomas/postwoman/issues/353)
-- Make the UI more compact [\#314](https://github.com/liyasthomas/postwoman/issues/314)
-- Allow reserved characters on websocket URI [\#289](https://github.com/liyasthomas/postwoman/issues/289)
-- Unable to edit or delete row in history table [\#281](https://github.com/liyasthomas/postwoman/issues/281)
-- Allow url request with `/` at eol [\#275](https://github.com/liyasthomas/postwoman/issues/275)
-- \[request\] localhost support [\#274](https://github.com/liyasthomas/postwoman/issues/274)
-- Code generation for Fetch request type of some methods \(POST, PUT, PATCH\) won't be shown [\#268](https://github.com/liyasthomas/postwoman/issues/268)
-- \[BUG\] \[UI\] \[Mobile\] Get results not scrollable. [\#266](https://github.com/liyasthomas/postwoman/issues/266)
-- POSTing large raw JSON packets [\#265](https://github.com/liyasthomas/postwoman/issues/265)
-
-**Closed issues:**
-
-- Module not found: Error: Can't resolve '../.postwoman/version.json' [\#457](https://github.com/liyasthomas/postwoman/issues/457)
-- \* ../.postwoman/version.json in ./node\_modules/babel-loader/lib??ref--2-0!./node\_modules/vue-loader/lib??vue-loader-options!./layouts/default.vue?vue&type=script&lang=js&        friendly-errors 11:12:37   [\#448](https://github.com/liyasthomas/postwoman/issues/448)
-- npm run dev module was not found: ../.postwoman/version.json [\#442](https://github.com/liyasthomas/postwoman/issues/442)
-- graphql and websocket work, but http and https do not [\#441](https://github.com/liyasthomas/postwoman/issues/441)
-- Can I test localhost? [\#433](https://github.com/liyasthomas/postwoman/issues/433)
-- No 'Access-Control-Allow-Origin' [\#426](https://github.com/liyasthomas/postwoman/issues/426)
-- When uninstall the PWA the "install PWA" link in postwoman.io isn't appear anymore [\#419](https://github.com/liyasthomas/postwoman/issues/419)
-- Toggling options will reset the UI to English [\#417](https://github.com/liyasthomas/postwoman/issues/417)
-- Oh my dear god why don't we just wrap it in electron [\#413](https://github.com/liyasthomas/postwoman/issues/413)
-- UI improvement suggestion for request method drop down [\#409](https://github.com/liyasthomas/postwoman/issues/409)
-- Can I share a request with my team? [\#408](https://github.com/liyasthomas/postwoman/issues/408)
-- Does it not support the post method? [\#403](https://github.com/liyasthomas/postwoman/issues/403)
-- Post can't send request [\#401](https://github.com/liyasthomas/postwoman/issues/401)
-- \[Bug\] fix header icons overlap [\#399](https://github.com/liyasthomas/postwoman/issues/399)
-- Improve translate for pt-BR \(i18n\) [\#395](https://github.com/liyasthomas/postwoman/issues/395)
-- Raw input disabled is not working properly [\#394](https://github.com/liyasthomas/postwoman/issues/394)
-- Input area is not clearly to identify for users because the dark mode [\#393](https://github.com/liyasthomas/postwoman/issues/393)
-- \[UX\] Setting to make sidebar buttons small [\#389](https://github.com/liyasthomas/postwoman/issues/389)
-- \[UX\] Improve responsive breaking points [\#388](https://github.com/liyasthomas/postwoman/issues/388)
-- \[UX\] Hide history/collections  [\#387](https://github.com/liyasthomas/postwoman/issues/387)
-- Clearing shortcut overrides browser default [\#374](https://github.com/liyasthomas/postwoman/issues/374)
-- Proxy server default configuration [\#373](https://github.com/liyasthomas/postwoman/issues/373)
-- Intent to translate [\#367](https://github.com/liyasthomas/postwoman/issues/367)
-- Static builds on releases [\#352](https://github.com/liyasthomas/postwoman/issues/352)
-- fix:SSE onclose handle [\#349](https://github.com/liyasthomas/postwoman/issues/349)
-- ⏬ Import a Postman's Collection [\#333](https://github.com/liyasthomas/postwoman/issues/333)
-- \[Request\] Use responses for next request? [\#324](https://github.com/liyasthomas/postwoman/issues/324)
-- Make response body area expandable [\#294](https://github.com/liyasthomas/postwoman/issues/294)
-- Mobile can't see console for request errors [\#283](https://github.com/liyasthomas/postwoman/issues/283)
-- Duplicated query string in generated code [\#272](https://github.com/liyasthomas/postwoman/issues/272)
-- Query parameters are duplicated [\#271](https://github.com/liyasthomas/postwoman/issues/271)
-- Generated code is incorrect [\#269](https://github.com/liyasthomas/postwoman/issues/269)
-- Lacking documentation and wiki [\#232](https://github.com/liyasthomas/postwoman/issues/232)
-- I can't send POST method [\#210](https://github.com/liyasthomas/postwoman/issues/210)
-- Handling request failures when build number is obtained from GitHub [\#122](https://github.com/liyasthomas/postwoman/issues/122)
-
-**Merged pull requests:**
-
-- ⬆️ Bump @nuxtjs/axios from 5.9.0 to 5.9.2 [\#472](https://github.com/liyasthomas/postwoman/pull/472) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- Added variables to graphql page. [\#464](https://github.com/liyasthomas/postwoman/pull/464) ([pushrbx](https://github.com/pushrbx))
-- i18n [\#463](https://github.com/liyasthomas/postwoman/pull/463) ([liyasthomas](https://github.com/liyasthomas))
-- ⬆️ Bump cypress from 3.8.0 to 3.8.1 [\#460](https://github.com/liyasthomas/postwoman/pull/460) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- i18n\(de-DE\): improve some translations [\#459](https://github.com/liyasthomas/postwoman/pull/459) ([gabschne](https://github.com/gabschne))
-- bn-BD i18n [\#455](https://github.com/liyasthomas/postwoman/pull/455) ([hmtanbir](https://github.com/hmtanbir))
-- API documentation page [\#451](https://github.com/liyasthomas/postwoman/pull/451) ([liyasthomas](https://github.com/liyasthomas))
-- ⬆️ Bump @nuxtjs/axios from 5.8.0 to 5.9.0 [\#450](https://github.com/liyasthomas/postwoman/pull/450) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- ⬆️ Bump nuxt from 2.10.2 to 2.11.0 [\#449](https://github.com/liyasthomas/postwoman/pull/449) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- Various UI tweaks [\#439](https://github.com/liyasthomas/postwoman/pull/439) ([liyasthomas](https://github.com/liyasthomas))
-- i18n [\#438](https://github.com/liyasthomas/postwoman/pull/438) ([liyasthomas](https://github.com/liyasthomas))
-- Burmese translation added [\#437](https://github.com/liyasthomas/postwoman/pull/437) ([ZattWine](https://github.com/ZattWine))
-- Styled select input [\#431](https://github.com/liyasthomas/postwoman/pull/431) ([liyasthomas](https://github.com/liyasthomas))
-- Bumped dependencies and Improved UI contrast [\#430](https://github.com/liyasthomas/postwoman/pull/430) ([liyasthomas](https://github.com/liyasthomas))
-- ⬆️ Bump cypress from 3.7.0 to 3.8.0 [\#429](https://github.com/liyasthomas/postwoman/pull/429) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- I18n [\#428](https://github.com/liyasthomas/postwoman/pull/428) ([liyasthomas](https://github.com/liyasthomas))
-- I18n Japanese translation added [\#427](https://github.com/liyasthomas/postwoman/pull/427) ([reefqi037](https://github.com/reefqi037))
-- Even [\#424](https://github.com/liyasthomas/postwoman/pull/424) ([liyasthomas](https://github.com/liyasthomas))
-- I18n [\#423](https://github.com/liyasthomas/postwoman/pull/423) ([liyasthomas](https://github.com/liyasthomas))
-- I18n German translation added [\#422](https://github.com/liyasthomas/postwoman/pull/422) ([NJannasch](https://github.com/NJannasch))
-- Update id-ID.js [\#416](https://github.com/liyasthomas/postwoman/pull/416) ([williamsp](https://github.com/williamsp))
-- Improving translation for id-ID [\#414](https://github.com/liyasthomas/postwoman/pull/414) ([williamsp](https://github.com/williamsp))
-- Fixing bug on request saving [\#410](https://github.com/liyasthomas/postwoman/pull/410) ([adevr](https://github.com/adevr))
-- ⬆️ Bump @nuxtjs/google-analytics from 2.2.1 to 2.2.2 [\#407](https://github.com/liyasthomas/postwoman/pull/407) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- ⬆️ Bump vue-virtual-scroll-list from 1.4.3 to 1.4.4 [\#406](https://github.com/liyasthomas/postwoman/pull/406) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- ⬆️ Bump nuxt-i18n from 6.4.0 to 6.4.1 [\#405](https://github.com/liyasthomas/postwoman/pull/405) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- I18n [\#404](https://github.com/liyasthomas/postwoman/pull/404) ([yubathom](https://github.com/yubathom))
-- App UI [\#391](https://github.com/liyasthomas/postwoman/pull/391) ([liyasthomas](https://github.com/liyasthomas))
-- i18n [\#383](https://github.com/liyasthomas/postwoman/pull/383) ([liyasthomas](https://github.com/liyasthomas))
-- Added Turkish Language Support [\#382](https://github.com/liyasthomas/postwoman/pull/382) ([AliAnilKocak](https://github.com/AliAnilKocak))
-- Translated new words to Farsi lang [\#380](https://github.com/liyasthomas/postwoman/pull/380) ([hosseinnedaee](https://github.com/hosseinnedaee))
-- fix: twitter summary card image url [\#378](https://github.com/liyasthomas/postwoman/pull/378) ([peterpeterparker](https://github.com/peterpeterparker))
-- Added nav shortcuts to GraphQL query and response, updated GraphQL shortcut icons [\#377](https://github.com/liyasthomas/postwoman/pull/377) ([AndrewBastin](https://github.com/AndrewBastin))
-- Bump cypress from 3.6.1 to 3.7.0 [\#376](https://github.com/liyasthomas/postwoman/pull/376) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- Bump vuex-persist from 2.1.1 to 2.2.0 [\#375](https://github.com/liyasthomas/postwoman/pull/375) ([dependabot-preview[bot]](https://github.com/apps/dependabot-preview))
-- I18n [\#372](https://github.com/liyasthomas/postwoman/pull/372) ([EdikWang](https://github.com/EdikWang))
-- Use GraphQL logo for GraphQL tab [\#371](https://github.com/liyasthomas/postwoman/pull/371) ([NBTX](https://github.com/NBTX))
-- Update i18n keywords for Bahasa Indonesia [\#369](https://github.com/liyasthomas/postwoman/pull/369) ([wahwahid](https://github.com/wahwahid))
-- Intent to translate to Spanish on I18n [\#368](https://github.com/liyasthomas/postwoman/pull/368) ([adlpaf](https://github.com/adlpaf))
-- I18n [\#366](https://github.com/liyasthomas/postwoman/pull/366) ([liyasthomas](https://github.com/liyasthomas))
-- Add translations for FR/EN catalogues [\#364](https://github.com/liyasthomas/postwoman/pull/364) ([LaurentBrieu](https://github.com/LaurentBrieu))
-- Added Bahasa Indonesia language support [\#362](https://github.com/liyasthomas/postwoman/pull/362) ([wahwahid](https://github.com/wahwahid))
-- i18n [\#361](https://github.com/liyasthomas/postwoman/pull/361) ([liyasthomas](https://github.com/liyasthomas))
-- Add Simplified Chinese language [\#360](https://github.com/liyasthomas/postwoman/pull/360) ([EdikWang](https://github.com/EdikWang))
-- Added Brazilian Portuguese language support [\#359](https://github.com/liyasthomas/postwoman/pull/359) ([tetri](https://github.com/tetri))
-- Added Farsi language support [\#357](https://github.com/liyasthomas/postwoman/pull/357) ([hosseinnedaee](https://github.com/hosseinnedaee))
-- Adding french language basic [\#355](https://github.com/liyasthomas/postwoman/pull/355) ([thomasbnt](https://github.com/thomasbnt))
-- Add Proxy URL option [\#345](https://github.com/liyasthomas/postwoman/pull/345) ([NBTX](https://github.com/NBTX))
-
-
-
-\* *This Changelog was automatically generated by [github_changelog_generator](https://github.com/github-changelog-generator/github-changelog-generator)*
+Visit [releases](https://github.com/hoppscotch/hoppscotch/releases) for full changelog.

CODEOWNERS

@@ -0,0 +1,30 @@
+# CODEOWNERS is prioritized from bottom to top
+
+# If none of the below matched
+*                                                       @AndrewBastin @liyasthomas
+
+# Packages
+/packages/codemirror-lang-graphql/                      @AndrewBastin
+/packages/hoppscotch-cli/                               @AndrewBastin
+/packages/hoppscotch-common/                            @amk-dev @AndrewBastin
+/packages/hoppscotch-data/                              @AndrewBastin
+/packages/hoppscotch-js-sandbox/                        @AndrewBastin
+/packages/hoppscotch-ui/                                @anwarulislam
+/packages/hoppscotch-web/                               @amk-dev
+/packages/hoppscotch-selfhost-web/                      @amk-dev
+/packages/hoppscotch-sh-admin/                          @JoelJacobStephen
+/packages/hoppscotch-backend/                           @ankitsridhar16 @balub
+
+# Sections within Hoppscotch Common
+/packages/hoppscotch-common/src/components              @anwarulislam
+/packages/hoppscotch-common/src/components/collections  @nivedin @amk-dev
+/packages/hoppscotch-common/src/components/environments @nivedin @amk-dev
+/packages/hoppscotch-common/src/composables             @amk-dev
+/packages/hoppscotch-common/src/modules                 @AndrewBastin @amk-dev
+/packages/hoppscotch-common/src/pages                   @AndrewBastin @amk-dev
+/packages/hoppscotch-common/src/newstore                @AndrewBastin @amk-dev
+
+README.md                                               @liyasthomas
+
+# The lockfile has no owner
+pnpm-lock.yaml

CODE_OF_CONDUCT.md

@@ -2,75 +2,127 @@
 
 ## Our Pledge
 
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to making participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, sex characteristics, gender identity and expression,
-level of experience, education, socio-economic status, nationality, personal
-appearance, race, religion, or sexual identity and orientation.
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
 
 ## Our Standards
 
-Examples of behavior that contributes to creating a positive environment
-include:
+Examples of behavior that contributes to a positive environment for our
+community include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
 
-Examples of unacceptable behavior by participants include:
+Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
 * Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
 * Other conduct which could reasonably be considered inappropriate in a
- professional setting
+  professional setting
 
-## Our Responsibilities
+## Enforcement Responsibilities
 
-Project maintainers are responsible for clarifying the standards of acceptable
-behavior. Maintainers are expected to take appropriate and fair corrective action in
-response to any instances of unacceptable behavior.
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
 
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned with our Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
 
 ## Scope
 
-This Code of Conduct applies both within project spaces and in public spaces
-when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
-address, posting via an official social media account, or acting as an appointed
-representative at an online or offline event. Representation of a project may be
-further defined and clarified by project maintainers.
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
 
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at liyascthomas@gmail.com. All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
+reported to the community leaders responsible for enforcement at
+support@hoppscotch.io.
+All complaints will be reviewed and investigated promptly and fairly.
 
-Project maintainers who do not follow or enforce the Code of Conduct in good
-faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
 
 ## Attribution
 
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
 
 [homepage]: https://www.contributor-covenant.org
 
-For answers to common questions about this code of conduct, see
-https://www.contributor-covenant.org/faq
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

CONTRIBUTING.md

@@ -12,81 +12,6 @@ Please note we have a code of conduct, please follow it in all your interactions
 2. Update the README.md with details of changes to the interface, this includes new environment
    variables, exposed ports, useful file locations and container parameters.
 3. Increase the version numbers in any examples files and the README.md to the new version that this
-   Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
+   Pull Request would represent. The versioning scheme we use is [SemVer](https://semver.org).
 4. You may merge the Pull Request once you have the sign-off of two other developers, or if you
    do not have permission to do that, you may request the second reviewer merge it for you.
-
-## Code of Conduct
-
-### Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to making participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, gender identity and expression, level of experience,
-nationality, personal appearance, race, religion, or sexual identity and
-orientation.
-
-### Our Standards
-
-Examples of behavior that contributes to creating a positive environment
-include:
-
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-* The use of sexualized language or imagery and unwelcome sexual attention or
-advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
-  address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
-  professional setting
-
-### Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable
-behavior. Maintainers are expected to take appropriate and fair corrective action in
-response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned with our Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
-
-### Scope
-
-This Code of Conduct applies both within project spaces and in public spaces
-when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
-address, posting via an official social media account, or acting as an appointed
-representative at an online or offline event. Representation of a project may be
-further defined and clarified by project maintainers.
-
-### Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at [INSERT EMAIL ADDRESS]. All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good
-faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.
-
-### Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at [http://contributor-covenant.org/version/1/4][version]
-
-[homepage]: http://contributor-covenant.org
-[version]: http://contributor-covenant.org/version/1/4/

Dockerfile

@@ -1,21 +0,0 @@
-FROM node:12.10.0-alpine
-
-LABEL maintainer="Liyas Thomas (liyascthomas@gmail.com)"
-
-# Add git as the prebuild target requires it to parse version information
-RUN apk add --update --no-cache \
-  git
-
-WORKDIR /app
-
-COPY package*.json ./
-
-RUN npm install
-
-COPY . .
-
-RUN npm run build
-
-EXPOSE 3000
-
-CMD ["npm", "run", "start"]

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 Liyas Thomas
+Copyright (c) 2022
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,431 +1,312 @@
 <div align="center">
-  <a href="https://postwoman.io"><img src="static/logo.png" alt="Postwoman.io logo" height="160"></a>
-  <br>
-  <br>
+  <a href="https://hoppscotch.io">
+    <img
+      src="https://avatars.githubusercontent.com/u/56705483"
+      alt="Hoppscotch Logo"
+      height="64"
+    />
+  </a>
+  <br />
   <p>
-    <b>A free, fast & beautiful API request builder</b>
+    <h3>
+      <b>
+        Hoppscotch
+      </b>
+    </h3>
   </p>
   <p>
-     <i>Web alternative to Postman - Helps you create requests faster, saving precious time on development - <a href="https://postwoman.launchaco.com">Subscribe</a></i>
+    <b>
+      Open source API development ecosystem
+    </b>
   </p>
   <p>
 
-  [![Travis Build Status](https://img.shields.io/travis/com/liyasthomas/postwoman?logo=Travis)](https://travis-ci.com/liyasthomas/postwoman) [![GitHub release](https://img.shields.io/github/release/liyasthomas/postwoman/all?logo=GitHub)](https://github.com/liyasthomas/postwoman/releases/latest) [![Website](https://img.shields.io/website?url=https%3A%2F%2Fpostwoman.io&logo=Postwoman)](https://postwoman.io) [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen)](CONTRIBUTING.md) [![Financial Contributors on Open Collective](https://img.shields.io/opencollective/all/postwoman?logo=Open-Collective&label=financial+contributors)](https://opencollective.com/postwoman) [![Donate on PayPal](https://img.shields.io/badge/support-PayPal-blue?logo=PayPal)](https://www.paypal.me/liyascthomas) [![Chat on Telegram](https://img.shields.io/badge/chat-Telegram-blueviolet?logo=Telegram)](https://t.me/postwoman_app) [![Chat on Discord](https://img.shields.io/badge/chat-Discord-violet?logo=discord)](https://discord.gg/GAMWxmR) [![Tweet](https://img.shields.io/twitter/url?url=https%3A%2F%2Fpostwoman.io%2F)](https://twitter.com/intent/tweet?url=https%3A%2F%2Fpostwoman.io&text=%F0%9F%91%BD%20Postwoman%20%E2%80%A2%20API%20request%20builder%20-%20Helps%20you%20create%20your%20requests%20faster%2C%20saving%20you%20precious%20time%20on%20your%20development&original_referer=https%3A%2F%2Ftwitter.com%2Fshare%3Ftext%3D%25F0%259F%2591%25BD%2520Postwoman%2520%25E2%2580%25A2%2520API%2520request%2520builder%2520-%2520Helps%2520you%2520create%2520your%2520requests%2520faster%2C%2520saving%2520you%2520precious%2520time%2520on%2520your%2520development%26url%3Dhttps%3A%2F%2Fpostwoman.io%26hashtags%3Dpostwoman%26via%3Dliyasthomas&via=liyasthomas&hashtags=postwoman)
+[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen?logo=github)](CODE_OF_CONDUCT.md) [![Website](https://img.shields.io/website?url=https%3A%2F%2Fhoppscotch.io&logo=hoppscotch)](https://hoppscotch.io) [![Tests](https://github.com/hoppscotch/hoppscotch/actions/workflows/tests.yml/badge.svg)](https://github.com/hoppscotch/hoppscotch/actions) [![Tweet](https://img.shields.io/twitter/url?url=https%3A%2F%2Fhoppscotch.io%2F)](https://twitter.com/share?text=%F0%9F%91%BD%20Hoppscotch%20%E2%80%A2%20Open%20source%20API%20development%20ecosystem%20-%20Helps%20you%20create%20requests%20faster,%20saving%20precious%20time%20on%20development.&url=https://hoppscotch.io&hashtags=hoppscotch&via=hoppscotch_io)
 
   </p>
   <p>
-    <sub>Built with ❤︎ by
-      <a href="https://github.com/liyasthomas">liyasthomas</a> and
-      <a href="https://github.com/liyasthomas/postwoman/graphs/contributors">contributors</a>
+    <sub>
+      Built with ❤︎ by
+      <a href="https://github.com/hoppscotch/hoppscotch/graphs/contributors">
+        contributors
+      </a>
     </sub>
   </p>
+  <br />
+  <p>
+    <a href="https://hoppscotch.io/#gh-light-mode-only" target="_blank">
+      <img
+        src="./packages/hoppscotch-common/public/images/banner-light.png"
+        alt="Hoppscotch"
+        width="100%"
+      />
+    </a>
+    <a href="https://hoppscotch.io/#gh-dark-mode-only" target="_blank">
+      <img
+        src="./packages/hoppscotch-common/public/images/banner-dark.png"
+        alt="Hoppscotch"
+        width="100%"
+      />
+    </a>
+  </p>
 </div>
 
+#### **Support**
+
+[![Chat on Discord](https://img.shields.io/badge/chat-Discord-7289DA?logo=discord)](https://hoppscotch.io/discord) [![Chat on Telegram](https://img.shields.io/badge/chat-Telegram-2CA5E0?logo=telegram)](https://hoppscotch.io/telegram) [![Discuss on GitHub](https://img.shields.io/badge/discussions-GitHub-333333?logo=github)](https://github.com/hoppscotch/hoppscotch/discussions)
+
+### **Features**
+
+❤️ **Lightweight:** Crafted with minimalistic UI design.
+
+⚡️ **Fast:** Send requests and get/copy responses in real-time.
+
+**HTTP Methods**
+
+- `GET` - Requests retrieve resource information
+- `POST` - The server creates a new entry in a database
+- `PUT` - Updates an existing resource
+- `PATCH` - Very similar to `PUT` but makes a partial update on a resource
+- `DELETE` - Deletes resource or related component
+- `HEAD` - Retrieve response headers identical to those of a GET request, but without the response body.
+- `CONNECT` - Establishes a tunnel to the server identified by the target resource
+- `OPTIONS` - Describe the communication options for the target resource
+- `TRACE` - Performs a message loop-back test along the path to the target resource
+- `<custom>` - Some APIs use custom request methods such as `LIST`. Type in your custom methods.
+
+🌈 **Make it yours:** Customizable combinations for background, foreground, and accent colors — [customize now](https://hoppscotch.io/settings).
+
+**Theming**
+
+- Choose a theme: System (default), Light, Dark, and Black
+- Choose accent color: Green (default), Teal, Blue, Indigo, Purple, Yellow, Orange, Red, and Pink
+- Distraction-free Zen mode
+
+_Customized themes are synced with cloud / local session_
+
+🔥 **PWA:** Install as a [PWA](https://web.dev/what-are-pwas/) on your device.
+
+- Instant loading with Service Workers
+- Offline support
+- Low RAM/memory and CPU usage
+- Add to Home Screen
+- Desktop PWA
+
+🚀 **Request:** Retrieve response from endpoint instantly.
+
+1. Choose `method`
+2. Enter `URL`
+3. Send
+
+- Copy/share public "Share URL"
+- Generate/copy request code snippets for 10+ languages and frameworks
+- Import `cURL`
+- Label requests
+
+🔌 **WebSocket:** Establish full-duplex communication channels over a single TCP connection.
+
+📡 **Server-Sent Events:** Receive a stream of updates from a server over an HTTP connection without resorting to polling.
+
+🌩 **Socket.IO:** Send and Receive data with SocketIO server.
+
+🦟 **MQTT:** Subscribe and Publish to topics of an MQTT Broker.
+
+🔮 **GraphQL:** GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.
+
+- Set endpoint and get schema
+- Multi-column docs
+- Set custom request headers
+- Query schema
+- Get query response
+
+🔐 **Authorization:** Allows to identify the end-user.
+
+- None
+- Basic
+- Bearer Token
+- OAuth 2.0
+- OIDC Access Token/PKCE
+
+📢 **Headers:** Describes the format the body of your request is being sent as.
+
+📫 **Parameters:** Use request parameters to set varying parts in simulated requests.
+
+📃 **Request Body:** Used to send and receive data via the REST API.
+
+- Set `Content Type`
+- FormData, JSON, and many more
+- Toggle between key-value and RAW input parameter list
+
+👋 **Response:** Contains the status line, headers, and the message/response body.
+
+- Copy response to clipboard
+- Download response as a file
+- View response headers
+- View raw and preview of HTML, image, JSON, XML responses
+
+⏰ **History:** Request entries are synced with cloud / local session storage to restore with a single click.
+
+📁 **Collections:** Keep your API requests organized with collections and folders. Reuse them with a single click.
+
+- Unlimited collections, folders, and requests
+- Nested folders
+- Export and import as a file or GitHub gist
+
+_Collections are synced with cloud / local session storage_
+
+🌐 **Proxy:** Enable Proxy Mode from Settings to access blocked APIs.
+
+- Hide your IP address
+- Fixes [`CORS`](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) (Cross-Origin Resource Sharing) issues
+- Access APIs served in non-HTTPS (`http://`) endpoints
+- Use your Proxy URL
+
+_Official proxy server is hosted by Hoppscotch - **[GitHub](https://github.com/hoppscotch/proxyscotch)** - **[Privacy Policy](https://docs.hoppscotch.io/support/privacy)**_
+
+📜 **Pre-Request Scripts β:** Snippets of code associated with a request that is executed before the request is sent.
+
+- Set environment variables
+- Include timestamp in the request headers
+- Send a random alphanumeric string in the URL parameters
+- Any JavaScript functions
+
+📄 **API Documentation:** Create and share dynamic API documentation easily, quickly.
+
+1. Add your requests to Collections and Folders
+2. Export Collections and easily share your APIs with the rest of your team
+3. Import Collections and Generate Documentation on-the-go
+
+⌨️ **Keyboard Shortcuts:** Optimized for efficiency.
+
+> **[Read our documentation on Keyboard Shortcuts](https://docs.hoppscotch.io/documentation/features/shortcuts)**
+
+🌎 **i18n:** Experience the app in your language.
+
+Help us to translate Hoppscotch. Please read [`TRANSLATIONS`](TRANSLATIONS.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.
+
+📦 **Add-ons:** Official add-ons for hoppscotch.
+
+- **[Proxy](https://github.com/hoppscotch/proxyscotch)** - A simple proxy server created for Hoppscotch
+- **[CLI β](https://github.com/hoppscotch/hopp-cli)** - A CLI solution for Hoppscotch
+- **[Browser Extensions](https://github.com/hoppscotch/hoppscotch-extension)** - Browser extensions that simplifies access to Hoppscotch
+
+  [![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_16x16.png) **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/hoppscotch) &nbsp;|&nbsp; [![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_16x16.png) **Chrome**](https://chrome.google.com/webstore/detail/hoppscotch-extension-for-c/amknoiejhlmhancpahfcfcfhllgkpbld)
+
+  > **Extensions fixes `CORS` issues.**
+
+- **[Hopp-Doc-Gen](https://github.com/hoppscotch/hopp-doc-gen)** - An API doc generator CLI for Hoppscotch
+
+_Add-ons are developed and maintained under **[Hoppscotch Organization](https://github.com/hoppscotch)**._
+
+☁️ **Auth + Sync:** Sign in and sync your data in real-time.
+
+**Sign in with**
+
+- GitHub
+- Google
+- Microsoft
+- Email
+
+**Synchronize your data**
+
+- History
+- Collections
+- Environments
+- Settings
+
+✅ **Post-Request Tests β:** Write tests associated with a request that is executed after the request's response.
+
+- Check the status code as an integer
+- Filter response headers
+- Parse the response data
+- Set environment variables
+- Write JavaScript code
+
+🌱 **Environments** : Environment variables allow you to store and reuse values in your requests and scripts.
+
+- Unlimited environments and variables
+- Initialize through the pre-request script
+- Export as / import from GitHub gist
+
+<details>
+  <summary><i>Use-cases</i></summary>
+
 ---
 
-**Read: _[Story behind Postwoman](https://dev.to/liyasthomas/i-created-postwoman-an-online-open-source-api-request-builder-41md), [Postwoman v1.0](https://dev.to/liyasthomas/postwoman-v1-0-a-free-fast-beautiful-alternative-to-postman-mn0)_**
+- By storing a value in a variable, you can reference it throughout your request section
+- If you need to update the value, you only have to change it in one place
+- Using variables increases your ability to work efficiently and minimizes the likelihood of error
 
-**Chat: _[Telegram](https://t.me/postwoman_app), [Discord](https://discord.gg/GAMWxmR)_**
+---
 
-**Donate: _[PayPal](https://www.paypal.me/liyascthomas), [Open Collective](https://opencollective.com/postwoman), [Patreon](https://www.patreon.com/liyasthomas)_**
+</details>
+
+👨‍👩‍👧‍👦 **Teams β:** Helps you collaborate across your team to design, develop, and test APIs faster.
+
+- Unlimited teams
+- Unlimited shared collections
+- Unlimited team members
+- Role-based access control
+- Cloud sync
+- Multiple devices
+
+🚚 **Bulk Edit:** Edit key-value pairs in bulk.
+
+- Entries are separated by newline
+- Keys and values are separated by `:`
+- Prepend `#` to any row you want to add but keep disabled
+
+**For more features, please read our [documentation](https://docs.hoppscotch.io).**
+
+## **Demo**
+
+[hoppscotch.io](https://hoppscotch.io)
+
+## **Usage**
+
+1. Provide your API endpoint in the URL field
+2. Click "Send" to simulate the request
+3. View the response
+
+## **Built with**
+
+- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
+- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS), [SCSS](https://sass-lang.com), [Windi CSS](https://windicss.org)
+- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+- [TypeScript](https://www.typescriptlang.org)
+- [Vue](https://vuejs.org)
+- [Vite](https://vitejs.dev)
+
+## **Developing**
+
+Follow our [self-hosting guide](https://docs.hoppscotch.io/documentation/self-host/getting-started) to get started with the development environment.
+
+## **Contributing**
+
+Please contribute using [GitHub Flow](https://guides.github.com/introduction/flow). Create a branch, add commits, and [open a pull request](https://github.com/hoppscotch/hoppscotch/compare).
+
+Please read [`CONTRIBUTING`](CONTRIBUTING.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.
+
+## **Continuous Integration**
+
+We use [GitHub Actions](https://github.com/features/actions) for continuous integration. Check out our [build workflows](https://github.com/hoppscotch/hoppscotch/actions).
+
+## **Changelog**
+
+See the [`CHANGELOG`](CHANGELOG.md) file for details.
+
+## **Authors**
+
+This project exists thanks to all the people who contribute — [contribute](CONTRIBUTING.md).
 
 <div align="center">
-  <br>
-  <img src="static/images/screenshot1.png" alt="Screenshot1" width="100%">
-  <br>
+  <a href="https://github.com/hoppscotch/hoppscotch/graphs/contributors">
+    <img src="https://opencollective.com/hoppscotch/contributors.svg?width=840&button=false"
+      alt="Contributors"
+      width="100%" />
+  </a>
 </div>
 
-### Features ✨
+## **License**
 
-❤️ **Lightweight**: Crafted with minimalistic UI design - simple design is the best design.
-
-⚡️ **Fast**: Send requests and get/copy responses in real-time - fast software is the best software.
-
-**Methods:**
- - `GET` - Retrieve information about the REST API resource
- - `HEAD` - Retrieve response headers identical to those of a GET request, but without the response body.
- - `POST` - Create a REST API resource
- - `PUT` - Update a REST API resource
- - `DELETE` - Delete a REST API resource or related component
- - `CONNECT` - Establishes a tunnel to the server identified by the target resource
- - `OPTIONS` - Describe the communication options for the target resource
- - `TRACE` - Performs a message loop-back test along the path to the target resource
- - `PATCH` - Apply partial modifications to a REST API resource
- - `<custom>` - Some APIs use custom request methods such as `LIST`. Type in your custom methods.
-
-🌈 **Make it yours**: Customizable combinations for background, foreground and accent colors: because customization is freedom. [Customize now ✨](https://postwoman.io/settings).
-
-**Customizations:**
- - Choose theme: Kinda Dark (default), Clearly White, Just Black and System theme
- - Choose accent color: Green (default), Yellow, Pink, Red, Purple, Orange, Cyan and Blue
- - Toggle multi-colored headings
-
-_Customized themes are synced with local session storage_
-
-🔥 **PWA**: Install as a [PWA](https://developers.google.com/web/progressive-web-apps) on your device.
-
-**Features:**
- - Instant loading with [Service Workers](https://developers.google.com/web/fundamentals/primers/service-workers)
- - Offline support
- - Low RAM/memory and CPU usage
- - Add to Home Screen
- - Desktop PWA
- - ([full features](https://developers.google.com/web/progressive-web-apps))
-
-🚀 **Request**: Retrieve response from endpoint instantly.
-
- - Choose `method`
- - Enter `URL` and `Path`
- - Send
-
-**Features:**
- - Copy/share public "Share URL"
- - Generate request code for `JavaScript XHR`, `Fetch` and `cURL`
- - Copy generated request code to clipboard
- - Import `cURL`
- - Label requests
-
-🔌 **WebSocket**: Establish full-duplex communication channels over a single TCP connection.
-
- - Send and receive data
- - Basic and Bearer Token authentication
-
-📡 **Server Sent Events**: Receive a stream of updates from a server over a HTTP connection without resorting to polling.
-
-🔮 **GraphQL**: GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.
-
- - Set endpoint and get schemas
- - Multi-column docs
- - Set custom request headers
- - Query schema
- - Get query response
-
-🔐 **Authentication**: Allows to identify the end user.
-
-**Types:**
- - None
- - Basic
- - Bearer Token
- - OAuth 2.0
- - OIDC Access Token/PKCE (Proof Key for Code Exchange)
-
-📢 **Headers**: Describes the format the body of your request is being sent as.
-
- - Add or remove Header list
-
-📫 **Parameters**: Use request parameters to set varying parts in simulated requests.
-
-📃 **Request Body**: Used to send and receive data via the REST API.
-
-**Options:**
- - Set `Content Type`
- - Add or remove Parameter list
- - Toggle between key-value and RAW input Parameter list
-
-👋 **Responses**: Contains the status line, headers and the message/response body.
-
- - Copy response to clipboard
- - Download response to as a file
- - View preview of HTML responses
-
-⏰ **History**: Request entries are synced with local session storage to reuse with a single click.
-
-**Fields:**
- - Star
- - Label
- - Method
- - Status code
- - URL
- - Path
- - Timestamp
- - Duration
- - Pre-request script
-
-_History entries can be sorted by any fields_
-
-_Histories can be deleted one-by-one or all together_
-
-📁 **Collections**: Keep your API requests organized with collections and folders. Reuse them with a single click.
-
-**Options:**
- - Create infinite collections, folders and requests
- - Edit, delete, move, export, import and replace
-
-_Collections are synced with local session storage_
-
-🌐 **Proxy**: Enable Proxy Mode from Settings to access blocked APIs.
-
-**Features:**
- - Hide your IP address
- - Fixes [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) (Cross Origin Resource Sharing) issues
- - Access APIs served in non-HTTPS (`http://`)
- - Use custom Proxy URL
-
-_Official Postwoman Proxy is hosted by ApolloTV - **[Privacy policy](https://apollotv.xyz/legal)**_
-
-📜 **Pre-Request Scripts β**: Snippets of code associated with a request that are executed before the request is sent.
-
-**Use-cases:**
- - Include timestamp in the request headers
- - Send a random alphanumeric string in the URL parameters
-
-_Requests with Pre-Request Scripts are indicated in History entries_
-
-📄 **API Documentation**: Create and share dynamic API documentation easily, quickly.
-
-**Usage:**
- 1. Add your requests to Collections and Folders
- 2. Export Collections and easily share your APIs with the rest of your team
- 3. Import Collections and Generate Documentation on-the-go
-
-⌨️ **Keyboard Shortcuts**: Optimized for efficiency.
-
-**Shortcuts:**
- - Send Request <kbd>Ctrl</kbd> + <kbd>G</kbd>
- - Save to Collections <kbd>Ctrl</kbd> + <kbd>S</kbd>
- - Copy Request Link <kbd>Ctrl</kbd> + <kbd>K</kbd>
- - Reset Request <kbd>Ctrl</kbd> + <kbd>L</kbd>
-
-🌎 **i18n β**: Experience the app in your own language.
-
- 1. Scroll down to the footer
- 2. Click "Choose Language" icon button
- 3. Select your language from the menu
-
-_Keep in mind: Translations aren't available for all source and target language combinations_
-
-**To provide a localized experience for users around the world, you can add you own translations.**
-
-_**All `i18n` contributions are welcome to `i18n` [branch](https://github.com/liyasthomas/postwoman/tree/i18n) only!**_
-
-📦 **Add-ons**: Official add-ons for Postwoman.
-
- - **[Proxy β](https://github.com/postwoman-io/postwoman-proxy)** - A simple proxy server created for Postwoman
- - **[CLI β](https://github.com/postwoman-io/postwoman-cli)** - A CLI solution for Postwoman
- - **Browser Extensions** - Browser extensions that simplifies access to Postwoman
-
-   [![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_16x16.png) **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/postwoman) ([GitHub](https://github.com/AndrewBastin/postwoman-firefox)) &nbsp;|&nbsp; [![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_16x16.png) **Chrome**](https://chrome.google.com/webstore/detail/postwoman-extension-for-c/amknoiejhlmhancpahfcfcfhllgkpbld) ([GitHub](https://github.com/AndrewBastin/postwoman-chrome))
-
-   >**Extensions fixes `CORS` issues.**
-
-_Add-ons are developed and maintained under **[Official Postwoman Organization](https://github.com/postwoman-io)**._
-
-☁️ **Auth + Sync**: Sign in and sync in real-time.
-
-**Sign in with:**
- - Google
- - GitHub
-
-**Sync:**
- - History
- - Collections
-
-✅ **Post-Request Tests β**: Write tests associated with a request that are executed after the request response.
-
-**Use-cases:**
- - Check the status code as an integer
- - Filter response headers
- - Parse the response data
-
-**To find out more, please check out [Postwoman Wiki](https://github.com/liyasthomas/postwoman/wiki).**
-
-## Demo 🚀 [![Website](https://img.shields.io/website?url=https%3A%2F%2Fpostwoman.io&logo=Postwoman)](https://postwoman.io)
-
-[postwoman.io](https://postwoman.io)
-
-<a href="https://www.netlify.com">
-  <img src="https://www.netlify.com/img/global/badges/netlify-light.svg"/>
-</a>
-
-## Usage 💡
-
-1. Specify your request `method`
-2. Type in your API `URL` and `path`
-3. Send request
-4. Get response
-
-You're done!
-
-## Built with 🔧
-
-* [Chromium](https://github.com/chromium/chromium) - Thanks for being so fast!
-* HTML - For the web framework
-* CSS - For styling components
-* JavaScript - For magic!
-* [Vue](https://vuejs.org/) - To add to the JavaScript magic!
-* [Nuxt](https://nuxtjs.org/) - To add to the Vue magic!
-
-## Developing 👷
-
-#### Use a browser based development environment:
-
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/liyasthomas/postwoman)
-
-#### Or, with local development environment:
-
-1. [Clone this repo](https://help.github.com/en/articles/cloning-a-repository) with git.
-2. Install dependencies by running `npm install` within the directory that you cloned (probably `postwoman`).
-3. Start the development server with `npm run dev`.
-4. Open development site by going to [http://localhost:3000](http://localhost:3000) in your browser.
-
-#### Or, with docker-compose:
-
-1. [Clone this repo](https://help.github.com/en/articles/cloning-a-repository) with git.
-2. Run `docker-compose up`
-3. Open development site by going to [http://localhost:3000](http://localhost:3000) in your browser.
-
-## Docker 🐳 [![Docker Cloud Build Status](https://img.shields.io/docker/cloud/build/liyasthomas/postwoman?logo=Docker)](https://hub.docker.com/r/liyasthomas/postwoman)
-
-```bash
-#pull
-docker pull liyasthomas/postwoman
-
-#run
-docker run -p 3000:3000 liyasthomas/postwoman:latest
-
-#build
-docker build -t postwoman:latest
-```
-
-## Releasing 🏷️
-
-1. [Clone this repo](https://help.github.com/en/articles/cloning-a-repository) with git.
-2. Install dependencies by running `npm install` within the directory that you cloned (probably `postwoman`).
-3. Build the release files with `npm run build`.
-4. Find the built project in `./dist`.
-
-## Contributing 🍰
-
-Please read [CONTRIBUTING](CONTRIBUTING.md) for details on our [CODE OF CONDUCT](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.
-
-## Continuous Integration 💚 [![Travis Build Status](https://img.shields.io/travis/com/liyasthomas/postwoman?logo=Travis)](https://travis-ci.com/liyasthomas/postwoman)
-
-We use [Travis CI](https://travis-ci.com) for continuous integration. Check out our [Travis CI Status](https://travis-ci.com/liyasthomas/postwoman).
-
-## Versioning 🔖 [![GitHub release](https://img.shields.io/github/release/liyasthomas/postwoman/all?logo=GitHub)](https://github.com/liyasthomas/postwoman/releases/latest)
-
-This project is developed by [Liyas Thomas](https://github.com/liyasthomas) using the [Semantic Versioning specification](https://semver.org). For the versions available, see the [releases on this repository](https://github.com/liyasthomas/postwoman/releases).
-
-## Change log 📝
-
-See the [CHANGELOG](CHANGELOG.md) file for details.
-
-## Authors 🔮
-
-### Lead Developers
-
-* **[Liyas Thomas](https://github.com/liyasthomas)** - *Author*
-* **[Caneco](https://twitter.com/caneco)** - *Designer*
-
-### Testing and Debugging
-
-* ([contributors](https://github.com/liyasthomas/postwoman/graphs/contributors))
-
-### Collaborators <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-<!-- ALL-CONTRIBUTORS-BADGE:END -->
-
-<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore -->
-<table>
-  <tr>
-    <td align="center"><a href="https://liyasthomas.web.app"><img src="https://avatars1.githubusercontent.com/u/10395817?v=4" width="100px;" alt="Liyas Thomas"/><br /><sub><b>Liyas Thomas</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=liyasthomas" title="Code">💻</a> <a href="#design-liyasthomas" title="Design">🎨</a></td>
-    <td align="center"><a href="https://github.com/NBTX"><img src="https://avatars3.githubusercontent.com/u/43181178?v=4" width="100px;" alt="John Harker"/><br /><sub><b>John Harker</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=NBTX" title="Code">💻</a> <a href="#design-NBTX" title="Design">🎨</a></td>
-    <td align="center"><a href="https://nicholaslaroux.com"><img src="https://avatars0.githubusercontent.com/u/1557529?v=4" width="100px;" alt="Nicholas La Roux"/><br /><sub><b>Nicholas La Roux</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=larouxn" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/yubathom"><img src="https://avatars3.githubusercontent.com/u/4117768?v=4" width="100px;" alt="Thomas Yuba"/><br /><sub><b>Thomas Yuba</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=yubathom" title="Code">💻</a></td>
-    <td align="center"><a href="http://www.linkedin.com/in/nickpalenchar"><img src="https://avatars1.githubusercontent.com/u/7539781?v=4" width="100px;" alt="Nick Palenchar"/><br /><sub><b>Nick Palenchar</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=nickpalenchar" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/AndrewBastin"><img src="https://avatars2.githubusercontent.com/u/9131943?v=4" width="100px;" alt="Andrew Bastin"/><br /><sub><b>Andrew Bastin</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=AndrewBastin" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/vlad0337187"><img src="https://avatars1.githubusercontent.com/u/12682937?v=4" width="100px;" alt="Vladislav"/><br /><sub><b>Vladislav</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=vlad0337187" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/izerozlu"><img src="https://avatars3.githubusercontent.com/u/17386157?v=4" width="100px;" alt="izerozlu"/><br /><sub><b>izerozlu</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=izerozlu" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/JacobAnavisca"><img src="https://avatars2.githubusercontent.com/u/21232366?v=4" width="100px;" alt="Jacob Anavisca"/><br /><sub><b>Jacob Anavisca</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=JacobAnavisca" title="Code">💻</a></td>
-    <td align="center"><a href="http://nityanandagohain.github.io"><img src="https://avatars3.githubusercontent.com/u/26831659?v=4" width="100px;" alt="Nityananda Gohain"/><br /><sub><b>Nityananda Gohain</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=nityanandagohain" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/hosseinnedaee"><img src="https://avatars2.githubusercontent.com/u/42691357?v=4" width="100px;" alt="Hossein Nedaee"/><br /><sub><b>Hossein Nedaee</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=hosseinnedaee" title="Code">💻</a></td>
-    <td align="center"><a href="https://ghuser.io/jamesgeorge007"><img src="https://avatars2.githubusercontent.com/u/25279263?v=4" width="100px;" alt="James George"/><br /><sub><b>James George</b></sub></a><br /><a href="https://github.com/liyasthomas/postwoman/commits?author=jamesgeorge007" title="Code">💻</a></td>
-  </tr>
-</table>
-
-<!-- ALL-CONTRIBUTORS-LIST:END -->
-
-See the list of [contributors](https://github.com/liyasthomas/postwoman/graphs/contributors) who participated in this project.
-
-### Thanks
-
-* [dev.to 👩‍💻👨‍💻](https://dev.to)
-
-### Code Contributors
-
-This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
-
-<a href="https://github.com/liyasthomas/postwoman/graphs/contributors"><img src="https://opencollective.com/postwoman/contributors.svg?width=890&button=false" /></a>
-
-### Financial Contributors
-
-Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/postwoman/contribute)]
-
-#### Individuals
-
-<a href="https://opencollective.com/postwoman"><img src="https://opencollective.com/postwoman/individuals.svg"></a>
-
-#### Organizations
-
-Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/postwoman/contribute)]
-
-<a href="https://opencollective.com/postwoman/organization/0/website"><img src="https://opencollective.com/postwoman/organization/0/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/1/website"><img src="https://opencollective.com/postwoman/organization/1/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/2/website"><img src="https://opencollective.com/postwoman/organization/2/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/3/website"><img src="https://opencollective.com/postwoman/organization/3/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/4/website"><img src="https://opencollective.com/postwoman/organization/4/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/5/website"><img src="https://opencollective.com/postwoman/organization/5/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/6/website"><img src="https://opencollective.com/postwoman/organization/6/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/7/website"><img src="https://opencollective.com/postwoman/organization/7/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/8/website"><img src="https://opencollective.com/postwoman/organization/8/avatar.svg"></a>
-<a href="https://opencollective.com/postwoman/organization/9/website"><img src="https://opencollective.com/postwoman/organization/9/avatar.svg"></a>
-
-## License 📄
-
-This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [LICENSE](LICENSE) file for details.
-
-## Acknowledgements 🙏
-
-* Hat tip to anyone whose code was used
-* Inspirations:
-  * [Dribbble](https://dribbble.com)
-
-## Badges
-
-<table>
-<tr>
-<th>Preview</th>
-<th>Markdown code</th>
-</tr>
-<tbody>
-<tr>
-<td align="center" width="200px"><a href="https://postwoman.io"><br/><img src="https://img.shields.io/badge/Tested_on-Postwoman-202124?logo=Postwoman"/></a><br/><sub>Default<sub></td>
-<td><code>[![Postwoman](https://img.shields.io/badge/Tested_on-Postwoman-202124?logo=Postwoman)](https://postwoman.io)</code></td>
-</tr>
-<tr>
-<td align="center" width="200px"><a href="https://postwoman.io"><br/><img src="https://img.shields.io/badge/Tested_on-Postwoman-success?logo=Postwoman"/></a><br/><sub>Success<sub></td>
-<td><code>[![Postwoman](https://img.shields.io/badge/Tested_on-Postwoman-success?logo=Postwoman)](https://postwoman.io)</code></td>
-</tr>
-<tr>
-<td align="center" width="200px"><a href="https://postwoman.io"><br/><img src="https://img.shields.io/badge/Tested_on-Postwoman-critical?logo=Postwoman"/></a><br/><sub>Critical<sub></td>
-<td><code>[![Postwoman](https://img.shields.io/badge/Tested_on-Postwoman-critical?logo=Postwoman)](https://postwoman.io)</code></td>
-</tr>
-<tr>
-<td align="center" width="200px"><a href="https://postwoman.io"><br/><img src="https://img.shields.io/badge/Tested_on-Postwoman-blueviolet?logo=Postwoman"/></a><br/><sub>Custom<sub></td>
-<td><code>[![Postwoman](https://img.shields.io/badge/Tested_on-Postwoman-blueviolet?logo=Postwoman)](https://postwoman.io)</code></td>
-</tr>
-<tr>
-<td align="center" width="200px"><a href="https://postwoman.io"><br/><img src="https://img.shields.io/badge/your_text-Postwoman-hex_color_code?logo=Postwoman"/></a><br/><sub>Customize<sub></td>
-<td><code>[![Postwoman](https://img.shields.io/badge/your_text-Postwoman-hex_color_code?logo=Postwoman)](https://postwoman.io)</code></td>
-</tr>
-</tbody>
-</table>
-
-<div align="center">
-  <br>
-  <a href="https://postwoman.io"><img src="https://raw.githubusercontent.com/liyasthomas/templates/master/assets/logo.gif" alt="Postwoman.io" width="200"></a>
-  <br>
-  <h3>Happy Coding ❤︎</h3>
-</div>
+This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [`LICENSE`](LICENSE) file for details.

SECURITY.md

@@ -0,0 +1,26 @@
+# Security Policy
+
+This document outlines security procedures and general policies for the Hoppscotch project.
+
+1. [Reporting a security vulnerability](#reporting-a-security-vulnerability)
+3. [Incident response process](#incident-response-process)
+
+## Reporting a security vulnerability
+
+Report security vulnerabilities by emailing the Hoppscotch Support team at support@hoppscotch.io.
+
+The primary security point of contact from Hoppscotch Support team will acknowledge your email within 48 hours, and will send a more detailed response within 48 hours indicating the next steps in handling your report. After the initial reply to your report, the security team will endeavor to keep you informed of the progress towards a fix and full announcement, and may ask for additional information or guidance.
+
+**Do not create a GitHub issue ticket to report a security vulnerability.**
+
+The Hoppscotch team and community take all security vulnerability reports in Hoppscotch seriously. Thank you for improving the security of Hoppscotch. We appreciate your efforts and responsible disclosure and will make every effort to acknowledge your contributions.
+
+Report security bugs in third-party modules to the person or team maintaining the module.
+
+## Incident response process
+
+In case an incident is discovered or reported, we will follow the following  process to contain, respond, and remediate:
+
+1. Confirm the problem and determine the affected versions.
+2. Audit code to find any potential similar problems.
+3. Prepare fixes for all releases still under maintenance. These fixes will be deployed as fast as possible to production.

TRANSLATIONS.md

@@ -0,0 +1,35 @@
+# Translations
+
+Thanks for showing your interest in helping us to translate the software.
+
+## Creating a new translation
+
+Before you start working on a new language, please look through the [open pull requests](https://github.com/hoppscotch/hoppscotch/pulls) to see if anyone is already working on a translation. If you find one, please join the discussion and help us keep the existing translations up to date.
+
+if there is no existing translation, you can create a new one by following these steps:
+
+1. **[Fork the repository](https://github.com/hoppscotch/hoppscotch/fork).**
+2. **Checkout the `i18n` branch for latest translations.**
+3. **Create a new branch for your translation with base branch `i18n`.**
+4. **Create target language file in the [`/packages/hoppscotch-common/locales`](https://github.com/hoppscotch/hoppscotch/tree/main/packages/hoppscotch-common/locales) directory.**
+5. **Copy the contents of the source file [`/packages/hoppscotch-common/locales/en.json`](https://github.com/hoppscotch/hoppscotch/blob/main/packages/hoppscotch-common/locales/en.json) to the target language file.**
+6. **Translate the strings in the target language file.**
+7. **Add your language entry to [`/packages/hoppscotch-common/languages.json`](https://github.com/hoppscotch/hoppscotch/blob/main/packages/hoppscotch-common/languages.json).**
+8. **Save & commit changes.**
+9. **Send a pull request.**
+
+_You may send a pull request before all steps above are complete: e.g., you may want to ask for help with translations, or getting tests to pass. However, your pull request will not be merged until all steps above are complete._
+
+`i18n` branch will be merged into `main` branch once every week.
+
+Completing an initial translation of the whole site is a fairly large task. One way to break that task up is to work with other translators through pull requests on your fork. You can also [add collaborators to your fork](https://help.github.com/en/github/setting-up-and-managing-your-github-user-account/inviting-collaborators-to-a-personal-repository) if you'd like to invite other translators to commit directly to your fork and share responsibility for merging pull requests.
+
+## Updating a translation
+
+### Corrections
+
+If you notice spelling or grammar errors, typos, or opportunities for better phrasing, open a pull request with your suggested fix. If you see a problem that you aren't sure of or don't have time to fix, open an issue.
+
+### Broken links
+
+When tests find broken links, try to fix them across all translations. Ideally, only update the linked URLs, so that translation changes will definitely not be necessary.

assets/README.md

@@ -1,7 +0,0 @@
-# ASSETS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).

assets/css/fonts.scss

@@ -1,70 +0,0 @@
-// @import url("https://fonts.googleapis.com/css?family=Poppins:500,700|Roboto+Mono:400&display=swap");
-// @import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=swap");
-
-/* Material Design Icons */
-@font-face {
-  font-family: "Material Icons";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url("~static/fonts/material-icons-v48.woff2") format("woff2");
-}
-
-.material-icons {
-  font-family: "Material Icons";
-  font-weight: normal;
-  font-style: normal;
-  height: 24px;
-  width: 24px;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-feature-settings: "liga";
-  border-radius: 50%;
-}
-
-/* poppins-500 - latin */
-@font-face {
-  font-family: "Poppins";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: local("Poppins Medium"), local("Poppins-Medium"),
-    url("~static/fonts/poppins-v9-latin-500.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("~static/fonts/poppins-v9-latin-500.woff") format("woff");
-  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* poppins-700 - latin */
-@font-face {
-  font-family: "Poppins";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: local("Poppins Bold"), local("Poppins-Bold"),
-    url("~static/fonts/poppins-v9-latin-700.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("~static/fonts/poppins-v9-latin-700.woff") format("woff");
-  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* roboto-mono-regular - latin */
-@font-face {
-  font-family: "Roboto Mono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Roboto Mono"), local("RobotoMono-Regular"),
-    url("~static/fonts/roboto-mono-v7-latin-regular.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("~static/fonts/roboto-mono-v7-latin-regular.woff") format("woff");
-  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}

assets/css/styles.scss

@@ -1,944 +0,0 @@
-.page-enter-active,
-.page-leave-active,
-.layout-enter-active,
-.layout-leave-active {
-  transition: opacity 0.2s;
-}
-
-.page-enter,
-.page-leave-active,
-.layout-enter,
-.layout-leave-active {
-  opacity: 0;
-}
-
-$responsiveWidth: 768px;
-
-::selection {
-  background-color: var(--ac-color);
-  color: var(--act-color);
-}
-
-::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
-  border-radius: 4px;
-  background-color: var(--bg-light-color);
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--fg-light-color);
-  border-radius: 8px;
-
-  &:hover {
-    background-color: var(--fg-color);
-  }
-}
-
-::placeholder {
-  color: var(--fg-light-color);
-  opacity: 0.3;
-}
-
-* {
-  box-sizing: border-box;
-  outline: 0;
-  border: 0;
-}
-
-html,
-body {
-  background-color: var(--bg-color);
-  color: var(--fg-color);
-  font-weight: 500;
-  font-size: 14px;
-  font-family: "Poppins", "Roboto", "Noto", sans-serif;
-  line-height: 1.5;
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-  user-select: none;
-  padding: 0;
-  margin: 0;
-  scroll-behavior: smooth;
-}
-
-// Make theme transition smoother.
-body.afterLoad {
-  transition: background-color 0.2s ease-in-out;
-}
-
-body.sticky-footer footer {
-  opacity: 0.25;
-}
-
-a {
-  display: inline-flex;
-  color: inherit;
-  text-decoration: none;
-  transition: all 0.2s ease-in-out;
-}
-
-header,
-footer {
-  & > div {
-    display: flex;
-    padding: 16px 8px;
-    width: 100%;
-    align-items: center;
-    justify-content: space-between;
-  }
-}
-
-.wrapper {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.wrapper .page {
-  min-height: calc(100vh - 153px);
-}
-
-.header,
-.content,
-.columns,
-.footer {
-  display: flex;
-  flex: 1;
-}
-
-.slide-in {
-  position: relative;
-  animation: slideIn 0.2s forwards ease-in-out;
-}
-
-@keyframes slideIn {
-  0% {
-    opacity: 0;
-    left: -16px;
-  }
-
-  100% {
-    opacity: 1;
-    left: 0px;
-  }
-}
-
-.logo {
-  font-size: 22px;
-
-  &:hover {
-    color: var(--ac-color);
-  }
-}
-
-.nav-first,
-.sticky-inner {
-  display: flex;
-  order: 1;
-  flex-flow: column;
-  position: sticky;
-  top: 0;
-  align-self: flex-start;
-}
-
-.nav-first {
-  z-index: 1;
-  height: 100vh;
-  padding: 0 8px;
-  background-color: var(--bg-light-color);
-}
-
-.main {
-  display: flex;
-  flex-flow: column;
-  flex: 1;
-  order: 2;
-  position: relative;
-  padding: 0 16px;
-  height: 100%;
-}
-
-.nav-second {
-  display: flex;
-  width: 10%;
-  order: 3;
-  // comment below this to display
-  display: none;
-}
-
-nav.primary-nav {
-  display: flex;
-  flex-flow: column nowrap;
-
-  svg {
-    fill: var(--fg-light-color);
-  }
-
-  a {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    padding: 14px;
-    border-radius: 50%;
-    background-color: var(--bg-light-color);
-    color: var(--fg-light-color);
-    fill: var(--fg-light-color);
-    margin: 8px 0;
-    transition: all 0.2s ease-in-out;
-
-    &:hover {
-      color: var(--fg-color);
-      fill: var(--fg-color);
-
-      svg {
-        fill: var(--fg-color);
-      }
-    }
-
-    &.nuxt-link-exact-active {
-      background-color: var(--ac-color);
-      color: var(--act-color);
-      fill: var(--act-color);
-      border-radius: 16px;
-
-      svg {
-        fill: var(--act-color);
-      }
-    }
-  }
-}
-
-nav.secondary-nav {
-  display: flex;
-  border-top: 1px dashed var(--brd-color);
-
-  ul {
-    display: flex;
-    flex-flow: column nowrap;
-
-    li {
-      display: flex;
-
-      a {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        padding: 14px;
-        border-radius: 50%;
-        background-color: var(--bg-dark-color);
-        color: var(--fg-light-color);
-        margin: 8px 0;
-
-        &:hover {
-          color: var(--fg-color);
-        }
-
-        &.current {
-          color: var(--ac-color);
-          fill: var(--ac-color);
-        }
-      }
-    }
-  }
-}
-
-.footer {
-  flex-direction: column;
-}
-
-h1,
-h2,
-h3,
-h4 {
-  display: flex;
-  align-items: center;
-  margin: 0;
-  font-weight: 700;
-}
-
-hr {
-  border-bottom: 1px dashed var(--brd-color);
-}
-
-.tooltip {
-  $bgcolor: var(--tt-color);
-  $fgcolor: var(--fg-color);
-  display: block !important;
-  z-index: 10000;
-
-  .tooltip-inner {
-    background: $bgcolor;
-    color: $fgcolor;
-    border-radius: 8px;
-    padding: 8px 16px;
-    font-size: 12px;
-    font-weight: 500;
-    box-shadow: 0 4px 24px rgba(black, 0.1);
-  }
-
-  .tooltip-arrow {
-    width: 0;
-    height: 0;
-    border-style: solid;
-    position: absolute;
-    margin: 5px;
-    border-color: $bgcolor;
-    z-index: 1;
-  }
-
-  &[x-placement^="top"] {
-    margin-bottom: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 5px 0 5px;
-      border-left-color: transparent !important;
-      border-right-color: transparent !important;
-      border-bottom-color: transparent !important;
-      bottom: -5px;
-      left: calc(50% - 5px);
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-
-  &[x-placement^="bottom"] {
-    margin-top: 5px;
-
-    .tooltip-arrow {
-      border-width: 0 5px 5px 5px;
-      border-left-color: transparent !important;
-      border-right-color: transparent !important;
-      border-top-color: transparent !important;
-      top: -5px;
-      left: calc(50% - 5px);
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-
-  &[x-placement^="right"] {
-    margin-left: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 5px 5px 0;
-      border-left-color: transparent !important;
-      border-top-color: transparent !important;
-      border-bottom-color: transparent !important;
-      left: -5px;
-      top: calc(50% - 5px);
-      margin-left: 0;
-      margin-right: 0;
-    }
-  }
-
-  &[x-placement^="left"] {
-    margin-right: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 0 5px 5px;
-      border-top-color: transparent !important;
-      border-right-color: transparent !important;
-      border-bottom-color: transparent !important;
-      right: -5px;
-      top: calc(50% - 5px);
-      margin-left: 0;
-      margin-right: 0;
-    }
-  }
-
-  &.popover {
-    .wrapper {
-      min-height: auto;
-    }
-
-    .popover-inner {
-      background: $bgcolor;
-      color: $fgcolor;
-      padding: 4px;
-      border-radius: 8px;
-      box-shadow: 0 5px 30px rgba(black, 0.1);
-      max-height: 256px;
-      overflow: auto;
-    }
-
-    .popover-arrow {
-      border-color: $bgcolor;
-    }
-  }
-
-  &[aria-hidden="true"] {
-    visibility: hidden;
-    opacity: 0;
-    transition: opacity 0.15s, visibility 0.15s;
-  }
-
-  &[aria-hidden="false"] {
-    visibility: visible;
-    opacity: 1;
-    transition: opacity 0.15s;
-  }
-}
-
-h3.title {
-  margin: 4px;
-}
-
-.info {
-  margin-left: 4px;
-  color: var(--fg-light-color);
-}
-
-.bg-color {
-  background-color: transparent;
-}
-
-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin: 4px;
-  padding: 6px 16px;
-  border-radius: 20px;
-  background-color: var(--ac-color);
-  color: var(--act-color);
-  font-size: 16px;
-  font-family: "Poppins", "Roboto", "Noto", sans-serif;
-  font-weight: 700;
-  transition: all 0.2s ease-in-out;
-  fill: var(--act-color);
-  cursor: pointer;
-
-  span {
-    display: inline-flex;
-    margin-left: 8px;
-  }
-
-  &:not([disabled]):hover,
-  &:not([disabled]):active,
-  &:not([disabled]):focus {
-    color: var(--act-color);
-    fill: var(--act-color);
-    box-shadow: inset 0 0 0 2px var(--fg-color);
-    transition: all 0.2s ease-in-out;
-  }
-
-  &.icon {
-    background-color: transparent;
-    color: var(--fg-light-color);
-    fill: var(--fg-light-color);
-    border-radius: 8px;
-
-    &:not([disabled]):hover,
-    &:not([disabled]):active,
-    &:not([disabled]):focus {
-      color: var(--fg-color);
-      fill: var(--fg-color);
-      box-shadow: none;
-      transition: all 0.2s ease-in-out;
-    }
-  }
-
-  &.primary {
-    color: var(--ac-color);
-
-    &:not([disabled]):hover,
-    &:not([disabled]):active,
-    &:not([disabled]):focus {
-      background-color: var(--ac-color);
-      color: var(--act-color);
-    }
-  }
-}
-
-@keyframes beat {
-  30% {
-    transform: scale(1.1);
-  }
-  50% {
-    transform: scale(0.9);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-
-.material-icons:active {
-  animation: beat 0.5s forwards 1;
-}
-
-fieldset {
-  margin: 16px 0;
-  border-radius: 16px;
-  transition: all 0.2s ease-in-out;
-  background-color: var(--bg-dark-color);
-}
-
-legend {
-  display: inline-block;
-  align-items: center;
-  justify-content: center;
-  color: var(--fg-color);
-  font-weight: 700;
-  cursor: pointer;
-
-  * {
-    vertical-align: middle;
-  }
-
-  i {
-    margin-left: 8px;
-  }
-}
-
-fieldset.blue legend {
-  color: #57b5f9;
-}
-
-fieldset.gray legend {
-  color: #bcc2cd;
-}
-
-fieldset.green legend {
-  color: #50fa7b;
-}
-
-fieldset.cyan legend {
-  color: #8be9fd;
-}
-
-fieldset.purple legend {
-  color: #bd93f9;
-}
-
-fieldset.orange legend {
-  color: #ffb86c;
-}
-
-fieldset.pink legend {
-  color: #ff79c6;
-}
-
-fieldset.red legend {
-  color: #ff5555;
-}
-
-fieldset.yellow legend {
-  color: #f1fa8c;
-}
-
-input[type="file"],
-input[type="radio"],
-.tab,
-.hide-on-large-screen,
-#installPWA,
-.hidden {
-  display: none;
-}
-
-kbd,
-select,
-input,
-textarea,
-pre,
-code {
-  display: inline-flex;
-  margin: 4px;
-  padding: 8px;
-  border-radius: 8px;
-  background-color: var(--bg-dark-color);
-  color: var(--fg-color);
-  font-size: 16px;
-  font-family: "Roboto Mono", monospace;
-  font-weight: 400;
-  line-height: 1;
-  transition: all 0.2s ease-in-out;
-  user-select: text;
-  width: calc(100% - 8px);
-  resize: vertical;
-  text-overflow: ellipsis;
-
-  &:not([readonly]):not(.ace_editor):hover,
-  &:not([readonly]):not(.ace_editor):active,
-  &:not([readonly]):not(.ace_editor):focus {
-    box-shadow: inset 0 0 0 2px var(--fg-light-color);
-    transition: all 0.2s ease-in-out;
-  }
-}
-
-pre {
-  display: grid;
-}
-
-pre.ace_editor {
-  font-family: "Roboto Mono", monospace;
-  font-weight: 400;
-  z-index: 0;
-}
-
-kbd,
-code,
-pre {
-  width: auto;
-}
-
-.select-wrapper {
-  position: relative;
-
-  &:after {
-    display: inline-block;
-    position: absolute;
-    pointer-events: none;
-    content: "\e313";
-    font-family: "Material Icons";
-    top: 14px;
-    right: 14px;
-  }
-}
-
-select {
-  height: 37px;
-  cursor: pointer;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-
-  &::-ms-expand {
-    display: none;
-  }
-}
-
-option {
-  background-color: var(--bg-color);
-}
-
-input[type="checkbox"] {
-  display: none;
-
-  &,
-  & + label {
-    vertical-align: middle;
-    cursor: pointer;
-
-    &:before {
-      content: "\2714";
-      border: 1px solid var(--fg-color);
-      border-radius: 8px;
-      display: inline-flex;
-      height: 16px;
-      width: 16px;
-      align-items: center;
-      justify-content: center;
-      margin: 8px 8px 8px 0;
-      color: transparent;
-      transition: all 0.2s ease-in-out;
-    }
-  }
-
-  &:checked + label:before {
-    background-color: var(--ac-color);
-    border-color: var(--ac-color);
-    color: var(--act-color);
-  }
-}
-
-.error:not(input),
-.disabled:not(input),
-[disabled] {
-  background-color: var(--err-color);
-  color: var(--fg-light-color);
-  fill: var(--fg-light-color);
-  cursor: not-allowed;
-
-  &.icon {
-    color: var(--err-color);
-    fill: var(--err-color);
-  }
-}
-
-label {
-  padding: 4px;
-  color: var(--fg-light-color);
-}
-
-ul,
-ol {
-  display: flex;
-  margin: 4px 0 4px;
-  padding: 0;
-  list-style-type: none;
-
-  ul,
-  ol {
-    margin: 0;
-  }
-}
-
-ul li,
-ol li {
-  display: inline-flex;
-  flex-direction: column;
-  flex-grow: 1;
-  justify-content: center;
-}
-
-.flex-wrap {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-grow: 1;
-  flex-direction: row;
-
-  * {
-    display: inline-flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-.show-on-small-screen {
-  display: flex;
-}
-
-.show-on-large-screen {
-  display: inline-flex;
-  flex: 1;
-}
-
-.info-response {
-  color: #ffeb3b;
-}
-
-.success-response {
-  color: #4bb543;
-}
-
-.redir-response {
-  color: #ff5722;
-}
-
-.cl-error-response {
-  color: #a63232;
-}
-
-.sv-error-response {
-  color: #b71c1c;
-}
-
-.missing-data-response {
-  background-color: var(--err-color);
-}
-
-.align-left {
-  text-align: left;
-}
-
-.align-center {
-  text-align: center;
-}
-
-.align-right {
-  text-align: right;
-}
-
-.mono {
-  font-family: "Roboto Mono", monospace;
-  font-weight: 400;
-}
-
-#response-details-wrapper {
-  position: relative;
-  overflow: hidden;
-  border-radius: 8px;
-
-  textarea {
-    margin: 0;
-    width: 100%;
-    line-height: 1;
-  }
-
-  .covers-response {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: white;
-    height: 100%;
-    width: 100%;
-  }
-}
-
-#send {
-  // #hidden-message {
-  //   display: none;
-  // }
-
-  &.show {
-    display: flex;
-    position: fixed;
-    top: 12px;
-    right: 12px;
-    z-index: 2;
-
-    // #hidden-message {
-    //   display: block;
-    //   margin-left: 4px;
-    // }
-  }
-}
-
-section {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.tab {
-  width: 100%;
-  order: 1;
-}
-
-input[type="radio"] + label {
-  padding: 8px 16px;
-  border-bottom: 2px solid transparent;
-  cursor: pointer;
-  transition: all 0.2s ease-in-out;
-
-  &:hover,
-  &:active,
-  &:focus {
-    border-color: var(--brd-color);
-  }
-}
-
-input[type="radio"]:checked + label {
-  border-color: var(--fg-color);
-  color: var(--fg-color);
-}
-
-input[type="radio"]:checked + label + .tab {
-  display: block;
-}
-
-.toasted-container .toasted {
-  justify-content: flex-start !important;
-}
-
-.toasted.info {
-  background-color: var(--ac-color) !important;
-  color: var(--act-color) !important;
-  font-weight: 700 !important;
-}
-
-.toasted.bubble .action {
-  color: inherit !important;
-}
-
-.toasted .action {
-  margin-left: auto !important;
-}
-
-.page-columns {
-  display: flex;
-  flex: 1;
-  flex-flow: column;
-}
-
-.inner-left {
-  display: flex;
-  order: 1;
-}
-
-.inner-right {
-  display: flex;
-  width: 30%;
-  order: 2;
-  margin-left: 16px;
-}
-
-@media (max-width: $responsiveWidth) {
-  .content,
-  .columns {
-    flex-flow: column;
-  }
-
-  .nav-first {
-    position: fixed;
-    top: auto;
-    bottom: 0;
-    height: auto;
-    padding: 0;
-    width: 100%;
-    background-color: var(--bg-color);
-    transition: all 0.2s ease-in-out;
-    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.45);
-  }
-
-  nav.primary-nav {
-    flex-flow: row nowrap;
-    overflow: auto;
-    justify-content: space-around;
-
-    a {
-      background-color: transparent;
-      margin: 8px;
-
-      &.nuxt-link-exact-active {
-        background-color: transparent;
-        color: var(--ac-color);
-        fill: var(--ac-color);
-
-        svg {
-          fill: var(--ac-color);
-        }
-      }
-    }
-  }
-
-  nav.secondary-nav {
-    display: none;
-  }
-
-  .main {
-    padding: 0 8px 68px;
-  }
-
-  ul,
-  ol {
-    flex-direction: column;
-  }
-
-  ul li,
-  ol li {
-    display: flex;
-  }
-
-  .hide-on-small-screen {
-    display: none;
-  }
-
-  .hide-on-large-screen,
-  .show-on-small-screen {
-    display: inline-flex;
-  }
-
-  .sticky-inner {
-    position: relative;
-    width: 100%;
-  }
-
-  .inner-left {
-    order: 0;
-  }
-
-  .inner-right {
-    margin-left: 0;
-  }
-
-  .toasted-container {
-    margin-bottom: 68px;
-  }
-}

assets/css/themes.scss

@@ -1,107 +0,0 @@
-/**
-  Main Themes:
-  - dark (default)
-  - light
-  - black
-  - auto
- */
-
-// Dark is the default theme variant.
-@mixin darkTheme {
-  // Background color
-  --bg-color: rgba(32, 33, 36, 1);
-  // Light Background color
-  --bg-light-color: rgba(255, 255, 255, 0.02);
-  // Dark Background color
-  --bg-dark-color: rgba(0, 0, 0, 0.1);
-  // Text color
-  --fg-color: rgba(255, 255, 255, 0.9);
-  // Light Text color
-  --fg-light-color: rgba(255, 255, 255, 0.5);
-  // Border color
-  --brd-color: rgba(255, 255, 255, 0.05);
-  // Error color
-  --err-color: rgba(255, 255, 255, 0.05);
-  // Acent color
-  --ac-color: rgba(80, 250, 123, 1);
-  // Active text color
-  --act-color: rgba(32, 33, 36, 1);
-  // Auto-complete color
-  --atc-color: rgba(32, 33, 36, 1);
-  // Tooltip color
-  --tt-color: rgba(53, 53, 53, 1);
-}
-
-@mixin lightTheme {
-  // Background color
-  --bg-color: rgba(255, 255, 255, 1);
-  // Light Background color
-  --bg-light-color: rgba(0, 0, 0, 0.02);
-  // Dark Background color
-  --bg-dark-color: rgba(0, 0, 0, 0.02);
-  // Text color
-  --fg-color: rgba(0, 0, 0, 0.9);
-  // Light Text color
-  --fg-light-color: rgba(0, 0, 0, 0.6);
-  // Border color
-  --brd-color: rgba(0, 0, 0, 0.1);
-  // Error color
-  --err-color: rgba(0, 0, 0, 0.1);
-  // Acent color
-  --ac-color: rgba(80, 250, 123, 1);
-  // Active text color
-  --act-color: rgba(255, 255, 255, 1);
-  // Auto-complete color
-  --atc-color: rgba(255, 255, 255, 1);
-  // Tooltip color
-  --tt-color: rgba(220, 220, 220, 1);
-}
-
-@mixin blackTheme {
-  // Background color
-  --bg-color: rgba(0, 0, 0, 1);
-  // Light Background color
-  --bg-light-color: rgba(255, 255, 255, 0.02);
-  // Dark Background color
-  --bg-dark-color: rgba(255, 255, 255, 0.02);
-  // Text color
-  --fg-color: rgba(255, 255, 255, 0.9);
-  // Light Text color
-  --fg-light-color: rgba(255, 255, 255, 0.5);
-  // Border color
-  --brd-color: rgba(255, 255, 255, 0.05);
-  // Error color
-  --err-color: rgba(255, 255, 255, 0.05);
-  // Acent color
-  --ac-color: rgba(80, 250, 123, 1);
-  // Active text color
-  --act-color: rgba(0, 0, 0, 1);
-  // Auto-complete color
-  --atc-color: rgba(0, 0, 0, 1);
-  // Tooltip color
-  --tt-color: rgba(18, 18, 18, 1);
-}
-
-:root {
-  @include darkTheme;
-}
-
-:root.light {
-  @include lightTheme;
-}
-
-:root.black {
-  @include blackTheme;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root.auto {
-    @include darkTheme;
-  }
-}
-
-@media (prefers-color-scheme: light) {
-  :root.auto {
-    @include lightTheme;
-  }
-}

assets/js/curlparser.js

@@ -1,226 +0,0 @@
-import * as cookie from "cookie";
-import * as URL from "url";
-import * as querystring from "querystring";
-
-/**
- * given this: [ 'msg1=value1', 'msg2=value2' ]
- * output this: 'msg1=value1&msg2=value2'
- * @param dataArguments
- */
-const joinDataArguments = dataArguments => {
-  let data = "";
-  dataArguments.forEach((argument, i) => {
-    if (i === 0) {
-      data += argument;
-    } else {
-      data += `&${argument}`;
-    }
-  });
-  return data;
-};
-
-const parseCurlCommand = curlCommand => {
-  let newlineFound = /\r|\n/.exec(curlCommand);
-  if (newlineFound) {
-    // remove newlines
-    curlCommand = curlCommand.replace(/\r|\n/g, "");
-  }
-  // yargs parses -XPOST as separate arguments. just prescreen for it.
-  curlCommand = curlCommand.replace(/ -XPOST/, " -X POST");
-  curlCommand = curlCommand.replace(/ -XGET/, " -X GET");
-  curlCommand = curlCommand.replace(/ -XPUT/, " -X PUT");
-  curlCommand = curlCommand.replace(/ -XPATCH/, " -X PATCH");
-  curlCommand = curlCommand.replace(/ -XDELETE/, " -X DELETE");
-  curlCommand = curlCommand.trim();
-  let parsedArguments = require("yargs-parser")(curlCommand);
-  let cookieString;
-  let cookies;
-  let url = parsedArguments._[1];
-  if (!url) {
-    for (let argName in parsedArguments) {
-      if (typeof parsedArguments[argName] === "string") {
-        if (["http", "www."].includes(parsedArguments[argName])) {
-          url = parsedArguments[argName];
-        }
-      }
-    }
-  }
-  let headers;
-
-  const parseHeaders = headerFieldName => {
-    if (parsedArguments[headerFieldName]) {
-      if (!headers) {
-        headers = {};
-      }
-      if (!Array.isArray(parsedArguments[headerFieldName])) {
-        parsedArguments[headerFieldName] = [parsedArguments[headerFieldName]];
-      }
-      parsedArguments[headerFieldName].forEach(header => {
-        if (header.includes("Cookie")) {
-          // stupid javascript tricks: closure
-          cookieString = header;
-        } else {
-          let colonIndex = header.indexOf(":");
-          let headerName = header.substring(0, colonIndex);
-          let headerValue = header.substring(colonIndex + 1).trim();
-          headers[headerName] = headerValue;
-        }
-      });
-    }
-  };
-
-  parseHeaders("H");
-  parseHeaders("header");
-  if (parsedArguments.A) {
-    if (!headers) {
-      headers = [];
-    }
-    headers["User-Agent"] = parsedArguments.A;
-  } else if (parsedArguments["user-agent"]) {
-    if (!headers) {
-      headers = [];
-    }
-    headers["User-Agent"] = parsedArguments["user-agent"];
-  }
-
-  if (parsedArguments.b) {
-    cookieString = parsedArguments.b;
-  }
-  if (parsedArguments.cookie) {
-    cookieString = parsedArguments.cookie;
-  }
-  let multipartUploads;
-  if (parsedArguments.F) {
-    multipartUploads = {};
-    if (!Array.isArray(parsedArguments.F)) {
-      parsedArguments.F = [parsedArguments.F];
-    }
-    parsedArguments.F.forEach(multipartArgument => {
-      // input looks like key=value. value could be json or a file path prepended with an @
-      const [key, value] = multipartArgument.split("=", 2);
-      multipartUploads[key] = value;
-    });
-  }
-  if (cookieString) {
-    const cookieParseOptions = {
-      decode: s => s
-    };
-    // separate out cookie headers into separate data structure
-    // note: cookie is case insensitive
-    cookies = cookie.parse(
-      cookieString.replace(/^Cookie: /gi, ""),
-      cookieParseOptions
-    );
-  }
-  let method;
-  if (parsedArguments.X === "POST") {
-    method = "post";
-  } else if (parsedArguments.X === "PUT" || parsedArguments["T"]) {
-    method = "put";
-  } else if (parsedArguments.X === "PATCH") {
-    method = "patch";
-  } else if (parsedArguments.X === "DELETE") {
-    method = "delete";
-  } else if (parsedArguments.X === "OPTIONS") {
-    method = "options";
-  } else if (
-    (parsedArguments["d"] ||
-      parsedArguments["data"] ||
-      parsedArguments["data-ascii"] ||
-      parsedArguments["data-binary"] ||
-      parsedArguments["F"] ||
-      parsedArguments["form"]) &&
-    !(parsedArguments["G"] || parsedArguments["get"])
-  ) {
-    method = "post";
-  } else if (parsedArguments["I"] || parsedArguments["head"]) {
-    method = "head";
-  } else {
-    method = "get";
-  }
-
-  let compressed = !!parsedArguments.compressed;
-  let urlObject = URL.parse(url); // eslint-disable-line
-
-  // if GET request with data, convert data to query string
-  // NB: the -G flag does not change the http verb. It just moves the data into the url.
-  if (parsedArguments["G"] || parsedArguments["get"]) {
-    urlObject.query = urlObject.query ? urlObject.query : "";
-    let option =
-      "d" in parsedArguments ? "d" : "data" in parsedArguments ? "data" : null;
-    if (option) {
-      let urlQueryString = "";
-
-      if (!url.includes("?")) {
-        url += "?";
-      } else {
-        urlQueryString += "&";
-      }
-
-      if (typeof parsedArguments[option] === "object") {
-        urlQueryString += parsedArguments[option].join("&");
-      } else {
-        urlQueryString += parsedArguments[option];
-      }
-      urlObject.query += urlQueryString;
-      url += urlQueryString;
-      delete parsedArguments[option];
-    }
-  }
-  let query = querystring.parse(urlObject.query, null, null, {
-    maxKeys: 10000
-  });
-
-  urlObject.search = null; // Clean out the search/query portion.
-  const request = {
-    url,
-    urlWithoutQuery: URL.format(urlObject)
-  };
-  if (compressed) {
-    request["compressed"] = true;
-  }
-
-  if (Object.keys(query).length > 0) {
-    request.query = query;
-  }
-  if (headers) {
-    request.headers = headers;
-  }
-  request["method"] = method;
-
-  if (cookies) {
-    request.cookies = cookies;
-    request.cookieString = cookieString.replace("Cookie: ", "");
-  }
-  if (multipartUploads) {
-    request.multipartUploads = multipartUploads;
-  }
-  if (parsedArguments.data) {
-    request.data = parsedArguments.data;
-  } else if (parsedArguments["data-binary"]) {
-    request.data = parsedArguments["data-binary"];
-    request.isDataBinary = true;
-  } else if (parsedArguments["d"]) {
-    request.data = parsedArguments["d"];
-  } else if (parsedArguments["data-ascii"]) {
-    request.data = parsedArguments["data-ascii"];
-  }
-
-  if (parsedArguments["u"]) {
-    request.auth = parsedArguments["u"];
-  }
-  if (parsedArguments["user"]) {
-    request.auth = parsedArguments["user"];
-  }
-  if (Array.isArray(request.data)) {
-    request.dataArray = request.data;
-    request.data = joinDataArguments(request.data);
-  }
-
-  if (parsedArguments["k"] || parsedArguments["insecure"]) {
-    request.insecure = true;
-  }
-  return request;
-};
-
-export default parseCurlCommand;

assets/js/pwa.js

@@ -1,56 +0,0 @@
-export default () => {
-  //*** Determine whether or not the PWA has been installed. ***//
-
-  // Step 1: Check local storage
-  let pwaInstalled = localStorage.getItem("pwaInstalled") === "yes";
-
-  // Step 2: Check if the display-mode is standalone. (Only permitted for PWAs.)
-  if (
-    !pwaInstalled &&
-    window.matchMedia("(display-mode: standalone)").matches
-  ) {
-    localStorage.setItem("pwaInstalled", "yes");
-    pwaInstalled = true;
-  }
-
-  // Step 3: Check if the navigator is in standalone mode. (Again, only permitted for PWAs.)
-  if (!pwaInstalled && window.navigator.standalone === true) {
-    localStorage.setItem("pwaInstalled", "yes");
-    pwaInstalled = true;
-  }
-
-  //*** If the PWA has not been installed, show the install PWA prompt.. ***//
-  let deferredPrompt = null;
-  window.addEventListener("beforeinstallprompt", event => {
-    deferredPrompt = event;
-
-    // Show the install button if the prompt appeared.
-    if (!pwaInstalled) {
-      document.querySelector("#installPWA").style.display = "inline-flex";
-    }
-  });
-
-  // When the app is installed, remove install prompts.
-  window.addEventListener("appinstalled", event => {
-    localStorage.setItem("pwaInstalled", "yes");
-    pwaInstalled = true;
-    document.getElementById("installPWA").style.display = "none";
-  });
-
-  // When the app is uninstalled, add the prompts back
-  return async () => {
-    if (deferredPrompt) {
-      deferredPrompt.prompt();
-      let outcome = await deferredPrompt.userChoice;
-
-      if (outcome === "accepted") {
-        console.log("Postwoman was installed successfully.");
-      } else {
-        console.log(
-          "Postwoman could not be installed. (Installation rejected by user.)"
-        );
-      }
-      deferredPrompt = null;
-    }
-  };
-};

build.js

@@ -1,63 +0,0 @@
-const axios = require("axios");
-const fs = require("fs");
-const { spawnSync } = require("child_process");
-const runCommand = (command, args) =>
-  spawnSync(command, args)
-    .stdout.toString()
-    .replace(/\n/g, "");
-
-const FAIL_ON_ERROR = false;
-const PW_BUILD_DATA_DIR = "./.postwoman";
-const IS_DEV_MODE = process.argv.includes("--dev");
-
-try {
-  (async () => {
-    // Create the build data directory if it does not exist.
-    if (!fs.existsSync(PW_BUILD_DATA_DIR)) {
-      fs.mkdirSync(PW_BUILD_DATA_DIR);
-    }
-
-    let version = {};
-    // Get the current version name as the tag from Git.
-    version.name =
-      process.env.TRAVIS_TAG ||
-      runCommand("git", ["tag --sort=committerdate | tail -1"]);
-
-    // FALLBACK: If version.name was unset, let's grab it from GitHub.
-    if (!version.name) {
-      version.name = (
-        await axios
-          .get("https://api.github.com/repos/liyasthomas/postwoman/releases")
-          // If we can't get it from GitHub, we'll resort to getting it from package.json
-          .catch(ex => ({
-            data: [
-              {
-                tag_name: require("./package.json").version
-              }
-            ]
-          }))
-      ).data[0]["tag_name"];
-    }
-
-    // Get the current version hash as the short hash from Git.
-    version.hash = runCommand("git", ["rev-parse", "--short", "HEAD"]);
-    // Get the 'variant' name as the branch, if it's not master.
-    version.variant =
-      process.env.TRAVIS_BRANCH ||
-      runCommand("git", ["branch"])
-        .split("* ")[1]
-        .split(" ")[0] + (IS_DEV_MODE ? " - DEV MODE" : "");
-    if (["", "master"].includes(version.variant)) {
-      delete version.variant;
-    }
-
-    // Write version data into a file
-    fs.writeFileSync(
-      `${PW_BUILD_DATA_DIR}/version.json`,
-      JSON.stringify(version)
-    );
-  })();
-} catch (ex) {
-  console.error(ex);
-  process.exit(FAIL_ON_ERROR ? 1 : 0);
-}

commitlint.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ["@commitlint/config-conventional"],
+}

components/README.md

@@ -1,7 +0,0 @@
-# COMPONENTS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-The components directory contains your Vue.js Components.
-
-_Nuxt.js doesn't supercharge these components._

components/ace-editor.vue

@@ -1,92 +0,0 @@
-<template>
-  <pre ref="editor"></pre>
-</template>
-
-<script>
-const DEFAULT_THEME = "twilight";
-
-import ace from "ace-builds";
-import "ace-builds/webpack-resolver";
-
-export default {
-  props: {
-    value: {
-      type: String,
-      default: ""
-    },
-    theme: {
-      type: String,
-      required: false
-    },
-    lang: {
-      type: String,
-      default: "json"
-    },
-    options: {
-      type: Object,
-      default: {}
-    }
-  },
-
-  data() {
-    return {
-      editor: null,
-      cacheValue: ""
-    };
-  },
-
-  watch: {
-    value(value) {
-      if (value !== this.cacheValue) {
-        this.editor.session.setValue(value, 1);
-        this.cacheValue = value;
-      }
-    },
-    theme() {
-      this.editor.setTheme("ace/theme/" + this.defineTheme());
-    },
-    lang(value) {
-      this.editor.getSession().setMode("ace/mode/" + value);
-    },
-    options(value) {
-      this.editor.setOptions(value);
-    }
-  },
-
-  mounted() {
-    const editor = ace.edit(this.$refs.editor, {
-      theme: "ace/theme/" + this.defineTheme(),
-      mode: "ace/mode/" + this.lang,
-      ...this.options
-    });
-
-    if (this.value) editor.setValue(this.value, 1);
-
-    this.editor = editor;
-    this.cacheValue = this.value;
-
-    editor.on("change", () => {
-      const content = editor.getValue();
-      this.$emit("input", content);
-      this.cacheValue = content;
-    });
-  },
-
-  methods: {
-    defineTheme() {
-      if (this.theme) {
-        return this.theme;
-      } else {
-        return (
-          this.$store.state.postwoman.settings.THEME_ACE_EDITOR || DEFAULT_THEME
-        );
-      }
-    }
-  },
-
-  beforeDestroy() {
-    this.editor.destroy();
-    this.editor.container.remove();
-  }
-};
-</script>

components/autocomplete.vue

@@ -1,219 +0,0 @@
-<template>
-  <div class="autocomplete-wrapper">
-    <input
-      type="text"
-      :placeholder="placeholder"
-      v-model="text"
-      @input="updateSuggestions"
-      @keyup="updateSuggestions"
-      @click="updateSuggestions"
-      @keydown="handleKeystroke"
-      ref="acInput"
-      :spellcheck="spellcheck"
-      :autocapitalize="spellcheck"
-      :autocorrect="spellcheck"
-    />
-    <ul
-      class="suggestions"
-      v-if="suggestions.length > 0 && suggestionsVisible"
-      :style="{ transform: `translate(${suggestionsOffsetLeft}px, 0)` }"
-    >
-      <li
-        v-for="(suggestion, index) in suggestions"
-        @click.prevent="forceSuggestion(suggestion)"
-        :class="{ active: currentSuggestionIndex === index }"
-        :key="index"
-      >
-        {{ suggestion }}
-      </li>
-    </ul>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.autocomplete-wrapper {
-  position: relative;
-
-  input:focus + ul.suggestions,
-  ul.suggestions:hover {
-    display: block;
-  }
-
-  ul.suggestions {
-    display: none;
-    background-color: var(--atc-color);
-    position: absolute;
-    top: calc(100% - 4px);
-    margin: 0 4px;
-    left: 0;
-    padding: 0;
-    border-radius: 0 0 8px 8px;
-    z-index: 9999;
-    transition: transform 0.2s ease-out;
-    box-shadow: 0 5px 30px rgba(black, 0.1);
-
-    li {
-      width: 100%;
-      display: block;
-      padding: 8px 16px;
-      font-size: 16px;
-      font-family: "Roboto Mono", monospace;
-      font-weight: 400;
-
-      &:last-child {
-        border-radius: 0 0 8px 8px;
-      }
-
-      &:hover,
-      &.active {
-        background-color: var(--ac-color);
-        color: var(--act-color);
-        cursor: pointer;
-      }
-    }
-  }
-}
-</style>
-
-<script>
-const KEY_TAB = 9;
-const KEY_ESC = 27;
-
-const KEY_ARROW_UP = 38;
-const KEY_ARROW_DOWN = 40;
-
-export default {
-  props: {
-    spellcheck: {
-      type: Boolean,
-      default: true,
-      required: false
-    },
-
-    placeholder: {
-      type: String,
-      default: "",
-      required: false
-    },
-
-    source: {
-      type: Array,
-      required: true
-    },
-
-    value: {
-      type: String,
-      default: "",
-      required: false
-    }
-  },
-
-  watch: {
-    text() {
-      this.$emit("input", this.text);
-    }
-  },
-
-  data() {
-    return {
-      text: this.value,
-      selectionStart: 0,
-      suggestionsOffsetLeft: 0,
-      currentSuggestionIndex: -1,
-      suggestionsVisible: false
-    };
-  },
-
-  methods: {
-    updateSuggestions(event) {
-      // Hide suggestions if ESC pressed.
-      if (event.which && event.which === KEY_ESC) {
-        event.preventDefault();
-        this.suggestionsVisible = false;
-        this.currentSuggestionIndex = -1;
-        return;
-      }
-
-      // As suggestions is a reactive property, this implicitly
-      // causes suggestions to update.
-      this.selectionStart = this.$refs.acInput.selectionStart;
-      this.suggestionsOffsetLeft = 12 * this.selectionStart;
-      this.suggestionsVisible = true;
-    },
-
-    forceSuggestion(text) {
-      let input = this.text.substring(0, this.selectionStart);
-      this.text = input + text;
-
-      this.selectionStart = this.text.length;
-      this.suggestionsVisible = true;
-      this.currentSuggestionIndex = -1;
-    },
-
-    handleKeystroke(event) {
-      switch (event.which) {
-        case KEY_ARROW_UP:
-          event.preventDefault();
-          this.currentSuggestionIndex =
-            this.currentSuggestionIndex - 1 >= 0
-              ? this.currentSuggestionIndex - 1
-              : 0;
-          break;
-
-        case KEY_ARROW_DOWN:
-          event.preventDefault();
-          this.currentSuggestionIndex =
-            this.currentSuggestionIndex < this.suggestions.length - 1
-              ? this.currentSuggestionIndex + 1
-              : this.suggestions.length - 1;
-          break;
-
-        case KEY_TAB:
-          event.preventDefault();
-          let activeSuggestion = this.suggestions[
-            this.currentSuggestionIndex >= 0 ? this.currentSuggestionIndex : 0
-          ];
-          if (activeSuggestion) {
-            let input = this.text.substring(0, this.selectionStart);
-            this.text = input + activeSuggestion;
-          }
-          break;
-
-        default:
-          break;
-      }
-    }
-  },
-
-  computed: {
-    /**
-     * Gets the suggestions list to be displayed under the input box.
-     *
-     * @returns {default.props.source|{type, required}}
-     */
-    suggestions() {
-      let input = this.text.substring(0, this.selectionStart);
-
-      return (
-        this.source
-          .filter(entry => {
-            return (
-              entry.toLowerCase().startsWith(input.toLowerCase()) &&
-              input.toLowerCase() !== entry.toLowerCase()
-            );
-          })
-          // Cut off the part that's already been typed.
-          .map(entry => entry.substring(this.selectionStart))
-          // We only want the top 6 suggestions.
-          .slice(0, 6)
-      );
-    }
-  },
-
-  mounted() {
-    this.updateSuggestions({
-      target: this.$refs.acInput
-    });
-  }
-};
-</script>

components/collections/addCollection.vue

@@ -1,73 +0,0 @@
-<template>
-  <modal v-if="show" @close="hideModal">
-    <div slot="header">
-      <ul>
-        <li>
-          <div class="flex-wrap">
-            <h3 class="title">{{ $t("new_collection") }}</h3>
-            <div>
-              <button class="icon" @click="hideModal">
-                <i class="material-icons">close</i>
-              </button>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div slot="body">
-      <ul>
-        <li>
-          <input
-            type="text"
-            v-model="name"
-            :placeholder="$t('my_new_collection')"
-          />
-        </li>
-      </ul>
-    </div>
-    <div slot="footer">
-      <div class="flex-wrap">
-        <span></span>
-        <span>
-          <button class="icon" @click="hideModal">
-            {{ $t("cancel") }}
-          </button>
-          <button class="icon primary" @click="addNewCollection">
-            {{ $t("save") }}
-          </button>
-        </span>
-      </div>
-    </div>
-  </modal>
-</template>
-
-<script>
-export default {
-  props: {
-    show: Boolean
-  },
-  components: {
-    modal: () => import("../../components/modal")
-  },
-  data() {
-    return {
-      name: undefined
-    };
-  },
-  methods: {
-    addNewCollection() {
-      if (!this.$data.name) {
-        this.$toast.info("Please provide a valid name for the collection");
-        return;
-      }
-      this.$store.commit("postwoman/addNewCollection", {
-        name: this.$data.name
-      });
-      this.$emit("hide-modal");
-    },
-    hideModal() {
-      this.$emit("hide-modal");
-    }
-  }
-};
-</script>

components/collections/addFolder.vue

@@ -1,72 +0,0 @@
-<template>
-  <modal v-if="show" @close="show = false">
-    <div slot="header">
-      <ul>
-        <li>
-          <div class="flex-wrap">
-            <h3 class="title">{{ $t("new_folder") }}</h3>
-            <div>
-              <button class="icon" @click="hideModal">
-                <i class="material-icons">close</i>
-              </button>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div slot="body">
-      <ul>
-        <li>
-          <input
-            type="text"
-            v-model="name"
-            :placeholder="$t('my_new_folder')"
-          />
-        </li>
-      </ul>
-    </div>
-    <div slot="footer">
-      <div class="flex-wrap">
-        <span></span>
-        <span>
-          <button class="icon" @click="hideModal">
-            {{ $t("cancel") }}
-          </button>
-          <button class="icon primary" @click="addNewFolder">
-            {{ $t("save") }}
-          </button>
-        </span>
-      </div>
-    </div>
-  </modal>
-</template>
-
-<script>
-export default {
-  props: {
-    show: Boolean,
-    collection: Object,
-    collectionIndex: Number
-  },
-  components: {
-    modal: () => import("../../components/modal")
-  },
-  data() {
-    return {
-      name: undefined
-    };
-  },
-  methods: {
-    addNewFolder() {
-      this.$store.commit("postwoman/addNewFolder", {
-        folder: { name: this.$data.name },
-        collectionIndex: this.$props.collectionIndex
-      });
-      this.hideModal();
-    },
-    hideModal() {
-      this.$emit("hide-modal");
-    }
-  }
-};
-</script>

components/collections/collection.vue

@@ -1,128 +0,0 @@
-<template>
-  <div>
-    <div class="flex-wrap">
-      <div>
-        <button class="icon" @click="toggleShowChildren">
-          <i class="material-icons" v-show="!showChildren">arrow_right</i>
-          <i class="material-icons" v-show="showChildren">arrow_drop_down</i>
-          <i class="material-icons">folder</i>
-          <span>{{ collection.name }}</span>
-        </button>
-      </div>
-      <v-popover>
-        <button class="tooltip-target icon" v-tooltip="$t('more')">
-          <i class="material-icons">more_vert</i>
-        </button>
-        <template slot="popover">
-          <div>
-            <button class="icon" @click="$emit('add-folder')" v-close-popover>
-              <i class="material-icons">create_new_folder</i>
-              <span>{{ $t("new_folder") }}</span>
-            </button>
-          </div>
-          <div>
-            <button
-              class="icon"
-              @click="$emit('edit-collection')"
-              v-close-popover
-            >
-              <i class="material-icons">create</i>
-              <span>{{ $t("edit") }}</span>
-            </button>
-          </div>
-          <div>
-            <button class="icon" @click="removeCollection" v-close-popover>
-              <i class="material-icons">delete</i>
-              <span>{{ $t("delete") }}</span>
-            </button>
-          </div>
-        </template>
-      </v-popover>
-    </div>
-
-    <div v-show="showChildren">
-      <ul>
-        <li v-for="(folder, index) in collection.folders" :key="folder.name">
-          <folder
-            :folder="folder"
-            :folderIndex="index"
-            :collection-index="collectionIndex"
-            @edit-folder="editFolder(collectionIndex, folder, index)"
-            @edit-request="$emit('edit-request', $event)"
-          />
-        </li>
-        <li
-          v-if="
-            collection.folders.length === 0 && collection.requests.length === 0
-          "
-        >
-          <label>{{ $t("collection_empty") }}</label>
-        </li>
-      </ul>
-      <ul>
-        <li v-for="(request, index) in collection.requests" :key="index">
-          <request
-            :request="request"
-            :collection-index="collectionIndex"
-            :folder-index="-1"
-            :request-index="index"
-            @edit-request="
-              $emit('edit-request', {
-                request,
-                collectionIndex,
-                folderIndex: undefined,
-                requestIndex: index
-              })
-            "
-          />
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-ul {
-  display: flex;
-  flex-direction: column;
-}
-
-ul li {
-  display: flex;
-  margin-left: 32px;
-  border-left: 1px solid var(--brd-color);
-}
-</style>
-
-<script>
-export default {
-  components: {
-    folder: () => import("./folder"),
-    request: () => import("./request")
-  },
-  props: {
-    collectionIndex: Number,
-    collection: Object
-  },
-  data() {
-    return {
-      showChildren: false,
-      selectedFolder: {}
-    };
-  },
-  methods: {
-    toggleShowChildren() {
-      this.showChildren = !this.showChildren;
-    },
-    removeCollection() {
-      if (!confirm("Are you sure you want to remove this Collection?")) return;
-      this.$store.commit("postwoman/removeCollection", {
-        collectionIndex: this.collectionIndex
-      });
-    },
-    editFolder(collectionIndex, folder, folderIndex) {
-      this.$emit("edit-folder", { collectionIndex, folder, folderIndex });
-    }
-  }
-};
-</script>

components/collections/editCollection.vue

@@ -1,81 +0,0 @@
-<template>
-  <modal v-if="show" @close="hideModal">
-    <div slot="header">
-      <ul>
-        <li>
-          <div class="flex-wrap">
-            <h3 class="title">{{ $t("edit_collection") }}</h3>
-            <div>
-              <button class="icon" @click="hideModal">
-                <i class="material-icons">close</i>
-              </button>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div slot="body">
-      <ul>
-        <li>
-          <input
-            type="text"
-            v-model="name"
-            :placeholder="editingCollection.name"
-            @keyup.enter="saveCollection"
-          />
-        </li>
-      </ul>
-    </div>
-    <div slot="footer">
-      <div class="flex-wrap">
-        <span></span>
-        <span>
-          <button class="icon" @click="hideModal">
-            {{ $t("cancel") }}
-          </button>
-          <button class="icon primary" @click="saveCollection">
-            {{ $t("save") }}
-          </button>
-        </span>
-      </div>
-    </div>
-  </modal>
-</template>
-
-<script>
-export default {
-  props: {
-    show: Boolean,
-    editingCollection: Object,
-    editingCollectionIndex: Number
-  },
-  components: {
-    modal: () => import("../../components/modal")
-  },
-  data() {
-    return {
-      name: undefined
-    };
-  },
-  methods: {
-    saveCollection() {
-      if (!this.$data.name) {
-        this.$toast.info("Please provide a valid name for the collection");
-        return;
-      }
-      const collectionUpdated = {
-        ...this.$props.editingCollection,
-        name: this.$data.name
-      };
-      this.$store.commit("postwoman/editCollection", {
-        collection: collectionUpdated,
-        collectionIndex: this.$props.editingCollectionIndex
-      });
-      this.$emit("hide-modal");
-    },
-    hideModal() {
-      this.$emit("hide-modal");
-    }
-  }
-};
-</script>

components/collections/editFolder.vue

@@ -1,76 +0,0 @@
-<template>
-  <modal v-if="show" @close="show = false">
-    <div slot="header">
-      <ul>
-        <li>
-          <div class="flex-wrap">
-            <h3 class="title">{{ $t("edit_folder") }}</h3>
-            <div>
-              <button class="icon" @click="hideModal">
-                <i class="material-icons">close</i>
-              </button>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div slot="body">
-      <ul>
-        <li>
-          <input
-            type="text"
-            v-model="name"
-            :placeholder="folder.name"
-            @keyup.enter="editFolder"
-          />
-        </li>
-      </ul>
-    </div>
-    <div slot="footer">
-      <div class="flex-wrap">
-        <span></span>
-        <span>
-          <button class="icon" @click="hideModal">
-            {{ $t("cancel") }}
-          </button>
-          <button class="icon primary" @click="editFolder">
-            {{ $t("save") }}
-          </button>
-        </span>
-      </div>
-    </div>
-  </modal>
-</template>
-
-<script>
-export default {
-  props: {
-    show: Boolean,
-    collection: Object,
-    collectionIndex: Number,
-    folder: Object,
-    folderIndex: Number
-  },
-  components: {
-    modal: () => import("../../components/modal")
-  },
-  data() {
-    return {
-      name: undefined
-    };
-  },
-  methods: {
-    editFolder() {
-      this.$store.commit("postwoman/editFolder", {
-        collectionIndex: this.$props.collectionIndex,
-        folder: { ...this.$props.folder, name: this.$data.name },
-        folderIndex: this.$props.folderIndex
-      });
-      this.hideModal();
-    },
-    hideModal() {
-      this.$emit("hide-modal");
-    }
-  }
-};
-</script>

components/collections/editRequest.vue

@@ -1,160 +0,0 @@
-<template>
-  <modal v-if="show" @close="hideModal">
-    <div slot="header">
-      <ul>
-        <li>
-          <div class="flex-wrap">
-            <h3 class="title">{{ $t("edit_request") }}</h3>
-            <div>
-              <button class="icon" @click="hideModal">
-                <i class="material-icons">close</i>
-              </button>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div slot="body">
-      <ul>
-        <li>
-          <label for="selectLabel">{{ $t("label") }}</label>
-          <input
-            type="text"
-            id="selectLabel"
-            v-model="requestUpdateData.name"
-            @keyup.enter="saveRequest"
-            :placeholder="request.name"
-          />
-          <label for="selectCollection">{{ $t("collection") }}</label>
-          <span class="select-wrapper">
-            <select
-              type="text"
-              id="selectCollection"
-              v-model="requestUpdateData.collectionIndex"
-            >
-              <option
-                :key="undefined"
-                :value="undefined"
-                hidden
-                disabled
-                selected
-                >{{ $t("current_collection") }}</option
-              >
-              <option
-                v-for="(collection, index) in $store.state.postwoman
-                  .collections"
-                :key="index"
-                :value="index"
-              >
-                {{ collection.name }}
-              </option>
-            </select>
-          </span>
-          <label for="selectFolder">{{ $t("folder") }}</label>
-          <span class="select-wrapper">
-            <select
-              type="text"
-              id="selectFolder"
-              v-model="requestUpdateData.folderIndex"
-            >
-              <option :key="undefined" :value="undefined">/</option>
-              <option
-                v-for="(folder, index) in folders"
-                :key="index"
-                :value="index"
-              >
-                {{ folder.name }}
-              </option>
-            </select>
-          </span>
-        </li>
-      </ul>
-    </div>
-    <div slot="footer">
-      <div class="flex-wrap">
-        <span></span>
-        <span>
-          <button class="icon" @click="hideModal">
-            {{ $t("cancel") }}
-          </button>
-          <button class="icon primary" @click="saveRequest">
-            {{ $t("save") }}
-          </button>
-        </span>
-      </div>
-    </div>
-  </modal>
-</template>
-
-<script>
-export default {
-  props: {
-    show: Boolean,
-    collectionIndex: Number,
-    folderIndex: Number,
-    request: Object,
-    requestIndex: Number
-  },
-  components: {
-    modal: () => import("../../components/modal")
-  },
-  data() {
-    return {
-      requestUpdateData: {
-        name: undefined,
-        collectionIndex: undefined,
-        folderIndex: undefined
-      }
-    };
-  },
-  watch: {
-    "requestUpdateData.collectionIndex": function resetFolderIndex() {
-      // if user choosen some folder, than selected other collection, which doesn't have any folders
-      // than `requestUpdateData.folderIndex` won't be reseted
-      this.$data.requestUpdateData.folderIndex = undefined;
-    }
-  },
-  computed: {
-    folders() {
-      const userSelectedAnyCollection =
-        this.$data.requestUpdateData.collectionIndex !== undefined;
-      if (!userSelectedAnyCollection) return [];
-
-      return this.$store.state.postwoman.collections[
-        this.$data.requestUpdateData.collectionIndex
-      ].folders;
-    }
-  },
-  methods: {
-    saveRequest() {
-      const userSelectedAnyCollection =
-        this.$data.requestUpdateData.collectionIndex !== undefined;
-
-      const requestUpdated = {
-        ...this.$props.request,
-        name: this.$data.requestUpdateData.name || this.$props.request.name,
-        collection: userSelectedAnyCollection
-          ? this.$data.requestUpdateData.collectionIndex
-          : this.$props.collectionIndex,
-        folder: this.$data.requestUpdateData.folderIndex
-      };
-
-      // pass data separately to don't depend on request's collection, folder fields
-      // probably, they should be deprecated because they don't describe request itself
-      this.$store.commit("postwoman/editRequest", {
-        requestOldCollectionIndex: this.$props.collectionIndex,
-        requestOldFolderIndex: this.$props.folderIndex,
-        requestOldIndex: this.$props.requestIndex,
-        requestNew: requestUpdated,
-        requestNewCollectionIndex: requestUpdated.collection,
-        requestNewFolderIndex: requestUpdated.folder
-      });
-
-      this.hideModal();
-    },
-    hideModal() {
-      this.$emit("hide-modal");
-    }
-  }
-};
-</script>

components/collections/folder.vue

@@ -1,106 +0,0 @@
-<template>
-  <div>
-    <div class="flex-wrap">
-      <div>
-        <button class="icon" @click="toggleShowChildren">
-          <i class="material-icons" v-show="!showChildren">arrow_right</i>
-          <i class="material-icons" v-show="showChildren">arrow_drop_down</i>
-          <i class="material-icons">folder_open</i>
-          <span>{{ folder.name }}</span>
-        </button>
-      </div>
-      <v-popover>
-        <button class="tooltip-target icon" v-tooltip="$t('more')">
-          <i class="material-icons">more_vert</i>
-        </button>
-        <template slot="popover">
-          <div>
-            <button class="icon" @click="editFolder" v-close-popover>
-              <i class="material-icons">edit</i>
-              <span>{{ $t("edit") }}</span>
-            </button>
-          </div>
-          <div>
-            <button class="icon" @click="removeFolder" v-close-popover>
-              <i class="material-icons">delete</i>
-              <span>{{ $t("delete") }}</span>
-            </button>
-          </div>
-        </template>
-      </v-popover>
-    </div>
-
-    <div v-show="showChildren">
-      <ul>
-        <li v-for="(request, index) in folder.requests" :key="index">
-          <request
-            :request="request"
-            :collection-index="collectionIndex"
-            :folder-index="folderIndex"
-            :request-index="index"
-            @edit-request="
-              $emit('edit-request', {
-                request,
-                collectionIndex,
-                folderIndex,
-                requestIndex: index
-              })
-            "
-          />
-        </li>
-        <li v-if="folder.requests.length === 0">
-          <label>{{ $t("folder_empty") }}</label>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-ul {
-  display: flex;
-  flex-direction: column;
-}
-
-ul li {
-  display: flex;
-  margin-left: 32px;
-  border-left: 1px solid var(--brd-color);
-}
-</style>
-
-<script>
-export default {
-  props: {
-    folder: Object,
-    collectionIndex: Number,
-    folderIndex: Number
-  },
-  components: {
-    request: () => import("./request")
-  },
-  data() {
-    return {
-      showChildren: false
-    };
-  },
-  methods: {
-    toggleShowChildren() {
-      this.showChildren = !this.showChildren;
-    },
-    selectRequest(request) {
-      this.$store.commit("postwoman/selectRequest", { request });
-    },
-    removeFolder() {
-      if (!confirm("Are you sure you want to remove this folder?")) return;
-      this.$store.commit("postwoman/removeFolder", {
-        collectionIndex: this.collectionIndex,
-        folderIndex: this.folderIndex
-      });
-    },
-    editFolder() {
-      this.$emit("edit-folder");
-    }
-  }
-};
-</script>

components/collections/importExportCollections.vue

@@ -1,167 +0,0 @@
-<template>
-  <modal v-if="show" @close="hideModal">
-    <div slot="header">
-      <ul>
-        <li>
-          <div class="flex-wrap">
-            <h3 class="title">Import / Export Collections</h3>
-            <div>
-              <button class="icon" @click="hideModal">
-                <i class="material-icons">close</i>
-              </button>
-            </div>
-          </div>
-          <div class="flex-wrap">
-            <span
-              v-tooltip="{
-                content: !fb.currentUser
-                  ? $t('login_first')
-                  : $t('replace_current')
-              }"
-            >
-              <button
-                :disabled="!fb.currentUser"
-                class="icon"
-                @click="syncCollections"
-              >
-                <i class="material-icons">folder_shared</i>
-                <span>{{ $t("import_from_sync") }}</span>
-              </button>
-            </span>
-            <button
-              class="icon"
-              @click="openDialogChooseFileToReplaceWith"
-              v-tooltip="$t('replace_current')"
-            >
-              <i class="material-icons">create_new_folder</i>
-              <span>{{ $t("replace_json") }}</span>
-              <input
-                type="file"
-                @change="replaceWithJSON"
-                style="display: none;"
-                ref="inputChooseFileToReplaceWith"
-                accept="application/json"
-              />
-            </button>
-            <button
-              class="icon"
-              @click="openDialogChooseFileToImportFrom"
-              v-tooltip="$t('preserve_current')"
-            >
-              <i class="material-icons">folder_special</i>
-              <span>{{ $t("import_json") }}</span>
-              <input
-                type="file"
-                @change="importFromJSON"
-                style="display: none;"
-                ref="inputChooseFileToImportFrom"
-                accept="application/json"
-              />
-            </button>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div slot="body">
-      <textarea v-model="collectionJson" rows="8"></textarea>
-    </div>
-    <div slot="footer">
-      <div class="flex-wrap">
-        <span></span>
-        <span>
-          <button class="icon" @click="hideModal">
-            {{ $t("cancel") }}
-          </button>
-          <button
-            class="icon primary"
-            @click="exportJSON"
-            v-tooltip="$t('download_file')"
-          >
-            {{ $t("export") }}
-          </button>
-        </span>
-      </div>
-    </div>
-  </modal>
-</template>
-
-<script>
-import { fb } from "../../functions/fb";
-
-export default {
-  data() {
-    return {
-      fb
-    };
-  },
-  props: {
-    show: Boolean
-  },
-  components: {
-    modal: () => import("../../components/modal")
-  },
-  computed: {
-    collectionJson() {
-      return JSON.stringify(this.$store.state.postwoman.collections, null, 2);
-    }
-  },
-  methods: {
-    hideModal() {
-      this.$emit("hide-modal");
-    },
-    openDialogChooseFileToReplaceWith() {
-      this.$refs.inputChooseFileToReplaceWith.click();
-    },
-    openDialogChooseFileToImportFrom() {
-      this.$refs.inputChooseFileToImportFrom.click();
-    },
-    replaceWithJSON() {
-      let reader = new FileReader();
-      reader.onload = event => {
-        let content = event.target.result;
-        let collections = JSON.parse(content);
-        this.$store.commit("postwoman/replaceCollections", collections);
-      };
-      reader.readAsText(this.$refs.inputChooseFileToReplaceWith.files[0]);
-      this.fileImported();
-    },
-    importFromJSON() {
-      let reader = new FileReader();
-      reader.onload = event => {
-        let content = event.target.result;
-        let collections = JSON.parse(content);
-        this.$store.commit("postwoman/importCollections", collections);
-      };
-      reader.readAsText(this.$refs.inputChooseFileToImportFrom.files[0]);
-      this.fileImported();
-    },
-    exportJSON() {
-      let text = this.collectionJson;
-      text = text.replace(/\n/g, "\r\n");
-      let blob = new Blob([text], {
-        type: "text/json"
-      });
-      let anchor = document.createElement("a");
-      anchor.download = "postwoman-collection.json";
-      anchor.href = window.URL.createObjectURL(blob);
-      anchor.target = "_blank";
-      anchor.style.display = "none";
-      document.body.appendChild(anchor);
-      anchor.click();
-      document.body.removeChild(anchor);
-      this.$toast.success(this.$t("download_started"), {
-        icon: "done"
-      });
-    },
-    syncCollections() {
-      this.$store.commit("postwoman/replaceCollections", fb.currentCollections);
-      this.fileImported();
-    },
-    fileImported() {
-      this.$toast.info(this.$t("file_imported"), {
-        icon: "folder_shared"
-      });
-    }
-  }
-};
-</script>

components/collections/index.vue

@@ -1,221 +0,0 @@
-<!--
-TODO:
-    - probably refactor and pass event arguments to modals directly without unpacking
--->
-
-<template>
-  <div class="collections-wrapper">
-    <addCollection :show="showModalAdd" @hide-modal="displayModalAdd(false)" />
-    <editCollection
-      :show="showModalEdit"
-      :editingCollection="editingCollection"
-      :editingCollectionIndex="editingCollectionIndex"
-      @hide-modal="displayModalEdit(false)"
-    />
-    <addFolder
-      :show="showModalAddFolder"
-      :collection="editingCollection"
-      :collectionIndex="editingCollectionIndex"
-      @hide-modal="displayModalAddFolder(false)"
-    />
-    <editFolder
-      :show="showModalEditFolder"
-      :collection="editingCollection"
-      :collectionIndex="editingCollectionIndex"
-      :folder="editingFolder"
-      :folderIndex="editingFolderIndex"
-      @hide-modal="displayModalEditFolder(false)"
-    />
-    <editRequest
-      :show="showModalEditRequest"
-      :collectionIndex="editingCollectionIndex"
-      :folderIndex="editingFolderIndex"
-      :request="editingRequest"
-      :requestIndex="editingRequestIndex"
-      @hide-modal="displayModalEditRequest(false)"
-    />
-    <importExportCollections
-      :show="showModalImportExport"
-      @hide-modal="displayModalImportExport(false)"
-    />
-
-    <div class="flex-wrap">
-      <div>
-        <button class="icon" @click="displayModalAdd(true)">
-          <i class="material-icons">add</i>
-          <span>{{ $t("new") }}</span>
-        </button>
-      </div>
-      <div>
-        <button class="icon" @click="displayModalImportExport(true)">
-          {{ $t("import_export") }}
-        </button>
-        <!-- <a
-          href="https://github.com/liyasthomas/postwoman/wiki/Collections"
-          target="_blank"
-          rel="noopener"
-        >
-          <button class="icon" v-tooltip="'Wiki'">
-            <i class="material-icons">help</i>
-          </button>
-        </a> -->
-      </div>
-    </div>
-    <p v-if="collections.length === 0" class="info">
-      Create new collection
-    </p>
-    <virtual-list
-      class="virtual-list"
-      :class="{ filled: collections.length }"
-      :size="152"
-      :remain="Math.min(5, collections.length)"
-    >
-      <ul>
-        <li v-for="(collection, index) in collections" :key="collection.name">
-          <collection
-            :collection-index="index"
-            :collection="collection"
-            @edit-collection="editCollection(collection, index)"
-            @add-folder="addFolder(collection, index)"
-            @edit-folder="editFolder($event)"
-            @edit-request="editRequest($event)"
-          />
-        </li>
-        <li v-if="collections.length === 0">
-          <label>Collections are empty</label>
-        </li>
-      </ul>
-    </virtual-list>
-    <nuxt-link :to="localePath('doc')" :aria-label="$t('documentation')">
-      <button class="icon">
-        <i class="material-icons">books</i>
-        <span>{{ $t("generate_docs") }}</span>
-      </button>
-    </nuxt-link>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.virtual-list {
-  max-height: calc(100vh - 276px);
-}
-
-ul {
-  display: flex;
-  flex-direction: column;
-}
-</style>
-
-<script>
-import collection from "./collection";
-import { fb } from "../../functions/fb";
-
-export default {
-  components: {
-    collection,
-    addCollection: () => import("./addCollection"),
-    addFolder: () => import("./addFolder"),
-    editCollection: () => import("./editCollection"),
-    editFolder: () => import("./editFolder"),
-    editRequest: () => import("./editRequest"),
-    importExportCollections: () => import("./importExportCollections"),
-    VirtualList: () => import("vue-virtual-scroll-list")
-  },
-  data() {
-    return {
-      showModalAdd: false,
-      showModalEdit: false,
-      showModalImportExport: false,
-      showModalAddFolder: false,
-      showModalEditFolder: false,
-      showModalEditRequest: false,
-      editingCollection: undefined,
-      editingCollectionIndex: undefined,
-      editingFolder: undefined,
-      editingFolderIndex: undefined,
-      editingRequest: undefined,
-      editingRequestIndex: undefined
-    };
-  },
-  computed: {
-    collections() {
-      return this.$store.state.postwoman.collections;
-    }
-  },
-  methods: {
-    displayModalAdd(shouldDisplay) {
-      this.showModalAdd = shouldDisplay;
-    },
-    displayModalEdit(shouldDisplay) {
-      this.showModalEdit = shouldDisplay;
-
-      if (!shouldDisplay) this.resetSelectedData();
-    },
-    displayModalImportExport(shouldDisplay) {
-      this.showModalImportExport = shouldDisplay;
-    },
-    displayModalAddFolder(shouldDisplay) {
-      this.showModalAddFolder = shouldDisplay;
-
-      if (!shouldDisplay) this.resetSelectedData();
-    },
-    displayModalEditFolder(shouldDisplay) {
-      this.showModalEditFolder = shouldDisplay;
-
-      if (!shouldDisplay) this.resetSelectedData();
-    },
-    displayModalEditRequest(shouldDisplay) {
-      this.showModalEditRequest = shouldDisplay;
-
-      if (!shouldDisplay) this.resetSelectedData();
-    },
-    editCollection(collection, collectionIndex) {
-      this.$data.editingCollection = collection;
-      this.$data.editingCollectionIndex = collectionIndex;
-      this.displayModalEdit(true);
-      this.syncCollections();
-    },
-    addFolder(collection, collectionIndex) {
-      this.$data.editingCollection = collection;
-      this.$data.editingCollectionIndex = collectionIndex;
-      this.displayModalAddFolder(true);
-      this.syncCollections();
-    },
-    editFolder(payload) {
-      const { collectionIndex, folder, folderIndex } = payload;
-      this.$data.editingCollection = collection;
-      this.$data.editingCollectionIndex = collectionIndex;
-      this.$data.editingFolder = folder;
-      this.$data.editingFolderIndex = folderIndex;
-      this.displayModalEditFolder(true);
-      this.syncCollections();
-    },
-    editRequest(payload) {
-      const { request, collectionIndex, folderIndex, requestIndex } = payload;
-      this.$data.editingCollectionIndex = collectionIndex;
-      this.$data.editingFolderIndex = folderIndex;
-      this.$data.editingRequest = request;
-      this.$data.editingRequestIndex = requestIndex;
-      this.displayModalEditRequest(true);
-      this.syncCollections();
-    },
-    resetSelectedData() {
-      this.$data.editingCollection = undefined;
-      this.$data.editingCollectionIndex = undefined;
-      this.$data.editingFolder = undefined;
-      this.$data.editingFolderIndex = undefined;
-      this.$data.editingRequest = undefined;
-      this.$data.editingRequestIndex = undefined;
-    },
-    syncCollections() {
-      if (fb.currentUser !== null) {
-        if (fb.currentSettings[0].value) {
-          fb.writeCollections(
-            JSON.parse(JSON.stringify(this.$store.state.postwoman.collections))
-          );
-        }
-      }
-    }
-  }
-};
-</script>

components/collections/request.vue

@@ -1,70 +0,0 @@
-<template>
-  <div class="flex-wrap">
-    <div>
-      <button
-        class="icon"
-        @click="selectRequest()"
-        v-tooltip="$t('use_request')"
-      >
-        <i class="material-icons">insert_drive_file</i>
-        <span>{{ request.name }}</span>
-      </button>
-    </div>
-    <v-popover>
-      <button class="tooltip-target icon" v-tooltip="$t('more')">
-        <i class="material-icons">more_vert</i>
-      </button>
-      <template slot="popover">
-        <div>
-          <button class="icon" @click="$emit('edit-request')" v-close-popover>
-            <i class="material-icons">edit</i>
-            <span>{{ $t("edit") }}</span>
-          </button>
-        </div>
-        <div>
-          <button class="icon" @click="removeRequest" v-close-popover>
-            <i class="material-icons">delete</i>
-            <span>{{ $t("delete") }}</span>
-          </button>
-        </div>
-      </template>
-    </v-popover>
-  </div>
-</template>
-
-<style scoped lang="scss">
-ul {
-  display: flex;
-  flex-direction: column;
-}
-
-ul li {
-  display: flex;
-  padding-left: 16px;
-  border-left: 1px solid var(--brd-color);
-}
-</style>
-
-<script>
-export default {
-  props: {
-    request: Object,
-    collectionIndex: Number,
-    folderIndex: Number,
-    requestIndex: Number
-  },
-  methods: {
-    selectRequest() {
-      this.$store.commit("postwoman/selectRequest", { request: this.request });
-    },
-    removeRequest() {
-      if (!confirm("Are you sure you want to remove this request?")) return;
-      this.$store.commit("postwoman/removeRequest", {
-        collectionIndex: this.collectionIndex,
-        folderIndex: this.folderIndex,
-        requestIndex: this.requestIndex
-      });
-    }
-  }
-};
-</script>

components/collections/saveRequestAs.vue

@@ -1,214 +0,0 @@
-<template>
-  <modal v-if="show" @close="hideModal">
-    <div slot="header">
-      <ul>
-        <li>
-          <div class="flex-wrap">
-            <h3 class="title">{{ $t("save_request_as") }}</h3>
-            <div>
-              <button class="icon" @click="hideModal">
-                <i class="material-icons">close</i>
-              </button>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div slot="body">
-      <ul>
-        <li>
-          <label for="selectLabel">{{ $t("label") }}</label>
-          <input
-            type="text"
-            id="selectLabel"
-            v-model="requestData.name"
-            :placeholder="defaultRequestName"
-            @keyup.enter="saveRequestAs"
-          />
-          <label for="selectCollection">{{ $t("collection") }}</label>
-          <span class="select-wrapper">
-            <select
-              type="text"
-              id="selectCollection"
-              v-model="requestData.collectionIndex"
-            >
-              <option
-                :key="undefined"
-                :value="undefined"
-                hidden
-                disabled
-                selected
-                >{{ $t("select_collection") }}</option
-              >
-              <option
-                v-for="(collection, index) in $store.state.postwoman
-                  .collections"
-                :key="index"
-                :value="index"
-              >
-                {{ collection.name }}
-              </option>
-            </select>
-          </span>
-          <label for="selectFolder">{{ $t("folder") }}</label>
-          <span class="select-wrapper">
-            <select
-              type="text"
-              id="selectFolder"
-              v-model="requestData.folderIndex"
-            >
-              <option :key="undefined" :value="undefined">/</option>
-              <option
-                v-for="(folder, index) in folders"
-                :key="index"
-                :value="index"
-              >
-                {{ folder.name }}
-              </option>
-            </select>
-          </span>
-          <label for="selectRequest">{{ $t("request") }}</label>
-          <span class="select-wrapper">
-            <select
-              type="text"
-              id="selectRequest"
-              v-model="requestData.requestIndex"
-            >
-              <option :key="undefined" :value="undefined">/</option>
-              <option
-                v-for="(folder, index) in requests"
-                :key="index"
-                :value="index"
-              >
-                {{ folder.name }}
-              </option>
-            </select>
-          </span>
-        </li>
-      </ul>
-    </div>
-    <div slot="footer">
-      <div class="flex-wrap">
-        <span></span>
-        <span>
-          <button class="icon" @click="hideModal">
-            {{ $t("cancel") }}
-          </button>
-          <button class="icon primary" @click="saveRequestAs">
-            {{ $t("save") }}
-          </button>
-        </span>
-      </div>
-    </div>
-  </modal>
-</template>
-
-<script>
-export default {
-  props: {
-    show: Boolean,
-    editingRequest: Object
-  },
-  components: {
-    modal: () => import("../../components/modal")
-  },
-  data() {
-    return {
-      defaultRequestName: "My Request",
-      requestData: {
-        name: undefined,
-        collectionIndex: undefined,
-        folderIndex: undefined,
-        requestIndex: undefined
-      }
-    };
-  },
-  watch: {
-    "requestData.collectionIndex": function resetFolderAndRequestIndex() {
-      // if user choosen some folder, than selected other collection, which doesn't have any folders
-      // than `requestUpdateData.folderIndex` won't be reseted
-      this.$data.requestData.folderIndex = undefined;
-      this.$data.requestData.requestIndex = undefined;
-    },
-    "requestData.folderIndex": function resetRequestIndex() {
-      this.$data.requestData.requestIndex = undefined;
-    }
-  },
-  computed: {
-    folders() {
-      const userSelectedAnyCollection =
-        this.$data.requestData.collectionIndex !== undefined;
-      if (!userSelectedAnyCollection) return [];
-
-      const noCollectionAvailable =
-        this.$store.state.postwoman.collections[
-          this.$data.requestData.collectionIndex
-        ] !== undefined;
-      if (!noCollectionAvailable) return [];
-
-      return this.$store.state.postwoman.collections[
-        this.$data.requestData.collectionIndex
-      ].folders;
-    },
-    requests() {
-      const userSelectedAnyCollection =
-        this.$data.requestData.collectionIndex !== undefined;
-      if (!userSelectedAnyCollection) return [];
-
-      const userSelectedAnyFolder =
-        this.$data.requestData.folderIndex !== undefined;
-      if (userSelectedAnyFolder) {
-        const collection = this.$store.state.postwoman.collections[
-          this.$data.requestData.collectionIndex
-        ];
-        const folder = collection.folders[this.$data.requestData.folderIndex];
-        const requests = folder.requests;
-        return requests;
-      } else {
-        const collection = this.$store.state.postwoman.collections[
-          this.$data.requestData.collectionIndex
-        ];
-        const noCollectionAvailable =
-          this.$store.state.postwoman.collections[
-            this.$data.requestData.collectionIndex
-          ] !== undefined;
-        if (!noCollectionAvailable) return [];
-
-        const requests = collection.requests;
-        return requests;
-      }
-    }
-  },
-  methods: {
-    saveRequestAs() {
-      const userDidntSpecifyCollection =
-        this.$data.requestData.collectionIndex === undefined;
-      if (userDidntSpecifyCollection) {
-        this.$toast.error(this.$t("select_collection"), {
-          icon: "error"
-        });
-        return;
-      }
-
-      const requestUpdated = {
-        ...this.$props.editingRequest,
-        name: this.$data.requestData.name || this.$data.defaultRequestName,
-        collection: this.$data.requestData.collectionIndex
-      };
-
-      this.$store.commit("postwoman/saveRequestAs", {
-        request: requestUpdated,
-        collectionIndex: this.$data.requestData.collectionIndex,
-        folderIndex: this.$data.requestData.folderIndex,
-        requestIndex: this.$data.requestData.requestIndex
-      });
-
-      this.hideModal();
-    },
-    hideModal() {
-      this.$emit("hide-modal");
-      this.$emit("hide-model"); // for backward compatibility  // TODO: use fixed event
-    }
-  }
-};
-</script>

components/firebase/feeds.vue

@@ -1,81 +0,0 @@
-<template>
-  <virtual-list
-    v-if="fb.currentFeeds.length !== 0"
-    class="virtual-list"
-    :class="{ filled: fb.currentFeeds.length }"
-    :size="56"
-    :remain="Math.min(8, fb.currentFeeds.length)"
-  >
-    <ul v-for="feed in fb.currentFeeds" :key="feed.id">
-      <div class="show-on-large-screen">
-        <li>
-          <input
-            :aria-label="$t('label')"
-            type="text"
-            readonly
-            :value="feed.label"
-            :placeholder="$t('no_label')"
-            class="bg-color"
-          />
-        </li>
-        <button class="icon" @click="saveFeed(feed)">
-          <i class="material-icons">get_app</i>
-        </button>
-        <button class="icon" @click="deleteFeed(feed)">
-          <i class="material-icons">delete</i>
-        </button>
-      </div>
-    </ul>
-  </virtual-list>
-  <ul v-else>
-    <li>
-      <label class="info">{{ $t("empty") }}</label>
-    </li>
-  </ul>
-</template>
-
-<style scoped lang="scss">
-.virtual-list {
-  max-height: calc(100vh - 288px);
-}
-</style>
-
-<script>
-import { fb } from "../../functions/fb";
-
-export default {
-  components: {
-    VirtualList: () => import("vue-virtual-scroll-list")
-  },
-  data() {
-    return {
-      fb
-    };
-  },
-  methods: {
-    deleteFeed(feed) {
-      fb.deleteFeed(feed.id);
-      this.$toast.error(this.$t("deleted"), {
-        icon: "delete"
-      });
-    },
-    saveFeed(feed) {
-      const dataToWrite = JSON.stringify(feed.message, null, 2);
-      const file = new Blob([dataToWrite], { type: "application/json" });
-      const a = document.createElement("a"),
-        url = URL.createObjectURL(file);
-      a.href = url;
-      a.download = (feed.label + " on " + Date()).replace(/\./g, "[dot]");
-      document.body.appendChild(a);
-      a.click();
-      this.$toast.success(this.$t("download_started"), {
-        icon: "done"
-      });
-      setTimeout(() => {
-        document.body.removeChild(a);
-        window.URL.revokeObjectURL(url);
-      }, 1000);
-    }
-  }
-};
-</script>

components/firebase/inputform.vue

@@ -1,55 +0,0 @@
-<template>
-  <div>
-    <ul>
-      <li>
-        <input
-          :aria-label="$t('label')"
-          type="text"
-          autofocus
-          v-model="message"
-          :placeholder="$t('paste_a_collection')"
-        />
-      </li>
-    </ul>
-    <ul>
-      <li>
-        <input
-          :aria-label="$t('label')"
-          type="text"
-          autofocus
-          v-model="label"
-          :placeholder="$t('label')"
-        />
-      </li>
-      <button
-        class="icon"
-        :disabled="!(this.message && this.label)"
-        value="Save"
-        @click="formPost"
-      >
-        <i class="material-icons">add</i>
-        <span>Add</span>
-      </button>
-    </ul>
-  </div>
-</template>
-
-<script>
-import { fb } from "../../functions/fb";
-
-export default {
-  data() {
-    return {
-      message: null,
-      label: null
-    };
-  },
-  methods: {
-    formPost() {
-      fb.writeFeeds(this.message, this.label);
-      this.message = null;
-      this.label = null;
-    }
-  }
-};
-</script>

components/firebase/login.vue

@@ -1,115 +0,0 @@
-<template>
-  <v-popover>
-    <button class="icon" v-tooltip="$t('login_with')">
-      <i class="material-icons">vpn_key</i>
-    </button>
-    <template slot="popover">
-      <div>
-        <button class="icon" @click="signInWithGoogle" v-close-popover>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            class="material-icons"
-          >
-            <path
-              d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
-            />
-          </svg>
-          <span>Google</span>
-        </button>
-      </div>
-      <div>
-        <button class="icon" @click="signInWithGithub" v-close-popover>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            class="material-icons"
-          >
-            <path
-              d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
-            />
-          </svg>
-          <span>GitHub</span>
-        </button>
-      </div>
-    </template>
-  </v-popover>
-</template>
-
-<script>
-import firebase from "firebase/app";
-import { fb } from "../../functions/fb";
-
-export default {
-  data() {
-    return {
-      fb
-    };
-  },
-
-  methods: {
-    signInWithGoogle() {
-      const provider = new firebase.auth.GoogleAuthProvider();
-      firebase
-        .auth()
-        .signInWithPopup(provider)
-        .then(res => {
-          if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
-              icon: "sync",
-              duration: null,
-              closeOnSwipe: false,
-              action: {
-                text: this.$t("yes"),
-                onClick: (e, toastObject) => {
-                  fb.writeSettings("syncHistory", false);
-                  fb.writeSettings("syncCollections", true);
-                  this.$router.push({ path: "/settings" });
-                  toastObject.remove();
-                }
-              }
-            });
-          }
-        })
-        .catch(err => {
-          this.$toast.show(err.message || err, {
-            icon: "error"
-          });
-        });
-    },
-    signInWithGithub() {
-      const provider = new firebase.auth.GithubAuthProvider();
-      firebase
-        .auth()
-        .signInWithPopup(provider)
-        .then(res => {
-          if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
-              icon: "sync",
-              duration: null,
-              closeOnSwipe: false,
-              action: {
-                text: this.$t("yes"),
-                onClick: (e, toastObject) => {
-                  fb.writeSettings("syncHistory", false);
-                  fb.writeSettings("syncCollections", true);
-                  this.$router.push({ path: "/settings" });
-                  toastObject.remove();
-                }
-              }
-            });
-          }
-        })
-        .catch(err => {
-          this.$toast.show(err.message || err, {
-            icon: "error"
-          });
-        });
-    }
-  }
-};
-</script>

components/graphql/argument.vue

@@ -1,38 +0,0 @@
-<template>
-  <span>
-    <span class="argumentName">
-      {{ argName }}
-    </span>
-    :
-    <typelink :type="argType" :jumpTypeCallback="jumpCallback" />
-  </span>
-</template>
-
-<style></style>
-
-<script>
-import typelink from "./typelink";
-
-export default {
-  components: {
-    typelink: typelink
-  },
-
-  props: {
-    gqlArg: Object
-  },
-
-  computed: {
-    argName() {
-      return this.gqlArg.name;
-    },
-    argType() {
-      return this.gqlArg.type;
-    }
-  },
-
-  methods: {
-    jumpCallback(typeName) {}
-  }
-};
-</script>

components/graphql/field.vue

@@ -1,93 +0,0 @@
-<template>
-  <div class="field-box">
-    <div class="field-title">
-      {{ fieldName }}
-      <span v-if="fieldArgs.length > 0">
-        (
-        <span v-for="(field, index) in fieldArgs" :key="index">
-          {{ field.name }}:
-          <typelink
-            :gqlType="field.type"
-            :jumpTypeCallback="jumpTypeCallback"
-          />
-          <span v-if="index !== fieldArgs.length - 1">
-            ,
-          </span>
-        </span>
-        ) </span
-      >:
-      <typelink :gqlType="gqlField.type" :jumpTypeCallback="jumpTypeCallback" />
-    </div>
-    <div class="field-desc" v-if="gqlField.description">
-      {{ gqlField.description }}
-    </div>
-
-    <div class="field-deprecated" v-if="gqlField.isDeprecated">
-      {{ $t("deprecated") }}
-    </div>
-  </div>
-</template>
-
-<style>
-.field-box {
-  padding: 16px;
-  margin: 4px;
-  border-bottom: 1px dashed var(--brd-color);
-}
-
-.field-deprecated {
-  background-color: yellow;
-  color: black;
-  display: inline-block;
-  padding: 4px 8px;
-  margin: 4px 0;
-  border-radius: 4px;
-  font-size: 14px;
-  font-weight: 700;
-}
-
-.field-desc {
-  color: var(--fg-light-color);
-  margin-top: 4px;
-}
-</style>
-
-<script>
-import typelink from "./typelink";
-
-export default {
-  components: {
-    typelink: typelink
-  },
-
-  props: {
-    gqlField: Object,
-    jumpTypeCallback: Function
-  },
-
-  computed: {
-    fieldString() {
-      const args = (this.gqlField.args || []).reduce((acc, arg, index) => {
-        return (
-          acc +
-          `${arg.name}: ${arg.type.toString()}${
-            index !== this.gqlField.args.length - 1 ? ", " : ""
-          }`
-        );
-      }, "");
-      const argsString = args.length > 0 ? `(${args})` : "";
-      return `${
-        this.gqlField.name
-      }${argsString}: ${this.gqlField.type.toString()}`;
-    },
-
-    fieldName() {
-      return this.gqlField.name;
-    },
-
-    fieldArgs() {
-      return this.gqlField.args || [];
-    }
-  }
-};
-</script>

components/graphql/queryeditor.vue

@@ -1,135 +0,0 @@
-<template>
-  <pre ref="editor"></pre>
-</template>
-
-<script>
-const DEFAULT_THEME = "twilight";
-
-import ace from "ace-builds";
-import * as gql from "graphql";
-import "ace-builds/webpack-resolver";
-import debounce from "../../functions/utils/debounce";
-
-export default {
-  props: {
-    value: {
-      type: String,
-      default: ""
-    },
-    theme: {
-      type: String,
-      required: false
-    },
-    lang: {
-      type: String,
-      default: "json"
-    },
-    options: {
-      type: Object,
-      default: {}
-    }
-  },
-
-  data() {
-    return {
-      editor: null,
-      cacheValue: "",
-      validationSchema: null
-    };
-  },
-
-  watch: {
-    value(value) {
-      if (value !== this.cacheValue) {
-        this.editor.session.setValue(value, 1);
-        this.cacheValue = value;
-      }
-    },
-    theme() {
-      this.editor.setTheme("ace/theme/" + this.defineTheme());
-    },
-    lang(value) {
-      this.editor.getSession().setMode("ace/mode/" + value);
-    },
-    options(value) {
-      this.editor.setOptions(value);
-    }
-  },
-
-  mounted() {
-    const editor = ace.edit(this.$refs.editor, {
-      theme: "ace/theme/" + this.defineTheme(),
-      mode: "ace/mode/" + this.lang,
-      ...this.options
-    });
-
-    if (this.value) editor.setValue(this.value, 1);
-
-    this.editor = editor;
-    this.cacheValue = this.value;
-
-    editor.on("change", () => {
-      const content = editor.getValue();
-      this.$emit("input", content);
-      this.parseContents(content);
-      this.cacheValue = content;
-    });
-
-    this.parseContents(this.value);
-  },
-
-  methods: {
-    defineTheme() {
-      if (this.theme) {
-        return this.theme;
-      } else {
-        return (
-          this.$store.state.postwoman.settings.THEME_ACE_EDITOR || DEFAULT_THEME
-        );
-      }
-    },
-
-    setValidationSchema(schema) {
-      this.validationSchema = schema;
-      this.parseContents(this.cacheValue);
-    },
-
-    parseContents: debounce(function(content) {
-      if (content !== "") {
-        try {
-          const doc = gql.parse(content);
-
-          if (this.validationSchema) {
-            this.editor.session.setAnnotations(
-              gql.validate(this.validationSchema, doc).map(err => {
-                return {
-                  row: err.locations[0].line - 1,
-                  column: err.locations[0].column - 1,
-                  text: err.message,
-                  type: "error"
-                };
-              })
-            );
-          }
-        } catch (e) {
-          this.editor.session.setAnnotations([
-            {
-              row: e.locations[0].line - 1,
-              column: e.locations[0].column - 1,
-              text: e.message,
-              type: "error"
-            }
-          ]);
-        }
-      } else {
-        this.editor.session.setAnnotations([]);
-      }
-    }, 2000)
-  },
-
-  beforeDestroy() {
-    this.editor.destroy();
-    this.editor.container.remove();
-  }
-};
-</script>

components/graphql/type.vue

@@ -1,44 +0,0 @@
-<template>
-  <div class="type-box">
-    <div class="type-title">{{ gqlType.name }}</div>
-    <div class="type-desc" v-if="gqlType.description">
-      {{ gqlType.description }}
-    </div>
-
-    <div v-if="gqlType.getFields">
-      <h5>{{ $t("fields") }}</h5>
-      <div v-for="field in gqlType.getFields()" :key="field.name">
-        <gql-field :gqlField="field" :jumpTypeCallback="jumpTypeCallback" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<style>
-.type-box {
-  padding: 16px;
-  margin: 4px 0;
-}
-
-.type-desc {
-  color: var(--fg-light-color);
-  margin-top: 4px;
-}
-
-.type-title {
-  font-weight: 700;
-}
-</style>
-
-<script>
-export default {
-  components: {
-    "gql-field": () => import("./field")
-  },
-
-  props: {
-    gqlType: {},
-    jumpTypeCallback: Function
-  }
-};
-</script>

components/graphql/typelink.vue

@@ -1,34 +0,0 @@
-<template>
-  <span class="typelink" @click="jumpToType">{{ typeString }}</span>
-</template>
-
-<style>
-.typelink {
-  color: var(--ac-color);
-  font-family: "Roboto Mono", monospace;
-  font-weight: 400;
-  cursor: pointer;
-}
-</style>
-
-<script>
-export default {
-  props: {
-    gqlType: null,
-    // (typeName: string) => void
-    jumpTypeCallback: Function
-  },
-
-  computed: {
-    typeString() {
-      return this.gqlType.toString();
-    }
-  },
-
-  methods: {
-    jumpToType() {
-      this.jumpTypeCallback(this.gqlType);
-    }
-  }
-};
-</script>

components/history.vue

@@ -1,516 +0,0 @@
-<template>
-  <pw-section class="green" icon="history" :label="$t('history')" ref="history">
-    <ul>
-      <li id="filter-history">
-        <input
-          aria-label="Search"
-          type="text"
-          :placeholder="$t('search_history')"
-          v-model="filterText"
-        />
-      </li>
-    </ul>
-    <virtual-list
-      class="virtual-list"
-      :class="{ filled: filteredHistory.length }"
-      :size="185"
-      :remain="Math.min(5, filteredHistory.length)"
-    >
-      <ul v-for="(entry, index) in filteredHistory" :key="index" class="entry">
-        <div class="show-on-large-screen">
-          <button
-            class="icon"
-            :class="{ stared: entry.star }"
-            @click="toggleStar(entry)"
-            v-tooltip="{
-              content: !entry.star ? $t('add_star') : $t('remove_star')
-            }"
-          >
-            <i class="material-icons">
-              {{ entry.star ? "star" : "star_border" }}
-            </i>
-          </button>
-          <li>
-            <input
-              :aria-label="$t('label')"
-              type="text"
-              readonly
-              :value="entry.label"
-              :placeholder="$t('no_label')"
-              class="bg-color"
-            />
-          </li>
-          <!-- <li>
-            <button
-              class="icon"
-              v-tooltip="{
-                content: !entry.usesScripts
-                  ? 'No pre-request script'
-                  : 'Used pre-request script'
-              }"
-            >
-              <i class="material-icons">
-                {{ !entry.usesScripts ? "http" : "code" }}
-              </i>
-            </button>
-          </li> -->
-          <v-popover>
-            <button class="tooltip-target icon" v-tooltip="$t('options')">
-              <i class="material-icons">more_vert</i>
-            </button>
-            <template slot="popover">
-              <div>
-                <button
-                  class="icon"
-                  :id="'use-button#' + index"
-                  @click="useHistory(entry)"
-                  :aria-label="$t('edit')"
-                  v-close-popover
-                >
-                  <i class="material-icons">restore</i>
-                  <span>{{ $t("restore") }}</span>
-                </button>
-              </div>
-              <div>
-                <button
-                  class="icon"
-                  :id="'delete-button#' + index"
-                  @click="deleteHistory(entry)"
-                  :aria-label="$t('delete')"
-                  v-close-popover
-                >
-                  <i class="material-icons">delete</i>
-                  <span>{{ $t("delete") }}</span>
-                </button>
-              </div>
-            </template>
-          </v-popover>
-        </div>
-        <div class="show-on-large-screen">
-          <li class="method-list-item">
-            <input
-              :aria-label="$t('method')"
-              type="text"
-              readonly
-              :value="entry.method"
-              :class="findEntryStatus(entry).className"
-              :style="{ '--status-code': entry.status }"
-            />
-            <span
-              class="entry-status-code"
-              :class="findEntryStatus(entry).className"
-              :style="{ '--status-code': entry.status }"
-              >{{ entry.status }}</span
-            >
-          </li>
-        </div>
-        <div class="show-on-large-screen">
-          <li>
-            <input
-              :aria-label="$t('url')"
-              type="text"
-              readonly
-              :value="entry.url"
-              :placeholder="$t('no_url')"
-            />
-          </li>
-          <li>
-            <input
-              :aria-label="$t('path')"
-              type="text"
-              readonly
-              :value="entry.path"
-              :placeholder="$t('no_path')"
-            />
-          </li>
-        </div>
-        <transition name="fade">
-          <div v-if="showMore" class="show-on-large-screen">
-            <li>
-              <input
-                :aria-label="$t('time')"
-                type="text"
-                readonly
-                :value="entry.time"
-                v-tooltip="entry.date"
-              />
-            </li>
-            <li>
-              <input
-                :aria-label="$t('duration')"
-                type="text"
-                readonly
-                :value="entry.duration"
-                :placeholder="$t('no_duration')"
-              />
-            </li>
-            <li>
-              <input
-                :aria-label="$t('prerequest_script')"
-                type="text"
-                readonly
-                :value="entry.preRequestScript"
-                :placeholder="$t('no_prerequest_script')"
-              />
-            </li>
-          </div>
-        </transition>
-      </ul>
-    </virtual-list>
-    <ul
-      :class="{ hidden: filteredHistory.length != 0 || history.length === 0 }"
-    >
-      <li>
-        <label>{{ $t("nothing_found") }} "{{ filterText }}"</label>
-      </li>
-    </ul>
-    <p v-if="history.length === 0" class="info">
-      {{ $t("history_empty") }}
-    </p>
-    <div v-if="history.length !== 0">
-      <div class="flex-wrap" v-if="!isClearingHistory">
-        <button
-          class="icon"
-          id="clear-history-button"
-          :disabled="history.length === 0"
-          @click="enableHistoryClearing"
-        >
-          <i class="material-icons">clear_all</i>
-          <span>{{ $t("clear_all") }}</span>
-        </button>
-        <v-popover>
-          <button class="tooltip-target icon" v-tooltip="$t('sort')">
-            <i class="material-icons">sort</i>
-          </button>
-          <template slot="popover">
-            <div>
-              <button class="icon" @click="sort_by_label()" v-close-popover>
-                <i class="material-icons">sort_by_alpha</i>
-                <span>{{ $t("label") }}</span>
-              </button>
-            </div>
-            <div>
-              <button class="icon" @click="sort_by_time()" v-close-popover>
-                <i class="material-icons">access_time</i>
-                <span>{{ $t("time") }}</span>
-              </button>
-            </div>
-            <div>
-              <button
-                class="icon"
-                @click="sort_by_status_code()"
-                v-close-popover
-              >
-                <i class="material-icons">assistant</i>
-                <span>{{ $t("status") }}</span>
-              </button>
-            </div>
-            <div>
-              <button class="icon" @click="sort_by_url()" v-close-popover>
-                <i class="material-icons">language</i>
-                <span>{{ $t("url") }}</span>
-              </button>
-            </div>
-            <div>
-              <button class="icon" @click="sort_by_path()" v-close-popover>
-                <i class="material-icons">timeline</i>
-                <span>{{ $t("path") }}</span>
-              </button>
-            </div>
-            <div v-if="showMore">
-              <button class="icon" @click="sort_by_duration()" v-close-popover>
-                <i class="material-icons">timer</i>
-                <span>{{ $t("duration") }}</span>
-              </button>
-            </div>
-            <div>
-              <button class="icon" @click="toggleCollapse()">
-                <i class="material-icons">
-                  {{ !showMore ? "first_page" : "last_page" }}
-                </i>
-                <span>{{ !showMore ? $t("show_more") : $t("hide_more") }}</span>
-              </button>
-            </div>
-          </template>
-        </v-popover>
-      </div>
-      <div class="flex-wrap" v-else>
-        <label for="clear-history-button" class="info">
-          {{ $t("are_you_sure") }}
-        </label>
-        <div>
-          <button
-            class="icon"
-            id="confirm-clear-history-button"
-            @click="clearHistory"
-            v-tooltip="$t('yes')"
-          >
-            <i class="material-icons">done</i>
-          </button>
-          <button
-            class="icon"
-            id="reject-clear-history-button"
-            @click="disableHistoryClearing"
-            v-tooltip="$t('no')"
-          >
-            <i class="material-icons">close</i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </pw-section>
-</template>
-
-<style scoped lang="scss">
-.virtual-list {
-  max-height: calc(100vh - 284px);
-
-  [readonly] {
-    cursor: default;
-  }
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: all 0.2s;
-}
-
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.stared {
-  color: #f8e81c !important;
-}
-
-ul,
-ol {
-  flex-direction: column;
-}
-
-ul li,
-ol li {
-  display: flex;
-}
-
-.method-list-item {
-  position: relative;
-
-  span {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    font-family: "Roboto Mono", monospace;
-    font-weight: 400;
-    background-color: transparent;
-    padding: 2px 6px;
-    border-radius: 8px;
-  }
-}
-
-.entry {
-  border-bottom: 1px dashed var(--brd-color);
-  padding: 0 0 8px;
-}
-
-@media (max-width: 720px) {
-  .virtual-list.filled {
-    min-height: 320px;
-  }
-
-  .labels {
-    display: none;
-  }
-}
-</style>
-
-<script>
-import { findStatusGroup } from "../pages/index";
-import { fb } from "../functions/fb";
-
-const updateOnLocalStorage = (propertyName, property) =>
-  window.localStorage.setItem(propertyName, JSON.stringify(property));
-
-export default {
-  components: {
-    "pw-section": () => import("./section"),
-    VirtualList: () => import("vue-virtual-scroll-list")
-  },
-  data() {
-    return {
-      history:
-        fb.currentUser !== null
-          ? fb.currentHistory
-          : JSON.parse(window.localStorage.getItem("history")) || [],
-      filterText: "",
-      showFilter: false,
-      isClearingHistory: false,
-      reverse_sort_label: false,
-      reverse_sort_time: false,
-      reverse_sort_status_code: false,
-      reverse_sort_url: false,
-      reverse_sort_path: false,
-      showMore: false
-    };
-  },
-  computed: {
-    filteredHistory() {
-      this.history =
-        fb.currentUser !== null
-          ? fb.currentHistory
-          : JSON.parse(window.localStorage.getItem("history")) || [];
-      return this.history.filter(entry => {
-        const filterText = this.filterText.toLowerCase();
-        return Object.keys(entry).some(key => {
-          let value = entry[key];
-          value = typeof value !== "string" ? value.toString() : value;
-          return value.toLowerCase().includes(filterText);
-        });
-      });
-    }
-  },
-  methods: {
-    clearHistory() {
-      if (fb.currentUser !== null) {
-        fb.clearHistory();
-      }
-      this.history = [];
-      this.filterText = "";
-      this.disableHistoryClearing();
-      updateOnLocalStorage("history", this.history);
-      this.$toast.error(this.$t("history_deleted"), {
-        icon: "delete"
-      });
-    },
-    useHistory(entry) {
-      this.$emit("useHistory", entry);
-    },
-    findEntryStatus(entry) {
-      const foundStatusGroup = findStatusGroup(entry.status);
-      return (
-        foundStatusGroup || {
-          className: ""
-        }
-      );
-    },
-    deleteHistory(entry) {
-      if (fb.currentUser !== null) {
-        fb.deleteHistory(entry);
-      }
-      this.history.splice(this.history.indexOf(entry), 1);
-      if (this.history.length === 0) {
-        this.filterText = "";
-      }
-      updateOnLocalStorage("history", this.history);
-      this.$toast.error(this.$t("deleted"), {
-        icon: "delete"
-      });
-    },
-    addEntry(entry) {
-      this.history.push(entry);
-      updateOnLocalStorage("history", this.history);
-    },
-    enableHistoryClearing() {
-      if (!this.history || !this.history.length) return;
-      this.isClearingHistory = true;
-    },
-    disableHistoryClearing() {
-      this.isClearingHistory = false;
-    },
-    sort_by_time() {
-      let byDate = this.history.slice(0);
-      byDate.sort((a, b) => {
-        let date_a = a.date.split("/");
-        let date_b = b.date.split("/");
-        let time_a = a.time.split(":");
-        let time_b = b.time.split(":");
-        let final_a = new Date(
-          date_a[2],
-          date_a[1],
-          date_a[0],
-          time_a[0],
-          time_a[1],
-          time_a[2]
-        );
-        let final_b = new Date(
-          date_b[2],
-          date_b[1],
-          date_b[0],
-          time_b[0],
-          time_b[1],
-          time_b[2]
-        );
-        if (this.reverse_sort_time) return final_b - final_a;
-        else return final_a - final_b;
-      });
-      this.history = byDate;
-      this.reverse_sort_time = !this.reverse_sort_time;
-    },
-    sort_by_status_code() {
-      let byCode = this.history.slice(0);
-      byCode.sort((a, b) => {
-        if (this.reverse_sort_status_code) return b.status - a.status;
-        else return a.status - b.status;
-      });
-      this.history = byCode;
-      this.reverse_sort_status_code = !this.reverse_sort_status_code;
-    },
-    sort_by_url() {
-      let byUrl = this.history.slice(0);
-      byUrl.sort((a, b) => {
-        if (this.reverse_sort_url)
-          return a.url === b.url ? 0 : +(a.url < b.url) || -1;
-        else return a.url === b.url ? 0 : +(a.url > b.url) || -1;
-      });
-      this.history = byUrl;
-      this.reverse_sort_url = !this.reverse_sort_url;
-    },
-    sort_by_label() {
-      let byLabel = this.history.slice(0);
-      byLabel.sort((a, b) => {
-        if (this.reverse_sort_label)
-          return a.label === b.label ? 0 : +(a.label < b.label) || -1;
-        else return a.label === b.label ? 0 : +(a.label > b.label) || -1;
-      });
-      this.history = byLabel;
-      this.reverse_sort_label = !this.reverse_sort_label;
-    },
-    sort_by_path() {
-      let byPath = this.history.slice(0);
-      byPath.sort((a, b) => {
-        if (this.reverse_sort_path)
-          return a.path === b.path ? 0 : +(a.path < b.path) || -1;
-        else return a.path === b.path ? 0 : +(a.path > b.path) || -1;
-      });
-      this.history = byPath;
-      this.reverse_sort_path = !this.reverse_sort_path;
-    },
-    sort_by_duration() {
-      let byDuration = this.history.slice(0);
-      byDuration.sort((a, b) => {
-        if (this.reverse_sort_duration)
-          return a.duration === b.duration
-            ? 0
-            : +(a.duration < b.duration) || -1;
-        else
-          return a.duration === b.duration
-            ? 0
-            : +(a.duration > b.duration) || -1;
-      });
-      this.history = byDuration;
-      this.reverse_sort_duration = !this.reverse_sort_duration;
-    },
-    toggleCollapse() {
-      this.showMore = !this.showMore;
-    },
-    toggleStar(entry) {
-      if (fb.currentUser !== null) {
-        fb.toggleStar(entry, !entry.star);
-      }
-      entry.star = !entry.star;
-      updateOnLocalStorage("history", this.history);
-    }
-  }
-};
-</script>

components/logo.vue

@@ -1,56 +0,0 @@
-<template>
-  <svg
-    version="1.1"
-    id="Capa_1"
-    x="0px"
-    y="0px"
-    viewBox="0 0 612.001 612.001"
-    style="enable-background:new 0 0 612.001 612.001;"
-    xml:space="preserve"
-  >
-    <defs id="defs11" />
-    <g id="g3826" transform="translate(-516.40798,-163.88978)">
-      <circle
-        :fill="color"
-        transform="scale(1,-1)"
-        style="stroke-width:1.19531453"
-        r="178.70923"
-        cy="-501.55591"
-        cx="822.40845"
-        id="circle3814"
-      />
-      <g id="g3820" transform="translate(516.40798,163.89028)">
-        <g id="g3818">
-          <path
-            :fill="color"
-            id="path3816"
-            data-old_color="#202124"
-            class="active-path"
-            data-original="#202124"
-            d="M 64.601,236.822 C 64.601,394.256 192.786,612 306.001,612 412.582,612 547.4,394.256 547.4,236.822 547.4,79.388 439.322,0 306,0 172.678,0 64.601,79.388 64.601,236.822 Z m 304.12,116.415 c 29.475,-29.475 70.598,-40.195 108.552,-32.173 8.021,37.954 -2.698,79.077 -32.173,108.552 -29.475,29.475 -70.598,40.195 -108.552,32.173 -8.022,-37.955 2.698,-79.078 32.173,-108.552 z M 134.727,321.063 c 37.954,-8.021 79.077,2.698 108.552,32.173 29.475,29.475 40.195,70.598 32.173,108.552 -37.954,8.021 -79.077,-2.698 -108.552,-32.173 -29.475,-29.476 -40.194,-70.598 -32.173,-108.552 z"
-          />
-        </g>
-      </g>
-    </g>
-  </svg>
-</template>
-
-<style scoped lang="scss">
-#circle3814 {
-  /* fill: var(--fg-color); */
-  fill: transparent;
-}
-/* #path3816 {
-    fill: var(--bg-color);
-  } */
-</style>
-
-<script>
-export default {
-  props: {
-    color: {
-      type: String
-    }
-  }
-};
-</script>

components/modal.vue

@@ -1,79 +0,0 @@
-<template>
-  <transition name="modal" appear>
-    <div class="modal-backdrop">
-      <div class="modal-wrapper">
-        <div class="modal-container">
-          <div class="modal-header">
-            <slot name="header"></slot>
-          </div>
-          <div class="modal-body">
-            <slot name="body"></slot>
-          </div>
-          <div class="modal-footer">
-            <slot name="footer"></slot>
-          </div>
-        </div>
-      </div>
-    </div>
-  </transition>
-</template>
-<style scoped lang="scss">
-.modal-backdrop {
-  position: fixed;
-  z-index: 998;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.87);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.2s ease;
-}
-
-.modal-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-grow: 1;
-  max-width: 720px;
-}
-
-.modal-container {
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  margin: 16px;
-  padding: 16px;
-  transition: all 0.2s ease;
-  background-color: var(--bg-color);
-  border-radius: 16px;
-  box-shadow: 0px 16px 70px rgba(0, 0, 0, 0.5);
-  max-height: calc(100vh - 32px);
-}
-
-.modal-body {
-  overflow: auto;
-}
-
-/*
-  * The following styles are auto-applied to elements with
-  * transition="modal" when their visibility is toggled
-  * by Vue.js.
-  *
-  * You can easily play with the modal transition by editing
-  * these styles.
-  */
-
-.modal-enter,
-.modal-leave-active {
-  opacity: 0;
-}
-
-.modal-enter .modal-container,
-.modal-leave-active .modal-container {
-  transform: scale(0.8);
-  transition: all 0.2s ease-in-out;
-}
-</style>

components/section.vue

@@ -1,56 +0,0 @@
-<template>
-  <fieldset
-    :id="label.toLowerCase()"
-    :class="{ 'no-colored-frames': !frameColorsEnabled }"
-  >
-    <legend @click.prevent="collapse">
-      <span>{{ label }}</span>
-      <i class="material-icons">
-        {{ isCollapsed ? "expand_more" : "expand_less" }}
-      </i>
-    </legend>
-    <div class="collapsible" :class="{ hidden: collapsed }">
-      <slot />
-    </div>
-  </fieldset>
-</template>
-
-<style>
-fieldset.no-colored-frames legend {
-  color: var(--fg-color);
-}
-</style>
-
-<script>
-export default {
-  computed: {
-    frameColorsEnabled() {
-      return this.$store.state.postwoman.settings.FRAME_COLORS_ENABLED || false;
-    }
-  },
-
-  data() {
-    return {
-      isCollapsed: false
-    };
-  },
-
-  props: {
-    label: {
-      type: String,
-      default: "Section"
-    },
-    collapsed: {
-      type: Boolean
-    }
-  },
-
-  methods: {
-    collapse({ target }) {
-      const parent = target.parentNode.parentNode;
-      parent.querySelector(".collapsible").classList.toggle("hidden");
-      this.isCollapsed = !this.isCollapsed;
-    }
-  }
-};
-</script>

components/settings/swatch.vue

@@ -1,69 +0,0 @@
-<template>
-  <div
-    class="color"
-    :data-color="color"
-    :class="{ active: active }"
-    v-tooltip="{ content: name || color }"
-  >
-    <span :style="{ backgroundColor: color }" class="preview">
-      <i v-if="active" class="material-icons activeTick">done</i>
-    </span>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.color {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin: 8px;
-  border-radius: 100%;
-  border: 3px solid var(--bg-dark-color);
-  cursor: pointer;
-
-  &.fg {
-    color: var(--act-color);
-  }
-
-  &.active {
-    border: 3px solid var(--ac-color);
-  }
-
-  &.fg.active {
-    border: 3px solid var(--fg-color);
-  }
-
-  .preview {
-    vertical-align: middle;
-    display: inline-block;
-    border-radius: 100%;
-    padding: 16px;
-    position: relative;
-
-    .activeTick {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-}
-</style>
-
-<script>
-export default {
-  props: {
-    color: {
-      type: String,
-      required: true
-    },
-    name: {
-      type: String
-    },
-    active: {
-      type: Boolean,
-      default: false
-    }
-  }
-};
-</script>

components/toggle.vue

@@ -1,98 +0,0 @@
-<template>
-  <div @click="toggle()">
-    <label class="toggle" :class="{ on: on }" ref="toggle">
-      <span class="handle"></span>
-    </label>
-    <label class="caption">
-      <slot />
-    </label>
-  </div>
-</template>
-
-<style scoped lang="scss">
-$useBorder: false;
-$borderColor: var(--fg-light-color);
-$activeColor: var(--ac-color);
-$inactiveColor: var(--fg-light-color);
-
-$inactiveHandleColor: var(--bg-color);
-$activeHandleColor: var(--act-color);
-
-$width: 32px;
-$height: 16px;
-$handleSpacing: 4px;
-
-$transition: all 0.2s ease-in-out;
-
-div {
-  display: inline-block;
-  cursor: pointer;
-}
-
-label.caption {
-  vertical-align: middle;
-  cursor: pointer;
-}
-
-label.toggle {
-  position: relative;
-  display: inline-block;
-  width: $width;
-  height: $height;
-  border: if($useBorder, 2px solid $borderColor, none);
-  background-color: if($useBorder, transparent, $inactiveColor);
-  vertical-align: middle;
-
-  border-radius: 32px;
-  transition: $transition;
-  box-sizing: initial;
-  padding: 0;
-  margin: 8px 4px;
-  cursor: pointer;
-
-  .handle {
-    position: absolute;
-    display: inline-block;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    margin: $handleSpacing;
-    background-color: $inactiveHandleColor;
-
-    width: #{$height - ($handleSpacing * 2)};
-    height: #{$height - ($handleSpacing * 2)};
-    border-radius: 100px;
-
-    pointer-events: none;
-    transition: $transition;
-  }
-
-  &.on {
-    background-color: $activeColor;
-    border-color: $activeColor;
-
-    .handle {
-      background-color: $activeHandleColor;
-      left: #{$width - $height};
-    }
-  }
-}
-</style>
-
-<script>
-export default {
-  props: {
-    on: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  methods: {
-    toggle() {
-      const containsOnClass = this.$refs.toggle.classList.toggle("on");
-      this.$emit("change", containsOnClass);
-    }
-  }
-};
-</script>

cypress.json

@@ -1,9 +0,0 @@
-{
-  "baseUrl": "http://localhost:3000",
-  "integrationFolder": "tests/e2e/integration",
-  "screenshotsFolder": "tests/e2e/screenshots",
-  "fixturesFolder": "tests/e2e/fixtures",
-  "supportFile": "tests/e2e/support",
-  "pluginsFile": false,
-  "video": false
-}

database.rules.json

@@ -1,6 +0,0 @@
-{
-  "rules": {
-    ".read": false,
-    ".write": false
-  }
-}

directives/textareaAutoHeight.js

@@ -1,8 +0,0 @@
-export default {
-  name: "textareaAutoHeight",
-  update({ scrollHeight, clientHeight, style }) {
-    if (scrollHeight !== clientHeight) {
-      style.minHeight = `${scrollHeight}px`;
-    }
-  }
-};

docker-compose.yml

@@ -1,20 +1,71 @@
+# To make it easier to self-host, we have a preset docker compose config that also
+# has a container with a Postgres instance running.
+# You can tweak around this file to match your instances
 version: "3.7"
 
 services:
-  web:
+  # This service runs the backend app in the port 3170
+  hoppscotch-backend:
+    container_name: hoppscotch-backend
     build:
+      dockerfile: packages/hoppscotch-backend/Dockerfile
       context: .
+      target: prod
+    env_file:
+      - ./.env
+    restart: always
+    environment:
+      # Edit the below line to match your PostgresDB URL if you have an outside DB (make sure to update the .env file as well)
+      - DATABASE_URL=postgresql://postgres:testpass@hoppscotch-db:5432/hoppscotch?connect_timeout=300
+      - PORT=3000
     volumes:
-      - "./.postwoman:/app/.postwoman"
-      - "./assets:/app/assets"
-      - "./directives:/app/directives"
-      - "./layouts:/app/layouts"
-      - "./middleware:/app/middleware"
-      - "./pages:/app/pages"
-      - "./plugins:/app/plugins"
-      - "./static:/app/static"
-      - "./store:/app/store"
-      - "./components:/app/components"
+      - ./packages/hoppscotch-backend/:/usr/src/app
+      - /usr/src/app/node_modules/
+    depends_on:
+      - hoppscotch-db
     ports:
-      - "3000:3000"
-    command: "npm run dev"
+      - "3170:3000"
+
+  # The main hoppscotch app. This will be hosted at port 3000
+  # NOTE: To do TLS or play around with how the app is hosted, you can look into the Caddyfile for
+  #       the SH admin dashboard server at packages/hoppscotch-selfhost-web/Caddyfile
+  hoppscotch-app:
+    container_name: hoppscotch-app
+    build:
+      dockerfile: packages/hoppscotch-selfhost-web/Dockerfile
+      context: .
+    env_file:
+      - ./.env
+    depends_on:
+      - hoppscotch-backend
+    ports:
+      - "3000:8080"
+
+  # The Self Host dashboard for managing the app. This will be hosted at port 3100
+  # NOTE: To do TLS or play around with how the app is hosted, you can look into the Caddyfile for
+  #       the SH admin dashboard server at packages/hoppscotch-sh-admin/Caddyfile
+  hoppscotch-sh-admin:
+    container_name: hoppscotch-sh-admin
+    build:
+      dockerfile: packages/hoppscotch-sh-admin/Dockerfile
+      context: .
+    env_file:
+      - ./.env
+    depends_on:
+      - hoppscotch-backend
+    ports:
+      - "3100:8080"
+
+  # The preset DB service, you can delete/comment the below lines if
+  # you are using an external postgres instance
+  # This will be exposed at port 5432
+  hoppscotch-db:
+    image: postgres
+    ports:
+      - "5432:5432"
+    environment:
+      # NOTE: Please UPDATE THIS PASSWORD!
+      POSTGRES_PASSWORD: testpass
+      POSTGRES_DB: hoppscotch
+
+

docs/index.html

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Postwoman</title>
-    <meta http-equiv="refresh" content="0; url=https://postwoman.io" />
-    <link rel="canonical" href="https://postwoman.io" />
-  </head>
-
-  <body>
-    Redirecting to postwoman.io
-  </body>
-</html>

firebase.json

@@ -1,22 +1,19 @@
 {
-  "database": {
-    "rules": "database.rules.json"
-  },
   "firestore": {
     "rules": "firestore.rules",
     "indexes": "firestore.indexes.json"
   },
   "hosting": {
-    "target": "postwoman",
-    "public": "dist",
-    "cleanUrls": true,
-    "ignore": [
-      "firebase.json",
-      "**/.*",
-      "**/node_modules/**"
+    "predeploy": [
+      "mv .env.example .env && npm install -g pnpm && pnpm i && pnpm run generate"
+    ],
+    "public": "packages/hoppscotch-web/dist",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
     ]
-  },
-  "storage": {
-    "rules": "storage.rules"
   }
 }

firestore.indexes.json

@@ -1,26 +1,4 @@
 {
-  // Example:
-  //
-  // "indexes": [
-  //   {
-  //     "collectionGroup": "widgets",
-  //     "queryScope": "COLLECTION",
-  //     "fields": [
-  //       { "fieldPath": "foo", "arrayConfig": "CONTAINS" },
-  //       { "fieldPath": "bar", "mode": "DESCENDING" }
-  //     ]
-  //   },
-  //
-  //  "fieldOverrides": [
-  //    {
-  //      "collectionGroup": "widgets",
-  //      "fieldPath": "baz",
-  //      "indexes": [
-  //        { "order": "ASCENDING", "queryScope": "COLLECTION" }
-  //      ]
-  //    },
-  //   ]
-  // ]
   "indexes": [],
   "fieldOverrides": []
-}
+}

firestore.rules

@@ -1,14 +1,13 @@
 service cloud.firestore {
   match /databases/{database}/documents {
-    match /{document=**} {
-      allow read, write: if request.auth.uid != null;
-    }
     // Make sure the uid of the requesting user matches name of the user
     // document. The wildcard expression {userId} makes the userId variable
     // available in rules.
     match /users/{userId} {
-      allow read, update, delete: if request.auth.uid == userId;
-      allow create: if request.auth.uid != null;
+      allow read, write, create, update, delete: if request.auth.uid != null && request.auth.uid == userId;
+    }
+    match /users/{userId}/{document=**} {
+    	allow read, write, create, update, delete: if request.auth.uid != null && request.auth.uid == userId;
     }
   }
 }

functions/.gitignore

@@ -1 +0,0 @@
-node_modules/

functions/fb.js

@@ -1,192 +0,0 @@
-import firebase from "firebase/app";
-import "firebase/firestore";
-import "firebase/auth";
-
-// Initialize Firebase, copied from cloud console
-const firebaseConfig = {
-  apiKey: "AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM",
-  authDomain: "postwoman-api.firebaseapp.com",
-  databaseURL: "https://postwoman-api.firebaseio.com",
-  projectId: "postwoman-api",
-  storageBucket: "postwoman-api.appspot.com",
-  messagingSenderId: "421993993223",
-  appId: "1:421993993223:web:ec0baa8ee8c02ffa1fc6a2",
-  measurementId: "G-ERJ6025CEB"
-};
-firebase.initializeApp(firebaseConfig);
-
-// a reference to the users collection
-const usersCollection = firebase.firestore().collection("users");
-
-// the shared state object that any vue component
-// can get access to
-export const fb = {
-  currentUser: {},
-  currentFeeds: [],
-  currentSettings: [],
-  currentHistory: [],
-  currentCollections: [],
-  writeFeeds: async (message, label) => {
-    const dt = {
-      createdOn: new Date(),
-      author: fb.currentUser.uid,
-      author_name: fb.currentUser.displayName,
-      author_image: fb.currentUser.photoURL,
-      message,
-      label
-    };
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("feeds")
-      .add(dt)
-      .catch(e => console.error("error inserting", dt, e));
-  },
-  deleteFeed: id => {
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("feeds")
-      .doc(id)
-      .delete()
-      .catch(e => console.error("error deleting", id, e));
-  },
-  writeSettings: async (setting, value) => {
-    const st = {
-      updatedOn: new Date(),
-      author: fb.currentUser.uid,
-      author_name: fb.currentUser.displayName,
-      author_image: fb.currentUser.photoURL,
-      name: setting,
-      value
-    };
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("settings")
-      .doc(setting)
-      .set(st)
-      .catch(e => console.error("error updating", st, e));
-  },
-  writeHistory: async entry => {
-    const hs = entry;
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("history")
-      .add(hs)
-      .catch(e => console.error("error inserting", hs, e));
-  },
-  deleteHistory: entry => {
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("history")
-      .doc(entry.id)
-      .delete()
-      .catch(e => console.error("error deleting", entry, e));
-  },
-  clearHistory: () => {
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("history")
-      .get()
-      .then(({ docs }) => {
-        docs.forEach(e => fb.deleteHistory(e));
-      });
-  },
-  toggleStar: (entry, value) => {
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("history")
-      .doc(entry.id)
-      .update({ star: value })
-      .catch(e => console.error("error deleting", entry, e));
-  },
-  writeCollections: async collection => {
-    const cl = {
-      updatedOn: new Date(),
-      author: fb.currentUser.uid,
-      author_name: fb.currentUser.displayName,
-      author_image: fb.currentUser.photoURL,
-      collection: collection
-    };
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("collections")
-      .doc("sync")
-      .set(cl)
-      .catch(e => console.error("error updating", cl, e));
-  }
-};
-
-// When a user logs in or out, save that in the store
-firebase.auth().onAuthStateChanged(user => {
-  if (user) {
-    fb.currentUser = user;
-    fb.currentUser.providerData.forEach(profile => {
-      let us = {
-        updatedOn: new Date(),
-        provider: profile.providerId,
-        name: profile.displayName,
-        email: profile.email,
-        photoUrl: profile.photoURL,
-        uid: profile.uid
-      };
-      usersCollection
-        .doc(fb.currentUser.uid)
-        .set(us)
-        .catch(e => console.error("error updating", us, e));
-    });
-
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("feeds")
-      .orderBy("createdOn", "desc")
-      .onSnapshot(feedsRef => {
-        const feeds = [];
-        feedsRef.forEach(doc => {
-          const feed = doc.data();
-          feed.id = doc.id;
-          feeds.push(feed);
-        });
-        fb.currentFeeds = feeds;
-      });
-
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("settings")
-      .onSnapshot(settingsRef => {
-        const settings = [];
-        settingsRef.forEach(doc => {
-          const setting = doc.data();
-          setting.id = doc.id;
-          settings.push(setting);
-        });
-        fb.currentSettings = settings;
-      });
-
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("history")
-      .onSnapshot(historyRef => {
-        const history = [];
-        historyRef.forEach(doc => {
-          const entry = doc.data();
-          entry.id = doc.id;
-          history.push(entry);
-        });
-        fb.currentHistory = history;
-      });
-
-    usersCollection
-      .doc(fb.currentUser.uid)
-      .collection("collections")
-      .onSnapshot(collectionsRef => {
-        const collections = [];
-        collectionsRef.forEach(doc => {
-          const collection = doc.data();
-          collection.id = doc.id;
-          collections.push(collection);
-        });
-        fb.currentCollections = collections[0].collection;
-      });
-  } else {
-    fb.currentUser = null;
-  }
-});

functions/index.js

@@ -1,8 +0,0 @@
-// const functions = require('firebase-functions');
-
-// // Create and Deploy Your First Cloud Functions
-// // https://firebase.google.com/docs/functions/write-firebase-functions
-//
-// exports.helloWorld = functions.https.onRequest((request, response) => {
-//  response.send("Hello from Firebase!");
-// });

functions/network.js

@@ -1,24 +0,0 @@
-import AxiosStrategy from "./strategies/AxiosStrategy";
-import FirefoxStrategy from "./strategies/FirefoxStrategy";
-import ChromeStrategy, { hasChromeExtensionInstalled } from "./strategies/ChromeStrategy";
-
-const runAppropriateStrategy = (req, store) => {
-  // Chrome Provides a chrome object for scripts to access
-  // Check its availability to say whether you are in Google Chrome
-  if (window.chrome && hasChromeExtensionInstalled()) {
-      return ChromeStrategy(req, store);
-  }
-  // The firefox plugin injects a function to send requests through it
-  // If that is available, then we can use the FirefoxStrategy
-  if (window.firefoxExtSendRequest) {
-    return FirefoxStrategy(req, store); 
-  }
-
-  return AxiosStrategy(req, store);
-}
-
-const sendNetworkRequest = (req, store) => 
-  runAppropriateStrategy(req, store)
-    .finally(() => window.$nuxt.$loading.finish());
-
-export { sendNetworkRequest };

functions/package.json

@@ -1,22 +0,0 @@
-{
-  "name": "functions",
-  "description": "Cloud Functions for Firebase",
-  "scripts": {
-    "serve": "firebase serve --only functions",
-    "shell": "firebase functions:shell",
-    "start": "npm run shell",
-    "deploy": "firebase deploy --only functions",
-    "logs": "firebase functions:log"
-  },
-  "engines": {
-    "node": "8"
-  },
-  "dependencies": {
-    "firebase-admin": "^8.0.0",
-    "firebase-functions": "^3.1.0"
-  },
-  "devDependencies": {
-    "firebase-functions-test": "^0.1.6"
-  },
-  "private": true
-}

functions/postwomanTesting.js

@@ -1,175 +0,0 @@
-const PASS = "PASS";
-const FAIL = "FAIL";
-const ERROR = "ERROR";
-
-const styles = {
-  [PASS]: { icon: "check", class: "success-response" },
-  [FAIL]: { icon: "close", class: "cl-error-response" },
-  [ERROR]: { icon: "close", class: "cl-error-response" },
-  none: { icon: "", class: "" }
-};
-
-// TODO: probably have to use a more global state for `test`
-
-export default function runTestScriptWithVariables(script, variables) {
-  let pw = {
-    _errors: [],
-    _testReports: [],
-    _report: "",
-    expect(value) {
-      try {
-        return expect(value, this._testReports);
-      } catch (e) {
-        pw._testReports.push({ result: ERROR, message: e });
-      }
-    },
-    test: (descriptor, func) => test(descriptor, func, pw._testReports)
-    // globals that the script is allowed to have access to.
-  };
-  Object.assign(pw, variables);
-
-  // run pre-request script within this function so that it has access to the pw object.
-  new Function("pw", script)(pw);
-  //
-  const testReports = pw._testReports.map(item => {
-    if (item.result) {
-      item.styles = styles[item.result];
-    } else {
-      item.styles = styles.none;
-    }
-    return item;
-  });
-  return { report: pw._report, errors: pw._errors, testResults: testReports };
-}
-
-function test(descriptor, func, _testReports) {
-  _testReports.push({ startBlock: descriptor });
-  try {
-    func();
-  } catch (e) {
-    _testReports.push({ result: ERROR, message: e });
-  }
-  _testReports.push({ endBlock: true });
-
-  // TODO: Organize and generate text report of each {descriptor: true} section in testReports.
-  // add checkmark or x depending on if each testReport is pass=true or pass=false
-}
-
-function expect(expectValue, _testReports) {
-  return new Expectation(expectValue, null, _testReports);
-}
-
-class Expectation {
-  constructor(expectValue, _not, _testReports) {
-    this.expectValue = expectValue;
-    this.not = _not || new Expectation(this.expectValue, true, _testReports);
-    this._testReports = _testReports; // this values is used within Test.it, which wraps Expectation and passes _testReports value.
-    this._satisfies = function(expectValue, targetValue) {
-      // Used for testing if two values match the expectation, which could be === OR !==, depending on if not
-      // was used. Expectation#_satisfies prevents the need to have an if(this.not) branch in every test method.
-      // Signature is _satisfies([expectValue,] targetValue): if only one argument is given, it is assumed the targetValue, and expectValue is set to this.expectValue
-      if (!targetValue) {
-        targetValue = expectValue;
-        expectValue = this.expectValue;
-      }
-      if (this.not === true) {
-        // test the inverse. this.not is always truthly, but an Expectation that is inverted will always be strictly `true`
-        return expectValue !== targetValue;
-      } else {
-        return expectValue === targetValue;
-      }
-    };
-  }
-  _fmtNot(message) {
-    // given a string with "(not)" in it, replaces with "not" or "", depending if the expectation is expecting the positive or inverse (this._not)
-    if (this.not === true) {
-      return message.replace("(not)", "not ");
-    } else {
-      return message.replace("(not)", "");
-    }
-  }
-  _fail(message) {
-    this._testReports.push({ result: FAIL, message });
-  }
-  _pass(message) {
-    this._testReports.push({ result: PASS });
-  }
-  // TEST METHODS DEFINED BELOW
-  // these are the usual methods that would follow expect(...)
-  toBe(value) {
-    return this._satisfies(value)
-      ? this._pass()
-      : this._fail(
-          this._fmtNot(`Expected ${this.expectValue} (not)to be ${value}`)
-        );
-  }
-  toHaveProperty(value) {
-    return this._satisfies(this.expectValue.hasOwnProperty(value), true)
-      ? this._pass()
-      : this._fail(
-          this._fmtNot(
-            `Expected object ${this.expectValue} to (not)have property ${value}`
-          )
-        );
-  }
-  toBeLevel2xx() {
-    const code = parseInt(this.expectValue);
-    if (Number.isNaN(code)) {
-      return this._fail(
-        `Expected 200-level status but could not parse value ${this.expectValue}`
-      );
-    }
-    return this._satisfies(code >= 200 && code < 300)
-      ? this._pass()
-      : this._fail(
-          this._fmtNot(
-            `Expected ${this.expectValue} to (not)be 200-level status`
-          )
-        );
-  }
-  toBeLevel3xx() {
-    const code = parseInt(this.expectValue);
-    if (Number.isNaN(code)) {
-      return this._fail(
-        `Expected 300-level status but could not parse value ${this.expectValue}`
-      );
-    }
-    return this._satisfies(code >= 300 && code < 400)
-      ? this._pass()
-      : this._fail(
-          this._fmtNot(
-            `Expected ${this.expectValue} to (not)be 300-level status`
-          )
-        );
-  }
-  toBeLevel4xx() {
-    const code = parseInt(this.expectValue);
-    if (Number.isNaN(code)) {
-      return this._fail(
-        `Expected 400-level status but could not parse value ${this.expectValue}`
-      );
-    }
-    return this._satisfies(code >= 400 && code < 500)
-      ? this._pass()
-      : this._fail(
-          this._fmtNot(
-            `Expected ${this.expectValue} to (not)be 400-level status`
-          )
-        );
-  }
-  toBeLevel5xx() {
-    const code = parseInt(this.expectValue);
-    if (Number.isNaN(code)) {
-      return this._fail(
-        `Expected 500-level status but could not parse value ${this.expectValue}`
-      );
-    }
-    return this._satisfies(code >= 500 && code < 600)
-      ? this._pass()
-      : this._fail(
-          this._fmtNot(
-            `Expected ${this.expectValue} to (not)be 500-level status`
-          )
-        );
-  }
-}

functions/preRequest.js

@@ -1,20 +0,0 @@
-export default function getEnvironmentVariablesFromScript(script) {
-  let _variables = {};
-
-  // the pw object is the proxy by which pre-request scripts can pass variables to the request.
-  // for security and control purposes, this is the only way a pre-request script should modify variables.
-  let pw = {
-    environment: {
-      set: (key, value) => (_variables[key] = value)
-    },
-    env: {
-      set: (key, value) => (_variables[key] = value)
-    }
-    // globals that the script is allowed to have access to.
-  };
-
-  // run pre-request script within this function so that it has access to the pw object.
-  new Function("pw", script)(pw);
-
-  return _variables;
-}

functions/strategies/AxiosStrategy.js

@@ -1,23 +0,0 @@
-import axios from "axios";
-
-const axiosWithProxy = async (req, { state }) => {
-  const { data } = await axios.post(
-    state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
-    req
-  );
-  return data;
-};
-
-const axiosWithoutProxy = async (req, _store) => {
-  const res = await axios(req);
-  return res;
-};
-
-const axiosStrategy = (req, store) => {
-  if (store.state.postwoman.settings.PROXY_ENABLED) {
-    return axiosWithProxy(req, store);
-  }
-  return axiosWithoutProxy(req, store);
-};
-
-export default axiosStrategy;

functions/strategies/ChromeStrategy.js

@@ -1,56 +0,0 @@
-const EXTENSION_ID = "amknoiejhlmhancpahfcfcfhllgkpbld";
-
-// Check if the Chrome Extension is present
-// The Chrome extension injects an empty span to help detection.
-// Also check for the presence of window.chrome object to confirm smooth operations
-export const hasChromeExtensionInstalled = () => {
-  return document.getElementById("chromePWExtensionDetect") !== null;
-}
-
-const chromeWithoutProxy = (req, _store) => new Promise((resolve, reject) => {
-  chrome.runtime.sendMessage(
-    EXTENSION_ID, {
-      messageType: "send-req",
-      data: {
-        config: req
-      }
-    }, (message) => {
-      if (message.data.error) {
-        reject(message.data.error);
-      } else {
-        resolve(message.data.response);
-      }
-    }
-  );
-});
-
-const chromeWithProxy = (req, { state }) => new Promise((resolve, reject) => {
-  chrome.runtime.sendMessage(
-    EXTENSION_ID, {
-      messageType: "send-req",
-      data: {
-        config: {
-          method: "post",
-          url: state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
-          data: req
-        }
-      }
-    }, (message) => {
-      if (message.data.error) {
-        reject(error);
-      } else {
-        resolve(message.data.response.data);
-      }
-    }
-  )
-});
-
-const chromeStrategy = (req, store) => {
-  if (store.state.postwoman.settings.PROXY_ENABLED) {
-    return chromeWithProxy(req, store);
-  } else {
-    return chromeWithoutProxy(req, store);
-  }
-}
-
-export default chromeStrategy;

functions/strategies/FirefoxStrategy.js

@@ -1,50 +0,0 @@
-const firefoxWithProxy = (req, { state }) =>
-  new Promise((resolve, reject) => {
-    const eventListener = event => {
-      window.removeEventListener("firefoxExtSendRequestComplete", event);
-
-      if (event.detail.error) {
-        reject(JSON.parse(event.detail.error));
-      } else {
-        resolve(JSON.parse(event.detail.response).data);
-      }
-    };
-
-    window.addEventListener("firefoxExtSendRequestComplete", eventListener);
-
-    window.firefoxExtSendRequest({
-      method: "post",
-      url:
-        state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
-      data: req
-    });
-  });
-
-const firefoxWithoutProxy = (req, _store) =>
-  new Promise((resolve, reject) => {
-    const eventListener = ({ detail }) => {
-      window.removeEventListener(
-        "firefoxExtSendRequestComplete",
-        eventListener
-      );
-
-      if (detail.error) {
-        reject(JSON.parse(detail.error));
-      } else {
-        resolve(JSON.parse(detail.response));
-      }
-    };
-
-    window.addEventListener("firefoxExtSendRequestComplete", eventListener);
-
-    window.firefoxExtSendRequest(req);
-  });
-
-const firefoxStrategy = (req, store) => {
-  if (store.state.postwoman.settings.PROXY_ENABLED) {
-    return firefoxWithProxy(req, store);
-  }
-  return firefoxWithoutProxy(req, store);
-};
-
-export default firefoxStrategy;

functions/templating.js

@@ -1,7 +0,0 @@
-export default function parseTemplateString(string, variables) {
-  if (!variables || !string) {
-    return string;
-  }
-  const searchTerm = /<<([^>]*)>>/g; // "<<myVariable>>"
-  return string.replace(searchTerm, (match, p1) => variables[p1] || "");
-}

lang/de-DE.js

@@ -1,90 +0,0 @@
-export default {
-  home: "Startseite",
-  realtime: "Echtzeit",
-  graphql: "GraphQL",
-  settings: "Einstellungen",
-  request: "Anfrage",
-  install_pwa: "PWA installieren",
-  support_us: "Unterstütze uns",
-  tweet: "Twittern",
-  options: "Optionen",
-  communication: "Kommunikation",
-  endpoint: "Endpunkt",
-  schema: "Schema",
-  theme: "Design",
-  subscribe: "Abonnieren",
-  choose_language: "Sprache auswählen",
-  shortcuts: "Tastenkombinationen",
-  send_request: "Anfrage senden",
-  save_to_collections: "In Sammlungen speichern",
-  copy_request_link: "Anfragelink kopieren",
-  reset_request: "Anfrage zurücksetzen",
-  support_us_on: "Unterstütze uns auf",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "JavaScript-Code",
-  method: "Methode",
-  path: "Pfad",
-  label: "Beschriftung",
-  again: "Wiederholen",
-  content_type: "Content-Typ",
-  raw_input: "Rohdaten-Eingabe",
-  parameter_list: "Parameterliste",
-  raw_request_body: "Rohdaten der Anfrage",
-  show_code: "Code zeigen",
-  hide_code: "Code ausblenden",
-  show_prerequest_script: "Preanfrageskript anzeigen",
-  hide_prerequest_script: "Preanfrageskript ausblenden",
-  authentication: "Authentifizierung",
-  authentication_type: "Authentifizierungs-Typ",
-  include_in_url: "In URL einfügen",
-  parameters: "Parameter",
-  expand_response: "Antwort ausklappen",
-  collapse_response: "Antwort einklappen",
-  hide_preview: "Vorschau verstecken",
-  preview_html: "HTML-Vorschau",
-  history: "Verlauf",
-  collections: "Kollektionen",
-  import_curl: "cURL importieren",
-  import: "Importieren",
-  generate_code: "Code generieren",
-  request_type: "Anfrage-Typ",
-  generated_code: "Generierter Code",
-  status: "Status",
-  headers: "Headers",
-  websocket: "WebSocket",
-  waiting_for_connection: "(warte auf Verbindung)",
-  message: "Nachricht",
-  sse: "SSE",
-  server: "Server",
-  events: "Ereignisse",
-  url: "URL",
-  get_schema: "Schema abrufen",
-  header_list: "Headerliste",
-  add_new: "Neu hinzufügen",
-  response: "Antwort",
-  query: "Abfrage",
-  queries: "Abfragen",
-  query_variables: "Variablen",
-  mutations: "Mutationen",
-  subscriptions: "Abonnements",
-  types: "Typen",
-  send: "Senden",
-  background: "Hintergrund",
-  color: "Farbe",
-  labels: "Bezeichner",
-  multi_color: "Mehrfarbig",
-  enabled: "Aktiviert",
-  disabled: "Deaktiviert",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting:
-    "Postwomans offizieller Proxy wird durch ApolloTV bereitgestellt.",
-  read_the: "Lies die",
-  apollotv_privacy_policy: "ApolloTV Datenschutzerklärung",
-  contact_us: "Kontaktiere uns",
-  connect: "Verbinden",
-  disconnect: "Trennen",
-  start: "Start",
-  stop: "Stopp"
-};

lang/en-US.js

@@ -1,264 +0,0 @@
-export default {
-  home: "Home",
-  realtime: "Realtime",
-  graphql: "GraphQL",
-  settings: "Settings",
-  request: "Request",
-  install_pwa: "Install PWA",
-  support_us: "Support us",
-  tweet: "Tweet",
-  options: "Options",
-  communication: "Communication",
-  endpoint: "Endpoint",
-  schema: "Schema",
-  theme: "Theme",
-  subscribe: "Subscribe",
-  choose_language: "Choose Language",
-  shortcuts: "Shortcuts",
-  send_request: "Send Request",
-  save_to_collections: "Save to Collections",
-  copy_request_link: "Copy Request Link",
-  reset_request: "Reset Request",
-  support_us_on: "Support us on",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "JavaScript Code",
-  method: "Method",
-  path: "Path",
-  label: "Label",
-  again: "Again",
-  content_type: "Content Type",
-  raw_input: "Raw input",
-  parameter_list: "Parameter List",
-  raw_request_body: "Raw Request Body",
-  show_code: "Show Code",
-  hide_code: "Hide Code",
-  show_prerequest_script: "Show Pre-Request Script",
-  hide_prerequest_script: "Hide Pre-Request Script",
-  authentication: "Authentication",
-  authentication_type: "Authentication type",
-  include_in_url: "Include in URL",
-  parameters: "Parameters",
-  expand_response: "Expand response",
-  collapse_response: "Collapse response",
-  hide_preview: "Hide Preview",
-  preview_html: "Preview HTML",
-  history: "History",
-  collections: "Collections",
-  import_curl: "Import cURL",
-  import: "Import",
-  generate_code: "Generate code",
-  request_type: "Request type",
-  generated_code: "Generated code",
-  status: "Status",
-  headers: "Headers",
-  websocket: "WebSocket",
-  waiting_for_connection: "(waiting for connection)",
-  message: "Message",
-  sse: "SSE",
-  server: "Server",
-  events: "Events",
-  url: "URL",
-  get_schema: "Get schema",
-  header_list: "Header list",
-  add_new: "Add new",
-  response: "Response",
-  query: "Query",
-  queries: "Queries",
-  query_variables: "Variables",
-  mutations: "Mutations",
-  subscriptions: "Subscriptions",
-  types: "Types",
-  send: "Send",
-  background: "Background",
-  color: "Color",
-  labels: "Labels",
-  multi_color: "Multi-color",
-  enabled: "Enabled",
-  disabled: "Disabled",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting:
-    "Postwoman's Official Proxy is hosted by ApolloTV.",
-  read_the: "Read the",
-  apollotv_privacy_policy: "ApolloTV privacy policy",
-  contact_us: "Contact us",
-  connect: "Connect",
-  disconnect: "Disconnect",
-  start: "Start",
-  stop: "Stop",
-  access_token: "Access Token",
-  token_list: "Token List",
-  get_token: "Get New Token",
-  manage_token: "Manage Access Token",
-  save_token: "Save Access Token",
-  use_token: "Use Saved Token",
-  request_token: "Request Token",
-  save_token_req: "Save Token Request",
-  manage_token_req: "Manage Token Request",
-  use_token_req: "Use Token Request",
-  token_req_name: "Request Name",
-  token_req_details: "Request Details",
-  token_name: "Token Name",
-  oidc_discovery_url: "OIDC Discovery URL",
-  auth_url: "Auth URL",
-  access_token_url: "Access Token URL",
-  client_id: "Client ID",
-  scope: "Scope",
-  state: "State",
-  token_req_list: "Token Request List",
-  no_path: "No path",
-  no_label: "No label",
-  prerequest_script: "Pre-Request Script",
-  no_prerequest_script: "No pre-request script",
-  search_history: "search history",
-  history_empty: "History is empty",
-  history_deleted: "History Deleted",
-  clear: "Clear",
-  clear_all: "Clear All",
-  cleared: "Cleared",
-  close: "Close",
-  sort: "Sort",
-  time: "Time",
-  duration: "Duration",
-  no_duration: "No duration",
-  show_more: "Show more",
-  hide_more: "Hide more",
-  collection: "Collection",
-  current_collection: "Current Collection",
-  select_collection: "Select a Collection",
-  create_collection: "Create a Collection",
-  new: "New",
-  import_export: "Import / Export",
-  more: "More",
-  folder: "Folder",
-  new_folder: "New Folder",
-  my_new_folder: "My New Folder",
-  folder_empty: "Folder is empty",
-  edit_folder: "Edit Folder",
-  edit: "Edit",
-  delete: "Delete",
-  deleted: "Deleted",
-  undo: "Undo",
-  collection_empty: "Collection is empty",
-  new_collection: "New Collection",
-  my_new_collection: "My New Collection",
-  edit_collection: "Edit Collection",
-  edit_request: "Edit Request",
-  save_request_as: "Save Request As",
-  export: "Export",
-  connecting_to: "Connecting to {name}...",
-  connected: "Connected",
-  connected_to: "Connected to {name}",
-  disconnected: "Disconnected",
-  disconnected_from: "Disconnected from {name}",
-  something_went_wrong: "Something went wrong!",
-  error_occurred: "An error has occurred.",
-  browser_support_sse:
-    "This browser doesn't seems to have Server Sent Events support.",
-  log: "Log",
-  no_url: "No URL",
-  run_query: "Run Query",
-  copy_query: "Copy Query",
-  kinda_dark: "Kinda Dark",
-  clearly_white: "Clearly White",
-  just_black: "Just Black",
-  auto_system: "Auth (system)",
-  green: "Green",
-  yellow: "Yellow",
-  pink: "Pink",
-  red: "Red",
-  purple: "Purple",
-  orange: "Orange",
-  cyan: "Cyan",
-  blue: "Blue",
-  loading: "Loading...",
-  fetching: "Fetching...",
-  waiting_send_req: "(waiting to send request)",
-  cancel: "Cancel",
-  save: "Save",
-  dismiss: "Dismiss",
-  are_you_sure: "Are you sure?",
-  yes: "Yes",
-  no: "No",
-  restore: "Restore",
-  add_star: "Add star",
-  remove_star: "Remove star",
-  nothing_found: "Nothing found",
-  replace_current: "Replace current",
-  replace_json: "Replace with JSON",
-  preserve_current: "Preserve current",
-  import_json: "Import from JSON",
-  download_file: "Download file",
-  upload_file: "Upload file",
-  copy_response: "Copy response",
-  copy_code: "Copy code",
-  copy_schema: "Copy Schema",
-  use_request: "Use request",
-  documentation: "Documentation",
-  docs: "Docs",
-  reset_default: "Reset to default",
-  fields: "FIELDS",
-  deprecated: "DEPRECATED",
-  add_one_header: "(add at least one header)",
-  add_one_parameter: "(add at least one parameter)",
-  header_count: "header {count}",
-  parameter_count: "parameter {count}",
-  variable_count: "variable {count}",
-  value_count: "value {count}",
-  send_request_first: "Send a request first",
-  generate_docs: "Generate Documentation",
-  generate_docs_message:
-    "Import any Postwoman Collection to Generate Documentation on-the-go.",
-  generate_docs_first: "Generate documentation first",
-  docs_generated: "Documentation generated",
-  import_collections: "Import collections",
-  optional: "(optional)",
-  json: "JSON",
-  none: "None",
-  username: "Username",
-  password: "Password",
-  token: "Token",
-  payload: "Payload",
-  choose_file: "Choose a file",
-  file_imported: "File imported",
-  f12_details: "(F12 for details)",
-  we_use_cookies: "We use cookies",
-  copied_to_clipboard: "Copied to clipboard",
-  finished_in: "Finished in {duration}ms",
-  check_console_details: "Check console for details.",
-  download_started: "Download started",
-  url_invalid_format: "URL is not formatted properly",
-  curl_invalid_format: "cURL is not formatted properly",
-  enable_proxy: "Try enabling Proxy",
-  complete_config_urls: "Please complete configuration urls.",
-  token_request_saved: "Token request saved",
-  donate_info1:
-    "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
-  donate_info2:
-    "You can support Postwoman development via the following methods:",
-  one_time_recurring: "One-time or recurring",
-  one_time: "One-time",
-  recurring: "Recurring",
-  wiki: "Wiki",
-  error: "Error",
-  go_home: "Go Home",
-  reload: "Reload",
-  enter_curl: "Enter cURL",
-  empty: "Empty",
-  extensions: "Extensions",
-  extensions_info1: "Browser extension that simplifies access to Postwoman",
-  extensions_info2: "Get Postwoman browser extension!",
-  installed: "Installed",
-  login_with: "Login with",
-  logged_out: "Logged out",
-  logout: "Logout",
-  account: "Account",
-  sync: "Sync",
-  syncHistory: "History",
-  syncCollections: "Collections",
-  turn_on: "Turn on",
-  login_first: "Login first",
-  paste_a_collection: "Paste a Collection",
-  import_from_sync: "Import from Sync"
-};

lang/es-ES.js

@@ -1,90 +0,0 @@
-export default {
-  home: "Inicio",
-  realtime: "Tiempo real",
-  graphql: "GraphQL",
-  settings: "Ajustes",
-  request: "Petición",
-  install_pwa: "Instalar PWA",
-  support_us: "Ayúdanos",
-  tweet: "Tweet",
-  options: "Opciones",
-  communication: "Comunicación",
-  endpoint: "Endpoint",
-  schema: "Esquema",
-  theme: "Tema",
-  subscribe: "Subscribirse",
-  choose_language: "Seleccione un idioma",
-  shortcuts: "Atajos",
-  send_request: "Enviar petición",
-  save_to_collections: "Guardar en las Colecciones",
-  copy_request_link: "Copiar enlace de la petición",
-  reset_request: "Reiniciar Petición",
-  support_us_on: "Ayúdanos en",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "Código JavaScript",
-  method: "Método",
-  path: "Ruta",
-  label: "Etiqueta",
-  again: "De nuevo",
-  content_type: "Tipo de Contenido",
-  raw_input: "Datos sin Procesar",
-  parameter_list: "Lista de Parámetros",
-  raw_request_body: "Cuerpo de la Solicitud sin Procesar",
-  show_code: "Mostrar el código",
-  hide_code: "Ocultar el código",
-  show_prerequest_script: "Mostrar Script pre solicitud",
-  hide_prerequest_script: "Ocultar Script pre solicitud",
-  authentication: "Autenticación",
-  authentication_type: "Tipo de autenticación",
-  include_in_url: "Incluir en el URL",
-  parameters: "Parámetros",
-  expand_response: "Ampliar Respuesta",
-  collapse_response: "Contraer Respuesta",
-  hide_preview: "Ocultar la vista previa",
-  preview_html: "Vista Previa del HTML",
-  history: "Historial",
-  collections: "Colecciones",
-  import_curl: "Importar cURL",
-  import: "Importar",
-  generate_code: "Generar código",
-  request_type: "Tipo de Petición",
-  generated_code: "Código Generado",
-  status: "Estado",
-  headers: "Cabeceras",
-  websocket: "WebSocket",
-  waiting_for_connection: "(esperando por conexión)",
-  message: "Mensaje",
-  sse: "SSE",
-  server: "Servidor",
-  events: "Eventos",
-  url: "URL",
-  get_schema: "Obtener esquema",
-  header_list: "Lista de Cabeceras",
-  add_new: "Agregar nuevo",
-  response: "Respuesta",
-  query: "Consulta",
-  queries: "Consultas",
-  query_variables: "Variables",
-  mutations: "Mutaciones",
-  subscriptions: "Subscripciones",
-  types: "Tipos",
-  send: "Enviar",
-  background: "Fondo",
-  color: "Color",
-  labels: "Etiquetas",
-  multi_color: "Multicolor",
-  enabled: "Habilitado",
-  disabled: "Deshabilitado",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting:
-    "Proxy Oficial de Postwoman está hospedado en ApolloTV.",
-  read_the: "Leer la",
-  apollotv_privacy_policy: "Política de Privacidad de ApolloTV",
-  contact_us: "Contáctenos",
-  connect: "Conectar",
-  disconnect: "Desconectar",
-  start: "Comienzo",
-  stop: "Detener"
-};

lang/fa-IR.js

@@ -1,90 +0,0 @@
-export default {
-  home: "خانه",
-  realtime: "بلادرنگ",
-  graphql: "GraphQL",
-  settings: "تنظیمات",
-  request: "درخواست",
-  install_pwa: "نصب PWA",
-  support_us: "از ما حمایت کنید",
-  tweet: "Tweet",
-  options: "گزینه‌ها",
-  communication: "ارتباط",
-  endpoint: "Endpoint",
-  schema: "Schema",
-  theme: "پوسته",
-  subscribe: "اشتراک",
-  choose_language: "تغییر زبان",
-  shortcuts: "میانبرها",
-  send_request: "ارسال درخواست",
-  save_to_collections: "ذخیره در کلکسیون",
-  copy_request_link: "کپی لینک درخواست",
-  reset_request: "بازنشانی درخواست",
-  support_us_on: "حمایت از ما از طریق",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "کد JavaScript",
-  method: "متد",
-  path: "مسیر",
-  label: "برچسب",
-  again: "دوباره",
-  content_type: "Content Type",
-  raw_input: "ورودی raw",
-  parameter_list: "لیست پارامترها",
-  raw_request_body: "Raw Request Body",
-  show_code: "نمایش کد",
-  hide_code: "عدم نمایش کد",
-  show_prerequest_script: "Show Pre-Request Script",
-  hide_prerequest_script: "Hide Pre-Request Script",
-  authentication: "Authentication",
-  authentication_type: "Authentication type",
-  include_in_url: "در URL گنجانده شود",
-  parameters: "پارامترها",
-  expand_response: "نمایش کامل پاسخ",
-  collapse_response: "نمایش مختصر پاسخ",
-  hide_preview: "مخفی کردن نمایش",
-  preview_html: "نمایش HTML",
-  history: "تاریخچه",
-  collections: "کلکسیون",
-  import_curl: "وارد کردن cURL",
-  import: "وارد کردن",
-  generate_code: "تولید کد",
-  request_type: "Request type",
-  generated_code: "کد تولید شده",
-  status: "Status",
-  headers: "Headers",
-  websocket: "WebSocket",
-  waiting_for_connection: "(منتظر برقراری اتصال)",
-  message: "پیام",
-  sse: "SSE",
-  server: "سرور",
-  events: "رویداد",
-  url: "URL",
-  get_schema: "دریافت Schema",
-  header_list: "لیست Header",
-  add_new: "افزودن",
-  response: "Response",
-  query: "Query",
-  queries: "Queries",
-  query_variables: "Variables",
-  mutations: "Mutations",
-  subscriptions: "Subscriptions",
-  types: "Types",
-  send: "ارسال",
-  background: "پس زمینه",
-  color: "رنگ",
-  labels: "برچسب‌ها",
-  multi_color: "چند رنگی",
-  enabled: "فعال",
-  disabled: "غیر فعال",
-  proxy: "پراکسی",
-  postwoman_official_proxy_hosting:
-    "پراکسی Postwoman  برروی هاست ApolloTV قرار دارد.",
-  read_the: "بخوانید",
-  apollotv_privacy_policy: "خط مشی رازداری ApolloTV",
-  contact_us: "Contact us",
-  connect: "Connect",
-  disconnect: "Disconnect",
-  start: "Start",
-  stop: "Stop"
-};

lang/fr-FR.js

@@ -1,90 +0,0 @@
-export default {
-  home: "Accueil",
-  realtime: "Temps réel",
-  graphql: "GraphQL",
-  settings: "Paramètres",
-  request: "Request",
-  install_pwa: "Installer la PWA",
-  support_us: "Nous supporter",
-  tweet: "Tweeter",
-  options: "Options",
-  communication: "Communication",
-  endpoint: "Endpoint",
-  schema: "Schéma",
-  theme: "Thème",
-  subscribe: "S'inscrire",
-  choose_language: "Sélectionner une langue",
-  shortcuts: "Raccourcis",
-  send_request: "Envoyer la requête",
-  save_to_collections: "Sauvegarder dans les collections",
-  copy_request_link: "Copier le lien de la requête",
-  reset_request: "Réinitialiser la requête",
-  support_us_on: "Supportez-nous sur",
-  open_collective: "Ouvrir Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "Code JavaScript",
-  method: "Méthode",
-  path: "Chemin d'accès",
-  label: "Libellé",
-  again: "Réessayer",
-  content_type: "Type de contenu",
-  raw_input: "Texte brut",
-  parameter_list: "Liste des paramètres",
-  raw_request_body: "Corps de la requête en texte brut",
-  show_code: "Afficher le code",
-  hide_code: "Masquer le code",
-  show_prerequest_script: "Afficher le script de pré-requête",
-  hide_prerequest_script: "Masquer le script de pré-requête",
-  authentication: "Authentification",
-  authentication_type: "Type d'authentification",
-  include_in_url: "Inclure dans l'URL",
-  parameters: "Paramètres",
-  expand_response: "Agrandir la réponse",
-  collapse_response: "Réduire la réponse",
-  hide_preview: "Masquer la prévisualisation",
-  preview_html: "Prévisualiser le HTML",
-  history: "Historique",
-  collections: "Collections",
-  import_curl: "Importer en cURL",
-  importer: "Importer",
-  generate_code: "Générer le code",
-  request_type: "Type de requête",
-  generated_code: "Code généré",
-  status: "Statut",
-  headers: "En-têtes",
-  websocket: "WebSocket",
-  waiting_for_connection: "(en attente de connexion)",
-  message: "Message",
-  sse: "SSE",
-  server: "Serveur",
-  events: "Évènements",
-  url: "URL",
-  get_schema: "Récuperer le schéma",
-  header_list: "Liste d'en-têtes",
-  add_new: "Ajouter",
-  response: "Réponse",
-  query: "Requête",
-  queries: "Requêtes",
-  query_variables: "Variables",
-  mutations: "Mutations",
-  subscriptions: "Abonnements",
-  types: "Types",
-  send: "Envoyer",
-  background: "Arrière-plan",
-  color: "Couleur",
-  labels: "Libellés",
-  multi_color: "Multi-couleurs",
-  enabled: "Activé",
-  disabled: "Désactivé",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting:
-    "Le proxy officiel de Postwoman est hébergé par ApolloTV.",
-  read_the: "Lire la",
-  apollotv_privacy_policy: "politique de confidentialité ApolloTV",
-  contact_us: "Contactez nous",
-  connect: "Relier",
-  disconnect: "Déconnecter",
-  start: "Début",
-  stop: "Arrêtez"
-};