@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/try-it.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tryIt = tryIt;
+const core_1 = require("@fieldia/core");
+const viewer_1 = require("@fieldia/viewer");
+const icons_1 = require("./icons");
+const samples_1 = require("./samples");
+const translations_1 = require("./translations");
+const try_language_1 = require("./try-language");
+const try_drawer_1 = require("./try-drawer");
+/** A list's records to try it with: made up, enough for a few pages. */
+function madeUp(page) {
+    if (page.layout.type !== 'list' || page.data.kind !== 'record')
+        return {};
+    const rows = (0, samples_1.sampleRows)(page.fields, Object.keys(page.fields), 36);
+    return { [page.data.model]: Object.fromEntries(rows.map((values, i) => [String(i + 1), values])) };
+}
+function tryIt(options) {
+    const { el, doc, designer } = options;
+    const w = designer.words.tryIt;
+    const modeButton = (mode, words, icon) => el('button', { type: 'button', class: 'fd-mode-button', 'data-mode': mode, 'aria-pressed': 'false' }, (0, icons_1.designerIcon)(doc, icon), words);
+    const design = modeButton('design', w.design, 'edit');
+    const tryButton = modeButton('try', w.tryIt, 'play');
+    const toggle = el('div', { class: 'fd-mode', role: 'group', 'aria-label': w.modes }, design, tryButton);
+    const control = (name, words, icon) => el('button', { type: 'button', class: 'fd-try-button', 'data-try': name, 'aria-pressed': 'false', title: words, ...(icon ? { 'aria-label': words } : {}) }, ...(icon ? [(0, icons_1.designerIcon)(doc, icon)] : [words]));
+    const widths = { desktop: control('desktop', w.sizes.desktop, 'desktop'), tablet: control('tablet', w.sizes.tablet, 'tablet'), phone: control('phone', w.sizes.phone, 'device') };
+    const directions = { ltr: control('ltr', 'English'), rtl: control('rtl', 'العربية') };
+    // Each language by its own name, in its own language: a person finds theirs whatever the designer speaks.
+    directions.ltr.setAttribute('lang', 'en');
+    directions.rtl.setAttribute('lang', 'ar');
+    const frame = el('div', { class: 'fd-try-frame', 'data-width': 'desktop' });
+    const element = el('section', { class: 'fd-try', 'aria-label': w.tryThePage, hidden: '' }, el('div', { class: 'fd-try-bar' }, el('div', { class: 'fd-try-group', role: 'group', 'aria-label': w.width }, ...Object.values(widths)), el('p', { class: 'fd-try-note' }, w.note), el('div', { class: 'fd-try-group', role: 'group', 'aria-label': w.language }, ...Object.values(directions))), frame);
+    const language = (0, try_language_1.tryLanguage)({ el, designer, bar: element.querySelector('.fd-try-bar'), redraw: () => draw() });
+    let trying = false;
+    let width = 'desktop';
+    let direction = 'ltr';
+    /** Whether a direction was pressed: until one is, the page is tried the way its own language runs. */
+    let pressed = false;
+    let viewer = null;
+    function draw() {
+        viewer?.destroy();
+        viewer = null;
+        frame.replaceChildren();
+        if (!trying)
+            return;
+        frame.dataset['width'] = width;
+        const page = designer.getPage();
+        const dataSource = (0, core_1.createMemoryDataSource)({ records: madeUp(page) });
+        const app = options.dataSource;
+        if (app?.options)
+            dataSource.options = app.options.bind(app);
+        // Sent: the answers' score, under the viewer's thanks, when the page gives points.
+        const send = dataSource.submit.bind(dataSource);
+        dataSource.submit = async (request) => {
+            const result = await send(request);
+            showScore(page, request.values);
+            return result;
+        };
+        viewer = (0, viewer_1.mountViewer)(frame, {
+            page,
+            dataSource,
+            skin: options.skin,
+            widgets: options.widgets,
+            ...language.viewerOptions(direction),
+        });
+        (0, try_drawer_1.tryDrawer)(el, frame, viewer, designer.words);
+    }
+    /** "Score: 3 of 5": the points of the questions that were asked, out of the most they could earn. */
+    function showScore(page, values) {
+        const asked = Object.fromEntries(Object.entries(page.fields).filter(([name]) => name in values));
+        const result = (0, core_1.scoreOf)({ ...page, fields: asked }, values);
+        const done = frame.querySelector('.fd-done');
+        done?.querySelector('.fd-try-score')?.remove();
+        if (!result || !done)
+            return;
+        const words = direction === 'rtl' ? `النتيجة: ${result.score} من ${result.max}` : `Score: ${result.score} of ${result.max}`;
+        done.insertBefore(el('p', { class: 'fd-try-score', role: 'status' }, words), done.querySelector('button'));
+    }
+    function show() {
+        design.setAttribute('aria-pressed', String(!trying));
+        tryButton.setAttribute('aria-pressed', String(trying));
+        for (const [name, button] of Object.entries(widths))
+            button.setAttribute('aria-pressed', String(name === width));
+        for (const [name, button] of Object.entries(directions))
+            button.setAttribute('aria-pressed', String(name === direction));
+        element.hidden = !trying;
+    }
+    function set(next) {
+        if (next === trying)
+            return;
+        trying = next;
+        if (trying && !pressed)
+            direction = (0, core_1.isRightToLeft)((0, translations_1.pageLanguage)(designer.getPage())) ? 'rtl' : 'ltr';
+        show();
+        draw();
+        options.onChange(trying);
+    }
+    design.addEventListener('click', () => set(false));
+    tryButton.addEventListener('click', () => set(true));
+    for (const [name, button] of Object.entries(widths)) {
+        button.addEventListener('click', () => {
+            width = name;
+            frame.dataset['width'] = width;
+            show();
+        });
+    }
+    for (const [name, button] of Object.entries(directions)) {
+        button.addEventListener('click', () => {
+            direction = name;
+            pressed = true;
+            show();
+            draw();
+        });
+    }
+    show();
+    return {
+        toggle,
+        element,
+        get trying() {
+            return trying;
+        },
+        start: () => set(true),
+        items() {
+            if (trying)
+                return [{ label: w.backToDesigning, hint: w.design, run: () => design.click() }];
+            return [
+                { label: w.tryIt, hint: w.asPeopleWillUseIt, run: () => tryButton.click() },
+                {
+                    label: w.atPhoneWidth,
+                    hint: w.tryIt,
+                    run: () => {
+                        tryButton.click();
+                        widths.phone.click();
+                    },
+                },
+                {
+                    label: w.inArabic,
+                    hint: w.tryIt,
+                    run: () => {
+                        tryButton.click();
+                        directions.rtl.click();
+                    },
+                },
+            ];
+        },
+        destroy() {
+            viewer?.destroy();
+            viewer = null;
+            frame.replaceChildren();
+        },
+    };
+}
+//# sourceMappingURL=try-it.js.map

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

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

