\n${outText} 105 |
106 |code block| 127 | | `=heading=` | heading | 128 | | `==subheading==` | subheading | 129 | | `*bulleted` |
- bulleted
- sub-bulleted
- numbered
- sub-numbered
- `.repeat(lvl - 1)}
- ${text} ${`
- /g, '');
62 | const tocElem = dedent`
63 |
- ${content} ${'
- ${content} ${'
64 |
65 | Contents
66 | [hide]
70 |
71 |
73 | `;
74 | // Set TOC on page
75 | if (outText.includes('- ${toc}
${displayTitle}
102 |') 73 | 74 | // Images: [[File:Image.png|options|caption]] 75 | .replace(re(r`\[\[ (?:File|Image): (.*?) (\|.+?)? \]\]`), (_, file, params = '') => { 76 | if (params.includes('{{')) return _; 77 | if (params.includes('[[')) return _; 78 | if (!file) return ''; 79 | 80 | const path: string = paths.join(imagesFolder, file.trim().replace(/ /g, '_')); 81 | let caption: string = ''; 82 | let imageData: { [key: string]: any } = {}; 83 | let imageArgs: string[] = params.split('|').map((arg: string) => arg.replace(/"/g, '"')); 84 | for (const param of imageArgs) { 85 | if (['left', 'right', 'center', 'none'].includes(param)) { 86 | imageData.float = param; 87 | } 88 | if (['baseline', 'sub', 'super', 'top', 'text-bottom', 'middle', 'bottom', 'text-bottom'].includes(param)) { 89 | imageData.align = param; 90 | } 91 | else if (['border', 'frameless', 'frame', 'framed', 'thumb', 'thumbnail'].includes(param)) { 92 | imageData.type = { framed: 'frame', thumbnail: 'thumb' }[param] || param; 93 | if (imageData.type === 'thumb') { 94 | imageData.hasCaption = true; 95 | imageData.float ??= 'right'; 96 | } 97 | } 98 | else if (param.endsWith('px')) { 99 | const { width, height } = parseDimensions(param); 100 | imageData.width = width; 101 | imageData.height = height; 102 | } 103 | else if (param.startsWith('upright=')) { 104 | imageData.width = +param.replace('upright=', '') * 300; 105 | } 106 | else if (param.startsWith('link=')) { 107 | imageData.link = param.replace('link=', ''); 108 | } 109 | else if (param.startsWith('alt=')) { 110 | imageData.alt = param.replace('alt=', ''); 111 | } 112 | else if (param.startsWith('style=')) { 113 | imageData.style = param.replace('style=', ''); 114 | } 115 | else if (param.startsWith('class=')) { 116 | imageData.class = param.replace('class=', ''); 117 | } 118 | else { 119 | caption = param; 120 | } 121 | } 122 | let content = ` 123 |
Failed to load video ${id} from ${platform}.`;
220 | return `
221 |
232 | ${description ? `- '.repeat(depth)}
- `), '$1')
334 |
335 | // Numbered list: #item
336 | .replace(re(r`^ (#+) (.+?) $`), (_, lvl, content) => {
337 | if (content.includes('{{')) return _;
338 | const depth = lvl.length;
339 | return `${'
- '.repeat(depth)}
- `), '$1')
342 |
343 | // Definition list: ;head, :item
344 | .replace(re(r`^ ; (.+?) : (.+?) $`), `
- $1
- $2
- ${content} ${'
- $1
- 416 | ${refdata.i > 0 ? '↑' : `↑`} 417 | ${multiRefContent} 418 | ${refdata.ref} 419 | 420 | `; 421 | return refline; 422 | }).join('\n'); 423 | return `
- '.repeat(depth)}
- `), '$1')
352 |
353 | // Tables: {|, |+, !, |-, |, |}
354 | .replace(/\{\|.+\|\}/gs, (tableInner) => {
355 | if (tableInner.includes('{{')) return tableInner;
356 | return tableInner
357 | // {| data (open table)
358 | .replace(re(r`^ \{\| (.*?) $`), (_, attrs) => `
$1') 390 | .replace(re(r` \`\` ([^\`]+?) \`\` `), '
$1')
391 |
392 | // Spacing
393 | .replace(/(\r?\n){2}/g, '\n\n')
394 |
395 | }
396 |
397 | // Final (one-time) substitutions
398 |
399 | for (let i = 0; i < nowikis.length; i++) {
400 | outText = outText
401 | // Restore nowiki contents
402 | .replace(escaper('NOWIKI', i), nowikis[i])
403 | }
404 | outText = outText
405 | // References: ${references}
`;
424 | })
425 | // Magic word functions
426 | .replaceAll(escaper('VERT'), '|')
427 | .replaceAll(escaper('EQUALS'), '=')
428 |
429 | // Escape all {{ to avoid crashes
430 | outText = outText
431 | .replaceAll('{{', '{{')
432 |
433 | const result: Result = { data: outText, metadata: metadata };
434 | return result;
435 | }
436 |
--------------------------------------------------------------------------------
/src/wiki.css.ts:
--------------------------------------------------------------------------------
1 | export default String.raw`
2 | body {font-family: sans-serif; margin: auto; max-width: 1000px; background: #eee;}
3 | main {margin: 3em -1em; background: #fff; padding: 1em;}
4 | h1, h2 {margin-bottom: 0.6em; font-weight: normal; border-bottom: 1px solid #a2a9b1;}
5 | ul, ol {margin: 0.3em 0 0 1.6em; padding: 0;}
6 | dt {font-weight: bold;}
7 | dd, dl dl {margin-block: 0; margin-inline-start: 30px;}
8 |
9 | figure {margin: 1em; width: 300px;}
10 | .image-thumb, .image-frame {padding: 6px; border: 1px solid gray;}
11 | .image-default {margin: 0;}
12 | figcaption {padding-top: 6px;}
13 |
14 | table.wikitable {border-collapse: collapse;}
15 | table.wikitable, table.wikitable th, table.wikitable td {border: 1px solid gray; padding: 6px;}
16 | table.wikitable th {background-color: #eaecf0; text-align: center;}
17 |
18 | a:not(:hover) {text-decoration: none;}
19 | a.internal-link {color: #04a;}
20 | a.internal-link:visited {color: #26d;}
21 | a.external-link {color: #36b;}
22 | a.external-link:visited {color: #58d;}
23 | a.external-link::after {content: '\1f855';}
24 | a.redlink {color: #d33;}
25 | a.redlink:visited {color: #b44;}
26 |
27 | #page_toc {border: 1px solid #aab; padding: 8px; width: fit-content; background-color: #f8f8f8; font-size: 95%;}
28 | #page_toc_heading {display: block; text-align: center;}
29 | #page_toc ol {margin: 0 0 0 1.3em;}
30 |
31 | #infobox {float: right; clear: right; margin: 0 0 1em 1em; width: 300px; padding: 2px; border: 1px solid #CCC; overflow: auto; font-size: 90%;}
32 | #infobox tr:first-child :first-child {padding: 10px; text-align: center; font-weight: bold; font-size: 120%;}
33 | #infobox th {padding-left: 10px; text-align: left;}
34 | `
35 |
--------------------------------------------------------------------------------
/test/.eleventy.js:
--------------------------------------------------------------------------------
1 | const wikity = require('../dist/index.js')
2 |
3 | module.exports = function (eleventyConfig) {
4 | const rootFolder = 'src';
5 | const options = { eleventy: true };
6 | eleventyConfig.addPlugin(() => wikity.compile(rootFolder, options));
7 | eleventyConfig.addPassthroughCopy({ [`${rootFolder}/images/`]: 'wiki/images' });
8 | }
9 |
--------------------------------------------------------------------------------
/test/src/example.wiki:
--------------------------------------------------------------------------------
1 | {{displaytitle: Example Page}}
2 | Example
3 | '''Wikity''' is a ''very'' useful build tool!
4 |
5 |
6 | = Headings =
7 | = Root =
8 | == Heading ==
9 | === Subheading ===
10 | === A [[Link Heading]] ===
11 | == Broken heading ===
12 | ====== Small heading ======
13 | == ''fancy'' '''heading'''! ==
14 |
15 |
16 |
17 | = TOC =
18 | __TOC__
19 |
20 |
21 | = Formatting =
22 | ''Italic''
23 | '''Bold'''
24 | '''''Bold Italic'''''
25 |
26 |
27 |
28 | = List =
29 | * Bulleted list
30 | * Bulleted list item 2
31 | ** Sub-item
32 | *** Indented
33 | * Root item
34 | # Numbered list
35 | # Numbered list item 2
36 | ## Sub-item
37 | ### Indented
38 | # Root item
39 | ;Pseudoheader
40 | : Root indent
41 | :: Subindent
42 | ::: Indented
43 |
44 |
45 |
46 | = HorizontalRule =
47 | -----
48 |
49 |
50 |
51 | = InternalLink =
52 | [[Link]]
53 | [[Link|Text]]
54 |
55 |
56 |
57 | = FileEmbed =
58 | [[File:Example.png]]
59 | [[File:Example.png|48px]]
60 | [[File:Example.png|48x50px]]
61 | [[File:Example.png|x10px]]
62 | [[File:Example.png|alt=Example]]
63 | [[File:Example.png|200px|thumb|right|alt=Alt text|Example text]]
64 | [[File:Example.png|100px|link=]]
65 |
66 |
67 |
68 | = ExternalLink =
69 | [https://github.com]
70 | [https://google.com External link]
71 | [not a link]
72 |
73 |
74 |
75 | = TemplateCall =
76 | * {{subst}} = '''Substituted text: Null!'''; Unset: (empty); Named: (empty)
77 | * {{subst|Hello!}} = '''Substituted text: Hello!!'''; Unset: (empty); Named: (empty)
78 | * {{subst|1=Hello!}} = '''Substituted text: Hello!!'''; Unset: (empty); Named: (empty)
79 | * {{subst|1= {{plain|text}} }} = '''Substituted text: plain=text!!'''; Unset: (empty); Named: (empty)
80 | * {{subst|named=Named}} = '''Substituted text: Null!'''; Unset: (empty); Named: Named
81 | * {{subst|named=
82 | This [[object]] and this ''[[Item|item]]'' are not coloured!
83 | }} = '''Substituted text: Null!'''; Unset: (empty); Named: This [[object]] and this ''[[Item|item]]'' are not coloured!
84 | {{nonexistent template}}
85 |
86 |
87 |
88 | = References =
89 |
90 | Text.
91 | Simple reference
92 | Named reference
93 |
94 |
95 | ; References
96 | {{reflist}}
97 |
98 |
99 |
100 |
101 | = HTML =
102 |
103 |
104 |
106 |
107 | Code
105 |
108 | = CodeBock =
109 | ``code``
110 | ```
111 | code block
112 | ```
113 |
114 |
115 |
116 |
117 | = Table =
118 | {| class="wikitable"
119 | |+ Caption
120 | |-
121 | ! Head1
122 | ! Head2 !! Head3
123 | ! color=red | Head4
124 | |- class="row"
125 | | Cell1
126 | | Cell2 || Cell3
127 | | Cell4
128 | |-
129 | | Inline1 || Inline2
130 | ! End1 || End2
131 | |}
132 |
133 |
134 |
135 | = Nowiki =
136 |
142 |
143 |
144 | = TextFunctions =
145 | Each side of the
158 |
159 | = must match.
146 | * {{#lc:TEXT}} = text
147 | * {{#ucfirst:text}} = Text
148 | * {{#len:12345}} = 5
149 | * {{#sub:string|2|4}} = ring
150 | * {{#pos:text|x}} = 2
151 | * {{#padleft:text|5|_}} = _text
152 | * {{#padright:msg|5|_}} = msg__
153 | * {{#replace:Message|e|3}} = M3ssag3
154 | * {{#explode:A-B-C-D|-|2}} = C
155 | * {{#urlencode:t e x t}} = t%20e%20x%20t
156 | * {{#urldecode:a%20b%27c}} = a b'c
157 |
160 | = MagicFunctions =
161 | {{#unknown:foo}}
162 | {{#ev:youtube|dQw4w9WgXcQ}}
163 | {{#ev:youtube|dQw4w9WgXcQ|600px|left|Important video.}}
164 |
165 |
166 |
167 |
168 | = ParserFunctions =
169 | Each side of the
192 |
193 | {{Footer}}
194 |
--------------------------------------------------------------------------------
/test/src/images/Example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nixinova/Wikity/96b079b5701a58031a81d30b2552929f910fe0be/test/src/images/Example.png
--------------------------------------------------------------------------------
/test/src/templates/plain.wiki:
--------------------------------------------------------------------------------
1 | plain={{{1}}}
2 |
--------------------------------------------------------------------------------
/test/src/templates/subst.wiki:
--------------------------------------------------------------------------------
1 | { '''Substituted text: {{{1|Null}}}!'''; Unset: {{{__unset__}}}; Named: {{{named}}} }
2 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "exclude": [
3 | "dist/",
4 | "build/"
5 | ],
6 |
7 | "compilerOptions": {
8 | /* More info: https://aka.ms/tsconfig.json */
9 | /* Examples: https://github.com/tsconfig/bases */
10 |
11 | /* Basic Options */
12 | "target": "es2019", // Node 12
13 | "module": "commonjs",
14 | "lib": [
15 | "es2021"
16 | ],
17 | //"allowJs": true,
18 | //"checkJs": true,
19 | //"jsx": "preserve",
20 | "declaration": true,
21 | //"declarationMap": true,
22 | //"sourceMap": true,
23 | //"outFile": "./",
24 | "outDir": "./dist/",
25 | //"rootDir": "./",
26 | //"composite": true,
27 | //"removeComments": true,
28 | //"noEmit": true,
29 | //"importHelpers": true,
30 | //"downlevelIteration": true,
31 | //"isolatedModules": true,
32 |
33 | /* Type-Checking */
34 | "strict": true,
35 | "noImplicitAny": true,
36 | "strictNullChecks": true,
37 | "strictFunctionTypes": true,
38 | //"strictBindCallApply": true,
39 | "strictPropertyInitialization": true,
40 | //"noImplicitThis": true,
41 | "useUnknownInCatchVariables": true,
42 | "alwaysStrict": true,
43 | //"noUnusedLocals": true,
44 | "noUnusedParameters": true,
45 | "noImplicitReturns": true,
46 | //"noFallthroughCasesInSwitch": true,
47 | //"noUncheckedIndexedAccess": true,
48 | //"noPropertyAccessFromIndexSignature": true,
49 |
50 | /* Module Resolution Options */
51 | "moduleResolution": "node",
52 | "resolveJsonModule": true,
53 | //"baseUrl": "./",
54 | //"paths": {},
55 | //"rootDirs": [],
56 | //"typeRoots": [],
57 | //"types": [],
58 | //"allowSyntheticDefaultImports": true,
59 | "esModuleInterop": true,
60 | //"preserveSymlinks": true,
61 | //"allowUmdGlobalAccess": true,
62 |
63 | /* Advanced Options */
64 | "skipLibCheck": true,
65 | //"forceConsistentCasingInFileNames": true
66 | }
67 | }
68 |
--------------------------------------------------------------------------------
→ must match.
170 | * {{#if: true | true text | false text }} → true text
171 | * {{#if: {{{variable|}}} | true text | false text }} → false text
172 | * {{#if: {{{image|}}}
173 | | Image: [[File:{{{image|}}}|48px|link={{{link|}}}]]
174 | | None
175 | }} = None
176 | * {{#if: {{{image|Example.png}}}
177 | | Image: [[File:{{{image|Example.png}}}|48px|link={{{link|}}}]]
178 | | None
179 | }} = [Example.png]
180 | * {{ #vardefine: test | value }} → (empty: variable defined)
181 | * [[{{ #var:test }}]] → [[value]]
182 | * "{{#var: unset | this {{=}} unset }}" → "this = unset"
183 | * {{#switch: value
184 | | nope = none
185 | | val = val!
186 | | #default = one
187 | }} → one
188 | * {{#date: yyyy-mm-dd (ddd) 'm' | 27 Mar 21}} → [today's date] m
189 | * {{#vardefine: nested | {{#var: null | nil}} {{#vardefine: x | 1}} {{=}}.}} → (empty: variable defined)
190 | * {{#var: nested}} → nil =.
191 |