Brunobkr/llama.cpp_AlgMor24_github

1import { BROWSER, DEV } from 'esm-env';2import { on } from '../../events/index.js';3import { ReactiveValue } from '../reactive-value.js';4import { get } from '../../internal/client/index.js';5import { set, source } from '../../internal/client/reactivity/sources.js';6import { tag } from '../../internal/client/dev/tracing.js';7 8/**9 * `scrollX.current` is a reactive view of `window.scrollX`. On the server it is `undefined`.10 * @since 5.11.011 */12export const scrollX = new ReactiveValue(13	BROWSER ? () => window.scrollX : () => undefined,14	(update) => on(window, 'scroll', update)15);16 17/**18 * `scrollY.current` is a reactive view of `window.scrollY`. On the server it is `undefined`.19 * @since 5.11.020 */21export const scrollY = new ReactiveValue(22	BROWSER ? () => window.scrollY : () => undefined,23	(update) => on(window, 'scroll', update)24);25 26/**27 * `innerWidth.current` is a reactive view of `window.innerWidth`. On the server it is `undefined`.28 * @since 5.11.029 */30export const innerWidth = new ReactiveValue(31	BROWSER ? () => window.innerWidth : () => undefined,32	(update) => on(window, 'resize', update)33);34 35/**36 * `innerHeight.current` is a reactive view of `window.innerHeight`. On the server it is `undefined`.37 * @since 5.11.038 */39export const innerHeight = new ReactiveValue(40	BROWSER ? () => window.innerHeight : () => undefined,41	(update) => on(window, 'resize', update)42);43 44/**45 * `outerWidth.current` is a reactive view of `window.outerWidth`. On the server it is `undefined`.46 * @since 5.11.047 */48export const outerWidth = new ReactiveValue(49	BROWSER ? () => window.outerWidth : () => undefined,50	(update) => on(window, 'resize', update)51);52 53/**54 * `outerHeight.current` is a reactive view of `window.outerHeight`. On the server it is `undefined`.55 * @since 5.11.056 */57export const outerHeight = new ReactiveValue(58	BROWSER ? () => window.outerHeight : () => undefined,59	(update) => on(window, 'resize', update)60);61 62/**63 * `screenLeft.current` is a reactive view of `window.screenLeft`. It is updated inside a `requestAnimationFrame` callback. On the server it is `undefined`.64 * @since 5.11.065 */66export const screenLeft = new ReactiveValue(67	BROWSER ? () => window.screenLeft : () => undefined,68	(update) => {69		let value = window.screenLeft;70 71		let frame = requestAnimationFrame(function check() {72			frame = requestAnimationFrame(check);73 74			if (value !== (value = window.screenLeft)) {75				update();76			}77		});78 79		return () => {80			cancelAnimationFrame(frame);81		};82	}83);84 85/**86 * `screenTop.current` is a reactive view of `window.screenTop`. It is updated inside a `requestAnimationFrame` callback. On the server it is `undefined`.87 * @since 5.11.088 */89export const screenTop = new ReactiveValue(90	BROWSER ? () => window.screenTop : () => undefined,91	(update) => {92		let value = window.screenTop;93 94		let frame = requestAnimationFrame(function check() {95			frame = requestAnimationFrame(check);96 97			if (value !== (value = window.screenTop)) {98				update();99			}100		});101 102		return () => {103			cancelAnimationFrame(frame);104		};105	}106);107 108/**109 * `online.current` is a reactive view of `navigator.onLine`. On the server it is `undefined`.110 * @since 5.11.0111 */112export const online = new ReactiveValue(113	BROWSER ? () => navigator.onLine : () => undefined,114	(update) => {115		const unsub_online = on(window, 'online', update);116		const unsub_offline = on(window, 'offline', update);117		return () => {118			unsub_online();119			unsub_offline();120		};121	}122);123 124/**125 * `devicePixelRatio.current` is a reactive view of `window.devicePixelRatio`. On the server it is `undefined`.126 * Note that behaviour differs between browsers — on Chrome it will respond to the current zoom level,127 * on Firefox and Safari it won't.128 * @type {{ get current(): number | undefined }}129 * @since 5.11.0130 */131export const devicePixelRatio = /* @__PURE__ */ new (class DevicePixelRatio {132	#dpr = source(BROWSER ? window.devicePixelRatio : undefined);133 134	#update() {135		const off = on(136			window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`),137			'change',138			() => {139				set(this.#dpr, window.devicePixelRatio);140 141				off();142				this.#update();143			}144		);145	}146 147	constructor() {148		if (BROWSER) {149			this.#update();150		}151 152		if (DEV) {153			tag(this.#dpr, 'window.devicePixelRatio');154		}155	}156 157	get current() {158		get(this.#dpr);159		return BROWSER ? window.devicePixelRatio : undefined;160	}161})();162