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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
|
<!--
Copyright 2018 Red Hat, Inc.
Author: Jan Pokorny <jpokorny@redhat.com>
Part of pacemaker project
SPDX-License-Identifier: GPL-2.0-or-later
-->
<xsl:stylesheet version="1.0"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:cibtr="http://clusterlabs.org/ns/pacemaker/cibtr-2"
xmlns:exsl="http://exslt.org/common">
<!-- NOTE: this is an exception from rule forbidding EXSLT's usage -->
<xsl:include href="../upgrade-2.10-roundtrip.xsl"/>
<!--
we are embedding files from 3rd party project so as to reproduce the content
of XML into HTML-formatted presentation form; alternatively:
* from mozilla/firefox:
- view-source.xsl by Keith Visco (example transformation for transformiix)
https://dxr.mozilla.org/mozilla/source/extensions/transformiix/source/examples
- XMLPrettyPrint.xsl by Jonas Sicking
https://dxr.mozilla.org/mozilla-central/source/dom/xml/resources
https://hg.mozilla.org/mozilla-central/file/9b2a99adc05e/content/xml/document/resources/XMLPrettyPrint.xsl
or possibly its readily sanitized version from rdf-viewer project
https://github.com/marianafranco/rdf-viewer
* custom stylesheet to be written
-->
<xsl:param name="highlight-namespace" select="''"/>
<!--
<xsl:include href="https://raw.githubusercontent.com/Boldewyn/view-source/master/library.xsl"/>
<xsl:include href="https://raw.githubusercontent.com/Boldewyn/view-source/master/original.xsl"/>
-->
<xsl:include href="view-source-library.xsl"/>
<xsl:include href="view-source-original.xsl"/>
<xsl:output method="xml" encoding="UTF-8"
omit-xml-declaration="yes"
doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"/>
<!-- B: identity mode -->
<xsl:template match="@*|node()" mode="identity">
<xsl:copy>
<xsl:apply-templates select="@*|node()" mode="identity"/>
</xsl:copy>
</xsl:template>
<!-- used in test files to allow in-browser on-the-fly checking -->
<xsl:template match="processing-instruction()[
name() = 'xml-stylesheet'
and
count(..|/) = 1
]"
mode="identity"/>
<!-- E: identity mode -->
<xsl:template match="/">
<xsl:variable name="before-upgrade">
<xsl:apply-templates select="." mode="identity"/>
</xsl:variable>
<xsl:variable name="after-upgrade">
<xsl:apply-templates select="." mode="cibtr:roundtrip"/>
</xsl:variable>
<html>
<head>
<title>
<xsl:text>upgrade-2.10 on-the-fly in-browser transformation</xsl:text>
</title>
<style>
ol.count,.possibly-revealed { display: none; }
li.delete { color: red; }
li.delete em { background-color: #FFE4E1; }
li.insert { color: green; }
li.insert em { background-color: #FAFAD2; }
.count,.data { font-family: monospace;
background-color: #F8F8FF;
border: 1px solid #DCDCDC; }
.err_warning { color: red; background-color: #FFE4E1; }
.err_info { color: green; background-color: #FAFAD2; }
.err_debug { }
</style>
<script type="text/javascript">
var global = { prettydiff: {} }, /* for diffview.js */
diffview_source = new String("../assets/diffview.js");
/* add location-based file detail to the title */
var split_url = document.URL.split('/'),
basename = new String(split_url[split_url.length - 1]),
/* see whether there's 'test-\d+' in URL as a discriminator */
is_test = split_url.some(function(item, index, array) {
if (index < array.length - 1 && item.match(/test-\d+/))
return true;
return false;
});
window.addEventListener("DOMContentLoaded", function(event) {
/* update title + headline */
var basename_title = new String(basename + " upgrade");
document.getElementById("headline").innerText = basename_title;
document.title = basename_title + " [" + document.title + "]";
/* add location-based file detail to the acknowledgement's text */
document.getElementById("acknowledgement")
.innerHTML = document.getElementById("acknowledgement").innerHTML
.replace("@basename@", basename);
/* make expand/collapse buttons udner debugging section work */
document.querySelectorAll("#original, #transformed").forEach(
function(item) {
item.querySelector(".expand").addEventListener("click",
function(event) {
item.querySelectorAll(".possibly-revealed").forEach(
function(item) {
item.classList.replace("possibly-revealed", "revealed");
}
);
this.classList.add("possibly-revealed");
event.preventDefault();
});
item.querySelector(".collapse").addEventListener("click",
function(event) {
item.querySelectorAll(".revealed").forEach(
function(item) {
item.classList.replace("revealed", "possibly-revealed");
}
);
item.querySelector(".expand").classList.remove("possibly-revealed");
event.preventDefault();
});
}
);
if (is_test) {
var xhr1 = new XMLHttpRequest(),
xhr2 = new XMLHttpRequest(),
basename_split = basename.split('.');
/* fetch expected out-of-band messages */
xhr1.onload = function() {
var formatted = this.responseText.replace(/^(WARNING|INFO|DEBUG)(: .*)$/gm,
function(match, label, rest) {
return '<span class="err_' + label.toLowerCase() + '"><em>'
+ label + '</em>' + rest + '</span><br/>';
});
document.getElementById("expected-messages").innerHTML = formatted;
document.querySelectorAll(["#expected-messages",
"#expected-messages-ext",
"#navigation"]).forEach(
function(item) {
item.classList.remove("possibly-revealed");
}
);
};
xhr1.open("GET", basename_split.splice(0, basename_split.length - 1)
.join('.') + ".ref.err");
xhr1.responseType = "text";
xhr1.send();
/* fetch previous/next pointers */
xhr2.onload = function() {
var prev_link, next_link,
found = false;
Array.prototype.every.call(
this.responseXML.getElementsByTagName("a"),
function(item) {
if (item.href.endsWith(basename_split[basename_split.length - 1])) {
if (item.href.endsWith(basename))
found = true;
else if (!found)
prev_link = item;
else if (next_link !== undefined)
return false;
else
next_link = item;
}
return true;
}
);
if (prev_link !== undefined)
document.getElementById("navigation-prev").href = prev_link.href;
if (next_link !== undefined)
document.getElementById("navigation-next").href = next_link.href;
};
xhr2.open("GET", ".");
xhr2.responseType = "document";
xhr2.send();
}
});
window.addEventListener("load", function(event) {
/* trigger diff'ing */
document
.getElementById("output")
.innerHTML = global.prettydiff.diffview({
source: document.getElementById("original-placeholder").innerText,
sourcelabel: "Differences: original",
diff: document.getElementById("transformed-placeholder").innerText,
difflabel: "transformed (some whitespace stripped)",
diffview: "inline",
lang: "text"
})[0];
/* add proper location of diffview.js */
var diffview_link = document.getElementById("diffview-link");
if (diffview_link.host != document.location.host) {
diffview_link.href = diffview_source;
diffview_link.parentElement.querySelector(".possibly-revealed")
.classList.remove("possibly-revealed");
diffview_link.parentElement.querySelector(".revealed")
.classList.replace("revealed", "possibly-revealed");
}
});
/* bind left/right arrows */
window.addEventListener("keydown", function(event) {
switch (event.keyCode) {
case 37:
document.location = document.getElementById("navigation-prev").href;
break;
case 39:
document.location = document.getElementById("navigation-next").href;
break;
}
});
</script>
<script type="text/javascript" src="../assets/diffview.js"/>
<!-- fallback to externally fetched js, without any guarantees,
safety ones or otherwise -->
<script type="text/javascript">
if (typeof global.prettydiff.diffview == "undefined") {
diffview_source = new String("https://raw.githubusercontent.com/prettydiff/prettydiff/2.2.8/lib/diffview.js");
document.write(unescape('%3Cscript type="text/javascript" src=' + diffview_source + '/%3E'));
}
</script>
</head>
<body>
<h1 id="headline">test</h1>
<p>
<strong>Using <a href="../upgrade-2.10.xsl">upgrade-2.10</a> on-the-fly in-browser transformation</strong>
<span id="navigation" class="possibly-revealed">
[
<a id="navigation-prev" href="#">previous</a>
and
<a id="navigation-next" href="#">next</a>, or use arrows
]
</span>
</p>
<p id="output">
Differences highlight view to be loaded here.
</p>
<h3>Diagnostics</h3>
<p>
Open <a href="https://webmasters.stackexchange.com/a/77337">JS console</a>
(e.g. <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd>, focusing JS + log combo)
<span id="expected-messages-ext" class="possibly-revealed">
to check the actual messages from the in-browser transformation match the baseline:
</span>
</p>
<p id="expected-messages" class="data possibly-revealed">
Expected diagnostic messages to be loaded here.
</p>
<h3>Debugging</h3>
<p>
These are raw data (beware, already chewed with the
<a href="../assets/view-source-original.xsl">view-source</a>
transformation, hence not very suitable for copying) entering
the differential generating processs:
</p>
<p id="original">
<span>
<a class="expand" href="">original+</a>
<a class="collapse possibly-revealed" href="">original-</a>
</span>
<br/>
<pre id="original-placeholder" class="data possibly-revealed">
<xsl:apply-templates select="exsl:node-set($before-upgrade)/node()" mode="original"/>
</pre>
</p>
<p id="transformed">
<span>
<a class="expand" href="">transformed+</a>
<a class="collapse possibly-revealed" href="">transformed-</a>
</span>
<br/>
<pre id="transformed-placeholder" class="data possibly-revealed">
<xsl:apply-templates select="exsl:node-set($after-upgrade)/node()" mode="original"/>
</pre>
</p>
<hr/>
<p id="acknowledgement">
This generated page is based on the externally provided pacemaker XML
configuration file (CIB), <span class="data">@basename@</span>, which is
the primary object of interest here.
But the rendered page wouldn't be possible without the actual
transformations and other auxiliary files that come with these notices:
<br/>
<ul>
<li id="ack-diffview">
<a href="../assets/diffview.js" id="diffview-link">diffview.js</a>
<p class="data revealed">
This file was obtained from <a href="https://github.com/prettydiff/prettydiff">prettydiff/prettydiff</a> project:<br/>
<a href="https://raw.githubusercontent.com/prettydiff/prettydiff/2.2.8/lib/diffview.js">diffview.js</a><br/>
<br/>
Licensing governed with:<br/>
<a href="https://github.com/prettydiff/prettydiff/blob/2.2.8/license.txt">license.txt</a><br/>
<br/>
> Rights holder Austin Cheney and Pretty Diff<br/>
> <br/>
> Pretty Diff project, as of version 2.1.17 and all following versions<br/>
> unless otherwise changed, is licensed with a Creative Commons 1.0<br/>
> Universal license (CC0).
</p>
<p class="data possibly-revealed">
This file is being served directly from <a href="https://raw.githubusercontent.com/prettydiff/prettydiff/2.2.8/lib/diffview.js">
GitHub hosted location</a>, hence refer to <a href="https://raw.githubusercontent.com/prettydiff/prettydiff/2.2.8">
respective repo tree</a>
</p>
</li>
<li id="ack-view-source">
<a href="../assets/view-source-library.xsl">library.xsl</a>
and
<a href="../assets/view-source-original.xsl">original.xsl</a>
<p class="data">
This file was obtained from <a href="https://github.com/Boldewyn/view-source">Boldewyn/view-source</a> project:<br/>
<a href="https://raw.githubusercontent.com/Boldewyn/view-source/f425605366b9f5a52e6a71632785d6e4543c705e/library.xsl">library.xsl</a><br/>
<a href="https://raw.githubusercontent.com/Boldewyn/view-source/f425605366b9f5a52e6a71632785d6e4543c705e/original.xsl">original.xsl</a><br/>
<br/>
Licensing governed with:<br/>
<a href="https://github.com/Boldewyn/view-source/blob/f425605366b9f5a52e6a71632785d6e4543c705e/README">README</a><br/>
<br/>
> The stylesheet is published under an MIT-style license and the GPL v2.<br/>
> Choose at your liking.
</p>
</li>
<li id="ack-upgrade">
<a href="../assets/upgrade-2.10-htmldiff.xsl">upgrade-2.10-htmldiff.xsl</a>
(master template for this report) and
<a href="../upgrade-2.10.xsl">upgrade-2.10.xsl</a>
(actual upgrade engine)
<p class="data">
Copyright 2018 <a href="https://redhat.com">Red Hat, Inc.</a><br/>
Author: <a href="https://wiki.clusterlabs.org/wiki/User:Jpokorny">Jan Pokorny</a>
<<a href="mailto:jpokorny@redhat.com">jpokorny@redhat.com</a>><br/>
<a href="https://github.com/ClusterLabs/pacemaker/tree/master/xml">Part</a> of
<a href="https://wiki.clusterlabs.org/wiki/Pacemaker">pacemaker</a> project<br/>
<a href="https://spdx.org/sites/cpstandard/files/pages/files/using_spdx_license_list_short_identifiers.pdf#page=5">SPDX-License-Identifier</a>:
<a href="https://spdx.org/licenses/GPL-2.0-or-later.html">GPL-2.0-or-later</a>
</p>
</li>
</ul>
</p>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
|