package/src/lib/try-it.mjs

@@ -0,0 +1,150 @@
+import { createMemoryDataSource, isRightToLeft, scoreOf } from '@fieldia/core';
+import { mountViewer } from '@fieldia/viewer';
+import { designerIcon } from './icons.mjs';
+import { sampleRows } from './samples.mjs';
+import { pageLanguage } from './translations.mjs';
+import { tryLanguage } from './try-language.mjs';
+import { tryDrawer } from './try-drawer.mjs';
+/** A list's records to try it with: made up, enough for a few pages. */
+function madeUp(page) {
+    if (page.layout.type !== 'list' || page.data.kind !== 'record')
+        return {};
+    const rows = sampleRows(page.fields, Object.keys(page.fields), 36);
+    return { [page.data.model]: Object.fromEntries(rows.map((values, i) => [String(i + 1), values])) };
+}
+export function tryIt(options) {
+    const { el, doc, designer } = options;
+    const w = designer.words.tryIt;
+    const modeButton = (mode, words, icon) => el('button', { type: 'button', class: 'fd-mode-button', 'data-mode': mode, 'aria-pressed': 'false' }, designerIcon(doc, icon), words);
+    const design = modeButton('design', w.design, 'edit');
+    const tryButton = modeButton('try', w.tryIt, 'play');
+    const toggle = el('div', { class: 'fd-mode', role: 'group', 'aria-label': w.modes }, design, tryButton);
+    const control = (name, words, icon) => el('button', { type: 'button', class: 'fd-try-button', 'data-try': name, 'aria-pressed': 'false', title: words, ...(icon ? { 'aria-label': words } : {}) }, ...(icon ? [designerIcon(doc, icon)] : [words]));
+    const widths = { desktop: control('desktop', w.sizes.desktop, 'desktop'), tablet: control('tablet', w.sizes.tablet, 'tablet'), phone: control('phone', w.sizes.phone, 'device') };
+    const directions = { ltr: control('ltr', 'English'), rtl: control('rtl', 'العربية') };
+    // Each language by its own name, in its own language: a person finds theirs whatever the designer speaks.
+    directions.ltr.setAttribute('lang', 'en');
+    directions.rtl.setAttribute('lang', 'ar');
+    const frame = el('div', { class: 'fd-try-frame', 'data-width': 'desktop' });
+    const element = el('section', { class: 'fd-try', 'aria-label': w.tryThePage, hidden: '' }, el('div', { class: 'fd-try-bar' }, el('div', { class: 'fd-try-group', role: 'group', 'aria-label': w.width }, ...Object.values(widths)), el('p', { class: 'fd-try-note' }, w.note), el('div', { class: 'fd-try-group', role: 'group', 'aria-label': w.language }, ...Object.values(directions))), frame);
+    const language = tryLanguage({ el, designer, bar: element.querySelector('.fd-try-bar'), redraw: () => draw() });
+    let trying = false;
+    let width = 'desktop';
+    let direction = 'ltr';
+    /** Whether a direction was pressed: until one is, the page is tried the way its own language runs. */
+    let pressed = false;
+    let viewer = null;
+    function draw() {
+        viewer?.destroy();
+        viewer = null;
+        frame.replaceChildren();
+        if (!trying)
+            return;
+        frame.dataset['width'] = width;
+        const page = designer.getPage();
+        const dataSource = createMemoryDataSource({ records: madeUp(page) });
+        const app = options.dataSource;
+        if (app?.options)
+            dataSource.options = app.options.bind(app);
+        // Sent: the answers' score, under the viewer's thanks, when the page gives points.
+        const send = dataSource.submit.bind(dataSource);
+        dataSource.submit = async (request) => {
+            const result = await send(request);
+            showScore(page, request.values);
+            return result;
+        };
+        viewer = mountViewer(frame, {
+            page,
+            dataSource,
+            skin: options.skin,
+            widgets: options.widgets,
+            ...language.viewerOptions(direction),
+        });
+        tryDrawer(el, frame, viewer, designer.words);
+    }
+    /** "Score: 3 of 5": the points of the questions that were asked, out of the most they could earn. */
+    function showScore(page, values) {
+        const asked = Object.fromEntries(Object.entries(page.fields).filter(([name]) => name in values));
+        const result = scoreOf({ ...page, fields: asked }, values);
+        const done = frame.querySelector('.fd-done');
+        done?.querySelector('.fd-try-score')?.remove();
+        if (!result || !done)
+            return;
+        const words = direction === 'rtl' ? `النتيجة: ${result.score} من ${result.max}` : `Score: ${result.score} of ${result.max}`;
+        done.insertBefore(el('p', { class: 'fd-try-score', role: 'status' }, words), done.querySelector('button'));
+    }
+    function show() {
+        design.setAttribute('aria-pressed', String(!trying));
+        tryButton.setAttribute('aria-pressed', String(trying));
+        for (const [name, button] of Object.entries(widths))
+            button.setAttribute('aria-pressed', String(name === width));
+        for (const [name, button] of Object.entries(directions))
+            button.setAttribute('aria-pressed', String(name === direction));
+        element.hidden = !trying;
+    }
+    function set(next) {
+        if (next === trying)
+            return;
+        trying = next;
+        if (trying && !pressed)
+            direction = isRightToLeft(pageLanguage(designer.getPage())) ? 'rtl' : 'ltr';
+        show();
+        draw();
+        options.onChange(trying);
+    }
+    design.addEventListener('click', () => set(false));
+    tryButton.addEventListener('click', () => set(true));
+    for (const [name, button] of Object.entries(widths)) {
+        button.addEventListener('click', () => {
+            width = name;
+            frame.dataset['width'] = width;
+            show();
+        });
+    }
+    for (const [name, button] of Object.entries(directions)) {
+        button.addEventListener('click', () => {
+            direction = name;
+            pressed = true;
+            show();
+            draw();
+        });
+    }
+    show();
+    return {
+        toggle,
+        element,
+        get trying() {
+            return trying;
+        },
+        start: () => set(true),
+        items() {
+            if (trying)
+                return [{ label: w.backToDesigning, hint: w.design, run: () => design.click() }];
+            return [
+                { label: w.tryIt, hint: w.asPeopleWillUseIt, run: () => tryButton.click() },
+                {
+                    label: w.atPhoneWidth,
+                    hint: w.tryIt,
+                    run: () => {
+                        tryButton.click();
+                        widths.phone.click();
+                    },
+                },
+                {
+                    label: w.inArabic,
+                    hint: w.tryIt,
+                    run: () => {
+                        tryButton.click();
+                        directions.rtl.click();
+                    },
+                },
+            ];
+        },
+        destroy() {
+            viewer?.destroy();
+            viewer = null;
+            frame.replaceChildren();
+        },
+    };
+}
+//# sourceMappingURL=try-it.mjs.map

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

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

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

