@hep-code-runner/vue2 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +122 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +75 -0
- package/dist/index.mjs +2533 -0
- package/dist/style.css +1 -0
- package/package.json +38 -0
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;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}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-editor[data-v-c829bd35]{position:relative;flex:1;overflow:hidden}.code-highlight[data-v-c829bd35],.code-input[data-v-c829bd35]{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px 16px;margin:0;border:none;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;white-space:pre;overflow:auto}.code-highlight[data-v-c829bd35]{pointer-events:none;z-index:1}.code-highlight.code-highlight[data-v-c829bd35]{background:transparent}.code-highlight code[data-v-c829bd35]{display:block;font-family:inherit}.code-input[data-v-c829bd35]{position:relative;z-index:2;background:transparent;color:transparent;caret-color:#d4d4d4;resize:none;outline:none}.code-input[data-v-c829bd35]:disabled{opacity:.7}.theme-light .code-input[data-v-c829bd35]{caret-color:#333}.code-runner[data-v-95eacecd]{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace}.code-runner-light[data-v-95eacecd]{background:#fff}.code-runner-dark[data-v-95eacecd]{background:#1e1e1e;border-color:#333}.code-runner-header[data-v-95eacecd]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#252526;border-bottom:1px solid #333}.code-runner-light .code-runner-header[data-v-95eacecd]{background:#f3f3f3;border-color:#e0e0e0}.code-runner-controls[data-v-95eacecd]{display:flex;gap:8px}.language-select[data-v-95eacecd]{padding:6px 12px;border:1px solid #444;border-radius:6px;background:#2d2d2d;color:#d4d4d4;font-size:13px;cursor:pointer;outline:none}.code-runner-light .language-select[data-v-95eacecd]{background:#fff;color:#333;border-color:#ccc}.language-select[data-v-95eacecd]:focus{border-color:#4fc3f7}.code-runner-actions[data-v-95eacecd]{display:flex;gap:8px}.btn[data-v-95eacecd]{padding:6px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn[data-v-95eacecd]:disabled{opacity:.5;cursor:not-allowed}.btn-run[data-v-95eacecd]{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff}.btn-run[data-v-95eacecd]:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50)}.btn-reset[data-v-95eacecd]{background:#3d3d3d;color:#aaa}.code-runner-light .btn-reset[data-v-95eacecd]{background:#e0e0e0;color:#666}.btn-reset[data-v-95eacecd]:hover:not(:disabled){background:#4d4d4d;color:#fff}.btn-theme[data-v-95eacecd]{background:#3d3d3d;color:#aaa;padding:5px 10px;font-size:14px;line-height:1;height:auto;min-height:28px}.code-runner-light .btn-theme[data-v-95eacecd]{background:#e0e0e0}.btn-theme[data-v-95eacecd]:hover{background:#4d4d4d;color:#fff}.error-message[data-v-95eacecd]{padding:10px 16px;background:#c62828;color:#fff;font-size:13px}.code-runner-main[data-v-95eacecd]{display:flex;height:400px;overflow:hidden}.editor-panel[data-v-95eacecd]{display:flex;flex-direction:column;min-width:20%;max-width:80%}.panel-header[data-v-95eacecd]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2d2d2d;border-bottom:1px solid #333}.code-runner-light .panel-header[data-v-95eacecd]{background:#f0f0f0;border-color:#e0e0e0}.panel-title[data-v-95eacecd]{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.language-badge[data-v-95eacecd]{font-size:11px;padding:2px 8px;background:#4fc3f7;color:#000;border-radius:10px;font-weight:500}.code-editor[data-v-95eacecd]{flex:1;width:100%;background:#1e1e1e}.code-editor .code-highlight[data-v-95eacecd]{background:transparent!important}.code-editor .code-input[data-v-95eacecd]{color:transparent!important;caret-color:#d4d4d4}.code-runner-light .code-editor[data-v-95eacecd]{background:#fafafa}.code-runner-light .code-editor .code-highlight code[data-v-95eacecd]{color:#333}.resize-handle[data-v-95eacecd]{width:6px;background:#252526;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .2s}.resize-handle[data-v-95eacecd]:hover{background:#4fc3f7}.resize-line[data-v-95eacecd]{width:2px;height:40px;background:#444;border-radius:1px}.resize-handle:hover .resize-line[data-v-95eacecd]{background:#fff}.output-panel[data-v-95eacecd]{display:flex;flex-direction:column;min-width:20%;border-left:1px solid #333}.code-runner-light .output-panel[data-v-95eacecd]{border-color:#e0e0e0}.output-tabs[data-v-95eacecd]{display:flex;gap:4px}.tab[data-v-95eacecd]{padding:4px 12px;border:none;background:transparent;cursor:pointer;font-size:12px;border-radius:4px;color:#888;transition:all .2s}.tab[data-v-95eacecd]:hover{color:#d4d4d4;background:#3d3d3d}.code-runner-light .tab[data-v-95eacecd]:hover{color:#333;background:#e0e0e0}.tab.active[data-v-95eacecd]{background:#4fc3f7;color:#000;font-weight:500}.output-actions[data-v-95eacecd]{display:flex;align-items:center;gap:12px}.execution-time[data-v-95eacecd]{font-size:12px;color:#4caf50;font-weight:500}.btn-icon[data-v-95eacecd]{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#888;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon[data-v-95eacecd]:hover{color:#fff;background:#3d3d3d}.code-runner-light .btn-icon[data-v-95eacecd]:hover{color:#333;background:#e0e0e0}.output-content[data-v-95eacecd]{flex:1;padding:12px 16px;overflow:auto;background:#1e1e1e}.code-runner-light .output-content[data-v-95eacecd]{background:#fff}.output-content pre[data-v-95eacecd]{margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all;color:#d4d4d4}.code-runner-light .output-content pre[data-v-95eacecd]{color:#333}.output-content .stderr[data-v-95eacecd]{color:#f44336}.spinner[data-v-95eacecd]{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-95eacecd .8s linear infinite}@keyframes spin-95eacecd{to{transform:rotate(360deg)}}
|
package/package.json
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@hep-code-runner/vue2",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "Vue 2 code runner component",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"module": "./dist/index.mjs",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
11
|
+
"import": "./dist/index.mjs",
|
|
12
|
+
"require": "./dist/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./dist/style.css": "./dist/style.css"
|
|
15
|
+
},
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
19
|
+
"scripts": {
|
|
20
|
+
"build": "vite build",
|
|
21
|
+
"dev": "vite"
|
|
22
|
+
},
|
|
23
|
+
"peerDependencies": {
|
|
24
|
+
"vue": "^2.6.0 || ^2.7.0"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {
|
|
27
|
+
"@hep-code-runner/core": "workspace:*",
|
|
28
|
+
"@vitejs/plugin-vue2": "^2.3.1",
|
|
29
|
+
"typescript": "^5.3.0",
|
|
30
|
+
"vite": "^5.0.0",
|
|
31
|
+
"vite-plugin-dts": "^3.6.0",
|
|
32
|
+
"vue": "^2.7.16"
|
|
33
|
+
},
|
|
34
|
+
"dependencies": {
|
|
35
|
+
"@types/prismjs": "^1.26.6",
|
|
36
|
+
"prismjs": "^1.30.0"
|
|
37
|
+
}
|
|
38
|
+
}
|