debugo/index.html at main · carbap/debugo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Debugo</title>
    <meta name="description" content="Go playground with debugging features.">
    <meta name="keywords" content="go, playground, debug, webassembly, wasm, yaegi">
    <meta name="author" content="André Baptista">

    <meta property="og:title" content="Debugo">
    <meta property="og:description" content="Go playground with debugging features.">
    <meta property="og:image" content="https://debugo.dev/thumbnail.png">
    <meta property="og:url" content="https://debugo.dev/">
    <meta property="og:type" content="website">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Debugo">
    <meta name="twitter:description" content="Go playground with debugging features.">
    <meta name="twitter:image" content="https://debugo.dev/thumbnail.png">

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">

    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Debugo",
    "url": "https://debugo.dev/",
    "description": "Go playground with debugging features.",
    "publisher": {
        "@type": "Person",
        "name": "André Baptista"
    },
    "image": "https://debugo.dev/thumbnail.png"
    }
    </script>
    </head>
    <body>
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto+Mono:wght@500&family=Fira+Code&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
        <script src="https://unpkg.com/monaco-editor@0.52.2/min/vs/loader.js"></script>
        <div id="topContainer">
            <div class="titleGroup">
                <button id="infoBtn" class="executionBtn svgBtn"></button>
                <h1>Debugo</h1>
            </div>
            <div class="buttonGroup">
                <button id="runBtn" class="executionBtn svgBtn">Run</button>
                <div class="debugGroup">
                    <button id="debugBtn" class="executionBtn svgBtn yellowBtn">Debug</button>
                    <button id="continueBtn" class="executionBtn svgBtn yellowBtn" disabled>Continue</button>
                </div>
            </div>
        </div>
        <div id="sections">
            <div id="infoSection">
                <h2>Share your code</h2>
                </br>
                <button id="shareBtn" class="executionBtn svgBtn">Copy link</button>
                </br>
                <h2>Code examples</h2>
                </br>
                <div id="codeExamples"></div>
                </br>
                <h2>Select Go version</h2>
                </br>
                <button id="pickVersionBtn" class="executionBtn pickVersionBtn"></button>
                </br>
                <h2>About this project</h2>
                </br>
                <p><em>Debugo</em> is an interactive playground for the Go programming language. It lets you write, run, and debug Go code entirely in your browser. This is possible by combining the power of <a href="https://github.com/traefik/yaegi" target="_blank" rel="noopener noreferrer">Yaegi</a> with WebAssembly.</p>
                </br>
                <p>Check out the <a href="https://github.com/carbap/debugo" target="_blank" rel="noopener noreferrer">Debugo GitHub repository</a> to learn more.</p>
                </br>
                <p>Have fun testing out Go!</p>
            </div>
            <div id="mainSection">
                <div id="editor"></div>
                <div id="resizer"></div>
                <div id="outputDiv">
                    <div id="debugOptions">
                        <button id="debugOutput" class="debugOption debugOptionSelected" aria-pressed="true">Output</button>
                        <button id="debugScope" class="debugOption" aria-pressed="false">Scope</button>
                    </div>
                    <div id="output" class="active"></div>
                    <div id="scopeVariables"></div>
                </div>
            </div>
        </div>
        <div id="statusBar"></div>
        <script src="wasm_exec.js"></script>
        <script src="script.js"></script>
        <script src="editor.js"></script>
    </body>
</html>