@pastweb/vue 2.0.0

package/dist/EntryAdapter/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/EntryAdapter/utils.ts"],"sourcesContent":["import { isEntry } from '@pastweb/tools/createEntry';\nimport { registerAsyncTask } from '@pastweb/tools/ssrUtils/asyncTasks';\nimport { getCurrentSSRTracker } from '@pastweb/tools/ssrUtils/ssrTracker/ssrTracker';\nimport { preloadedSSREntries } from './constants';\nimport type { EntryAdapterProps, GenericEntry } from './types';\n\n/**\n * Returns a preloaded server entry or registers its async loader for a later\n * SSR pass.\n *\n * On the first collection render, the loader is queued through\n * `registerAsyncTask` and the function returns `undefined`. After\n * `resolveAsyncTasks` runs, subsequent render passes receive the resolved\n * server entry from {@link preloadedSSREntries}.\n *\n * @param loader - Optional async server-entry loader.\n * @returns The resolved server entry when available.\n */\nexport function getServerEntry(loader?: EntryAdapterProps['ssrEntry']): GenericEntry | undefined {\n  if (!loader) return undefined;\n\n  const preloaded = preloadedSSREntries.get(loader);\n  if (preloaded) return preloaded;\n\n  registerAsyncTask(async () => {\n    const entry = await loader();\n    preloadedSSREntries.set(loader, entry);\n  });\n\n  return undefined;\n}\n\n/**\n * Renders the server side of {@link import('./EntryAdapter.vue').default}.\n *\n * The function preserves the client/server bundle split by registering the\n * async server entry loader during the collection pass, then rendering the\n * loaded server entry on later SSR passes. The returned string is the SSR\n * placeholder id that will be replaced by `getComposedSSR`.\n *\n * When no async loader is provided, the regular `entry` is used on the server.\n * This supports frameworks that share one entry renderer across client and SSR.\n *\n * @param entry - Entry used as the server renderer when no `ssrEntry` loader is provided.\n * @param loader - Optional async server-entry loader.\n * @param props - Props merged into the active entry `initData`.\n * @returns SSR placeholder id, or `null` while waiting for the async server entry.\n */\nexport function renderServerEntryAdapter(\n  entry: GenericEntry,\n  loader: EntryAdapterProps['ssrEntry'],\n  props: Record<string, any>,\n): string | null {\n  if (!isEntry(entry)) {\n    throw Error('The entry must be generate via \"createEntry\" function.');\n  }\n\n  entry.mergeOptions({ initData: { ...props } });\n\n  const serverEntry = getServerEntry(loader);\n  if (loader && !serverEntry) return null;\n\n  const activeEntry = serverEntry || entry;\n\n  if (!isEntry(activeEntry)) {\n    throw Error('The ssrEntry must be generate via \"createEntry\" function.');\n  }\n\n  activeEntry.mergeOptions({ initData: { ...props } });\n\n  const tracker = getCurrentSSRTracker();\n  const isStatic = tracker?.isStatic ?? false;\n  const ssrId = activeEntry.ssrId as string;\n  const mounted = activeEntry.mount(isStatic);\n\n  if (typeof mounted === 'string' && mounted !== ssrId) {\n    activeEntry.memoSSR(async () => mounted);\n  }\n\n  return ssrId;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,SAAgB,eAAe,QAAkE;CAC/F,IAAI,CAAC,QAAQ,OAAO,KAAA;CAEpB,MAAM,YAAY,oBAAoB,IAAI,MAAM;CAChD,IAAI,WAAW,OAAO;CAEtB,kBAAkB,YAAY;EAC5B,MAAM,QAAQ,MAAM,OAAO;EAC3B,oBAAoB,IAAI,QAAQ,KAAK;CACvC,CAAC;AAGH;;;;;;;;;;;;;;;;;AAkBA,SAAgB,yBACd,OACA,QACA,OACe;CACf,IAAI,CAAC,QAAQ,KAAK,GAChB,MAAM,MAAM,0DAAwD;CAGtE,MAAM,aAAa,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,CAAC;CAE7C,MAAM,cAAc,eAAe,MAAM;CACzC,IAAI,UAAU,CAAC,aAAa,OAAO;CAEnC,MAAM,cAAc,eAAe;CAEnC,IAAI,CAAC,QAAQ,WAAW,GACtB,MAAM,MAAM,6DAA2D;CAGzE,YAAY,aAAa,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,CAAC;CAGnD,MAAM,WADU,qBACO,CAAC,EAAE,YAAY;CACtC,MAAM,QAAQ,YAAY;CAC1B,MAAM,UAAU,YAAY,MAAM,QAAQ;CAE1C,IAAI,OAAO,YAAY,YAAY,YAAY,OAC7C,YAAY,QAAQ,YAAY,OAAO;CAGzC,OAAO;AACT"}

package/dist/Island/Island.cjs

@@ -0,0 +1,6 @@
+//#region src/Island/Island.vue
+var Island_default = require("./Island.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = Island_default;
+
+//# sourceMappingURL=Island.cjs.map

package/dist/Island/Island.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Island.cjs","names":[],"sources":["../../src/Island/Island.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, onMounted, onUnmounted } from 'vue';\n  import { setContext } from '../setContext';\n  import { withDefaultProps } from '../withDefaultProps';\n  import { DEFAULT_PROPS, ISLAND_CONTEXT_KEY } from './constants';\n  import type { IslandProps, IslandDefaultProps } from './types';\n\n  const props = defineProps<IslandProps>();\n  const p = withDefaultProps<IslandDefaultProps>(props, DEFAULT_PROPS);\n\n  const emit = defineEmits<{(e: 'hydrated'): void}>();\n\n  const islandRef = ref<HTMLElement | null>(null);\n  const isHydrated = ref(false);\n  let cleanup: (() => void) | null = null;\n\n  setContext(ISLAND_CONTEXT_KEY, true);\n\n  /**\n   * Performs the actual hydration\n   */\n  function hydrate(): void {\n    if (isHydrated.value) return;\n\n    isHydrated.value = true;\n    emit('hydrated');\n    // In Vue we usually don't need explicit hydrateRoot like React.\n    // Vue automatically handles hydration when the component is mounted\n    // and the DOM matches what was rendered on server.\n    // If you use teleport / suspense / etc., you may need extra logic.\n  }\n\n  /**\n   * Cleanup function factory\n   */\n  const registerCleanup = (fn: () => void): void => { cleanup = fn };\n\n  /**\n   * Strategy: load\n   */\n  const hydrateImmediately = (): void => hydrate();\n\n  /**\n   * Strategy: idle\n   */\n  function hydrateOnIdle(): void {\n    if ('requestIdleCallback' in window) {\n      const handle = window.requestIdleCallback(hydrate, { timeout: p.idleTimeout });\n      registerCleanup(() => window.cancelIdleCallback(handle));\n    } else {\n      // Fallback\n      const timeoutId = setTimeout(hydrate, p.idleTimeout);\n      registerCleanup(() => clearTimeout(timeoutId));\n    }\n  }\n\n  /**\n   * Strategy: visible\n   */\n  function hydrateWhenVisible(): void {\n    if (!islandRef.value) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          hydrate();\n          observer.disconnect();\n        }\n      },\n      { rootMargin: '200px' }\n    );\n\n    observer.observe(islandRef.value);\n    registerCleanup(() => observer.disconnect());\n  }\n\n  /**\n   * Strategy: media\n   */\n  function hydrateOnMedia(): void {\n    if (!props.media) return;\n\n    const mql = window.matchMedia(props.media);\n    \n    const checkAndHydrate = () => {\n      if (mql.matches) {\n        hydrate();\n        mql.removeEventListener('change', checkAndHydrate);\n      }\n    }\n\n    if (mql.matches) hydrate();\n    else {\n      mql.addEventListener('change', checkAndHydrate);\n      registerCleanup(() => mql.removeEventListener('change', checkAndHydrate));\n    }\n  }\n\n  onMounted(() => {\n    if (p.client === 'none') return;\n\n    switch (p.client) {\n      case 'load':\n        hydrateImmediately();\n        break;\n      case 'idle':\n        hydrateOnIdle();\n        break;\n      case 'visible':\n        hydrateWhenVisible();\n        break;\n      case 'media':\n        hydrateOnMedia();\n        break;\n    }\n  });\n\n  onUnmounted(() => {\n    if (cleanup) cleanup();\n  });\n</script>\n\n<template>\n  <div\n    ref=\"islandRef\"\n    :data-island=\"true\"\n    :data-client=\"p.client\"\n    :data-media=\"p.media || undefined\"\n    :data-island-id=\"p.islandId\"\n    :style=\"{ display: 'contents' }\"\n  >\n    <!-- \n      For client !== 'none': we render children normally on server\n      and hydrate them later on client.\n      \n      suppressHydrationWarning equivalent is handled via data-* + logic\n    -->\n    <slot v-if=\"p.client !== 'none' || !isHydrated\" />\n    <slot name=\"fallback\" v-if=\"p.client !== 'none' && !isHydrated\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/Island/Island.js

@@ -0,0 +1,7 @@
+import Island_vue_vue_type_script_setup_true_lang_default from "./Island.vue_vue_type_script_setup_true_lang.js";
+//#region src/Island/Island.vue
+var Island_default = Island_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Island_default as default };
+
+//# sourceMappingURL=Island.js.map

package/dist/Island/Island.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Island.js","names":[],"sources":["../../src/Island/Island.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, onMounted, onUnmounted } from 'vue';\n  import { setContext } from '../setContext';\n  import { withDefaultProps } from '../withDefaultProps';\n  import { DEFAULT_PROPS, ISLAND_CONTEXT_KEY } from './constants';\n  import type { IslandProps, IslandDefaultProps } from './types';\n\n  const props = defineProps<IslandProps>();\n  const p = withDefaultProps<IslandDefaultProps>(props, DEFAULT_PROPS);\n\n  const emit = defineEmits<{(e: 'hydrated'): void}>();\n\n  const islandRef = ref<HTMLElement | null>(null);\n  const isHydrated = ref(false);\n  let cleanup: (() => void) | null = null;\n\n  setContext(ISLAND_CONTEXT_KEY, true);\n\n  /**\n   * Performs the actual hydration\n   */\n  function hydrate(): void {\n    if (isHydrated.value) return;\n\n    isHydrated.value = true;\n    emit('hydrated');\n    // In Vue we usually don't need explicit hydrateRoot like React.\n    // Vue automatically handles hydration when the component is mounted\n    // and the DOM matches what was rendered on server.\n    // If you use teleport / suspense / etc., you may need extra logic.\n  }\n\n  /**\n   * Cleanup function factory\n   */\n  const registerCleanup = (fn: () => void): void => { cleanup = fn };\n\n  /**\n   * Strategy: load\n   */\n  const hydrateImmediately = (): void => hydrate();\n\n  /**\n   * Strategy: idle\n   */\n  function hydrateOnIdle(): void {\n    if ('requestIdleCallback' in window) {\n      const handle = window.requestIdleCallback(hydrate, { timeout: p.idleTimeout });\n      registerCleanup(() => window.cancelIdleCallback(handle));\n    } else {\n      // Fallback\n      const timeoutId = setTimeout(hydrate, p.idleTimeout);\n      registerCleanup(() => clearTimeout(timeoutId));\n    }\n  }\n\n  /**\n   * Strategy: visible\n   */\n  function hydrateWhenVisible(): void {\n    if (!islandRef.value) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          hydrate();\n          observer.disconnect();\n        }\n      },\n      { rootMargin: '200px' }\n    );\n\n    observer.observe(islandRef.value);\n    registerCleanup(() => observer.disconnect());\n  }\n\n  /**\n   * Strategy: media\n   */\n  function hydrateOnMedia(): void {\n    if (!props.media) return;\n\n    const mql = window.matchMedia(props.media);\n    \n    const checkAndHydrate = () => {\n      if (mql.matches) {\n        hydrate();\n        mql.removeEventListener('change', checkAndHydrate);\n      }\n    }\n\n    if (mql.matches) hydrate();\n    else {\n      mql.addEventListener('change', checkAndHydrate);\n      registerCleanup(() => mql.removeEventListener('change', checkAndHydrate));\n    }\n  }\n\n  onMounted(() => {\n    if (p.client === 'none') return;\n\n    switch (p.client) {\n      case 'load':\n        hydrateImmediately();\n        break;\n      case 'idle':\n        hydrateOnIdle();\n        break;\n      case 'visible':\n        hydrateWhenVisible();\n        break;\n      case 'media':\n        hydrateOnMedia();\n        break;\n    }\n  });\n\n  onUnmounted(() => {\n    if (cleanup) cleanup();\n  });\n</script>\n\n<template>\n  <div\n    ref=\"islandRef\"\n    :data-island=\"true\"\n    :data-client=\"p.client\"\n    :data-media=\"p.media || undefined\"\n    :data-island-id=\"p.islandId\"\n    :style=\"{ display: 'contents' }\"\n  >\n    <!-- \n      For client !== 'none': we render children normally on server\n      and hydrate them later on client.\n      \n      suppressHydrationWarning equivalent is handled via data-* + logic\n    -->\n    <slot v-if=\"p.client !== 'none' || !isHydrated\" />\n    <slot name=\"fallback\" v-if=\"p.client !== 'none' && !isHydrated\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/Island/Island.vue.d.cts

@@ -0,0 +1,22 @@
+import { IslandProps } from "./types.cjs";
+
+//#region src/Island/Island.vue.d.ts
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+} & {
+  fallback?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<IslandProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+  hydrated: () => any;
+}, string, import("vue").PublicProps, Readonly<IslandProps> & Readonly<{
+  onHydrated?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+export = _default;
+//# sourceMappingURL=Island.vue.d.cts.map

package/dist/Island/Island.vue.d.ts

@@ -0,0 +1,23 @@
+import { IslandProps } from "./types.js";
+
+//#region src/Island/Island.vue.d.ts
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+} & {
+  fallback?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<IslandProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+  hydrated: () => any;
+}, string, import("vue").PublicProps, Readonly<IslandProps> & Readonly<{
+  onHydrated?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=Island.vue.d.ts.map

package/dist/Island/Island.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,145 @@
+const require_setContext_setContext = require("../setContext/setContext.cjs");
+require("../setContext/index.cjs");
+const require_withDefaultProps_withDefaultProps = require("../withDefaultProps/withDefaultProps.cjs");
+require("../withDefaultProps/index.cjs");
+const require_Island_constants = require("./constants.cjs");
+let vue = require("vue");
+let _pastweb_tools_Island = require("@pastweb/tools/Island");
+//#region src/Island/Island.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"data-client",
+	"data-media",
+	"data-island-id"
+];
+var Island_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "Island",
+	props: {
+		client: {
+			type: String,
+			required: false
+		},
+		media: {
+			type: String,
+			required: false
+		},
+		idleTimeout: {
+			type: Number,
+			required: false
+		},
+		islandId: {
+			type: String,
+			required: false
+		}
+	},
+	emits: ["hydrated"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const p = require_withDefaultProps_withDefaultProps.withDefaultProps(props, require_Island_constants.DEFAULT_PROPS);
+		const emit = __emit;
+		const islandRef = (0, vue.ref)(null);
+		const isHydrated = (0, vue.ref)(false);
+		let cleanup = null;
+		require_setContext_setContext.setContext(_pastweb_tools_Island.ISLAND_CONTEXT_KEY, true);
+		/**
+		* Performs the actual hydration
+		*/
+		function hydrate() {
+			if (isHydrated.value) return;
+			isHydrated.value = true;
+			emit("hydrated");
+		}
+		/**
+		* Cleanup function factory
+		*/
+		const registerCleanup = (fn) => {
+			cleanup = fn;
+		};
+		/**
+		* Strategy: load
+		*/
+		const hydrateImmediately = () => hydrate();
+		/**
+		* Strategy: idle
+		*/
+		function hydrateOnIdle() {
+			if ("requestIdleCallback" in window) {
+				const handle = window.requestIdleCallback(hydrate, { timeout: p.idleTimeout });
+				registerCleanup(() => window.cancelIdleCallback(handle));
+			} else {
+				const timeoutId = setTimeout(hydrate, p.idleTimeout);
+				registerCleanup(() => clearTimeout(timeoutId));
+			}
+		}
+		/**
+		* Strategy: visible
+		*/
+		function hydrateWhenVisible() {
+			if (!islandRef.value) return;
+			const observer = new IntersectionObserver(([entry]) => {
+				if (entry.isIntersecting) {
+					hydrate();
+					observer.disconnect();
+				}
+			}, { rootMargin: "200px" });
+			observer.observe(islandRef.value);
+			registerCleanup(() => observer.disconnect());
+		}
+		/**
+		* Strategy: media
+		*/
+		function hydrateOnMedia() {
+			if (!props.media) return;
+			const mql = window.matchMedia(props.media);
+			const checkAndHydrate = () => {
+				if (mql.matches) {
+					hydrate();
+					mql.removeEventListener("change", checkAndHydrate);
+				}
+			};
+			if (mql.matches) hydrate();
+			else {
+				mql.addEventListener("change", checkAndHydrate);
+				registerCleanup(() => mql.removeEventListener("change", checkAndHydrate));
+			}
+		}
+		(0, vue.onMounted)(() => {
+			if (p.client === "none") return;
+			switch (p.client) {
+				case "load":
+					hydrateImmediately();
+					break;
+				case "idle":
+					hydrateOnIdle();
+					break;
+				case "visible":
+					hydrateWhenVisible();
+					break;
+				case "media":
+					hydrateOnMedia();
+					break;
+			}
+		});
+		(0, vue.onUnmounted)(() => {
+			if (cleanup) cleanup();
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				ref_key: "islandRef",
+				ref: islandRef,
+				"data-island": true,
+				"data-client": (0, vue.unref)(p).client,
+				"data-media": (0, vue.unref)(p).media || void 0,
+				"data-island-id": (0, vue.unref)(p).islandId,
+				style: { display: "contents" }
+			}, [
+				(0, vue.createCommentVNode)(" \n      For client !== 'none': we render children normally on server\n      and hydrate them later on client.\n      \n      suppressHydrationWarning equivalent is handled via data-* + logic\n    "),
+				(0, vue.unref)(p).client !== "none" || !isHydrated.value ? (0, vue.renderSlot)(_ctx.$slots, "default", { key: 0 }) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.unref)(p).client !== "none" && !isHydrated.value ? (0, vue.renderSlot)(_ctx.$slots, "fallback", { key: 1 }) : (0, vue.createCommentVNode)("v-if", true)
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+exports.default = Island_vue_vue_type_script_setup_true_lang_default;
+
+//# sourceMappingURL=Island.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/Island/Island.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Island.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/Island/Island.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, onMounted, onUnmounted } from 'vue';\n  import { setContext } from '../setContext';\n  import { withDefaultProps } from '../withDefaultProps';\n  import { DEFAULT_PROPS, ISLAND_CONTEXT_KEY } from './constants';\n  import type { IslandProps, IslandDefaultProps } from './types';\n\n  const props = defineProps<IslandProps>();\n  const p = withDefaultProps<IslandDefaultProps>(props, DEFAULT_PROPS);\n\n  const emit = defineEmits<{(e: 'hydrated'): void}>();\n\n  const islandRef = ref<HTMLElement | null>(null);\n  const isHydrated = ref(false);\n  let cleanup: (() => void) | null = null;\n\n  setContext(ISLAND_CONTEXT_KEY, true);\n\n  /**\n   * Performs the actual hydration\n   */\n  function hydrate(): void {\n    if (isHydrated.value) return;\n\n    isHydrated.value = true;\n    emit('hydrated');\n    // In Vue we usually don't need explicit hydrateRoot like React.\n    // Vue automatically handles hydration when the component is mounted\n    // and the DOM matches what was rendered on server.\n    // If you use teleport / suspense / etc., you may need extra logic.\n  }\n\n  /**\n   * Cleanup function factory\n   */\n  const registerCleanup = (fn: () => void): void => { cleanup = fn };\n\n  /**\n   * Strategy: load\n   */\n  const hydrateImmediately = (): void => hydrate();\n\n  /**\n   * Strategy: idle\n   */\n  function hydrateOnIdle(): void {\n    if ('requestIdleCallback' in window) {\n      const handle = window.requestIdleCallback(hydrate, { timeout: p.idleTimeout });\n      registerCleanup(() => window.cancelIdleCallback(handle));\n    } else {\n      // Fallback\n      const timeoutId = setTimeout(hydrate, p.idleTimeout);\n      registerCleanup(() => clearTimeout(timeoutId));\n    }\n  }\n\n  /**\n   * Strategy: visible\n   */\n  function hydrateWhenVisible(): void {\n    if (!islandRef.value) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          hydrate();\n          observer.disconnect();\n        }\n      },\n      { rootMargin: '200px' }\n    );\n\n    observer.observe(islandRef.value);\n    registerCleanup(() => observer.disconnect());\n  }\n\n  /**\n   * Strategy: media\n   */\n  function hydrateOnMedia(): void {\n    if (!props.media) return;\n\n    const mql = window.matchMedia(props.media);\n    \n    const checkAndHydrate = () => {\n      if (mql.matches) {\n        hydrate();\n        mql.removeEventListener('change', checkAndHydrate);\n      }\n    }\n\n    if (mql.matches) hydrate();\n    else {\n      mql.addEventListener('change', checkAndHydrate);\n      registerCleanup(() => mql.removeEventListener('change', checkAndHydrate));\n    }\n  }\n\n  onMounted(() => {\n    if (p.client === 'none') return;\n\n    switch (p.client) {\n      case 'load':\n        hydrateImmediately();\n        break;\n      case 'idle':\n        hydrateOnIdle();\n        break;\n      case 'visible':\n        hydrateWhenVisible();\n        break;\n      case 'media':\n        hydrateOnMedia();\n        break;\n    }\n  });\n\n  onUnmounted(() => {\n    if (cleanup) cleanup();\n  });\n</script>\n\n<template>\n  <div\n    ref=\"islandRef\"\n    :data-island=\"true\"\n    :data-client=\"p.client\"\n    :data-media=\"p.media || undefined\"\n    :data-island-id=\"p.islandId\"\n    :style=\"{ display: 'contents' }\"\n  >\n    <!-- \n      For client !== 'none': we render children normally on server\n      and hydrate them later on client.\n      \n      suppressHydrationWarning equivalent is handled via data-* + logic\n    -->\n    <slot v-if=\"p.client !== 'none' || !isHydrated\" />\n    <slot name=\"fallback\" v-if=\"p.client !== 'none' && !isHydrated\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOE,MAAM,QAAQ;EACd,MAAM,IAAI,0CAAA,iBAAqC,OAAO,yBAAA,aAAa;EAEnE,MAAM,OAAO;EAEb,MAAM,aAAA,GAAA,IAAA,IAAA,CAAoC,IAAI;EAC9C,MAAM,cAAA,GAAA,IAAA,IAAA,CAAiB,KAAK;EAC5B,IAAI,UAA+B;EAEnC,8BAAA,WAAW,sBAAA,oBAAoB,IAAI;;;;EAKnC,SAAS,UAAgB;GACvB,IAAI,WAAW,OAAO;GAEtB,WAAW,QAAQ;GACnB,KAAK,UAAU;EAKjB;;;;EAKA,MAAM,mBAAmB,OAAyB;GAAE,UAAU;EAAG;;;;EAKjE,MAAM,2BAAiC,QAAQ;;;;EAK/C,SAAS,gBAAsB;GAC7B,IAAI,yBAAyB,QAAQ;IACnC,MAAM,SAAS,OAAO,oBAAoB,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC;IAC7E,sBAAsB,OAAO,mBAAmB,MAAM,CAAC;GACzD,OAAO;IAEL,MAAM,YAAY,WAAW,SAAS,EAAE,WAAW;IACnD,sBAAsB,aAAa,SAAS,CAAC;GAC/C;EACF;;;;EAKA,SAAS,qBAA2B;GAClC,IAAI,CAAC,UAAU,OAAO;GAEtB,MAAM,WAAW,IAAI,sBAClB,CAAC,WAAW;IACX,IAAI,MAAM,gBAAgB;KACxB,QAAQ;KACR,SAAS,WAAW;IACtB;GACF,GACA,EAAE,YAAY,QAAQ,CACxB;GAEA,SAAS,QAAQ,UAAU,KAAK;GAChC,sBAAsB,SAAS,WAAW,CAAC;EAC7C;;;;EAKA,SAAS,iBAAuB;GAC9B,IAAI,CAAC,MAAM,OAAO;GAElB,MAAM,MAAM,OAAO,WAAW,MAAM,KAAK;GAEzC,MAAM,wBAAwB;IAC5B,IAAI,IAAI,SAAS;KACf,QAAQ;KACR,IAAI,oBAAoB,UAAU,eAAe;IACnD;GACF;GAEA,IAAI,IAAI,SAAS,QAAQ;QACpB;IACH,IAAI,iBAAiB,UAAU,eAAe;IAC9C,sBAAsB,IAAI,oBAAoB,UAAU,eAAe,CAAC;GAC1E;EACF;EAEA,CAAA,GAAA,IAAA,UAAA,OAAgB;GACd,IAAI,EAAE,WAAW,QAAQ;GAEzB,QAAQ,EAAE,QAAV;IACE,KAAK;KACH,mBAAmB;KACnB;IACF,KAAK;KACH,cAAc;KACd;IACF,KAAK;KACH,mBAAmB;KACnB;IACF,KAAK;KACH,eAAe;KACf;GACJ;EACF,CAAC;EAED,CAAA,GAAA,IAAA,YAAA,OAAkB;GAChB,IAAI,SAAS,QAAQ;EACvB,CAAC;;4DAoBK,OAAA;aAfA;IAAJ,KAAI;IACH,eAAa;IACb,gBAAA,GAAA,IAAA,MAAA,CAAa,CAAA,CAAC,CAAC;IACf,eAAA,GAAA,IAAA,MAAA,CAAY,CAAA,CAAC,CAAC,SAAS,KAAA;IACvB,mBAAA,GAAA,IAAA,MAAA,CAAgB,CAAA,CAAC,CAAC;IAClB,OAAO,EAAA,SAAA,WAAA;;gCAER,uMAAA;mBAMY,CAAA,CAAC,CAAC,WAAM,UAAA,CAAgB,WAAA,SAAA,GAAA,IAAA,WAAA,CAAc,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA,GAAA,IAAA,mBAAA,CAAA,QAAA,IAAA;mBACtB,CAAA,CAAC,CAAC,WAAM,UAAA,CAAgB,WAAA,SAAA,GAAA,IAAA,WAAA,CAAc,KAAA,QAAA,YAAA,EAAA,KAAA,EAAA,CAAA,KAAA,GAAA,IAAA,mBAAA,CAAA,QAAA,IAAA"}

package/dist/Island/Island.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,144 @@
+import { setContext } from "../setContext/setContext.js";
+import "../setContext/index.js";
+import { withDefaultProps } from "../withDefaultProps/withDefaultProps.js";
+import "../withDefaultProps/index.js";
+import { DEFAULT_PROPS, ISLAND_CONTEXT_KEY } from "./constants.js";
+import { createCommentVNode, createElementBlock, defineComponent, onMounted, onUnmounted, openBlock, ref, renderSlot, unref } from "vue";
+//#region src/Island/Island.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"data-client",
+	"data-media",
+	"data-island-id"
+];
+var Island_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Island",
+	props: {
+		client: {
+			type: String,
+			required: false
+		},
+		media: {
+			type: String,
+			required: false
+		},
+		idleTimeout: {
+			type: Number,
+			required: false
+		},
+		islandId: {
+			type: String,
+			required: false
+		}
+	},
+	emits: ["hydrated"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const p = withDefaultProps(props, DEFAULT_PROPS);
+		const emit = __emit;
+		const islandRef = ref(null);
+		const isHydrated = ref(false);
+		let cleanup = null;
+		setContext(ISLAND_CONTEXT_KEY, true);
+		/**
+		* Performs the actual hydration
+		*/
+		function hydrate() {
+			if (isHydrated.value) return;
+			isHydrated.value = true;
+			emit("hydrated");
+		}
+		/**
+		* Cleanup function factory
+		*/
+		const registerCleanup = (fn) => {
+			cleanup = fn;
+		};
+		/**
+		* Strategy: load
+		*/
+		const hydrateImmediately = () => hydrate();
+		/**
+		* Strategy: idle
+		*/
+		function hydrateOnIdle() {
+			if ("requestIdleCallback" in window) {
+				const handle = window.requestIdleCallback(hydrate, { timeout: p.idleTimeout });
+				registerCleanup(() => window.cancelIdleCallback(handle));
+			} else {
+				const timeoutId = setTimeout(hydrate, p.idleTimeout);
+				registerCleanup(() => clearTimeout(timeoutId));
+			}
+		}
+		/**
+		* Strategy: visible
+		*/
+		function hydrateWhenVisible() {
+			if (!islandRef.value) return;
+			const observer = new IntersectionObserver(([entry]) => {
+				if (entry.isIntersecting) {
+					hydrate();
+					observer.disconnect();
+				}
+			}, { rootMargin: "200px" });
+			observer.observe(islandRef.value);
+			registerCleanup(() => observer.disconnect());
+		}
+		/**
+		* Strategy: media
+		*/
+		function hydrateOnMedia() {
+			if (!props.media) return;
+			const mql = window.matchMedia(props.media);
+			const checkAndHydrate = () => {
+				if (mql.matches) {
+					hydrate();
+					mql.removeEventListener("change", checkAndHydrate);
+				}
+			};
+			if (mql.matches) hydrate();
+			else {
+				mql.addEventListener("change", checkAndHydrate);
+				registerCleanup(() => mql.removeEventListener("change", checkAndHydrate));
+			}
+		}
+		onMounted(() => {
+			if (p.client === "none") return;
+			switch (p.client) {
+				case "load":
+					hydrateImmediately();
+					break;
+				case "idle":
+					hydrateOnIdle();
+					break;
+				case "visible":
+					hydrateWhenVisible();
+					break;
+				case "media":
+					hydrateOnMedia();
+					break;
+			}
+		});
+		onUnmounted(() => {
+			if (cleanup) cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "islandRef",
+				ref: islandRef,
+				"data-island": true,
+				"data-client": unref(p).client,
+				"data-media": unref(p).media || void 0,
+				"data-island-id": unref(p).islandId,
+				style: { display: "contents" }
+			}, [
+				createCommentVNode(" \n      For client !== 'none': we render children normally on server\n      and hydrate them later on client.\n      \n      suppressHydrationWarning equivalent is handled via data-* + logic\n    "),
+				unref(p).client !== "none" || !isHydrated.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true),
+				unref(p).client !== "none" && !isHydrated.value ? renderSlot(_ctx.$slots, "fallback", { key: 1 }) : createCommentVNode("v-if", true)
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Island_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Island.vue_vue_type_script_setup_true_lang.js.map

package/dist/Island/Island.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Island.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/Island/Island.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, onMounted, onUnmounted } from 'vue';\n  import { setContext } from '../setContext';\n  import { withDefaultProps } from '../withDefaultProps';\n  import { DEFAULT_PROPS, ISLAND_CONTEXT_KEY } from './constants';\n  import type { IslandProps, IslandDefaultProps } from './types';\n\n  const props = defineProps<IslandProps>();\n  const p = withDefaultProps<IslandDefaultProps>(props, DEFAULT_PROPS);\n\n  const emit = defineEmits<{(e: 'hydrated'): void}>();\n\n  const islandRef = ref<HTMLElement | null>(null);\n  const isHydrated = ref(false);\n  let cleanup: (() => void) | null = null;\n\n  setContext(ISLAND_CONTEXT_KEY, true);\n\n  /**\n   * Performs the actual hydration\n   */\n  function hydrate(): void {\n    if (isHydrated.value) return;\n\n    isHydrated.value = true;\n    emit('hydrated');\n    // In Vue we usually don't need explicit hydrateRoot like React.\n    // Vue automatically handles hydration when the component is mounted\n    // and the DOM matches what was rendered on server.\n    // If you use teleport / suspense / etc., you may need extra logic.\n  }\n\n  /**\n   * Cleanup function factory\n   */\n  const registerCleanup = (fn: () => void): void => { cleanup = fn };\n\n  /**\n   * Strategy: load\n   */\n  const hydrateImmediately = (): void => hydrate();\n\n  /**\n   * Strategy: idle\n   */\n  function hydrateOnIdle(): void {\n    if ('requestIdleCallback' in window) {\n      const handle = window.requestIdleCallback(hydrate, { timeout: p.idleTimeout });\n      registerCleanup(() => window.cancelIdleCallback(handle));\n    } else {\n      // Fallback\n      const timeoutId = setTimeout(hydrate, p.idleTimeout);\n      registerCleanup(() => clearTimeout(timeoutId));\n    }\n  }\n\n  /**\n   * Strategy: visible\n   */\n  function hydrateWhenVisible(): void {\n    if (!islandRef.value) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          hydrate();\n          observer.disconnect();\n        }\n      },\n      { rootMargin: '200px' }\n    );\n\n    observer.observe(islandRef.value);\n    registerCleanup(() => observer.disconnect());\n  }\n\n  /**\n   * Strategy: media\n   */\n  function hydrateOnMedia(): void {\n    if (!props.media) return;\n\n    const mql = window.matchMedia(props.media);\n    \n    const checkAndHydrate = () => {\n      if (mql.matches) {\n        hydrate();\n        mql.removeEventListener('change', checkAndHydrate);\n      }\n    }\n\n    if (mql.matches) hydrate();\n    else {\n      mql.addEventListener('change', checkAndHydrate);\n      registerCleanup(() => mql.removeEventListener('change', checkAndHydrate));\n    }\n  }\n\n  onMounted(() => {\n    if (p.client === 'none') return;\n\n    switch (p.client) {\n      case 'load':\n        hydrateImmediately();\n        break;\n      case 'idle':\n        hydrateOnIdle();\n        break;\n      case 'visible':\n        hydrateWhenVisible();\n        break;\n      case 'media':\n        hydrateOnMedia();\n        break;\n    }\n  });\n\n  onUnmounted(() => {\n    if (cleanup) cleanup();\n  });\n</script>\n\n<template>\n  <div\n    ref=\"islandRef\"\n    :data-island=\"true\"\n    :data-client=\"p.client\"\n    :data-media=\"p.media || undefined\"\n    :data-island-id=\"p.islandId\"\n    :style=\"{ display: 'contents' }\"\n  >\n    <!-- \n      For client !== 'none': we render children normally on server\n      and hydrate them later on client.\n      \n      suppressHydrationWarning equivalent is handled via data-* + logic\n    -->\n    <slot v-if=\"p.client !== 'none' || !isHydrated\" />\n    <slot name=\"fallback\" v-if=\"p.client !== 'none' && !isHydrated\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOE,MAAM,QAAQ;EACd,MAAM,IAAI,iBAAqC,OAAO,aAAa;EAEnE,MAAM,OAAO;EAEb,MAAM,YAAY,IAAwB,IAAI;EAC9C,MAAM,aAAa,IAAI,KAAK;EAC5B,IAAI,UAA+B;EAEnC,WAAW,oBAAoB,IAAI;;;;EAKnC,SAAS,UAAgB;GACvB,IAAI,WAAW,OAAO;GAEtB,WAAW,QAAQ;GACnB,KAAK,UAAU;EAKjB;;;;EAKA,MAAM,mBAAmB,OAAyB;GAAE,UAAU;EAAG;;;;EAKjE,MAAM,2BAAiC,QAAQ;;;;EAK/C,SAAS,gBAAsB;GAC7B,IAAI,yBAAyB,QAAQ;IACnC,MAAM,SAAS,OAAO,oBAAoB,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC;IAC7E,sBAAsB,OAAO,mBAAmB,MAAM,CAAC;GACzD,OAAO;IAEL,MAAM,YAAY,WAAW,SAAS,EAAE,WAAW;IACnD,sBAAsB,aAAa,SAAS,CAAC;GAC/C;EACF;;;;EAKA,SAAS,qBAA2B;GAClC,IAAI,CAAC,UAAU,OAAO;GAEtB,MAAM,WAAW,IAAI,sBAClB,CAAC,WAAW;IACX,IAAI,MAAM,gBAAgB;KACxB,QAAQ;KACR,SAAS,WAAW;IACtB;GACF,GACA,EAAE,YAAY,QAAQ,CACxB;GAEA,SAAS,QAAQ,UAAU,KAAK;GAChC,sBAAsB,SAAS,WAAW,CAAC;EAC7C;;;;EAKA,SAAS,iBAAuB;GAC9B,IAAI,CAAC,MAAM,OAAO;GAElB,MAAM,MAAM,OAAO,WAAW,MAAM,KAAK;GAEzC,MAAM,wBAAwB;IAC5B,IAAI,IAAI,SAAS;KACf,QAAQ;KACR,IAAI,oBAAoB,UAAU,eAAe;IACnD;GACF;GAEA,IAAI,IAAI,SAAS,QAAQ;QACpB;IACH,IAAI,iBAAiB,UAAU,eAAe;IAC9C,sBAAsB,IAAI,oBAAoB,UAAU,eAAe,CAAC;GAC1E;EACF;EAEA,gBAAgB;GACd,IAAI,EAAE,WAAW,QAAQ;GAEzB,QAAQ,EAAE,QAAV;IACE,KAAK;KACH,mBAAmB;KACnB;IACF,KAAK;KACH,cAAc;KACd;IACF,KAAK;KACH,mBAAmB;KACnB;IACF,KAAK;KACH,eAAe;KACf;GACJ;EACF,CAAC;EAED,kBAAkB;GAChB,IAAI,SAAS,QAAQ;EACvB,CAAC;;uBAID,mBAgBM,OAAA;aAfA;IAAJ,KAAI;IACH,eAAa;IACb,eAAa,MAAA,CAAA,CAAC,CAAC;IACf,cAAY,MAAA,CAAA,CAAC,CAAC,SAAS,KAAA;IACvB,kBAAgB,MAAA,CAAA,CAAC,CAAC;IAClB,OAAO,EAAA,SAAA,WAAA;;IAER,mBAAA,uMAAA;IAMY,MAAA,CAAA,CAAC,CAAC,WAAM,UAAA,CAAgB,WAAA,QAApC,WAAkD,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA,IAAA,mBAAA,QAAA,IAAA;IACtB,MAAA,CAAA,CAAC,CAAC,WAAM,UAAA,CAAgB,WAAA,QAApD,WAAkE,KAAA,QAAA,YAAA,EAAA,KAAA,EAAA,CAAA,IAAA,mBAAA,QAAA,IAAA"}

package/dist/Island/constants.cjs

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _pastweb_tools_Island = require("@pastweb/tools/Island");
+//#region src/Island/constants.ts
+/**
+* Vue Island defaults adapted from the framework-agnostic tools contract.
+*/
+const DEFAULT_PROPS = _pastweb_tools_Island.DEFAULT_ISLAND_PROPS;
+//#endregion
+exports.DEFAULT_PROPS = DEFAULT_PROPS;
+exports.ISLAND_CONTEXT_KEY = _pastweb_tools_Island.ISLAND_CONTEXT_KEY;
+
+//# sourceMappingURL=constants.cjs.map

package/dist/Island/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","names":["DEFAULT_ISLAND_PROPS"],"sources":["../../src/Island/constants.ts"],"sourcesContent":["import { DEFAULT_ISLAND_PROPS, ISLAND_CONTEXT_KEY } from '@pastweb/tools/Island';\nimport type { IslandDefaultProps as IDP } from './types';\n\nexport { ISLAND_CONTEXT_KEY };\n\n/**\n * Vue Island defaults adapted from the framework-agnostic tools contract.\n */\nexport const DEFAULT_PROPS: Pick<IDP, 'client' | 'idleTimeout'> = DEFAULT_ISLAND_PROPS;\n"],"mappings":";;;;;;AAQA,MAAa,gBAAqDA,sBAAAA"}

package/dist/Island/constants.d.cts

@@ -0,0 +1,11 @@
+import { IslandDefaultProps as IslandDefaultProps$1 } from "./types.cjs";
+import { ISLAND_CONTEXT_KEY } from "@pastweb/tools/Island";
+
+//#region src/Island/constants.d.ts
+/**
+ * Vue Island defaults adapted from the framework-agnostic tools contract.
+ */
+declare const DEFAULT_PROPS: Pick<IslandDefaultProps$1, 'client' | 'idleTimeout'>;
+//#endregion
+export { DEFAULT_PROPS, ISLAND_CONTEXT_KEY };
+//# sourceMappingURL=constants.d.cts.map

package/dist/Island/constants.d.ts

@@ -0,0 +1,11 @@
+import { IslandDefaultProps as IslandDefaultProps$1 } from "./types.js";
+import { ISLAND_CONTEXT_KEY } from "@pastweb/tools/Island";
+
+//#region src/Island/constants.d.ts
+/**
+ * Vue Island defaults adapted from the framework-agnostic tools contract.
+ */
+declare const DEFAULT_PROPS: Pick<IslandDefaultProps$1, 'client' | 'idleTimeout'>;
+//#endregion
+export { DEFAULT_PROPS, ISLAND_CONTEXT_KEY };
+//# sourceMappingURL=constants.d.ts.map

package/dist/Island/constants.js

@@ -0,0 +1,10 @@
+import { DEFAULT_ISLAND_PROPS, ISLAND_CONTEXT_KEY } from "@pastweb/tools/Island";
+//#region src/Island/constants.ts
+/**
+* Vue Island defaults adapted from the framework-agnostic tools contract.
+*/
+const DEFAULT_PROPS = DEFAULT_ISLAND_PROPS;
+//#endregion
+export { DEFAULT_PROPS, ISLAND_CONTEXT_KEY };
+
+//# sourceMappingURL=constants.js.map

package/dist/Island/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../src/Island/constants.ts"],"sourcesContent":["import { DEFAULT_ISLAND_PROPS, ISLAND_CONTEXT_KEY } from '@pastweb/tools/Island';\nimport type { IslandDefaultProps as IDP } from './types';\n\nexport { ISLAND_CONTEXT_KEY };\n\n/**\n * Vue Island defaults adapted from the framework-agnostic tools contract.\n */\nexport const DEFAULT_PROPS: Pick<IDP, 'client' | 'idleTimeout'> = DEFAULT_ISLAND_PROPS;\n"],"mappings":";;;;;AAQA,MAAa,gBAAqD"}

package/dist/Island/index.cjs

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Island_constants = require("./constants.cjs");
+const require_Island = require("./Island.cjs");
+const require_Island_useIsland = require("./useIsland.cjs");
+let _pastweb_tools_Island = require("@pastweb/tools/Island");
+exports.DEFAULT_PROPS = require_Island_constants.DEFAULT_PROPS;
+exports.ISLAND_CONTEXT_KEY = _pastweb_tools_Island.ISLAND_CONTEXT_KEY;
+exports.Island = require_Island.default;
+exports.useIsland = require_Island_useIsland.useIsland;

package/dist/Island/index.d.cts

@@ -0,0 +1,5 @@
+import { ClientStrategy, IslandDefaultProps, IslandProps } from "./types.cjs";
+import { DEFAULT_PROPS, ISLAND_CONTEXT_KEY } from "./constants.cjs";
+import _default from "./Island.vue.cjs";
+import { useIsland } from "./useIsland.cjs";
+export { type ClientStrategy, DEFAULT_PROPS, ISLAND_CONTEXT_KEY, _default as Island, type IslandDefaultProps, type IslandProps, useIsland };

package/dist/Island/index.d.ts

@@ -0,0 +1,5 @@
+import { ClientStrategy, IslandDefaultProps, IslandProps } from "./types.js";
+import { DEFAULT_PROPS, ISLAND_CONTEXT_KEY } from "./constants.js";
+import _default from "./Island.vue.js";
+import { useIsland } from "./useIsland.js";
+export { type ClientStrategy, DEFAULT_PROPS, ISLAND_CONTEXT_KEY, _default as Island, type IslandDefaultProps, type IslandProps, useIsland };

package/dist/Island/index.js

@@ -0,0 +1,4 @@
+import { DEFAULT_PROPS, ISLAND_CONTEXT_KEY } from "./constants.js";
+import Island_default from "./Island.js";
+import { useIsland } from "./useIsland.js";
+export { DEFAULT_PROPS, ISLAND_CONTEXT_KEY, Island_default as Island, useIsland };

package/dist/Island/types.d.cts

@@ -0,0 +1,18 @@
+import { ClientStrategy, IslandDefaultProps as IslandDefaultProps$1, IslandProps as IslandProps$1 } from "@pastweb/tools/Island";
+
+//#region src/Island/types.d.ts
+/**
+ * Props for the Vue {@link Island} component.
+ *
+ * Vue Island uses the shared `@pastweb/tools` island contract for hydration
+ * strategies, media queries, idle timeout, and `islandId`. Renderable content is
+ * supplied through Vue slots.
+ */
+interface IslandProps extends Omit<IslandProps$1, 'fallback'> {}
+/**
+ * Vue Island props after defaults from `@pastweb/tools` have been applied.
+ */
+interface IslandDefaultProps extends Omit<IslandDefaultProps$1, 'fallback'> {}
+//#endregion
+export { type ClientStrategy, IslandDefaultProps, IslandProps };
+//# sourceMappingURL=types.d.cts.map

package/dist/Island/types.d.ts

@@ -0,0 +1,18 @@
+import { ClientStrategy, IslandDefaultProps as IslandDefaultProps$1, IslandProps as IslandProps$1 } from "@pastweb/tools/Island";
+
+//#region src/Island/types.d.ts
+/**
+ * Props for the Vue {@link Island} component.
+ *
+ * Vue Island uses the shared `@pastweb/tools` island contract for hydration
+ * strategies, media queries, idle timeout, and `islandId`. Renderable content is
+ * supplied through Vue slots.
+ */
+interface IslandProps extends Omit<IslandProps$1, 'fallback'> {}
+/**
+ * Vue Island props after defaults from `@pastweb/tools` have been applied.
+ */
+interface IslandDefaultProps extends Omit<IslandDefaultProps$1, 'fallback'> {}
+//#endregion
+export { type ClientStrategy, IslandDefaultProps, IslandProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/Island/useIsland.cjs

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_getContext_getContext = require("../getContext/getContext.cjs");
+require("../getContext/index.cjs");
+require("./constants.cjs");
+let _pastweb_tools_Island = require("@pastweb/tools/Island");
+//#region src/Island/useIsland.ts
+/**
+* Returns whether the current component is rendered inside an {@link Island}.
+*
+* Entry adapters use this signal to hydrate nested entries only when they are
+* mounted as part of an island hydration boundary. The value is read from Vue
+* dependency injection using the shared `ISLAND_CONTEXT_KEY` from
+* `@pastweb/tools`.
+*
+* @returns `true` inside an `Island`, otherwise `false`.
+*/
+function useIsland() {
+	return Boolean(require_getContext_getContext.getContext(_pastweb_tools_Island.ISLAND_CONTEXT_KEY));
+}
+//#endregion
+exports.useIsland = useIsland;
+
+//# sourceMappingURL=useIsland.cjs.map

package/dist/Island/useIsland.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsland.cjs","names":["getContext","ISLAND_CONTEXT_KEY"],"sources":["../../src/Island/useIsland.ts"],"sourcesContent":["import { getContext } from '../getContext';\nimport { ISLAND_CONTEXT_KEY } from './constants';\n\n/**\n * Returns whether the current component is rendered inside an {@link Island}.\n *\n * Entry adapters use this signal to hydrate nested entries only when they are\n * mounted as part of an island hydration boundary. The value is read from Vue\n * dependency injection using the shared `ISLAND_CONTEXT_KEY` from\n * `@pastweb/tools`.\n *\n * @returns `true` inside an `Island`, otherwise `false`.\n */\nexport function useIsland(): boolean {\n  return Boolean(getContext<boolean | undefined>(ISLAND_CONTEXT_KEY));\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAgB,YAAqB;CACnC,OAAO,QAAQA,8BAAAA,WAAgCC,sBAAAA,kBAAkB,CAAC;AACpE"}

package/dist/Island/useIsland.d.cts

@@ -0,0 +1,15 @@
+//#region src/Island/useIsland.d.ts
+/**
+ * Returns whether the current component is rendered inside an {@link Island}.
+ *
+ * Entry adapters use this signal to hydrate nested entries only when they are
+ * mounted as part of an island hydration boundary. The value is read from Vue
+ * dependency injection using the shared `ISLAND_CONTEXT_KEY` from
+ * `@pastweb/tools`.
+ *
+ * @returns `true` inside an `Island`, otherwise `false`.
+ */
+declare function useIsland(): boolean;
+//#endregion
+export { useIsland };
+//# sourceMappingURL=useIsland.d.cts.map

package/dist/Island/useIsland.d.ts

@@ -0,0 +1,15 @@
+//#region src/Island/useIsland.d.ts
+/**
+ * Returns whether the current component is rendered inside an {@link Island}.
+ *
+ * Entry adapters use this signal to hydrate nested entries only when they are
+ * mounted as part of an island hydration boundary. The value is read from Vue
+ * dependency injection using the shared `ISLAND_CONTEXT_KEY` from
+ * `@pastweb/tools`.
+ *
+ * @returns `true` inside an `Island`, otherwise `false`.
+ */
+declare function useIsland(): boolean;
+//#endregion
+export { useIsland };
+//# sourceMappingURL=useIsland.d.ts.map

package/dist/Island/useIsland.js

@@ -0,0 +1,21 @@
+import { getContext } from "../getContext/getContext.js";
+import "../getContext/index.js";
+import { ISLAND_CONTEXT_KEY } from "./constants.js";
+//#region src/Island/useIsland.ts
+/**
+* Returns whether the current component is rendered inside an {@link Island}.
+*
+* Entry adapters use this signal to hydrate nested entries only when they are
+* mounted as part of an island hydration boundary. The value is read from Vue
+* dependency injection using the shared `ISLAND_CONTEXT_KEY` from
+* `@pastweb/tools`.
+*
+* @returns `true` inside an `Island`, otherwise `false`.
+*/
+function useIsland() {
+	return Boolean(getContext(ISLAND_CONTEXT_KEY));
+}
+//#endregion
+export { useIsland };
+
+//# sourceMappingURL=useIsland.js.map

package/dist/Island/useIsland.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsland.js","names":[],"sources":["../../src/Island/useIsland.ts"],"sourcesContent":["import { getContext } from '../getContext';\nimport { ISLAND_CONTEXT_KEY } from './constants';\n\n/**\n * Returns whether the current component is rendered inside an {@link Island}.\n *\n * Entry adapters use this signal to hydrate nested entries only when they are\n * mounted as part of an island hydration boundary. The value is read from Vue\n * dependency injection using the shared `ISLAND_CONTEXT_KEY` from\n * `@pastweb/tools`.\n *\n * @returns `true` inside an `Island`, otherwise `false`.\n */\nexport function useIsland(): boolean {\n  return Boolean(getContext<boolean | undefined>(ISLAND_CONTEXT_KEY));\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,YAAqB;CACnC,OAAO,QAAQ,WAAgC,kBAAkB,CAAC;AACpE"}