phoenix_duskmoon 9.13.1 → 9.16.0

package/assets/js/react_form/schema.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { JsonSchemaForm } from "@duskmoon-dev/components/json-schema-form";
+import { pathOf } from "./values.js";
+
+export function ReactSchemaForm({ disabled, ...props }) {
+	return React.createElement(
+		"fieldset",
+		{ disabled },
+		React.createElement(JsonSchemaForm, props),
+	);
+}
+
+// The public renderer reports a whole value tree; preserve the narrowest changed path.
+export function changedPath(previous, next, path = []) {
+	if (
+		!previous ||
+		!next ||
+		typeof previous !== "object" ||
+		typeof next !== "object"
+	)
+		return path;
+	const keys = [
+		...new Set([...Object.keys(previous), ...Object.keys(next)]),
+	].filter(
+		(key) => JSON.stringify(previous[key]) !== JSON.stringify(next[key]),
+	);
+	return keys.length === 1
+		? changedPath(previous[keys[0]], next[keys[0]], [...path, keys[0]])
+		: path;
+}
+
+// Accept existing nested/dotted LiveView errors and the renderer's JSON Pointer errors.
+export function schemaErrors(errors, path = [], result = {}) {
+	Object.entries(errors || {}).forEach(([key, value]) => {
+		const parts = [
+			...path,
+			...(!path.length && !key.startsWith("/") ? pathOf(key) : [key]),
+		];
+		const pointer =
+			!path.length && (key === "" || key.startsWith("/"))
+				? key
+				: `/${parts.map((part) => String(part).replaceAll("~", "~0").replaceAll("/", "~1")).join("/")}`;
+		if (typeof value === "string") result[pointer] = value;
+		else if (
+			Array.isArray(value) &&
+			value.every((message) => typeof message === "string")
+		) {
+			if (value.length) result[pointer] = value.join("; ");
+		} else if (value && typeof value === "object")
+			schemaErrors(value, parts, result);
+	});
+	return result;
+}

package/assets/js/react_form/values.js

@@ -0,0 +1,29 @@
+export function pathOf(name) {
+  return Array.isArray(name) ? name : String(name).replace(/\]/g, "").split(/[.[\]]/).filter(Boolean);
+}
+
+export function fieldKey(name) { return pathOf(name).join("."); }
+
+export function getAt(values, name) {
+  return pathOf(name).reduce((current, key) => current?.[key], values);
+}
+
+export function setAt(values, name, value) {
+  const path = pathOf(name);
+  const result = structuredClone(values);
+  let current = result;
+  path.slice(0, -1).forEach((key) => { current[key] ??= {}; current = current[key]; });
+  current[path.at(-1)] = value;
+  return result;
+}
+
+export function collectValues(elements) {
+  return elements.reduce((values, element) => {
+    let value;
+    if (element.type === "checkbox") value = Boolean(element.checked);
+    else if (element.type === "number") value = element.value === "" ? null : Number(element.value);
+    else if (element.multiple) value = [...element.selectedOptions].map((option) => option.value);
+    else value = element.value;
+    return setAt(values, element.name, value);
+  }, {});
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_duskmoon",
-  "version": "9.13.1",
+  "version": "9.16.0",
   "type": "module",
   "exports": {
     ".": "./priv/static/assets/js/phoenix_duskmoon.js",
@@ -8,7 +8,9 @@
     "./css": "./priv/static/assets/css/app.css",
     "./components": "./priv/static/assets/css/app.css",
     "./svg/mdi/*.svg": "./priv/mdi/svg/*.svg",
-    "./svg/bsi/*.svg": "./priv/bsi/svg/*.svg"
+    "./svg/bsi/*.svg": "./priv/bsi/svg/*.svg",
+    "./react-form": "./assets/js/react_form/index.js",
+    "./react-chat": "./assets/js/react_chat/index.js"
   },
   "scripts": {
     "build": "mix duskmoon_bundler.build phoenix_duskmoon",
@@ -35,15 +37,18 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@duskmoon-dev/art-elements": "1.7.2",
-    "@duskmoon-dev/core": "1.18.1",
-    "@duskmoon-dev/css-art": "1.18.1",
-    "@duskmoon-dev/elements": "1.7.2"
+    "@duskmoon-dev/art-elements": "1.8.1",
+    "@duskmoon-dev/components": "0.4.1",
+    "@duskmoon-dev/core": "1.20.3",
+    "@duskmoon-dev/css-art": "1.20.3",
+    "@duskmoon-dev/elements": "1.8.1",
+    "react": "19.3.0",
+    "react-dom": "19.3.0"
   },
   "devDependencies": {
     "@mdi/svg": "7.4.47",
     "bootstrap-icons": "1.13.1",
-    "postcss": "8.5.26"
+    "postcss": "8.5.28"
   },
   "peerDependencies": {
     "tailwindcss": "^4.3.2"