@solid-primitives/resize-observer
Advanced tools
Comparing version 2.0.12 to 2.0.13
import { onCleanup, $PROXY, createEffect, on, sharedConfig, onMount, $TRACK } from 'solid-js'; | ||
import { isServer } from 'solid-js/web'; | ||
import { asArray, handleDiffArray, createHydratableStaticStore, createStaticStore, access } from '@solid-primitives/utils'; | ||
@@ -8,2 +9,10 @@ import { createHydratableSingletonRoot } from '@solid-primitives/rootless'; | ||
function makeResizeObserver(callback, options) { | ||
if (isServer) { | ||
return { | ||
observe: () => { | ||
}, | ||
unobserve: () => { | ||
} | ||
}; | ||
} | ||
const resizeObserver = new ResizeObserver(callback); | ||
@@ -17,2 +26,4 @@ onCleanup(resizeObserver.disconnect.bind(resizeObserver)); | ||
function createResizeObserver(targets, onResize, options) { | ||
if (isServer) | ||
return; | ||
const previousMap = /* @__PURE__ */ new WeakMap(); | ||
@@ -50,2 +61,4 @@ const { observe, unobserve } = makeResizeObserver(handleObserverCallback, options); | ||
function getWindowSize() { | ||
if (isServer) | ||
return { ...WINDOW_SIZE_FALLBACK }; | ||
return { | ||
@@ -57,2 +70,5 @@ width: window.innerWidth, | ||
function createWindowSize() { | ||
if (isServer) { | ||
return WINDOW_SIZE_FALLBACK; | ||
} | ||
const [size, setSize] = createHydratableStaticStore(WINDOW_SIZE_FALLBACK, getWindowSize); | ||
@@ -65,3 +81,3 @@ makeEventListener(window, "resize", () => setSize(getWindowSize())); | ||
function getElementSize(target) { | ||
if (!target) { | ||
if (isServer || !target) { | ||
return { ...ELEMENT_SIZE_FALLBACK }; | ||
@@ -73,2 +89,5 @@ } | ||
function createElementSize(target) { | ||
if (isServer) { | ||
return ELEMENT_SIZE_FALLBACK; | ||
} | ||
const isFn = typeof target === "function"; | ||
@@ -75,0 +94,0 @@ const initWithFallback = isFn || sharedConfig.context; |
{ | ||
"name": "@solid-primitives/resize-observer", | ||
"version": "2.0.12", | ||
"version": "2.0.13", | ||
"description": "Reactive primitives for observing resizing of HTML elements.", | ||
@@ -31,38 +31,7 @@ "author": "Moshe Udimar", | ||
"type": "module", | ||
"main": "./dist/server.cjs", | ||
"module": "./dist/server.js", | ||
"main": "./dist/index.cjs", | ||
"module": "./dist/index.js", | ||
"types": "./dist/index.d.ts", | ||
"browser": { | ||
"./dist/server.js": "./dist/index.js", | ||
"./dist/server.cjs": "./dist/index.cjs" | ||
}, | ||
"browser": {}, | ||
"exports": { | ||
"worker": { | ||
"import": { | ||
"types": "./dist/index.d.ts", | ||
"default": "./dist/server.js" | ||
}, | ||
"require": "./dist/server.cjs" | ||
}, | ||
"browser": { | ||
"import": { | ||
"types": "./dist/index.d.ts", | ||
"default": "./dist/index.js" | ||
}, | ||
"require": "./dist/index.cjs" | ||
}, | ||
"deno": { | ||
"import": { | ||
"types": "./dist/index.d.ts", | ||
"default": "./dist/server.js" | ||
}, | ||
"require": "./dist/server.cjs" | ||
}, | ||
"node": { | ||
"import": { | ||
"types": "./dist/index.d.ts", | ||
"default": "./dist/server.js" | ||
}, | ||
"require": "./dist/server.cjs" | ||
}, | ||
"import": { | ||
@@ -81,8 +50,8 @@ "types": "./dist/index.d.ts", | ||
"dependencies": { | ||
"@solid-primitives/event-listener": "^2.2.8", | ||
"@solid-primitives/rootless": "^1.3.0", | ||
"@solid-primitives/utils": "^5.5.0" | ||
"@solid-primitives/event-listener": "^2.2.9", | ||
"@solid-primitives/rootless": "^1.3.1", | ||
"@solid-primitives/utils": "^5.5.1" | ||
}, | ||
"peerDependencies": { | ||
"solid-js": "^1.6.0" | ||
"solid-js": "^1.6.12" | ||
}, | ||
@@ -93,3 +62,3 @@ "typesVersions": {}, | ||
"page": "vite build dev", | ||
"build": "jiti ../../scripts/build.ts --ssr", | ||
"build": "jiti ../../scripts/build.ts", | ||
"test": "vitest -c ../../configs/vitest.config.ts", | ||
@@ -96,0 +65,0 @@ "test:ssr": "pnpm run test --mode ssr" |
Sorry, the diff of this file is not supported yet
18927
6
296