natty-parser.github.io/try.html at main · natty-parser/natty-parser.github.io · 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
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<title>Natty Date Parser - try</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/prototype/1.7.3/prototype.min.js" integrity="sha512-C4LuwXQtQOF1iTRy3zwClYLsLgFLlG8nCV5dCxDjPcWsyFelQXzi3efHRjptsOzbHwwnXC3ZU+sWUh1gmxaTBA==" crossorigin="anonymous" referrerpolicy="no-referrer"
						type="text/javascript"></script>
		<script src="javascript/Form.js" type="text/javascript"></script>
		<script src="javascript/ParseTree.js" type="text/javascript"></script>
		<script src="javascript/AbstractSyntaxTree.js" type="text/javascript"></script>
		<script src="https://cjrtnc.leaningtech.com/20251012_2759/loader.js" type="text/javascript"></script>
		<script src="javascript/try.js" type="module"> </script>
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-QEMVC2XSD8"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());
			gtag('config', 'G-QEMVC2XSD8');
		</script>
	</head>
  <body>
		<div id="nav">
			<ul>
				<li class="first">
					<a href="./">about</a>
				</li>
				<li class="current">
					<a href="try.html">try it out</a>
				</li>
				<li class="">
					<a href="doc.html">documentation</a>
				</li>
			</ul>
		</div>

		<div id="left_labels">
			<a href="https://central.sonatype.com/artifact/io.github.natty-parser/natty" rel="nofollow">
				<img src="https://img.shields.io/maven-central/v/io.github.natty-parser/natty.svg?label=Maven%20Central"
						 alt="maven central"  style="max-width: 100%;" />
			</a>
			<a
				title="demo implemented using WebAssembly/CheerpJ"
				href="https://cheerpj.com/docs/getting-started/Java-library">
				<img width="120px"  src="images/cheerpj.svg" alt="cheerpJ" />
			</a>
		</div>


    <div id="content">
	    <h1>give natty a spin</h1>
			<label for="text_input">enter something resembling a date</label>
			<div id="input-row">
				<input type="text" id="text_input" list="input-examples" />
				<datalist id="input-examples">
					<option>tomorrow</option>
					<option>next easter</option>
					<option>the first of december in the year 1980</option>
					<option>2nd thursday in sept. '02</option>
					<option>seven years ago</option>
					<option>It's gonna snow! How about skiing tomorrow</option>
					<option>first day of may to last day of may</option>
					<option>1st oct in the year '89 1300 hours</option>
					<option>5/1/13 01:00:00 UTC+4:30</option>
					<option>two days after today @ 6p</option>
					<option>wed of the week after next in the evening</option>
					<option>tonight at 4:59</option>
					<option>two fortnight ago at 6am</option>
					<option>1980年3月19日</option>
					<option>end of the week</option>
				</datalist>
				<button id="clear" >clear</button>
			</div>
			<button id="submit">parse</button>
			<img src="images/loading.gif" alt="loading..." id="loading" style="display:none"/>

			<div id="error" style="display:none">
        Sorry, natty can't parse that. <a href="https://github.com/natty-parser/natty/issues">Let us know</a> about it.
      </div>

      <div id="empty" style="display:none">
        natty's pretty good, but we need <em>some</em> input
      </div>

			<div id="date_wrapper">
			  <span id="date" style="display:none;"></span>
			</div>

			<div id="summary" style="display:none">
			  <div id="structure">
			    <h2>here's how we broke it down:</h2>
			    <div id="structure_details"></div>
			  </div>

			  <div id="ast">
			    <h2>and here's the syntax tree we built:</h2>
			    <div id="ast_details"></div>
			  </div>
			</div>
		</div>

	</body>
</html>