@atscript/vue-form 0.1.58

package/dist/use-form-context-Dwr8Ai1v.cjs

@@ -0,0 +1,207 @@
+let vue = require("vue");
+let _atscript_ui = require("@atscript/ui");
+//#region src/composables/internal-keys.ts
+/**
+* Typed Vue provide/inject keys used across the form tree.
+*
+* Keys with generic value types (form data, form context) are intentionally
+* widened to `unknown` here — call sites cast to their concrete generic.
+* This is the standard Vue tradeoff for `InjectionKey<T>`: a key has one
+* concrete type, so the generic flexibility lives at the consumer.
+*/
+const FORM_STATE_KEY = Symbol("atui.form-state");
+const FORM_DATA_KEY = Symbol("atui.form-data");
+const FORM_CONTEXT_KEY = Symbol("atui.form-context");
+const ROOT_DATA_KEY = Symbol("atui.root-data");
+const PATH_PREFIX_KEY = Symbol("atui.path-prefix");
+const LEVEL_KEY = Symbol("atui.level");
+const HIDE_ROOT_TITLE_KEY = Symbol("atui.hide-root-title");
+const TYPES_KEY = Symbol("atui.types");
+const COMPONENTS_KEY = Symbol("atui.components");
+const ERRORS_KEY = Symbol("atui.errors");
+const ACTION_HANDLER_KEY = Symbol("atui.action-handler");
+const CHANGE_HANDLER_KEY = Symbol("atui.change-handler");
+const DISMISS_EXTERNAL_AT_KEY = Symbol("atui.dismiss-external-at");
+const UNION_CONTEXT_KEY = Symbol("atui.union-context");
+//#endregion
+//#region src/composables/use-form-context.ts
+const EMPTY_PREFIX = (0, vue.computed)(() => "");
+/**
+* Unified injection composable for as-* components. Consolidates form
+* state, root data, and path prefix into a single call with shared
+* helpers.
+*/
+function useFormContext(componentName) {
+	const _formState = (0, vue.inject)(FORM_STATE_KEY);
+	if (!_formState) throw new Error(`${componentName} must be used inside an AsForm component`);
+	const formState = _formState;
+	const rootData = (0, vue.inject)(ROOT_DATA_KEY);
+	if (!rootData) throw new Error(`${componentName} must be used inside an AsForm component (missing root data)`);
+	const rootFormData = () => rootData.value;
+	const pathPrefix = (0, vue.inject)(PATH_PREFIX_KEY, EMPTY_PREFIX);
+	const _formContext = (0, vue.inject)(FORM_CONTEXT_KEY);
+	const formContext = (0, vue.computed)(() => _formContext?.value ?? {});
+	function joinPath(segment) {
+		return (0, vue.computed)(() => {
+			const s = typeof segment === "function" ? segment() : segment;
+			if (!s) return pathPrefix.value;
+			return pathPrefix.value ? `${pathPrefix.value}.${s}` : s;
+		});
+	}
+	function buildPath(segment) {
+		if (!segment) return pathPrefix.value;
+		return pathPrefix.value ? `${pathPrefix.value}.${segment}` : segment;
+	}
+	function getByPath(path) {
+		return (0, _atscript_ui.getByPath)(rootFormData(), path);
+	}
+	function setByPath(path, value) {
+		(0, _atscript_ui.setByPath)(rootFormData(), path, value);
+	}
+	function buildScope(v, entry) {
+		return {
+			v,
+			data: rootFormData().value,
+			context: formContext.value,
+			entry
+		};
+	}
+	return {
+		formState,
+		rootFormData,
+		pathPrefix,
+		formContext,
+		joinPath,
+		buildPath,
+		getByPath,
+		setByPath,
+		buildScope
+	};
+}
+/**
+* Consume and clear the union context injection.
+*
+* Structured components (object, tuple, array, field-shell) call this to
+* read the union context provided by `AsUnion` and immediately clear it
+* so nested children don't inherit it.
+*/
+function useAsUnionVariant() {
+	const unionCtx = (0, vue.inject)(UNION_CONTEXT_KEY, void 0);
+	(0, vue.provide)(UNION_CONTEXT_KEY, void 0);
+	return unionCtx;
+}
+function capitalize(s) {
+	return s.length === 0 ? s : s[0].toUpperCase() + s.slice(1);
+}
+/** Split a label into base + optional `#N` suffix for two-part rendering. */
+function formatIndexedLabelParts(label, arrayIndex) {
+	const base = label ? capitalize(label) : "";
+	if (arrayIndex === void 0) return base ? { base } : void 0;
+	return {
+		base,
+		suffix: `#${arrayIndex + 1}`
+	};
+}
+//#endregion
+Object.defineProperty(exports, "ACTION_HANDLER_KEY", {
+	enumerable: true,
+	get: function() {
+		return ACTION_HANDLER_KEY;
+	}
+});
+Object.defineProperty(exports, "CHANGE_HANDLER_KEY", {
+	enumerable: true,
+	get: function() {
+		return CHANGE_HANDLER_KEY;
+	}
+});
+Object.defineProperty(exports, "COMPONENTS_KEY", {
+	enumerable: true,
+	get: function() {
+		return COMPONENTS_KEY;
+	}
+});
+Object.defineProperty(exports, "DISMISS_EXTERNAL_AT_KEY", {
+	enumerable: true,
+	get: function() {
+		return DISMISS_EXTERNAL_AT_KEY;
+	}
+});
+Object.defineProperty(exports, "ERRORS_KEY", {
+	enumerable: true,
+	get: function() {
+		return ERRORS_KEY;
+	}
+});
+Object.defineProperty(exports, "FORM_CONTEXT_KEY", {
+	enumerable: true,
+	get: function() {
+		return FORM_CONTEXT_KEY;
+	}
+});
+Object.defineProperty(exports, "FORM_DATA_KEY", {
+	enumerable: true,
+	get: function() {
+		return FORM_DATA_KEY;
+	}
+});
+Object.defineProperty(exports, "FORM_STATE_KEY", {
+	enumerable: true,
+	get: function() {
+		return FORM_STATE_KEY;
+	}
+});
+Object.defineProperty(exports, "HIDE_ROOT_TITLE_KEY", {
+	enumerable: true,
+	get: function() {
+		return HIDE_ROOT_TITLE_KEY;
+	}
+});
+Object.defineProperty(exports, "LEVEL_KEY", {
+	enumerable: true,
+	get: function() {
+		return LEVEL_KEY;
+	}
+});
+Object.defineProperty(exports, "PATH_PREFIX_KEY", {
+	enumerable: true,
+	get: function() {
+		return PATH_PREFIX_KEY;
+	}
+});
+Object.defineProperty(exports, "ROOT_DATA_KEY", {
+	enumerable: true,
+	get: function() {
+		return ROOT_DATA_KEY;
+	}
+});
+Object.defineProperty(exports, "TYPES_KEY", {
+	enumerable: true,
+	get: function() {
+		return TYPES_KEY;
+	}
+});
+Object.defineProperty(exports, "UNION_CONTEXT_KEY", {
+	enumerable: true,
+	get: function() {
+		return UNION_CONTEXT_KEY;
+	}
+});
+Object.defineProperty(exports, "formatIndexedLabelParts", {
+	enumerable: true,
+	get: function() {
+		return formatIndexedLabelParts;
+	}
+});
+Object.defineProperty(exports, "useAsUnionVariant", {
+	enumerable: true,
+	get: function() {
+		return useAsUnionVariant;
+	}
+});
+Object.defineProperty(exports, "useFormContext", {
+	enumerable: true,
+	get: function() {
+		return useFormContext;
+	}
+});

