@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/choice-commands.mjs

@@ -0,0 +1,145 @@
+import { kindOfField } from './kinds.mjs';
+import { findNode } from './page-tree.mjs';
+import { Refusal } from './refusal.mjs';
+/** The largest picture an option takes, as uploaded: 5 MB. */
+export const LARGEST_PICTURE = 5 * 1024 * 1024;
+const megabytes = (bytes) => Math.round((bytes / 1024 / 1024) * 10) / 10;
+export function choiceCommands({ apply, fromModel, words }) {
+    /** The question's node and its field, when the field is the page's own to change. */
+    function question(draft, id, owned) {
+        const found = findNode(draft, id);
+        if (!found || found.node.type !== 'field')
+            throw new Refusal((w) => w.refusals.noQuestion(id));
+        const field = draft.fields[found.node.field];
+        if (fromModel(found.node.field))
+            throw new Refusal((w) => owned(w, field.label));
+        return { node: found.node, field };
+    }
+    const choice = (draft, id, owned) => {
+        const { node, field } = question(draft, id, owned);
+        if (field.type !== 'selection')
+            throw new Refusal((w) => w.refusals.onlyOptions);
+        return { node, field };
+    };
+    return {
+        moveOption(id, from, to) {
+            return apply((draft) => {
+                const { field } = choice(draft, id, (w, label) => w.refusals.orderFromModel(label));
+                if (!field.options[from] || to < 0 || to >= field.options.length)
+                    throw new Refusal((w) => w.refusals.optionMoves);
+                const [option] = field.options.splice(from, 1);
+                field.options.splice(to, 0, option);
+            });
+        },
+        addNoneOption(id, label = words.defaults.noneOfThese) {
+            return apply((draft) => {
+                const { node, field } = choice(draft, id, (w, label) => w.refusals.theOptionsFromModel(label));
+                if (!field.multiple || kindOfField(field, node) !== 'checkboxes')
+                    throw new Refusal((w) => w.refusals.onlyCheckboxesNone);
+                if (field.options.some((o) => o.exclusive))
+                    throw new Refusal((w) => w.refusals.goesAloneAlready(field.label));
+                const values = new Set(field.options.map((o) => String(o.value)));
+                let value = 'none';
+                for (let n = 2; values.has(value); n++)
+                    value = `none_${n}`;
+                field.options.push({ value, label, exclusive: true });
+            });
+        },
+        setOptionPicture(id, index, { src, bytes }) {
+            return apply((draft) => {
+                const { field } = choice(draft, id, (w, label) => w.refusals.picturesFromModel(label));
+                const option = field.options[index];
+                if (!option)
+                    throw new Refusal((w) => w.refusals.noOption(index + 1));
+                if (bytes > LARGEST_PICTURE)
+                    throw new Refusal((w) => w.refusals.pictureTooBig(w.refusals.megabytes(megabytes(bytes))));
+                if (!src.startsWith('data:image/'))
+                    throw new Refusal((w) => w.refusals.notAPicture);
+                option.image = src;
+            });
+        },
+        setOwnAnswers(id, on) {
+            return apply((draft) => {
+                const { node, field } = choice(draft, id, (w, label) => w.refusals.ownAnswersFromModel(label));
+                if (kindOfField(field, node) !== 'tags')
+                    throw new Refusal((w) => w.refusals.onlyTagsOwn);
+                if (on)
+                    field.ownAnswers = true;
+                else
+                    delete field.ownAnswers;
+            });
+        },
+        setOnePerColumn(id, on) {
+            return apply((draft) => {
+                const { field } = question(draft, id, (w, label) => w.refusals.columnsTakenFromModel(label));
+                if (field.type !== 'matrix')
+                    throw new Refusal((w) => w.refusals.onlyMatrixOnce);
+                if (on)
+                    field.onePerColumn = true;
+                else
+                    delete field.onePerColumn;
+            });
+        },
+        setYesNoLook(id, look) {
+            return apply((draft) => {
+                const found = findNode(draft, id);
+                if (!found || found.node.type !== 'field' || draft.fields[found.node.field].type !== 'boolean' || found.node.widget === 'tick')
+                    throw new Refusal((w) => w.refusals.onlyYesNoLook);
+                const node = found.node;
+                const field = draft.fields[node.field];
+                node.widget = look === 'buttons' ? 'buttons' : 'toggle';
+                // Buttons start with neither picked: the page's own field starts empty, not "no".
+                if (look === 'buttons' && field.default === undefined && !fromModel(node.field))
+                    field.default = null;
+                if (look === 'switch' && node.options) {
+                    delete node.options['yesLabel'];
+                    delete node.options['noLabel'];
+                    if (!Object.keys(node.options).length)
+                        delete node.options;
+                }
+            });
+        },
+        setBadge(id, on) {
+            return apply((draft) => {
+                const found = findNode(draft, id);
+                const field = found?.node.type === 'field' ? draft.fields[found.node.field] : undefined;
+                if (!found || found.node.type !== 'field' || field?.type !== 'selection' || field.multiple || (found.node.widget && found.node.widget !== 'badge'))
+                    throw new Refusal((w) => w.refusals.onlyOneChoiceBadge);
+                const node = found.node;
+                if (on)
+                    node.widget = 'badge';
+                else {
+                    delete node.widget;
+                    if (node.options) {
+                        delete node.options['tones'];
+                        if (!Object.keys(node.options).length)
+                            delete node.options;
+                    }
+                }
+            });
+        },
+        setBadgeTone(id, value, tone) {
+            return apply((draft) => {
+                const found = findNode(draft, id);
+                if (!found || found.node.type !== 'field' || found.node.widget !== 'badge')
+                    throw new Refusal((w) => w.refusals.onlyOneChoiceBadge);
+                const node = found.node;
+                const tones = { ...(node.options?.['tones'] ?? {}) };
+                if (tone)
+                    tones[String(value)] = tone;
+                else
+                    delete tones[String(value)];
+                const options = { ...(node.options ?? {}) };
+                if (Object.keys(tones).length)
+                    options['tones'] = tones;
+                else
+                    delete options['tones'];
+                if (Object.keys(options).length)
+                    node.options = options;
+                else
+                    delete node.options;
+            });
+        },
+    };
+}
+//# sourceMappingURL=choice-commands.mjs.map

