@alikhalilll/a-smart-skeleton 0.0.0-stage → 2.0.0

package/dist/element/index.js

@@ -0,0 +1,46 @@
+import { t as Reveal } from "../_chunks/core.js";
+//#region src/element/index.ts
+const Base = typeof HTMLElement === "undefined" ? class {} : HTMLElement;
+/** A reveal in plain HTML: its children start as a skeleton with `loading`, as content without. */
+var ASmartSkeletonReveal = class extends Base {
+	reveal = null;
+	started = false;
+	connectedCallback() {
+		if (this.started) return;
+		this.started = true;
+		const content = document.createDocumentFragment();
+		content.append(...this.childNodes);
+		this.reveal = new Reveal(this, {
+			id: this.id || void 0,
+			reveal: this.getAttribute("reveal") ?? void 0,
+			label: this.getAttribute("label") ?? void 0,
+			onReveal: () => this.dispatchEvent(new Event("reveal"))
+		});
+		if (this.hasAttribute("loading")) this.reveal.load(content);
+		else this.reveal.show(content);
+	}
+	disconnectedCallback() {
+		queueMicrotask(() => {
+			if (this.isConnected) return;
+			this.reveal?.destroy();
+			this.reveal = null;
+		});
+	}
+	/** Shows a skeleton measured from `content`, rendered from sample data, or else the shape last shown. */
+	load(content) {
+		this.setAttribute("loading", "");
+		this.reveal?.load(content);
+	}
+	show(content) {
+		this.removeAttribute("loading");
+		this.reveal?.show(content);
+	}
+};
+if (typeof customElements !== "undefined" && !customElements.get("a-smart-skeleton-reveal")) {
+	customElements.define("a-smart-skeleton-reveal", ASmartSkeletonReveal);
+	if (!customElements.get("ask-reveal")) customElements.define("ask-reveal", class extends ASmartSkeletonReveal {});
+}
+//#endregion
+export { ASmartSkeletonReveal };
+
+//# sourceMappingURL=index.js.map

package/dist/element/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/element/index.ts"],"sourcesContent":["import { Reveal, type RevealMode } from '../core';\n\n// Importable on a server, where there's no HTMLElement to extend\nconst Base = typeof HTMLElement === 'undefined' ? (class {} as typeof HTMLElement) : HTMLElement;\n\n/** A reveal in plain HTML: its children start as a skeleton with `loading`, as content without. */\nexport class ASmartSkeletonReveal extends Base {\n  private reveal: Reveal | null = null;\n  private started = false;\n\n  connectedCallback() {\n    if (this.started) return;\n    this.started = true;\n    const content = document.createDocumentFragment();\n    content.append(...this.childNodes);\n    this.reveal = new Reveal(this, {\n      id: this.id || undefined,\n      reveal: (this.getAttribute('reveal') as RevealMode | null) ?? undefined,\n      label: this.getAttribute('label') ?? undefined,\n      onReveal: () => this.dispatchEvent(new Event('reveal')),\n    });\n    if (this.hasAttribute('loading')) this.reveal.load(content);\n    else this.reveal.show(content);\n  }\n\n  disconnectedCallback() {\n    // A move reconnects within the task; only a removal stays out\n    queueMicrotask(() => {\n      if (this.isConnected) return;\n      this.reveal?.destroy();\n      this.reveal = null;\n    });\n  }\n\n  /** Shows a skeleton measured from `content`, rendered from sample data, or else the shape last shown. */\n  load(content?: Node | string) {\n    this.setAttribute('loading', '');\n    this.reveal?.load(content);\n  }\n\n  show(content: Node | string) {\n    this.removeAttribute('loading');\n    this.reveal?.show(content);\n  }\n}\n\nif (typeof customElements !== 'undefined' && !customElements.get('a-smart-skeleton-reveal')) {\n  customElements.define('a-smart-skeleton-reveal', ASmartSkeletonReveal);\n  if (!customElements.get('ask-reveal')) {\n    customElements.define('ask-reveal', class extends ASmartSkeletonReveal {});\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'a-smart-skeleton-reveal': ASmartSkeletonReveal;\n    'ask-reveal': ASmartSkeletonReveal;\n  }\n}\n"],"mappings":";;AAGA,MAAM,OAAO,OAAO,gBAAgB,cAAe,MAAM,CAAC,IAA2B;;AAGrF,IAAa,uBAAb,cAA0C,KAAK;CAC7C,SAAgC;CAChC,UAAkB;CAElB,oBAAoB;EAClB,IAAI,KAAK,SAAS;EAClB,KAAK,UAAU;EACf,MAAM,UAAU,SAAS,uBAAuB;EAChD,QAAQ,OAAO,GAAG,KAAK,UAAU;EACjC,KAAK,SAAS,IAAI,OAAO,MAAM;GAC7B,IAAI,KAAK,MAAM,KAAA;GACf,QAAS,KAAK,aAAa,QAAQ,KAA2B,KAAA;GAC9D,OAAO,KAAK,aAAa,OAAO,KAAK,KAAA;GACrC,gBAAgB,KAAK,cAAc,IAAI,MAAM,QAAQ,CAAC;EACxD,CAAC;EACD,IAAI,KAAK,aAAa,SAAS,GAAG,KAAK,OAAO,KAAK,OAAO;OACrD,KAAK,OAAO,KAAK,OAAO;CAC/B;CAEA,uBAAuB;EAErB,qBAAqB;GACnB,IAAI,KAAK,aAAa;GACtB,KAAK,QAAQ,QAAQ;GACrB,KAAK,SAAS;EAChB,CAAC;CACH;;CAGA,KAAK,SAAyB;EAC5B,KAAK,aAAa,WAAW,EAAE;EAC/B,KAAK,QAAQ,KAAK,OAAO;CAC3B;CAEA,KAAK,SAAwB;EAC3B,KAAK,gBAAgB,SAAS;EAC9B,KAAK,QAAQ,KAAK,OAAO;CAC3B;AACF;AAEA,IAAI,OAAO,mBAAmB,eAAe,CAAC,eAAe,IAAI,yBAAyB,GAAG;CAC3F,eAAe,OAAO,2BAA2B,oBAAoB;CACrE,IAAI,CAAC,eAAe,IAAI,YAAY,GAClC,eAAe,OAAO,cAAc,cAAc,qBAAqB,CAAC,CAAC;AAE7E"}

