@fieldia/vue 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 fieldia-dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,25 @@
+# @fieldia/vue
+
+[Fieldia](https://fieldia.dev) forms in Vue 3: a thin shell over
+`@fieldia/viewer`, so a page looks and behaves the same as in any other framework.
+
+```sh
+npm install @fieldia/vue
+```
+
+```vue
+<script setup lang="ts">
+import { FieldiaForm } from '@fieldia/vue';
+import { createMemoryDataSource } from '@fieldia/core';
+import page from './customer.page.json';
+
+const dataSource = createMemoryDataSource();
+</script>
+
+<template>
+  <FieldiaForm :page="page" :data-source="dataSource" :record-id="1" skin="underline" />
+</template>
+```
+
+Custom fields can be Vue components (`fieldTypes`), slot content goes in named
+slots, and `useFormState(form)` gives you a form's state as a ref. MIT licensed.

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@fieldia/vue",
+  "version": "0.1.0",
+  "description": "Vue binding for Fieldia: <FieldiaForm> over the plain-DOM viewer, with custom fields as Vue components and slots as Vue slots.",
+  "license": "MIT",
+  "homepage": "https://fieldia.dev",
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "module": "./src/index.mjs",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./src/index.d.mts",
+        "require": "./src/index.d.ts"
+      },
+      "import": "./src/index.mjs",
+      "require": "./src/index.js",
+      "default": "./src/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@fieldia/core": "0.1.0",
+    "@fieldia/viewer": "0.1.0",
+    "@fieldia/widgets": "0.1.0",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fieldia-dev/fieldia",
+    "directory": "libs/vue"
+  },
+  "files": [
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  }
+}

package/src/index.d.mts

@@ -0,0 +1,2 @@
+export { FieldiaForm, useFormState, type FieldComponentProps } from './lib/fieldia-form.mjs';
+export type { Skin, ViewerHandle, ViewerLabels } from '@fieldia/viewer';

package/src/index.d.ts

@@ -0,0 +1,2 @@
+export { FieldiaForm, useFormState, type FieldComponentProps } from './lib/fieldia-form';
+export type { Skin, ViewerHandle, ViewerLabels } from '@fieldia/viewer';

package/src/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormState = exports.FieldiaForm = void 0;
+var fieldia_form_1 = require("./lib/fieldia-form");
+Object.defineProperty(exports, "FieldiaForm", { enumerable: true, get: function () { return fieldia_form_1.FieldiaForm; } });
+Object.defineProperty(exports, "useFormState", { enumerable: true, get: function () { return fieldia_form_1.useFormState; } });
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/vue/src/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyF;AAAhF,2GAAA,WAAW,OAAA;AAAE,4GAAA,YAAY,OAAA"}

package/src/index.mjs

@@ -0,0 +1,2 @@
+export { FieldiaForm, useFormState } from './lib/fieldia-form.mjs';
+//# sourceMappingURL=index.mjs.map

package/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../libs/vue/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAA4B,MAAM,oBAAoB,CAAC"}

package/src/lib/fieldia-form.d.mts

