mobx-formkit 1.0.0 → 1.1.0

package/lib/esm/devtools.js

@@ -0,0 +1,294 @@
+import { autorun, values, toJS } from 'mobx';
+
+const HOOK_KEY = "__MOBX_FORMKIT_DEVTOOLS_HOOK__";
+const FIELD_PROPS = [
+    "key",
+    "id",
+    "name",
+    "path",
+    "type",
+    "bindings",
+    "options",
+    "default",
+    "initial",
+    "value",
+    "label",
+    "placeholder",
+    "autoFocus",
+    "related",
+    "rules",
+    "extra",
+    "checked",
+    "validators",
+    "validatedWith",
+    "clearing",
+    "resetting",
+    "hasError",
+    "isValid",
+    "isDirty",
+    "isPristine",
+    "isDefault",
+    "isEmpty",
+    "disabled",
+    "deleted",
+    "touched",
+    "focused",
+    "blurred",
+    "changed",
+    "error",
+    "size",
+    "submitted",
+    "validated",
+    "submitting",
+    "validating",
+];
+const FORM_PROPS = [
+    "name",
+    "size",
+    "submitted",
+    "validated",
+    "submitting",
+    "validating",
+    "clearing",
+    "resetting",
+    "hasError",
+    "isValid",
+    "isDirty",
+    "isPristine",
+    "isDefault",
+    "isEmpty",
+    "disabled",
+    "deleted",
+    "touched",
+    "focused",
+    "blurred",
+    "changed",
+    "error",
+];
+const FIELD_HELPER_PROPS = [
+    "error",
+    "label",
+    "placeholder",
+    "default",
+    "initial",
+    "type",
+    "disabled",
+    "checked",
+    "related",
+    "rules",
+    "options",
+    "extra",
+    "bindings",
+    "validators",
+    "validatedWith",
+];
+/**
+ * Recursively convert a value into a plain, structured-clone-safe shape:
+ * observable structures become plain objects/arrays and functions become
+ * name strings (functions cannot cross the postMessage boundary).
+ */
+const serialize = (value, depth = 0) => {
+    if (depth > 8)
+        return undefined;
+    if (typeof value === "function") {
+        return `[Function${value.name ? `: ${value.name}` : ""}]`;
+    }
+    if (value == null)
+        return value;
+    const plain = toJS(value);
+    if (Array.isArray(plain)) {
+        return plain.map((item) => serialize(item, depth + 1));
+    }
+    if (typeof plain === "object") {
+        const out = {};
+        for (const key of Object.keys(plain)) {
+            out[key] = serialize(plain[key], depth + 1);
+        }
+        return out;
+    }
+    return plain;
+};
+const isArrayMap = (target) => Boolean(target && typeof target === "object" && target._isArrayMap);
+const pairsOf = (target) => {
+    if (isArrayMap(target))
+        return Array.from(target.entries());
+    if (Array.isArray(target))
+        return target.map((value, index) => [String(index), value]);
+    const entries = values(target);
+    if (Array.isArray(entries))
+        return entries.map((value, index) => [String(index), value]);
+    return Object.entries(target);
+};
+const pick = (source, props) => {
+    const out = {};
+    for (const prop of props) {
+        const value = source && typeof source === "object" ? source[prop] : undefined;
+        if (value !== undefined)
+            out[prop] = serialize(value);
+    }
+    return out;
+};
+const serializeField = (field, key) => {
+    const out = pick(field, FIELD_PROPS);
+    if (key !== undefined && out.name === undefined)
+        out.name = key;
+    if (key !== undefined && out.path === undefined)
+        out.path = key;
+    if (isArrayMap(field)) {
+        out.fields = pairsOf(field).map(([childKey, entry]) => serializeField(entry, childKey));
+    }
+    return out;
+};
+const fieldKey = (field, index) => field.key ?? field.path ?? field.name ?? `field-${index}`;
+const collectProp = (fields, prop) => {
+    const out = {};
+    fields.forEach((field, index) => {
+        const key = fieldKey(field, index);
+        out[key] = field.fields && field.fields.length
+            ? collectProp(field.fields, prop)
+            : field[prop];
+    });
+    return out;
+};
+const collectHelpers = (form, fields) => {
+    const out = {};
+    for (const prop of FIELD_HELPER_PROPS) {
+        out[prop] = collectProp(fields, prop);
+    }
+    out.hooks = serialize(form.$hooks);
+    out.handlers = serialize(form.$handlers);
+    return out;
+};
+const collectBooleanOptions = (form) => {
+    const out = {};
+    const options = form?.state?.options?.options;
+    if (!options || typeof options !== "object")
+        return out;
+    for (const key of Object.keys(options)) {
+        const value = options[key];
+        if (typeof value === "boolean")
+            out[key] = value;
+    }
+    return out;
+};
+const serializeForm = (key, form) => {
+    const out = { key, ...pick(form, FORM_PROPS) };
+    out.fields = pairsOf(form.fields).map(([fieldKey, field]) => serializeField(field, fieldKey));
+    out.helpers = collectHelpers(form, out.fields);
+    out.options = collectBooleanOptions(form);
+    return out;
+};
+const createHook = () => {
+    const registry = new Map();
+    const listeners = new Set();
+    const disposers = new Map();
+    const caches = new Map();
+    const dirty = new Set();
+    let connected = false;
+    let flushTimer = null;
+    const emit = (event) => {
+        for (const listener of listeners)
+            listener(event);
+    };
+    const flush = () => {
+        flushTimer = null;
+        const keys = [...dirty];
+        dirty.clear();
+        for (const key of keys) {
+            const snapshot = caches.get(key);
+            if (snapshot)
+                emit({ type: "snapshot", payload: snapshot });
+        }
+    };
+    const scheduleFlush = (key) => {
+        dirty.add(key);
+        if (flushTimer == null)
+            flushTimer = setTimeout(flush, 0);
+    };
+    const dispose = (key) => {
+        disposers.get(key)?.();
+        disposers.delete(key);
+        dirty.delete(key);
+        caches.delete(key);
+    };
+    const setup = (key) => {
+        dispose(key);
+        if (!connected)
+            return;
+        const form = registry.get(key);
+        if (!form)
+            return;
+        disposers.set(key, autorun(() => {
+            // Reading observables inside serializeForm makes the autorun re-run
+            // on every field/form change; the result is cached and emitted once
+            // (batched) by flush.
+            caches.set(key, serializeForm(key, form));
+            scheduleFlush(key);
+        }));
+    };
+    return {
+        get connected() {
+            return connected;
+        },
+        registry,
+        emit,
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => {
+                listeners.delete(listener);
+            };
+        },
+        register(key, form) {
+            registry.set(key, form);
+            emit({ type: "register", key, form });
+            setup(key);
+        },
+        unregister(key) {
+            if (!registry.has(key))
+                return;
+            dispose(key);
+            registry.delete(key);
+            emit({ type: "unregister", key });
+        },
+        connect() {
+            if (connected)
+                return;
+            connected = true;
+            for (const key of registry.keys())
+                setup(key);
+            emit({ type: "connected", connected: true });
+        },
+        disconnect() {
+            if (!connected)
+                return;
+            connected = false;
+            for (const key of [...disposers.keys()])
+                dispose(key);
+            emit({ type: "connected", connected: false });
+        },
+        requestSnapshot() {
+            for (const [key, form] of registry) {
+                emit({ type: "snapshot", payload: caches.get(key) ?? serializeForm(key, form) });
+            }
+        },
+    };
+};
+const globalRef = globalThis;
+const getHook = () => globalRef[HOOK_KEY];
+const installHook = () => {
+    if (!globalRef[HOOK_KEY]) {
+        globalRef[HOOK_KEY] = createHook();
+    }
+    return globalRef[HOOK_KEY];
+};
+const registerForm = (key, form) => installHook().register(key, form);
+const unregisterForm = (key) => installHook().unregister(key);
+const hook = installHook();
+hook.subscribe((event) => {
+    if (event.type === "form:new" && !hook.registry.has(event.key)) {
+        hook.register(event.key || event.form?.name || `form-${hook.registry.size + 1}`, event.form);
+    }
+});
+
+export { getHook, installHook, registerForm, unregisterForm };
+//# sourceMappingURL=devtools.js.map

