bukazu-portal-react 3.3.3 → 3.3.4

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "bukazu-portal-react",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "description": "A package for loading the calendar and search module from bukazu loading into a react app.",
   "repository": "https://github.com/BUKAZU/React-portal",
   "scripts": {
     "test": "jest",
-    "test-cypress": "cypress open",
+    "test:watch": "jest --watch",
     "build": "vite build",
     "dev": "vite"
   },
   "author": "Bob van Oorschot",
   "license": "MIT",
+  "type": "module",
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.2 || ^18.0.0",
     "react-dom": "^16.14.0 || ^17.0.2 || ^18.0.0"
@@ -25,10 +26,9 @@
     "@types/node": "^20.11.19",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
-    "@vitejs/plugin-react": "^3.0.1",
+    "@vitejs/plugin-react": "^4.7.0",
     "autoprefixer": "^10.4.13",
     "chalk": "1.1.3",
-    "cypress": "^13.1.0",
     "eslint": "^8.49.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-prettier": "^4.2.1",
@@ -38,7 +38,7 @@
     "path": "^0.12.7",
     "path-browserify": "^1.0.0",
     "postcss-import": "^15.1.0",
-    "postcss-nested": "^6.0.0",
+    "postcss-nested": "^7.0.2",
     "postcss-preset-env": "^9.1.0",
     "prettier": "^3.0.3",
     "process": "^0.11.10",
@@ -47,7 +47,7 @@
     "resolve": "1.6.0",
     "ts-jest": "^29.0.5",
     "typescript": "^4.9.4",
-    "vite": "^4.0.4",
+    "vite": "^5.4.20",
     "whatwg-fetch": "2.0.3"
   },
   "dependencies": {
@@ -55,9 +55,11 @@
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",
     "graphql": "^16.9.0",
+    "jest-environment-jsdom": "^30.0.0",
     "react-date-picker": "^8.1.1",
     "react-intl": "^6.2.5",
-    "react-paginate": "^8.1.4"
+    "react-paginate": "^8.1.4",
+    "ts-node": "^10.9.2"
   },
   "main": "./build/portal.umd.js",
   "module": "./build/portal.es.js",

package/.env.development

@@ -1 +0,0 @@
-BACKEND_URL = "https://api.bukazu.com/graphql"

package/.eslintrc

@@ -1,25 +0,0 @@
-{
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:jsx-a11y/recommended"
-  ],
-  "parser": "babel-eslint",
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "rules": {
-    "strict": 0,
-    "no-console": "warn",
-    "quotes": [
-      "warn",
-      "single"
-    ],
-    "prettier/prettier": "warn"
-  },
-  "plugins": [
-    "prettier",
-    "jsx-a11y"
-  ]
-}

package/.github/dependabot.yml

@@ -1,11 +0,0 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
-
-version: 2
-updates:
-  - package-ecosystem: "npm" # See documentation for possible values
-    directory: "/" # Location of package manifests
-    schedule:
-      interval: "weekly"

package/.github/workflows/node.js.yml

@@ -1,31 +0,0 @@
-# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
-# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
-
-name: Node.js CI
-
-on:
-  push:
-    branches: [ "master" ]
-  pull_request:
-    branches: [ "master" ]
-
-jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [16.x, 18.x, 20.x]
-        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
-
-    steps:
-    - uses: actions/checkout@v3
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
-      with:
-        node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - run: npm ci
-    - run: npm run build --if-present
-    - run: npm test

package/.github/workflows/npm-publish.yml

@@ -1,33 +0,0 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
-
-name: Node.js Package
-
-on:
-  release:
-    types: [created]
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 16
-      - run: npm ci
-      - run: npm test
-
-  publish-npm:
-    needs: build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 16
-          registry-url: https://registry.npmjs.org/
-      - run: npm ci
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

package/.nvmrc

@@ -1 +0,0 @@
-12.22.1

package/.prettierrc

@@ -1,6 +0,0 @@
-{
-    "semi": true,
-    "trailingComma": "none",
-    "singleQuote": true,
-    "printWidth": 80
-}

package/.vscode/settings.json