@@ -0,0 +1,25 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * Try it in a language: beside Try it's English and العربية, the languages
+ * the page keeps, to try it in one — in its words, right to left where it is
+ * written so. The two agree: picking a language presses the direction it
+ * runs, العربية picks the page's Arabic when it keeps some, and English lets
+ * go of a language written right to left.
+ */
+export interface TryLanguageOptions {
+    el: ElementFactory;
+    designer: Designer;
+    /** Try it's bar, with its English and العربية buttons. */
+    bar: HTMLElement;
+    /** Draw the page again, in the language now picked. */
+    redraw(): void;
+}
+export interface TryLanguage {
+    /** What the viewer is given, for the direction pressed: the language picked, or else Arabic when right to left. */
+    viewerOptions(direction: 'ltr' | 'rtl'): {
+        dir: 'ltr' | 'rtl';
+        locale?: string;
+    };
+}
+export declare function tryLanguage({ el, designer, bar, redraw }: TryLanguageOptions): TryLanguage;

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

@@ -0,0 +1,25 @@
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * Try it in a language: beside Try it's English and العربية, the languages
+ * the page keeps, to try it in one — in its words, right to left where it is
+ * written so. The two agree: picking a language presses the direction it
+ * runs, العربية picks the page's Arabic when it keeps some, and English lets
+ * go of a language written right to left.
+ */
+export interface TryLanguageOptions {
+    el: ElementFactory;
+    designer: Designer;
+    /** Try it's bar, with its English and العربية buttons. */
+    bar: HTMLElement;
+    /** Draw the page again, in the language now picked. */
+    redraw(): void;
+}
+export interface TryLanguage {
+    /** What the viewer is given, for the direction pressed: the language picked, or else Arabic when right to left. */
+    viewerOptions(direction: 'ltr' | 'rtl'): {
+        dir: 'ltr' | 'rtl';
+        locale?: string;
+    };
+}
+export declare function tryLanguage({ el, designer, bar, redraw }: TryLanguageOptions): TryLanguage;

