breaking: deprecate MediaQuery and Store (#184)

svecosystem · Dec 19, 2024 · 16345d6 · 16345d6
1 parent cc911f2
commit 16345d6
Show file tree

Hide file tree

Showing 14 changed files with 19 additions and 271 deletions.
diff --git a/.changeset/dirty-bats-heal.md b/.changeset/dirty-bats-heal.md
@@ -0,0 +1,5 @@
+---
+"runed": minor
+---
+
+breaking: deprecate `MediaQuery` in favor of Svelte's `MediaQuery`
diff --git a/.changeset/dull-pens-perform.md b/.changeset/dull-pens-perform.md
@@ -0,0 +1,5 @@
+---
+"runed": patch
+---
+
+simplify `IsSupported` internals
diff --git a/.changeset/twelve-weeks-double.md b/.changeset/twelve-weeks-double.md
@@ -0,0 +1,5 @@
+---
+"runed": minor
+---
+
+breaking: deprecate `Store` in favor of Svelte's `fromStore` and `toStore`
diff --git a/packages/runed/src/lib/utilities/IsSupported/IsSupported.svelte.ts b/packages/runed/src/lib/utilities/IsSupported/IsSupported.svelte.ts
@@ -1,3 +1,5 @@
+import { browser } from "$lib/internal/utils/browser.js";
+
 /**
  * A class that takes a predicate to determine if a browser API is supported.
  *
@@ -6,12 +8,10 @@
  * @see {@link https://runed.dev/docs/utilities/supported}
  */
 export class IsSupported {
-	#current: boolean = $state(false);
+	#current: boolean = false;
 
 	constructor(predicate: () => unknown) {
-		$effect(() => {
-			this.#current = Boolean(predicate());
-		});
+		if (browser) this.#current = Boolean(predicate());
 	}
 
 	get current(): boolean {

diff --git a/packages/runed/src/lib/utilities/MediaQuery/MediaQuery.svelte.ts b/packages/runed/src/lib/utilities/MediaQuery/MediaQuery.svelte.ts
diff --git a/packages/runed/src/lib/utilities/MediaQuery/index.ts b/packages/runed/src/lib/utilities/MediaQuery/index.ts
diff --git a/packages/runed/src/lib/utilities/Store/Store.svelte.ts b/packages/runed/src/lib/utilities/Store/Store.svelte.ts
diff --git a/packages/runed/src/lib/utilities/Store/Store.test.svelte.ts b/packages/runed/src/lib/utilities/Store/Store.test.svelte.ts
diff --git a/packages/runed/src/lib/utilities/Store/index.ts b/packages/runed/src/lib/utilities/Store/index.ts
diff --git a/packages/runed/src/lib/utilities/index.ts b/packages/runed/src/lib/utilities/index.ts
@@ -10,9 +10,7 @@ export * from "./Previous/index.js";
 export * from "./watch/index.js";
 export * from "./Readable/index.js";
 export * from "./Debounced/index.js";
-export * from "./Store/index.js";
 export * from "./PressedKeys/index.js";
-export * from "./MediaQuery/index.js";
 export * from "./ElementRect/index.js";
 export * from "./useMutationObserver/index.js";
 export * from "./useResizeObserver/index.js";

diff --git a/sites/docs/src/content/utilities/media-query.md b/sites/docs/src/content/utilities/media-query.md
diff --git a/sites/docs/src/content/utilities/store.md b/sites/docs/src/content/utilities/store.md
diff --git a/sites/docs/src/lib/components/demos/media-query.svelte b/sites/docs/src/lib/components/demos/media-query.svelte
diff --git a/sites/docs/src/lib/components/demos/store.svelte b/sites/docs/src/lib/components/demos/store.svelte