@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/translations.mjs

@@ -0,0 +1,198 @@
+import { pageWords } from '@fieldia/core';
+import { Refusal } from './refusal.mjs';
+import { COMMON_LANGUAGES } from './language-names.mjs';
+import { en } from './locales/en/index.mjs';
+export { COMMON_LANGUAGES } from './language-names.mjs';
+/** The language the page's own words are written in: its `language`, or English. */
+export const pageLanguage = (page) => page.language ?? 'en';
+/** The languages the page keeps translations in, in the order they were added. */
+export const languagesOf = (page) => Object.keys(page.translations ?? {});
+/** A language's name in the designer's words — English unless given: `ar` is Arabic, or العربية. The browser's names, or the common ones', or the tag itself. */
+export function languageName(tag, words = en) {
+    return words.languages.name(tag);
+}
+/** A language tag written the way tags are written (`ar-EG`, `zh-Hant`), or null for what is not one. */
+function canonicalTag(text) {
+    if (!/^[a-z]{2,3}(-[a-z0-9]{2,8})*$/i.test(text))
+        return null;
+    try {
+        return Intl.getCanonicalLocales(text)[0] ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+/** What a person typed to name a language, as its tag: a tag (`pt-br`), or a common language's name (`Arabic`). */
+export function languageTag(typed, words = en) {
+    const text = typed.trim();
+    // By its English name always, as a CSV from anywhere names it; and by its name in the designer's words.
+    const named = Object.keys(COMMON_LANGUAGES).find((tag) => COMMON_LANGUAGES[tag].toLowerCase() === text.toLowerCase() || languageName(tag, words).toLowerCase() === text.toLowerCase());
+    return named ?? canonicalTag(text);
+}
+/** The words last worked out, and the page they are of. */
+let words = null;
+/**
+ * The page's words (`pageWords`), worked out once for a page, and kept for the
+ * next while only its translations change — as they do at each key typed into
+ * the translations' grid: a page's words are never its translations.
+ */
+export function wordsOf(page) {
+    if (!words || !sameButTranslations(words.page, page))
+        words = { page, words: Object.freeze(pageWords(page)) };
+    else
+        words = { page, words: words.words };
+    return words.words;
+}
+function sameButTranslations(a, b) {
+    if (a === b)
+        return true;
+    const keys = Object.keys(a).filter((key) => key !== 'translations');
+    const others = Object.keys(b).filter((key) => key !== 'translations');
+    return keys.length === others.length && keys.every((key, i) => key === others[i] && a[key] === b[key]);
+}
+/** How many of the page's words a language has, of all of them. */
+export function translationProgress(page, tag) {
+    const words = wordsOf(page);
+    const kept = page.translations?.[tag] ?? {};
+    return { done: words.filter((word) => kept[word]).length, total: words.length };
+}
+/** Words some language translates that the page no longer shows, in the order they are kept. */
+export function staleWords(page) {
+    const shown = new Set(wordsOf(page));
+    return [...new Set(Object.values(page.translations ?? {}).flatMap((words) => Object.keys(words)))].filter((word) => !shown.has(word));
+}
+/** For Publish: languages added and removed, and in each language words translated, changed and taken out. */
+export function translationChanges(before, after, words = en) {
+    const w = words.changes;
+    const [was, now] = [before.translations ?? {}, after.translations ?? {}];
+    const out = [];
+    if (pageLanguage(before) !== pageLanguage(after))
+        out.push(w.writtenIn(languageName(pageLanguage(after), words)));
+    for (const tag of Object.keys(now))
+        if (!(tag in was))
+            out.push(w.addedLanguage(languageName(tag, words)));
+    for (const tag of Object.keys(was))
+        if (!(tag in now))
+            out.push(w.removedLanguage(languageName(tag, words)));
+    for (const [tag, translated] of Object.entries(now)) {
+        const old = was[tag] ?? {};
+        const added = Object.keys(translated).filter((word) => !(word in old)).length;
+        const changed = Object.keys(translated).filter((word) => word in old && old[word] !== translated[word]).length;
+        const gone = Object.keys(old).filter((word) => !(word in translated)).length;
+        const name = languageName(tag, words);
+        if (added)
+            out.push(w.translated(name, added));
+        if (changed)
+            out.push(w.translationsChanged(name, changed));
+        if (gone)
+            out.push(w.translationsTakenOut(name, gone));
+    }
+    return out;
+}
+export function translationCommands({ apply, getPage }) {
+    /** The tag, written as tags are, or a refusal saying what a tag is. */
+    function tagOf(typed) {
+        const tag = canonicalTag(typed.trim());
+        if (!tag)
+            throw new Refusal((w) => w.translations.notATag(typed.trim()));
+        return tag;
+    }
+    /** The tag, written as tags are, for a language the page may be translated into. */
+    function newLanguage(draft, typed) {
+        const tag = tagOf(typed);
+        const own = pageLanguage(draft);
+        if (tag === own)
+            throw new Refusal((w) => w.translations.writtenIn(languageName(own, w)));
+        return tag;
+    }
+    /** The words the language keeps, refusing a language the page has not got. */
+    function keptIn(draft, tag) {
+        const words = draft.translations?.[tag];
+        if (!words)
+            throw new Refusal((w) => w.translations.addFirst(languageName(tag, w)));
+        return words;
+    }
+    /** No language left: no translations at all. */
+    const tidy = (draft) => {
+        if (draft.translations && !Object.keys(draft.translations).length)
+            delete draft.translations;
+    };
+    return {
+        addLanguage: (typed) => apply((draft) => {
+            const tag = newLanguage(draft, typed);
+            if (draft.translations?.[tag])
+                throw new Refusal((w) => w.translations.hasAlready(languageName(tag, w)));
+            draft.translations = { ...draft.translations, [tag]: {} };
+        }),
+        removeLanguage: (tag) => apply((draft) => {
+            if (!draft.translations?.[tag])
+                throw new Refusal((w) => w.translations.hasNo(languageName(tag, w)));
+            delete draft.translations[tag];
+            tidy(draft);
+        }),
+        setTranslation(tag, source, text) {
+            const words = getPage().translations?.[tag];
+            const next = text?.trim() ? text : undefined;
+            // Nothing changes: no undo step for it.
+            if (words && words[source] === next)
+                return true;
+            return apply((draft) => {
+                const kept = keptIn(draft, tag);
+                if (next === undefined)
+                    delete kept[source];
+                else if (!pageWords(draft).includes(source))
+                    throw new Refusal((w) => w.translations.notOnPage(source));
+                else
+                    kept[source] = next;
+            }, `translation:${tag}:${source}`);
+        },
+        fillTranslations(words) {
+            let filled = 0;
+            const ok = apply((draft) => {
+                const shown = new Set(pageWords(draft));
+                for (const [typed, given] of Object.entries(words)) {
+                    const tag = newLanguage(draft, typed);
+                    const kept = (draft.translations = { ...draft.translations, [tag]: { ...draft.translations?.[tag] } })[tag];
+                    for (const [source, text] of Object.entries(given)) {
+                        if (!shown.has(source) || !text.trim())
+                            continue;
+                        kept[source] = text;
+                        filled++;
+                    }
+                }
+                if (!filled)
+                    throw new Refusal((w) => w.translations.noneOnPage);
+            });
+            return ok ? filled : false;
+        },
+        setPageLanguage(typed) {
+            // Written in it already: no undo step for it.
+            if (canonicalTag(typed.trim()) === pageLanguage(getPage()))
+                return true;
+            return apply((draft) => {
+                const tag = tagOf(typed);
+                if (draft.translations?.[tag])
+                    throw new Refusal((w) => w.translations.keepsTranslation(languageName(tag, w)));
+                // English is what a page is written in unless it says.
+                if (tag === 'en')
+                    delete draft.language;
+                else
+                    draft.language = tag;
+            });
+        },
+        forgetWords: (sources) => apply((draft) => {
+            let found = false;
+            for (const words of Object.values(draft.translations ?? {})) {
+                for (const source of sources) {
+                    if (!(source in words))
+                        continue;
+                    delete words[source];
+                    found = true;
+                }
+            }
+            if (!found)
+                throw new Refusal((w) => w.translations.noLanguageHas);
+        }),
+    };
+}
+//# sourceMappingURL=translations.mjs.map

package/src/lib/translations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/translations.ts"],"names":[],"mappings":"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"}

package/src/lib/try-drawer.d.mts

@@ -0,0 +1,4 @@
+import type { ViewerHandle } from '@fieldia/viewer';
+import type { ElementFactory } from './chrome.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+export declare function tryDrawer(el: ElementFactory, frame: HTMLElement, viewer: ViewerHandle, words?: DesignerWords): HTMLElement | null;

package/src/lib/try-drawer.d.ts

@@ -0,0 +1,4 @@
+import type { ViewerHandle } from '@fieldia/viewer';
+import type { ElementFactory } from './chrome';
+import type { DesignerWords } from './designer-words';
+export declare function tryDrawer(el: ElementFactory, frame: HTMLElement, viewer: ViewerHandle, words?: DesignerWords): HTMLElement | null;

package/src/lib/try-drawer.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tryDrawer = tryDrawer;
+const en_1 = require("./locales/en");
+/** Which tab is open and whether the drawer is folded, kept while the same Try it draws the page again. */
+const kept = new WeakMap();
+let drawers = 0;
+/** The step a field is asked on, for a survey of several pages. */
+function stepOf(page, field) {
+    if (page.layout.type !== 'wizard')
+        return null;
+    const holds = (nodes) => nodes.some((node) => (node.type === 'field' && node.field === field) || ('children' in node && holds(node.children)));
+    return page.layout.children.find((step) => holds(step.children))?.id ?? null;
+}
+/** The fields the page shows, each once, in the order it shows them. */
+function shownFields(page) {
+    const names = [];
+    const walk = (value) => {
+        if (value === null || typeof value !== 'object')
+            return;
+        if (Array.isArray(value))
+            return value.forEach(walk);
+        const node = value;
+        if (node.type === 'field' && typeof node.field === 'string' && !names.includes(node.field))
+            names.push(node.field);
+        Object.values(value).forEach(walk);
+    };
+    walk(page.layout);
+    return names;
+}
+function tryDrawer(el, frame, viewer, words = en_1.en) {
+    const w = words.tryIt;
+    const doc = frame.ownerDocument;
+    const form = viewer.form;
+    const page = form.page;
+    const mine = kept.get(frame) ?? { tab: 'data', folded: true };
+    kept.set(frame, mine);
+    frame.parentElement?.querySelector(':scope > .fd-try-drawer')?.remove();
+    // A list holds no answers of its own to show.
+    if (page.layout.type === 'list')
+        return null;
+    // Ids of its own: two editors on one page may each be tried.
+    const id = `fd-try-drawer-${++drawers}`;
+    // Two buttons that each open their part of the drawer, the open one folding it: no tabs, so the page tried keeps the only tabs here.
+    const tab = (name, words) => el('button', { type: 'button', class: 'fd-try-tab', id: `${id}-${name}`, 'aria-controls': `${id}-${name}-panel` }, words);
+    const tabs = { data: tab('data', w.data), problems: tab('problems', w.problems) };
+    const count = el('span', { class: 'fd-try-count' });
+    tabs.problems.append(' ', count);
+    const said = el('span', { class: 'fd-try-said', role: 'status' });
+    const copy = el('button', { type: 'button', class: 'fd-button fd-button-link fd-try-copy' }, w.copyData);
+    const fold = el('button', { type: 'button', class: 'fd-button fd-button-link fd-try-fold', 'aria-controls': `${id}-panels` });
+    const data = el('pre', { class: 'fd-try-data', tabindex: '0', 'aria-label': w.answersAsJson });
+    const list = el('ul', { class: 'fd-try-problems' });
+    const none = el('p', { class: 'fd-try-none' }, w.nothingInTheWay);
+    const panels = {
+        data: el('div', { class: 'fd-try-panel', role: 'region', id: `${id}-data-panel`, 'aria-labelledby': `${id}-data` }, data),
+        problems: el('div', { class: 'fd-try-panel', role: 'region', id: `${id}-problems-panel`, 'aria-labelledby': `${id}-problems` }, list, none),
+    };
+    const drawer = el('section', { class: 'fd-try-drawer', 'aria-label': w.drawer }, el('div', { class: 'fd-try-drawer-bar' }, el('div', { class: 'fd-try-tabs' }, tabs.data, tabs.problems), said, copy, fold), el('div', { class: 'fd-try-panels', id: `${id}-panels` }, panels.data, panels.problems));
+    function show() {
+        for (const name of ['data', 'problems']) {
+            tabs[name].setAttribute('aria-expanded', String(name === mine.tab && !mine.folded));
+            panels[name].hidden = name !== mine.tab;
+        }
+        drawer.querySelector('.fd-try-panels').hidden = mine.folded;
+        fold.textContent = mine.folded ? w.show : w.hide;
+        fold.setAttribute('aria-expanded', String(!mine.folded));
+    }
+    /** The question a field is asked by, as the page shows it. */
+    const labelOf = (name) => viewer.element.querySelector(`.fd-field[data-field="${name}"] .fd-label`)?.firstChild?.textContent?.trim() || page.fields[name]?.label || name;
+    /** Put the cursor in a field: on its page first, for a survey of several. */
+    function goTo(name) {
+        const box = () => viewer.element.querySelector(`.fd-field[data-field="${name}"]:not([hidden])`);
+        const step = stepOf(page, name);
+        if ((!box() || box()?.closest('[hidden]')) && step)
+            form.goTo(step);
+        box()?.querySelector('input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])')?.focus();
+    }
+    function draw(state) {
+        const open = (tab) => !mine.folded && mine.tab === tab;
+        data.textContent = open('data') ? JSON.stringify(state.values, null, 2) : '';
+        const rows = [];
+        for (const name of shownFields(page)) {
+            const problem = form.problem(name);
+            if (problem)
+                rows.push({ name, message: problem, warning: false });
+            const warning = state.warnings[name] ?? (state.warningField === name ? state.warning : null);
+            if (warning)
+                rows.push({ name, message: warning, warning: true });
+        }
+        const problems = rows.filter((row) => !row.warning).length;
+        count.textContent = problems ? String(problems) : '';
+        count.hidden = !problems;
+        none.hidden = rows.length > 0;
+        list.replaceChildren(...rows.filter(() => open('problems')).map((row) => {
+            const button = el('button', { type: 'button', class: 'fd-try-problem', 'data-field': row.name, 'data-warning': row.warning ? '' : undefined }, el('strong', {}, labelOf(row.name)), el('span', {}, row.message));
+            button.addEventListener('click', () => goTo(row.name));
+            return el('li', {}, button);
+        }));
+    }
+    for (const name of ['data', 'problems']) {
+        tabs[name].addEventListener('click', () => {
+            // The open tab, pressed again, folds the drawer.
+            mine.folded = mine.tab === name && !mine.folded;
+            mine.tab = name;
+            show();
+            draw(form.getState());
+        });
+    }
+    fold.addEventListener('click', () => {
+        mine.folded = !mine.folded;
+        show();
+        draw(form.getState());
+    });
+    copy.addEventListener('click', async () => {
+        try {
+            await (doc.defaultView?.navigator).clipboard.writeText(JSON.stringify(form.getState().values, null, 2));
+            said.textContent = w.copied;
+        }
+        catch {
+            // No clipboard to write to: the data selected, for the person to copy.
+            mine.tab = 'data';
+            mine.folded = false;
+            show();
+            draw(form.getState());
+            doc.getSelection()?.selectAllChildren(data);
+            said.textContent = w.selected;
+        }
+    });
+    show();
+    draw(form.getState());
+    form.subscribe((state) => {
+        said.textContent = '';
+        draw(state);
+    });
+    frame.after(drawer);
+    return drawer;
+}
+//# sourceMappingURL=try-drawer.js.map

package/src/lib/try-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"try-drawer.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/try-drawer.ts"],"names":[],"mappings":"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"}