package/src/lib/try-language.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tryLanguage = tryLanguage;
+const core_1 = require("@fieldia/core");
+const translations_1 = require("./translations");
+const directionOf = (tag) => ((0, core_1.isRightToLeft)(tag) ? 'rtl' : 'ltr');
+function tryLanguage({ el, designer, bar, redraw }) {
+    const words = designer.words;
+    const select = el('select', { class: 'fd-input' });
+    const element = el('label', { class: 'fd-try-language', hidden: '' }, el('span', { class: 'fd-try-language-words' }, words.tryIt.wordsIn), select);
+    const button = (direction) => bar.querySelector(`button[data-try="${direction}"]`);
+    bar.insertBefore(element, button('rtl')?.parentElement ?? null);
+    let picked = null;
+    /** A direction pressed by this picker, not by a person. */
+    let syncing = false;
+    /** The page's languages now: one picked that the page no longer keeps is let go. */
+    function refresh() {
+        const page = designer.getPage();
+        const languages = (0, translations_1.languagesOf)(page);
+        if (picked && !languages.includes(picked))
+            picked = null;
+        element.hidden = !languages.length;
+        select.replaceChildren(el('option', { value: '' }, words.rulesUi.asWritten((0, translations_1.languageName)((0, translations_1.pageLanguage)(page), words))), ...languages.map((tag) => el('option', { value: tag }, (0, translations_1.languageName)(tag, words))));
+        select.value = picked ?? '';
+    }
+    select.addEventListener('change', () => {
+        picked = select.value || null;
+        const want = directionOf(picked ?? (0, translations_1.pageLanguage)(designer.getPage()));
+        if (button(want)?.getAttribute('aria-pressed') === 'true')
+            return redraw();
+        syncing = true;
+        try {
+            button(want)?.click();
+        }
+        finally {
+            syncing = false;
+        }
+    });
+    // Heard before Try it's own: the language is settled before it draws.
+    button('rtl')?.addEventListener('click', () => {
+        if (!syncing)
+            picked = (0, translations_1.languagesOf)(designer.getPage()).includes('ar') ? 'ar' : null;
+    });
+    button('ltr')?.addEventListener('click', () => {
+        if (!syncing && picked && (0, core_1.isRightToLeft)(picked))
+            picked = null;
+    });
+    return {
+        viewerOptions(direction) {
+            refresh();
+            if (picked)
+                return { dir: directionOf(picked), locale: picked };
+            return direction === 'rtl' ? { dir: 'rtl', locale: 'ar' } : { dir: 'ltr' };
+        },
+    };
+}
+//# sourceMappingURL=try-language.js.map

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

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

