@n1k1t/mock-server 0.1.4 → 0.1.6

package/public/styles/main.css

@@ -1,84 +1,277 @@
-body {
+@keyframes pending {
+  0% {
+    content: "\f251";
+  }
+  33% {
+    content: "\f252";
+  }
+  66% {
+    content: "\f253";
+  }
+}
+html {
   background-color: #1e1e1e;
-  margin: 0;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+}
+
+body {
   color: #fff;
-  min-width: 600px;
+  min-width: 772px;
   max-width: 1600px;
   margin: auto;
   margin-top: 20px;
+  padding-bottom: 100px;
 }
 
 button {
+  position: relative;
+  border: none;
+  background-color: #333;
+  padding: 6px 15px;
+  margin: 5px;
+  color: #fff;
+  border-radius: 10px;
+  font-weight: bold;
   cursor: pointer;
 }
+button i {
+  float: left;
+  margin-right: 5px;
+  pointer-events: none;
+}
+button.checked {
+  background-color: #aaa;
+  pointer-events: none;
+}
+button.processed {
+  animation: process 0.5s infinite;
+  pointer-events: none;
+}
+@keyframes process {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 
-div.empty-placeholder {
+section {
+  margin-top: 50px;
+}
+
+div.container {
+  max-width: 1300px;
+  margin: auto;
+  border-radius: 10px;
+  padding: 10px 20px;
+  margin-top: 20px;
+  overflow: hidden;
+  position: relative;
+}
+
+div.empty {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 50px;
 }
-div.empty-placeholder i {
+div.empty i {
   color: #ffd37b;
   font-size: 50px;
   margin-right: 30px;
 }
-div.empty-placeholder i:before {
+div.empty i:before {
   animation: pending 1s infinite;
 }
-div.empty-placeholder p {
-  font-size: 30px;
+div.empty p {
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 25px;
   font-weight: 300;
 }
 
-ul.tabs {
-  padding: 0;
-  margin: 0;
+div.curtain {
+  cursor: pointer;
+  position: fixed;
+  overflow-y: auto;
+  top: 0;
+  left: 0;
+  height: calc(100% - 50px);
   width: 100%;
-  display: flex;
-  justify-content: center;
+  padding-top: 50px;
+  background-color: rgba(30, 30, 30, 0.95);
 }
-ul.tabs li {
-  list-style: none;
-  cursor: pointer;
+div.curtain > * {
+  cursor: auto;
+}
+
+.hidden {
+  visibility: hidden;
+  display: none !important;
+}
+
+.selected:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 3px #48d1cc;
+}
+
+@keyframes popup {
+  0% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  20% {
+    opacity: 1;
+    transform: none;
+  }
+  80% {
+    opacity: 1;
+    transform: none;
+  }
+  100% {
+    transform: translateY(-10px);
+    opacity: 0;
+  }
+}
+div.popups {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+}
+div.popups div.popup-message {
+  display: flex;
+  background-color: #ffd37b;
+  color: #1e1e1e;
+  padding: 10px 30px;
+  width: 200px;
   border-radius: 10px;
+  text-align: center;
+  align-items: center;
+  margin-top: 5px;
+  box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.1);
+  animation: popup 1s ease-in-out forwards;
 }
-ul.tabs li.selected {
-  background-color: rgba(255, 255, 255, 0.05);
+div.popups div.popup-message i {
+  font-size: 20px;
 }
-ul.tabs li.selected a {
-  color: #ffd37b;
+div.popups div.popup-message span {
+  flex-basis: 90%;
 }
-ul.tabs li a {
+
+body > header {
+  display: flex;
+  justify-content: center;
+  position: relative;
+}
+body > header button {
   text-decoration: none;
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.5);
+}
+body > header button i {
+  margin-right: 10px;
+}
+body > header button.checked {
+  background-color: #ffd37b;
+  color: #1e1e1e;
+}
+body > header button:not(.checked) {
   color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 255, 255, 0.05);
+}
+body > header hr {
+  position: relative;
+  width: 1px;
+  height: 25px;
+  border: none;
+  background-color: #ddd;
+  margin: 10px 10px;
+}
+body > header div.buttons-container#container-select button {
   padding: 10px 20px;
-  display: inline-block;
 }
-ul.tabs li:hover:not(.selected) a {
+
+@keyframes l43 {
+  0% {
+    background-position: 0% 50%, 33.3333333333% 50%, 66.6666666667% 50%, 100% 50%;
+  }
+  16.67% {
+    background-position: 0% 0, 33.3333333333% 50%, 66.6666666667% 50%, 100% 50%;
+  }
+  33.33% {
+    background-position: 0% 100%, 33.3333333333% 0, 66.6666666667% 50%, 100% 50%;
+  }
+  50% {
+    background-position: 0% 50%, 33.3333333333% 100%, 66.6666666667% 0, 100% 50%;
+  }
+  66.67% {
+    background-position: 0% 50%, 33.3333333333% 50%, 66.6666666667% 100%, 100% 0;
+  }
+  83.33% {
+    background-position: 0% 50%, 33.3333333333% 50%, 66.6666666667% 50%, 100% 100%;
+  }
+  100% {
+    background-position: 0% 50%, 33.3333333333% 50%, 66.6666666667% 50%, 100% 50%;
+  }
+}
+.loader {
+  height: 20px;
+  aspect-ratio: 2.5;
+  --_g: no-repeat radial-gradient(farthest-side, #fff 90%, #0000);
+  background: var(--_g), var(--_g), var(--_g), var(--_g);
+  background-size: 20% 50%;
+  animation: l43 1s infinite linear;
+}
+
+div.curtain#loader {
+  cursor: default;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-top: 0;
+  height: 100%;
+}
+div.curtain#loader p {
   color: #fff;
+  font-weight: 100;
+  font-size: 25px;
+}
+div.curtain#loader > div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
-div.tab-container {
-  width: calc(100% - 80px);
-  padding: 20px;
-  margin: 0 20px;
-  border-radius: 5px;
+section#history div.history:hover div.meta {
+  cursor: pointer;
 }
-div.tab-container div.row {
-  border-radius: inherit;
+section#history div.history:hover div.meta span.time, section#history div.history:hover div.meta span.status, section#history div.history:hover div.meta span.name {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+div.container {
+  padding: 0 20px;
+  margin-top: 0;
 }
-div.tab-container div.row div.meta {
+div.container div.meta {
   display: flex;
   flex-wrap: wrap;
   border-radius: inherit;
 }
-div.tab-container div.row div.meta div.segment {
+div.container div.meta div.segment {
   display: inherit;
   flex-wrap: inherit;
 }
-div.tab-container div.row div.meta span, div.tab-container div.row div.meta button {
+div.container div.meta span, div.container div.meta button {
   padding: 7px 15px;
   display: inline-block;
   background-color: rgba(255, 255, 255, 0.05);
@@ -87,159 +280,111 @@ div.tab-container div.row div.meta span, div.tab-container div.row div.meta butt
   margin-bottom: 5px;
   font-size: 14px;
 }
-div.tab-container div.row div.meta button {
-  border: none;
+div.container div.meta button {
   min-width: 50px;
+  margin-top: 0;
+  margin-left: 0;
+}
+div.container div.meta button i {
+  float: none;
+  margin-right: 0;
 }
-div.tab-container div.row div.meta span.arrow {
+div.container div.meta span.arrow {
   background: transparent;
   color: rgba(255, 255, 255, 0.3);
   padding: 7px 5px;
   margin-right: 0;
 }
-div.tab-container div.row div.meta span.arrow i {
+div.container div.meta span.arrow i {
   margin: 0 10px;
 }
-div.tab-container div.row div.meta button.activity i.fa-plug {
+div.container div.meta button.activity i.fa-plug {
   color: #a7ff7b;
 }
-div.tab-container div.row div.meta button.activity i.fa-power-off {
+div.container div.meta button.activity i.fa-power-off {
   color: #ff7b7b;
 }
-div.tab-container div.row div.meta span.status.red {
+div.container div.meta span.status.red {
   color: #ff7b7b;
 }
-div.tab-container div.row div.meta span.status.green {
+div.container div.meta span.status.green {
   color: #a7ff7b;
 }
-div.tab-container div.row div.meta span.method {
+div.container div.meta span.method {
   background-color: #ffd37b;
   color: #1e1e1e;
 }
-div.tab-container div.row div.meta span.path {
+div.container div.meta span.path {
   background-color: #ffa77b;
   color: #1e1e1e;
 }
-div.tab-container div.row div.meta span.time {
+div.container div.meta span.time {
   width: 60px;
   text-align: center;
 }
-div.tab-container div.row div.meta span.calls-count, div.tab-container div.row div.meta span.name, div.tab-container div.row div.meta span.time {
+div.container div.meta span.calls-count, div.container div.meta span.name, div.container div.meta span.time {
   color: rgba(255, 255, 255, 0.5);
 }
-div.tab-container div.row div.meta span.calls-count.active, div.tab-container div.row div.meta span.name.active, div.tab-container div.row div.meta span.time.active {
+div.container div.meta span.calls-count.active, div.container div.meta span.name.active, div.container div.meta span.time.active {
   color: #fff;
 }
-div.tab-container div.row div.meta span.calls-count i, div.tab-container div.row div.meta span.name i, div.tab-container div.row div.meta span.time i {
+div.container div.meta span.calls-count i, div.container div.meta span.name i, div.container div.meta span.time i {
   opacity: 0.2;
   margin-right: 10px;
 }
-div.tab-container div.row div.meta span.pending i:before {
+div.container div.meta span.pending {
+  min-width: 25px;
+  text-align: center;
+}
+div.container div.meta span.pending i:before {
   animation: pending 1s infinite;
 }
-div.tab-container div.row div.meta span.separator, div.tab-container div.row div.meta span.label {
+div.container div.meta span.separator, div.container div.meta span.label {
   padding: 0 5px;
   color: rgba(0, 0, 0, 0.3);
   font-size: 12px;
   margin-right: 0;
   margin-bottom: 0;
 }
-div.tab-container div.row div.meta span.label {
+div.container div.meta span.label {
   padding-left: 0;
 }
-div.tab-container div.row div.meta span.handled-with {
+div.container div.meta span.handled-with {
   background-color: transparent;
   color: rgba(255, 255, 255, 0.3);
   margin-right: 0;
   padding: 7px 5px;
 }
-div.tab-container div.row div.meta span.handled-with span.handler-name {
+div.container div.meta span.handled-with span.handler-name {
   margin: 0;
   padding: 0;
   background-color: transparent;
   color: #ffd37b;
 }
-div.tab-container div.row div.meta span.handled-with span.handler-name.red {
+div.container div.meta span.handled-with span.handler-name.red {
   color: #ff7b7b;
 }
-div.tab-container div.row div.meta span.forward {
+div.container div.meta span.forward {
   background-color: #7b7bff;
 }
-div.tab-container div.row div.meta span.error {
+div.container div.meta span.error {
   background-color: #ff4848;
 }
-div.tab-container div.row.history:hover div.meta {
-  cursor: pointer;
-}
-div.tab-container div.row.history:hover div.meta span.time, div.tab-container div.row.history:hover div.meta span.status, div.tab-container div.row.history:hover div.meta span.name {
-  background-color: rgba(255, 255, 255, 0.15);
+div.container div.meta span.seed {
+  background-color: #a7ff7b;
+  color: #1e1e1e;
 }
-div.tab-container pre {
+div.container pre {
   margin: 0;
-  margin-bottom: 40px;
+  margin-bottom: 20px;
   padding: 20px;
   border-radius: 5px;
   background-color: rgba(255, 255, 255, 0.05);
   overflow: hidden;
 }
-div.tab-container pre.hidden {
+div.container pre.hidden {
   display: none;
 }
-div.tab-container pre:not(:last-child) {
+div.container pre:not(:last-child) {
   margin-bottom: 20px;
-}
-
-div.popups-container {
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-}
-div.popups-container div.popup-message {
-  display: flex;
-  background-color: #ffd37b;
-  color: #1e1e1e;
-  padding: 10px 30px;
-  width: 200px;
-  border-radius: 10px;
-  text-align: center;
-  align-items: center;
-  margin-top: 5px;
-  box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.1);
-  animation: popup 1s ease-in-out forwards;
-}
-div.popups-container div.popup-message i {
-  font-size: 20px;
-}
-div.popups-container div.popup-message span {
-  flex-basis: 90%;
-}
-
-@keyframes pending {
-  0% {
-    content: "\f251";
-  }
-  33% {
-    content: "\f252";
-  }
-  66% {
-    content: "\f253";
-  }
-}
-@keyframes popup {
-  0% {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  20% {
-    opacity: 1;
-    transform: none;
-  }
-  80% {
-    opacity: 1;
-    transform: none;
-  }
-  100% {
-    transform: translateY(-10px);
-    opacity: 0;
-  }
 }

package/lib/src/process.d.ts

@@ -1,2 +0,0 @@
-import 'colors';
-//# sourceMappingURL=process.d.ts.map

package/lib/src/process.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"process.d.ts","sourceRoot":"","sources":["../../src/process.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,CAAC"}

package/lib/src/process.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("colors");
-// process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
-// process.on('uncaughtException', (error) => console.error(error.stack));
-// process.on('unhandledRejection', (reason) => console.error(reason));
-//# sourceMappingURL=process.js.map

package/lib/src/process.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"process.js","sourceRoot":"","sources":["../../src/process.ts"],"names":[],"mappings":";;AAAA,kBAAgB;AAEhB,kDAAkD;AAElD,0EAA0E;AAC1E,uEAAuE"}