mock-config-server 3.0.0 → 3.1.0

package/dist/src/core/middlewares/notFoundMiddleware/notFoundMiddleware.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.notFoundMiddleware = void 0;
+var _helpers = require("../../../utils/helpers");
+var _helpers2 = require("./helpers");
+const notFoundMiddleware = (server, mockServerConfig) => {
+  var _rest$configs$filter$, _graphql$configs$filt;
+  const {
+    baseUrl: serverBaseUrl,
+    rest,
+    graphql
+  } = mockServerConfig;
+  const restRequestConfigs = (_rest$configs$filter$ = rest === null || rest === void 0 ? void 0 : rest.configs.filter(({
+    path
+  }) => !(path instanceof RegExp)).map(request => {
+    var _rest$baseUrl;
+    return {
+      method: request.method,
+      path: `${serverBaseUrl !== null && serverBaseUrl !== void 0 ? serverBaseUrl : ''}${(_rest$baseUrl = rest === null || rest === void 0 ? void 0 : rest.baseUrl) !== null && _rest$baseUrl !== void 0 ? _rest$baseUrl : ''}${request.path}`
+    };
+  })) !== null && _rest$configs$filter$ !== void 0 ? _rest$configs$filter$ : [];
+  const graphqlRequestConfigs = (_graphql$configs$filt = graphql === null || graphql === void 0 ? void 0 : graphql.configs.filter(({
+    operationName
+  }) => !(operationName instanceof RegExp)).map(request => {
+    var _graphql$baseUrl;
+    return {
+      operationType: request.operationType,
+      operationName: `${serverBaseUrl !== null && serverBaseUrl !== void 0 ? serverBaseUrl : ''}${(_graphql$baseUrl = graphql === null || graphql === void 0 ? void 0 : graphql.baseUrl) !== null && _graphql$baseUrl !== void 0 ? _graphql$baseUrl : ''} ${request.operationName}`
+    };
+  })) !== null && _graphql$configs$filt !== void 0 ? _graphql$configs$filt : [];
+  server.use((request, response) => {
+    var _request$headers$acce, _request$headers$acce2;
+    const url = new URL(`${request.protocol}://${request.get('host')}${request.originalUrl}`);
+    let restRequestSuggestions = [];
+    if (rest) {
+      restRequestSuggestions = (0, _helpers2.getRestUrlSuggestions)({
+        url,
+        requestConfigs: restRequestConfigs
+      });
+    }
+    let graphqlRequestSuggestions = [];
+    if (graphql && (0, _helpers.parseGraphQLRequest)(request)) {
+      graphqlRequestSuggestions = (0, _helpers2.getGraphqlUrlSuggestions)({
+        url,
+        requestConfigs: graphqlRequestConfigs
+      });
+    }
+    const isRequestSupportHtml = ((_request$headers$acce = request.headers.accept) === null || _request$headers$acce === void 0 ? void 0 : _request$headers$acce.includes('text/html')) || ((_request$headers$acce2 = request.headers.accept) === null || _request$headers$acce2 === void 0 ? void 0 : _request$headers$acce2.includes('*/*'));
+    if (isRequestSupportHtml) {
+      response.status(404).render('pages/404', {
+        restRequestSuggestions,
+        graphqlRequestSuggestions
+      });
+      return;
+    }
+    response.status(404).json({
+      message: 'Request or page not found. Similar requests in data',
+      data: {
+        restRequestSuggestions,
+        graphqlRequestSuggestions
+      }
+    });
+  });
+};
+exports.notFoundMiddleware = notFoundMiddleware;

package/dist/src/core/middlewares/requestInterceptorMiddleware/requestInterceptorMiddleware.d.ts

@@ -0,0 +1,3 @@
+import type { Express } from 'express';
+import type { RequestInterceptor } from '../../../utils/types';
+export declare const requestInterceptorMiddleware: (server: Express, interceptor: RequestInterceptor) => void;

package/dist/src/core/middlewares/requestInterceptorMiddleware/requestInterceptorMiddleware.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.requestInterceptorMiddleware = void 0;
+var _helpers = require("../../../utils/helpers");
+const requestInterceptorMiddleware = (server, interceptor) => {
+  server.use((0, _helpers.asyncHandler)(async (request, _response, next) => {
+    await (0, _helpers.callRequestInterceptor)({
+      request,
+      interceptor
+    });
+    return next();
+  }));
+};
+exports.requestInterceptorMiddleware = requestInterceptorMiddleware;