package/src/lib/try-language.mjs

@@ -0,0 +1,54 @@
+import { isRightToLeft } from '@fieldia/core';
+import { languageName, languagesOf, pageLanguage } from './translations.mjs';
+const directionOf = (tag) => (isRightToLeft(tag) ? 'rtl' : 'ltr');
+export function tryLanguage({ el, designer, bar, redraw }) {
+    const words = designer.words;
+    const select = el('select', { class: 'fd-input' });
+    const element = el('label', { class: 'fd-try-language', hidden: '' }, el('span', { class: 'fd-try-language-words' }, words.tryIt.wordsIn), select);
+    const button = (direction) => bar.querySelector(`button[data-try="${direction}"]`);
+    bar.insertBefore(element, button('rtl')?.parentElement ?? null);
+    let picked = null;
+    /** A direction pressed by this picker, not by a person. */
+    let syncing = false;
+    /** The page's languages now: one picked that the page no longer keeps is let go. */
+    function refresh() {
+        const page = designer.getPage();
+        const languages = languagesOf(page);
+        if (picked && !languages.includes(picked))
+            picked = null;
+        element.hidden = !languages.length;
+        select.replaceChildren(el('option', { value: '' }, words.rulesUi.asWritten(languageName(pageLanguage(page), words))), ...languages.map((tag) => el('option', { value: tag }, languageName(tag, words))));
+        select.value = picked ?? '';
+    }
+    select.addEventListener('change', () => {
+        picked = select.value || null;
+        const want = directionOf(picked ?? pageLanguage(designer.getPage()));
+        if (button(want)?.getAttribute('aria-pressed') === 'true')
+            return redraw();
+        syncing = true;
+        try {
+            button(want)?.click();
+        }
+        finally {
+            syncing = false;
+        }
+    });
+    // Heard before Try it's own: the language is settled before it draws.
+    button('rtl')?.addEventListener('click', () => {
+        if (!syncing)
+            picked = languagesOf(designer.getPage()).includes('ar') ? 'ar' : null;
+    });
+    button('ltr')?.addEventListener('click', () => {
+        if (!syncing && picked && isRightToLeft(picked))
+            picked = null;
+    });
+    return {
+        viewerOptions(direction) {
+            refresh();
+            if (picked)
+                return { dir: directionOf(picked), locale: picked };
+            return direction === 'rtl' ? { dir: 'rtl', locale: 'ar' } : { dir: 'ltr' };
+        },
+    };
+}
+//# sourceMappingURL=try-language.mjs.map

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

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

package/src/lib/validate-edit.d.mts

