aloy-mock 1.0.0

package/public/stylesheets/codemirror/5.65.5/codemirror.css

@@ -0,0 +1,339 @@
+/*https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.css*/
+/* BASICS */
+
+.CodeMirror {
+    /* Set height, width, borders, and global font properties here */
+    font-family: monospace;
+    height: 300px;
+    color: black;
+    direction: ltr;
+  }
+  
+  /* PADDING */
+  
+  .CodeMirror-lines {
+    padding: 4px 0; /* Vertical padding around content */
+  }
+  .CodeMirror pre.CodeMirror-line,
+  .CodeMirror pre.CodeMirror-line-like {
+    padding: 0 4px; /* Horizontal padding of content */
+  }
+  
+  .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+    background-color: white; /* The little square between H and V scrollbars */
+  }
+  
+  /* GUTTER */
+  
+  .CodeMirror-gutters {
+    border-right: 1px solid #ddd;
+    background-color: #f7f7f7;
+    white-space: nowrap;
+  }
+  .CodeMirror-linenumber {
+    padding: 0 3px 0 5px;
+    min-width: 20px;
+    text-align: right;
+    color: #999;
+    white-space: nowrap;
+  }
+  
+  .CodeMirror-guttermarker { color: black; }
+  .CodeMirror-guttermarker-subtle { color: #999; }
+  
+  /* CURSOR */
+  
+  .CodeMirror-cursor {
+    border-left: 1px solid black;
+    border-right: none;
+    width: 0;
+  }
+  /* Shown when moving in bi-directional text */
+  .CodeMirror div.CodeMirror-secondarycursor {
+    border-left: 1px solid silver;
+  }
+  .cm-fat-cursor .CodeMirror-cursor {
+    width: auto;
+    border: 0 !important;
+    background: #7e7;
+  }
+  .cm-fat-cursor div.CodeMirror-cursors {
+    z-index: 1;
+  }
+  .cm-fat-cursor .CodeMirror-line::selection,
+  .cm-fat-cursor .CodeMirror-line > span::selection, 
+  .cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
+  .cm-fat-cursor .CodeMirror-line::-moz-selection,
+  .cm-fat-cursor .CodeMirror-line > span::-moz-selection,
+  .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
+  .cm-fat-cursor { caret-color: transparent; }
+  @-moz-keyframes blink {
+    0% {}
+    50% { background-color: transparent; }
+    100% {}
+  }
+  @-webkit-keyframes blink {
+    0% {}
+    50% { background-color: transparent; }
+    100% {}
+  }
+  @keyframes blink {
+    0% {}
+    50% { background-color: transparent; }
+    100% {}
+  }
+  
+  /* Can style cursor different in overwrite (non-insert) mode */
+  .cm-tab { display: inline-block; text-decoration: inherit; }
+  
+  .CodeMirror-rulers {
+    position: absolute;
+    left: 0; right: 0; top: -50px; bottom: 0;
+    overflow: hidden;
+  }
+  .CodeMirror-ruler {
+    border-left: 1px solid #ccc;
+    top: 0; bottom: 0;
+    position: absolute;
+  }
+  
+  /* DEFAULT THEME */
+  
+  .cm-s-default .cm-header {color: blue;}
+  .cm-s-default .cm-quote {color: #090;}
+  .cm-negative {color: #d44;}
+  .cm-positive {color: #292;}
+  .cm-header, .cm-strong {font-weight: bold;}
+  .cm-em {font-style: italic;}
+  .cm-link {text-decoration: underline;}
+  .cm-strikethrough {text-decoration: line-through;}
+  
+  .cm-s-default .cm-keyword {color: #708;}
+  .cm-s-default .cm-atom {color: #219;}
+  .cm-s-default .cm-number {color: #164;}
+  .cm-s-default .cm-def {color: #00f;}
+  .cm-s-default .cm-variable-2 {color: #05a;}
+  .cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
+  .cm-s-default .cm-comment {color: #a50;}
+  .cm-s-default .cm-string {color: #a11;}
+  .cm-s-default .cm-string-2 {color: #f50;}
+  .cm-s-default .cm-meta {color: #555;}
+  .cm-s-default .cm-qualifier {color: #555;}
+  .cm-s-default .cm-builtin {color: #30a;}
+  .cm-s-default .cm-bracket {color: #997;}
+  .cm-s-default .cm-tag {color: #170;}
+  .cm-s-default .cm-attribute {color: #00c;}
+  .cm-s-default .cm-hr {color: #999;}
+  .cm-s-default .cm-link {color: #00c;}
+  
+  .cm-s-default .cm-error {color: #f00;}
+  .cm-invalidchar {color: #f00;}
+  
+  .CodeMirror-composing { border-bottom: 2px solid; }
+  
+  /* Default styles for common addons */
+  
+  div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
+  div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
+  .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
+  .CodeMirror-activeline-background {background: #e8f2ff;}
+  
+  /* STOP */
+  
+  /* The rest of this file contains styles related to the mechanics of
+     the editor. You probably shouldn't touch them. */
+  
+  .CodeMirror {
+    position: relative;
+    overflow: hidden;
+    background: white;
+  }
+  
+  .CodeMirror-scroll {
+    overflow: scroll !important; /* Things will break if this is overridden */
+    /* 50px is the magic margin used to hide the element's real scrollbars */
+    /* See overflow: hidden in .CodeMirror */
+    margin-bottom: -50px; margin-right: -50px;
+    padding-bottom: 50px;
+    height: 100%;
+    outline: none; /* Prevent dragging from highlighting the element */
+    position: relative;
+    z-index: 0;
+  }
+  .CodeMirror-sizer {
+    position: relative;
+    border-right: 50px solid transparent;
+  }
+  
+  /* The fake, visible scrollbars. Used to force redraw during scrolling
+     before actual scrolling happens, thus preventing shaking and
+     flickering artifacts. */
+  .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+    position: absolute;
+    z-index: 6;
+    display: none;
+    outline: none;
+  }
+  .CodeMirror-vscrollbar {
+    right: 0; top: 0;
+    overflow-x: hidden;
+    overflow-y: scroll;
+  }
+  .CodeMirror-hscrollbar {
+    bottom: 0; left: 0;
+    overflow-y: hidden;
+    overflow-x: scroll;
+  }
+  .CodeMirror-scrollbar-filler {
+    right: 0; bottom: 0;
+  }
+  .CodeMirror-gutter-filler {
+    left: 0; bottom: 0;
+  }
+  
+  .CodeMirror-gutters {
+    position: absolute; left: 0; top: 0;
+    min-height: 100%;
+    z-index: 3;
+  }
+  .CodeMirror-gutter {
+    white-space: normal;
+    height: 100%;
+    display: inline-block;
+    vertical-align: top;
+    margin-bottom: -50px;
+  }
+  .CodeMirror-gutter-wrapper {
+    position: absolute;
+    z-index: 4;
+    background: none !important;
+    border: none !important;
+  }
+  .CodeMirror-gutter-background {
+    position: absolute;
+    top: 0; bottom: 0;
+    z-index: 4;
+  }
+  .CodeMirror-gutter-elt {
+    position: absolute;
+    cursor: default;
+    z-index: 4;
+  }
+  .CodeMirror-gutter-wrapper ::selection { background-color: transparent }
+  .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
+  
+  .CodeMirror-lines {
+    cursor: text;
+    min-height: 1px; /* prevents collapsing before first draw */
+  }
+  .CodeMirror pre.CodeMirror-line,
+  .CodeMirror pre.CodeMirror-line-like {
+    /* Reset some styles that the rest of the page might have set */
+    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
+    border-width: 0;
+    background: transparent;
+    font-family: inherit;
+    font-size: inherit;
+    margin: 0;
+    white-space: pre;
+    word-wrap: normal;
+    line-height: inherit;
+    color: inherit;
+    z-index: 2;
+    position: relative;
+    overflow: visible;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-font-variant-ligatures: contextual;
+    font-variant-ligatures: contextual;
+  }
+  .CodeMirror-wrap pre.CodeMirror-line,
+  .CodeMirror-wrap pre.CodeMirror-line-like {
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    word-break: normal;
+  }
+  
+  .CodeMirror-linebackground {
+    position: absolute;
+    left: 0; right: 0; top: 0; bottom: 0;
+    z-index: 0;
+  }
+  
+  .CodeMirror-linewidget {
+    position: relative;
+    z-index: 2;
+    padding: 0.1px; /* Force widget margins to stay inside of the container */
+  }
+  
+  .CodeMirror-widget {}
+  
+  .CodeMirror-rtl pre { direction: rtl; }
+  
+  .CodeMirror-code {
+    outline: none;
+  }
+  
+  /* Force content-box sizing for the elements where we expect it */
+  .CodeMirror-scroll,
+  .CodeMirror-sizer,
+  .CodeMirror-gutter,
+  .CodeMirror-gutters,
+  .CodeMirror-linenumber {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+  
+  .CodeMirror-measure {
+    position: absolute;
+    width: 100%;
+    height: 0;
+    overflow: hidden;
+    visibility: hidden;
+  }
+  
+  .CodeMirror-cursor {
+    position: absolute;
+    pointer-events: none;
+  }
+  .CodeMirror-measure pre { position: static; }
+  
+  div.CodeMirror-cursors {
+    visibility: hidden;
+    position: relative;
+    z-index: 3;
+  }
+  div.CodeMirror-dragcursors {
+    visibility: visible;
+  }
+  
+  .CodeMirror-focused div.CodeMirror-cursors {
+    visibility: visible;
+  }
+  
+  .CodeMirror-selected { background: #d9d9d9; }
+  .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
+  .CodeMirror-crosshair { cursor: crosshair; }
+  .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
+  .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
+  
+  .cm-searching {
+    background-color: #ffa;
+    background-color: rgba(255, 255, 0, .4);
+  }
+  
+  /* Used to force a border model for a node */
+  .cm-force-border { padding-right: .1px; }
+  
+  @media print {
+    /* Hide the cursor when printing */
+    .CodeMirror div.CodeMirror-cursors {
+      visibility: hidden;
+    }
+  }
+  
+  /* See issue #2901 */
+  .cm-tab-wrap-hack:after { content: ''; }
+  
+  /* Help users use markselection to safely style text background */
+  span.CodeMirror-selectedtext { background: none; }
+  

package/public/stylesheets/codemirror/5.65.5/lint.css

@@ -0,0 +1,81 @@
+/* https://cdn.bootcdn.net/ajax/libs/codemirror/5.65.5/addon/lint/lint.min.css */
+/* The lint marker gutter */
+.CodeMirror-lint-markers {
+    width: 16px;
+  }
+  
+  .CodeMirror-lint-tooltip {
+    background-color: #ffd;
+    border: 1px solid black;
+    border-radius: 4px 4px 4px 4px;
+    color: black;
+    font-family: monospace;
+    font-size: 10pt;
+    overflow: hidden;
+    padding: 2px 5px;
+    position: fixed;
+    white-space: pre;
+    white-space: pre-wrap;
+    z-index: 100;
+    max-width: 600px;
+    opacity: 0;
+    transition: opacity .4s;
+    -moz-transition: opacity .4s;
+    -webkit-transition: opacity .4s;
+    -o-transition: opacity .4s;
+    -ms-transition: opacity .4s;
+  }
+  
+  .CodeMirror-lint-mark {
+    background-position: left bottom;
+    background-repeat: repeat-x;
+  }
+  
+  .CodeMirror-lint-mark-warning {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
+  }
+  
+  .CodeMirror-lint-mark-error {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==");
+  }
+  
+  .CodeMirror-lint-marker {
+    background-position: center center;
+    background-repeat: no-repeat;
+    cursor: pointer;
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    vertical-align: middle;
+    position: relative;
+  }
+  
+  .CodeMirror-lint-message {
+    padding-left: 18px;
+    background-position: top left;
+    background-repeat: no-repeat;
+  }
+  
+  .CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
+  }
+  
+  .CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
+  }
+  
+  .CodeMirror-lint-marker-multiple {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    width: 100%; height: 100%;
+  }
+  
+  .CodeMirror-lint-line-error {
+    background-color: rgba(183, 76, 81, 0.08);
+  }
+  
+  .CodeMirror-lint-line-warning {
+    background-color: rgba(255, 211, 0, 0.1);
+  }
+  

package/public/stylesheets/style.css

@@ -0,0 +1,31 @@
+a {
+  color: #00B7FF;
+}
+.code-editor-wrap {
+  display:flex;
+  flex:1;
+  flex-direction:column;
+  overflow:auto;
+}
+.code-editor-submit {
+  position: fixed;
+  right: 12px;
+  top: 12px;
+  background-color: #1677ff;
+  z-index: 9999;
+  border: none;
+  color: #fff;
+  border-radius: 4px;
+  font-size: 12px;
+  padding: 4px 12px;
+  cursor: pointer;
+}
+.code-editor-submit-disabled {
+  cursor: not-allowed;
+  color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.code-editor-wrap .CodeMirror{
+  flex: 1;
+  height: auto;
+}

package/routes/index.js

@@ -0,0 +1,96 @@
+const express = require('express');
+const fs = require('fs').promises;
+const path = require('path');
+
+const router = express.Router();
+
+const TEMPLATE = `module.exports = ({ method, query, params, body }) => {
+  return {
+    code: 0,
+    data: {
+    },
+    message: '',
+  }
+}`;
+
+const delay = (fn) => (...args) => {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve(fn.apply(null, args));
+    }, Math.random * 1000);
+  });
+};
+
+const getFilePath = (dir) => path.resolve(__dirname, dir, 'index.js');
+
+async function writeFile(filePath, content) {
+  try {
+    await fs.access(filePath);
+    return;
+  } catch (error) {
+    const dirPath = path.dirname(filePath);
+    try {
+      await fs.mkdir(dirPath, { recursive: true });
+    } catch (mkdirError) {
+      // 如果文件夹创建失败，可能是文件夹已存在
+      if (mkdirError.code !== 'EEXIST') {
+        throw mkdirError;
+      }
+    }
+  }
+  return await fs.writeFile(filePath, content || TEMPLATE, 'utf8');
+}
+
+async function navigateHandler(req, res, filePath) {
+  let content = '';
+  try {
+    content = await fs.readFile(filePath, 'utf-8');
+  } catch(e) {
+  }
+  if (!content) {
+    content = TEMPLATE;
+    await writeFile(filePath, content);
+  }
+  res.render('index', {
+    title: '',
+    content,
+  });
+};
+
+const handler = async (req, res) => {
+    const headers = req.headers;
+    const fileDir = `../mock${req.path}`;
+    const filePath = getFilePath(fileDir);
+    if (headers['sec-fetch-mode'] === 'navigate' || !headers.referer) {
+      navigateHandler(req, res, filePath);
+      return;
+    }
+    const { type, value = '' } = req.body || {};
+    if (type === res.locals.HANDLE_TYPE) {
+      let content = value.trim();
+      if (!content.replace(/\s*[\n\t][;]?\s*/g, '')) {
+        content = TEMPLATE;
+      }
+      await fs.writeFile(filePath, content, 'utf-8');
+      res.json({ code: 0 });
+      return;
+    }
+    await writeFile(filePath);
+    try {
+      const data = await fs.readFile(filePath, 'utf-8');
+      if (/^\s*{[\s\S]*}\s*$/.test(data)) {
+        res.json(JSON.parse(data));
+        return;
+      }
+    } catch(e) {
+      res.json(e);
+      return;
+    }
+    res.json(await delay(require(fileDir))(req));
+};
+
+router.get('/*', handler);
+router.post('/*', handler);
+
+module.exports = router;
+

package/views/error.jade

@@ -0,0 +1,6 @@
+extends layout
+
+block content
+  h1= message
+  h2= error.status
+  pre #{error.stack}

package/views/index.jade

@@ -0,0 +1,83 @@
+extends layout
+
+block content
+  form(id="mock-server-submit", method="post", style="display:flex;flex-direction:column;height:100vh;overflow:hidden;")
+    input(type="submit", id="mock-server-submit-btn", value="保存", class="code-editor-submit")
+    div(class="code-editor-wrap")
+      textarea(name="code", id="codeEditor")!= content
+    script(src="#{PUBLIC_PATH}/javascripts/codemirror/5.65.5/codemirror.min.js")
+    script(src="#{PUBLIC_PATH}/javascripts/codemirror/5.65.5/javascript.min.js")
+    script(src="#{PUBLIC_PATH}/javascripts/jshint/2.13.4/jshint.min.js")
+    script(src="#{PUBLIC_PATH}/javascripts/codemirror/5.65.5/lint.min.js")
+    script(src="#{PUBLIC_PATH}/javascripts/codemirror/5.65.5/javascript-lint.min.js")
+    script.
+      // 初始化 CodeMirror 编辑器
+      var editor = CodeMirror.fromTextArea(document.getElementById('codeEditor'), {
+        lineNumbers: true,
+        mode: "javascript",
+        lint: {
+          asi: true,
+          esversion: 6,
+        },
+        gutters: ["CodeMirror-lint-markers"],
+      });
+      var isSave = false;
+      var form = document.getElementById('mock-server-submit');
+      var content = editor.getValue();
+      var save = function(event) {
+        // 阻止表单的默认提交行为
+        if (isSave) {
+          return;
+        }
+        var errors = window.JSHINT.errors;
+        var len = errors.length;
+        if (len) {
+          for (var i = 0; i < len; i++) {
+            var code = errors[i].code;
+            if (/^E/.test(code)) {
+              return;
+            }
+          }
+        }
+        var value = editor.getValue();
+        if (content === value) {
+          return;
+        }
+        var saveBtn = document.getElementById('mock-server-submit-btn');
+        var disabledClassName = 'code-editor-submit-disabled';
+        saveBtn.classList.add(disabledClassName);
+        isSave = true;
+        fetch(window.location.href, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify({
+            type: '#{HANDLE_TYPE}',
+            value: value || ''
+          })
+        }).then(function(response){ 
+          return response.json();
+        }).then(function(){
+          content = value;
+        }).catch(function(error){
+          console.error(error);
+        }).then(function(){
+          isSave = false;
+          saveBtn.classList.remove(disabledClassName);
+        });
+      };
+      editor.on('blur', save);
+      document.addEventListener('keydown', function(event) {
+        const isCtrl = event.ctrlKey || event.metaKey;
+        if (isCtrl && event.key === 's' || event.code === 'KeyS') {
+            // 执行保存操作
+            event.preventDefault(); // 阻止默认行为，如浏览器的保存页面对话框
+            save();
+        }
+      });
+      form.onsubmit = function(event) {
+          // 阻止表单的默认提交行为
+          event.preventDefault();
+          save();
+      };

package/views/layout.jade

@@ -0,0 +1,9 @@
+doctype html
+html
+  head
+    title= title
+    link(rel='stylesheet', href="#{PUBLIC_PATH}/stylesheets/style.css")
+    link(rel="stylesheet", href="#{PUBLIC_PATH}/stylesheets/codemirror/5.65.5/codemirror.css")
+    link(rel="stylesheet" href="#{PUBLIC_PATH}/stylesheets/codemirror/5.65.5/lint.css")
+  body
+    block content