package/dist/src/core/middlewares/staticMiddleware/staticMiddleware.d.ts

@@ -0,0 +1,3 @@
+import type { Express } from 'express';
+import type { BaseUrl, StaticPath } from '../../../utils/types';
+export declare const staticMiddleware: (server: Express, baseUrl: BaseUrl, staticPath: StaticPath) => void;

package/dist/src/core/middlewares/staticMiddleware/staticMiddleware.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.staticMiddleware = void 0;
+var _express = _interopRequireDefault(require("express"));
+var _constants = require("../../../utils/constants");
+var _helpers = require("../../../utils/helpers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const staticMiddleware = (server, baseUrl, staticPath) => {
+  const isStaticPathArray = Array.isArray(staticPath);
+  if (isStaticPathArray) {
+    staticPath.forEach(staticPath => {
+      const isPathObject = typeof staticPath === 'object';
+      if (isPathObject) {
+        server.use((0, _helpers.urlJoin)(baseUrl, staticPath.prefix), _express.default.static((0, _helpers.urlJoin)(_constants.APP_PATH, staticPath.path)));
+        return;
+      }
+      server.use(baseUrl, _express.default.static((0, _helpers.urlJoin)(_constants.APP_PATH, staticPath)));
+    });
+    return;
+  }
+  const isStaticPathObject = typeof staticPath === 'object';
+  if (isStaticPathObject) {
+    server.use((0, _helpers.urlJoin)(baseUrl, staticPath.prefix), _express.default.static((0, _helpers.urlJoin)(_constants.APP_PATH, staticPath.path)));
+    return;
+  }
+  server.use(baseUrl, _express.default.static((0, _helpers.urlJoin)(_constants.APP_PATH, staticPath)));
+};
+exports.staticMiddleware = staticMiddleware;

package/dist/src/core/rest/createRestRoutes/createRestRoutes.d.ts

@@ -0,0 +1,3 @@
+import type { IRouter } from 'express';
+import type { Interceptors, RestConfig } from '../../../utils/types';
+export declare const createRestRoutes: (router: IRouter, restConfig: RestConfig, serverResponseInterceptors?: Interceptors['response']) => IRouter;

package/dist/src/core/rest/createRestRoutes/createRestRoutes.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createRestRoutes = void 0;
+var _flat = require("flat");
+var _helpers = require("../../../utils/helpers");
+var _helpers2 = require("./helpers");
+const createRestRoutes = (router, restConfig, serverResponseInterceptors) => {
+  (0, _helpers2.prepareRestRequestConfigs)(restConfig.configs).forEach(requestConfig => {
+    router.route(requestConfig.path)[requestConfig.method]((0, _helpers.asyncHandler)(async (request, response, next) => {
+      var _requestConfig$interc, _matchedRouteConfig$e, _matchedRouteConfig$i, _requestConfig$interc2, _restConfig$intercept;
+      const requestInterceptor = (_requestConfig$interc = requestConfig.interceptors) === null || _requestConfig$interc === void 0 ? void 0 : _requestConfig$interc.request;
+      if (requestInterceptor) {
+        await (0, _helpers.callRequestInterceptor)({
+          request,
+          interceptor: requestInterceptor
+        });
+      }
+      const matchedRouteConfig = requestConfig.routes.find(({
+        entities
+      }) => {
+        if (!entities) return true;
+        const entries = Object.entries(entities);
+        return entries.every(([entityName, valueOrDescriptor]) => {
+          const {
+            checkMode,
+            value: descriptorValue
+          } = (0, _helpers.convertToEntityDescriptor)(valueOrDescriptor);
+
+          // ✅ important: check whole body as plain value strictly if descriptor used for body
+          const isBodyPlain = entityName === 'body' && (0, _helpers.isEntityDescriptor)(valueOrDescriptor);
+          if (isBodyPlain) {
+            // ✅ important: bodyParser sets body to empty object if body not sent or invalid, so count {} as undefined
+            return (0, _helpers.resolveEntityValues)(checkMode, Object.keys(request.body).length ? request.body : undefined, descriptorValue);
+          }
+          const mappedEntityDescriptors = Object.entries(valueOrDescriptor);
+          return mappedEntityDescriptors.every(([entityKey, mappedEntityDescriptor]) => {
+            const {
+              checkMode,
+              value: descriptorValue
+            } = (0, _helpers.convertToEntityDescriptor)(mappedEntityDescriptor);
+            const flattenEntity = (0, _flat.flatten)(request[entityName]);
+            // ✅ important: transform header keys to lower case because browsers send headers in lowercase
+            return (0, _helpers.resolveEntityValues)(checkMode, flattenEntity[entityName === 'headers' ? entityKey.toLowerCase() : entityKey], descriptorValue);
+          });
+        });
+      });
+      if (!matchedRouteConfig) {
+        return next();
+      }
+      const matchedRouteConfigData = typeof matchedRouteConfig.data === 'function' ? await matchedRouteConfig.data(request, (_matchedRouteConfig$e = matchedRouteConfig.entities) !== null && _matchedRouteConfig$e !== void 0 ? _matchedRouteConfig$e : {}) : matchedRouteConfig.data;
+      const data = await (0, _helpers.callResponseInterceptors)({
+        data: matchedRouteConfigData,
+        request,
+        response,
+        interceptors: {
+          routeInterceptor: (_matchedRouteConfig$i = matchedRouteConfig.interceptors) === null || _matchedRouteConfig$i === void 0 ? void 0 : _matchedRouteConfig$i.response,
+          requestInterceptor: (_requestConfig$interc2 = requestConfig.interceptors) === null || _requestConfig$interc2 === void 0 ? void 0 : _requestConfig$interc2.response,
+          apiInterceptor: (_restConfig$intercept = restConfig.interceptors) === null || _restConfig$intercept === void 0 ? void 0 : _restConfig$intercept.response,
+          serverInterceptor: serverResponseInterceptors
+        }
+      });
+
+      // ✅ important:
+      // set 'Cache-Control' header for explicit browsers response revalidate
+      // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
+      response.set('Cache-control', 'max-age=0, must-revalidate');
+      return response.status(response.statusCode).json(data);
+    }));
+  });
+  return router;
+};
+exports.createRestRoutes = createRestRoutes;