package/src/lib/try-drawer.mjs

@@ -0,0 +1,136 @@
+import { en } from './locales/en/index.mjs';
+/** Which tab is open and whether the drawer is folded, kept while the same Try it draws the page again. */
+const kept = new WeakMap();
+let drawers = 0;
+/** The step a field is asked on, for a survey of several pages. */
+function stepOf(page, field) {
+    if (page.layout.type !== 'wizard')
+        return null;
+    const holds = (nodes) => nodes.some((node) => (node.type === 'field' && node.field === field) || ('children' in node && holds(node.children)));
+    return page.layout.children.find((step) => holds(step.children))?.id ?? null;
+}
+/** The fields the page shows, each once, in the order it shows them. */
+function shownFields(page) {
+    const names = [];
+    const walk = (value) => {
+        if (value === null || typeof value !== 'object')
+            return;
+        if (Array.isArray(value))
+            return value.forEach(walk);
+        const node = value;
+        if (node.type === 'field' && typeof node.field === 'string' && !names.includes(node.field))
+            names.push(node.field);
+        Object.values(value).forEach(walk);
+    };
+    walk(page.layout);
+    return names;
+}
+export function tryDrawer(el, frame, viewer, words = en) {
+    const w = words.tryIt;
+    const doc = frame.ownerDocument;
+    const form = viewer.form;
+    const page = form.page;
+    const mine = kept.get(frame) ?? { tab: 'data', folded: true };
+    kept.set(frame, mine);
+    frame.parentElement?.querySelector(':scope > .fd-try-drawer')?.remove();
+    // A list holds no answers of its own to show.
+    if (page.layout.type === 'list')
+        return null;
+    // Ids of its own: two editors on one page may each be tried.
+    const id = `fd-try-drawer-${++drawers}`;
+    // Two buttons that each open their part of the drawer, the open one folding it: no tabs, so the page tried keeps the only tabs here.
+    const tab = (name, words) => el('button', { type: 'button', class: 'fd-try-tab', id: `${id}-${name}`, 'aria-controls': `${id}-${name}-panel` }, words);
+    const tabs = { data: tab('data', w.data), problems: tab('problems', w.problems) };
+    const count = el('span', { class: 'fd-try-count' });
+    tabs.problems.append(' ', count);
+    const said = el('span', { class: 'fd-try-said', role: 'status' });
+    const copy = el('button', { type: 'button', class: 'fd-button fd-button-link fd-try-copy' }, w.copyData);
+    const fold = el('button', { type: 'button', class: 'fd-button fd-button-link fd-try-fold', 'aria-controls': `${id}-panels` });
+    const data = el('pre', { class: 'fd-try-data', tabindex: '0', 'aria-label': w.answersAsJson });
+    const list = el('ul', { class: 'fd-try-problems' });
+    const none = el('p', { class: 'fd-try-none' }, w.nothingInTheWay);
+    const panels = {
+        data: el('div', { class: 'fd-try-panel', role: 'region', id: `${id}-data-panel`, 'aria-labelledby': `${id}-data` }, data),
+        problems: el('div', { class: 'fd-try-panel', role: 'region', id: `${id}-problems-panel`, 'aria-labelledby': `${id}-problems` }, list, none),
+    };
+    const drawer = el('section', { class: 'fd-try-drawer', 'aria-label': w.drawer }, el('div', { class: 'fd-try-drawer-bar' }, el('div', { class: 'fd-try-tabs' }, tabs.data, tabs.problems), said, copy, fold), el('div', { class: 'fd-try-panels', id: `${id}-panels` }, panels.data, panels.problems));
+    function show() {
+        for (const name of ['data', 'problems']) {
+            tabs[name].setAttribute('aria-expanded', String(name === mine.tab && !mine.folded));
+            panels[name].hidden = name !== mine.tab;
+        }
+        drawer.querySelector('.fd-try-panels').hidden = mine.folded;
+        fold.textContent = mine.folded ? w.show : w.hide;
+        fold.setAttribute('aria-expanded', String(!mine.folded));
+    }
+    /** The question a field is asked by, as the page shows it. */
+    const labelOf = (name) => viewer.element.querySelector(`.fd-field[data-field="${name}"] .fd-label`)?.firstChild?.textContent?.trim() || page.fields[name]?.label || name;
+    /** Put the cursor in a field: on its page first, for a survey of several. */
+    function goTo(name) {
+        const box = () => viewer.element.querySelector(`.fd-field[data-field="${name}"]:not([hidden])`);
+        const step = stepOf(page, name);
+        if ((!box() || box()?.closest('[hidden]')) && step)
+            form.goTo(step);
+        box()?.querySelector('input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])')?.focus();
+    }
+    function draw(state) {
+        const open = (tab) => !mine.folded && mine.tab === tab;
+        data.textContent = open('data') ? JSON.stringify(state.values, null, 2) : '';
+        const rows = [];
+        for (const name of shownFields(page)) {
+            const problem = form.problem(name);
+            if (problem)
+                rows.push({ name, message: problem, warning: false });
+            const warning = state.warnings[name] ?? (state.warningField === name ? state.warning : null);
+            if (warning)
+                rows.push({ name, message: warning, warning: true });
+        }
+        const problems = rows.filter((row) => !row.warning).length;
+        count.textContent = problems ? String(problems) : '';
+        count.hidden = !problems;
+        none.hidden = rows.length > 0;
+        list.replaceChildren(...rows.filter(() => open('problems')).map((row) => {
+            const button = el('button', { type: 'button', class: 'fd-try-problem', 'data-field': row.name, 'data-warning': row.warning ? '' : undefined }, el('strong', {}, labelOf(row.name)), el('span', {}, row.message));
+            button.addEventListener('click', () => goTo(row.name));
+            return el('li', {}, button);
+        }));
+    }
+    for (const name of ['data', 'problems']) {
+        tabs[name].addEventListener('click', () => {
+            // The open tab, pressed again, folds the drawer.
+            mine.folded = mine.tab === name && !mine.folded;
+            mine.tab = name;
+            show();
+            draw(form.getState());
+        });
+    }
+    fold.addEventListener('click', () => {
+        mine.folded = !mine.folded;
+        show();
+        draw(form.getState());
+    });
+    copy.addEventListener('click', async () => {
+        try {
+            await (doc.defaultView?.navigator).clipboard.writeText(JSON.stringify(form.getState().values, null, 2));
+            said.textContent = w.copied;
+        }
+        catch {
+            // No clipboard to write to: the data selected, for the person to copy.
+            mine.tab = 'data';
+            mine.folded = false;
+            show();
+            draw(form.getState());
+            doc.getSelection()?.selectAllChildren(data);
+            said.textContent = w.selected;
+        }
+    });
+    show();
+    draw(form.getState());
+    form.subscribe((state) => {
+        said.textContent = '';
+        draw(state);
+    });
+    frame.after(drawer);
+    return drawer;
+}
+//# sourceMappingURL=try-drawer.mjs.map