@@ -0,0 +1,189 @@
+import type { ActionRequest, DataSource, DraftStore, Field, FieldNode, Form, FormState, Locale, Page, RecordId, Scheduler, Value, Values } from '@fieldia/core';
+import { type Skin, type ViewerHandle, type ViewerLabels } from '@fieldia/viewer';
+import type { WidgetFactory, WidgetState } from '@fieldia/widgets';
+import { type Component, type PropType, type ShallowRef } from 'vue';
+/**
+ * `<FieldiaForm>` — the Vue shell. Thin in the same way as the React one:
+ * `mountViewer` makes every decision; this component owns an element Vue
+ * never renders into, prop changes forwarded without mounting again, custom
+ * fields and slots rendered into the viewer through `<Teleport>`, and teardown.
+ *
+ * Custom fields come in as Vue components (`fieldTypes`); slot content comes
+ * in as Vue named slots: `<template #chatter="{ form }">…</template>`.
+ */
+/** What a custom field component receives. Call `onChange` to write the value. */
+export interface FieldComponentProps extends Omit<WidgetState, 'value'> {
+    value: Value | undefined;
+    name: string;
+    field: Field;
+    node: FieldNode;
+    id: string;
+    form: Form;
+    onChange(value: Value): void;
+}
+/** A form's state as a Vue ref, current on every change. */
+export declare function useFormState(form: Form): ShallowRef<FormState>;
+export declare const FieldiaForm: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    page: {
+        type: PropType<Page>;
+        required: true;
+    };
+    form: {
+        type: PropType<Form>;
+        default: undefined;
+    };
+    dataSource: {
+        type: PropType<DataSource>;
+        default: undefined;
+    };
+    recordId: {
+        type: PropType<RecordId | null>;
+        default: null;
+    };
+    values: {
+        type: PropType<Values>;
+        default: undefined;
+    };
+    skin: {
+        type: PropType<Skin>;
+        default: string;
+    };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Locale>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<ViewerLabels>>;
+        default: undefined;
+    };
+    widgets: {
+        type: PropType<Record<string, WidgetFactory>>;
+        default: undefined;
+    };
+    fieldTypes: {
+        type: PropType<Record<string, Component>>;
+        default: undefined;
+    };
+    drafts: {
+        type: PropType<{
+            store: DraftStore;
+            restore?: "auto" | "ask";
+            delayMs?: number;
+        }>;
+        default: undefined;
+    };
+    autosave: {
+        type: PropType<{
+            delayMs: number;
+        }>;
+        default: undefined;
+    };
+    scheduler: {
+        type: PropType<Scheduler>;
+        default: undefined;
+    };
+    confirm: {
+        type: PropType<(message: string) => Promise<boolean>>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    ready: (_handle: ViewerHandle) => true;
+    action: (_request: ActionRequest) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    page: {
+        type: PropType<Page>;
+        required: true;
+    };
+    form: {
+        type: PropType<Form>;
+        default: undefined;
+    };
+    dataSource: {
+        type: PropType<DataSource>;
+        default: undefined;
+    };
+    recordId: {
+        type: PropType<RecordId | null>;
+        default: null;
+    };
+    values: {
+        type: PropType<Values>;
+        default: undefined;
+    };
+    skin: {
+        type: PropType<Skin>;
+        default: string;
+    };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Locale>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<ViewerLabels>>;
+        default: undefined;
+    };
+    widgets: {
+        type: PropType<Record<string, WidgetFactory>>;
+        default: undefined;
+    };
+    fieldTypes: {
+        type: PropType<Record<string, Component>>;
+        default: undefined;
+    };
+    drafts: {
+        type: PropType<{
+            store: DraftStore;
+            restore?: "auto" | "ask";
+            delayMs?: number;
+        }>;
+        default: undefined;
+    };
+    autosave: {
+        type: PropType<{
+            delayMs: number;
+        }>;
+        default: undefined;
+    };
+    scheduler: {
+        type: PropType<Scheduler>;
+        default: undefined;
+    };
+    confirm: {
+        type: PropType<(message: string) => Promise<boolean>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onReady?: ((_handle: ViewerHandle) => any) | undefined;
+    onAction?: ((_request: ActionRequest) => any) | undefined;
+}>, {
+    values: Values;
+    form: Form;
+    dataSource: DataSource;
+    recordId: RecordId | null;
+    skin: Skin;
+    dir: "ltr" | "rtl";
+    locale: Locale;
+    labels: Partial<ViewerLabels>;
+    widgets: Record<string, WidgetFactory>;
+    fieldTypes: Record<string, Component>;
+    drafts: {
+        store: DraftStore;
+        restore?: "auto" | "ask";
+        delayMs?: number;
+    };
+    autosave: {
+        delayMs: number;
+    };
+    scheduler: Scheduler;
+    confirm: (message: string) => Promise<boolean>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/src/lib/fieldia-form.d.ts

@@ -0,0 +1,189 @@
+import type { ActionRequest, DataSource, DraftStore, Field, FieldNode, Form, FormState, Locale, Page, RecordId, Scheduler, Value, Values } from '@fieldia/core';
+import { type Skin, type ViewerHandle, type ViewerLabels } from '@fieldia/viewer';
+import type { WidgetFactory, WidgetState } from '@fieldia/widgets';
+import { type Component, type PropType, type ShallowRef } from 'vue';
+/**
+ * `<FieldiaForm>` — the Vue shell. Thin in the same way as the React one:
+ * `mountViewer` makes every decision; this component owns an element Vue
+ * never renders into, prop changes forwarded without mounting again, custom
+ * fields and slots rendered into the viewer through `<Teleport>`, and teardown.
+ *
+ * Custom fields come in as Vue components (`fieldTypes`); slot content comes
+ * in as Vue named slots: `<template #chatter="{ form }">…</template>`.
+ */
+/** What a custom field component receives. Call `onChange` to write the value. */
+export interface FieldComponentProps extends Omit<WidgetState, 'value'> {
+    value: Value | undefined;
+    name: string;
+    field: Field;
+    node: FieldNode;
+    id: string;
+    form: Form;
+    onChange(value: Value): void;
+}
+/** A form's state as a Vue ref, current on every change. */
+export declare function useFormState(form: Form): ShallowRef<FormState>;
+export declare const FieldiaForm: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    page: {
+        type: PropType<Page>;
+        required: true;
+    };
+    form: {
+        type: PropType<Form>;
+        default: undefined;
+    };
+    dataSource: {
+        type: PropType<DataSource>;
+        default: undefined;
+    };
+    recordId: {
+        type: PropType<RecordId | null>;
+        default: null;
+    };
+    values: {
+        type: PropType<Values>;
+        default: undefined;
+    };
+    skin: {
+        type: PropType<Skin>;
+        default: string;
+    };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Locale>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<ViewerLabels>>;
+        default: undefined;
+    };
+    widgets: {
+        type: PropType<Record<string, WidgetFactory>>;
+        default: undefined;
+    };
+    fieldTypes: {
+        type: PropType<Record<string, Component>>;
+        default: undefined;
+    };
+    drafts: {
+        type: PropType<{
+            store: DraftStore;
+            restore?: "auto" | "ask";
+            delayMs?: number;
+        }>;
+        default: undefined;
+    };
+    autosave: {
+        type: PropType<{
+            delayMs: number;
+        }>;
+        default: undefined;
+    };
+    scheduler: {
+        type: PropType<Scheduler>;
+        default: undefined;
+    };
+    confirm: {
+        type: PropType<(message: string) => Promise<boolean>>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    ready: (_handle: ViewerHandle) => true;
+    action: (_request: ActionRequest) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    page: {
+        type: PropType<Page>;
+        required: true;
+    };
+    form: {
+        type: PropType<Form>;
+        default: undefined;
+    };
+    dataSource: {
+        type: PropType<DataSource>;
+        default: undefined;
+    };
+    recordId: {
+        type: PropType<RecordId | null>;
+        default: null;
+    };
+    values: {
+        type: PropType<Values>;
+        default: undefined;
+    };
+    skin: {
+        type: PropType<Skin>;
+        default: string;
+    };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Locale>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<ViewerLabels>>;
+        default: undefined;
+    };
+    widgets: {
+        type: PropType<Record<string, WidgetFactory>>;
+        default: undefined;
+    };
+    fieldTypes: {
+        type: PropType<Record<string, Component>>;
+        default: undefined;
+    };
+    drafts: {
+        type: PropType<{
+            store: DraftStore;
+            restore?: "auto" | "ask";
+            delayMs?: number;
+        }>;
+        default: undefined;
+    };
+    autosave: {
+        type: PropType<{
+            delayMs: number;
+        }>;
+        default: undefined;
+    };
+    scheduler: {
+        type: PropType<Scheduler>;
+        default: undefined;
+    };
+    confirm: {
+        type: PropType<(message: string) => Promise<boolean>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onReady?: ((_handle: ViewerHandle) => any) | undefined;
+    onAction?: ((_request: ActionRequest) => any) | undefined;
+}>, {
+    values: Values;
+    form: Form;
+    dataSource: DataSource;
+    recordId: RecordId | null;
+    skin: Skin;
+    dir: "ltr" | "rtl";
+    locale: Locale;
+    labels: Partial<ViewerLabels>;
+    widgets: Record<string, WidgetFactory>;
+    fieldTypes: Record<string, Component>;
+    drafts: {
+        store: DraftStore;
+        restore?: "auto" | "ask";
+        delayMs?: number;
+    };
+    autosave: {
+        delayMs: number;
+    };
+    scheduler: Scheduler;
+    confirm: (message: string) => Promise<boolean>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/src/lib/fieldia-form.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldiaForm = void 0;
+exports.useFormState = useFormState;
+const viewer_1 = require("@fieldia/viewer");
+const vue_1 = require("vue");
+/** A form's state as a Vue ref, current on every change. */
+function useFormState(form) {
+    const state = (0, vue_1.shallowRef)(form.getState());
+    const leave = form.subscribe((next) => (state.value = next));
+    if ((0, vue_1.getCurrentScope)())
+        (0, vue_1.onScopeDispose)(leave);
+    return state;
+}
+const EMPTY_STATE = { value: undefined, values: {}, readonly: false, required: false, invalid: false };
+exports.FieldiaForm = (0, vue_1.defineComponent)({
+    name: 'FieldiaForm',
+    props: {
+        page: { type: Object, required: true },
+        form: { type: Object, default: undefined },
+        dataSource: { type: Object, default: undefined },
+        recordId: { type: [String, Number], default: null },
+        values: { type: Object, default: undefined },
+        skin: { type: String, default: 'underline' },
+        dir: { type: String, default: undefined },
+        locale: { type: String, default: undefined },
+        labels: { type: Object, default: undefined },
+        widgets: { type: Object, default: undefined },
+        fieldTypes: { type: Object, default: undefined },
+        drafts: { type: Object, default: undefined },
+        autosave: { type: Object, default: undefined },
+        scheduler: { type: Object, default: undefined },
+        confirm: { type: Function, default: undefined },
+    },
+    emits: {
+        ready: (_handle) => true,
+        action: (_request) => true,
+    },
+    setup(props, { slots, emit, expose }) {
+        const host = (0, vue_1.ref)();
+        const portals = (0, vue_1.shallowRef)([]);
+        let handle = null;
+        function mount() {
+            const element = host.value;
+            if (!element)
+                return;
+            const found = [];
+            const widgets = { ...props.widgets };
+            for (const key of Object.keys(props.fieldTypes ?? {})) {
+                widgets[key] = (context) => {
+                    const box = context.document.createElement('div');
+                    box.className = 'fd-custom';
+                    const state = (0, vue_1.shallowRef)(EMPTY_STATE);
+                    found.push({
+                        key: `field:${context.node.id}`,
+                        element: box,
+                        render: () => {
+                            const component = props.fieldTypes?.[key];
+                            return component
+                                ? (0, vue_1.h)(component, {
+                                    ...state.value,
+                                    name: context.name,
+                                    field: context.field,
+                                    node: context.node,
+                                    id: context.id,
+                                    form: context.form,
+                                    onChange: (value) => context.form.setValue(context.name, value),
+                                })
+                                : null;
+                        },
+                    });
+                    return {
+                        element: box,
+                        update: (next) => (state.value = next),
+                        focus: () => box.querySelector('input, select, textarea, button, [tabindex]')?.focus(),
+                    };
+                };
+            }
+            const slotRenderers = {};
+            for (const name of Object.keys(slots)) {
+                if (name === 'default')
+                    continue;
+                slotRenderers[name] = (box, context) => {
+                    found.push({ key: `slot:${name}:${found.length}`, element: box, render: () => slots[name]?.({ form: context.form, name }) });
+                };
+            }
+            handle = (0, viewer_1.mountViewer)(element, {
+                page: props.page,
+                form: props.form,
+                dataSource: props.dataSource,
+                recordId: props.recordId,
+                values: props.values,
+                skin: props.skin,
+                dir: props.dir,
+                locale: props.locale,
+                labels: props.labels,
+                widgets,
+                slots: slotRenderers,
+                drafts: props.drafts,
+                autosave: props.autosave,
+                scheduler: props.scheduler,
+                confirm: props.confirm,
+                onAction: (request) => emit('action', request),
+            });
+            portals.value = found;
+            emit('ready', handle);
+        }
+        function unmount() {
+            handle?.destroy();
+            handle = null;
+            portals.value = [];
+        }
+        (0, vue_1.onMounted)(mount);
+        (0, vue_1.onBeforeUnmount)(unmount);
+        (0, vue_1.watch)(() => [props.page, props.form, props.dataSource, props.recordId, props.dir, props.locale, JSON.stringify(props.labels ?? {})], () => {
+            unmount();
+            mount();
+        });
+        (0, vue_1.watch)(() => props.skin, (skin) => handle?.setSkin(skin ?? 'underline'));
+        expose({
+            get handle() {
+                return handle;
+            },
+        });
+        return () => [
+            (0, vue_1.h)('div', { ref: host }),
+            ...portals.value.map((portal) => (0, vue_1.h)(vue_1.Teleport, { to: portal.element, key: portal.key }, [portal.render()])),
+        ];
+    },
+});
+//# sourceMappingURL=fieldia-form.js.map

package/src/lib/fieldia-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldia-form.js","sourceRoot":"","sources":["../../../../../libs/vue/src/lib/fieldia-form.ts"],"names":[],"mappings":";;;AA0CA,oCAKC;AA9CD,4CAAkH;AAElH,6BAea;AAuBb,4DAA4D;AAC5D,SAAgB,YAAY,CAAC,IAAU;IACrC,MAAM,KAAK,GAAG,IAAA,gBAAU,EAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;IAC7D,IAAI,IAAA,qBAAe,GAAE;QAAE,IAAA,oBAAc,EAAC,KAAK,CAAC,CAAC;IAC7C,OAAO,KAAK,CAAC;AACf,CAAC;AAQD,MAAM,WAAW,GAAgB,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAEvG,QAAA,WAAW,GAAG,IAAA,qBAAe,EAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAwB,EAAE,QAAQ,EAAE,IAAI,EAAE;QACxD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAwB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5D,UAAU,EAAE,EAAE,IAAI,EAAE,MAA8B,EAAE,OAAO,EAAE,SAAS,EAAE;QACxE,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA8B,EAAE,OAAO,EAAE,IAAI,EAAE;QAChF,MAAM,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,SAAS,EAAE;QAChE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAwB,EAAE,OAAO,EAAE,WAAW,EAAE;QAC9D,GAAG,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,OAAO,EAAE,SAAS,EAAE;QACpE,MAAM,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,SAAS,EAAE;QAChE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAyC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,OAAO,EAAE,EAAE,IAAI,EAAE,MAAiD,EAAE,OAAO,EAAE,SAAS,EAAE;QACxF,UAAU,EAAE,EAAE,IAAI,EAAE,MAA6C,EAAE,OAAO,EAAE,SAAS,EAAE;QACvF,MAAM,EAAE,EAAE,IAAI,EAAE,MAAqF,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3H,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAuC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,SAAS,EAAE,EAAE,IAAI,EAAE,MAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtE,OAAO,EAAE,EAAE,IAAI,EAAE,QAA2D,EAAE,OAAO,EAAE,SAAS,EAAE;KACnG;IACD,KAAK,EAAE;QACL,KAAK,EAAE,CAAC,OAAqB,EAAE,EAAE,CAAC,IAAI;QACtC,MAAM,EAAE,CAAC,QAAuB,EAAE,EAAE,CAAC,IAAI;KAC1C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;QAClC,MAAM,IAAI,GAAG,IAAA,SAAG,GAAe,CAAC;QAChC,MAAM,OAAO,GAAG,IAAA,gBAAU,EAAW,EAAE,CAAC,CAAC;QACzC,IAAI,MAAM,GAAwB,IAAI,CAAC;QAEvC,SAAS,KAAK;YACZ,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3B,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,MAAM,KAAK,GAAa,EAAE,CAAC;YAE3B,MAAM,OAAO,GAAkC,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;YACpE,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,CAAC;gBACtD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,OAAsB,EAAE,EAAE;oBACxC,MAAM,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBAClD,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC;oBAC5B,MAAM,KAAK,GAAG,IAAA,gBAAU,EAAc,WAAW,CAAC,CAAC;oBACnD,KAAK,CAAC,IAAI,CAAC;wBACT,GAAG,EAAE,SAAS,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;wBAC/B,OAAO,EAAE,GAAG;wBACZ,MAAM,EAAE,GAAG,EAAE;4BACX,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;4BAC1C,OAAO,SAAS;gCACd,CAAC,CAAC,IAAA,OAAC,EAAC,SAAS,EAAE;oCACX,GAAG,KAAK,CAAC,KAAK;oCACd,IAAI,EAAE,OAAO,CAAC,IAAI;oCAClB,KAAK,EAAE,OAAO,CAAC,KAAK;oCACpB,IAAI,EAAE,OAAO,CAAC,IAAI;oCAClB,EAAE,EAAE,OAAO,CAAC,EAAE;oCACd,IAAI,EAAE,OAAO,CAAC,IAAI;oCAClB,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;iCACvE,CAAC;gCACJ,CAAC,CAAC,IAAI,CAAC;wBACX,CAAC;qBACF,CAAC,CAAC;oBACH,OAAO;wBACL,OAAO,EAAE,GAAG;wBACZ,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;wBACtC,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAc,6CAA6C,CAAC,EAAE,KAAK,EAAE;qBACpG,CAAC;gBACJ,CAAC,CAAC;YACJ,CAAC;YAED,MAAM,aAAa,GAAiC,EAAE,CAAC;YACvD,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBACtC,IAAI,IAAI,KAAK,SAAS;oBAAE,SAAS;gBACjC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;oBACrC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,IAAI,IAAI,KAAK,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;gBAC/H,CAAC,CAAC;YACJ,CAAC;YAED,MAAM,GAAG,IAAA,oBAAW,EAAC,OAAO,EAAE;gBAC5B,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,UAAU,EAAE,KAAK,CAAC,UAAU;gBAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,GAAG,EAAE,KAAK,CAAC,GAAG;gBACd,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,OAAO;gBACP,KAAK,EAAE,aAAa;gBACpB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;aAC/C,CAAC,CAAC;YACH,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACxB,CAAC;QAED,SAAS,OAAO;YACd,MAAM,EAAE,OAAO,EAAE,CAAC;YAClB,MAAM,GAAG,IAAI,CAAC;YACd,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;QACrB,CAAC;QAED,IAAA,eAAS,EAAC,KAAK,CAAC,CAAC;QACjB,IAAA,qBAAe,EAAC,OAAO,CAAC,CAAC;QACzB,IAAA,WAAK,EACH,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,EAC7H,GAAG,EAAE;YACH,OAAO,EAAE,CAAC;YACV,KAAK,EAAE,CAAC;QACV,CAAC,CACF,CAAC;QACF,IAAA,WAAK,EACH,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAChB,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,WAAW,CAAC,CAC/C,CAAC;QACF,MAAM,CAAC;YACL,IAAI,MAAM;gBACR,OAAO,MAAM,CAAC;YAChB,CAAC;SACF,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC;YACX,IAAA,OAAC,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;YACvB,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAA,OAAC,EAAC,cAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;SAC1G,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/lib/fieldia-form.mjs

@@ -0,0 +1,127 @@
+import { mountViewer } from '@fieldia/viewer';
+import { defineComponent, getCurrentScope, h, onBeforeUnmount, onMounted, onScopeDispose, ref, shallowRef, Teleport, watch, } from 'vue';
+/** A form's state as a Vue ref, current on every change. */
+export function useFormState(form) {
+    const state = shallowRef(form.getState());
+    const leave = form.subscribe((next) => (state.value = next));
+    if (getCurrentScope())
+        onScopeDispose(leave);
+    return state;
+}
+const EMPTY_STATE = { value: undefined, values: {}, readonly: false, required: false, invalid: false };
+export const FieldiaForm = defineComponent({
+    name: 'FieldiaForm',
+    props: {
+        page: { type: Object, required: true },
+        form: { type: Object, default: undefined },
+        dataSource: { type: Object, default: undefined },
+        recordId: { type: [String, Number], default: null },
+        values: { type: Object, default: undefined },
+        skin: { type: String, default: 'underline' },
+        dir: { type: String, default: undefined },
+        locale: { type: String, default: undefined },
+        labels: { type: Object, default: undefined },
+        widgets: { type: Object, default: undefined },
+        fieldTypes: { type: Object, default: undefined },
+        drafts: { type: Object, default: undefined },
+        autosave: { type: Object, default: undefined },
+        scheduler: { type: Object, default: undefined },
+        confirm: { type: Function, default: undefined },
+    },
+    emits: {
+        ready: (_handle) => true,
+        action: (_request) => true,
+    },
+    setup(props, { slots, emit, expose }) {
+        const host = ref();
+        const portals = shallowRef([]);
+        let handle = null;
+        function mount() {
+            const element = host.value;
+            if (!element)
+                return;
+            const found = [];
+            const widgets = { ...props.widgets };
+            for (const key of Object.keys(props.fieldTypes ?? {})) {
+                widgets[key] = (context) => {
+                    const box = context.document.createElement('div');
+                    box.className = 'fd-custom';
+                    const state = shallowRef(EMPTY_STATE);
+                    found.push({
+                        key: `field:${context.node.id}`,
+                        element: box,
+                        render: () => {
+                            const component = props.fieldTypes?.[key];
+                            return component
+                                ? h(component, {
+                                    ...state.value,
+                                    name: context.name,
+                                    field: context.field,
+                                    node: context.node,
+                                    id: context.id,
+                                    form: context.form,
+                                    onChange: (value) => context.form.setValue(context.name, value),
+                                })
+                                : null;
+                        },
+                    });
+                    return {
+                        element: box,
+                        update: (next) => (state.value = next),
+                        focus: () => box.querySelector('input, select, textarea, button, [tabindex]')?.focus(),
+                    };
+                };
+            }
+            const slotRenderers = {};
+            for (const name of Object.keys(slots)) {
+                if (name === 'default')
+                    continue;
+                slotRenderers[name] = (box, context) => {
+                    found.push({ key: `slot:${name}:${found.length}`, element: box, render: () => slots[name]?.({ form: context.form, name }) });
+                };
+            }
+            handle = mountViewer(element, {
+                page: props.page,
+                form: props.form,
+                dataSource: props.dataSource,
+                recordId: props.recordId,
+                values: props.values,
+                skin: props.skin,
+                dir: props.dir,
+                locale: props.locale,
+                labels: props.labels,
+                widgets,
+                slots: slotRenderers,
+                drafts: props.drafts,
+                autosave: props.autosave,
+                scheduler: props.scheduler,
+                confirm: props.confirm,
+                onAction: (request) => emit('action', request),
+            });
+            portals.value = found;
+            emit('ready', handle);
+        }
+        function unmount() {
+            handle?.destroy();
+            handle = null;
+            portals.value = [];
+        }
+        onMounted(mount);
+        onBeforeUnmount(unmount);
+        watch(() => [props.page, props.form, props.dataSource, props.recordId, props.dir, props.locale, JSON.stringify(props.labels ?? {})], () => {
+            unmount();
+            mount();
+        });
+        watch(() => props.skin, (skin) => handle?.setSkin(skin ?? 'underline'));
+        expose({
+            get handle() {
+                return handle;
+            },
+        });
+        return () => [
+            h('div', { ref: host }),
+            ...portals.value.map((portal) => h(Teleport, { to: portal.element, key: portal.key }, [portal.render()])),
+        ];
+    },
+});
+//# sourceMappingURL=fieldia-form.mjs.map

package/src/lib/fieldia-form.mjs.map

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