@@ -1,24 +0,0 @@
-{
-    "git.ignoreLimitWarning": true,
-    "workbench.colorCustomizations": {
-        "activityBar.activeBackground": "#b8ceed",
-        "activityBar.activeBorder": "#d86696",
-        "activityBar.background": "#b8ceed",
-        "activityBar.foreground": "#15202b",
-        "activityBar.inactiveForeground": "#15202b99",
-        "activityBarBadge.background": "#d86696",
-        "activityBarBadge.foreground": "#15202b",
-        "statusBar.background": "#8fb2e3",
-        "statusBar.foreground": "#15202b",
-        "statusBarItem.hoverBackground": "#6696d9",
-        "titleBar.activeBackground": "#8fb2e3",
-        "titleBar.activeForeground": "#15202b",
-        "titleBar.inactiveBackground": "#8fb2e399",
-        "titleBar.inactiveForeground": "#15202b99",
-        "sash.hoverBorder": "#b8ceed",
-        "statusBarItem.remoteBackground": "#8fb2e3",
-        "statusBarItem.remoteForeground": "#15202b",
-        "commandCenter.border": "#15202b99"
-    },
-    "peacock.color": "#8fb2e3"
-}

package/CHANGELOG.MD

@@ -1,93 +0,0 @@
-# CHANGELOG
-
-## 3.3.0
-- Booking message && button dynamic translations
-
-## 3.1.14
-- Updated german translations
-
-## 3.1.12
-- New translations for booking button
-
-## 3.1.6
-- Set a new default persons if house is less than 2
-- Allow persons to be zero if house max is zero
-
-## 3.1.0
-- Added review page
-- Updated general styling of cards
-
-## 3.0.28
-- Pagination update css
-
-## 3.0.27
-- Updated styling of form items
-
-## 3.0.26
-- Added translations for tents
-
-## 3.0.0
-- Refactored app to typescript
-
-
-## 2.1.11
-- Fix weekview on mobile
-- Make date bigger on mobile
-
-## 2.1.4
-- Store filters in localStorage
-
-## 2.1.3
-- Fix issue with regions and city selects
-
-## 2.1.2
-- Update react-intl
-- Show actual prices for searched period instead of min_weekprice
-
-## 2.1.0
-- Ad reviews page
-- Show review score on house in search results
-
-## 2.0.12
-
-- Fix bug in required extra_booking field
-## 2.0.11
-
-- Fix translations messed up by new version apollo/client
-
-## 2.0.7
-
-- Remove react-apollo as is it deprecated and use @apollo/client
-- Fix bug in update of prices per person
-## 2.0.1
-
-- Validate age for insurance
-- Validate country for insurance
-- Add house_number as possible field
-- Discount_code can be activated and entered
-- Calculation of price is done externally
-- Minimum nights message
-
-## 1.3.5
-
-- Detailed error messages added for better understanding what went wrong.
-- Check for correct integration of Portal into website
-- Mobile styling issues
-## 1.3.4
-
-- Backup language for if no language is set
-## 1.3.3
-
-- Add error message if no house is found in calendar mode
-
-## 1.3.2
-
-- FIX: Not useable as React Component
-## 1.3.0
-
-- Removed styled-components from project
-- Reconfigured webpack build and development
-- Added cypress for testing
-## 1.2.70
-
-- Check field type for optional booking fields and set correct field component

package/babel.config.json

@@ -1,6 +0,0 @@
-{
-  "presets": [
-    "@babel/react", "@babel/env", "@babel/typescript"
-  ],
-  "plugins": ["@babel/plugin-proposal-class-properties"]
-}

package/calendar.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Bukazu Portal</title>
-  </head>
-  <body>
-    <h1>Bukazu Test Calendar</h1>
-    <!-- <div class="bukazu-app" id="bukazu-app" portal-code="050497a0" object-code="DE0002" language='nl' filters='123'></div> -->
-    <!-- <div class="bukazu-app" id="bukazu-app" portal-code="2b063dcd" object-code="AT0047" language='nl' filters='123'></div>     -->
-    <div class="bukazu-app" id="bukazu-app" portal-code="2b063dcd" object-code="AT0047" language='de' filters='123'></div>    
-    <!-- <div id='bukazu-app' class='bukazu-app' portal-code="51b07a78" object-code="NL1286" language="nl"></div> -->
-
-    <script src="./dev.tsx" type="module"></script>
-  </body>
-</html>

package/coverage/clover.xml