package/src/lib/try-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"try-drawer.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/try-drawer.ts"],"names":[],"mappings":"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"}

package/src/lib/try-it.d.mts

@@ -0,0 +1,37 @@
+import { type DataSource } from '@fieldia/core';
+import { type Skin } from '@fieldia/viewer';
+import type { WidgetFactory } from '@fieldia/widgets';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { FindItem } from './find-anything.mjs';
+/**
+ * Try it: the page working as people will use it, in place of the editor —
+ * at a desktop's, a tablet's or a phone's width, left to right or right to
+ * left in Arabic. Nothing typed here is kept: each time it is tried, the page
+ * is drawn afresh from the draft. A quiz, once sent, says its score.
+ */
+export interface TryItOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    skin: Skin;
+    /** Trying began or ended: the editor hides or shows itself. */
+    onChange(trying: boolean): void;
+    /** The app's own data source: the choices of the app's lists come from it. Nothing is read or saved through it besides. */
+    dataSource?: DataSource;
+    /** The app's own widgets, by `type` or `type.widget`, as the viewer takes them. */
+    widgets?: Record<string, WidgetFactory>;
+}
+export interface TryIt {
+    /** Design or Try it, for the bar. */
+    toggle: HTMLElement;
+    /** Where the page is tried. */
+    element: HTMLElement;
+    readonly trying: boolean;
+    /** Try the page, as Try it in the bar does. */
+    start(): void;
+    /** For Find anything: trying it, at a phone's width, in Arabic; or back to designing. */
+    items(): FindItem[];
+    destroy(): void;
+}
+export declare function tryIt(options: TryItOptions): TryIt;