package/src/lib/choice-commands.mjs.map

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

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

@@ -0,0 +1,34 @@
+import type { Locale, Page } from '@fieldia/core';
+import { WIDGET_LABELS } from '@fieldia/widgets';
+import type { Designer } from './designer.mjs';
+/**
+ * Which way the designer's own words run. Given a language, the editor runs
+ * that language's way — English left to right on a page right to left, Arabic
+ * right to left on one left to right — so its sentences keep their full stops
+ * at their ends; what draws the page keeps the page's own language and
+ * direction, as the form will have them. Given none, everything takes the
+ * direction of the page around it, as before.
+ */
+/** The language and direction of the designer's own words, for an element of its own; nothing when it was given no language. */
+export declare function chromeLanguage(designer: Designer): {
+    lang?: string;
+    dir?: 'ltr' | 'rtl';
+};
+/** The direction of the page around the editor: the way its own form will run. */
+export declare function hostDirection(host: Element): 'ltr' | 'rtl';
+/**
+ * The editor in its own language and direction (`chromeLanguage`), while what
+ * draws the page — the canvas, the cards — keeps the language and direction
+ * of the page around it, as the form will have them. Returns a way to look
+ * at the page around it again, as its direction may change.
+ */
+export declare function speakIn(root: HTMLElement, host: HTMLElement, designer: Designer, drawn: () => HTMLElement[]): () => void;
+/** An element of the designer's own, put outside its parts (a menu, a chip): in the editor's language and direction, when it has one. */
+export declare function speakLike(element: HTMLElement, from: Element | null): HTMLElement;
+/** The language of Fieldia's own words on the page drawn — a widget's "Add photos", a list's "Search…" — the page's (`language`), as its form will speak; English for one Fieldia has no words in. */
+export declare function pageLocale(page: Page): Locale;
+/** What a widget drawn for the page needs to speak as it will on the form: its words, and the language. */
+export declare function widgetWords(page: Page): {
+    labels: (typeof WIDGET_LABELS)[Locale];
+    locale: Locale;
+};

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

