@chelone/vue 0.5.0 → 0.7.0

package/dist/components/admin/guessers/edit-guesser.vue.d.ts

@@ -4,8 +4,9 @@ export type EditGuesserProps = EditProps & {
     /** Print the generated code to the console. On outside production. */
     enableLog?: boolean;
 };
-declare const _default: import("vue").DefineComponent<EditGuesserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditGuesserProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<EditGuesserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditGuesserProps> & Readonly<{}>, {
     redirectOnSave: boolean;
     enableLog: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/admin/guessers/edit-guesser.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,89 @@
+import { useResourceContext } from "../../../resource-context.js";
+import toolbar_default from "../buttons/toolbar.js";
+import autocomplete_array_input_default from "../inputs/autocomplete-array-input.js";
+import edit_default from "../view/edit.js";
+import { guessInputComponents } from "./guess-components.js";
+import { printGuessedView } from "./guessed-code.js";
+import guesser_empty_default from "./guesser-empty.js";
+import { useGuessedResource } from "./use-guessed-resource.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, normalizeProps, openBlock, renderList, resolveDynamicComponent, unref, watchEffect, withCtx } from "vue";
+// src/components/admin/guessers/edit-guesser.vue?vue&type=script&setup=true&lang.ts
+var edit_guesser_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "edit-guesser",
+	props: {
+		resource: {},
+		id: {},
+		title: {},
+		redirectOnSave: {
+			type: Boolean,
+			default: true
+		},
+		validate: {},
+		schema: {},
+		sanitizeEmptyValues: { type: Boolean },
+		onSuccess: {},
+		enableLog: {
+			type: Boolean,
+			default: (typeof process !== "undefined" ? process.env.NODE_ENV : void 0) !== "production"
+		}
+	},
+	setup(__props) {
+		/**
+		* `<EditGuesser>` — an edit page built from the resource's registered Zod
+		* schema: an `<Edit>` holding one input per described field, in schema order,
+		* then the default `<Toolbar>`. `<Edit>` already validates against the same
+		* registry schema, so there is no `validate` to pass. A resource with no schema
+		* shows `<GuesserEmpty>` and fetches no record.
+		*/
+		const props = __props;
+		const resource = props.resource ?? useResourceContext();
+		if (!resource) throw new Error("<EditGuesser>: no resource. Pass a `resource` prop or render inside a <Resource>.");
+		const descriptor = useGuessedResource(resource);
+		const inputs = computed(() => (descriptor.value?.fields ?? []).flatMap((field) => {
+			if (field.primary || field.kind === "unsupported" || !field.input) return [];
+			const wrapsChild = field.input === "ReferenceArrayInput";
+			return [{
+				field,
+				component: guessInputComponents[field.input],
+				childLabel: wrapsChild ? field.label : void 0,
+				inputProps: {
+					source: field.source,
+					...field.label !== void 0 && !wrapsChild && { label: field.label },
+					...field.reference !== void 0 && { reference: field.reference },
+					...field.choices !== void 0 && { choices: field.choices }
+				}
+			}];
+		}));
+		const editProps = computed(() => {
+			const { enableLog: _enableLog, ...rest } = props;
+			return {
+				...rest,
+				resource
+			};
+		});
+		let logged = false;
+		watchEffect(() => {
+			if (logged || !props.enableLog || !descriptor.value) return;
+			logged = true;
+			console.log(printGuessedView("Edit", resource, descriptor.value.fields));
+		});
+		return (_ctx, _cache) => {
+			return !unref(descriptor) ? (openBlock(), createBlock(guesser_empty_default, {
+				key: 0,
+				resource: unref(resource)
+			}, null, 8, ["resource"])) : (openBlock(), createBlock(edit_default, normalizeProps(mergeProps({ key: 1 }, editProps.value)), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(inputs.value, (input) => {
+					return openBlock(), createBlock(resolveDynamicComponent(input.component), mergeProps({ key: input.field.source }, { ref_for: true }, input.inputProps), {
+						default: withCtx(() => [input.childLabel !== void 0 ? (openBlock(), createBlock(autocomplete_array_input_default, {
+							key: 0,
+							label: input.childLabel
+						}, null, 8, ["label"])) : createCommentVNode("", true)]),
+						_: 2
+					}, 1040);
+				}), 128)), createVNode(toolbar_default)]),
+				_: 1
+			}, 16));
+		};
+	}
+});
+export { edit_guesser_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/guessers/guess-components.js

@@ -1,46 +1,50 @@
-import _sfc_main$e from "../fields/boolean-field.vue.js";
-import _sfc_main$d from "../fields/date-field.vue.js";
-import _sfc_main$h from "../fields/email-field.vue.js";
-import _sfc_main$f from "../fields/number-field.vue.js";
-import _sfc_main$9 from "../fields/reference-array-field.vue.js";
-import _sfc_main$a from "../fields/reference-field.vue.js";
-import _sfc_main$c from "../fields/select-field.vue.js";
-import _sfc_main$b from "../fields/text-array-field.vue.js";
-import _sfc_main$i from "../fields/text-field.vue.js";
-import _sfc_main$g from "../fields/url-field.vue.js";
-import _sfc_main$6 from "../inputs/boolean-input.vue.js";
-import _sfc_main$5 from "../inputs/date-input.vue.js";
-import _sfc_main$4 from "../inputs/date-time-input.vue.js";
-import _sfc_main$7 from "../inputs/number-input.vue.js";
-import _sfc_main from "../inputs/reference-array-input.vue.js";
-import _sfc_main$1 from "../inputs/reference-input.vue.js";
-import _sfc_main$3 from "../inputs/select-input.vue.js";
-import _sfc_main$2 from "../inputs/text-array-input.vue.js";
-import _sfc_main$8 from "../inputs/text-input.vue.js";
-const guessFieldComponents = {
-  TextField: _sfc_main$i,
-  EmailField: _sfc_main$h,
-  UrlField: _sfc_main$g,
-  NumberField: _sfc_main$f,
-  BooleanField: _sfc_main$e,
-  DateField: _sfc_main$d,
-  SelectField: _sfc_main$c,
-  TextArrayField: _sfc_main$b,
-  ReferenceField: _sfc_main$a,
-  ReferenceArrayField: _sfc_main$9
+import boolean_field_default from "../fields/boolean-field.js";
+import date_field_default from "../fields/date-field.js";
+import email_field_default from "../fields/email-field.js";
+import number_field_default from "../fields/number-field.js";
+import reference_array_field_default from "../fields/reference-array-field.js";
+import reference_field_default from "../fields/reference-field.js";
+import select_field_default from "../fields/select-field.js";
+import text_array_field_default from "../fields/text-array-field.js";
+import text_field_default from "../fields/text-field.js";
+import url_field_default from "../fields/url-field.js";
+import boolean_input_default from "../inputs/boolean-input.js";
+import date_input_default from "../inputs/date-input.js";
+import date_time_input_default from "../inputs/date-time-input.js";
+import number_input_default from "../inputs/number-input.js";
+import reference_array_input_default from "../inputs/reference-array-input.js";
+import reference_input_default from "../inputs/reference-input.js";
+import select_input_default from "../inputs/select-input.js";
+import text_array_input_default from "../inputs/text-array-input.js";
+import text_input_default from "../inputs/text-input.js";
+// src/components/admin/guessers/guess-components.ts
+/**
+* The component each described field renders as. Each SFC is imported from its
+* own file, never a barrel, so a guesser installs only what it uses. The
+* `Record` type makes a name added in core fail `vue-tsc` here until it is mapped.
+*/
+var guessFieldComponents = {
+	TextField: text_field_default,
+	EmailField: email_field_default,
+	UrlField: url_field_default,
+	NumberField: number_field_default,
+	BooleanField: boolean_field_default,
+	DateField: date_field_default,
+	SelectField: select_field_default,
+	TextArrayField: text_array_field_default,
+	ReferenceField: reference_field_default,
+	ReferenceArrayField: reference_array_field_default
 };
-const guessInputComponents = {
-  TextInput: _sfc_main$8,
-  NumberInput: _sfc_main$7,
-  BooleanInput: _sfc_main$6,
-  DateInput: _sfc_main$5,
-  DateTimeInput: _sfc_main$4,
-  SelectInput: _sfc_main$3,
-  TextArrayInput: _sfc_main$2,
-  ReferenceInput: _sfc_main$1,
-  ReferenceArrayInput: _sfc_main
-};
-export {
-  guessFieldComponents,
-  guessInputComponents
+/** The component each described field edits with. */
+var guessInputComponents = {
+	TextInput: text_input_default,
+	NumberInput: number_input_default,
+	BooleanInput: boolean_input_default,
+	DateInput: date_input_default,
+	DateTimeInput: date_time_input_default,
+	SelectInput: select_input_default,
+	TextArrayInput: text_array_input_default,
+	ReferenceInput: reference_input_default,
+	ReferenceArrayInput: reference_array_input_default
 };
+export { guessFieldComponents, guessInputComponents };

package/dist/components/admin/guessers/guessed-code.js

@@ -1,104 +1,95 @@
-const IDENTIFIER = /^[A-Za-z_$][\w$]*$/;
+// src/components/admin/guessers/guessed-code.ts
+var IDENTIFIER = /^[A-Za-z_$][\w$]*$/;
+/** A JS literal for a template expression; the caller escapes it for an attribute. */
 function literal(value) {
-  if (typeof value === "string") {
-    const escaped = value.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n").replace(/\r/g, "\\r");
-    return `'${escaped}'`;
-  }
-  if (Array.isArray(value)) return `[${value.map(literal).join(", ")}]`;
-  if (value !== null && typeof value === "object") {
-    const entries = Object.entries(value).map(
-      ([key, entry]) => `${IDENTIFIER.test(key) ? key : literal(key)}: ${literal(entry)}`
-    );
-    return entries.length === 0 ? "{}" : `{ ${entries.join(", ")} }`;
-  }
-  return String(value);
+	if (typeof value === "string") return `'${value.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n").replace(/\r/g, "\\r")}'`;
+	if (Array.isArray(value)) return `[${value.map(literal).join(", ")}]`;
+	if (value !== null && typeof value === "object") {
+		const entries = Object.entries(value).map(([key, entry]) => `${IDENTIFIER.test(key) ? key : literal(key)}: ${literal(entry)}`);
+		return entries.length === 0 ? "{}" : `{ ${entries.join(", ")} }`;
+	}
+	return String(value);
 }
-const attrText = (text) => text.replace(/&/g, "&").replace(/"/g, """);
-const bound = (name, value) => `:${name}="${attrText(literal(value))}"`;
-const sourceAttrs = (field, withLabel = true) => `source="${attrText(field.source)}"${withLabel && field.label !== void 0 ? ` label="${attrText(field.label)}"` : ""}`;
+var attrText = (text) => text.replace(/&/g, "&").replace(/"/g, """);
+var bound = (name, value) => `:${name}="${attrText(literal(value))}"`;
+/** The `source` and, when the schema described one, the `label` of a column, record field or input. */
+var sourceAttrs = (field, withLabel = true) => `source="${attrText(field.source)}"${withLabel && field.label !== void 0 ? ` label="${attrText(field.label)}"` : ""}`;
+/** `source`, then `label` for an input, `reference`, `choices` and, for a field, `fieldProps`. */
 function attrs(field, withFieldProps, withLabel = false) {
-  const parts = [sourceAttrs(field, withLabel)];
-  if (field.reference !== void 0) {
-    parts.push(`reference="${attrText(field.reference)}"`);
-  }
-  if (field.choices !== void 0) parts.push(bound("choices", field.choices));
-  if (withFieldProps) {
-    for (const [name, value] of Object.entries(field.fieldProps ?? {})) {
-      parts.push(bound(name, value));
-    }
-  }
-  return parts.join(" ");
+	const parts = [sourceAttrs(field, withLabel)];
+	if (field.reference !== void 0) parts.push(`reference="${attrText(field.reference)}"`);
+	if (field.choices !== void 0) parts.push(bound("choices", field.choices));
+	if (withFieldProps) for (const [name, value] of Object.entries(field.fieldProps ?? {})) parts.push(bound(name, value));
+	return parts.join(" ");
 }
-const pascal = (resource) => {
-  const name = resource.split(/[^A-Za-z0-9]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
-  return /^[A-Za-z]/.test(name) ? name : `Resource${name}`;
+var pascal = (resource) => {
+	const name = resource.split(/[^A-Za-z0-9]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+	return /^[A-Za-z]/.test(name) ? name : `Resource${name}`;
 };
-const isSkipped = (field) => field.kind === "unsupported" || field.field === void 0;
+/**
+* A field the printer can name a component for: not `unsupported`, and it names
+* one. The guard is what lets the loops below read `field.field` with no cast.
+*/
+var isPrintable = (field) => field.kind !== "unsupported" && field.field !== void 0;
+/**
+* Prints the SFC for `view` of `resource` and a `Skipped:` line for each field
+* the guessers cannot map to a component.
+*/
 function printGuessedView(view, resource, fields) {
-  const used = /* @__PURE__ */ new Set();
-  const use = (name) => {
-    used.add(name);
-    return name;
-  };
-  const supported = fields.filter((field) => !isSkipped(field));
-  const lines = [];
-  if (view === "List") {
-    lines.push("  <List>", "    <DataTable>");
-    for (const field of supported) {
-      const col = use("DataTableCol");
-      if (field.kind === "text") {
-        lines.push(`      <${col} ${sourceAttrs(field)} />`);
-      } else {
-        const component = use(field.field);
-        lines.push(
-          `      <${col} ${sourceAttrs(field)}><${component} ${attrs(field, true)} /></${col}>`
-        );
-      }
-    }
-    lines.push("    </DataTable>", "  </List>");
-  } else if (view === "Edit") {
-    lines.push("  <Edit>");
-    for (const field of supported) {
-      if (field.primary || field.input === void 0) continue;
-      const label = field.input !== "ReferenceArrayInput";
-      lines.push(`    <${use(field.input)} ${attrs(field, false, label)} />`);
-    }
-    lines.push(`    <${use("Toolbar")} />`, "  </Edit>");
-  } else {
-    lines.push("  <Show>");
-    for (const field of supported) {
-      const wrapper = use("RecordField");
-      if (field.kind === "text") {
-        lines.push(`    <${wrapper} ${sourceAttrs(field)} />`);
-      } else {
-        const component = use(field.field);
-        lines.push(
-          `    <${wrapper} ${sourceAttrs(field)}><${component} ${attrs(field, true)} /></${wrapper}>`
-        );
-      }
-    }
-    lines.push("  </Show>");
-  }
-  use(view);
-  if (view === "List") use("DataTable");
-  const skipped = fields.filter(isSkipped).map(
-    (field) => `Skipped: ${field.source} (${field.reason ?? "no component"})`
-  );
-  return [
-    `Guessed ${view} for "${resource}":`,
-    "",
-    '<script setup lang="ts">',
-    `import { ${[...used].sort().join(", ")} } from "@chelone/vue";`,
-    "",
-    `defineOptions({ name: "${pascal(resource)}${view}" });`,
-    "<\/script>",
-    "",
-    "<template>",
-    ...lines,
-    "</template>",
-    ...skipped.length > 0 ? ["", ...skipped] : []
-  ].join("\n");
+	const used = /* @__PURE__ */ new Set();
+	const use = (name) => {
+		used.add(name);
+		return name;
+	};
+	const supported = fields.filter(isPrintable);
+	const lines = [];
+	if (view === "List") {
+		lines.push("  <List>", "    <DataTable>");
+		for (const field of supported) {
+			const col = use("DataTableCol");
+			if (field.kind === "text") lines.push(`      <${col} ${sourceAttrs(field)} />`);
+			else {
+				const component = use(field.field);
+				lines.push(`      <${col} ${sourceAttrs(field)}><${component} ${attrs(field, true)} /></${col}>`);
+			}
+		}
+		lines.push("    </DataTable>", "  </List>");
+	} else if (view === "Edit") {
+		lines.push("  <Edit>");
+		for (const field of supported) {
+			if (field.primary || field.input === void 0) continue;
+			const label = field.input !== "ReferenceArrayInput";
+			lines.push(`    <${use(field.input)} ${attrs(field, false, label)} />`);
+		}
+		lines.push(`    <${use("Toolbar")} />`, "  </Edit>");
+	} else {
+		lines.push("  <Show>");
+		for (const field of supported) {
+			const wrapper = use("RecordField");
+			if (field.kind === "text") lines.push(`    <${wrapper} ${sourceAttrs(field)} />`);
+			else {
+				const component = use(field.field);
+				lines.push(`    <${wrapper} ${sourceAttrs(field)}><${component} ${attrs(field, true)} /></${wrapper}>`);
+			}
+		}
+		lines.push("  </Show>");
+	}
+	use(view);
+	if (view === "List") use("DataTable");
+	const skipped = fields.filter((field) => !isPrintable(field)).map((field) => `Skipped: ${field.source} (${field.reason ?? "no component"})`);
+	return [
+		`Guessed ${view} for "${resource}":`,
+		"",
+		"<script setup lang=\"ts\">",
+		`import { ${[...used].sort().join(", ")} } from "@chelone/vue";`,
+		"",
+		`defineOptions({ name: "${pascal(resource)}${view}" });`,
+		"<\/script>",
+		"",
+		"<template>",
+		...lines,
+		"</template>",
+		...skipped.length > 0 ? ["", ...skipped] : []
+	].join("\n");
 }
-export {
-  printGuessedView
-};
+export { printGuessedView };

package/dist/components/admin/guessers/guesser-empty.js

@@ -0,0 +1,4 @@
+import guesser_empty_vue_vue_type_script_setup_true_lang_default from "./guesser-empty.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/guessers/guesser-empty.vue
+var guesser_empty_default = guesser_empty_vue_vue_type_script_setup_true_lang_default;
+export { guesser_empty_default as default };

package/dist/components/admin/guessers/guesser-empty.vue.d.ts

@@ -1,3 +1,9 @@
+/**
+ * `<GuesserEmpty>` — what a guesser shows when its resource has no registered
+ * schema: an icon, a title and a message that names the resource. The `title`
+ * and `message` slots win over the props, which win over the translated defaults.
+ */
+import { type VNode } from "vue";
 /** Props for {@link GuesserEmpty}. */
 export interface GuesserEmptyProps {
     /** Replaces the default title. Translated, with itself as the fallback. */
@@ -7,13 +13,14 @@ export interface GuesserEmptyProps {
     /** The resource named in the default message. */
     resource?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<GuesserEmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GuesserEmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<GuesserEmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GuesserEmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** Replaces the title text. */
-    title?: () => unknown;
+    title?: () => VNode[];
     /** Replaces the message text. */
-    message?: () => unknown;
+    message?: () => VNode[];
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/guessers/guesser-empty.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { FileQuestionIcon } from "./icons.js";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref } from "vue";
+// src/components/admin/guessers/guesser-empty.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col items-center gap-3 p-8 text-center" };
+var _hoisted_2 = { class: "text-xl font-semibold" };
+var _hoisted_3 = { class: "text-sm text-muted-foreground" };
+var guesser_empty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "guesser-empty",
+	props: {
+		title: {},
+		message: {},
+		resource: {}
+	},
+	setup(__props) {
+		/**
+		* `<GuesserEmpty>` — what a guesser shows when its resource has no registered
+		* schema: an icon, a title and a message that names the resource. The `title`
+		* and `message` slots win over the props, which win over the translated defaults.
+		*/
+		const props = __props;
+		const translate = useTranslate();
+		const heading = computed(() => props.title === void 0 ? translate("chelone.guesser.no_schema.title", { _: "No schema registered" }) : translate(props.title, { _: props.title }));
+		const body = computed(() => props.message === void 0 ? translate("chelone.guesser.no_schema.message", {
+			_: "Register a Zod schema for {resource} with defineResources so this page can be generated.",
+			resource: props.resource ?? "this resource"
+		}) : translate(props.message, { _: props.message }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(unref(FileQuestionIcon), { class: "size-12 text-muted-foreground" }),
+				createElementVNode("h2", _hoisted_2, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(heading.value), 1)])]),
+				createElementVNode("p", _hoisted_3, [renderSlot(_ctx.$slots, "message", {}, () => [createTextVNode(toDisplayString(body.value), 1)])])
+			]);
+		};
+	}
+});
+export { guesser_empty_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/guessers/icons.js

@@ -1,24 +1,26 @@
 import { h } from "vue";
-const FileQuestionIcon = (props) => h(
-  "svg",
-  {
-    class: props.class,
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24",
-    fill: "none",
-    stroke: "currentColor",
-    "stroke-width": "2",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "aria-hidden": "true"
-  },
-  [
-    "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-    "M12 17h.01",
-    "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3"
-  ].map((d) => h("path", { d }))
-);
-export {
-  FileQuestionIcon
-};
+// src/components/admin/guessers/icons.ts
+/**
+* The glyph the guessers need, as a dependency-free functional component.
+* `@chelone/vue` carries no icon library, so this renders an inline SVG with
+* the lucide stroke recipe, as `feedback/icons.ts` does. The icon is
+* decorative (`aria-hidden`); the heading beside it carries the text.
+*/
+/** A page with a question mark: the `<GuesserEmpty>` icon. */
+var FileQuestionIcon = (props) => h("svg", {
+	class: props.class,
+	viewBox: "0 0 24 24",
+	width: "24",
+	height: "24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+}, [
+	"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+	"M12 17h.01",
+	"M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3"
+].map((d) => h("path", { d })));
+export { FileQuestionIcon };

package/dist/components/admin/guessers/list-guesser.js

@@ -0,0 +1,4 @@
+import list_guesser_vue_vue_type_script_setup_true_lang_default from "./list-guesser.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/guessers/list-guesser.vue
+var list_guesser_default = list_guesser_vue_vue_type_script_setup_true_lang_default;
+export { list_guesser_default as default };

package/dist/components/admin/guessers/list-guesser.vue.d.ts

@@ -4,7 +4,8 @@ export type ListGuesserProps = ListProps & {
     /** Print the generated code to the console. On outside production. */
     enableLog?: boolean;
 };
-declare const _default: import("vue").DefineComponent<ListGuesserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListGuesserProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ListGuesserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListGuesserProps> & Readonly<{}>, {
     enableLog: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/admin/guessers/list-guesser.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,91 @@
+import { useResourceContext } from "../../../resource-context.js";
+import data_table_default from "../list/data-table.js";
+import data_table_col_default from "../list/data-table-col.js";
+import list_default from "../view/list.js";
+import { guessFieldComponents } from "./guess-components.js";
+import { printGuessedView } from "./guessed-code.js";
+import guesser_empty_default from "./guesser-empty.js";
+import { useGuessedResource } from "./use-guessed-resource.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, unref, watchEffect, withCtx } from "vue";
+// src/components/admin/guessers/list-guesser.vue?vue&type=script&setup=true&lang.ts
+var list_guesser_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "list-guesser",
+	props: {
+		resource: {},
+		perPage: {},
+		title: {},
+		enableLog: {
+			type: Boolean,
+			default: (typeof process !== "undefined" ? process.env.NODE_ENV : void 0) !== "production"
+		}
+	},
+	setup(__props) {
+		/**
+		* `<ListGuesser>` — a list page built from the resource's registered Zod
+		* schema: a `<List>` around a `<DataTable>` with one column per described
+		* field, in schema order. The columns exist before any record loads. A
+		* resource with no schema shows `<GuesserEmpty>` and requests nothing.
+		*/
+		const props = __props;
+		const resource = props.resource ?? useResourceContext();
+		if (!resource) throw new Error("<ListGuesser>: no resource. Pass a `resource` prop or render inside a <Resource>.");
+		const descriptor = useGuessedResource(resource);
+		const columns = computed(() => (descriptor.value?.fields ?? []).flatMap((field) => {
+			if (field.kind === "unsupported" || field.field === void 0) return [];
+			if (field.kind === "text") return [{
+				field,
+				fieldProps: {}
+			}];
+			return [{
+				field,
+				component: guessFieldComponents[field.field],
+				fieldProps: {
+					source: field.source,
+					...field.fieldProps,
+					...field.reference !== void 0 && { reference: field.reference },
+					...field.choices !== void 0 && { choices: field.choices }
+				}
+			}];
+		}));
+		let logged = false;
+		watchEffect(() => {
+			if (logged || !props.enableLog || !descriptor.value) return;
+			logged = true;
+			console.log(printGuessedView("List", resource, descriptor.value.fields));
+		});
+		return (_ctx, _cache) => {
+			return !unref(descriptor) ? (openBlock(), createBlock(guesser_empty_default, {
+				key: 0,
+				resource: unref(resource)
+			}, null, 8, ["resource"])) : (openBlock(), createBlock(list_default, {
+				key: 1,
+				resource: unref(resource),
+				"per-page": __props.perPage,
+				title: __props.title
+			}, {
+				default: withCtx(() => [createVNode(data_table_default, null, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
+						return openBlock(), createBlock(data_table_col_default, {
+							key: column.field.source,
+							source: column.field.source,
+							label: column.field.label
+						}, {
+							default: withCtx(() => [column.component ? (openBlock(), createBlock(resolveDynamicComponent(column.component), mergeProps({
+								key: 0,
+								ref_for: true
+							}, column.fieldProps), null, 16)) : createCommentVNode("", true)]),
+							_: 2
+						}, 1032, ["source", "label"]);
+					}), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, [
+				"resource",
+				"per-page",
+				"title"
+			]));
+		};
+	}
+});
+export { list_guesser_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/guessers/show-guesser.js

@@ -0,0 +1,4 @@
+import show_guesser_vue_vue_type_script_setup_true_lang_default from "./show-guesser.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/guessers/show-guesser.vue
+var show_guesser_default = show_guesser_vue_vue_type_script_setup_true_lang_default;
+export { show_guesser_default as default };