@chelone/vue 0.2.0 → 0.4.0

package/dist/record/use-field-value.d.ts

@@ -5,28 +5,39 @@
  * clean-room, zero-lodash). Returns a `ComputedRef` so a field re-renders when
  * the ambient record resolves (React re-renders instead; Vue tracks the ref).
  *
- * Path semantics match `lodash/get`: dot members (`author.name`), bracket
- * indices (`tags[1].label`), and numeric-dot indices (`tags.0.label`) resolve;
- * `defaultValue` replaces ONLY a resolved `undefined`, never a present `null` /
- * `0` / `false` / `""`. Reads from the RecordContext (NOT a source scope) on
- * purpose — a field tracks the record, not the form's source prefix.
+ * Path semantics match `lodash/get` through core's `getAtPath`: dot members
+ * (`author.name`), bracket indices (`tags[1].label`), numeric-dot indices
+ * (`tags.0.label`) and a literal `"a.b"` key all resolve; `defaultValue`
+ * replaces ONLY a resolved `undefined`, never a present `null` / `0` / `false`
+ * / `""`. Reads from the RecordContext (NOT a source scope) on purpose — a
+ * field tracks the record, not the form's source prefix.
  */
-import type { LooseRecord } from "@chelone/core";
+import { type LooseRecord, type SourceProp, type SourceValue } from "@chelone/core";
 import { type ComputedRef } from "vue";
 import { type RecordValue } from "./record-context.js";
-export interface UseFieldValueOptions<RecordType = LooseRecord> {
+export interface UseFieldValueOptions<RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>> {
     /** The field path — dot members and/or bracket/numeric indices. */
-    source: string;
+    source: TPath;
     /** Override the ambient record (a static record wins over the context ref). */
     record?: RecordValue<RecordType>;
-    /** Returned only when the resolved value is `undefined`. */
+    /**
+     * Returned only when the resolved value is `undefined`. Untyped on purpose:
+     * the result type is the record's value at `source`, not the default's.
+     */
     defaultValue?: unknown;
 }
 /**
- * The value at `source` off the ambient (or overridden) record, reactively.
+ * The value at `source` off the ambient (or overridden) record, reactively. A
+ * typed `record` and a literal `source` give the value's type;
+ * `useFieldValue<Post>(...)` alone infers no path, so the value is the union of
+ * Post's value types.
+ *
+ * The type does not include `undefined` for a record that has not loaded: before
+ * the ambient record resolves, `.value` is `undefined`, so guard it in a view
+ * that renders while loading.
  *
  * @example
  * const name = useFieldValue({ source: "author.name" });
  * // template: {{ name }}
  */
-export declare function useFieldValue<RecordType = LooseRecord>(options: UseFieldValueOptions<RecordType>): ComputedRef<unknown>;
+export declare function useFieldValue<RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>>(options: UseFieldValueOptions<RecordType, TPath>): ComputedRef<SourceValue<RecordType, TPath>>;

package/dist/record/use-field-value.js

@@ -1,30 +1,13 @@
+import { getAtPath } from "@chelone/core";
 import { inject, computed } from "vue";
 import { RecordContextKey } from "./record-context.js";
-function toPathSegments(source) {
-  if (source === "") return [];
-  const segments = [];
-  const pattern = /\[([^\]]*)\]|[^.[\]]+/g;
-  let match = pattern.exec(source);
-  while (match !== null) {
-    segments.push(match[1] !== void 0 ? match[1] : match[0]);
-    match = pattern.exec(source);
-  }
-  return segments;
-}
-function getAtPath(record, source, defaultValue) {
-  let current = record;
-  for (const key of toPathSegments(source)) {
-    if (current == null || typeof current !== "object") return defaultValue;
-    current = current[key];
-  }
-  return current === void 0 ? defaultValue : current;
-}
 function useFieldValue(options) {
   const { source, defaultValue } = options;
   const injected = inject(RecordContextKey, null);
   return computed(() => {
     const record = options.record !== void 0 ? options.record : injected?.value;
-    return getAtPath(record, source, defaultValue);
+    const value = getAtPath(record, source);
+    return value === void 0 ? defaultValue : value;
   });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chelone/vue",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -57,7 +57,7 @@
   "dependencies": {
     "cronstrue": "^3.24.0",
     "libphonenumber-js": "^1.13.8",
-    "@chelone/core": "0.2.0"
+    "@chelone/core": "0.4.0"
   },
   "peerDependencies": {
     "@guolao/vue-monaco-editor": "^1.6.0",
@@ -76,7 +76,7 @@
     "terra-draw-maplibre-gl-adapter": "^1.5.0",
     "vue": "^3.4.0",
     "vue-router": "^4.0.0",
-    "@chelone/supabase": "0.2.0"
+    "@chelone/supabase": "0.4.0"
   },
   "peerDependenciesMeta": {
     "@chelone/supabase": {
@@ -150,7 +150,7 @@
     "vue-router": "^4.0.0",
     "vue-tsc": "^2.0.0",
     "zod": "^3.24.0",
-    "@chelone/supabase": "0.2.0"
+    "@chelone/supabase": "0.4.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json && node ../../scripts/strip-dts-css-imports.mjs dist && node ../../scripts/dts-extensions.mjs dist",

package/dist/components/admin/fields/get-path.d.ts

@@ -1,7 +0,0 @@
-/**
- * Read a value at a dot path off `record`. Clean-room stand-in for
- * `lodash/get(record, path)` (chelone stays zero-lodash) — shared by the
- * per-item title/src lookups in `<FileField>` / `<ImageField>`'s array branch.
- * Mirrors the identical helper in the React twins.
- */
-export declare function getPath(record: unknown, path: string): unknown;

package/dist/components/admin/fields/get-path.js

@@ -1,14 +0,0 @@
-function getPath(record, path) {
-  if (record != null && typeof record === "object" && path in record) {
-    return record[path];
-  }
-  let current = record;
-  for (const key of path.split(".")) {
-    if (current == null || typeof current !== "object") return void 0;
-    current = current[key];
-  }
-  return current;
-}
-export {
-  getPath
-};