package/dist/use-form-context-bAj7UoSe.mjs

@@ -0,0 +1,106 @@
+import { computed, inject, provide } from "vue";
+import { getByPath, setByPath } from "@atscript/ui";
+//#region src/composables/internal-keys.ts
+/**
+* Typed Vue provide/inject keys used across the form tree.
+*
+* Keys with generic value types (form data, form context) are intentionally
+* widened to `unknown` here — call sites cast to their concrete generic.
+* This is the standard Vue tradeoff for `InjectionKey<T>`: a key has one
+* concrete type, so the generic flexibility lives at the consumer.
+*/
+const FORM_STATE_KEY = Symbol("atui.form-state");
+const FORM_DATA_KEY = Symbol("atui.form-data");
+const FORM_CONTEXT_KEY = Symbol("atui.form-context");
+const ROOT_DATA_KEY = Symbol("atui.root-data");
+const PATH_PREFIX_KEY = Symbol("atui.path-prefix");
+const LEVEL_KEY = Symbol("atui.level");
+const HIDE_ROOT_TITLE_KEY = Symbol("atui.hide-root-title");
+const TYPES_KEY = Symbol("atui.types");
+const COMPONENTS_KEY = Symbol("atui.components");
+const ERRORS_KEY = Symbol("atui.errors");
+const ACTION_HANDLER_KEY = Symbol("atui.action-handler");
+const CHANGE_HANDLER_KEY = Symbol("atui.change-handler");
+const DISMISS_EXTERNAL_AT_KEY = Symbol("atui.dismiss-external-at");
+const UNION_CONTEXT_KEY = Symbol("atui.union-context");
+//#endregion
+//#region src/composables/use-form-context.ts
+const EMPTY_PREFIX = computed(() => "");
+/**
+* Unified injection composable for as-* components. Consolidates form
+* state, root data, and path prefix into a single call with shared
+* helpers.
+*/
+function useFormContext(componentName) {
+	const _formState = inject(FORM_STATE_KEY);
+	if (!_formState) throw new Error(`${componentName} must be used inside an AsForm component`);
+	const formState = _formState;
+	const rootData = inject(ROOT_DATA_KEY);
+	if (!rootData) throw new Error(`${componentName} must be used inside an AsForm component (missing root data)`);
+	const rootFormData = () => rootData.value;
+	const pathPrefix = inject(PATH_PREFIX_KEY, EMPTY_PREFIX);
+	const _formContext = inject(FORM_CONTEXT_KEY);
+	const formContext = computed(() => _formContext?.value ?? {});
+	function joinPath(segment) {
+		return computed(() => {
+			const s = typeof segment === "function" ? segment() : segment;
+			if (!s) return pathPrefix.value;
+			return pathPrefix.value ? `${pathPrefix.value}.${s}` : s;
+		});
+	}
+	function buildPath(segment) {
+		if (!segment) return pathPrefix.value;
+		return pathPrefix.value ? `${pathPrefix.value}.${segment}` : segment;
+	}
+	function getByPath$1(path) {
+		return getByPath(rootFormData(), path);
+	}
+	function setByPath$1(path, value) {
+		setByPath(rootFormData(), path, value);
+	}
+	function buildScope(v, entry) {
+		return {
+			v,
+			data: rootFormData().value,
+			context: formContext.value,
+			entry
+		};
+	}
+	return {
+		formState,
+		rootFormData,
+		pathPrefix,
+		formContext,
+		joinPath,
+		buildPath,
+		getByPath: getByPath$1,
+		setByPath: setByPath$1,
+		buildScope
+	};
+}
+/**
+* Consume and clear the union context injection.
+*
+* Structured components (object, tuple, array, field-shell) call this to
+* read the union context provided by `AsUnion` and immediately clear it
+* so nested children don't inherit it.
+*/
+function useAsUnionVariant() {
+	const unionCtx = inject(UNION_CONTEXT_KEY, void 0);
+	provide(UNION_CONTEXT_KEY, void 0);
+	return unionCtx;
+}
+function capitalize(s) {
+	return s.length === 0 ? s : s[0].toUpperCase() + s.slice(1);
+}
+/** Split a label into base + optional `#N` suffix for two-part rendering. */
+function formatIndexedLabelParts(label, arrayIndex) {
+	const base = label ? capitalize(label) : "";
+	if (arrayIndex === void 0) return base ? { base } : void 0;
+	return {
+		base,
+		suffix: `#${arrayIndex + 1}`
+	};
+}
+//#endregion
+export { UNION_CONTEXT_KEY as _, CHANGE_HANDLER_KEY as a, ERRORS_KEY as c, FORM_STATE_KEY as d, HIDE_ROOT_TITLE_KEY as f, TYPES_KEY as g, ROOT_DATA_KEY as h, ACTION_HANDLER_KEY as i, FORM_CONTEXT_KEY as l, PATH_PREFIX_KEY as m, useAsUnionVariant as n, COMPONENTS_KEY as o, LEVEL_KEY as p, useFormContext as r, DISMISS_EXTERNAL_AT_KEY as s, formatIndexedLabelParts as t, FORM_DATA_KEY as u };