@@ -0,0 +1,34 @@
+import type { Locale, Page } from '@fieldia/core';
+import { WIDGET_LABELS } from '@fieldia/widgets';
+import type { Designer } from './designer';
+/**
+ * Which way the designer's own words run. Given a language, the editor runs
+ * that language's way — English left to right on a page right to left, Arabic
+ * right to left on one left to right — so its sentences keep their full stops
+ * at their ends; what draws the page keeps the page's own language and
+ * direction, as the form will have them. Given none, everything takes the
+ * direction of the page around it, as before.
+ */
+/** The language and direction of the designer's own words, for an element of its own; nothing when it was given no language. */
+export declare function chromeLanguage(designer: Designer): {
+    lang?: string;
+    dir?: 'ltr' | 'rtl';
+};
+/** The direction of the page around the editor: the way its own form will run. */
+export declare function hostDirection(host: Element): 'ltr' | 'rtl';
+/**
+ * The editor in its own language and direction (`chromeLanguage`), while what
+ * draws the page — the canvas, the cards — keeps the language and direction
+ * of the page around it, as the form will have them. Returns a way to look
+ * at the page around it again, as its direction may change.
+ */
+export declare function speakIn(root: HTMLElement, host: HTMLElement, designer: Designer, drawn: () => HTMLElement[]): () => void;
+/** An element of the designer's own, put outside its parts (a menu, a chip): in the editor's language and direction, when it has one. */
+export declare function speakLike(element: HTMLElement, from: Element | null): HTMLElement;
+/** The language of Fieldia's own words on the page drawn — a widget's "Add photos", a list's "Search…" — the page's (`language`), as its form will speak; English for one Fieldia has no words in. */
+export declare function pageLocale(page: Page): Locale;
+/** What a widget drawn for the page needs to speak as it will on the form: its words, and the language. */
+export declare function widgetWords(page: Page): {
+    labels: (typeof WIDGET_LABELS)[Locale];
+    locale: Locale;
+};

package/src/lib/chrome-language.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chromeLanguage = chromeLanguage;
+exports.hostDirection = hostDirection;
+exports.speakIn = speakIn;
+exports.speakLike = speakLike;
+exports.pageLocale = pageLocale;
+exports.widgetWords = widgetWords;
+const widgets_1 = require("@fieldia/widgets");
+const designer_words_1 = require("./designer-words");
+/**
+ * Which way the designer's own words run. Given a language, the editor runs
+ * that language's way — English left to right on a page right to left, Arabic
+ * right to left on one left to right — so its sentences keep their full stops
+ * at their ends; what draws the page keeps the page's own language and
+ * direction, as the form will have them. Given none, everything takes the
+ * direction of the page around it, as before.
+ */
+/** The language and direction of the designer's own words, for an element of its own; nothing when it was given no language. */
+function chromeLanguage(designer) {
+    return designer.locale ? { lang: designer.locale, dir: (0, designer_words_1.designerDirection)(designer.locale) } : {};
+}
+/** The direction of the page around the editor: the way its own form will run. */
+function hostDirection(host) {
+    const css = host.ownerDocument.defaultView?.getComputedStyle(host).direction;
+    if (css === 'rtl' || css === 'ltr')
+        return css;
+    return host.closest('[dir]')?.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr';
+}
+/**
+ * The editor in its own language and direction (`chromeLanguage`), while what
+ * draws the page — the canvas, the cards — keeps the language and direction
+ * of the page around it, as the form will have them. Returns a way to look
+ * at the page around it again, as its direction may change.
+ */
+function speakIn(root, host, designer, drawn) {
+    const own = chromeLanguage(designer);
+    if (!own.dir)
+        return () => undefined;
+    root.lang = own.lang;
+    root.dir = own.dir;
+    const sync = () => {
+        const dir = hostDirection(host);
+        const lang = host.closest('[lang]')?.getAttribute('lang') ?? '';
+        for (const part of drawn()) {
+            if (part.dir !== dir)
+                part.dir = dir;
+            if (part.lang !== lang)
+                part.lang = lang;
+        }
+    };
+    sync();
+    return sync;
+}
+/** An element of the designer's own, put outside its parts (a menu, a chip): in the editor's language and direction, when it has one. */
+function speakLike(element, from) {
+    const root = from?.closest('.fd-designer');
+    if (root?.dir) {
+        element.dir = root.dir;
+        element.lang = root.lang;
+    }
+    return element;
+}
+/** The language of Fieldia's own words on the page drawn — a widget's "Add photos", a list's "Search…" — the page's (`language`), as its form will speak; English for one Fieldia has no words in. */
+function pageLocale(page) {
+    const base = (page.language ?? 'en').split('-')[0];
+    return Object.prototype.hasOwnProperty.call(widgets_1.WIDGET_LABELS, base) ? base : 'en';
+}
+/** What a widget drawn for the page needs to speak as it will on the form: its words, and the language. */
+function widgetWords(page) {
+    const locale = pageLocale(page);
+    return { labels: widgets_1.WIDGET_LABELS[locale], locale };
+}
+//# sourceMappingURL=chrome-language.js.map

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

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

