1
+ <!DOCTYPE html>
2
+ < html >
3
+
4
+ < head >
5
+ < meta charset ="utf-8 ">
6
+ < title > WebBit-GPT</ title >
7
+ <!-- Pyodide -->
8
+ < script src ="https://cdn.jsdelivr.net/pyodide/v0.25.0/full/pyodide.js "> </ script >
9
+ <!-- MQTT -->
10
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.1.0/paho-mqtt.min.js "> </ script >
11
+ <!-- REPL -->
12
+ < script src ="./prod/js/repl.js " type ="text/javascript "> </ script >
13
+ <!-- Viz.js -->
14
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/viz.js/1.8.2/viz.js "
15
+ integrity ="sha512-b6qZBvxebAgu6MsGFRs4rxDPg+Gv6UvnUd3G32UWSUa0GC0+j3NOgVrtJminjjfKQF8M6CiahkpI9Hv3DnVjOw== "
16
+ crossorigin ="anonymous " referrerpolicy ="no-referrer "> </ script >
17
+ <!-- markdown -->
18
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js "> </ script >
19
+ <!-- Google Font Material Icon -->
20
+ < link rel ="stylesheet " href ="https://fonts.googleapis.com/css2?family=Material+Icons&display=swap ">
21
+ <!-- Lit elements -->
22
+ < script type ="module " src ="./prod/coms/wa-output.js "> </ script >
23
+ < script type ="module " src ="./prod/coms/wa-splitter.js "> </ script >
24
+ < script type ="module " src ="./prod/coms/wa-menubar.js "> </ script >
25
+ < script type ="module " src ="./prod/coms/wa-run-python.js "> </ script >
26
+ < script type ="module " src ="./prod/coms/wa-deploy-bitv1.js "> </ script >
27
+ < script type ="module " src ="./prod/coms/wa-deploy-bitv2.js "> </ script >
28
+ < script type ="module " src ="./prod/coms/wa-split-v.js "> </ script >
29
+ < script type ="module " src ="./prod/coms/wa-markdown.js "> </ script >
30
+ < script type ="module " src ="./prod/coms/wa-range.js "> </ script >
31
+ < script type ="module " src ="./prod/coms/wa-flow.js "> </ script >
32
+ < script type ="module " src ="./prod/coms/wa-md.js "> </ script >
33
+ < script type ="module " src ="./prod/coms/wa-user.js "> </ script >
34
+ <!--
35
+ pop dialog support
36
+ -->
37
+ < script src ="https://cdn.jsdelivr.net/npm/sweetalert2@11 "> </ script >
38
+
39
+ <!-- Blockly -->
40
+ < script src ="../lib/blockly/blockly_compressed.js " type ="text/javascript "> </ script >
41
+ < script src ="../lib/blockly/blocks_compressed.js " type ="text/javascript "> </ script >
42
+ < script src ="../lib/blockly/msg/js/zh-hant.js " type ="text/javascript "> </ script >
43
+ < script src ="../lib/blockly/python_compressed.js " type ="text/javascript "> </ script >
44
+
45
+ <!-- CodeMirror -->
46
+ < link rel ="stylesheet " href ="../lib/codemirror/codemirror.css ">
47
+ < link rel ="stylesheet " href ="../lib/codemirror/fullscreen.css ">
48
+ < link rel ="stylesheet " href ="../lib/codemirror/show-hint.css ">
49
+ < script src ="../lib/codemirror/codemirror.js " type ="text/javascript "> </ script >
50
+ < script src ="../lib/codemirror/show-hint.js " type ="text/javascript "> </ script >
51
+ < script src ="../lib/codemirror/python-hint.js " type ="text/javascript "> </ script >
52
+ < script src ="../lib/codemirror/fullscreen.js " type ="text/javascript "> </ script >
53
+ < script src ="../lib/codemirror/python.js " type ="text/javascript "> </ script >
54
+
55
+ <!-- Skulpt -->
56
+ < script src ="../dist/skulpt_parser.js " type ="text/javascript "> </ script >
57
+
58
+ <!-- BlockMirror -->
59
+ < link rel ="stylesheet " href ="../dist/block_mirror.css ">
60
+ < script src ="../dist/block_mirror.js " type ="text/javascript "> </ script >
61
+ < link rel ="stylesheet " href ="./prod/css/index.css ">
62
+
63
+ <!-- Google tag (gtag.js) -->
64
+ < script async src ="https://www.googletagmanager.com/gtag/js?id=G-VQZ14CE0ZW "> </ script >
65
+ < script >
66
+ window . dataLayer = window . dataLayer || [ ] ;
67
+ function gtag ( ) { dataLayer . push ( arguments ) ; }
68
+ gtag ( 'js' , new Date ( ) ) ;
69
+ gtag ( 'config' , 'G-VQZ14CE0ZW' ) ;
70
+ </ script >
71
+ </ head >
72
+
73
+ < body >
74
+ < span class ="material-icons help_center " onclick ="window.open('https://md.webduino.io/s/Fzh6vAPjY') "> comment</ span >
75
+
76
+ < wa-menubar id ="menubar ">
77
+ < wa-deploy-bitv1 id ="deploy_v1 "> </ wa-deploy-bitv1 >
78
+ < wa-deploy-bitv2 id ="deploy_v2 "> </ wa-deploy-bitv2 >
79
+ < wa-run-python id ='runPython ' console ="output "> </ wa-run-python >
80
+ < wa-user id ="waUser "> </ wa-user >
81
+ </ wa-menubar >
82
+
83
+ < div id ="app-content ">
84
+ < div id ='left-frame '>
85
+ < div id ='c1 ' class ="container ">
86
+ < iframe src ="./prod/html/gptbot.html " frameborder ="0 "
87
+ style ="width:100%;height: calc(100% - 40px); "> </ iframe >
88
+ </ div >
89
+ </ div >
90
+ < wa-splitter left ="25% "> </ wa-splitter >
91
+ < div id ="right-frame ">
92
+ < div id ="content-md " style ="height:100%;display: none; ">
93
+ < wa-md id ="md2html "> </ wa-md >
94
+ </ div >
95
+ < div id ="content-code " style ="height:100%; ">
96
+ < div id ="right-01 " style ="height:100%; ">
97
+ < wa-flow id ="flow "> </ wa-flow >
98
+ </ div >
99
+ < wa-splitter left ="50% "> </ wa-splitter >
100
+ < div id ="right-02 " style ="height:100%; ">
101
+ <!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -->
102
+ < div style ='height:70% '>
103
+ < div id ='c2 ' class ="container ">
104
+ < div id ="blockmirror-editor "> </ div >
105
+ </ div >
106
+ </ div >
107
+ <!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -->
108
+ < wa-split-v > </ wa-split-v >
109
+ <!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -->
110
+ < div style ='height:30% '>
111
+ < div id ='c3 ' class ="container ">
112
+ < div id ="runArea " style ="height:100% ">
113
+ < wa-output id ="output "> </ wa-output >
114
+ </ div >
115
+ </ div >
116
+ </ div >
117
+ <!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -->
118
+ </ div >
119
+ </ div >
120
+ </ div >
121
+
122
+ </ div >
123
+ </ div >
124
+ < script src ="./prod/js/main.js "> </ script >
125
+ </ body >
126
+
127
+ </ html >
0 commit comments