@civitai/blocks-react 0.4.0

package/dist/ui/SettingsForm.js

@@ -0,0 +1,199 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+/**
+ * Thrown by `onSubmit` callers to surface per-field server errors back to
+ * the form. The form renders the message under the named field.
+ */
+export class SettingsFormError extends Error {
+    fieldErrors;
+    name = 'SettingsFormError';
+    constructor(fieldErrors) {
+        super('Settings validation failed');
+        this.fieldErrors = fieldErrors;
+    }
+}
+/**
+ * Test if a field should render for the current scope + declared-scopes
+ * combination. Exposed for callers that want to count visible fields
+ * before rendering (e.g. "no settings to configure" empty state).
+ */
+export function isFieldVisible(field, forScope, declaredScopes) {
+    if (field.scope !== forScope)
+        return false;
+    if (field.requires_scope && !declaredScopes.includes(field.requires_scope))
+        return false;
+    return true;
+}
+export function SettingsForm(props) {
+    const visibleFields = useMemo(() => Object.entries(props.manifestSettings).filter(([, def]) => isFieldVisible(def, props.forScope, props.declaredScopes)), [props.manifestSettings, props.forScope, props.declaredScopes]);
+    const [values, setValues] = useState(() => {
+        const seed = {};
+        for (const [key, def] of visibleFields) {
+            if (Object.prototype.hasOwnProperty.call(props.initialValues, key)) {
+                seed[key] = props.initialValues[key];
+            }
+            else if (def.default !== undefined) {
+                seed[key] = def.default;
+            }
+            else {
+                seed[key] = null;
+            }
+        }
+        return seed;
+    });
+    const [errors, setErrors] = useState({});
+    const [submitting, setSubmitting] = useState(false);
+    const [submitError, setSubmitError] = useState(null);
+    const setFieldValue = useCallback((key, value) => {
+        setValues((prev) => ({ ...prev, [key]: value }));
+        setErrors((prev) => {
+            if (!prev[key])
+                return prev;
+            const { [key]: _drop, ...rest } = prev;
+            return rest;
+        });
+    }, []);
+    const handleSubmit = useCallback(async (e) => {
+        e?.preventDefault();
+        // Client-side range guard so users get immediate feedback. Server
+        // is still authoritative — same checks fire there.
+        const clientErrors = {};
+        for (const [key, def] of visibleFields) {
+            const err = clientValidateField(key, def, values[key]);
+            if (err)
+                clientErrors[key] = err;
+        }
+        if (Object.keys(clientErrors).length > 0) {
+            setErrors(clientErrors);
+            return;
+        }
+        setSubmitting(true);
+        setSubmitError(null);
+        try {
+            await props.onSubmit(values);
+            setErrors({});
+        }
+        catch (err) {
+            if (err instanceof SettingsFormError) {
+                setErrors(err.fieldErrors);
+            }
+            else if (err instanceof Error) {
+                setSubmitError(err.message);
+            }
+            else {
+                setSubmitError('Failed to save settings');
+            }
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }, [props, values, visibleFields]);
+    if (visibleFields.length === 0) {
+        return (_jsx("div", { className: props.className, "data-civitai-settings-form": "empty", children: _jsx("p", { children: "No settings to configure." }) }));
+    }
+    return (_jsxs("form", { className: props.className, "data-civitai-settings-form": props.forScope, onSubmit: handleSubmit, children: [visibleFields.map(([key, def]) => (_jsx(FieldRow, { fieldKey: key, def: def, value: values[key], error: errors[key], disabled: submitting, resourcePicker: props.resourcePicker, onChange: (v) => setFieldValue(key, v) }, key))), submitError ? (_jsx("div", { "data-civitai-settings-form-error": true, role: "alert", children: submitError })) : null, _jsx("button", { type: "submit", disabled: submitting, "data-civitai-settings-form-submit": true, 
+                // Don't rely on the implicit form submit event — happy-dom (and
+                // some browsers in older modes) won't dispatch it for a synthetic
+                // click. Calling `handleSubmit` directly mirrors the production
+                // path: e.preventDefault() inside handleSubmit is a no-op when
+                // `e` is undefined.
+                onClick: (e) => {
+                    e.preventDefault();
+                    void handleSubmit();
+                }, children: submitting ? 'Saving…' : props.submitLabel ?? 'Save' })] }));
+}
+function FieldRow(props) {
+    const { fieldKey, def, value, error, disabled, onChange, resourcePicker } = props;
+    return (_jsxs("div", { "data-civitai-settings-field": fieldKey, children: [_jsxs("label", { htmlFor: `setting-${fieldKey}`, children: [_jsx("span", { "data-label": true, children: def.label }), _jsx("span", { "data-description": true, children: def.description })] }), _jsx(FieldInput, { fieldKey: fieldKey, def: def, value: value, disabled: disabled, resourcePicker: resourcePicker, onChange: onChange }), error ? (_jsx("div", { "data-civitai-settings-field-error": true, role: "alert", children: error })) : null] }));
+}
+function FieldInput(props) {
+    const { fieldKey, def, value, disabled, onChange, resourcePicker } = props;
+    const id = `setting-${fieldKey}`;
+    if (def.type === 'number') {
+        return renderNumberField(id, def, value, disabled, onChange, resourcePicker, fieldKey);
+    }
+    if (def.type === 'string') {
+        return renderStringField(id, def, value, disabled, onChange);
+    }
+    return renderBooleanField(id, def, value, disabled, onChange);
+}
+function renderNumberField(id, def, value, disabled, onChange, resourcePicker, fieldKey) {
+    const widget = def.widget ?? 'number';
+    if (widget === 'resource_picker') {
+        return (_jsx("button", { id: id, type: "button", disabled: disabled, "data-civitai-settings-input": "resource_picker", onClick: async () => {
+                if (!resourcePicker)
+                    return;
+                const next = await resourcePicker({
+                    fieldKey,
+                    widgetOptions: def.widget_options ?? {},
+                    currentValue: typeof value === 'number' ? value : null,
+                });
+                onChange(next);
+            }, children: typeof value === 'number' ? `Selected: #${value}` : 'Choose…' }));
+    }
+    if (widget === 'slider') {
+        return (_jsx("input", { id: id, type: "range", "data-civitai-settings-input": "slider", disabled: disabled, min: def.min, max: def.max, step: def.step ?? 1, value: typeof value === 'number' ? value : def.default ?? def.min ?? 0, onChange: (e) => onChange(Number(e.target.value)) }));
+    }
+    return (_jsx("input", { id: id, type: "number", "data-civitai-settings-input": "number", disabled: disabled, min: def.min, max: def.max, step: def.step, value: typeof value === 'number' ? value : '', onChange: (e) => {
+            const raw = e.target.value;
+            if (raw === '') {
+                onChange(null);
+                return;
+            }
+            const parsed = Number(raw);
+            onChange(Number.isFinite(parsed) ? parsed : raw);
+        } }));
+}
+function renderStringField(id, def, value, disabled, onChange) {
+    const widget = def.widget ?? 'text';
+    if (widget === 'select') {
+        return (_jsx("select", { id: id, "data-civitai-settings-input": "select", disabled: disabled, value: typeof value === 'string' ? value : def.default ?? '', onChange: (e) => onChange(e.target.value), children: (def.enum ?? []).map((option) => (_jsx("option", { value: option, children: option }, option))) }));
+    }
+    if (widget === 'textarea') {
+        return (_jsx("textarea", { id: id, "data-civitai-settings-input": "textarea", disabled: disabled, maxLength: def.max_length, value: typeof value === 'string' ? value : '', onChange: (e) => onChange(e.target.value) }));
+    }
+    return (_jsx("input", { id: id, type: "text", "data-civitai-settings-input": "text", disabled: disabled, maxLength: def.max_length, value: typeof value === 'string' ? value : '', onChange: (e) => onChange(e.target.value) }));
+}
+function renderBooleanField(id, _def, value, disabled, onChange) {
+    return (_jsx("input", { id: id, type: "checkbox", role: "switch", "data-civitai-settings-input": "toggle", disabled: disabled, checked: value === true, onChange: (e) => onChange(e.target.checked) }));
+}
+function clientValidateField(_key, def, raw) {
+    // null is a valid "cleared" state for any nullable field (e.g. resource
+    // picker that hasn't been set). Treat as "no value to range-check."
+    if (raw === null || raw === undefined)
+        return null;
+    if (def.type === 'number') {
+        if (typeof raw !== 'number' || !Number.isFinite(raw)) {
+            return `${def.label} must be a number`;
+        }
+        if (def.min !== undefined && raw < def.min)
+            return `${def.label} must be >= ${def.min}`;
+        if (def.max !== undefined && raw > def.max)
+            return `${def.label} must be <= ${def.max}`;
+        return null;
+    }
+    if (def.type === 'string') {
+        if (typeof raw !== 'string')
+            return `${def.label} must be a string`;
+        if (def.max_length !== undefined && raw.length > def.max_length) {
+            return `${def.label} exceeds max length ${def.max_length}`;
+        }
+        if (def.pattern) {
+            try {
+                if (!new RegExp(def.pattern).test(raw))
+                    return `${def.label} format invalid`;
+            }
+            catch {
+                /* server reports malformed pattern */
+            }
+        }
+        if (def.enum && !def.enum.includes(raw))
+            return `${def.label} not in allowed values`;
+        return null;
+    }
+    // boolean
+    if (typeof raw !== 'boolean')
+        return `${def.label} must be a boolean`;
+    return null;
+}
+//# sourceMappingURL=SettingsForm.js.map

package/dist/ui/SettingsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsForm.js","sourceRoot":"","sources":["../../src/ui/SettingsForm.tsx"],"names":[],"mappings":"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"}

package/dist/ui/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * `@civitai/blocks-react/ui` — opinionated UI components for App Block authoring.
+ *
+ * v0 scope: just the generic, manifest-driven `SettingsForm`. The W6
+ * component pack (Button, Input, Card, Modal, …) will land here too as
+ * separate exports; importing from `/ui` (not the root) keeps the
+ * transport-only consumer's bundle lean.
+ */
+export { SettingsForm, SettingsFormError, isFieldVisible } from './SettingsForm.js';
+export type { SettingsFormProps } from './SettingsForm.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACpF,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,10 @@
+/**
+ * `@civitai/blocks-react/ui` — opinionated UI components for App Block authoring.
+ *
+ * v0 scope: just the generic, manifest-driven `SettingsForm`. The W6
+ * component pack (Button, Input, Card, Modal, …) will land here too as
+ * separate exports; importing from `/ui` (not the root) keeps the
+ * transport-only consumer's bundle lean.
+ */
+export { SettingsForm, SettingsFormError, isFieldVisible } from './SettingsForm.js';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@civitai/blocks-react",
+  "version": "0.4.0",
+  "description": "React hooks and iframe transport for Civitai App Blocks. Pairs with @civitai/app-sdk/blocks.",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "import": "./dist/ui/index.js"
+    },
+    "./testing": {
+      "types": "./dist/testing.d.ts",
+      "import": "./dist/testing.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "peerDependencies": {
+    "@civitai/app-sdk": "workspace:^",
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@civitai/app-sdk": "workspace:*",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
+    "happy-dom": "^15.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.9.2",
+    "vitest": "^4.0.18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "civitai",
+    "blocks",
+    "react",
+    "iframe",
+    "postmessage",
+    "embed"
+  ],
+  "homepage": "https://github.com/civitai/civitai-app-starters/tree/main/packages/civitai-blocks-react#readme",
+  "bugs": "https://github.com/civitai/civitai-app-starters/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/civitai/civitai-app-starters.git",
+    "directory": "packages/civitai-blocks-react"
+  }
+}