package/package.json

@@ -0,0 +1,180 @@
+{
+  "name": "@atscript/vue-form",
+  "version": "0.1.58",
+  "description": "Type-driven form rendering for Atscript with Vue 3",
+  "keywords": [
+    "atscript",
+    "components",
+    "form",
+    "form-builder",
+    "metadata",
+    "type-driven",
+    "typescript",
+    "vue",
+    "vue3"
+  ],
+  "homepage": "https://github.com/moostjs/atscript-ui/tree/main/packages/vue-form#readme",
+  "bugs": {
+    "url": "https://github.com/moostjs/atscript-ui/issues"
+  },
+  "license": "MIT",
+  "author": "Artem Maltsev <artem@maltsev.nl>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/moostjs/atscript-ui.git",
+    "directory": "packages/vue-form"
+  },
+  "files": [
+    "dist",
+    "styles.d.ts"
+  ],
+  "type": "module",
+  "main": "dist/index.mjs",
+  "types": "dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./as-action": {
+      "types": "./dist/as-action.d.mts",
+      "import": "./dist/as-action.mjs",
+      "require": "./dist/as-action.cjs"
+    },
+    "./as-array": {
+      "types": "./dist/as-array.d.mts",
+      "import": "./dist/as-array.mjs",
+      "require": "./dist/as-array.cjs"
+    },
+    "./as-checkbox": {
+      "types": "./dist/as-checkbox.d.mts",
+      "import": "./dist/as-checkbox.mjs",
+      "require": "./dist/as-checkbox.cjs"
+    },
+    "./as-date": {
+      "types": "./dist/as-date.d.mts",
+      "import": "./dist/as-date.mjs",
+      "require": "./dist/as-date.cjs"
+    },
+    "./as-datetime": {
+      "types": "./dist/as-datetime.d.mts",
+      "import": "./dist/as-datetime.mjs",
+      "require": "./dist/as-datetime.cjs"
+    },
+    "./as-decimal": {
+      "types": "./dist/as-decimal.d.mts",
+      "import": "./dist/as-decimal.mjs",
+      "require": "./dist/as-decimal.cjs"
+    },
+    "./as-field": {
+      "types": "./dist/as-field.d.mts",
+      "import": "./dist/as-field.mjs",
+      "require": "./dist/as-field.cjs"
+    },
+    "./as-field-shell": {
+      "types": "./dist/as-field-shell.d.mts",
+      "import": "./dist/as-field-shell.mjs",
+      "require": "./dist/as-field-shell.cjs"
+    },
+    "./as-form": {
+      "types": "./dist/as-form.d.mts",
+      "import": "./dist/as-form.mjs",
+      "require": "./dist/as-form.cjs"
+    },
+    "./as-input": {
+      "types": "./dist/as-input.d.mts",
+      "import": "./dist/as-input.mjs",
+      "require": "./dist/as-input.cjs"
+    },
+    "./as-iterator": {
+      "types": "./dist/as-iterator.d.mts",
+      "import": "./dist/as-iterator.mjs",
+      "require": "./dist/as-iterator.cjs"
+    },
+    "./as-number": {
+      "types": "./dist/as-number.d.mts",
+      "import": "./dist/as-number.mjs",
+      "require": "./dist/as-number.cjs"
+    },
+    "./as-object": {
+      "types": "./dist/as-object.d.mts",
+      "import": "./dist/as-object.mjs",
+      "require": "./dist/as-object.cjs"
+    },
+    "./as-paragraph": {
+      "types": "./dist/as-paragraph.d.mts",
+      "import": "./dist/as-paragraph.mjs",
+      "require": "./dist/as-paragraph.cjs"
+    },
+    "./as-radio": {
+      "types": "./dist/as-radio.d.mts",
+      "import": "./dist/as-radio.mjs",
+      "require": "./dist/as-radio.cjs"
+    },
+    "./as-ref": {
+      "types": "./dist/as-ref.d.mts",
+      "import": "./dist/as-ref.mjs",
+      "require": "./dist/as-ref.cjs"
+    },
+    "./as-select": {
+      "types": "./dist/as-select.d.mts",
+      "import": "./dist/as-select.mjs",
+      "require": "./dist/as-select.cjs"
+    },
+    "./as-time": {
+      "types": "./dist/as-time.d.mts",
+      "import": "./dist/as-time.mjs",
+      "require": "./dist/as-time.cjs"
+    },
+    "./as-tuple": {
+      "types": "./dist/as-tuple.d.mts",
+      "import": "./dist/as-tuple.mjs",
+      "require": "./dist/as-tuple.cjs"
+    },
+    "./as-union": {
+      "types": "./dist/as-union.d.mts",
+      "import": "./dist/as-union.mjs",
+      "require": "./dist/as-union.cjs"
+    },
+    "./styles": {
+      "types": "./styles.d.ts",
+      "default": "./dist/style.css"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@atscript/ui": "^0.1.58"
+  },
+  "devDependencies": {
+    "@atscript/core": "^0.1.54",
+    "@atscript/db-client": "^0.1.75",
+    "@atscript/typescript": "^0.1.54",
+    "@tsdown/css": "^0.21.4",
+    "@vitejs/plugin-vue": "^6",
+    "@vue/test-utils": "^2",
+    "happy-dom": "^18",
+    "reka-ui": "^2.9.2",
+    "unplugin-atscript": "^0.1.54",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@latest",
+    "vue": "^3",
+    "vue-tsc": "^3.2.6",
+    "vunor": "^0.2",
+    "@atscript/ui-fns": "^0.1.58"
+  },
+  "peerDependencies": {
+    "@atscript/db-client": "^0.1.75",
+    "reka-ui": "^2.9.2",
+    "vue": "^3",
+    "@atscript/ui-fns": "^0.1.58"
+  },
+  "scripts": {
+    "build": "node ../../scripts/gen-exports.mjs && vp pack",
+    "dev": "vp pack --watch",
+    "test": "vp test",
+    "check": "vp check"
+  }
+}

package/styles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: string;
+export default styles;