@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1698432036974" clover="3.2.0">
-  <project timestamp="1698432036974" name="All files">
-    <metrics statements="19" coveredstatements="19" conditionals="4" coveredconditionals="4" methods="2" coveredmethods="2" elements="25" coveredelements="25" complexity="0" loc="19" ncloc="19" packages="1" files="1" classes="1"/>
-    <file name="helper.ts" path="/home/bob/Repos/React-portal/src/components/SearchPage/filters/helper.ts">
-      <metrics statements="19" coveredstatements="19" conditionals="4" coveredconditionals="4" methods="2" coveredmethods="2"/>
-      <line num="1" count="1" type="cond" truecount="1" falsecount="0"/>
-      <line num="2" count="1" type="cond" truecount="1" falsecount="0"/>
-      <line num="3" count="1" type="stmt"/>
-      <line num="4" count="1" type="stmt"/>
-      <line num="5" count="1" type="cond" truecount="1" falsecount="0"/>
-      <line num="6" count="1" type="stmt"/>
-      <line num="7" count="1" type="cond" truecount="1" falsecount="0"/>
-      <line num="8" count="1" type="stmt"/>
-      <line num="9" count="1" type="stmt"/>
-      <line num="10" count="1" type="stmt"/>
-      <line num="11" count="1" type="stmt"/>
-      <line num="12" count="1" type="stmt"/>
-      <line num="13" count="1" type="stmt"/>
-      <line num="14" count="1" type="stmt"/>
-      <line num="15" count="1" type="stmt"/>
-      <line num="16" count="1" type="stmt"/>
-      <line num="17" count="1" type="stmt"/>
-      <line num="18" count="1" type="stmt"/>
-      <line num="19" count="1" type="stmt"/>
-    </file>
-  </project>
-</coverage>

package/coverage/coverage-final.json

@@ -1,2 +0,0 @@
-{"/home/bob/Repos/React-portal/src/components/SearchPage/filters/helper.ts": {"path":"/home/bob/Repos/React-portal/src/components/SearchPage/filters/helper.ts","all":false,"statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":65}},"1":{"start":{"line":2,"column":0},"end":{"line":2,"column":61}},"2":{"start":{"line":3,"column":0},"end":{"line":3,"column":1}},"3":{"start":{"line":4,"column":0},"end":{"line":4,"column":0}},"4":{"start":{"line":5,"column":0},"end":{"line":5,"column":63}},"5":{"start":{"line":6,"column":0},"end":{"line":6,"column":43}},"6":{"start":{"line":7,"column":0},"end":{"line":7,"column":64}},"7":{"start":{"line":8,"column":0},"end":{"line":8,"column":1}},"8":{"start":{"line":9,"column":0},"end":{"line":9,"column":0}},"9":{"start":{"line":10,"column":0},"end":{"line":10,"column":30}},"10":{"start":{"line":11,"column":0},"end":{"line":11,"column":3}},"11":{"start":{"line":12,"column":0},"end":{"line":12,"column":18}},"12":{"start":{"line":13,"column":0},"end":{"line":13,"column":20}},"13":{"start":{"line":14,"column":0},"end":{"line":14,"column":19}},"14":{"start":{"line":15,"column":0},"end":{"line":15,"column":20}},"15":{"start":{"line":16,"column":0},"end":{"line":16,"column":20}},"16":{"start":{"line":17,"column":0},"end":{"line":17,"column":48}},"17":{"start":{"line":18,"column":0},"end":{"line":18,"column":3}},"18":{"start":{"line":19,"column":0},"end":{"line":19,"column":2}}},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1},"branchMap":{"0":{"type":"branch","line":1,"loc":{"start":{"line":1,"column":7},"end":{"line":3,"column":1}},"locations":[{"start":{"line":1,"column":7},"end":{"line":3,"column":1}}]},"1":{"type":"branch","line":2,"loc":{"start":{"line":2,"column":48},"end":{"line":2,"column":60}},"locations":[{"start":{"line":2,"column":48},"end":{"line":2,"column":60}}]},"2":{"type":"branch","line":5,"loc":{"start":{"line":5,"column":7},"end":{"line":8,"column":1}},"locations":[{"start":{"line":5,"column":7},"end":{"line":8,"column":1}}]},"3":{"type":"branch","line":7,"loc":{"start":{"line":7,"column":45},"end":{"line":7,"column":63}},"locations":[{"start":{"line":7,"column":45},"end":{"line":7,"column":63}}]}},"b":{"0":[1],"1":[3],"2":[1],"3":[5]},"fnMap":{"0":{"name":"createNumberArray","decl":{"start":{"line":1,"column":7},"end":{"line":3,"column":1}},"loc":{"start":{"line":1,"column":7},"end":{"line":3,"column":1}},"line":1},"1":{"name":"createPriceArray","decl":{"start":{"line":5,"column":7},"end":{"line":8,"column":1}},"loc":{"start":{"line":5,"column":7},"end":{"line":8,"column":1}},"line":5}},"f":{"0":1,"1":1}}
-}