package/lib/esm/devtools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.js","sources":["../../../src/devtools.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mobx-formkit",
   "license": "MIT",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "author": "Claudio Savino <claudio.savino@me.com> (https://twitter.com/foxhound87)",
   "description": "Reactive MobX Form State Management",
   "homepage": "https://github.com/foxhound87/mobx-formkit#readme",
@@ -17,6 +17,9 @@
       "lib/composer": [
         "./lib/composer.d.ts"
       ],
+      "devtools": [
+        "./lib/devtools.d.ts"
+      ],
       "validators/*": [
         "./lib/validators/*.d.ts"
       ],
@@ -39,6 +42,11 @@
       "import": "./lib/esm/composer.js",
       "require": "./lib/composer.js"
     },
+    "./devtools": {
+      "types": "./lib/devtools.d.ts",
+      "import": "./lib/esm/devtools.js",
+      "require": "./lib/devtools.js"
+    },
     "./validators/*": {
       "types": "./lib/validators/*.d.ts",
       "import": "./lib/esm/validators/*.js",

package/src/Form.ts

@@ -70,6 +70,8 @@ export default class Form<F extends Record<string, any> = Record<string, any>> e
     runInAction(() => (this.$hooks = hooks));
     runInAction(() => (this.$handlers = handlers));
 
+    (globalThis as any).__MOBX_FORMKIT_DEVTOOLS_HOOK__?.emit?.({ type: "form:new", key: this.name, form: this });
+
     // load data from initializers methods
     const initial = each(
       {