delete debugger
This commit is contained in:
pengfei.zhou
parent
8fa2b69e5a
commit
529ae56f7f
21
debugger/.gitignore
vendored
21
debugger/.gitignore
vendored
@ -1,21 +0,0 @@
|
|||||||
.DS_Store
|
|
||||||
node_modules
|
|
||||||
/dist
|
|
||||||
|
|
||||||
# local env files
|
|
||||||
.env.local
|
|
||||||
.env.*.local
|
|
||||||
|
|
||||||
# Log files
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
|
|
||||||
# Editor directories and files
|
|
||||||
.idea
|
|
||||||
.vscode
|
|
||||||
*.suo
|
|
||||||
*.ntvs*
|
|
||||||
*.njsproj
|
|
||||||
*.sln
|
|
||||||
*.sw?
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
# debugger
|
|
||||||
|
|
||||||
## Project setup
|
|
||||||
```
|
|
||||||
npm install
|
|
||||||
```
|
|
||||||
|
|
||||||
### Compiles and hot-reloads for development
|
|
||||||
```
|
|
||||||
npm run serve
|
|
||||||
```
|
|
||||||
|
|
||||||
### Compiles and minifies for production
|
|
||||||
```
|
|
||||||
npm run build
|
|
||||||
```
|
|
||||||
|
|
||||||
### Run your tests
|
|
||||||
```
|
|
||||||
npm run test
|
|
||||||
```
|
|
||||||
|
|
||||||
### Lints and fixes files
|
|
||||||
```
|
|
||||||
npm run lint
|
|
||||||
```
|
|
||||||
|
|
||||||
### Customize configuration
|
|
||||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
module.exports = {
|
|
||||||
"presets": [
|
|
||||||
"@vue/app"
|
|
||||||
],
|
|
||||||
"plugins": [
|
|
||||||
[
|
|
||||||
"component",
|
|
||||||
{
|
|
||||||
"libraryName": "element-ui",
|
|
||||||
"styleLibraryName": "theme-chalk"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
]
|
|
||||||
}
|
|
||||||
11934
debugger/package-lock.json
generated
11934
debugger/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,55 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "debugger",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"private": true,
|
|
||||||
"scripts": {
|
|
||||||
"serve": "vue-cli-service serve",
|
|
||||||
"build": "vue-cli-service build",
|
|
||||||
"lint": "vue-cli-service lint"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"axios": "^0.19.0",
|
|
||||||
"babel-plugin-prismjs": "^1.1.1",
|
|
||||||
"core-js": "^3.4.1",
|
|
||||||
"element-ui": "^2.12.0",
|
|
||||||
"monaco-editor": "^0.18.1",
|
|
||||||
"prismjs": "^1.17.1",
|
|
||||||
"vue": "^2.6.10",
|
|
||||||
"vue-prism": "^1.0.5",
|
|
||||||
"vue-router": "^3.1.3"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@vue/cli-plugin-babel": "^4.0.5",
|
|
||||||
"@vue/cli-plugin-eslint": "^4.0.5",
|
|
||||||
"@vue/cli-service": "^4.0.5",
|
|
||||||
"babel-eslint": "^10.0.3",
|
|
||||||
"babel-plugin-component": "^1.1.1",
|
|
||||||
"eslint": "^6.6.0",
|
|
||||||
"eslint-plugin-vue": "^6.0.1",
|
|
||||||
"vue-cli-plugin-element": "^1.0.1",
|
|
||||||
"vue-template-compiler": "^2.6.10"
|
|
||||||
},
|
|
||||||
"eslintConfig": {
|
|
||||||
"root": true,
|
|
||||||
"env": {
|
|
||||||
"node": true
|
|
||||||
},
|
|
||||||
"extends": [
|
|
||||||
"plugin:vue/essential",
|
|
||||||
"eslint:recommended"
|
|
||||||
],
|
|
||||||
"rules": {},
|
|
||||||
"parserOptions": {
|
|
||||||
"parser": "babel-eslint"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"postcss": {
|
|
||||||
"plugins": {
|
|
||||||
"autoprefixer": {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"browserslist": [
|
|
||||||
"> 1%",
|
|
||||||
"last 2 versions"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB |
@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
||||||
<title>Doric Dev Pannel</title>
|
|
||||||
<!-- <link href="prism.css" rel="stylesheet" /> -->
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<noscript>
|
|
||||||
<strong>We're sorry but debugger doesn't work properly without JavaScript enabled. Please enable it to
|
|
||||||
continue.</strong>
|
|
||||||
</noscript>
|
|
||||||
<div id="app"></div>
|
|
||||||
<!-- built files will be auto injected -->
|
|
||||||
<!-- <script src="prism.js"></script> -->
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@ -1,229 +0,0 @@
|
|||||||
/* PrismJS 1.17.1
|
|
||||||
https://prismjs.com/download.html#themes=prism-coy&languages=clike+javascript+typescript */
|
|
||||||
/**
|
|
||||||
* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
|
|
||||||
* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
|
|
||||||
* @author Tim Shedor
|
|
||||||
*/
|
|
||||||
|
|
||||||
code[class*="language-"],
|
|
||||||
pre[class*="language-"] {
|
|
||||||
color: black;
|
|
||||||
background: none;
|
|
||||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
||||||
font-size: 1em;
|
|
||||||
text-align: left;
|
|
||||||
white-space: pre;
|
|
||||||
word-spacing: normal;
|
|
||||||
word-break: normal;
|
|
||||||
word-wrap: normal;
|
|
||||||
line-height: 1.5;
|
|
||||||
|
|
||||||
-moz-tab-size: 4;
|
|
||||||
-o-tab-size: 4;
|
|
||||||
tab-size: 4;
|
|
||||||
|
|
||||||
-webkit-hyphens: none;
|
|
||||||
-moz-hyphens: none;
|
|
||||||
-ms-hyphens: none;
|
|
||||||
hyphens: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Code blocks */
|
|
||||||
pre[class*="language-"] {
|
|
||||||
position: relative;
|
|
||||||
margin: .5em 0;
|
|
||||||
overflow: visible;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
pre[class*="language-"]>code {
|
|
||||||
position: relative;
|
|
||||||
border-left: 10px solid #358ccb;
|
|
||||||
box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
|
|
||||||
background-color: #fdfdfd;
|
|
||||||
background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
|
|
||||||
background-size: 3em 3em;
|
|
||||||
background-origin: content-box;
|
|
||||||
background-attachment: local;
|
|
||||||
}
|
|
||||||
|
|
||||||
code[class*="language"] {
|
|
||||||
max-height: inherit;
|
|
||||||
height: inherit;
|
|
||||||
padding: 0 1em;
|
|
||||||
display: block;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Margin bottom to accommodate shadow */
|
|
||||||
:not(pre) > code[class*="language-"],
|
|
||||||
pre[class*="language-"] {
|
|
||||||
background-color: #fdfdfd;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inline code */
|
|
||||||
:not(pre) > code[class*="language-"] {
|
|
||||||
position: relative;
|
|
||||||
padding: .2em;
|
|
||||||
border-radius: 0.3em;
|
|
||||||
color: #c92c2c;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
||||||
display: inline;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-"]:before,
|
|
||||||
pre[class*="language-"]:after {
|
|
||||||
content: '';
|
|
||||||
z-index: -2;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0.75em;
|
|
||||||
left: 0.18em;
|
|
||||||
width: 40%;
|
|
||||||
height: 20%;
|
|
||||||
max-height: 13em;
|
|
||||||
box-shadow: 0px 13px 8px #979797;
|
|
||||||
-webkit-transform: rotate(-2deg);
|
|
||||||
-moz-transform: rotate(-2deg);
|
|
||||||
-ms-transform: rotate(-2deg);
|
|
||||||
-o-transform: rotate(-2deg);
|
|
||||||
transform: rotate(-2deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
:not(pre) > code[class*="language-"]:after,
|
|
||||||
pre[class*="language-"]:after {
|
|
||||||
right: 0.75em;
|
|
||||||
left: auto;
|
|
||||||
-webkit-transform: rotate(2deg);
|
|
||||||
-moz-transform: rotate(2deg);
|
|
||||||
-ms-transform: rotate(2deg);
|
|
||||||
-o-transform: rotate(2deg);
|
|
||||||
transform: rotate(2deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.comment,
|
|
||||||
.token.block-comment,
|
|
||||||
.token.prolog,
|
|
||||||
.token.doctype,
|
|
||||||
.token.cdata {
|
|
||||||
color: #7D8B99;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.punctuation {
|
|
||||||
color: #5F6364;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.property,
|
|
||||||
.token.tag,
|
|
||||||
.token.boolean,
|
|
||||||
.token.number,
|
|
||||||
.token.function-name,
|
|
||||||
.token.constant,
|
|
||||||
.token.symbol,
|
|
||||||
.token.deleted {
|
|
||||||
color: #c92c2c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.selector,
|
|
||||||
.token.attr-name,
|
|
||||||
.token.string,
|
|
||||||
.token.char,
|
|
||||||
.token.function,
|
|
||||||
.token.builtin,
|
|
||||||
.token.inserted {
|
|
||||||
color: #2f9c0a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.operator,
|
|
||||||
.token.entity,
|
|
||||||
.token.url,
|
|
||||||
.token.variable {
|
|
||||||
color: #a67f59;
|
|
||||||
background: rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.atrule,
|
|
||||||
.token.attr-value,
|
|
||||||
.token.keyword,
|
|
||||||
.token.class-name {
|
|
||||||
color: #1990b8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.regex,
|
|
||||||
.token.important {
|
|
||||||
color: #e90;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-css .token.string,
|
|
||||||
.style .token.string {
|
|
||||||
color: #a67f59;
|
|
||||||
background: rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.important {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.bold {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.token.italic {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.entity {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
|
|
||||||
.namespace {
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 767px) {
|
|
||||||
pre[class*="language-"]:before,
|
|
||||||
pre[class*="language-"]:after {
|
|
||||||
bottom: 14px;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Plugin styles */
|
|
||||||
.token.tab:not(:empty):before,
|
|
||||||
.token.cr:before,
|
|
||||||
.token.lf:before {
|
|
||||||
color: #e0d7d1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Plugin styles: Line Numbers */
|
|
||||||
pre[class*="language-"].line-numbers.line-numbers {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-"].line-numbers.line-numbers code {
|
|
||||||
padding-left: 3.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Plugin styles: Line Highlight */
|
|
||||||
pre[class*="language-"][data-line] {
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
pre[data-line] code {
|
|
||||||
position: relative;
|
|
||||||
padding-left: 4em;
|
|
||||||
}
|
|
||||||
pre .line-highlight {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1,29 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div id="app">
|
|
||||||
<router-view />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "app"
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app {
|
|
||||||
font-family: "Avenir", Helvetica, Arial, sans-serif;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
text-align: center;
|
|
||||||
color: #2c3e50;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1 +0,0 @@
|
|||||||
<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m256 138c2.628906 0 5.210938-1.070312 7.070312-2.929688 1.859376-1.859374 2.929688-4.441406 2.929688-7.070312s-1.070312-5.210938-2.929688-7.070312c-1.859374-1.859376-4.441406-2.929688-7.070312-2.929688s-5.210938 1.070312-7.070312 2.929688c-1.859376 1.859374-2.929688 4.441406-2.929688 7.070312s1.070312 5.210938 2.929688 7.070312c1.859374 1.859376 4.441406 2.929688 7.070312 2.929688zm0 0"/><path d="m502 452h-12v-30c0-5.523438-4.476562-10-10-10h-6v-15.832031c0-10.828125-6.605469-20.136719-16-24.113281v-33.722657c0-5.523437-4.476562-10-10-10s-10 4.476563-10 10v31.667969h-20v-142h20v32.355469c0 5.523437 4.476562 10 10 10s10-4.476563 10-10v-34.410157c9.394531-3.976562 16-13.289062 16-24.113281v-15.832031h6c5.523438 0 10-4.476562 10-10v-38h1c4.636719 0 8.660156-3.183594 9.730469-7.695312 1.070312-4.507813-1.101563-9.164063-5.242188-11.242188l-235-118c-2.824219-1.417969-6.152343-1.417969-8.976562 0l-235 118c-4.140625 2.082031-6.3125 6.734375-5.242188 11.242188 1.070313 4.511718 5.09375 7.695312 9.730469 7.695312h1v38c0 5.523438 4.476562 10 10 10h6v15.832031c0 10.824219 6.605469 20.136719 16 24.109375v146.113282c-9.394531 3.976562-16 13.285156-16 24.109374v15.835938h-6c-5.523438 0-10 4.476562-10 10v30h-12c-5.523438 0-10 4.476562-10 10v40c0 5.523438 4.476562 10 10 10h492c5.523438 0 10-4.476562 10-10v-40c0-5.523438-4.476562-10-10-10zm-54.167969-62c3.402344 0 6.167969 2.765625 6.167969 6.167969v15.832031h-52v-15.832031c0-3.402344 2.765625-6.167969 6.167969-6.167969zm-88.5 22v-15.832031c0-10.824219-6.605469-20.136719-16-24.113281v-146.109376c9.394531-3.976562 16-13.289062 16-24.113281v-15.832031h22.667969v15.832031c0 10.824219 6.605469 20.136719 16 24.109375v146.113282c-9.394531 3.976562-16 13.285156-16 24.109374v15.835938zm-114.664062 0v-15.832031c0-10.828125-6.609375-20.136719-16-24.113281v-146.109376c9.390625-3.976562 16-13.289062 16-24.113281v-15.832031h22.667969v15.832031c0 10.824219 6.605468 20.136719 16 24.109375v146.113282c-9.394532 3.976562-16 13.285156-16 24.109374v15.835938zm-114.667969 0v-15.832031c0-10.828125-6.605469-20.136719-16-24.113281v-146.109376c9.394531-3.976562 16-13.289062 16-24.113281v-15.832031h22.667969v15.832031c0 10.824219 6.605469 20.136719 16 24.109375v146.113282c-9.394531 3.976562-16 13.285156-16 24.109374v15.835938zm-56-184h20v142h-20zm114.667969 0h20v142h-20zm36-26.167969c0 3.402344-2.765625 6.167969-6.167969 6.167969h-39.667969c-3.398437 0-6.167969-2.765625-6.167969-6.167969v-15.832031h52v15.832031zm-52 194.335938c0-3.402344 2.765625-6.167969 6.167969-6.167969h39.664062c3.398438 0 6.167969 2.765625 6.167969 6.167969v15.832031h-52zm130.664062-168.167969h20v142h-20zm36-26.167969c0 3.402344-2.765625 6.167969-6.167969 6.167969h-39.664062c-3.398438 0-6.167969-2.765625-6.167969-6.167969v-15.832031h52zm-52 194.335938c0-3.402344 2.765625-6.167969 6.167969-6.167969h39.667969c3.398437 0 6.167969 2.765625 6.167969 6.167969v15.832031h-52v-15.832031zm166.667969-194.335938c0 3.402344-2.765625 6.167969-6.167969 6.167969h-39.667969c-3.398437 0-6.164062-2.765625-6.164062-6.167969v-15.832031h52zm-247.667969-63.832031c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10h-143.132812l192.800781-96.808594 192.800781 96.808594h-139.800781c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h161v28h-428v-28zm-96.332031 48v15.832031c0 3.402344-2.765625 6.167969-6.167969 6.167969h-39.664062c-3.402344 0-6.167969-2.765625-6.167969-6.167969v-15.832031zm-52 210.167969c0-3.402344 2.765625-6.167969 6.167969-6.167969h39.667969c3.398437 0 6.164062 2.765625 6.164062 6.167969v15.832031h-52zm-16 35.832031h428v20h-428zm450 60h-472v-20h472zm0 0"/><path d="m448 289c-2.628906 0-5.210938 1.070312-7.070312 2.929688-1.859376 1.859374-2.929688 4.441406-2.929688 7.070312s1.070312 5.210938 2.929688 7.070312c1.859374 1.859376 4.441406 2.929688 7.070312 2.929688s5.210938-1.070312 7.070312-2.929688c1.859376-1.859374 2.929688-4.441406 2.929688-7.070312s-1.070312-5.210938-2.929688-7.070312c-1.859374-1.859376-4.441406-2.929688-7.070312-2.929688zm0 0"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
@ -1,109 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="context">
|
|
||||||
<el-page-header @back="goBack"></el-page-header>
|
|
||||||
<el-container class="container">
|
|
||||||
<el-aside>
|
|
||||||
<el-card class="box-card">
|
|
||||||
<div slot="header" class="clearfix">
|
|
||||||
<span>Context info</span>
|
|
||||||
<el-button @click="debug" style="float: right; padding: 3px 0" type="text">Debug</el-button>
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
ID:
|
|
||||||
<span>{{id}}</span>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Source:
|
|
||||||
<span>{{source}}</span>
|
|
||||||
</p>
|
|
||||||
</el-card>
|
|
||||||
</el-aside>
|
|
||||||
<el-main>
|
|
||||||
<el-card class="box-card">
|
|
||||||
<div class="script" ref="editor"></div>
|
|
||||||
</el-card>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import axios from "axios";
|
|
||||||
import * as monaco from "monaco-editor/esm/vs/editor/editor.main.js";
|
|
||||||
import "monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution";
|
|
||||||
import { StandaloneCodeEditorServiceImpl } from "monaco-editor/esm/vs/editor/standalone/browser/standaloneCodeServiceImpl.js";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "Context",
|
|
||||||
data: function() {
|
|
||||||
return {
|
|
||||||
id: this.$route.params.id,
|
|
||||||
source: this.$route.params.id,
|
|
||||||
script: "",
|
|
||||||
editor: null,
|
|
||||||
curTheme: "vs"
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
goBack() {
|
|
||||||
this.$router.push({ path: "/" });
|
|
||||||
},
|
|
||||||
debug() {
|
|
||||||
console.log("debug");
|
|
||||||
axios
|
|
||||||
.post(`/api/reload?id=${this.$route.params.id}`, {
|
|
||||||
contextId: this.$route.params.id,
|
|
||||||
script: this.editor.getValue()
|
|
||||||
})
|
|
||||||
.then(function(response) {
|
|
||||||
console.log("post result:", response);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted: function() {
|
|
||||||
console.log("mounted");
|
|
||||||
axios.get(`/api/context?id=${this.$route.params.id}`).then(res => {
|
|
||||||
this.source = res.data.source;
|
|
||||||
this.script = res.data.script;
|
|
||||||
this.editor.setValue(this.script);
|
|
||||||
});
|
|
||||||
this.editor = monaco.editor.create(this.$refs.editor, {
|
|
||||||
theme: this.curTheme,
|
|
||||||
automaticLayout: true,
|
|
||||||
language: "javascript"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
||||||
<style scoped>
|
|
||||||
div {
|
|
||||||
font-size: 120%;
|
|
||||||
}
|
|
||||||
|
|
||||||
p span {
|
|
||||||
color: #409eff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context {
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin-top: 30px;
|
|
||||||
|
|
||||||
margin-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.aside {
|
|
||||||
text-align: left;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.script {
|
|
||||||
text-align: left;
|
|
||||||
font-size: 100%;
|
|
||||||
height: fill-available;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,65 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="home">
|
|
||||||
<img alt="Vue logo" width="200px" src="../assets/doric.svg" />
|
|
||||||
<h1>{{ title }}</h1>
|
|
||||||
<p>
|
|
||||||
Dev tools for doric.
|
|
||||||
<br />
|
|
||||||
<el-link href="https://github.com/penfeizhou/doric" type="primary">Doric</el-link>
|
|
||||||
</p>
|
|
||||||
<h3>Running Contexts</h3>
|
|
||||||
<ul>
|
|
||||||
<li v-for="item in runningContexts" :key="item.id">
|
|
||||||
<el-link type="success" v-bind:href="'#/context/' + item.id">{{item.source}}</el-link>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import axios from "axios";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "Debug",
|
|
||||||
props: {
|
|
||||||
title: String
|
|
||||||
},
|
|
||||||
data: () => {
|
|
||||||
return {
|
|
||||||
runningContexts: [{ source: "contextSource", id: "contexId" }]
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
getRunningContexts: function() {
|
|
||||||
axios.get("/api/allContexts").then(res => {
|
|
||||||
this.runningContexts = res.data;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted: function() {
|
|
||||||
this.getRunningContexts();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
||||||
<style scoped>
|
|
||||||
div {
|
|
||||||
font-size: 200%;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
margin: 40px 0 0;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 10px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
font-size: 100%;
|
|
||||||
color: #42b983;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
import Vue from 'vue'
|
|
||||||
import App from './App.vue'
|
|
||||||
import VueRouter from 'vue-router'
|
|
||||||
import routes from './routes'
|
|
||||||
import ElementUI from 'element-ui';
|
|
||||||
import 'element-ui/lib/theme-chalk/index.css';
|
|
||||||
Vue.use(VueRouter)
|
|
||||||
Vue.use(ElementUI)
|
|
||||||
new Vue({
|
|
||||||
router: new VueRouter({
|
|
||||||
routes
|
|
||||||
}),
|
|
||||||
render: h => h(App),
|
|
||||||
}).$mount('#app')
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
import Home from './components/Home.vue'
|
|
||||||
import Context from './components/Context.vue'
|
|
||||||
|
|
||||||
export default [
|
|
||||||
{ path: '/', component: Home },
|
|
||||||
{ path: '/context/:id', component: Context }
|
|
||||||
]
|
|
||||||
Reference in New Issue
Block a user