package/src/lib/chrome-language.mjs

@@ -0,0 +1,66 @@
+import { WIDGET_LABELS } from '@fieldia/widgets';
+import { designerDirection } from './designer-words.mjs';
+/**
+ * Which way the designer's own words run. Given a language, the editor runs
+ * that language's way — English left to right on a page right to left, Arabic
+ * right to left on one left to right — so its sentences keep their full stops
+ * at their ends; what draws the page keeps the page's own language and
+ * direction, as the form will have them. Given none, everything takes the
+ * direction of the page around it, as before.
+ */
+/** The language and direction of the designer's own words, for an element of its own; nothing when it was given no language. */
+export function chromeLanguage(designer) {
+    return designer.locale ? { lang: designer.locale, dir: designerDirection(designer.locale) } : {};
+}
+/** The direction of the page around the editor: the way its own form will run. */
+export function hostDirection(host) {
+    const css = host.ownerDocument.defaultView?.getComputedStyle(host).direction;
+    if (css === 'rtl' || css === 'ltr')
+        return css;
+    return host.closest('[dir]')?.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr';
+}
+/**
+ * The editor in its own language and direction (`chromeLanguage`), while what
+ * draws the page — the canvas, the cards — keeps the language and direction
+ * of the page around it, as the form will have them. Returns a way to look
+ * at the page around it again, as its direction may change.
+ */
+export function speakIn(root, host, designer, drawn) {
+    const own = chromeLanguage(designer);
+    if (!own.dir)
+        return () => undefined;
+    root.lang = own.lang;
+    root.dir = own.dir;
+    const sync = () => {
+        const dir = hostDirection(host);
+        const lang = host.closest('[lang]')?.getAttribute('lang') ?? '';
+        for (const part of drawn()) {
+            if (part.dir !== dir)
+                part.dir = dir;
+            if (part.lang !== lang)
+                part.lang = lang;
+        }
+    };
+    sync();
+    return sync;
+}
+/** An element of the designer's own, put outside its parts (a menu, a chip): in the editor's language and direction, when it has one. */
+export function speakLike(element, from) {
+    const root = from?.closest('.fd-designer');
+    if (root?.dir) {
+        element.dir = root.dir;
+        element.lang = root.lang;
+    }
+    return element;
+}
+/** The language of Fieldia's own words on the page drawn — a widget's "Add photos", a list's "Search…" — the page's (`language`), as its form will speak; English for one Fieldia has no words in. */
+export function pageLocale(page) {
+    const base = (page.language ?? 'en').split('-')[0];
+    return Object.prototype.hasOwnProperty.call(WIDGET_LABELS, base) ? base : 'en';
+}
+/** What a widget drawn for the page needs to speak as it will on the form: its words, and the language. */
+export function widgetWords(page) {
+    const locale = pageLocale(page);
+    return { labels: WIDGET_LABELS[locale], locale };
+}
+//# sourceMappingURL=chrome-language.mjs.map

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

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

package/src/lib/chrome.d.mts