package/dist/src/core/rest/createRestRoutes/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './prepareRestRequestConfigs/prepareRestRequestConfigs';

package/dist/src/core/rest/createRestRoutes/helpers/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _prepareRestRequestConfigs = require("./prepareRestRequestConfigs/prepareRestRequestConfigs");
+Object.keys(_prepareRestRequestConfigs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _prepareRestRequestConfigs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _prepareRestRequestConfigs[key];
+    }
+  });
+});

package/dist/src/core/rest/createRestRoutes/helpers/prepareRestRequestConfigs/prepareRestRequestConfigs.d.ts

@@ -0,0 +1,2 @@
+import type { RestRequestConfig } from '../../../../../utils/types';
+export declare const prepareRestRequestConfigs: (requestConfigs: RestRequestConfig[]) => RestRequestConfig[];

package/dist/src/core/rest/createRestRoutes/helpers/prepareRestRequestConfigs/prepareRestRequestConfigs.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareRestRequestConfigs = void 0;
+var _helpers = require("../../../../../utils/helpers");
+const calculateRouteConfigWeight = restRouteConfig => {
+  const {
+    entities
+  } = restRouteConfig;
+  if (!entities) return 0;
+  let routeConfigWeight = 0;
+  const {
+    headers,
+    cookies,
+    query,
+    params,
+    body
+  } = entities;
+  if (headers) routeConfigWeight += Object.keys(headers).length;
+  if (cookies) routeConfigWeight += Object.keys(cookies).length;
+  if (query) routeConfigWeight += Object.keys(query).length;
+  if (params) routeConfigWeight += Object.keys(params).length;
+  if (body) {
+    if ((0, _helpers.isPlainObject)(body) && body.checkMode) {
+      routeConfigWeight += (0, _helpers.isPlainObject)(body.value) ? Object.keys(body.value).length : 1;
+      return routeConfigWeight;
+    }
+    routeConfigWeight += (0, _helpers.isPlainObject)(body) ? Object.keys(body).length : 1;
+  }
+  return routeConfigWeight;
+};
+const prepareRestRequestConfigs = requestConfigs => {
+  requestConfigs.forEach(requestConfig => {
+    requestConfig.routes.sort((first, second) =>
+    // ✅ important:
+    // Lift more specific configs for correct working of routes
+    calculateRouteConfigWeight(second) - calculateRouteConfigWeight(first));
+  });
+  return requestConfigs;
+};
+exports.prepareRestRequestConfigs = prepareRestRequestConfigs;

