@stacksjs/composables 0.72.103 → 0.73.1

package/dist/types/dom-vendor.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Browser APIs lib.dom does not declare.
+ *
+ * Vendor-prefixed fullscreen, which Safari still ships under `webkit`, and two
+ * APIs that are real but not yet in the standard lib types: the EyeDropper
+ * picker and Network Information. Each was reached through a
+ * `(document)` / `(navigator)` / `(window)` cast, which
+ * hides which member is being probed - a misspelt one reads as `undefined` and
+ * the feature-detection beside it quietly concludes "unsupported".
+ *
+ * A module with `declare global` rather than an ambient `.d.ts`: the ambient
+ * form declares a SECOND `Document` here instead of merging with lib.dom's, so
+ * the members landed on a type nothing uses. Files that need these import it.
+ */
+export declare interface EyeDropperInstance {
+  open: (_options?: { signal?: AbortSignal }) => Promise<{ sRGBHex: string }>
+}
+export declare interface NetworkInformationLike {
+  downlink?: number
+  downlinkMax?: number
+  effectiveType?: string
+  rtt?: number
+  saveData?: boolean
+  type?: string
+  addEventListener?: (_type: string, _listener: () => void) => void
+  removeEventListener?: (_type: string, _listener: () => void) => void
+}
+declare global {
+  interface Document {
+  webkitFullscreenElement?: Element | null
+  webkitExitFullscreen?: () => Promise<void> | void
+}
+  interface HTMLElement {
+  webkitRequestFullscreen?: () => Promise<void> | void
+}
+  interface Navigator {
+  connection?: NetworkInformationLike
+}
+  interface Window {
+  EyeDropper?: new () => EyeDropperInstance
+}
+}

package/dist/unrefElement.js

@@ -1 +1 @@
-import{unref}from"./_shared";export function unrefElement(elRef){const plain=unref(elRef);if(!plain)return plain;if(plain.$el)return plain.$el;return plain}
+import{unref}from"./_shared";export function unrefElement(elRef){const plain=unref(elRef);if(!plain)return plain;if("$el"in plain)return plain.$el;return plain}

package/dist/useEventListener.js

@@ -1 +1 @@
-import{onUnmounted,watch}from"@stacksjs/stx";import{isRef,unref,noop}from"./_shared";export function useEventListener(target,event,handler,options){let cleanup=noop;const register=(el)=>{if(!el)return noop;el.addEventListener(event,handler,options);return()=>{el.removeEventListener(event,handler,options)}};if(isRef(target)){watch(target,(_newTarget,_oldTarget)=>{cleanup();cleanup=register(unref(target))});cleanup=register(target.value)}else cleanup=register(target);const stop=()=>{cleanup();cleanup=noop};try{onUnmounted(stop)}catch{}return stop}
+import{onUnmounted,watch}from"@stacksjs/stx";import{isRef,unref,noop}from"./_shared";export function useEventListener(target,event,handler,options){let cleanup=noop;const register=(el)=>{if(!el)return noop;el.addEventListener(event,handler,options);return()=>{el.removeEventListener(event,handler,options)}};if(isRef(target)){watch(target,(_newTarget,_oldTarget)=>{cleanup();cleanup=register(unref(target))});cleanup=register(unref(target))}else cleanup=register(target);const stop=()=>{cleanup();cleanup=noop};try{onUnmounted(stop)}catch{}return stop}

package/dist/useEyeDropper.d.ts

