@peter.prib/renderengine 0.12.0 → 0.13.0

package/src/charting/ModelFileFormat.js

@@ -1,5 +1,6 @@
 import { pickFile } from './toolbar/pickFile.js';
 import { downloadBlob } from '../exportImage.js';
+import { FormDialog } from './FormDialog.js';
 
 /**
  * ModelFileFormat — one file format a model is exported to and imported
@@ -100,6 +101,52 @@ export function modelFileMenuItems(formats, {
     return groups.flatMap((group, i) => (i ? [{ separator: true }, ...group] : group));
 }
 
+/**
+ * The part of pasted text that is a model in `format`: the text as it is when
+ * the format recognizes it; else, as an assistant or a page would wrap it, a
+ * fenced block (```json … ```), or the text from its first { (or [) to its
+ * last } (or ]). Null when none is.
+ * @param {ModelFileFormat} format - one that reads text
+ * @param {string} text
+ * @returns {string|null}
+ */
+export function findPayload(format, text) {
+    const candidates = [String(text ?? '').trim()];
+    for (const m of candidates[0].matchAll(/```[\w-]*[ \t]*\r?\n([\s\S]*?)```/g)) candidates.push(m[1].trim());
+    for (const [open, close] of [['{', '}'], ['[', ']']]) {
+        const from = candidates[0].indexOf(open), to = candidates[0].lastIndexOf(close);
+        if (from >= 0 && to > from) candidates.push(candidates[0].slice(from, to + 1));
+    }
+    return candidates.find(c => c && format.recognizes(c)) ?? null;
+}
+
+/**
+ * Import a model from pasted text rather than a file: a dialog with a text
+ * box; what is pasted may be wrapped in other text (findPayload). The new
+ * model goes to `onImport`; text with no model in it is refused in the dialog.
+ * @param {ModelFileFormat} format - one that reads text
+ * @returns {FormDialog}
+ */
+export function askPasteImport(format, { onImport, document: doc = globalThis.document } = {}) {
+    let model = null;
+    const dialog = new FormDialog({
+        title: `Paste ${format.label}`,
+        description: `Paste the ${format.label} text: a file's contents, or an answer or page that has it in it (in a \`\`\` block, say).`,
+        fields: [{ key: 'text', label: 'Text', type: 'textarea', rows: 14, value: '' }],
+        submitLabel: 'Import',
+        idPrefix: 'paste-import-',
+        document: doc,
+        validate: ({ text }) => {
+            const payload = findPayload(format, text);
+            if (!payload) return `No ${format.label} found in what is pasted`;
+            try { model = format.import(payload); return null; } catch (err) { return `It could not be read: ${err.message}`; }
+        },
+        onApply: () => onImport(model),
+    });
+    dialog.open();
+    return dialog;
+}
+
 /**
  * Ask for a file and import it in `format`; resolves to the new model, or
  * null when no file was chosen or it could not be read (reported).