@@ -0,0 +1,19 @@
+import { type Page, type PageValidation } from '@fieldia/core';
+/**
+ * An edit's page, checked as `validatePage` checks it, at the cost of what
+ * the edit changed. A page known to pass whose edit left its layout alone —
+ * a label typed, a help, an option, a translation, the title, the look —
+ * needs only the fields and parts it changed checked against the format,
+ * and the page's references checked (the quick `checkPage`): the rest is as
+ * it was when it passed. Anything else, a page not known to pass among it,
+ * is checked whole, and a page refused is always refused by the whole check,
+ * so its problems read as they always have.
+ *
+ * The page handed back keeps every part the edit left alone (`keepUnchanged`).
+ */
+export interface EditChecker {
+    (before: Page, draft: Page): PageValidation;
+    /** Whether a page is known to pass: one this checker passed. */
+    passed(page: Page): boolean;
+}
+export declare function editChecker(): EditChecker;

package/src/lib/validate-edit.d.ts

@@ -0,0 +1,19 @@
+import { type Page, type PageValidation } from '@fieldia/core';
+/**
+ * An edit's page, checked as `validatePage` checks it, at the cost of what
+ * the edit changed. A page known to pass whose edit left its layout alone —
+ * a label typed, a help, an option, a translation, the title, the look —
+ * needs only the fields and parts it changed checked against the format,
+ * and the page's references checked (the quick `checkPage`): the rest is as
+ * it was when it passed. Anything else, a page not known to pass among it,
+ * is checked whole, and a page refused is always refused by the whole check,
+ * so its problems read as they always have.
+ *
+ * The page handed back keeps every part the edit left alone (`keepUnchanged`).
+ */
+export interface EditChecker {
+    (before: Page, draft: Page): PageValidation;
+    /** Whether a page is known to pass: one this checker passed. */
+    passed(page: Page): boolean;
+}
+export declare function editChecker(): EditChecker;

package/src/lib/validate-edit.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.editChecker = editChecker;
+const core_1 = require("@fieldia/core");
+const keep_unchanged_1 = require("./keep-unchanged");
+function editChecker() {
+    /** Pages that passed: an edit of one of them may be checked by what it changed. */
+    const passed = new WeakSet();
+    const check = (before, draft) => {
+        const next = (0, keep_unchanged_1.keepUnchanged)(before, draft);
+        const changed = passed.has(before) ? changedParts(before, next) : null;
+        if (changed &&
+            changed.fields.every((name) => core_1.FieldSchema.safeParse(next.fields[name]).success) &&
+            changed.parts.every((key) => PARTS[key]?.safeParse(next[key]).success === true) &&
+            (0, core_1.checkPage)(next).ok) {
+            passed.add(next);
+            return { ok: true, page: next };
+        }
+        const whole = (0, core_1.validatePage)(draft);
+        if (!whole.ok)
+            return whole;
+        const page = (0, keep_unchanged_1.keepUnchanged)(before, whole.page);
+        passed.add(page);
+        return { ok: true, page };
+    };
+    return Object.assign(check, { passed: (page) => passed.has(page) });
+}
+/** The format of each part of a page, by its key: a part changed is checked against its own. */
+const PARTS = core_1.PageSchema.shape;
+/**
+ * What an edit changed, when it left the layout, and which parts and fields
+ * the page has, as they were: the fields whose definitions changed, and the
+ * page's other parts that did. Null when it changed anything else.
+ */
+function changedParts(before, next) {
+    if (next === before)
+        return { fields: [], parts: [] };
+    const keys = Object.keys(next);
+    const was = Object.keys(before);
+    if (keys.length !== was.length || keys.some((key, i) => key !== was[i]) || next.layout !== before.layout)
+        return null;
+    const names = Object.keys(next.fields);
+    const had = Object.keys(before.fields);
+    if (names.length !== had.length || names.some((name, i) => name !== had[i]))
+        return null;
+    return {
+        fields: names.filter((name) => next.fields[name] !== before.fields[name]),
+        parts: keys.filter((key) => key !== 'fields' && next[key] !== before[key]),
+    };
+}
+//# sourceMappingURL=validate-edit.js.map

package/src/lib/validate-edit.js.map

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