package/dist/src/core/rest/index.d.ts

@@ -0,0 +1 @@
+export * from './createRestRoutes/createRestRoutes';

package/dist/src/core/rest/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _createRestRoutes = require("./createRestRoutes/createRestRoutes");
+Object.keys(_createRestRoutes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createRestRoutes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createRestRoutes[key];
+    }
+  });
+});

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './server/createMockServer/createMockServer';
+export * from './server/startMockServer/startMockServer';
+export * from './utils/types';

package/dist/src/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _createMockServer = require("./server/createMockServer/createMockServer");
+Object.keys(_createMockServer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createMockServer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createMockServer[key];
+    }
+  });
+});
+var _startMockServer = require("./server/startMockServer/startMockServer");
+Object.keys(_startMockServer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _startMockServer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _startMockServer[key];
+    }
+  });
+});
+var _types = require("./utils/types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});

package/dist/src/server/createMockServer/createMockServer.d.ts

@@ -0,0 +1,3 @@
+import type { Express } from 'express';
+import type { MockServerConfig } from '../../utils/types';
+export declare const createMockServer: (mockServerConfig: Omit<MockServerConfig, 'port'>) => Express;

package/dist/src/server/createMockServer/createMockServer.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMockServer = void 0;
+var _bodyParser = _interopRequireDefault(require("body-parser"));
+var _express = _interopRequireDefault(require("express"));
+var _database = require("../../core/database");
+var _graphql = require("../../core/graphql");
+var _middlewares = require("../../core/middlewares");
+var _rest = require("../../core/rest");
+var _helpers = require("../../utils/helpers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const createMockServer = mockServerConfig => {
+  var _mockServerConfig$int, _mockServerConfig$bas;
+  const {
+    cors,
+    staticPath,
+    rest,
+    graphql,
+    database,
+    interceptors
+  } = mockServerConfig;
+  const server = (0, _express.default)();
+  server.set('view engine', 'ejs');
+  server.set('views', (0, _helpers.urlJoin)(__dirname, '../../static/views'));
+  server.use(_express.default.static((0, _helpers.urlJoin)(__dirname, '../../static/views')));
+  server.use(_bodyParser.default.urlencoded({
+    extended: false
+  }));
+  server.use(_bodyParser.default.json({
+    limit: '10mb'
+  }));
+  server.set('json spaces', 2);
+  server.use(_bodyParser.default.text());
+  (0, _middlewares.cookieParseMiddleware)(server);
+  const serverRequestInterceptor = (_mockServerConfig$int = mockServerConfig.interceptors) === null || _mockServerConfig$int === void 0 ? void 0 : _mockServerConfig$int.request;
+  if (serverRequestInterceptor) {
+    (0, _middlewares.requestInterceptorMiddleware)(server, serverRequestInterceptor);
+  }
+  const baseUrl = (_mockServerConfig$bas = mockServerConfig.baseUrl) !== null && _mockServerConfig$bas !== void 0 ? _mockServerConfig$bas : '/';
+  if (cors) {
+    (0, _middlewares.corsMiddleware)(server, cors);
+  } else {
+    (0, _middlewares.noCorsMiddleware)(server);
+  }
+  if (staticPath) {
+    (0, _middlewares.staticMiddleware)(server, baseUrl, staticPath);
+  }
+  if (rest) {
+    var _rest$interceptors, _rest$baseUrl;
+    const routerWithRestRoutes = (0, _rest.createRestRoutes)(_express.default.Router(), rest, interceptors === null || interceptors === void 0 ? void 0 : interceptors.response);
+    const apiRequestInterceptor = (_rest$interceptors = rest.interceptors) === null || _rest$interceptors === void 0 ? void 0 : _rest$interceptors.request;
+    if (apiRequestInterceptor) {
+      (0, _middlewares.requestInterceptorMiddleware)(server, apiRequestInterceptor);
+    }
+    const restBaseUrl = (0, _helpers.urlJoin)(baseUrl, (_rest$baseUrl = rest.baseUrl) !== null && _rest$baseUrl !== void 0 ? _rest$baseUrl : '/');
+    server.use(restBaseUrl, routerWithRestRoutes);
+  }
+  if (graphql) {
+    var _graphql$interceptors, _graphql$baseUrl;
+    const routerWithGraphQLRoutes = (0, _graphql.createGraphQLRoutes)(_express.default.Router(), graphql, interceptors === null || interceptors === void 0 ? void 0 : interceptors.response);
+    const apiRequestInterceptor = (_graphql$interceptors = graphql.interceptors) === null || _graphql$interceptors === void 0 ? void 0 : _graphql$interceptors.request;
+    if (apiRequestInterceptor) {
+      (0, _middlewares.requestInterceptorMiddleware)(server, apiRequestInterceptor);
+    }
+    const graphqlBaseUrl = (0, _helpers.urlJoin)(baseUrl, (_graphql$baseUrl = graphql.baseUrl) !== null && _graphql$baseUrl !== void 0 ? _graphql$baseUrl : '/');
+    server.use(graphqlBaseUrl, routerWithGraphQLRoutes);
+  }
+  if (database) {
+    const routerWithDatabaseRoutes = (0, _database.createDatabaseRoutes)(_express.default.Router(), database);
+    server.use(baseUrl, routerWithDatabaseRoutes);
+  }
+  (0, _middlewares.notFoundMiddleware)(server, mockServerConfig);
+  (0, _middlewares.errorMiddleware)(server);
+  return server;
+};
+exports.createMockServer = createMockServer;

package/dist/src/server/index.d.ts

@@ -0,0 +1,2 @@
+export * from './createMockServer/createMockServer';
+export * from './startMockServer/startMockServer';

package/dist/src/server/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _createMockServer = require("./createMockServer/createMockServer");
+Object.keys(_createMockServer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createMockServer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createMockServer[key];
+    }
+  });
+});
+var _startMockServer = require("./startMockServer/startMockServer");
+Object.keys(_startMockServer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _startMockServer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _startMockServer[key];
+    }
+  });
+});

