Skip to content

Commit 8453d47

Browse files
gpooregpoore
committed
updated example output for latest Pandoc and more recent programming language versions
1 parent 689ac9c commit 8453d47

11 files changed

Lines changed: 545 additions & 463 deletions

‎examples/R.html‎

Lines changed: 80 additions & 72 deletions
Large diffs are not rendered by default.

‎examples/javascript.html‎

Lines changed: 89 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -6,77 +6,85 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
77
<title>Codebraid with JavaScript</title>
88
<style>
9-
code{white-space: pre-wrap;}
10-
span.smallcaps{font-variant: small-caps;}
11-
span.underline{text-decoration: underline;}
12-
div.column{display: inline-block; vertical-align: top; width: 50%;}
13-
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
14-
ul.task-list{list-style: none;}
15-
pre > code.sourceCode { white-space: pre; position: relative; }
16-
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
17-
pre > code.sourceCode > span:empty { height: 1.2em; }
18-
.sourceCode { overflow: visible; }
19-
code.sourceCode > span { color: inherit; text-decoration: inherit; }
20-
div.sourceCode { margin: 1em 0; }
21-
pre.sourceCode { margin: 0; }
22-
@media screen {
23-
div.sourceCode { overflow: auto; }
24-
}
25-
@media print {
26-
pre > code.sourceCode { white-space: pre-wrap; }
27-
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
28-
}
29-
pre.numberSource code
30-
{ counter-reset: source-line 0; }
31-
pre.numberSource code > span
32-
{ position: relative; left: -4em; counter-increment: source-line; }
33-
pre.numberSource code > span > a:first-child::before
34-
{ content: counter(source-line);
35-
position: relative; left: -1em; text-align: right; vertical-align: baseline;
36-
border: none; display: inline-block;
37-
-webkit-touch-callout: none; -webkit-user-select: none;
38-
-khtml-user-select: none; -moz-user-select: none;
39-
-ms-user-select: none; user-select: none;
40-
padding: 0 4px; width: 4em;
41-
color: #aaaaaa;
42-
}
43-
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
44-
div.sourceCode
45-
{ }
46-
@media screen {
47-
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
48-
}
49-
code span.al { color: #ff0000; font-weight: bold; } /* Alert */
50-
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
51-
code span.at { color: #7d9029; } /* Attribute */
52-
code span.bn { color: #40a070; } /* BaseN */
53-
code span.bu { } /* BuiltIn */
54-
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
55-
code span.ch { color: #4070a0; } /* Char */
56-
code span.cn { color: #880000; } /* Constant */
57-
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
58-
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
59-
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
60-
code span.dt { color: #902000; } /* DataType */
61-
code span.dv { color: #40a070; } /* DecVal */
62-
code span.er { color: #ff0000; font-weight: bold; } /* Error */
63-
code span.ex { } /* Extension */
64-
code span.fl { color: #40a070; } /* Float */
65-
code span.fu { color: #06287e; } /* Function */
66-
code span.im { } /* Import */
67-
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
68-
code span.kw { color: #007020; font-weight: bold; } /* Keyword */
69-
code span.op { color: #666666; } /* Operator */
70-
code span.ot { color: #007020; } /* Other */
71-
code span.pp { color: #bc7a00; } /* Preprocessor */
72-
code span.sc { color: #4070a0; } /* SpecialChar */
73-
code span.ss { color: #bb6688; } /* SpecialString */
74-
code span.st { color: #4070a0; } /* String */
75-
code span.va { color: #19177c; } /* Variable */
76-
code span.vs { color: #4070a0; } /* VerbatimString */
77-
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
78-
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
79-
</style>
9+
code{white-space: pre-wrap;}
10+
span.smallcaps{font-variant: small-caps;}
11+
div.columns{display: flex; gap: min(4vw, 1.5em);}
12+
div.column{flex: auto; overflow-x: auto;}
13+
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
14+
15+
ul.task-list[class]{list-style: none;}
16+
ul.task-list li input[type="checkbox"] {
17+
font-size: inherit;
18+
width: 0.8em;
19+
margin: 0 0.8em 0.2em -1.6em;
20+
vertical-align: middle;
21+
}
22+
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
23+
24+
pre > code.sourceCode { white-space: pre; position: relative; }
25+
pre > code.sourceCode > span { line-height: 1.25; }
26+
pre > code.sourceCode > span:empty { height: 1.2em; }
27+
.sourceCode { overflow: visible; }
28+
code.sourceCode > span { color: inherit; text-decoration: inherit; }
29+
div.sourceCode { margin: 1em 0; }
30+
pre.sourceCode { margin: 0; }
31+
@media screen {
32+
div.sourceCode { overflow: auto; }
33+
}
34+
@media print {
35+
pre > code.sourceCode { white-space: pre-wrap; }
36+
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
37+
}
38+
pre.numberSource code
39+
{ counter-reset: source-line 0; }
40+
pre.numberSource code > span
41+
{ position: relative; left: -4em; counter-increment: source-line; }
42+
pre.numberSource code > span > a:first-child::before
43+
{ content: counter(source-line);
44+
position: relative; left: -1em; text-align: right; vertical-align: baseline;
45+
border: none; display: inline-block;
46+
-webkit-touch-callout: none; -webkit-user-select: none;
47+
-khtml-user-select: none; -moz-user-select: none;
48+
-ms-user-select: none; user-select: none;
49+
padding: 0 4px; width: 4em;
50+
color: #aaaaaa;
51+
}
52+
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
53+
div.sourceCode
54+
{ }
55+
@media screen {
56+
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
57+
}
58+
code span.al { color: #ff0000; font-weight: bold; }
59+
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; }
60+
code span.at { color: #7d9029; }
61+
code span.bn { color: #40a070; }
62+
code span.bu { color: #008000; }
63+
code span.cf { color: #007020; font-weight: bold; }
64+
code span.ch { color: #4070a0; }
65+
code span.cn { color: #880000; }
66+
code span.co { color: #60a0b0; font-style: italic; }
67+
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; }
68+
code span.do { color: #ba2121; font-style: italic; }
69+
code span.dt { color: #902000; }
70+
code span.dv { color: #40a070; }
71+
code span.er { color: #ff0000; font-weight: bold; }
72+
code span.ex { }
73+
code span.fl { color: #40a070; }
74+
code span.fu { color: #06287e; }
75+
code span.im { color: #008000; font-weight: bold; }
76+
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; }
77+
code span.kw { color: #007020; font-weight: bold; }
78+
code span.op { color: #666666; }
79+
code span.ot { color: #007020; }
80+
code span.pp { color: #bc7a00; }
81+
code span.sc { color: #4070a0; }
82+
code span.ss { color: #bb6688; }
83+
code span.st { color: #4070a0; }
84+
code span.va { color: #19177c; }
85+
code span.vs { color: #4070a0; }
86+
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; }
87+
</style>
8088
<style type="text/css">body {display: block;text-align: left;max-width: 40rem;padding-left: 0.5rem;padding-right: 0.5rem;margin: auto;}pre.numberSource a.sourceLine {position: relative;left: -3em;}pre.numberSource a.sourceLine::before{content: attr(title);position: relative;left: -1em;text-align: right;vertical-align: baseline;border: none;pointer-events: all;display: inline-block;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 0 4px;width: 3em;color: #aaaaaa;}pre.numberSource {margin-left: 2em;border-left: 1px solid #aaaaaa;padding-left: 4px;}div.exampleMarkup:before{content: "Markdown";font-family: monospace;display: block;height: 2em;font-size: 150%;}div.exampleMarkup {padding-top: 0.5em;padding-left: 0.5em;padding-right: 0.5em;margin-top: 2em;margin-bottom: 1em;background-color: honeydew;border-style: solid;border-width: 1px;border-color: limegreen;border-radius: 0.2em;}div.exampleOutput:before{content: "Output";font-family: monospace;display: block;font-size: 150%;}div.exampleOutput {color: black;padding-top: 0.5em;padding-left: 0.5em;padding-right: 0.5em;margin-top: 1em;margin-bottom: 2em;background-color: whitesmoke;border-style: solid;border-width: 1px;border-color: lightgray;border-radius: 0.2em;}div.sourceCode {padding: 0.5em;background-color: aliceblue;border-style: solid;border-width: 1px;border-color: lightskyblue;border-radius: 0.2em;}div.exampleOutput div.sourceCode:before{content: "code";font-family: monospace;display: block;height: 2em;font-weight: bold;font-size: 120%;}pre.stdout:before{content: "stdout";display: block;height: 2em;font-weight: bold;font-size: 120%;}pre.stdout {color: black;padding: 0.5em;background-color: azure;border-style: solid;border-width: 1px;border-color: turquoise;border-radius: 0.2em;padding-left: 0.5em;}code.stdout {color: black;background-color: azure;border-style: solid;border-width: 1px;border-color: turquoise;}pre.stderr:before{content: "stderr";display: block;height: 2em;font-weight: bold;font-size: 120%;}pre.stderr {color: red;padding: 0.5em;background-color: lavenderblush;border-style: solid;border-width: 1px;border-color: pink;border-radius: 0.2em;padding-left: 0.5em;}code.stderr {color: red;background-color: lavenderblush;border-style: solid;border-width: 1px;border-color: pink;}pre.error:before{content: "Error";display: block;height: 2em;font-weight: bold;font-size: 120%;}pre.error {color: red;padding: 0.5em;background-color: lavenderblush;border-style: solid;border-width: 1px;border-color: pink;border-radius: 0.2em;padding-left: 0.5em;}code.error {color: red;background-color: lavenderblush;border-style: solid;border-width: 1px;border-color: pink;}</style>
8189
<!--[if lt IE 9]>
8290
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
@@ -132,7 +140,7 @@ <h3 id="stderr">Stderr</h3>
132140
<pre><code>`console.logs(1 + 2);`{.js .cb-run session=inline_error}</code></pre>
133141
</div>
134142
<div class="exampleOutput">
135-
<p><code class="stderr error">&lt;string&gt;:1 console.logs(1 + 2); ^ TypeError: console.logs is not a function at Object.&lt;anonymous&gt; (&lt;string&gt;:1:9) at Module._compile (node:internal/modules/cjs/loader:1101:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:17:47</code></p>
143+
<p><code class="stderr error">&lt;string&gt;:1 console.logs(1 + 2); ^ TypeError: console.logs is not a function at Object.&lt;anonymous&gt; (&lt;string&gt;:1:9) at Module._compile (node:internal/modules/cjs/loader:1254:14) at Module._extensions..js (node:internal/modules/cjs/loader:1308:10) at Module.load (node:internal/modules/cjs/loader:1117:32) at Module._load (node:internal/modules/cjs/loader:958:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:23:47 Node.js v18.15.0</code></p>
136144
</div>
137145
</div>
138146
<h2 id="block-code">Block code</h2>
@@ -207,14 +215,16 @@ <h3 id="stderr-1">Stderr</h3>
207215
^
208216

209217
SyntaxError: Unexpected token &#39;;&#39;
210-
at Object.compileFunction (node:vm:352:18)
211-
at wrapSafe (node:internal/modules/cjs/loader:1031:15)
212-
at Module._compile (node:internal/modules/cjs/loader:1065:27)
213-
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
214-
at Module.load (node:internal/modules/cjs/loader:981:32)
215-
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
218+
at internalCompileFunction (node:internal/vm:73:18)
219+
at wrapSafe (node:internal/modules/cjs/loader:1176:20)
220+
at Module._compile (node:internal/modules/cjs/loader:1218:27)
221+
at Module._extensions..js (node:internal/modules/cjs/loader:1308:10)
222+
at Module.load (node:internal/modules/cjs/loader:1117:32)
223+
at Module._load (node:internal/modules/cjs/loader:958:12)
216224
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
217-
at node:internal/main/run_main_module:17:47</code></pre>
225+
at node:internal/main/run_main_module:23:47
226+
227+
Node.js v18.15.0</code></pre>
218228
</div>
219229
</div>
220230
</body>

‎examples/javascript_output.md‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ that it does not impact other examples.
5858
:::
5959

6060
::: exampleOutput
61-
`<string>:1 console.logs(1 + 2); ^ TypeError: console.logs is not a function at Object.<anonymous> (<string>:1:9) at Module._compile (node:internal/modules/cjs/loader:1101:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:17:47`{.stderr
61+
`<string>:1 console.logs(1 + 2); ^ TypeError: console.logs is not a function at Object.<anonymous> (<string>:1:9) at Module._compile (node:internal/modules/cjs/loader:1254:14) at Module._extensions..js (node:internal/modules/cjs/loader:1308:10) at Module.load (node:internal/modules/cjs/loader:1117:32) at Module._load (node:internal/modules/cjs/loader:958:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:23:47 Node.js v18.15.0`{.stderr
6262
.error}
6363
:::
6464
:::
@@ -155,14 +155,16 @@ x = 1 + ;
155155
^
156156
157157
SyntaxError: Unexpected token ';'
158-
at Object.compileFunction (node:vm:352:18)
159-
at wrapSafe (node:internal/modules/cjs/loader:1031:15)
160-
at Module._compile (node:internal/modules/cjs/loader:1065:27)
161-
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
162-
at Module.load (node:internal/modules/cjs/loader:981:32)
163-
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
158+
at internalCompileFunction (node:internal/vm:73:18)
159+
at wrapSafe (node:internal/modules/cjs/loader:1176:20)
160+
at Module._compile (node:internal/modules/cjs/loader:1218:27)
161+
at Module._extensions..js (node:internal/modules/cjs/loader:1308:10)
162+
at Module.load (node:internal/modules/cjs/loader:1117:32)
163+
at Module._load (node:internal/modules/cjs/loader:958:12)
164164
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
165-
at node:internal/main/run_main_module:17:47
165+
at node:internal/main/run_main_module:23:47
166+
167+
Node.js v18.15.0
166168
```
167169
:::
168170
:::

0 commit comments

Comments
 (0)