@solid-primitives/bounds - npm Package Compare versions

Comparing version 0.1.5 to 1.0.0-next.0

dist/index.js

 import { makeEventListener } from "@solid-primitives/event-listener";
-import { createResizeObserver } from "@solid-primitives/resize-observer";
-import { createDerivedStaticStore } from "@solid-primitives/static-store";
 import { access } from "@solid-primitives/utils";
-import { createSignal, onCleanup, onMount, sharedConfig } from "solid-js";
-import { isServer } from "solid-js/web";
+import { createEffect, createMemo, createSignal, onCleanup, onSettled, sharedConfig } from "solid-js";
+import { isServer } from "@solidjs/web";
 const NULLED_BOUNDS = {
@@ -61,6 +59,6 @@ top: null,
     let calc;
-    // during hydration we need to make sure the initial state is the same as the server
-    if (sharedConfig.context) {
+    // during hydration we need to match the server-rendered state initially
+    if (sharedConfig.hydrating) {
         calc = () => NULLED_BOUNDS;
-        onMount(() => {
+        onSettled(() => {
             calc = () => getElementBounds(access(target));
@@ -70,13 +68,31 @@ trigger();
     }
-    // a function target might be a jsx ref, so it may not be reactive - retrigger manually on mount
+    // a function target might be a jsx ref, so it may not be reactive — retrigger manually on settle
     else if (isFn) {
         calc = () => getElementBounds(target());
-        onMount(trigger);
+        onSettled(trigger);
     }
-    // otherwise we can just use the target directly - it will never change
+    // otherwise the target is static and will never change
     else
         calc = () => getElementBounds(target);
-    const bounds = createDerivedStaticStore(() => (track(), calc()));
+    const memo = createMemo(() => (track(), calc()));
+    const bounds = {};
+    Object.keys(NULLED_BOUNDS).forEach(key => {
+        Object.defineProperty(bounds, key, { get: () => memo()[key], enumerable: true });
+    });
     if (trackResize) {
-        createResizeObserver(isFn ? () => target() || [] : target, typeof trackResize === "function" ? trackResize(trigger) : trigger);
+        const ro = new ResizeObserver(typeof trackResize === "function" ? trackResize(trigger) : trigger);
+        if (isFn) {
+            createEffect(() => target() || null, el => {
+                if (el)
+                    ro.observe(el);
+                return () => {
+                    if (el)
+                        ro.unobserve(el);
+                };
+            });
+        }
+        else {
+            ro.observe(target);
+        }
+        onCleanup(() => ro.disconnect());
     }
@@ -83,0 +99,0 @@ if (trackScroll) {

package.json

 {
   "name": "@solid-primitives/bounds",
-  "version": "0.1.5",
+  "version": "1.0.0-next.0",
   "description": "Primitives for tracking HTML element size and position on screen as it changes.",
@@ -18,7 +18,8 @@ "author": "Damian Tarnawski <[e-mail]>",
     "name": "bounds",
-    "stage": 1,
+    "stage": 3,
     "list": [
       "createElementBounds"
     ],
-    "category": "Display & Media"
+    "category": "Display & Media",
+    "gzip": 884
   },
@@ -49,13 +50,13 @@ "keywords": [
   "devDependencies": {
-    "solid-js": "^1.9.7",
-    "@solid-primitives/scheduled": "^1.5.3"
+    "@solidjs/web": "2.0.0-beta.15",
+    "solid-js": "2.0.0-beta.15",
+    "@solid-primitives/scheduled": "^2.0.0-next.0"
   },
   "dependencies": {
-    "@solid-primitives/event-listener": "^2.4.5",
-    "@solid-primitives/resize-observer": "^2.1.5",
-    "@solid-primitives/static-store": "^0.1.3",
-    "@solid-primitives/utils": "^6.4.0"
+    "@solid-primitives/event-listener": "^3.0.0-next.0",
+    "@solid-primitives/utils": "^7.0.0-next.0"
   },
   "peerDependencies": {
-    "solid-js": "^1.6.12"
+    "@solidjs/web": "^2.0.0-beta.15",
+    "solid-js": "^2.0.0-beta.15"
   },
@@ -62,0 +63,0 @@ "typesVersions": {},

README.md

@@ -7,5 +7,6 @@ <p>
 
-[![size](https://img.shields.io/bundlephobia/minzip/@solid-primitives/bounds?style=for-the-badge&label=size)](https://bundlephobia.com/package/@solid-primitives/bounds)
+[![size](https://img.shields.io/badge/size-884_B-blue?style=for-the-badge)](https://bundlephobia.com/package/@solid-primitives/bounds)
 [![version](https://img.shields.io/npm/v/@solid-primitives/bounds?style=for-the-badge)](https://www.npmjs.com/package/@solid-primitives/bounds)
 [![stage](https://img.shields.io/endpoint?style=for-the-badge&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json)](https://github.com/solidjs-community/solid-primitives#contribution-process)
+[![tested with vitest](https://img.shields.io/badge/tested_with-vitest-6E9F18?style=for-the-badge&logo=vitest)](https://vitest.dev)
 
@@ -22,2 +23,4 @@ Primitives for tracking HTML element size and position on screen as it changes.
 yarn add @solid-primitives/bounds
+# or
+pnpm add @solid-primitives/bounds
 ```
@@ -100,8 +103,4 @@
 
-## Demo
-
-https://codesandbox.io/s/solid-primitives-bounds-64rls0?file=/index.tsx
-
 ## Changelog
 
 See [CHANGELOG.md](./CHANGELOG.md)

New alerts

Unstable ownership

Supply chain risk

A new collaborator has begun publishing package versions. Package stability and security risk may be elevated.

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Improved metrics

Total package byte prevSize

12885

3.67%

Dependency count

4

-20%

Lines of code

165

10.74%

Worsened metrics

Dev dependency count

3

50%

Number of lines in readme file

104

-0.95%

Number of high supply chain risk alerts

1

Infinity%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• + Added

  @solid-primitives/event-listener@3.0.0-next.1
  (transitive)

• + Added

  @solid-primitives/utils@7.0.0-next.1
  (transitive)

• + Added

  @solidjs/signals@0.11.3
  (transitive)

• + Added

  @solidjs/web@2.0.0-experimental.16
  (transitive)

• + Added

  solid-js@2.0.0-experimental.16
  (transitive)

• - Removed

  @solid-primitives/resize-observer@^2.1.5

• - Removed

  @solid-primitives/static-store@^0.1.3

• - Removed

  @solid-primitives/event-listener@2.4.6
  (transitive)

• - Removed

  @solid-primitives/resize-observer@2.2.0
  (transitive)

• - Removed

  @solid-primitives/rootless@1.5.4
  (transitive)

• - Removed

  @solid-primitives/static-store@0.1.4
  (transitive)

• - Removed

  @solid-primitives/utils@6.4.1
  (transitive)

• - Removed

  solid-js@1.9.14
  (transitive)

• Updated

  @solid-primitives/event-listener@^3.0.0-next.0

• Updated

  @solid-primitives/utils@^7.0.0-next.0