package/dist/src/server/startMockServer/startMockServer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="node" />
+import type { MockServerConfig } from '../../utils/types';
+export declare const startMockServer: (mockServerConfig: MockServerConfig) => import("http").Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse> & {
+    destroy: (callback?: ((err?: Error | undefined) => void) | undefined) => import("http").Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse>;
+};

package/dist/src/server/startMockServer/startMockServer.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.startMockServer = void 0;
+var _ansiColors = _interopRequireDefault(require("ansi-colors"));
+var _middlewares = require("../../core/middlewares");
+var _constants = require("../../utils/constants");
+var _createMockServer = require("../createMockServer/createMockServer");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const startMockServer = mockServerConfig => {
+  var _mockServerConfig$por;
+  const mockServer = (0, _createMockServer.createMockServer)(mockServerConfig);
+  const port = (_mockServerConfig$por = mockServerConfig.port) !== null && _mockServerConfig$por !== void 0 ? _mockServerConfig$por : _constants.DEFAULT.PORT;
+  const server = mockServer.listen(port, () => {
+    console.log(_ansiColors.default.green(`🎉 Mock Server is running at http://localhost:${port}`));
+  });
+
+  // ✅ important: add destroy method for closing keep-alive connections after server shutdown
+  return (0, _middlewares.destroyerMiddleware)(server);
+};
+exports.startMockServer = startMockServer;

package/dist/src/static/views/assets/icons/scheme-dark.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 8C12.65 8 14 9.35 14 11C14 12.65 12.65 14 11 14C9.35 14 8 12.65 8 11C8 9.35 9.35 8 11 8ZM11 6C8.24 6 6 8.24 6 11C6 13.76 8.24 16 11 16C13.76 16 16 13.76 16 11C16 8.24 13.76 6 11 6ZM1 12H3C3.55 12 4 11.55 4 11C4 10.45 3.55 10 3 10H1C0.45 10 0 10.45 0 11C0 11.55 0.45 12 1 12ZM19 12H21C21.55 12 22 11.55 22 11C22 10.45 21.55 10 21 10H19C18.45 10 18 10.45 18 11C18 11.55 18.45 12 19 12ZM10 1V3C10 3.55 10.45 4 11 4C11.55 4 12 3.55 12 3V1C12 0.45 11.55 0 11 0C10.45 0 10 0.45 10 1ZM10 19V21C10 21.55 10.45 22 11 22C11.55 22 12 21.55 12 21V19C12 18.45 11.55 18 11 18C10.45 18 10 18.45 10 19ZM4.99 3.58C4.6 3.19 3.96 3.19 3.58 3.58C3.19 3.97 3.19 4.61 3.58 4.99L4.64 6.05C5.03 6.44 5.67 6.44 6.05 6.05C6.43 5.66 6.44 5.02 6.05 4.64L4.99 3.58ZM17.36 15.95C16.97 15.56 16.33 15.56 15.95 15.95C15.56 16.34 15.56 16.98 15.95 17.36L17.01 18.42C17.4 18.81 18.04 18.81 18.42 18.42C18.81 18.03 18.81 17.39 18.42 17.01L17.36 15.95ZM18.42 4.99C18.81 4.6 18.81 3.96 18.42 3.58C18.03 3.19 17.39 3.19 17.01 3.58L15.95 4.64C15.56 5.03 15.56 5.67 15.95 6.05C16.34 6.43 16.98 6.44 17.36 6.05L18.42 4.99ZM6.05 17.36C6.44 16.97 6.44 16.33 6.05 15.95C5.66 15.56 5.02 15.56 4.64 15.95L3.58 17.01C3.19 17.4 3.19 18.04 3.58 18.42C3.97 18.8 4.61 18.81 4.99 18.42L6.05 17.36Z" fill="white"/>
+</svg>

