-
Notifications
You must be signed in to change notification settings - Fork 75
/
index.html
141 lines (130 loc) · 6.55 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
<html>
<head>
<title>OMeta/JS 2.0 Workspace</title>
<script src="prototype.js"></script>
<script src="prototype-fix.js"></script>
<script src="lib.js"></script>
<script src="ometa-base.js"></script>
<script src="parser.js"></script>
<script src="bs-js-compiler.js"></script>
<script src="bs-ometa-compiler.js"></script>
<script src="bs-ometa-optimizer.js"></script>
<script src="bs-ometa-js-compiler.js"></script>
<script src="bs-project-list-parser.js"></script>
<script src="workspace.js"></script>
<script src="wiki.js"></script>
<script>
function toggleVisible(id) {
var style = document.getElementById(id).style
style.visibility = style.visibility == "hidden" ? "visible" : "hidden"
style.display = style.display == "block" ? "none" : "block"
}
function initializeThisPage() {
$('workspaceForm').source.onkeydown = onShortCutKey
var makeProjectSelector = function(id) {
$(id + "Home").innerHTML =
"<select id=" + id +
" onChange='loadProject(this.options[this.selectedIndex].value)'><option value=''>(nevermind)</option></select>"
}
var addOption = function(toId, x) {
var option = document.createElement("option")
option.innerHTML = x.replace(/_/g, " ")
option.value = x
$(toId).appendChild(option)
}
makeProjectSelector('infoSelector')
addOption('infoSelector', 'Sample_Project')
addOption('infoSelector', 'Not_Quite_JS')
addOption('infoSelector', 'Things_You_Should_Know')
addOption('infoSelector', 'OMeta_Tutorial')
addOption('infoSelector', 'Memoizing_Parameterized_Rules')
addOption('infoSelector', 'Project_Listing')
makeProjectSelector('projectSelector')
var ps = $('projectSelector')
try {
var projects = ProjectListParser.matchAll(readFile("Project_Listing"), "projs")
for (var idx = 0; idx < projects.length; idx++)
addOption('projectSelector', projects[idx])
}
catch (e) { }
$('workspaceForm').source.value = $('workspaceForm').source.origValue = ''
$('workspaceForm').translation.value = ''
$('workspaceForm').transcript.value = ''
loadProject()
}
saveIt = saveProject
if (!document.location.hash)
document.location.hash = "#Sample_Project"
titleRest = " - <nobr><span title='In case you are wondering, this is\n" +
"(OMeta/JS) 2.0, not OMeta/(JS 2.0).\n" +
"In other words, it has nothing to do\n" +
"with JS 2 / EcmaScript 2.'>OMeta/JS 2.0</span> Workspace</nobr>"
function translateCode(s) {
var translationError = function(m, i) { alert("Translation error - please tell Alex about this!"); throw fail },
tree = BSOMetaJSParser.matchAll(s, "topLevel", undefined, function(m, i) { throw objectThatDelegatesTo(fail, {errorPos: i}) })
return BSOMetaJSTranslator.match(tree, "trans", undefined, translationError)
}
function include(fileName) {
return eval(readFile(fileName))
}
</script>
</head>
<body onLoad="initializeThisPage()">
<table border=0 align=right>
<tr><td align=right><b>important info: </b></td><td><span id=infoSelectorHome></span></td></tr>
<tr><td align=right><b>go to project: </b></td><td><span id=projectSelectorHome></span></td></tr>
<tr><td colspan=2 align=right><input type=button value="previous versions of this project" onClick="document.location = 'http://www.tinlizzie.org/ometa-js/websvn/log.php?repname=ometa-js-projects&path=%2F' + document.location.hash.substring(1) + '.txt&rev=0&sc=0&isdir=0'"><br>
</td></tr>
</table>
<table border=0><tr><td><h2 id=title>OMeta/JS 2.0 Workspace<!-- <small><font color=lightgray>(not to be confused with JS 2 / EcmaScript 4)</font></small>--></h2></td></tr></table>
<b>Instructions</b>
<input type=button value="+/-" onClick="toggleVisible('instructions')">
<br>
<div id=instructions style="visibility: visible; display: block">
<table bgcolor=#f9f9f9 cellpadding=4
style="border: 1px solid #333333; padding: .2em .2em .2em .2em; margin-bottom: .4em; margin-top: .1em">
<tr><td>
The text area below (<b>source</b>) works like a Smalltalk workspace:
<bl><li>
To evaluate some code, just select it and press the <input type=button value="do it" onClick="doIt()"> button.
</li><li>
Pressing <input type=button value="do it" onClick="doIt()"> without a selection evaluates the line that the cursor is on.
</li><li>
<input type=button value="print it" onClick="printIt()"> is like <input type=button value="do it" onClick="doIt()">,
but it also prints the result.
</li></bl>
Also, you can press <input type=button value="save it" onClick="saveIt()"> to save the current project.
</td></tr></table>
</div>
<b><span title="A useful place to add new HTMLElements - see Canvas project for an example">Play Area</span></b>
<input type=button value="+/-" onClick="toggleVisible('playArea')">
<br>
<div id=playArea style="visibility: visible; display: block"></div>
<form id=workspaceForm>
<b>Source</b>
<input type=button value="+/-" onClick="toggleVisible('source')">
<br>
<div id=source style="visibility: visible; display: block">
<textarea cols=132 rows=24 name=source style="font-family:monaco, monospace; font-size: 10pt"></textarea><br>
<input type=button value="print it (ctrl+p)" onClick="printIt()" style="margin-bottom: .4em">
<input type=button value="do it (ctrl+d)" onClick="doIt()" style="margin-bottom: .4em">
<input type=button value="save it (ctrl + s)" onClick="saveProject()" style="margin-bottom: .4em"><br>
</div>
<b><span title="Shows the JavaScript translation of the last thing that was evaluated above">Translation</span></b>
<input type=button value="+/-" onClick="toggleVisible('translation')">
<br>
<div id=translation style="visibility: hidden; display: none">
<textarea cols=132 rows=4 name=translation style="font-family:monaco, monospace; font-size: 10pt; margin-bottom: .4em">
</textArea>
</div>
<b>Transcript</b>
<input type=button value="+/-" onClick="toggleVisible('transcript')">
<br>
<div id=transcript style="visibility: hidden; display: none">
<textarea cols=132 rows=4 name=transcript
style="font-family:monaco, monospace; font-size: 10pt; margin-bottom: .4em"></textArea>
</div>
</form>
To learn more about OMeta, click <a href=http://www.tinlizzie.org/ometa/>here</a>.<br>
</body>
</html>