package/src/lib/try-it.d.ts

@@ -0,0 +1,37 @@
+import { type DataSource } from '@fieldia/core';
+import { type Skin } from '@fieldia/viewer';
+import type { WidgetFactory } from '@fieldia/widgets';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { FindItem } from './find-anything';
+/**
+ * Try it: the page working as people will use it, in place of the editor —
+ * at a desktop's, a tablet's or a phone's width, left to right or right to
+ * left in Arabic. Nothing typed here is kept: each time it is tried, the page
+ * is drawn afresh from the draft. A quiz, once sent, says its score.
+ */
+export interface TryItOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    skin: Skin;
+    /** Trying began or ended: the editor hides or shows itself. */
+    onChange(trying: boolean): void;
+    /** The app's own data source: the choices of the app's lists come from it. Nothing is read or saved through it besides. */
+    dataSource?: DataSource;
+    /** The app's own widgets, by `type` or `type.widget`, as the viewer takes them. */
+    widgets?: Record<string, WidgetFactory>;
+}
+export interface TryIt {
+    /** Design or Try it, for the bar. */
+    toggle: HTMLElement;
+    /** Where the page is tried. */
+    element: HTMLElement;
+    readonly trying: boolean;
+    /** Try the page, as Try it in the bar does. */
+    start(): void;
+    /** For Find anything: trying it, at a phone's width, in Arabic; or back to designing. */
+    items(): FindItem[];
+    destroy(): void;
+}
+export declare function tryIt(options: TryItOptions): TryIt;