@@ -0,0 +1,49 @@
+import type { Field, FieldNode } from '@fieldia/core';
+import type { Designer, DesignerState } from './designer.mjs';
+import { type FindItem } from './find-anything.mjs';
+import { type GoTo } from './publish-ui.mjs';
+/** The parts both editors share: the bar with undo and publish, and the list of options. */
+export type ElementFactory = <K extends keyof HTMLElementTagNameMap>(tag: K, attrs?: Record<string, string | undefined>, ...children: (Node | string)[]) => HTMLElementTagNameMap[K];
+export declare function elementFactory(doc: Document): ElementFactory;
+export declare function iconButton(el: ElementFactory, label: string, text: string, onClick: () => void, extra?: string): HTMLButtonElement;
+/**
+ * A click on empty room puts down what is picked: on the canvas around the
+ * fields, between the editor's parts, or anywhere outside the editor. A click
+ * on a field or a part of the page (`pickable`) picks that instead, and one
+ * on the panel, the toolbox or any control works on what is picked, so both
+ * leave it be. Returns the way to stop.
+ */
+export declare function putDownOnClickOutside(root: HTMLElement, designer: Designer, pickable: string, active: () => boolean): () => void;
+export interface DesignerBar {
+    element: HTMLElement;
+    /** Why the last edit was refused, if it was. */
+    issues: HTMLElement;
+    update(state: DesignerState): void;
+    destroy(): void;
+}
+/**
+ * The page title, where the page stands (draft, published) opening the
+ * versions published, Undo and Redo, Checks, and Publish asking first — each
+ * shown only when it can act. Ctrl/Cmd+Z and Shift+Z or Y undo and redo
+ * anywhere in `root` outside a text box.
+ */
+export declare function designerBar(root: HTMLElement, designer: Designer, options: {
+    titleLabel: string;
+    placeholder: string;
+    extra?: Node[];
+    goTo?: GoTo;
+    find?: () => FindItem[];
+}): DesignerBar;
+export interface OptionsEditor {
+    element: HTMLElement;
+    /** Show the field's options; hidden for a field without any. With its node, the kind decides the rest: numbers for a dropdown, "Other" for multiple choice and checkboxes. */
+    update(field: Field, node?: FieldNode): void;
+}
+/**
+ * The choices of a question, one input each, kept by position so typing in
+ * one keeps its focus — typed the Google Forms way: Enter adds the next one
+ * under it, Backspace in an empty one takes it away, and one left empty goes
+ * when the cursor leaves it. Each is moved by its grip, or by Alt+↑/↓ in its
+ * box; checkboxes take "None of these", an option that goes alone.
+ */
+export declare function optionsEditor(el: ElementFactory, designer: Designer, nodeId: string): OptionsEditor;

package/src/lib/chrome.d.ts

@@ -0,0 +1,49 @@
+import type { Field, FieldNode } from '@fieldia/core';
+import type { Designer, DesignerState } from './designer';
+import { type FindItem } from './find-anything';
+import { type GoTo } from './publish-ui';
+/** The parts both editors share: the bar with undo and publish, and the list of options. */
+export type ElementFactory = <K extends keyof HTMLElementTagNameMap>(tag: K, attrs?: Record<string, string | undefined>, ...children: (Node | string)[]) => HTMLElementTagNameMap[K];
+export declare function elementFactory(doc: Document): ElementFactory;
+export declare function iconButton(el: ElementFactory, label: string, text: string, onClick: () => void, extra?: string): HTMLButtonElement;
+/**
+ * A click on empty room puts down what is picked: on the canvas around the
+ * fields, between the editor's parts, or anywhere outside the editor. A click
+ * on a field or a part of the page (`pickable`) picks that instead, and one
+ * on the panel, the toolbox or any control works on what is picked, so both
+ * leave it be. Returns the way to stop.
+ */
+export declare function putDownOnClickOutside(root: HTMLElement, designer: Designer, pickable: string, active: () => boolean): () => void;
+export interface DesignerBar {
+    element: HTMLElement;
+    /** Why the last edit was refused, if it was. */
+    issues: HTMLElement;
+    update(state: DesignerState): void;
+    destroy(): void;
+}
+/**
+ * The page title, where the page stands (draft, published) opening the
+ * versions published, Undo and Redo, Checks, and Publish asking first — each
+ * shown only when it can act. Ctrl/Cmd+Z and Shift+Z or Y undo and redo
+ * anywhere in `root` outside a text box.
+ */
+export declare function designerBar(root: HTMLElement, designer: Designer, options: {
+    titleLabel: string;
+    placeholder: string;
+    extra?: Node[];
+    goTo?: GoTo;
+    find?: () => FindItem[];
+}): DesignerBar;
+export interface OptionsEditor {
+    element: HTMLElement;
+    /** Show the field's options; hidden for a field without any. With its node, the kind decides the rest: numbers for a dropdown, "Other" for multiple choice and checkboxes. */
+    update(field: Field, node?: FieldNode): void;
+}
+/**
+ * The choices of a question, one input each, kept by position so typing in
+ * one keeps its focus — typed the Google Forms way: Enter adds the next one
+ * under it, Backspace in an empty one takes it away, and one left empty goes
+ * when the cursor leaves it. Each is moved by its grip, or by Alt+↑/↓ in its
+ * box; checkboxes take "None of these", an option that goes alone.
+ */
+export declare function optionsEditor(el: ElementFactory, designer: Designer, nodeId: string): OptionsEditor;