package/coverage/lcov-report/base.css

@@ -1,224 +0,0 @@
-body, html {
-  margin:0; padding: 0;
-  height: 100%;
-}
-body {
-    font-family: Helvetica Neue, Helvetica, Arial;
-    font-size: 14px;
-    color:#333;
-}
-.small { font-size: 12px; }
-*, *:after, *:before {
-  -webkit-box-sizing:border-box;
-     -moz-box-sizing:border-box;
-          box-sizing:border-box;
-  }
-h1 { font-size: 20px; margin: 0;}
-h2 { font-size: 14px; }
-pre {
-    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    margin: 0;
-    padding: 0;
-    -moz-tab-size: 2;
-    -o-tab-size:  2;
-    tab-size: 2;
-}
-a { color:#0074D9; text-decoration:none; }
-a:hover { text-decoration:underline; }
-.strong { font-weight: bold; }
-.space-top1 { padding: 10px 0 0 0; }
-.pad2y { padding: 20px 0; }
-.pad1y { padding: 10px 0; }
-.pad2x { padding: 0 20px; }
-.pad2 { padding: 20px; }
-.pad1 { padding: 10px; }
-.space-left2 { padding-left:55px; }
-.space-right2 { padding-right:20px; }
-.center { text-align:center; }
-.clearfix { display:block; }
-.clearfix:after {
-  content:'';
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-  }
-.fl { float: left; }
-@media only screen and (max-width:640px) {
-  .col3 { width:100%; max-width:100%; }
-  .hide-mobile { display:none!important; }
-}
-
-.quiet {
-  color: #7f7f7f;
-  color: rgba(0,0,0,0.5);
-}
-.quiet a { opacity: 0.7; }
-
-.fraction {
-  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 10px;
-  color: #555;
-  background: #E8E8E8;
-  padding: 4px 5px;
-  border-radius: 3px;
-  vertical-align: middle;
-}
-
-div.path a:link, div.path a:visited { color: #333; }
-table.coverage {
-  border-collapse: collapse;
-  margin: 10px 0 0 0;
-  padding: 0;
-}
-
-table.coverage td {
-  margin: 0;
-  padding: 0;
-  vertical-align: top;
-}
-table.coverage td.line-count {
-    text-align: right;
-    padding: 0 5px 0 20px;
-}
-table.coverage td.line-coverage {
-    text-align: right;
-    padding-right: 10px;
-    min-width:20px;
-}
-
-table.coverage td span.cline-any {
-    display: inline-block;
-    padding: 0 5px;
-    width: 100%;
-}
-.missing-if-branch {
-    display: inline-block;
-    margin-right: 5px;
-    border-radius: 3px;
-    position: relative;
-    padding: 0 4px;
-    background: #333;
-    color: yellow;
-}
-
-.skip-if-branch {
-    display: none;
-    margin-right: 10px;
-    position: relative;
-    padding: 0 4px;
-    background: #ccc;
-    color: white;
-}
-.missing-if-branch .typ, .skip-if-branch .typ {
-    color: inherit !important;
-}
-.coverage-summary {
-  border-collapse: collapse;
-  width: 100%;
-}
-.coverage-summary tr { border-bottom: 1px solid #bbb; }
-.keyline-all { border: 1px solid #ddd; }
-.coverage-summary td, .coverage-summary th { padding: 10px; }
-.coverage-summary tbody { border: 1px solid #bbb; }
-.coverage-summary td { border-right: 1px solid #bbb; }
-.coverage-summary td:last-child { border-right: none; }
-.coverage-summary th {
-  text-align: left;
-  font-weight: normal;
-  white-space: nowrap;
-}
-.coverage-summary th.file { border-right: none !important; }
-.coverage-summary th.pct { }
-.coverage-summary th.pic,
-.coverage-summary th.abs,
-.coverage-summary td.pct,
-.coverage-summary td.abs { text-align: right; }
-.coverage-summary td.file { white-space: nowrap;  }
-.coverage-summary td.pic { min-width: 120px !important;  }
-.coverage-summary tfoot td { }
-
-.coverage-summary .sorter {
-    height: 10px;
-    width: 7px;
-    display: inline-block;
-    margin-left: 0.5em;
-    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
-}
-.coverage-summary .sorted .sorter {
-    background-position: 0 -20px;
-}
-.coverage-summary .sorted-desc .sorter {
-    background-position: 0 -10px;
-}
-.status-line {  height: 10px; }
-/* yellow */
-.cbranch-no { background: yellow !important; color: #111; }
-/* dark red */
-.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
-.low .chart { border:1px solid #C21F39 }
-.highlighted,
-.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
-  background: #C21F39 !important;
-}
-/* medium red */
-.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
-/* light red */
-.low, .cline-no { background:#FCE1E5 }
-/* light green */
-.high, .cline-yes { background:rgb(230,245,208) }
-/* medium green */
-.cstat-yes { background:rgb(161,215,106) }
-/* dark green */
-.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
-.high .chart { border:1px solid rgb(77,146,33) }
-/* dark yellow (gold) */
-.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
-.medium .chart { border:1px solid #f9cd0b; }
-/* light yellow */
-.medium { background: #fff4c2; }
-
-.cstat-skip { background: #ddd; color: #111; }
-.fstat-skip { background: #ddd; color: #111 !important; }
-.cbranch-skip { background: #ddd !important; color: #111; }
-
-span.cline-neutral { background: #eaeaea; }
-
-.coverage-summary td.empty {
-    opacity: .5;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    line-height: 1;
-    color: #888;
-}
-
-.cover-fill, .cover-empty {
-  display:inline-block;
-  height: 12px;
-}
-.chart {
-  line-height: 0;
-}
-.cover-empty {
-    background: white;
-}
-.cover-full {
-    border-right: none !important;
-}
-pre.prettyprint {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.com { color: #999 !important; }
-.ignore-none { color: #999; font-weight: normal; }
-
-.wrapper {
-  min-height: 100%;
-  height: auto !important;
-  height: 100%;
-  margin: 0 auto -48px;
-}
-.footer, .push {
-  height: 48px;
-}

package/coverage/lcov-report/block-navigation.js

@@ -1,87 +0,0 @@
-/* eslint-disable */
-var jumpToCode = (function init() {
-    // Classes of code we would like to highlight in the file view
-    var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
-
-    // Elements to highlight in the file listing view
-    var fileListingElements = ['td.pct.low'];
-
-    // We don't want to select elements that are direct descendants of another match
-    var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
-
-    // Selecter that finds elements on the page to which we can jump
-    var selector =
-        fileListingElements.join(', ') +
-        ', ' +
-        notSelector +
-        missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
-
-    // The NodeList of matching elements
-    var missingCoverageElements = document.querySelectorAll(selector);
-
-    var currentIndex;
-
-    function toggleClass(index) {
-        missingCoverageElements
-            .item(currentIndex)
-            .classList.remove('highlighted');
-        missingCoverageElements.item(index).classList.add('highlighted');
-    }
-
-    function makeCurrent(index) {
-        toggleClass(index);
-        currentIndex = index;
-        missingCoverageElements.item(index).scrollIntoView({
-            behavior: 'smooth',
-            block: 'center',
-            inline: 'center'
-        });
-    }
-
-    function goToPrevious() {
-        var nextIndex = 0;
-        if (typeof currentIndex !== 'number' || currentIndex === 0) {
-            nextIndex = missingCoverageElements.length - 1;
-        } else if (missingCoverageElements.length > 1) {
-            nextIndex = currentIndex - 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    function goToNext() {
-        var nextIndex = 0;
-
-        if (
-            typeof currentIndex === 'number' &&
-            currentIndex < missingCoverageElements.length - 1
-        ) {
-            nextIndex = currentIndex + 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    return function jump(event) {
-        if (
-            document.getElementById('fileSearch') === document.activeElement &&
-            document.activeElement != null
-        ) {
-            // if we're currently focused on the search input, we don't want to navigate
-            return;
-        }
-
-        switch (event.which) {
-            case 78: // n
-            case 74: // j
-                goToNext();
-                break;
-            case 66: // b
-            case 75: // k
-            case 80: // p
-                goToPrevious();
-                break;
-        }
-    };
-})();
-window.addEventListener('keydown', jumpToCode);