Move all bergamot partials and shortcodes into theme

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>

assets/js/bergamot-helpers.js

@@ -42,7 +42,7 @@ const ensureObjectLanguage = () => {
     }
     return window.Bergamot.ObjectLanguage;
 }
-const parseString = (str) => {
+const parseBergamotObjectLanguage = (str) => {
     if (!(str in parsingPromiseResolvers)) {
         parsingPromiseResolvers[str] = [];
     }
@@ -54,20 +54,21 @@ const parseString = (str) => {
 }
 
 window.Bergamot = {};
-window.Bergamot.run = (inputGroup, nodeId, inputPrompt, rules, renderPreset, input) => {
+window.Bergamot.run = (inputGroup, nodeId, inputModes, inputPrompt, rules, renderPreset, input) => {
     var app = Elm.Main.init({
         node: document.getElementById(nodeId),
         flags: {
-            inputModes: {
+            inputModes,
-                "Languge Term": { "custom": "Language Term" },
-                "Query": "query"
-            },
             renderRules: window.Bergamot.renderPresets[renderPreset],
             rules, input
         }
     });
     app.ports.convertInput.subscribe(async ({ mode, input }) => {
-        let query = await parseString(input);
+        if (!(mode in window.Bergamot.inputModes)) {
+            app.ports.receiveConverted.send({ input, result: { error: "Improperly configured desugaring function (this is the website developer's fault)" } });
+        }
+
+        let query = await (window.Bergamot.inputModes[mode])(input);
         if (query !== null) {
             query = inputPrompt.replace("TERM", query);
             app.ports.receiveConverted.send({ input, result: { query } });
@@ -80,7 +81,7 @@ window.Bergamot.run = (inputGroup, nodeId, inputPrompt, rules, renderPreset, inp
 };
 window.Bergamot.runPreset = (inputGroup, nodeId, presetName) => {
     const preset = window.Bergamot.presets[presetName];
-    window.Bergamot.run(inputGroup, nodeId, preset.inputPrompt, preset.rules, preset.renderPreset, preset.query || "");
+    window.Bergamot.run(inputGroup, nodeId, preset.inputModes, preset.inputPrompt, preset.rules, preset.renderPreset, preset.query || "");
 };
 window.Bergamot.close = (inputGroup, nodeId) => {
     if (!(nodeId in loadedWidgets)) return;
@@ -94,5 +95,8 @@ window.Bergamot.close = (inputGroup, nodeId) => {
     delete loadedWidgets[nodeId];
     setRunning(inputGroup, false);
 }
+window.Bergamot.inputModes = {
+    "Bergamot Object Language": parseBergamotObjectLanguage
+};
 window.Bergamot.presets = {};
 window.Bergamot.renderPresets = {};

layouts/partials/bergamotinputmode.html

@@ -0,0 +1,6 @@
+<script>
+    window.addEventListener('load', function() {
+        window.Bergamot.inputModes['{{ .name }}'] = {{ .fn | safeJS }};
+    });
+</script>
+

layouts/partials/bergamotparseinputmodes.js

@@ -0,0 +1,17 @@
+{
+{{ if . }}
+{{ range $name := split . ";" }}
+{{ if eq $name "query" }}
+    "Query": "query",
+{{ else }}
+    {{ $pieces := split $name ":" }}
+    {{ $name := index $pieces 0 }}
+    {{ $modestring := index $pieces 1 }}
+    "{{ $name }}": { "custom": "{{ $modestring }}" },
+{{ end }}
+{{ end }}
+{{ else }}
+    "Languge Term": { "custom": "Bergamot Object Language" },
+    "Query": "query",
+{{ end }}
+}

layouts/partials/bergamotpreset.html

@@ -2,6 +2,7 @@
     window.addEventListener('load', function() {
         window.Bergamot.presets['{{ .name }}'] = {
             rules: {{ .file }},
+            inputModes: {{ partial "bergamotparseinputmodes.js" .modes | safeJS }},
             inputPrompt: '{{ .prompt }}',
             query: '{{ .query }}',
             renderPreset: '{{ default "default" .renderPreset }}'

layouts/partials/head.html

@@ -43,6 +43,12 @@
     {{ end }}
     <link rel="icon" type="image/png" href="{{ $icon.Permalink }}">
 
+    {{ if .Params.custom_js }}
+    {{ range $customJs := .Params.custom_js }}
+    <script src="{{ page.Resources.Get $customJs }}"></script>
+    {{ end }}
+    {{ end }}
+
     {{ if hugo.IsServer }}
     <!-- KaTeX auto-rendering for when we don't have a post-processing step. -->
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>
@@ -72,10 +78,15 @@
     {{ if .Params.bergamot.presets }}
         {{ range $name, $preset := .Params.bergamot.presets }}
             {{ $file := default (resources.Get $preset.file) (page.Resources.Get $preset.file) }}
-            {{ $info := dict "name" $name "prompt" $preset.prompt "query" $preset.query "file" $file.Content "renderPreset" $preset.render_preset }}
+            {{ $info := dict "name" $name "prompt" $preset.prompt "query" $preset.query "file" $file.Content "renderPreset" $preset.render_preset "inputModes" $preset.input_modes }}
             {{ partial "bergamotpreset.html" $info }}
         {{ end }}
     {{ end }}
+    {{ if .Params.bergamot.input_modes }}
+        {{ range $mode := .Params.bergamot.input_modes }}
+            {{ partial "bergamotinputmode.html" (dict "name" $mode.name "fn" $mode.fn) }}
+        {{ end }}
+    {{ end }}
     {{ end }}
 
     {{ with .Site.Params.plausibleAnalyticsDomain }}

layouts/shortcodes/bergamot_exercise.html

@@ -0,0 +1,21 @@
+<div class="bergamot-exercise">
+    <details open>
+        <summary>
+            <span class="bergamot-exercise-label">
+                <span class="bergamot-exercise-number"></span>
+                {{ if or (eq (.Get "label") "") (eq (.Get "label") nil) }}{{ else }}({{ .Get "label" }}){{ end }}:
+            </span>
+        </summary>
+        {{ transform.Markdownify .Inner }}
+
+        <div class="bergamot-button-group">
+            {{ if or (eq (.Get "preset") "") (eq (.Get "preset") nil) }}
+            {{ else }}
+            <button class="bergamot-button bergamot-play" onclick='window.Bergamot.runPreset(this.parentElement, "bergamot-widget-container-{{ .Get "id" }}", "{{ .Get "preset" }}")'>{{ partial "icon.html" "play" }}Start Bergamot</button>
+            <button class="bergamot-button bergamot-close bergamot-hidden" onclick='window.Bergamot.close(this.parentElement, "bergamot-widget-container-{{ .Get "id" }}")'>{{ partial "icon.html" "x" }}Close Bergamot</button>
+            {{ end }}
+        </div>
+
+        <div id="bergamot-widget-container-{{ .Get "id" }}"></div>
+    </details>
+</div>

layouts/shortcodes/bergamot_widget.html

@@ -0,0 +1,8 @@
+<div id="{{ .Get "id" }}"></div>
+<script>
+    window.addEventListener('load', function() {
+        window.Bergamot.run(null, '{{ .Get "id" }}',
+            {{ partial "bergamotparseinputmodes.js" (.Get "modes") | safeJS }},
+            '{{ .Get "prompt" }}', '{{ .Inner }}', '{{ default "default" (.Get "rendering") }}', '{{ .Get "query" }}');
+    });
+</script>