package/dist/index.cjs

@@ -0,0 +1,512 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_core = require("./_chunks/core.js");
+let vue = require("vue");
+//#region src/composables/useSmartSkeleton.ts
+const SMART_SKELETON_CONFIG_KEY = Symbol("a-smart-skeleton");
+/** Per server render: whether the full inline script has gone out yet, so the skeletons after it send a stub. */
+const SMART_SKELETON_BOOT_KEY = Symbol("a-smart-skeleton.boot");
+/** The provider settings in scope for this component. Empty outside a provider. */
+const useSmartSkeleton = () => (0, vue.inject)(SMART_SKELETON_CONFIG_KEY, {});
+/** Whether this skeleton should send the stub — claiming the full script if it's the first. */
+function claimStub() {
+	const boot = (0, vue.inject)(SMART_SKELETON_BOOT_KEY, null);
+	const stub = !!boot?.sent;
+	if (boot) boot.sent = true;
+	return stub;
+}
+//#endregion
+//#region src/composables/useStyles.ts
+/** Adds the stylesheet on mount and removes it on unmount — reference counted, so siblings share one copy. */
+function useStyles() {
+	(0, vue.onBeforeMount)(require_core.addStyles);
+	(0, vue.onUnmounted)(require_core.removeStyles);
+}
+//#endregion
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/components/ASmartSkeleton.vue
+/**
+* The measured loading pane. Internal — `<ASmartSkeleton>` renders it.
+*
+* The ghost is laid out but never seen; the layer holds bones in a shadow root,
+* so hydration never touches what was measured.
+*/
+const Loading = (0, vue.defineComponent)({
+	name: "ASmartSkeletonLoading",
+	props: {
+		id: String,
+		exact: Boolean,
+		refetch: Boolean,
+		label: String
+	},
+	setup(props, { slots }) {
+		const element = (0, vue.ref)(null);
+		const config = useSmartSkeleton();
+		const script = claimStub() ? require_core.INLINE_STUB : require_core.INLINE_SCRIPT;
+		let ghost = null;
+		const optionsOf = () => ({
+			id: props.id,
+			exact: props.exact,
+			refetch: props.refetch
+		});
+		(0, vue.onMounted)(() => {
+			require_core.checkNonce(config.nonce);
+			if (element.value) ghost = new require_core.Ghost(element.value, optionsOf());
+		});
+		(0, vue.watch)(() => [
+			props.id,
+			props.exact,
+			props.refetch
+		], () => ghost?.update(optionsOf()));
+		(0, vue.onBeforeUnmount)(() => ghost?.destroy());
+		return () => [
+			props.label ? (0, vue.h)("span", { [require_core.ATTR_STATUS]: "" }, props.label) : null,
+			(0, vue.h)("div", {
+				ref: element,
+				[require_core.ATTR_LOADING]: "",
+				"aria-hidden": "true",
+				inert: ""
+			}, [
+				(0, vue.h)("div", { [require_core.ATTR_GHOST]: "" }, slots.default?.()),
+				(0, vue.h)("div", { [require_core.ATTR_SNAPSHOT]: "" }),
+				(0, vue.h)("div", { [require_core.ATTR_LAYER]: "" })
+			]),
+			(0, vue.h)("script", {
+				nonce: config.nonce,
+				innerHTML: script
+			})
+		];
+	}
+});
+const Content = (0, vue.defineComponent)({
+	name: "ASmartSkeletonContent",
+	props: { memory: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const element = (0, vue.ref)(null);
+		let memory = null;
+		(0, vue.onMounted)(() => {
+			if (element.value) memory = new require_core.Memory(element.value, props.memory);
+		});
+		(0, vue.onBeforeUnmount)(() => memory?.destroy());
+		return () => (0, vue.h)("div", { ref: element }, slots.default?.());
+	}
+});
+var ASmartSkeleton_default = /* @__PURE__ */ export_helper_default((0, vue.defineComponent)({
+	name: "ASmartSkeleton",
+	props: {
+		/** Shows the skeleton, even over `data`. With `data`, it also shows while there is none. */
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		/** Loading while `null` or `undefined`; handed to the default slot as `{ data }`. */
+		data: {
+			type: null,
+			required: false
+		},
+		/** Stands in for `data` to draw the skeleton before any has loaded. */
+		sample: {
+			type: null,
+			required: false
+		},
+		/** Remembers the shape under this key across visits. */
+		id: String,
+		/** Read to screen readers while loading, in place of the skeleton — "Loading profile". */
+		label: String,
+		empty: Boolean,
+		error: {
+			type: null,
+			required: false
+		},
+		/** Overrides the provider's reveal for this skeleton alone. */
+		reveal: [String, Object]
+	},
+	/** `reveal`: content has come in over a skeleton. */
+	emits: ["reveal"],
+	setup(props, { slots, emit }) {
+		const instance = (0, vue.getCurrentInstance)();
+		const config = useSmartSkeleton();
+		let last = null;
+		let shown = null;
+		let from = null;
+		useStyles();
+		return () => {
+			const driven = !!instance?.vnode.props && "data" in instance.vnode.props;
+			const data = props.data;
+			if (data != null) last = {
+				id: props.id,
+				data
+			};
+			const show = (value) => driven ? value != null ? slots.default?.({ data: value }) : null : slots.default?.({ data: void 0 });
+			const loading = !!props.loading || driven && data == null && !props.error && !props.empty;
+			let key;
+			let content;
+			if (loading) {
+				const previous = last;
+				const real = data ?? (previous && previous.id === props.id ? previous.data : null);
+				key = "skeleton";
+				content = slots.skeleton ? (0, vue.h)("div", {
+					[require_core.ATTR_OWN]: "",
+					"aria-hidden": "true"
+				}, slots.skeleton()) : (0, vue.h)(Loading, {
+					id: props.id,
+					exact: real != null,
+					refetch: data != null,
+					label: props.label
+				}, () => show(real ?? props.sample));
+			} else if (props.error) {
+				key = "error";
+				content = slots.error?.({ error: props.error });
+			} else if (props.empty) {
+				key = "empty";
+				content = slots.empty?.() ?? show(data);
+			} else {
+				key = "content";
+				content = (0, vue.h)(Content, { memory: {
+					id: props.id,
+					data,
+					rendered: driven,
+					sample: props.sample !== void 0
+				} }, () => show(data));
+			}
+			if (key !== shown) {
+				from = shown;
+				shown = key;
+			}
+			const revealing = key === "content" && from === "skeleton";
+			const reveal = props.reveal ?? config.reveal;
+			return (0, vue.h)("div", {
+				[require_core.ATTR_REVEAL]: "",
+				"aria-busy": loading || void 0
+			}, [(0, vue.h)(vue.Transition, {
+				css: false,
+				appear: true,
+				onAppear: (el, done) => require_core.fadeIn(el, reveal, { initial: true }).then(done),
+				onEnter: (el, done) => require_core.fadeIn(el, reveal).then(() => {
+					done();
+					if (revealing) emit("reveal");
+				}),
+				onLeave: (el, done) => require_core.fadeOut(el).then(done)
+			}, () => (0, vue.h)("div", {
+				key,
+				[require_core.ATTR_PANE]: ""
+			}, [content]))]);
+		};
+	}
+}), [["__file", "/Users/alikhalill/Desktop/my-projects/ali-nuxt-toolkit/packages/ui-components/ASmartSkeleton/src/components/ASmartSkeleton.vue"]]);
+//#endregion
+//#region src/components/ASmartSkeletonBox.vue
+const _sfc_main$2 = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "ASmartSkeletonBox",
+	__name: "ASmartSkeletonBox",
+	props: {
+		class: {
+			type: String,
+			required: false
+		},
+		style: {
+			type: Object,
+			required: false
+		},
+		height: {
+			type: [String, Number],
+			required: false
+		},
+		width: {
+			type: [String, Number],
+			required: false
+		},
+		radius: {
+			type: [String, Number],
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const element = (0, vue.ref)(null);
+		useStyles();
+		(0, vue.onMounted)(() => {
+			if (element.value) require_core.shimmer(element.value);
+		});
+		const __returned__ = {
+			props,
+			element,
+			get skeletonBoxStyle() {
+				return require_core.skeletonBoxStyle;
+			},
+			get ATTR_BAR() {
+				return require_core.ATTR_BAR;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", (0, vue.mergeProps)({ ref: "element" }, { [$setup.ATTR_BAR]: "" }, { style: $setup.skeletonBoxStyle($setup.props) }), null, 16);
+}
+var ASmartSkeletonBox_default = /* @__PURE__ */ export_helper_default(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/Users/alikhalill/Desktop/my-projects/ali-nuxt-toolkit/packages/ui-components/ASmartSkeleton/src/components/ASmartSkeletonBox.vue"]]);
+//#endregion
+//#region src/components/ASmartSkeletonSuspense.vue
+const state = {
+	type: Object,
+	required: true
+};
+const Fallback = (0, vue.defineComponent)({
+	name: "ASmartSkeletonFallback",
+	props: {
+		id: String,
+		label: String,
+		reveal: [String, Object],
+		state
+	},
+	setup(props, { slots }) {
+		const element = (0, vue.ref)(null);
+		const config = useSmartSkeleton();
+		(0, vue.onMounted)(() => {
+			const pane = element.value;
+			const reveal = pane?.parentElement;
+			if (!pane || !reveal) return;
+			props.state.waited = true;
+			require_core.fadeIn(pane, props.reveal ?? config.reveal, { initial: true });
+			reveal.setAttribute("aria-busy", "true");
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			const pane = element.value;
+			const reveal = pane?.parentElement;
+			if (!pane || !reveal) return;
+			reveal.removeAttribute("aria-busy");
+			const box = require_core.boxOf(pane);
+			const copy = pane.cloneNode(true);
+			props.state.exit = () => {
+				Object.assign(copy.style, {
+					position: "absolute",
+					top: `${box.top}px`,
+					left: `${box.left}px`,
+					width: `${box.width}px`
+				});
+				reveal.prepend(copy);
+				require_core.fadeOut(copy).then(() => copy.remove());
+			};
+		});
+		return () => (0, vue.h)("div", {
+			ref: element,
+			[require_core.ATTR_PANE]: ""
+		}, (0, vue.h)(Loading, {
+			id: props.id,
+			exact: false,
+			label: props.label
+		}, slots.default));
+	}
+});
+const BoundaryContent = (0, vue.defineComponent)({
+	name: "ASmartSkeletonBoundaryContent",
+	props: {
+		id: String,
+		reveal: [String, Object],
+		state
+	},
+	emits: ["reveal"],
+	setup(props, { slots, emit }) {
+		const element = (0, vue.ref)(null);
+		const config = useSmartSkeleton();
+		let memory = null;
+		(0, vue.onMounted)(() => {
+			const pane = element.value;
+			if (!pane) return;
+			const waited = props.state.waited;
+			const arrival = require_core.fadeIn(pane, props.reveal ?? config.reveal, { initial: !waited });
+			if (waited) arrival.then(() => emit("reveal"));
+			props.state.exit?.();
+			props.state.exit = null;
+			memory = new require_core.Memory(pane, { id: props.id });
+		});
+		(0, vue.onBeforeUnmount)(() => memory?.destroy());
+		return () => (0, vue.h)("div", {
+			ref: element,
+			[require_core.ATTR_PANE]: ""
+		}, slots.default?.());
+	}
+});
+var ASmartSkeletonSuspense_default = /* @__PURE__ */ export_helper_default((0, vue.defineComponent)({
+	name: "ASmartSkeletonSuspense",
+	props: {
+		/** Remembers the shape under this key across visits. */
+		id: String,
+		/** Read to screen readers while suspended, in place of the skeleton. */
+		label: String,
+		/** Overrides the provider's reveal for this boundary alone. */
+		reveal: [String, Object]
+	},
+	/** `reveal`: content has come in over the skeleton. */
+	emits: ["reveal"],
+	setup(props, { slots, emit }) {
+		useStyles();
+		const shared = {
+			waited: false,
+			exit: null
+		};
+		return () => (0, vue.h)("div", { [require_core.ATTR_REVEAL]: "" }, [(0, vue.h)(vue.Suspense, null, {
+			default: () => (0, vue.h)(BoundaryContent, {
+				id: props.id,
+				reveal: props.reveal,
+				state: shared,
+				onReveal: () => emit("reveal")
+			}, slots.default),
+			fallback: () => (0, vue.h)(Fallback, {
+				id: props.id,
+				label: props.label,
+				reveal: props.reveal,
+				state: shared
+			}, slots.skeleton)
+		})]);
+	}
+}), [["__file", "/Users/alikhalill/Desktop/my-projects/ali-nuxt-toolkit/packages/ui-components/ASmartSkeleton/src/components/ASmartSkeletonSuspense.vue"]]);
+//#endregion
+//#region src/components/ASmartSkeletonProvider.vue
+const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "ASmartSkeletonProvider",
+	__name: "ASmartSkeletonProvider",
+	props: {
+		nonce: {
+			type: String,
+			required: false
+		},
+		theme: {
+			type: Object,
+			required: false
+		},
+		mode: {
+			type: String,
+			required: false
+		},
+		text: {
+			type: Object,
+			required: false
+		},
+		reveal: {
+			type: [String, Object],
+			required: false
+		},
+		debug: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		(0, vue.provide)(SMART_SKELETON_CONFIG_KEY, props);
+		(0, vue.provide)(SMART_SKELETON_BOOT_KEY, { sent: false });
+		(0, vue.watch)(() => props.debug, (debug) => {
+			if (debug !== void 0 && typeof window !== "undefined") require_core.setDebug(debug);
+		}, { immediate: true });
+		const __returned__ = {
+			props,
+			css: (0, vue.computed)(() => require_core.skeletonCSS(props))
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [
+		(0, vue.createCommentVNode)(" eslint-disable-next-line vue/no-v-text-v-html-on-component "),
+		$setup.css ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)("style"), {
+			key: 0,
+			nonce: $props.nonce,
+			textContent: (0, vue.toDisplayString)($setup.css)
+		}, null, 8, ["nonce", "textContent"])) : (0, vue.createCommentVNode)("v-if", true),
+		(0, vue.renderSlot)(_ctx.$slots, "default")
+	], 64);
+}
+var ASmartSkeletonProvider_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/Users/alikhalill/Desktop/my-projects/ali-nuxt-toolkit/packages/ui-components/ASmartSkeleton/src/components/ASmartSkeletonProvider.vue"]]);
+//#endregion
+exports.ASmartSkeleton = ASmartSkeleton_default;
+exports.ASmartSkeletonBox = ASmartSkeletonBox_default;
+exports.ASmartSkeletonProvider = ASmartSkeletonProvider_default;
+exports.ASmartSkeletonSuspense = ASmartSkeletonSuspense_default;
+exports.ATTR_BAR = require_core.ATTR_BAR;
+exports.ATTR_BLOCK = require_core.ATTR_BLOCK;
+exports.ATTR_DEBUG = require_core.ATTR_DEBUG;
+exports.ATTR_GHOST = require_core.ATTR_GHOST;
+exports.ATTR_IGNORE = require_core.ATTR_IGNORE;
+exports.ATTR_LAYER = require_core.ATTR_LAYER;
+exports.ATTR_LOADING = require_core.ATTR_LOADING;
+exports.ATTR_OWN = require_core.ATTR_OWN;
+exports.ATTR_PANE = require_core.ATTR_PANE;
+exports.ATTR_RECT = require_core.ATTR_RECT;
+exports.ATTR_REVEAL = require_core.ATTR_REVEAL;
+exports.ATTR_SNAPSHOT = require_core.ATTR_SNAPSHOT;
+exports.ATTR_STATUS = require_core.ATTR_STATUS;
+exports.ATTR_XRAY = require_core.ATTR_XRAY;
+exports.CASCADE_SPREAD = require_core.CASCADE_SPREAD;
+exports.DEFAULT_COLORS = require_core.DEFAULT_COLORS;
+exports.DEFAULT_SKELETON_BOX_OPTIONS = require_core.DEFAULT_SKELETON_BOX_OPTIONS;
+exports.DEFAULT_TEXT = require_core.DEFAULT_TEXT;
+exports.DEFAULT_THEME = require_core.DEFAULT_THEME;
+exports.DURATIONS = require_core.DURATIONS;
+exports.FADE_DURATION = require_core.FADE_DURATION;
+exports.Ghost = require_core.Ghost;
+exports.IMAGE_TIMEOUT = require_core.IMAGE_TIMEOUT;
+exports.INLINE_SCRIPT = require_core.INLINE_SCRIPT;
+exports.INLINE_STUB = require_core.INLINE_STUB;
+exports.Memory = require_core.Memory;
+exports.RESIZE_DURATION = require_core.RESIZE_DURATION;
+exports.Reveal = require_core.Reveal;
+exports.SKELETON_DELAY = require_core.SKELETON_DELAY;
+exports.SMART_SKELETON_CSS = require_core.SMART_SKELETON_CSS;
+exports.addStyles = require_core.addStyles;
+exports.applyTheme = require_core.applyTheme;
+exports.boxOf = require_core.boxOf;
+exports.byContent = require_core.byContent;
+exports.byPosition = require_core.byPosition;
+exports.byRow = require_core.byRow;
+exports.checkNonce = require_core.checkNonce;
+exports.createSkeletonBox = require_core.createSkeletonBox;
+exports.debugging = require_core.debugging;
+exports.drawSkeleton = require_core.drawSkeleton;
+exports.exitDuration = require_core.exitDuration;
+exports.fadeIn = require_core.fadeIn;
+exports.fadeOut = require_core.fadeOut;
+exports.forgetShapes = require_core.forgetShapes;
+exports.imageReady = require_core.imageReady;
+exports.inlineScriptTag = require_core.inlineScriptTag;
+exports.instant = require_core.instant;
+exports.measureSkeleton = require_core.measureSkeleton;
+exports.motionOf = require_core.motionOf;
+exports.pendingImages = require_core.pendingImages;
+exports.planReveal = require_core.planReveal;
+exports.prefersReducedMotion = require_core.prefersReducedMotion;
+exports.quickly = require_core.quickly;
+exports.rectsOf = require_core.rectsOf;
+exports.removeStyles = require_core.removeStyles;
+exports.sequence = require_core.sequence;
+exports.setDebug = require_core.setDebug;
+exports.shimmer = require_core.shimmer;
+exports.skeletonBoxStyle = require_core.skeletonBoxStyle;
+exports.skeletonCSS = require_core.skeletonCSS;
+exports.smart = require_core.smart;
+exports.sweep = require_core.sweep;
+exports.themeStyleTag = require_core.themeStyleTag;
+exports.themeVariables = require_core.themeVariables;
+exports.together = require_core.together;
+exports.useSmartSkeleton = useSmartSkeleton;
+exports.useStyles = useStyles;
+
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["addStyles","removeStyles"],"sources":["../src/composables/useSmartSkeleton.ts","../src/composables/useStyles.ts","../src/components/ASmartSkeleton.vue","../src/components/ASmartSkeletonBox.vue","../src/components/ASmartSkeletonSuspense.vue","../src/components/ASmartSkeletonProvider.vue"],"sourcesContent":["import { inject, type InjectionKey } from 'vue';\nimport type { SmartSkeletonConfig } from '../types';\n\nexport const SMART_SKELETON_CONFIG_KEY: InjectionKey<SmartSkeletonConfig> =\n  Symbol('a-smart-skeleton');\n\n/** Per server render: whether the full inline script has gone out yet, so the skeletons after it send a stub. */\nexport const SMART_SKELETON_BOOT_KEY: InjectionKey<{ sent: boolean }> =\n  Symbol('a-smart-skeleton.boot');\n\n/** The provider settings in scope for this component. Empty outside a provider. */\nexport const useSmartSkeleton = (): SmartSkeletonConfig => inject(SMART_SKELETON_CONFIG_KEY, {});\n\n/** Whether this skeleton should send the stub — claiming the full script if it's the first. */\nexport function claimStub(): boolean {\n  const boot = inject(SMART_SKELETON_BOOT_KEY, null);\n  const stub = !!boot?.sent;\n  if (boot) boot.sent = true;\n  return stub;\n}\n","import { onBeforeMount, onUnmounted } from 'vue';\nimport { addStyles, removeStyles } from '../core';\n\n/** Adds the stylesheet on mount and removes it on unmount — reference counted, so siblings share one copy. */\nexport function useStyles(): void {\n  onBeforeMount(addStyles);\n  onUnmounted(removeStyles);\n}\n","<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  h,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  Transition,\n  watch,\n  type PropType,\n  type VNodeChild,\n} from 'vue';\nimport {\n  ATTR_GHOST,\n  ATTR_LAYER,\n  ATTR_LOADING,\n  ATTR_OWN,\n  ATTR_PANE,\n  ATTR_REVEAL,\n  ATTR_SNAPSHOT,\n  ATTR_STATUS,\n  checkNonce,\n  fadeIn,\n  fadeOut,\n  Ghost,\n  INLINE_SCRIPT,\n  INLINE_STUB,\n  Memory,\n  type MemoryOptions,\n  type RevealMode,\n} from '../core';\nimport { claimStub, useSmartSkeleton } from '../composables/useSmartSkeleton';\nimport { useStyles } from '../composables/useStyles';\n\n/**\n * The measured loading pane. Internal — `<ASmartSkeleton>` renders it.\n *\n * The ghost is laid out but never seen; the layer holds bones in a shadow root,\n * so hydration never touches what was measured.\n */\nexport const Loading = defineComponent({\n  name: 'ASmartSkeletonLoading',\n  props: {\n    id: String,\n    exact: Boolean,\n    refetch: Boolean,\n    label: String,\n  },\n  setup(props, { slots }) {\n    const element = ref<HTMLElement | null>(null);\n    const config = useSmartSkeleton();\n    const script = claimStub() ? INLINE_STUB : INLINE_SCRIPT;\n    let ghost: Ghost | null = null;\n\n    const optionsOf = () => ({ id: props.id, exact: props.exact, refetch: props.refetch });\n    onMounted(() => {\n      checkNonce(config.nonce);\n      if (element.value) ghost = new Ghost(element.value, optionsOf());\n    });\n    // Options-only changes update the live ghost in place; the observers and shadow sheet\n    // outlive a prop flip, which happens every data arrival in data-driven mode.\n    watch(\n      () => [props.id, props.exact, props.refetch],\n      () => ghost?.update(optionsOf())\n    );\n    onBeforeUnmount(() => ghost?.destroy());\n\n    return () => [\n      props.label ? h('span', { [ATTR_STATUS]: '' }, props.label) : null,\n      h(\n        'div',\n        {\n          ref: element,\n          [ATTR_LOADING]: '',\n          'aria-hidden': 'true',\n          inert: '',\n        },\n        [\n          h('div', { [ATTR_GHOST]: '' }, slots.default?.()),\n          h('div', { [ATTR_SNAPSHOT]: '' }),\n          h('div', { [ATTR_LAYER]: '' }),\n        ]\n      ),\n      h('script', { nonce: config.nonce, innerHTML: script }),\n    ];\n  },\n});\n\nexport const Content = defineComponent({\n  name: 'ASmartSkeletonContent',\n  props: {\n    memory: { type: Object as PropType<MemoryOptions>, required: true },\n  },\n  setup(props, { slots }) {\n    const element = ref<HTMLElement | null>(null);\n    let memory: Memory | null = null;\n\n    onMounted(() => {\n      if (element.value) memory = new Memory(element.value, props.memory);\n    });\n    onBeforeUnmount(() => memory?.destroy());\n\n    return () => h('div', { ref: element }, slots.default?.());\n  },\n});\n\n/**\n * Shows a skeleton measured from the content it wraps, then reveals the content.\n *\n * ```vue\n * <ASmartSkeleton :data=\"user\" :sample=\"SAMPLE_USER\">\n *   <template #default=\"{ data }\">\n *     <UserCard :user=\"data\" />\n *   </template>\n * </ASmartSkeleton>\n * ```\n */\nexport default defineComponent({\n  name: 'ASmartSkeleton',\n  props: {\n    /** Shows the skeleton, even over `data`. With `data`, it also shows while there is none. */\n    loading: { type: Boolean, default: undefined },\n    /** Loading while `null` or `undefined`; handed to the default slot as `{ data }`. */\n    data: { type: null as unknown as PropType<unknown>, required: false },\n    /** Stands in for `data` to draw the skeleton before any has loaded. */\n    sample: { type: null as unknown as PropType<unknown>, required: false },\n    /** Remembers the shape under this key across visits. */\n    id: String,\n    /** Read to screen readers while loading, in place of the skeleton — \"Loading profile\". */\n    label: String,\n    empty: Boolean,\n    error: { type: null as unknown as PropType<unknown>, required: false },\n    /** Overrides the provider's reveal for this skeleton alone. */\n    reveal: [String, Object] as PropType<RevealMode>,\n  },\n  /** `reveal`: content has come in over a skeleton. */\n  emits: ['reveal'],\n  setup(props, { slots, emit }) {\n    const instance = getCurrentInstance();\n    const config = useSmartSkeleton();\n    let last: { id?: string; data: unknown } | null = null;\n    let shown: string | null = null;\n    let from: string | null = null;\n    useStyles();\n\n    return () => {\n      const driven = !!instance?.vnode.props && 'data' in instance.vnode.props;\n      const data = props.data;\n      if (data != null) last = { id: props.id, data };\n\n      const show = (value: unknown): VNodeChild =>\n        driven\n          ? value != null\n            ? slots.default?.({ data: value })\n            : null\n          : slots.default?.({ data: undefined });\n\n      const loading = !!props.loading || (driven && data == null && !props.error && !props.empty);\n\n      let key: string;\n      let content: VNodeChild;\n      if (loading) {\n        const previous = last as { id?: string; data: unknown } | null;\n        const real = data ?? (previous && previous.id === props.id ? previous.data : null);\n        key = 'skeleton';\n        content = slots.skeleton\n          ? h('div', { [ATTR_OWN]: '', 'aria-hidden': 'true' }, slots.skeleton())\n          : h(\n              Loading,\n              {\n                id: props.id,\n                exact: real != null,\n                refetch: data != null,\n                label: props.label,\n              },\n              () => show(real ?? props.sample)\n            );\n      } else if (props.error) {\n        key = 'error';\n        content = slots.error?.({ error: props.error });\n      } else if (props.empty) {\n        key = 'empty';\n        content = slots.empty?.() ?? show(data);\n      } else {\n        key = 'content';\n        content = h(\n          Content,\n          {\n            memory: {\n              id: props.id,\n              data,\n              rendered: driven,\n              sample: props.sample !== undefined,\n            },\n          },\n          () => show(data)\n        );\n      }\n\n      if (key !== shown) {\n        from = shown;\n        shown = key;\n      }\n      const revealing = key === 'content' && from === 'skeleton';\n\n      const reveal = props.reveal ?? config.reveal;\n      return h('div', { [ATTR_REVEAL]: '', 'aria-busy': loading || undefined }, [\n        h(\n          Transition,\n          {\n            css: false,\n            appear: true,\n            onAppear: (el, done) => fadeIn(el as HTMLElement, reveal, { initial: true }).then(done),\n            onEnter: (el, done) =>\n              fadeIn(el as HTMLElement, reveal).then(() => {\n                done();\n                if (revealing) emit('reveal');\n              }),\n            onLeave: (el, done) => fadeOut(el as HTMLElement).then(done),\n          },\n          () => h('div', { key, [ATTR_PANE]: '' }, [content])\n        ),\n      ]);\n    };\n  },\n});\n</script>\n","<script setup lang=\"ts\">\nimport { ref, onMounted } from 'vue';\nimport { shimmer, skeletonBoxStyle, ATTR_BAR } from '../core';\nimport { useStyles } from '../composables/useStyles';\nimport type { ASmartSkeletonBoxProps } from '../types';\n\ndefineOptions({\n  name: 'ASmartSkeletonBox',\n});\n\nconst props = defineProps<ASmartSkeletonBoxProps>();\n\nconst element = ref<HTMLElement | null>(null);\nuseStyles();\n\nonMounted(() => {\n  if (element.value) shimmer(element.value);\n});\n</script>\n\n<template>\n  <span ref=\"element\" v-bind=\"{ [ATTR_BAR]: '' }\" :style=\"skeletonBoxStyle(props)\" />\n</template>\n","<script lang=\"ts\">\nimport { defineComponent, h, onBeforeUnmount, onMounted, ref, Suspense, type PropType } from 'vue';\nimport { ATTR_PANE, ATTR_REVEAL, boxOf, fadeIn, fadeOut, Memory, type RevealMode } from '../core';\nimport { useSmartSkeleton } from '../composables/useSmartSkeleton';\nimport { useStyles } from '../composables/useStyles';\nimport { Loading } from './ASmartSkeleton.vue';\n\ntype State = { waited: boolean; exit: (() => void) | null };\nconst state = { type: Object as PropType<State>, required: true } as const;\n\nexport const Fallback = defineComponent({\n  name: 'ASmartSkeletonFallback',\n  props: { id: String, label: String, reveal: [String, Object] as PropType<RevealMode>, state },\n  setup(props, { slots }) {\n    const element = ref<HTMLElement | null>(null);\n    const config = useSmartSkeleton();\n\n    onMounted(() => {\n      const pane = element.value;\n      const reveal = pane?.parentElement;\n      if (!pane || !reveal) return;\n      // eslint-disable-next-line vue/no-mutating-props\n      props.state.waited = true;\n      fadeIn(pane, props.reveal ?? config.reveal, { initial: true });\n      reveal.setAttribute('aria-busy', 'true');\n    });\n\n    onBeforeUnmount(() => {\n      const pane = element.value;\n      const reveal = pane?.parentElement;\n      if (!pane || !reveal) return;\n      reveal.removeAttribute('aria-busy');\n\n      const box = boxOf(pane);\n      const copy = pane.cloneNode(true) as HTMLElement;\n      // eslint-disable-next-line vue/no-mutating-props\n      props.state.exit = () => {\n        Object.assign(copy.style, {\n          position: 'absolute',\n          top: `${box.top}px`,\n          left: `${box.left}px`,\n          width: `${box.width}px`,\n        });\n        reveal.prepend(copy);\n        fadeOut(copy).then(() => copy.remove());\n      };\n    });\n\n    return () =>\n      h(\n        'div',\n        { ref: element, [ATTR_PANE]: '' },\n        h(Loading, { id: props.id, exact: false, label: props.label }, slots.default)\n      );\n  },\n});\n\nexport const BoundaryContent = defineComponent({\n  name: 'ASmartSkeletonBoundaryContent',\n  props: { id: String, reveal: [String, Object] as PropType<RevealMode>, state },\n  emits: ['reveal'],\n  setup(props, { slots, emit }) {\n    const element = ref<HTMLElement | null>(null);\n    const config = useSmartSkeleton();\n    let memory: Memory | null = null;\n\n    onMounted(() => {\n      const pane = element.value;\n      if (!pane) return;\n      const waited = props.state.waited;\n      const arrival = fadeIn(pane, props.reveal ?? config.reveal, {\n        initial: !waited,\n      });\n      if (waited) arrival.then(() => emit('reveal'));\n\n      props.state.exit?.();\n      // eslint-disable-next-line vue/no-mutating-props\n      props.state.exit = null;\n      memory = new Memory(pane, { id: props.id });\n    });\n    onBeforeUnmount(() => memory?.destroy());\n\n    return () => h('div', { ref: element, [ATTR_PANE]: '' }, slots.default?.());\n  },\n});\n\n/**\n * A Suspense boundary whose fallback is a measured skeleton, crossfading into the content.\n *\n * ```vue\n * <ASmartSkeletonSuspense>\n *   <LoadedQuote />\n *   <template #skeleton><Quote :quote=\"SAMPLE_QUOTE\" /></template>\n * </ASmartSkeletonSuspense>\n * ```\n */\nexport default defineComponent({\n  name: 'ASmartSkeletonSuspense',\n  props: {\n    /** Remembers the shape under this key across visits. */\n    id: String,\n    /** Read to screen readers while suspended, in place of the skeleton. */\n    label: String,\n    /** Overrides the provider's reveal for this boundary alone. */\n    reveal: [String, Object] as PropType<RevealMode>,\n  },\n  /** `reveal`: content has come in over the skeleton. */\n  emits: ['reveal'],\n  setup(props, { slots, emit }) {\n    useStyles();\n    const shared: State = { waited: false, exit: null };\n\n    return () =>\n      h('div', { [ATTR_REVEAL]: '' }, [\n        h(Suspense, null, {\n          default: () =>\n            h(\n              BoundaryContent,\n              {\n                id: props.id,\n                reveal: props.reveal,\n                state: shared,\n                onReveal: () => emit('reveal'),\n              },\n              slots.default\n            ),\n          fallback: () =>\n            h(\n              Fallback,\n              {\n                id: props.id,\n                label: props.label,\n                reveal: props.reveal,\n                state: shared,\n              },\n              slots.skeleton\n            ),\n        }),\n      ]);\n  },\n});\n</script>\n","<script setup lang=\"ts\">\nimport { computed, provide, watch } from 'vue';\nimport { setDebug, skeletonCSS } from '../core';\nimport {\n  SMART_SKELETON_CONFIG_KEY,\n  SMART_SKELETON_BOOT_KEY,\n} from '../composables/useSmartSkeleton';\nimport type { ASmartSkeletonProviderProps } from '../types';\n\ndefineOptions({\n  name: 'ASmartSkeletonProvider',\n});\n\nconst props = defineProps<ASmartSkeletonProviderProps>();\n\nprovide(SMART_SKELETON_CONFIG_KEY, props);\nprovide(SMART_SKELETON_BOOT_KEY, { sent: false });\n\nwatch(\n  () => props.debug,\n  (debug) => {\n    if (debug !== undefined && typeof window !== 'undefined') setDebug(debug);\n  },\n  { immediate: true }\n);\n\nconst css = computed(() => skeletonCSS(props));\n</script>\n\n<template>\n  <!-- eslint-disable-next-line vue/no-v-text-v-html-on-component -->\n  <component :is=\"'style'\" v-if=\"css\" :nonce=\"nonce\" v-text=\"css\" />\n  <slot />\n</template>\n"],"mappings":"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"}