cooklang 0.18.6

Cooklang parser with opt-in extensions
Documentation 
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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Cooklang playground</title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.24.1/ace.min.js"
            integrity="sha512-b50cBUHAI9jUOcKkDpgiY5pLMlX+WLLr7S6pV841OmBFv+x6efFs3QMxRs7ggJPxLAhrgIejeVovT/JuDYCM0A=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com"/>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
    <link
            href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400&family=Noto+Sans:wght@400;700&display=swap"
            rel="stylesheet"/>
    <link rel="stylesheet" href="./styles.css"/>
</head>

<body>
<main>
    <h1>cooklang-rs playground</h1>


    <div id="controls">
        <div class="inline">
            <div>
                <a href="https://github.com/cooklang/cooklang-rs">Repo</a> |
                <strong>Version:</strong>
                <pre style="display: inline;" id="version">[loading]</pre>
                |
            </div>

            <select id="parserSelect">
                <option value="render" selected>Render</option>
                <option value="full">Full parse</option>
                <option value="events">Events</option>
                <option value="ast">AST</option>
                <option value="stdmeta">Standard metadata</option>
                <option value="render2">New renderer</option>
            </select>
            <div id="servingscontainer">
                <label for="servings">Servings</label>
                <input type="number" name="servings" id="servings"/>
            </div>
            <div hidden id="jsoncontainer">
                <input type="checkbox" name="json" id="json"/>
                <label for="json">JSON output</label>
            </div>
        </div>
        <div class="narrow">
            <details id="extra">
                <summary>More options</summary>

                <div class="container">
                    <div>
                        <input type="checkbox" name="loadUnits" id="loadUnits">
                        <label for="loadUnits">Load units</label>
                    </div>

                    <fieldset>
                        <legend>Extensions</legend>
                        <div id="extensions-container"></div>
                    </fieldset>
                </div>
            </details>
        </div>
    </div>

    <div class="code-panes">
        <div id="editor"></div>
        <div class="output-pane">
            <pre class="codeblock" id="output"></pre>
            <details id="errors-details">
                <summary>Errors and warnings</summary>
                <pre class="codeblock" id="errors"></pre>
            </details>
        </div>
    </div>
</main>

<script type="module" src="./main.ts"></script>
</body>

</html>