package/dist/src/static/views/assets/icons/scheme-light.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill="#343434" fill-opacity="0.9" d="M6.36997 2.51C6.18997 3.15 6.09997 3.82 6.09997 4.5C6.09997 8.58 9.41997 11.9 13.5 11.9C14.18 11.9 14.85 11.81 15.49 11.63C14.45 14.19 11.93 16 8.99997 16C5.13997 16 1.99997 12.86 1.99997 9C1.99997 6.07 3.80997 3.55 6.36997 2.51ZM8.99997 0C4.02997 0 -3.05176e-05 4.03 -3.05176e-05 9C-3.05176e-05 13.97 4.02997 18 8.99997 18C13.97 18 18 13.97 18 9C18 8.54 17.96 8.08 17.9 7.64C16.92 9.01 15.32 9.9 13.5 9.9C10.52 9.9 8.09997 7.48 8.09997 4.5C8.09997 2.69 8.98997 1.08 10.36 0.0999999C9.91997 0.0399999 9.45997 0 8.99997 0Z"/>
+</svg>

package/dist/src/static/views/assets/styles/global.css

@@ -0,0 +1,88 @@
+:root {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+    'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0;
+  background-color: var(--background-body);
+  color: var(--primary);
+}
+
+svg {
+  color: var(--primary-glass);
+}
+
+a {
+  color: var(--primary);
+  text-decoration-line: none;
+}
+
+.link {
+  color: var(--primary);
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 17px;
+  text-decoration-line: underline;
+}
+
+.title {
+  display: flex;
+  height: 50px;
+  flex-direction: row;
+  align-items: center;
+  font-size: 20px;
+  font-weight: 500;
+  gap: 10px;
+  line-height: 24px;
+}
+
+.title img {
+  height: 50px;
+}
+
+.description {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  font-size: 14px;
+  font-weight: 200;
+  gap: 10px;
+  line-height: 17px;
+}
+
+.margin-container {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+
+.hero {
+  display: flex;
+  width: 800px;
+  flex-direction: column;
+  margin-top: 100px;
+  margin-bottom: 100px;
+  gap: 10px;
+  padding-inline: 75px;
+}
+
+.content {
+  display: flex;
+  width: 800px;
+  flex-direction: column;
+  gap: 20px;
+  padding-inline: 75px;
+}
+
+.content-head {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}

package/dist/src/static/views/components/header/index.css

@@ -0,0 +1,55 @@
+.header {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  backdrop-filter: blur(20px);
+  background-color: var(--background-container);
+}
+
+.header-content {
+  display: flex;
+  width: 800px;
+  height: 60px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 25px;
+  padding-inline: 75px;
+}
+
+.header-menu {
+  display: flex;
+  flex-direction: row;
+  gap: 25px;
+}
+
+.header-menu-item {
+  display: flex;
+  height: 25px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 400;
+  gap: 10px;
+  line-height: 17px;
+}
+
+.logo img {
+  height: 30px;
+  margin-right: 5px;
+}
+
+li {
+  list-style-type: none;
+}
+
+.scheme-switcher {
+  width: 22px;
+  height: 22px;
+  background-image: var(--image-scheme);
+  background-position: center;
+  background-repeat: no-repeat;
+  cursor: pointer;
+}