-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (172 loc) · 6.57 KB
/
index.html
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<!--
Tati
Copyright (C) 2022-2024 Arash Kazemi <[email protected]>
All rights reserved.
Distributed under BSD-2-Clause License:
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright
notice, this list of conditions and the following disclaimer in the
documentation and/or other materials provided with the distribution.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL AUTHOR OR COPYRIGHT HOLDERS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-->
<html>
<head>
<meta charset="utf-8" />
<title>Tati</title>
<link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
body {
background: #e6e6e6;
text-align: center;
padding: 2rem;
color: #052154;
line-height: 1.5rem;
}
*:not(pre):not(pre *):not(#editor *):not(.fa) {
font-family: 'Quicksand', lucida sans, helvetica, verdana, sans;
font-size: 15px;
}
h2 {
font-size: 140% !important;
}
small {
font-size: 90% !important;
}
.fa {
margin: 0 .3rem;
display: inline-block;
}
#wrapper {
width: 100%;
margin: auto;
}
p {
text-align: justify;
}
a {
background: #fff3;
padding: 8px 10px;
border-radius: 5px;
text-decoration: none;
font-size: 13px !important;
}
h2 a {
border: none;
box-shadow: none;
background: none;
padding: initial;
color: #052154;
font-size: 110% !important;
font-family: lucida sans, helvetica, verdana, sans !important;
}
button {
background: #fff;
border-radius: 2rem;
padding: 1rem 1.5rem 1rem 1.5rem;
border: none;
cursor: pointer;
box-shadow: 0 0 .5rem rgba(0,0,0,.2);
transform: scale(1);
transition: all .1s;
font-variant: small-caps;
margin: .5rem;
}
.donate-button {
transition: all .1s;
box-shadow: 0 0 .5rem rgba(0,0,0,.2);
border-radius: .5rem;
}
button:active, .donate-button:active {
box-shadow: 0 0 .2rem rgba(0,0,0,.3);
transform: scale(.98) !important;
}
button:hover:not(:disabled), .donate-button:hover:not(:disabled) {
box-shadow: 0 0 .7rem rgba(0,0,0,.2);
transform: scale(1.01);
}
button:disabled {
opacity: .3;
box-shadow: 0 0 .2rem rgba(0,0,0,.1);
}
hr {
opacity: .1;
height: 2px;
}
@media screen and (min-width: 700px) {
#wrapper {
width:600px;
}
}
</style>
</head>
<body onload="">
<div id="wrapper">
<div id="code-stuff">
<h2><a href="index.html">
<img src='docs/tati.png' style='width:50px;height:50px;'><br>
Tati
</a></h2>
<div>
A Javascript Debugger without Using the Built-in Runtime Inspector<br>
<small>- "Tati" means "Toddle" -</small>
<hr style="width:50%;margin:1rem auto;">
<a href="docs/index.html">Documentation Home</a> |
<a href="docs/Tati.html">Class Docs</a> |
<a href="https://github.com/arashkazemi/tati">Github</a> |
<a href="https://www.npmjs.com/package/tati">npm Package</a>
<hr style="width:30%;margin:1rem auto;">
<a href="docs/simple.html">Simple Demo</a> |
<a href="docs/dual.html">Dual Debuggers</a>
<hr style="width:66%;margin:1rem auto;">
</div>
<p>
Tati is a javascript library that makes it possible to debug, step,
pause and watch local variables in javascript code without using the built-in
runtime inspector. It can even step into the for loop test and update statements
or follow the execution inside try-catch blocks and arrow functions. Tati
is even able to pause intervals and timeouts.<br><br>
Tati provides methods to define, modify and access runtime context and mask
global variables even the globalThis, so the interaction between the debugged
script and the environment can be controlled precisely.<br><br>
Debugging using Tati is different from using the internal inspector (and
perhaps from any other debugger on the planet!), as with Tati the runtime isn't
paused on breakpoints. So the code is basically running but a part of it is
selectively stepped through, paused and analyzed.
<br><br>
Another aspect of Tati is the possibility of having multiple debuggers
running on different parts of the script, each having their own breakpoints,
watches, and each may be paused separately. See the dual debugger example for
more details.<br><br>
The only caveat of using Tati is that because of the synchronous nature of
debugging and stepping, every call is awaited. So the code that is given to Tati
will `await` every promise to be resolved or failed. This doesn't affect the code
that is being imported or the functions that are defined outside of code debugged
by Tati so those promises will all work as expected.<br><br>
Tati can be used in debugging, testing, online development environments,
and even education. The API is designed to make things as easy as possible
while keeping it powerful and flexible.
<div>
</p>
<small>
Copyright (C) 2022-2024 Arash Kazemi <[email protected]> <br>
<small>(Tati project is subject to the terms of BSD-2-Clause License, for more information see the LICENSE file in the root directory of the project)</small><br><br>
</small>
</div>
</div>
</body>
</html>