@@ -1,3 +1,4 @@
+import './types/dom-vendor';
 import type { Ref } from '@stacksjs/stx';
 /**
  * Reactive EyeDropper API.

package/dist/useEyeDropper.js

@@ -1 +1 @@
-import{ref}from"@stacksjs/stx";export function useEyeDropper(){const isSupported=ref(typeof window<"u"&&"EyeDropper"in window),sRGBHex=ref("");async function open(){if(!isSupported.value)return;const dropper=new window.EyeDropper;try{const result=await dropper.open();sRGBHex.value=result.sRGBHex;return result}catch{return}}return{isSupported,sRGBHex,open}}
+import"./types/dom-vendor";import{ref}from"@stacksjs/stx";export function useEyeDropper(){const isSupported=ref(typeof window<"u"&&"EyeDropper"in window),sRGBHex=ref("");async function open(){if(!isSupported.value)return;const Picker=window.EyeDropper;if(!Picker)return;const dropper=new Picker;try{const result=await dropper.open();sRGBHex.value=result.sRGBHex;return result}catch{return}}return{isSupported,sRGBHex,open}}

package/dist/useFullscreen.d.ts

@@ -1,3 +1,4 @@
+import './types/dom-vendor';
 import type { MaybeRef } from './_shared';
 import type { Ref } from '@stacksjs/stx';
 /**

package/dist/useFullscreen.js

@@ -1 +1 @@
-import{onUnmounted,ref}from"@stacksjs/stx";import{defaultDocument,unref}from"./_shared";export function useFullscreen(target){const doc=defaultDocument(),isFullscreen=ref(!1),isSupported=ref(!!doc&&(("fullscreenEnabled"in doc)||("webkitFullscreenEnabled"in doc)));function getTarget(){if(target)return unref(target);return doc?.documentElement??null}function getFullscreenElement(){if(!doc)return null;return doc.fullscreenElement??doc.webkitFullscreenElement??null}function updateState(){isFullscreen.value=getFullscreenElement()!==null}async function enter(){if(!isSupported.value)return;const el=getTarget();if(!el)return;try{if(el.requestFullscreen)await el.requestFullscreen();else if(el.webkitRequestFullscreen)await el.webkitRequestFullscreen();isFullscreen.value=!0}catch{}}async function exit(){if(!isSupported.value||!doc)return;try{if(doc.exitFullscreen)await doc.exitFullscreen();else if(doc.webkitExitFullscreen)await doc.webkitExitFullscreen();isFullscreen.value=!1}catch{}}async function toggle(){if(isFullscreen.value)await exit();else await enter()}if(doc){const handler=()=>updateState();doc.addEventListener("fullscreenchange",handler);doc.addEventListener("webkitfullscreenchange",handler);try{onUnmounted(()=>{doc.removeEventListener("fullscreenchange",handler);doc.removeEventListener("webkitfullscreenchange",handler)})}catch{}}return{isFullscreen,isSupported,enter,exit,toggle}}
+import"./types/dom-vendor";import{onUnmounted,ref}from"@stacksjs/stx";import{defaultDocument,unref}from"./_shared";export function useFullscreen(target){const doc=defaultDocument(),isFullscreen=ref(!1),isSupported=ref(!!doc&&(("fullscreenEnabled"in doc)||("webkitFullscreenEnabled"in doc)));function getTarget(){if(target)return unref(target);return doc?.documentElement??null}function getFullscreenElement(){if(!doc)return null;return doc.fullscreenElement??doc.webkitFullscreenElement??null}function updateState(){isFullscreen.value=getFullscreenElement()!==null}async function enter(){if(!isSupported.value)return;const el=getTarget();if(!el)return;try{if(el.requestFullscreen)await el.requestFullscreen();else if(el.webkitRequestFullscreen)await el.webkitRequestFullscreen();isFullscreen.value=!0}catch{}}async function exit(){if(!isSupported.value||!doc)return;try{if(doc.exitFullscreen)await doc.exitFullscreen();else if(doc.webkitExitFullscreen)await doc.webkitExitFullscreen();isFullscreen.value=!1}catch{}}async function toggle(){if(isFullscreen.value)await exit();else await enter()}if(doc){const handler=()=>updateState();doc.addEventListener("fullscreenchange",handler);doc.addEventListener("webkitfullscreenchange",handler);try{onUnmounted(()=>{doc.removeEventListener("fullscreenchange",handler);doc.removeEventListener("webkitfullscreenchange",handler)})}catch{}}return{isFullscreen,isSupported,enter,exit,toggle}}

package/dist/useNetwork.d.ts

@@ -1,3 +1,4 @@
+import './types/dom-vendor';
 import type { Ref } from '@stacksjs/stx';
 /**
  * Reactive Network Information API.

package/dist/useNetwork.js

@@ -1 +1 @@
-import{onUnmounted,ref}from"@stacksjs/stx";export function useNetwork(){const isSupported=ref(typeof navigator<"u"&&"connection"in navigator),isOnline=ref(typeof navigator<"u"?navigator.onLine:!0),offlineAt=ref(void 0),onlineAt=ref(void 0),downlink=ref(void 0),downlinkMax=ref(void 0),effectiveType=ref(void 0),rtt=ref(void 0),saveData=ref(void 0),type=ref(void 0);function updateNetworkInfo(){if(!isSupported.value)return;const conn=navigator.connection;if(conn){downlink.value=conn.downlink;downlinkMax.value=conn.downlinkMax;effectiveType.value=conn.effectiveType;rtt.value=conn.rtt;saveData.value=conn.saveData;type.value=conn.type}}updateNetworkInfo();if(typeof window<"u"){const onOnline=()=>{isOnline.value=!0;onlineAt.value=Date.now()},onOffline=()=>{isOnline.value=!1;offlineAt.value=Date.now()};window.addEventListener("online",onOnline);window.addEventListener("offline",onOffline);try{onUnmounted(()=>{window.removeEventListener("online",onOnline);window.removeEventListener("offline",onOffline)})}catch{}if(isSupported.value){const conn=navigator.connection;if(conn?.addEventListener){conn.addEventListener("change",updateNetworkInfo);try{onUnmounted(()=>{conn.removeEventListener("change",updateNetworkInfo)})}catch{}}}}return{isSupported,isOnline,offlineAt,onlineAt,downlink,downlinkMax,effectiveType,rtt,saveData,type}}
+import"./types/dom-vendor";import{onUnmounted,ref}from"@stacksjs/stx";export function useNetwork(){const isSupported=ref(typeof navigator<"u"&&"connection"in navigator),isOnline=ref(typeof navigator<"u"?navigator.onLine:!0),offlineAt=ref(void 0),onlineAt=ref(void 0),downlink=ref(void 0),downlinkMax=ref(void 0),effectiveType=ref(void 0),rtt=ref(void 0),saveData=ref(void 0),type=ref(void 0);function updateNetworkInfo(){if(!isSupported.value)return;const conn=navigator.connection;if(conn){downlink.value=conn.downlink;downlinkMax.value=conn.downlinkMax;effectiveType.value=conn.effectiveType;rtt.value=conn.rtt;saveData.value=conn.saveData;type.value=conn.type}}updateNetworkInfo();if(typeof window<"u"){const onOnline=()=>{isOnline.value=!0;onlineAt.value=Date.now()},onOffline=()=>{isOnline.value=!1;offlineAt.value=Date.now()};window.addEventListener("online",onOnline);window.addEventListener("offline",onOffline);try{onUnmounted(()=>{window.removeEventListener("online",onOnline);window.removeEventListener("offline",onOffline)})}catch{}if(isSupported.value){const conn=navigator.connection;if(conn?.addEventListener){conn.addEventListener("change",updateNetworkInfo);try{onUnmounted(()=>{conn.removeEventListener?.("change",updateNetworkInfo)})}catch{}}}}return{isSupported,isOnline,offlineAt,onlineAt,downlink,downlinkMax,effectiveType,rtt,saveData,type}}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/composables",
   "type": "module",
   "sideEffects": false,
-  "version": "0.72.103",
+  "version": "0.73.1",
   "description": "Stacks composables powered by stx reactivity.",
   "author": "Chris Breuer",
   "contributors": [
@@ -51,8 +51,8 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@stacksjs/stx": "^0.2.245",
-    "@stacksjs/datetime": "0.72.103"
+    "@stacksjs/stx": "^0.2.246",
+    "@stacksjs/datetime": "0.73.1"
   },
   "devDependencies": {
     "better-dx": "^0.2.24"