+
+
+ {formattedName()} — Playground
+
+
+
+
+
-
-
- no autofocus}>
-
-
-
-
-
-
-
+ ",
"contributors": [],
@@ -46,11 +46,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"peerDependencies": {
"solid-js": "^1.6.12"
diff --git a/packages/bounds/CHANGELOG.md b/packages/bounds/CHANGELOG.md
index 7e18dcfda..789ed2c19 100644
--- a/packages/bounds/CHANGELOG.md
+++ b/packages/bounds/CHANGELOG.md
@@ -1,5 +1,23 @@
# @solid-primitives/bounds
+## 0.0.114
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/event-listener@2.2.13
+ - @solid-primitives/resize-observer@2.0.18
+ - @solid-primitives/static-store@0.0.4
+
+## 0.0.113
+
+### Patch Changes
+
+- Updated dependencies [f03c47b0]
+ - @solid-primitives/event-listener@2.2.12
+ - @solid-primitives/resize-observer@2.0.17
+
## 0.0.112
### Patch Changes
diff --git a/packages/bounds/dev/index.html b/packages/bounds/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/bounds/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/bounds/dev/index.tsx b/packages/bounds/dev/index.tsx
index 322f4d56e..f13233440 100644
--- a/packages/bounds/dev/index.tsx
+++ b/packages/bounds/dev/index.tsx
@@ -1,7 +1,7 @@
import { Component, createSignal, Setter } from "solid-js";
-import { render } from "solid-js/web";
+
import { throttle } from "@solid-primitives/scheduled";
-import "uno.css";
+
import { createElementBounds, UpdateGuard } from "../src";
const NumberInput: Component<{ value: number; setValue: Setter; name: string }> = props => {
@@ -60,4 +60,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [],
@@ -46,11 +46,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"devDependencies": {
"@solid-primitives/scheduled": "workspace:^"
diff --git a/packages/broadcast-channel/dev/index.html b/packages/broadcast-channel/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/broadcast-channel/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/broadcast-channel/dev/index.tsx b/packages/broadcast-channel/dev/index.tsx
index 967e8f2a5..348293009 100644
--- a/packages/broadcast-channel/dev/index.tsx
+++ b/packages/broadcast-channel/dev/index.tsx
@@ -1,7 +1,6 @@
import { Component, createEffect, createSignal, For, on, Show } from "solid-js";
import { createStore, produce } from "solid-js/store";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { createBroadcastChannel, makeBroadcastChannel } from "../src";
import { TPage, useTrackPages } from "./hooks/useTrackPages";
@@ -136,4 +135,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/clipboard/dev/index.tsx b/packages/clipboard/dev/index.tsx
index 4e0d39262..7c11d64ab 100644
--- a/packages/clipboard/dev/index.tsx
+++ b/packages/clipboard/dev/index.tsx
@@ -1,9 +1,8 @@
import { Component, createSignal, Suspense, For, Switch, Match } from "solid-js";
import { createClipboard, copyToClipboard, newClipboardItem, input } from "../src";
-import { render } from "solid-js/web";
+
import img from "./img.png";
import img2 from "./img2.png";
-import "uno.css";
copyToClipboard;
@@ -75,4 +74,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -41,11 +41,11 @@
},
"scripts": {
"start": "vite serve dev",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"clipboard",
diff --git a/packages/connectivity/CHANGELOG.md b/packages/connectivity/CHANGELOG.md
index 087129abc..483875c19 100644
--- a/packages/connectivity/CHANGELOG.md
+++ b/packages/connectivity/CHANGELOG.md
@@ -1,5 +1,21 @@
# @solid-primitives/connectivity
+## 0.3.15
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/event-listener@2.2.13
+ - @solid-primitives/rootless@1.4.1
+
+## 0.3.14
+
+### Patch Changes
+
+- Updated dependencies [f03c47b0]
+ - @solid-primitives/event-listener@2.2.12
+
## 0.3.13
### Patch Changes
diff --git a/packages/connectivity/dev/index.html b/packages/connectivity/dev/index.html
deleted file mode 100644
index 0eae9654f..000000000
--- a/packages/connectivity/dev/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/connectivity/dev/index.tsx b/packages/connectivity/dev/index.tsx
index 0615aea00..3913aab9b 100644
--- a/packages/connectivity/dev/index.tsx
+++ b/packages/connectivity/dev/index.tsx
@@ -1,7 +1,6 @@
import type { Component } from "solid-js";
-import { render } from "solid-js/web";
+
import { createConnectivitySignal } from "../src";
-import "uno.css";
const App: Component = () => {
const onLine = createConnectivitySignal();
@@ -13,4 +12,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -39,11 +39,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"network",
diff --git a/packages/context/dev/index.html b/packages/context/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/context/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/context/dev/index.tsx b/packages/context/dev/index.tsx
index bcb968367..acbf150ab 100644
--- a/packages/context/dev/index.tsx
+++ b/packages/context/dev/index.tsx
@@ -7,8 +7,6 @@ import {
untrack,
useContext,
} from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
const [CounterProvider, useCounter] = createContextProvider((props: { initial: number }) => {
const [count, setCount] = createSignal(props.initial);
@@ -68,4 +66,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/controlled-props/dev/index.tsx b/packages/controlled-props/dev/index.tsx
index 33ce889b4..c6a5e4cbf 100644
--- a/packages/controlled-props/dev/index.tsx
+++ b/packages/controlled-props/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component, createSignal, JSX } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { createControlledProps } from "../src";
const App: Component = () => {
@@ -24,4 +23,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [],
@@ -38,12 +38,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"controlled props",
diff --git a/packages/cursor/CHANGELOG.md b/packages/cursor/CHANGELOG.md
index 5d0dde54a..6f5a2b0e6 100644
--- a/packages/cursor/CHANGELOG.md
+++ b/packages/cursor/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/cursor
+## 0.0.111
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 0.0.110
### Patch Changes
diff --git a/packages/cursor/dev/index.html b/packages/cursor/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/cursor/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/cursor/dev/index.tsx b/packages/cursor/dev/index.tsx
index 476b96540..c6e910c77 100644
--- a/packages/cursor/dev/index.tsx
+++ b/packages/cursor/dev/index.tsx
@@ -1,5 +1,3 @@
-import { render } from "solid-js/web";
-import "uno.css";
import { App } from "./App";
-render(() => ",
"contributors": [],
@@ -46,11 +46,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"dependencies": {
"@solid-primitives/utils": "workspace:^"
diff --git a/packages/date/CHANGELOG.md b/packages/date/CHANGELOG.md
index f83b5a387..e5aad2db2 100644
--- a/packages/date/CHANGELOG.md
+++ b/packages/date/CHANGELOG.md
@@ -1,5 +1,20 @@
# @solid-primitives/date
+## 2.0.14
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/memo@1.3.1
+
+## 2.0.13
+
+### Patch Changes
+
+- Updated dependencies [5e1f19e0]
+ - @solid-primitives/memo@1.3.0
+
## 2.0.12
### Patch Changes
diff --git a/packages/date/dev/index.html b/packages/date/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/date/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/date/dev/index.tsx b/packages/date/dev/index.tsx
index a7cef0f42..c2dad383f 100644
--- a/packages/date/dev/index.tsx
+++ b/packages/date/dev/index.tsx
@@ -9,10 +9,9 @@ import {
createCountdown,
} from "../src";
import { Component, createMemo, createSignal } from "solid-js";
-import { render } from "solid-js/web";
+
import { format, formatRelative } from "date-fns";
import { Slider } from "./lib";
-import "uno.css";
const App: Component = () => {
const timeRange = YEAR;
@@ -83,4 +82,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -42,11 +42,11 @@
},
"scripts": {
"start": "vite serve dev",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"date",
diff --git a/packages/deep/dev/index.html b/packages/deep/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/deep/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/deep/dev/index.tsx b/packages/deep/dev/index.tsx
index 3dcc7570a..e2e5113e6 100644
--- a/packages/deep/dev/index.tsx
+++ b/packages/deep/dev/index.tsx
@@ -1,6 +1,4 @@
import { Component, createSignal } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
const App: Component = () => {
const [count, setCount] = createSignal(0);
@@ -19,4 +17,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/destructure/dev/index.tsx b/packages/destructure/dev/index.tsx
index 96d8a775a..ad128c4f0 100644
--- a/packages/destructure/dev/index.tsx
+++ b/packages/destructure/dev/index.tsx
@@ -1,7 +1,5 @@
import { destructure } from "../src";
import { Component, createEffect, createSignal } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
const Inner: Component<{ seconds: number; count: number; list: { n?: number }[] }> = props => {
const { seconds, count } = destructure(props, { lazy: true });
@@ -48,4 +46,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -38,11 +38,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"props",
diff --git a/packages/devices/README.md b/packages/devices/README.md
index 4aa6ce0cd..d66cddd1c 100644
--- a/packages/devices/README.md
+++ b/packages/devices/README.md
@@ -43,7 +43,7 @@ const gyroscope = createGyroscope();
## Demo
You may view a working example here:
-https://solidjs-community.github.io/solid-primitives/devices/
+https://primitives.solidjs.community/playground/devices/
## Reference
diff --git a/packages/devices/dev/index.html b/packages/devices/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/devices/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/devices/dev/index.tsx b/packages/devices/dev/index.tsx
index d2c6cfe81..7c10a9a3e 100644
--- a/packages/devices/dev/index.tsx
+++ b/packages/devices/dev/index.tsx
@@ -1,9 +1,8 @@
import { Component, For, Show } from "solid-js";
-import { render } from "solid-js/web";
+
import { createAccelerometer, createCameras, createMicrophones, createSpeakers } from "../src";
import { createPermission } from "../../permission";
import { createMediaPermissionRequest } from "../../stream";
-import "uno.css";
const Cameras: Component = () => {
const cameras = createCameras();
@@ -72,4 +71,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/event-bus/dev/index.tsx b/packages/event-bus/dev/index.tsx
index 8ac7eb3a1..d5f043c7c 100644
--- a/packages/event-bus/dev/index.tsx
+++ b/packages/event-bus/dev/index.tsx
@@ -1,7 +1,5 @@
import { createEventHub, Listen, createEventStack, EventStack, Emit, createEventBus } from "../src";
import { Component, createSignal, For, onMount } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
const App: Component = () => {
return (
@@ -186,4 +184,4 @@ const Toaster: Component<{
);
};
-render(() => ",
"license": "MIT",
@@ -38,12 +38,12 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
"start": "vite serve dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"eventbus",
diff --git a/packages/event-dispatcher/dev/index.html b/packages/event-dispatcher/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/event-dispatcher/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/event-dispatcher/dev/index.tsx b/packages/event-dispatcher/dev/index.tsx
index d19c4a18a..f923f699d 100644
--- a/packages/event-dispatcher/dev/index.tsx
+++ b/packages/event-dispatcher/dev/index.tsx
@@ -1,8 +1,6 @@
import { sendEmailDefault, sendEmailAlternative } from "./utils";
import { createEventDispatcher } from "../src";
import { Component, createSignal } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
const App: Component = () => {
const [count, setCount] = createSignal(0);
@@ -80,4 +78,4 @@ const EmailForm: Component<{
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/event-listener/dev/index.tsx b/packages/event-listener/dev/index.tsx
index da8bcaeb0..4bda55ec1 100644
--- a/packages/event-listener/dev/index.tsx
+++ b/packages/event-listener/dev/index.tsx
@@ -1,8 +1,8 @@
import { WindowEventListener, eventListener, createEventListener, createEventSignal } from "../src";
import { Component, createSignal, For, Show } from "solid-js";
-import { render } from "solid-js/web";
+
import { DisplayRecord } from "./components";
-import "uno.css";
+
eventListener;
const App: Component = () => {
@@ -123,4 +123,4 @@ const EventMap: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -42,12 +42,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"event",
diff --git a/packages/event-listener/src/eventListenerMap.ts b/packages/event-listener/src/eventListenerMap.ts
index c8c33322d..370493444 100644
--- a/packages/event-listener/src/eventListenerMap.ts
+++ b/packages/event-listener/src/eventListenerMap.ts
@@ -1,4 +1,4 @@
-import { entries, Many, MaybeAccessor } from "@solid-primitives/utils";
+import { AnyFunction, entries, Many, MaybeAccessor } from "@solid-primitives/utils";
import { createEventListener } from "./eventListener";
import { EventMapOf, TargetWithEventMap, EventListenerOptions } from "./types";
import { isServer } from "solid-js/web";
@@ -25,16 +25,6 @@ export type EventHandlersMap = {
* });
*/
-// Custom Events
-export function createEventListenerMap<
- EventMap extends Record,
- UsedEvents extends keyof EventMap = keyof EventMap,
->(
- target: MaybeAccessor>,
- handlersMap: Partial, UsedEvents>>,
- options?: EventListenerOptions,
-): void;
-
// DOM Events
export function createEventListenerMap<
Target extends TargetWithEventMap,
@@ -46,9 +36,16 @@ export function createEventListenerMap<
options?: EventListenerOptions,
): void;
+// Custom Events
+export function createEventListenerMap>(
+ target: MaybeAccessor>,
+ handlersMap: Partial>,
+ options?: EventListenerOptions,
+): void;
+
export function createEventListenerMap(
targets: MaybeAccessor>,
- handlersMap: Record,
+ handlersMap: Record,
options?: EventListenerOptions,
): void {
if (isServer) {
@@ -59,35 +56,28 @@ export function createEventListenerMap(
}
}
-// /* Type Check */
-// const mouseHandler = (e: MouseEvent) => {};
-// const touchHandler = (e: TouchEvent) => {};
-// const eventHandler = (e: Event) => {};
+// /* TypeCheck */
+
// const el = document.createElement("div");
+
// createEventListenerMap(el, {
-// mousemove: mouseHandler,
-// mouseenter: e => {},
-// touchend: touchHandler
+// mouseenter: e => e.clientX,
+// touchend: e => e.touches,
+// // @ts-expect-error
+// keydown: e => e.clientX,
+// });
+
+// createEventListenerMap(el, {
+// keydown: e => e.key,
// });
// createEventListenerMap<{
// test: Event;
-// custom: MouseEvent;
+// custom: KeyboardEvent;
// unused: Event;
// }>(el, {
-// test: eventHandler,
-// custom: e => {}
-// });
-
-// createEventListenerMap<
-// {
-// test: Event;
-// custom: MouseEvent;
-// unused: Event;
-// },
-// "test" | "custom"
-// >(el, {
-// test: eventHandler,
-// custom: e => {},
-// unused: e => {} // ERROR
+// test: e => e,
+// custom: e => e.key,
+// // @ts-expect-error
+// wrong: () => {},
// });
diff --git a/packages/event-listener/test/eventListenerMap.test.ts b/packages/event-listener/test/event-listener-map.test.ts
similarity index 100%
rename from packages/event-listener/test/eventListenerMap.test.ts
rename to packages/event-listener/test/event-listener-map.test.ts
diff --git a/packages/event-listener/test/eventListener.test.ts b/packages/event-listener/test/event-listener.test.ts
similarity index 100%
rename from packages/event-listener/test/eventListener.test.ts
rename to packages/event-listener/test/event-listener.test.ts
diff --git a/packages/event-listener/test/setup.ts b/packages/event-listener/test/setup.ts
index 8897ce8e9..6b7e9167c 100644
--- a/packages/event-listener/test/setup.ts
+++ b/packages/event-listener/test/setup.ts
@@ -3,15 +3,19 @@ const globalListeners: Record void>> = {};
// @ts-ignore
window.addEventListener = (name: string, callback: (e: Event) => void, o: any) => {
if (!globalListeners[name]) globalListeners[name] = new Set();
+ // @ts-ignore
globalListeners[name].add(callback);
};
// @ts-ignore
window.removeEventListener = (name: string, callback: (e: Event) => void, o: any) => {
if (!globalListeners[name]) return;
+ // @ts-ignore
globalListeners[name].delete(callback);
};
export const dispatchFakeEvent = (name: string, event: Event) => {
+ // @ts-ignore
if (!globalListeners[name]) return;
+ // @ts-ignore
[...globalListeners[name]].forEach(fn => fn(event));
};
diff --git a/packages/event-props/package.json b/packages/event-props/package.json
index 9af9d9133..e1044b69f 100644
--- a/packages/event-props/package.json
+++ b/packages/event-props/package.json
@@ -37,10 +37,12 @@
"scripts": {
"prebuild": "npm run clean",
"clean": "rimraf dist/",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
"typecheck": "tsc --noEmit src/* test/*;",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"event",
diff --git a/packages/fetch/dev/index.html b/packages/fetch/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/fetch/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/fetch/dev/index.tsx b/packages/fetch/dev/index.tsx
index 22f3a8b6e..261e72d34 100644
--- a/packages/fetch/dev/index.tsx
+++ b/packages/fetch/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { withAbort } from "../src/modifiers";
import { createFetch } from "../src/fetch";
@@ -31,4 +30,4 @@ const App: Component = () => {
);
};
-render(() => ;
## Demo
You may view a working example of createFileSystem/makeVirtualFileSystem/makeWebAccessFileSystem here:
-https://solidjs-community.github.io/solid-primitives/filesystem/
+https://primitives.solidjs.community/playground/filesystem/
## Changelog
diff --git a/packages/filesystem/dev/index.html b/packages/filesystem/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/filesystem/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/filesystem/dev/index.tsx b/packages/filesystem/dev/index.tsx
index 8ddb837ed..d1f73690a 100644
--- a/packages/filesystem/dev/index.tsx
+++ b/packages/filesystem/dev/index.tsx
@@ -7,7 +7,7 @@ import {
ErrorBoundary,
createMemo,
} from "solid-js";
-import { render } from "solid-js/web";
+
import {
AsyncFileSystem,
createFileSystem,
@@ -16,7 +16,6 @@ import {
SyncFileSystem,
getItemName,
} from "../src/index";
-import "uno.css";
const FsFile = (props: { fs: SyncFileSystem | AsyncFileSystem; path: string }) => {
const [open, setOpen] = createSignal(false);
@@ -131,4 +130,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/flux-store/dev/index.tsx b/packages/flux-store/dev/index.tsx
index 6fa4d199f..457b98bcb 100644
--- a/packages/flux-store/dev/index.tsx
+++ b/packages/flux-store/dev/index.tsx
@@ -4,8 +4,6 @@ import { counterStore } from "./stores/counter-store";
import { getPeople, getWizards } from "./stores/ages-store";
import { CounterControls, BoxesDemo } from "./components";
-import "uno.css";
-
const App: Component = () => {
const {
state,
@@ -53,4 +51,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
diff --git a/packages/geolocation/dev/index.tsx b/packages/geolocation/dev/index.tsx
index c54e5224b..f8637800a 100644
--- a/packages/geolocation/dev/index.tsx
+++ b/packages/geolocation/dev/index.tsx
@@ -1,59 +1,12 @@
-import { Component, createEffect, onMount, Show } from "solid-js";
-import { render } from "solid-js/web";
-import * as L from "leaflet";
-import "uno.css";
-import "leaflet/dist/leaflet.css";
-import { createGeolocation } from "../src/index";
+import { Component, Suspense, createSignal, lazy, onMount } from "solid-js";
+
+const Client = lazy(() => import("./client"));
const App: Component = () => {
- let ref: HTMLDivElement;
- let map: L.Map;
- let marker: L.Marker;
- const [location] = createGeolocation({
- enableHighAccuracy: false,
- maximumAge: 0,
- timeout: Number.POSITIVE_INFINITY,
- });
- onMount(() => {
- map = L.map(ref).setView([37.0643592, -26.1593362], 1);
- L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
- maxZoom: 19,
- attribution: "© OpenStreetMap",
- }).addTo(map);
- });
- createEffect(() => {
- const coordinates = location();
- if (map && coordinates && !location.error) {
- const latLng: L.LatLngExpression = [coordinates.latitude, coordinates.longitude];
- map.setView(latLng, 14);
- marker = L.marker(latLng).addTo(map);
- }
- });
- return (
- {mounted() && ;
};
-render(() => ",
"license": "MIT",
@@ -42,11 +42,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"devDependencies": {
"@types/leaflet": "^1.9.3",
diff --git a/packages/gestures/dev/index.html b/packages/gestures/dev/index.html
deleted file mode 100644
index ff752026f..000000000
--- a/packages/gestures/dev/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/gestures/dev/index.tsx b/packages/gestures/dev/index.tsx
index f1c0b87dd..b5acacfae 100644
--- a/packages/gestures/dev/index.tsx
+++ b/packages/gestures/dev/index.tsx
@@ -1,7 +1,6 @@
import { pan } from "../src";
import { Component, createSignal, onMount } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
pan;
const App: Component = () => {
@@ -47,4 +46,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/graphql/dev/index.tsx b/packages/graphql/dev/index.tsx
index 7ad8b4c40..8855b7fab 100644
--- a/packages/graphql/dev/index.tsx
+++ b/packages/graphql/dev/index.tsx
@@ -1,8 +1,7 @@
import { Component, createSignal, Show, For } from "solid-js";
-import { render } from "solid-js/web";
+
import { gql, createGraphQLClient, request, multipartRequest } from "../src";
import { CountryQueryDocument } from "./gqlgen";
-import "uno.css";
// This query will be used by `graphql-code-generator` to generate `CountryQueryDocument`.
// Normally it would be defined inside it's own file, but this is just
@@ -89,4 +88,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -39,12 +39,12 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
"gqlgen": "graphql-codegen --config dev/codegen.yml",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"graphql",
diff --git a/packages/graphql/src/index.ts b/packages/graphql/src/index.ts
index 42065df46..cf1731d55 100644
--- a/packages/graphql/src/index.ts
+++ b/packages/graphql/src/index.ts
@@ -50,7 +50,7 @@ export const createGraphQLClient =
const variables = typeof vars === "boolean" ? {} : vars;
return request(access(url), query, { ...options, variables });
},
- { initialValue },
+ initialValue !== undefined ? { initialValue } : undefined,
);
/**
diff --git a/packages/history/CHANGELOG.md b/packages/history/CHANGELOG.md
new file mode 100644
index 000000000..d887898e2
--- /dev/null
+++ b/packages/history/CHANGELOG.md
@@ -0,0 +1,8 @@
+# @solid-primitives/history
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
diff --git a/packages/history/LICENSE b/packages/history/LICENSE
new file mode 100644
index 000000000..38b41d975
--- /dev/null
+++ b/packages/history/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Solid Primitives Working Group
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/packages/history/README.md b/packages/history/README.md
new file mode 100644
index 000000000..5c6a10cce
--- /dev/null
+++ b/packages/history/README.md
@@ -0,0 +1,182 @@
+",
+ "contributors": [],
+ "license": "MIT",
+ "homepage": "https://github.com/solidjs-community/solid-primitives/tree/main/packages/history#readme",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/solidjs-community/solid-primitives.git"
+ },
+ "bugs": {
+ "url": "https://github.com/solidjs-community/solid-primitives/issues"
+ },
+ "primitive": {
+ "name": "history",
+ "stage": 0,
+ "list": [
+ "createUndoHistory"
+ ],
+ "category": "Utilities"
+ },
+ "keywords": [
+ "solid",
+ "primitives",
+ "undo",
+ "redo",
+ "history",
+ "time travel"
+ ],
+ "private": false,
+ "sideEffects": false,
+ "files": [
+ "dist"
+ ],
+ "type": "module",
+ "main": "./dist/index.cjs",
+ "module": "./dist/index.js",
+ "types": "./dist/index.d.ts",
+ "browser": {},
+ "exports": {
+ "import": {
+ "types": "./dist/index.d.ts",
+ "default": "./dist/index.js"
+ },
+ "require": "./dist/index.cjs"
+ },
+ "typesVersions": {},
+ "scripts": {
+ "dev": "jiti ../../scripts/dev.ts",
+ "build": "jiti ../../scripts/build.ts",
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
+ },
+ "peerDependencies": {
+ "solid-js": "^1.6.12"
+ },
+ "dependencies": {
+ "@solid-primitives/utils": "workspace:^"
+ }
+}
diff --git a/packages/history/src/index.ts b/packages/history/src/index.ts
new file mode 100644
index 000000000..4c0da59dc
--- /dev/null
+++ b/packages/history/src/index.ts
@@ -0,0 +1,139 @@
+import { Many, createMicrotask, falseFn, noop } from "@solid-primitives/utils";
+import { Accessor, Signal, batch, createMemo, createSignal, untrack } from "solid-js";
+import { isServer } from "solid-js/web";
+
+/**
+ * Configuration object for {@link createUndoHistory}.
+ */
+export type UndoHistoryOptions = {
+ /**
+ * The maximum number of undo steps to keep in memory.
+ * @default 100
+ */
+ limit?: number;
+};
+
+/**
+ * Return type of {@link createUndoHistory}.
+ */
+export type UndoHistoryReturn = {
+ /**
+ * @returns `true` if an undo step is available, `false` otherwise.
+ *
+ * @see {@link UndoHistoryReturn.undo}
+ */
+ canUndo: Accessor;
+ /**
+ * @returns `true` if an redo step is available, `false` otherwise.
+ *
+ * @see {@link UndoHistoryReturn.redo}
+ */
+ canRedo: Accessor;
+ /**
+ * Undo the last step. Does nothing if {@link UndoHistoryReturn.canUndo} is `false`.
+ *
+ * It calls the callback returned from the {@link createUndoHistory} source.
+ */
+ undo: VoidFunction;
+ /**
+ * Redo the last step. Does nothing if {@link UndoHistoryReturn.canRedo} is `false`.
+ *
+ * It calls the callback returned from the {@link createUndoHistory} source.
+ */
+ redo: VoidFunction;
+};
+
+/**
+ * Creates an undo history from a reactive source for going back and forth between state snapshots.
+ *
+ * @param source A function or an array thereof that tracks the state to be restored, and returns a callback to restore it.
+ * @param options Configuration object. See {@link UndoHistoryOptions}.
+ * @returns An object for interacting with the undo history. See {@link UndoHistoryReturn}.
+ *
+ * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/history#createUndoHistory
+ *
+ * @example
+ * ```ts
+ * const [count, setCount] = createSignal(0);
+ *
+ * const history = createUndoHistory(() => {
+ * // track the changes to the state (and clone if you need to)
+ * const v = count();
+ * // return a callback to set the state back to the tracked value
+ * return () => setCount(v);
+ * });
+ *
+ * // undo the last change
+ * history.undo();
+ *
+ * // redo the last change
+ * history.redo();
+ * ```
+ */
+export function createUndoHistory(
+ source: Many>,
+ options?: UndoHistoryOptions,
+): UndoHistoryReturn {
+ if (isServer) {
+ return {
+ canUndo: falseFn,
+ canRedo: falseFn,
+ undo: noop,
+ redo: noop,
+ };
+ }
+
+ let ignoreNext = false;
+
+ const limit = options?.limit ?? 100,
+ sources = Array.isArray(source) ? source.map(s => createMemo(s)) : [source],
+ clearIgnore = createMicrotask(() => (ignoreNext = false)),
+ history = createMemo<{ count: Signal; list: VoidFunction[][] }>(
+ p => {
+ // always track the sources
+ const setters = sources.map(s => s());
+
+ if (ignoreNext) {
+ ignoreNext = false;
+ return p;
+ }
+
+ const count = untrack(p.count[0]),
+ newLength = p.list.length - count,
+ newHistory = p.list.slice(Math.max(0, newLength - limit), newLength);
+ newHistory.push(setters);
+
+ return { count: count ? createSignal(0) : p.count, list: newHistory };
+ },
+ { list: [], count: createSignal(0) },
+ ),
+ canUndo = createMemo(() => {
+ const h = history();
+ return h.list.length - h.count[0]() > 1;
+ }),
+ canRedo = createMemo(() => history().count[0]() > 0),
+ move = (n: -1 | 1) => {
+ ignoreNext = true;
+ clearIgnore();
+ const h = history(),
+ newCount = h.count[1](p => p + n),
+ newIndex = h.list.length - newCount - 1,
+ prevSetters = h.list[newIndex + n]!,
+ setters = h.list[newIndex]!;
+ for (let i = 0; i < setters.length; i++) {
+ // only call the setter if the current value is different
+ if (setters[i] !== prevSetters[i]) setters[i]!();
+ }
+ };
+
+ return {
+ canUndo,
+ canRedo,
+ undo() {
+ untrack(() => canUndo() && batch(() => move(1)));
+ },
+ redo() {
+ untrack(() => canRedo() && batch(() => move(-1)));
+ },
+ };
+}
diff --git a/packages/history/test/index.test.ts b/packages/history/test/index.test.ts
new file mode 100644
index 000000000..be6cdd5b8
--- /dev/null
+++ b/packages/history/test/index.test.ts
@@ -0,0 +1,237 @@
+import { describe, test, expect } from "vitest";
+import { batch, createRoot, createSignal } from "solid-js";
+import { createUndoHistory } from "../src";
+
+describe("createUndoHistory", () => {
+ test("single source", () =>
+ createRoot(dispose => {
+ const [a, setA] = createSignal(0);
+
+ const history = createUndoHistory(() => {
+ const v = a();
+ return () => setA(v);
+ });
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(false);
+
+ setA(1);
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(true);
+ expect(a()).toBe(0);
+
+ history.redo();
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+ expect(a()).toBe(1);
+
+ setA(2);
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(true);
+ expect(a()).toBe(1);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(true);
+ expect(a()).toBe(0);
+
+ setA(3);
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(true);
+ expect(a()).toBe(0);
+
+ dispose();
+ }));
+
+ test("going over limit", () => {
+ createRoot(dispose => {
+ const [a, setA] = createSignal(0);
+
+ const history = createUndoHistory(
+ () => {
+ const v = a();
+ return () => setA(v);
+ },
+ { limit: 0 },
+ );
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(false);
+
+ setA(1);
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(false);
+
+ dispose();
+ });
+ });
+
+ test("combined single source", () => {
+ createRoot(dispose => {
+ const [a, setA] = createSignal(0),
+ [b, setB] = createSignal(0);
+
+ const history = createUndoHistory(() => {
+ const aValue = a();
+ const bValue = b();
+ return () => {
+ setA(aValue);
+ setB(bValue);
+ };
+ });
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(false);
+
+ setA(1);
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+
+ setB(1);
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(true);
+ expect(a()).toBe(1);
+ expect(b()).toBe(0);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(true);
+ expect(a()).toBe(0);
+ expect(b()).toBe(0);
+
+ dispose();
+ });
+ });
+
+ test("multiple sources", () => {
+ createRoot(dispose => {
+ const [a, setA] = createSignal(0),
+ [b, setB] = createSignal(0);
+
+ let aCount = 0,
+ bCount = 0;
+
+ const history = createUndoHistory([
+ () => {
+ const v = a();
+ return () => {
+ aCount++;
+ setA(v);
+ };
+ },
+ () => {
+ const v = b();
+ return () => {
+ bCount++;
+ setB(v);
+ };
+ },
+ ]);
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(false);
+ expect(aCount).toBe(0);
+ expect(bCount).toBe(0);
+
+ setA(1);
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+ expect(aCount).toBe(0);
+ expect(bCount).toBe(0);
+
+ setB(1);
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+ expect(aCount).toBe(0);
+ expect(bCount).toBe(0);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(true);
+ expect(aCount).toBe(0);
+ expect(bCount).toBe(1);
+ expect(a()).toBe(1);
+ expect(b()).toBe(0);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(true);
+ expect(aCount).toBe(1);
+ expect(bCount).toBe(1);
+ expect(a()).toBe(0);
+ expect(b()).toBe(0);
+
+ history.redo();
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(true);
+ expect(aCount).toBe(2);
+ expect(bCount).toBe(1);
+ expect(a()).toBe(1);
+ expect(b()).toBe(0);
+
+ batch(() => {
+ setA(2);
+ setB(2);
+ });
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(false);
+ expect(aCount).toBe(2);
+ expect(bCount).toBe(1);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(true);
+ expect(history.canRedo()).toBe(true);
+ expect(aCount).toBe(3);
+ expect(bCount).toBe(2);
+ expect(a()).toBe(1);
+ expect(b()).toBe(0);
+
+ history.undo();
+
+ expect(history.canUndo()).toBe(false);
+ expect(history.canRedo()).toBe(true);
+ expect(aCount).toBe(4);
+ expect(bCount).toBe(2);
+ expect(a()).toBe(0);
+ expect(b()).toBe(0);
+
+ dispose();
+ });
+ });
+});
diff --git a/packages/history/tsconfig.json b/packages/history/tsconfig.json
new file mode 100644
index 000000000..4082f16a5
--- /dev/null
+++ b/packages/history/tsconfig.json
@@ -0,0 +1,3 @@
+{
+ "extends": "../../tsconfig.json"
+}
diff --git a/packages/i18n/CHANGELOG.md b/packages/i18n/CHANGELOG.md
index 0b7531c9e..66b286784 100644
--- a/packages/i18n/CHANGELOG.md
+++ b/packages/i18n/CHANGELOG.md
@@ -1,5 +1,17 @@
# @solid-primitives/i18n
+## 1.4.0
+
+### Minor Changes
+
+- 9e3a57ed: Add better typing for `useI18n` and `useScopedI18n`
+
+## 1.3.0
+
+### Minor Changes
+
+- c0e23e82: Add `useScopedI18n` helper for creating a module-specific translate
+
## 1.2.4
### Patch Changes
diff --git a/packages/i18n/README.md b/packages/i18n/README.md
index 2d255c7fc..896c455f8 100644
--- a/packages/i18n/README.md
+++ b/packages/i18n/README.md
@@ -142,6 +142,36 @@ const App: Component = () => {
;
```
+## `useScopedI18n`
+
+Use `useScopedI18n` to create a module-specific translate.
+
+```tsx
+
+const dict = {
+ en: {
+ login: {
+ username: 'User name',
+ password: 'Password',
+ login: 'Login'
+ },
+ fr: {
+ ...
+ }
+ }
+}
+
+export const LoginView = () => {
+ const [t] = useScopedI18n('login');
+ return <>
+ Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/i18n/dev/index.tsx b/packages/i18n/dev/index.tsx
index cafddab18..a08c6e119 100644
--- a/packages/i18n/dev/index.tsx
+++ b/packages/i18n/dev/index.tsx
@@ -1,9 +1,7 @@
-import { render } from "solid-js/web";
-
import { ChainedContextApp } from "./chainedContext";
import { NoContextI18nApp } from "./createChained";
-const Root = () => {
+const App = () => {
return (
",
"contributors": [
@@ -40,11 +40,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"i18n",
diff --git a/packages/i18n/src/i18n.ts b/packages/i18n/src/i18n.ts
index 27537e09d..c6e3559a6 100644
--- a/packages/i18n/src/i18n.ts
+++ b/packages/i18n/src/i18n.ts
@@ -1,5 +1,6 @@
import { createContext, createSignal, useContext } from "solid-js";
import { createStore } from "solid-js/store";
+import type { UseScopedI18n, I18nContextInterface } from "./types";
/**
* Safely access deep values in an object via a string path seperated by `.`
@@ -162,10 +163,17 @@ export const createI18nContext = (
*/
dict: (lang: string) => deepReadObject(dict, lang),
};
- return [translate, actions as any];
+ return [translate, actions];
};
-export type I18nContextInterface = ReturnType;
-
export const I18nContext = createContext({} as I18nContextInterface);
-export const useI18n = () => useContext(I18nContext);
+
+export const useI18n = () => useContext(I18nContext) as I18nContextInterface;
+
+export const useScopedI18n: UseScopedI18n = (scope: string) => {
+ const [translate, actions] = useI18n();
+ return [
+ (key, ...rest) => translate(`${scope}.${key}`, ...rest),
+ actions,
+ ] satisfies I18nContextInterface as unknown as I18nContextInterface;
+};
diff --git a/packages/i18n/src/index.ts b/packages/i18n/src/index.ts
index 805aacde2..b9326acb1 100644
--- a/packages/i18n/src/index.ts
+++ b/packages/i18n/src/index.ts
@@ -1,5 +1,5 @@
-export { createI18nContext, I18nContext, useI18n } from "./i18n";
-export type { I18nContextInterface } from "./i18n";
+export { createI18nContext, I18nContext, useI18n, useScopedI18n } from "./i18n";
+export type { I18nContextInterface } from "./types";
export {
createChainedI18nDictionary,
diff --git a/packages/i18n/src/types.ts b/packages/i18n/src/types.ts
new file mode 100644
index 000000000..df74fcfdf
--- /dev/null
+++ b/packages/i18n/src/types.ts
@@ -0,0 +1,34 @@
+export type NestedKeyOf = {
+ [Key in keyof T & (string | number)]: T[Key] extends object
+ ? `${Key}` | `${Key}.${NestedKeyOf}`
+ : `${Key}`;
+}[keyof T & (string | number)];
+
+export type NestedValueOf | string> = K extends keyof T &
+ (string | number)
+ ? T[K]
+ : K extends `${infer P extends keyof T & (string | number)}.${infer R}`
+ ? T[P] extends object
+ ? NestedValueOf
+ : unknown
+ : unknown;
+
+export type Translate = T extends object
+ ? (key: NestedKeyOf, params?: Record, defaultValue?: string) => string
+ : (key: string, params?: Record, defaultValue?: string) => string;
+
+export type I18nAction = {
+ add(lang: string, table: Record): void;
+ locale: (lang?: string) => string;
+ dict: (lang: string) => Record>;
+};
+
+export type I18nContextInterface = [Translate, I18nAction];
+
+export type UseScopedI18n = T extends object
+ ? >(scope: K) => I18nContextInterface>
+ :
+ | (>(
+ scope: K,
+ ) => I18nContextInterface>)
+ | ((scope: string) => I18nContextInterface);
diff --git a/packages/idle/dev/index.html b/packages/idle/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/idle/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/idle/dev/index.tsx b/packages/idle/dev/index.tsx
index 8138bda7f..7eca3e3c0 100644
--- a/packages/idle/dev/index.tsx
+++ b/packages/idle/dev/index.tsx
@@ -1,5 +1,4 @@
import { Component, Switch, Match } from "solid-js";
-import { render } from "solid-js/web";
import { createIdleTimer } from "../src";
@@ -45,4 +44,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
diff --git a/packages/immutable/dev/index.tsx b/packages/immutable/dev/index.tsx
index 470c74d06..1d9d82167 100644
--- a/packages/immutable/dev/index.tsx
+++ b/packages/immutable/dev/index.tsx
@@ -1,11 +1,8 @@
import { Component, For, createSignal } from "solid-js";
-import { render } from "solid-js/web";
+
import { TransitionGroup } from "solid-transition-group";
import { createImmutable } from "../src";
import { PayloadAction, createSlice, configureStore } from "@reduxjs/toolkit";
-import { createStore, reconcile } from "solid-js/store";
-
-import "uno.css";
type Todo = {
id: number;
@@ -178,12 +175,11 @@ const Todos: Component<{ slice: typeof todoArray | typeof todoObject }> = props
);
};
-render(
- () => (
+export default function App() {
+ return (
<>
",
"contributors": [],
@@ -46,11 +46,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"peerDependencies": {
"solid-js": "^1.6.12"
diff --git a/packages/input-mask/dev/index.html b/packages/input-mask/dev/index.html
deleted file mode 100644
index 361cc34af..000000000
--- a/packages/input-mask/dev/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/input-mask/dev/index.tsx b/packages/input-mask/dev/index.tsx
index be534469c..503f76201 100644
--- a/packages/input-mask/dev/index.tsx
+++ b/packages/input-mask/dev/index.tsx
@@ -1,7 +1,6 @@
import { Component } from "solid-js";
-import { render } from "solid-js/web";
+
import { anyMaskToFn, createInputMask, maskArrayToFn, Selection } from "../src";
-import "uno.css";
const App: Component = () => {
// ISO Date
@@ -91,4 +90,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/intersection-observer/dev/index.tsx b/packages/intersection-observer/dev/index.tsx
index 8f65d4153..3ad442dcb 100644
--- a/packages/intersection-observer/dev/index.tsx
+++ b/packages/intersection-observer/dev/index.tsx
@@ -1,8 +1,7 @@
import { Component, createSignal } from "solid-js";
-import { render } from "solid-js/web";
+
import { Repeat } from "@solid-primitives/range";
import { createVisibilityObserver, withDirection, withOccurrence, DirectionY } from "../src";
-import "uno.css";
const App: Component = () => {
const useVisibilityObserver = createVisibilityObserver(
@@ -65,4 +64,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -41,12 +41,11 @@
},
"typesVersions": {},
"scripts": {
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"intersection",
diff --git a/packages/jsx-tokenizer/CHANGELOG.md b/packages/jsx-tokenizer/CHANGELOG.md
index a42011be0..fc074ce11 100644
--- a/packages/jsx-tokenizer/CHANGELOG.md
+++ b/packages/jsx-tokenizer/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/jsx-tokenizer
+## 1.0.6
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 1.0.5
### Patch Changes
diff --git a/packages/jsx-tokenizer/README.md b/packages/jsx-tokenizer/README.md
index 95e48a906..d5c83d441 100644
--- a/packages/jsx-tokenizer/README.md
+++ b/packages/jsx-tokenizer/README.md
@@ -293,7 +293,7 @@ isToken([tokenizer1, tokenizer2, MyTokenComponent], token);
## Demo
-[Live Example](https://solidjs-community.github.io/solid-primitives/) | [Source Code](./dev/index.tsx)
+[Live Example](https://primitives.solidjs.community/playground/) | [Source Code](./dev/index.tsx)
## Changelog
diff --git a/packages/jsx-tokenizer/dev/index.html b/packages/jsx-tokenizer/dev/index.html
deleted file mode 100644
index 38e477282..000000000
--- a/packages/jsx-tokenizer/dev/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/jsx-tokenizer/dev/index.tsx b/packages/jsx-tokenizer/dev/index.tsx
index 20cbbdf5c..7d6e78d75 100644
--- a/packages/jsx-tokenizer/dev/index.tsx
+++ b/packages/jsx-tokenizer/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component, JSX, ParentComponent } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { createTokenizer, createToken, isToken, resolveTokens } from "../src";
type Props = {
@@ -93,4 +92,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -50,11 +50,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"dependencies": {
"@solid-primitives/utils": "workspace:^"
diff --git a/packages/keyboard/CHANGELOG.md b/packages/keyboard/CHANGELOG.md
index 7a29a8ef0..9e99f80a7 100644
--- a/packages/keyboard/CHANGELOG.md
+++ b/packages/keyboard/CHANGELOG.md
@@ -1,5 +1,21 @@
# @solid-primitives/keyboard
+## 1.2.3
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/event-listener@2.2.13
+ - @solid-primitives/rootless@1.4.1
+
+## 1.2.2
+
+### Patch Changes
+
+- Updated dependencies [f03c47b0]
+ - @solid-primitives/event-listener@2.2.12
+
## 1.2.1
### Patch Changes
diff --git a/packages/keyboard/dev/index.html b/packages/keyboard/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/keyboard/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/keyboard/dev/index.tsx b/packages/keyboard/dev/index.tsx
index f7a29fcca..5801fecbc 100644
--- a/packages/keyboard/dev/index.tsx
+++ b/packages/keyboard/dev/index.tsx
@@ -1,7 +1,6 @@
/* @refresh reload */
import { Component, createSignal, For } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { useKeyDownList, createKeyHold, createShortcut } from "../src";
const MessageStack: Component<{
@@ -70,4 +69,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [],
@@ -50,11 +50,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"dependencies": {
"@solid-primitives/event-listener": "workspace:^",
diff --git a/packages/keyed/dev/index.html b/packages/keyed/dev/index.html
deleted file mode 100644
index 1c5586c54..000000000
--- a/packages/keyed/dev/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/keyed/dev/index.tsx b/packages/keyed/dev/index.tsx
index 2480c8cd7..65579c579 100644
--- a/packages/keyed/dev/index.tsx
+++ b/packages/keyed/dev/index.tsx
@@ -1,7 +1,6 @@
import { Component } from "solid-js";
-import { render } from "solid-js/web";
+
import Key from "./key";
-import "uno.css";
const App: Component = () => {
return (
@@ -10,4 +9,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/lifecycle/dev/index.tsx b/packages/lifecycle/dev/index.tsx
index fda511410..dba1a6c4b 100644
--- a/packages/lifecycle/dev/index.tsx
+++ b/packages/lifecycle/dev/index.tsx
@@ -1,9 +1,8 @@
import { children, createSignal, JSX, onMount } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { onElementConnect } from "../src";
-function App() {
+function Button() {
const [count, setCount] = createSignal(1);
const increment = () => setCount(count() + 1);
@@ -24,9 +23,11 @@ function App() {
);
}
-render(() => {
- const r = children(() => ();
- setTimeout(() => set(() => r), 1000);
- return s;
-}, document.getElementById("root")!);
+ setTimeout(() => set(() => r as any as JSX.Element), 1000);
+ return <>{s()};
+}
+
+export default App;
diff --git a/packages/lifecycle/dev/vite.config.ts b/packages/lifecycle/dev/vite.config.ts
deleted file mode 100644
index 7ca66a520..000000000
--- a/packages/lifecycle/dev/vite.config.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import { viteConfig } from "../../../configs/vite.config";
-export default viteConfig;
diff --git a/packages/lifecycle/package.json b/packages/lifecycle/package.json
index 987ea1895..b9155e0a6 100644
--- a/packages/lifecycle/package.json
+++ b/packages/lifecycle/package.json
@@ -48,11 +48,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"peerDependencies": {
"solid-js": "^1.6.12"
diff --git a/packages/map/CHANGELOG.md b/packages/map/CHANGELOG.md
index 29912f906..8fe2e5be7 100644
--- a/packages/map/CHANGELOG.md
+++ b/packages/map/CHANGELOG.md
@@ -1,5 +1,11 @@
# @solid-primitives/map
+## 0.4.5
+
+### Patch Changes
+
+- @solid-primitives/trigger@1.0.7
+
## 0.4.4
### Patch Changes
diff --git a/packages/map/dev/index.html b/packages/map/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/map/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/map/dev/index.tsx b/packages/map/dev/index.tsx
index efb441805..362c8b313 100644
--- a/packages/map/dev/index.tsx
+++ b/packages/map/dev/index.tsx
@@ -1,7 +1,7 @@
import { Component, For, createSignal } from "solid-js";
-import { render } from "solid-js/web";
+
import { ReactiveMap } from "../src";
-import "uno.css";
+
import { onCleanup } from "solid-js";
import { createEffect } from "solid-js";
@@ -47,4 +47,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -45,11 +45,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"peerDependencies": {
"solid-js": "^1.6.12"
diff --git a/packages/marker/README.md b/packages/marker/README.md
index 458d25fe9..5f958c534 100644
--- a/packages/marker/README.md
+++ b/packages/marker/README.md
@@ -104,7 +104,7 @@ Regex returned by `makeSearchRegex` will:
## Demo
-[Deployed example](https://solidjs-community.github.io/solid-primitives/marker) | [Source code](https://github.com/solidjs-community/solid-primitives/tree/main/packages/marker/dev)
+[Deployed example](https://primitives.solidjs.community/playground/marker) | [Source code](https://github.com/solidjs-community/solid-primitives/tree/main/packages/marker/dev)
## Changelog
diff --git a/packages/marker/dev/index.html b/packages/marker/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/marker/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/marker/dev/index.tsx b/packages/marker/dev/index.tsx
index c076b14a5..2b389989e 100644
--- a/packages/marker/dev/index.tsx
+++ b/packages/marker/dev/index.tsx
@@ -1,8 +1,6 @@
import { Component, createMemo, createSignal } from "solid-js";
-import { render } from "solid-js/web";
-import { createMarker, makeSearchRegex } from "../src";
-import "uno.css";
+import { createMarker, makeSearchRegex } from "../src";
const LOREM_IPSUM = [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ligula tortor, mollis congue augue ac, sagittis sodales odio. Duis vulputate feugiat metus. Curabitur in nisl ac felis vestibulum facilisis vitae eu lectus. In justo metus, viverra non leo quis, laoreet finibus lacus. Phasellus consectetur arcu orci, non varius ligula ornare ac. Nulla facilisi. Maecenas dignissim nulla et sodales venenatis. Nunc purus nunc, consequat vitae convallis sit amet, bibendum quis augue. Pellentesque purus turpis, aliquet eget libero ut, imperdiet fermentum lacus. In sit amet finibus nunc, faucibus tincidunt eros. Praesent pretium lobortis turpis, nec rhoncus dui interdum aliquet. Nulla fermentum tellus nec dui fermentum rhoncus. Ut cursus purus ligula, sed tincidunt diam vulputate sit amet. Sed in eleifend eros. 123456789",
@@ -30,4 +28,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/masonry/dev/index.tsx b/packages/masonry/dev/index.tsx
index 376a27fbe..c0fb10505 100644
--- a/packages/masonry/dev/index.tsx
+++ b/packages/masonry/dev/index.tsx
@@ -1,10 +1,8 @@
import { Component, createMemo, createSignal } from "solid-js";
-import { render } from "solid-js/web";
+
import { createBreakpoints } from "@solid-primitives/media";
import { createMasonry } from "../src";
-import "uno.css";
-
const getRandomHeight = () => Math.floor(Math.random() * 300) + 100;
const App: Component = () => {
@@ -85,4 +83,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [],
@@ -46,11 +46,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"peerDependencies": {
"solid-js": "^1.6.12"
diff --git a/packages/media/CHANGELOG.md b/packages/media/CHANGELOG.md
index efb5fd854..bdcd15cda 100644
--- a/packages/media/CHANGELOG.md
+++ b/packages/media/CHANGELOG.md
@@ -1,5 +1,22 @@
# @solid-primitives/media
+## 2.2.3
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/event-listener@2.2.13
+ - @solid-primitives/rootless@1.4.1
+ - @solid-primitives/static-store@0.0.4
+
+## 2.2.2
+
+### Patch Changes
+
+- Updated dependencies [f03c47b0]
+ - @solid-primitives/event-listener@2.2.12
+
## 2.2.1
### Patch Changes
diff --git a/packages/media/dev/index.html b/packages/media/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/media/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/media/dev/index.tsx b/packages/media/dev/index.tsx
index 9645cda8e..196a31030 100644
--- a/packages/media/dev/index.tsx
+++ b/packages/media/dev/index.tsx
@@ -1,5 +1,5 @@
import { Component, createEffect, Match, Switch } from "solid-js";
-import { render } from "solid-js/web";
+
import { createBreakpoints } from "../src";
import "./style.css";
@@ -43,4 +43,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -56,11 +56,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"dependencies": {
"@solid-primitives/event-listener": "workspace:^",
diff --git a/packages/memo/CHANGELOG.md b/packages/memo/CHANGELOG.md
index 96f81f3fd..a47171e15 100644
--- a/packages/memo/CHANGELOG.md
+++ b/packages/memo/CHANGELOG.md
@@ -1,5 +1,20 @@
# @solid-primitives/memo
+## 1.3.1
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
+## 1.3.0
+
+### Minor Changes
+
+- 5e1f19e0: Add `createLatestMany`
+
+ Deprecate scheduled memos (`createDebouncedMemo`, `createDebouncedMemoOn`, `createThrottledMemo`) in favor of using the `createSchedule` primitive from the `scheduled` package
+
## 1.2.5
### Patch Changes
diff --git a/packages/memo/README.md b/packages/memo/README.md
index 1c7bdf1bc..9b3538fd9 100644
--- a/packages/memo/README.md
+++ b/packages/memo/README.md
@@ -11,13 +11,10 @@
Collection of custom `createMemo` primitives. They extend it's functionality while keeping the usage similar.
-- [`createLatest`](#createLatest) - A combined memo of a list of sources, where last updated will be the value.
+- [`createLatest`](#createLatest) - A combined memo of a list of sources, returns the value of last updated one.
+- [`createLatestMany`](#createLatestMany) - A combined memo of a list of sources, returns the value of all last updated ones.
- [`createWritableMemo`](#createWritableMemo) - Solid's `createMemo` which value can be overwritten by a setter.
- [`createLazyMemo`](#createLazyMemo) - Lazily evaluated memo. Will run the calculation only if is being listened to.
-- [`createAsyncMemo`](#createAsyncMemo) - Memo that allows for asynchronous calculations.
-- [`createDebouncedMemo`](#createDebouncedMemo) - Memo which returned signal is debounced.
-- [`createDebouncedMemoOn`](#createDebouncedMemoOn) - Memo which callback is debounced.
-- [`createThrottledMemo`](#createThrottledMemo) - Memo which callback is throttled.
- [`createPureReaction`](#createPureReaction) - A `createReaction` that runs before render _(non-batching)_.
- [`createMemoCache`](#createMemoCache) - Custom, lazily-evaluated, memo, with caching based on keys.
- [`createReducer`](#createReducer) - Primitive for updating signal in a predictable way.
@@ -27,6 +24,8 @@ Collection of custom `createMemo` primitives. They extend it's functionality whi
```bash
npm install @solid-primitives/memo
# or
+pnpm add @solid-primitives/memo
+# or
yarn add @solid-primitives/memo
```
@@ -36,11 +35,10 @@ A combined memo of multiple sources, last updated source will be the value of th
### How to use it
-`createLatest` takes three arguments:
+`createLatest` takes two arguments:
- `sources` - list of reactive calculations/signals/memos
-- `value` - initial value of returned signal
-- `options` - signal options
+- `options` - memo options
And returns a signal with value of the last change
@@ -48,14 +46,39 @@ And returns a signal with value of the last change
import { createLatest } from "@solid-primitives/memo";
const [count, setCount] = createSignal(1);
-const [x, setX] = createSignal(2);
-const number = createMemo(() => otherValue() * 2);
-const lastUpdated = createLatest([count, number, () => x() / 3]);
-lastUpdated(); // => undefined
+const [text, setText] = createSignal("hello");
+
+const lastUpdated = createLatest([count, text]);
+
+lastUpdated(); // => "hello"
setCount(4);
lastUpdated(); // => 4
-setX(9);
-lastUpdated(); // => 3
+```
+
+## `createLatestMany`
+
+A combined memo of multiple sources, returns the values of sources updated in the last tick.
+
+### How to use it
+
+`createLatestMany` takes two arguments:
+
+- `sources` - list of reactive calculations/signals/memos
+- `options` - memo options
+
+And returns a signal with value of the last updated sources
+
+```ts
+import { createLatestMany } from "@solid-primitives/memo";
+
+const [count, setCount] = createSignal(1);
+const [text, setText] = createSignal("hello");
+
+const lastUpdated = createLatest([count, text]);
+
+lastUpdated(); // => [1, "hello"]
+setCount(4);
+lastUpdated(); // => [4]
```
## `createWritableMemo`
@@ -129,108 +152,36 @@ There is a performance cost, from recreating and disposing computations, involve
https://codesandbox.io/s/solid-primitives-memo-demo-3w0oz?file=/index.tsx
-## `createAsyncMemo`
-
-Solid's `createMemo` that allows for asynchronous calculations.
-
-### How to use it
-
-It's usage is almost the same as Solid's `createMemo`. Similarly it should be placed inside a reactive root — component or createRoot.
-
-The function argument can return a promise. Promises will be handled with preserving the order of execution, that means if a promise would take more time to execute it won't overwrite thouse that start after it but finish quicker.
-
-```ts
-import { createAsyncMemo } from "@solid-primitives/memo";
-
-const memo = createAsyncMemo(
- async prev => {
- const value = await myAsyncFunc(signal());
- return value.data;
- },
- { value: "initial value" },
-);
-// initial value can be set to prevent returned signal from being undefined
-```
-
-**calculation will track reactive reads synchronously — stops tracking after first `await`**
-
-```ts
-const memo = createAsyncMemo(async prev => {
- // signal() will be tracked
- const value = await myAsyncFunc(signal());
- // otherSignal() is after await so it won't be tracked
- const data = otherSignal() + value;
- return value;
-});
-```
-
-### Demo
-
-Demo uses fetching because it is the simplest example to make, but **please don't use it instead of createResource for fetching data.**
-
-https://codesandbox.io/s/solid-primitives-async-memo-fetch-demo-htne6?file=/index.tsx
-
-```ts
-// createResource also can reactively refetch once source changes
-const [data] = createResource(signal, value => {...})
-```
-
## `createDebouncedMemo`
-Solid's `createMemo` which returned signal is debounced. _(The callback is not debounced!)_
-
-### How to use it
+`createDebouncedMemo` is deprecated. Please use `createSchedule` from [`@solid-primitives/schedule`](https://github.com/solidjs-community/solid-primitives/tree/main/packages/scheduled#readme) instead.
```ts
-import { createDebouncedMemo } from "@solid-primitives/memo";
-
-// base usage:
-const double = createDebouncedMemo(prev => count() * 2, 200);
-
-// with initial value:
-const double = createDebouncedMemo(prev => count() * 2, 200, 0);
-```
+import { createSchedule, debounce } from "@solid-primitives/schedule";
-> **Note** The callback is not perfectly debounced, it will be fired every time the source changes. It's the updates of the returned signal that are debounced. If you want to debounce the callback, use [`createDebouncedMemoOn`](#createDebouncedMemoOn) instead.
+const scheduled = createScheduled(fn => debounce(fn, 200));
-## `createDebouncedMemoOn`
-
-Solid's `createMemo` with explicit sources, and debounced callback execution.
-
-The `deps` and `fn` arguments are the same as in Solid's `on` halper.
-
-### How to use it
-
-```ts
-import { createDebouncedMemoOn } from "@solid-primitives/memo";
-
-const double = createDebouncedMemoOn(count, v => v * 2, 200);
+const double = createMemo(p => {
+ const value = count();
+ return scheduled() ? value * 2 : p;
+}, 0);
```
-### Demo
-
-A stackblitz demo of the primitive: https://stackblitz.com/edit/solid-vite-unocss-xmnubd?file=index.tsx
-
## `createThrottledMemo`
-Solid's `createMemo` which callback execution is throttled.
-
-### How to use it
+`createThrottledMemo` is deprecated. Please use `createSchedule` from [`@solid-primitives/schedule`](https://github.com/solidjs-community/solid-primitives/tree/main/packages/scheduled#readme) instead.
```ts
-import { createThrottledMemo } from "@solid-primitives/memo";
+import { createSchedule, throttle } from "@solid-primitives/schedule";
-// base usage:
-const double = createThrottledMemo(prev => count() * 2, 200);
+const scheduled = createScheduled(fn => throttle(fn, 200));
-// with initial value:
-const double = createThrottledMemo(prev => count() * 2, 200, 0);
+const double = createMemo(p => {
+ const value = count();
+ return scheduled() ? value * 2 : p;
+}, 0);
```
-### Demo
-
-A stackblitz demo of the primitive: https://stackblitz.com/edit/solid-vite-unocss-xmnubd?file=index.tsx
-
## `createPureReaction`
Solid's [`createReaction`](#https://www.solidjs.com/docs/latest/api#createreaction) that is based on pure computation _(runs before render, and is non-batching)_
diff --git a/packages/memo/dev/index.html b/packages/memo/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/memo/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/memo/dev/index.tsx b/packages/memo/dev/index.tsx
index 01012fd34..e80c18118 100644
--- a/packages/memo/dev/index.tsx
+++ b/packages/memo/dev/index.tsx
@@ -1,8 +1,7 @@
/* @refresh reload */
import { Component, lazy } from "solid-js";
-import { render } from "solid-js/web";
+
import { Router, Routes, Route, Link } from "@solidjs/router";
-import "uno.css";
const Lazy = lazy(() => import("./lazy"));
const LazySuspense = lazy(() => import("./lazy-suspense"));
@@ -51,4 +50,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [],
@@ -18,12 +18,9 @@
"stage": 3,
"list": [
"createLatest",
+ "createLatestMany",
"createWritableMemo",
"createLazyMemo",
- "createAsyncMemo",
- "createDebouncedMemo",
- "createDebouncedMemoOn",
- "createThrottledMemo",
"createPureReaction",
"createMemoCache",
"createReducer"
@@ -48,12 +45,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"solid",
diff --git a/packages/memo/src/index.ts b/packages/memo/src/index.ts
index 2643a5297..ae6973415 100644
--- a/packages/memo/src/index.ts
+++ b/packages/memo/src/index.ts
@@ -91,26 +91,67 @@ export function createPureReaction(
/**
* A combined memo of multiple sources, last updated source will be the value of the returned signal.
* @param sources list of reactive calculations/signals/memos
- * @param value specify initial value of the returned signal
* @param options signal options
* @returns signal with value of the last updated source
* @example
* const [count, setCount] = createSignal(1);
- * const number = createMemo(() => otherValue() * 2);
- * const lastUpdated = createLatest([count, number]);
- * lastUpdated() // => undefined
+ * const [text, setText] = createSignal("hello");
+ * const lastUpdated = createLatest([count, text]);
+ * lastUpdated() // => "hello"
* setCount(4)
* lastUpdated() // => 4
*/
-export function createLatest[]>(
+export function createLatest[]>(
sources: T,
- options?: SignalOptions>,
+ options?: MemoOptions>,
): Accessor> {
let index = 0;
const memos = sources.map((source, i) => createMemo(() => ((index = i), source())));
return createMemo(() => memos.map(m => m())[index]!, undefined, options);
}
+/**
+ * A combined memo of multiple sources, returns the values of sources updated in the last tick.
+ * @param sources list of reactive calculations/signals/memos
+ * @param options signal options
+ * @returns signal with value of the last updated sources
+ * @example
+ * const [count, setCount] = createSignal(1);
+ * const [text, setText] = createSignal("hello");
+ * const lastUpdated = createLatest([count, text]);
+ * lastUpdated() // => [1, "hello"]
+ * setCount(4)
+ * lastUpdated() // => [4]
+ */
+export function createLatestMany[]>(
+ sources: T,
+ options?: EffectOptions,
+): Accessor[]>;
+export function createLatestMany(
+ sources: readonly Accessor[],
+ options?: EffectOptions,
+): Accessor {
+ const mappedSources = sources.map(source => {
+ const obj: { dirty: boolean; memo: Accessor } = { dirty: true, memo: null as any };
+ obj.memo = createMemo(() => ((obj.dirty = true), source()));
+ return obj;
+ });
+ return createLazyMemo(
+ () =>
+ mappedSources.reduce((acc: T[], data) => {
+ // always track all memos to force updates
+ const v = data.memo();
+ if (data.dirty) {
+ data.dirty = false;
+ acc.push(v);
+ }
+ return acc;
+ }, []),
+ undefined,
+ options,
+ );
+}
+
/**
* Solid's `createMemo` which value can be overwritten by a setter. Signal value will be the last one, set by a setter or a memo calculation.
* @param fn callback that calculates the value
@@ -153,18 +194,7 @@ export function createWritableMemo(
}
/**
- * Solid's `createMemo` which returned signal is debounced. *(The {@link fn} callback is not debounced!)*
- *
- * @param fn reactive calculation returning signals value
- * @param timeoutMs The duration to debounce in ms
- * @param value specify initial value *(by default it will be undefined)*
- * @param options
- * @returns signal with debounced value
- *
- * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/memo#createDebouncedMemo
- *
- * @example
- * const double = createDebouncedMemo(() => count() * 2, 200)
+ * @deprecated Please use `createSchedule` from `@solid-primitives/schedule` instead.
*/
export function createDebouncedMemo(
fn: EffectFunction, Next>,
@@ -193,19 +223,7 @@ export function createDebouncedMemo(
}
/**
- * Solid's `createMemo` with explicit sources, and debounced callback.
- *
- * @param sources signal or a list of reactive signals *(Similar to `on` helper)*
- * @param calc reactive calculation returning signals value
- * @param timeoutMs The duration to debounce in ms
- * @param value specify initial value *(by default it will be undefined)*
- * @param options
- * @returns signal with debounced value
- *
- * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/memo#createDebouncedMemoOn
- *
- * @example
- * const double = createDebouncedMemoOn(count, v => v * 2, 200)
+ * @deprecated Please use `createSchedule` from `@solid-primitives/schedule` instead.
*/
export function createDebouncedMemoOn(
deps: AccessorArray | Accessor,
@@ -252,16 +270,7 @@ export function createDebouncedMemoOn(
}
/**
- * Solid's `createMemo` which callback execution is throttled.
- *
- * @param fn reactive calculation returning signals value
- * @param timeoutMs The duration to throttle in ms
- * @param options specify initial value *(by default it will be undefined)*
- *
- * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/memo#createThrottledMemo
- *
- * @example
- * const double = createThrottledMemo(() => count() * 2, 200)
+ * @deprecated Please use `createSchedule` from `@solid-primitives/schedule` instead.
*/
export function createThrottledMemo(
fn: EffectFunction, Next>,
diff --git a/packages/memo/test/latest.test.ts b/packages/memo/test/latest.test.ts
new file mode 100644
index 000000000..63b9f9377
--- /dev/null
+++ b/packages/memo/test/latest.test.ts
@@ -0,0 +1,57 @@
+import { describe, test, expect } from "vitest";
+import { batch, createRoot, createSignal } from "solid-js";
+import { createLatest, createLatestMany } from "../src";
+
+describe("createLatest", () => {
+ test("should return the latest value", () => {
+ createRoot(dispose => {
+ const [a, setA] = createSignal({ a: 1 });
+ const [b, setB] = createSignal({ b: 2 });
+ const latest = createLatest([a, b]);
+ expect(latest()).toEqual({ b: 2 });
+ setA({ a: 3 });
+ expect(latest()).toEqual({ a: 3 });
+ setB({ b: 4 });
+ expect(latest()).toEqual({ b: 4 });
+ setB({ b: 5 });
+ setA({ a: 6 });
+ expect(latest()).toEqual({ a: 6 });
+ setB({ b: 7 });
+ expect(latest()).toEqual({ b: 7 });
+ batch(() => {
+ setB({ b: 8 });
+ setA({ a: 9 });
+ expect(latest()).toEqual({ b: 8 });
+ });
+ expect(latest()).toEqual({ b: 8 });
+ dispose();
+ });
+ });
+});
+
+describe("createLatestMany", () => {
+ test("should return the latest values", () => {
+ createRoot(dispose => {
+ const [a, setA] = createSignal({ a: 1 });
+ const [b, setB] = createSignal({ b: 2 });
+ const latest = createLatestMany([a, b]);
+ expect(latest()).toEqual([{ a: 1 }, { b: 2 }]);
+ setA({ a: 3 });
+ expect(latest()).toEqual([{ a: 3 }]);
+ setB({ b: 4 });
+ expect(latest()).toEqual([{ b: 4 }]);
+ setB({ b: 5 });
+ setA({ a: 6 });
+ expect(latest()).toEqual([{ a: 6 }, { b: 5 }]);
+ setB({ b: 7 });
+ expect(latest()).toEqual([{ b: 7 }]);
+ batch(() => {
+ setB({ b: 8 });
+ setA({ a: 9 });
+ expect(latest()).toEqual([{ a: 9 }, { b: 8 }]);
+ });
+ expect(latest()).toEqual([{ a: 9 }, { b: 8 }]);
+ dispose();
+ });
+ });
+});
diff --git a/packages/mouse/CHANGELOG.md b/packages/mouse/CHANGELOG.md
index 5c899b892..ec8825e9d 100644
--- a/packages/mouse/CHANGELOG.md
+++ b/packages/mouse/CHANGELOG.md
@@ -1,5 +1,22 @@
# @solid-primitives/mouse
+## 2.0.14
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/event-listener@2.2.13
+ - @solid-primitives/rootless@1.4.1
+ - @solid-primitives/static-store@0.0.4
+
+## 2.0.13
+
+### Patch Changes
+
+- Updated dependencies [f03c47b0]
+ - @solid-primitives/event-listener@2.2.12
+
## 2.0.12
### Patch Changes
diff --git a/packages/mouse/dev/index.html b/packages/mouse/dev/index.html
deleted file mode 100644
index fcd13f781..000000000
--- a/packages/mouse/dev/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/mouse/dev/index.tsx b/packages/mouse/dev/index.tsx
index b47a4358a..8d05cb44e 100644
--- a/packages/mouse/dev/index.tsx
+++ b/packages/mouse/dev/index.tsx
@@ -1,9 +1,9 @@
import { useMousePosition, createPositionToElement } from "../src";
import { Component, createMemo, createSignal, Show } from "solid-js";
-import { render } from "solid-js/web";
+
import createRAF from "@solid-primitives/raf";
import { lerp } from "./utils";
-import "uno.css";
+
import { DisplayRecord } from "./components";
import { clamp } from "@solid-primitives/utils";
@@ -76,4 +76,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -36,12 +36,11 @@
"dist"
],
"scripts": {
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr",
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr",
"test:watch": "watchlist src test -- npm test"
},
"keywords": [
diff --git a/packages/mutation-observer/CHANGELOG.md b/packages/mutation-observer/CHANGELOG.md
index c27dd499d..355450bf8 100644
--- a/packages/mutation-observer/CHANGELOG.md
+++ b/packages/mutation-observer/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/mutation-observer
+## 1.1.13
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 1.1.12
### Patch Changes
diff --git a/packages/mutation-observer/dev/index.tsx b/packages/mutation-observer/dev/index.tsx
index 47b3372e7..19943c729 100644
--- a/packages/mutation-observer/dev/index.tsx
+++ b/packages/mutation-observer/dev/index.tsx
@@ -1,8 +1,6 @@
import { createMutationObserver, mutationObserver } from "../src";
-import { Component, createSignal, For, Index, Show } from "solid-js";
-import { render } from "solid-js/web";
-import { createCompositeEffect, debounce } from "@solid-primitives/composites";
-import "uno.css";
+import { Component, createSignal, For, Index, onMount, Show } from "solid-js";
+
import { DisplayRecord, LogMutationRecord, TestingNode, ToggleBtn } from "./components";
import { toggleItems, updateItem } from "./utils";
@@ -234,15 +232,21 @@ const AttributesTest: Component = () => {
};
const App: Component = () => {
+ const [mounted, setMounted] = createSignal(false);
+ onMount(() => setMounted(true));
return (
",
"license": "MIT",
@@ -41,10 +41,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite -r ./dev/ -c ./dev/vite.config.ts",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"devDependencies": {
"@solid-primitives/composites": "^1.1.1"
diff --git a/packages/page-visibility/CHANGELOG.md b/packages/page-visibility/CHANGELOG.md
index 5a09f15bd..70b25078d 100644
--- a/packages/page-visibility/CHANGELOG.md
+++ b/packages/page-visibility/CHANGELOG.md
@@ -1,5 +1,21 @@
# @solid-primitives/page-visibility
+## 2.0.12
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/event-listener@2.2.13
+ - @solid-primitives/rootless@1.4.1
+
+## 2.0.11
+
+### Patch Changes
+
+- Updated dependencies [f03c47b0]
+ - @solid-primitives/event-listener@2.2.12
+
## 2.0.10
### Patch Changes
diff --git a/packages/page-visibility/package.json b/packages/page-visibility/package.json
index 1dec398b1..7fe605e9e 100644
--- a/packages/page-visibility/package.json
+++ b/packages/page-visibility/package.json
@@ -1,6 +1,6 @@
{
"name": "@solid-primitives/page-visibility",
- "version": "2.0.10",
+ "version": "2.0.12",
"description": "Primitive to track page visibility",
"author": "David Di Biase",
"contributors": [
@@ -39,9 +39,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr",
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr",
"test:watch": "watchlist src test -- npm test"
},
"keywords": [
diff --git a/packages/pagination/CHANGELOG.md b/packages/pagination/CHANGELOG.md
index 1e6dd16cc..e58493557 100644
--- a/packages/pagination/CHANGELOG.md
+++ b/packages/pagination/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/pagination
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 0.2.6
### Patch Changes
diff --git a/packages/pagination/README.md b/packages/pagination/README.md
index 51febfa5e..0ca417337 100644
--- a/packages/pagination/README.md
+++ b/packages/pagination/README.md
@@ -113,7 +113,7 @@ return (
### Demo
You may view a working example here:
-https://solidjs-community.github.io/solid-primitives/pagination/
+https://primitives.solidjs.community/playground/pagination/
## `createInfiniteScroll`
diff --git a/packages/pagination/dev/index.html b/packages/pagination/dev/index.html
deleted file mode 100644
index 38e477282..000000000
--- a/packages/pagination/dev/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/pagination/dev/index.tsx b/packages/pagination/dev/index.tsx
index 91a0daf25..981f01434 100644
--- a/packages/pagination/dev/index.tsx
+++ b/packages/pagination/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component, For, Show } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { createInfiniteScroll, createPagination } from "../src";
async function fetcher(page: number) {
@@ -48,4 +47,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -49,11 +49,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"dependencies": {
"@solid-primitives/utils": "workspace:^"
diff --git a/packages/permission/dev/index.html b/packages/permission/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/permission/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/permission/dev/index.tsx b/packages/permission/dev/index.tsx
index 5d3c7523b..31bab2ab1 100644
--- a/packages/permission/dev/index.tsx
+++ b/packages/permission/dev/index.tsx
@@ -1,7 +1,6 @@
import { Component } from "solid-js";
-import { render } from "solid-js/web";
+
import { createPermission } from "../src";
-import "uno.css";
const App: Component = () => {
const micPermission = createPermission("microphone");
@@ -29,4 +28,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/platform/dev/index.tsx b/packages/platform/dev/index.tsx
index 05c452f80..19b5ca397 100644
--- a/packages/platform/dev/index.tsx
+++ b/packages/platform/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import * as platform from "../src";
const App: Component = () => {
@@ -28,4 +27,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/pointer/dev/index.tsx b/packages/pointer/dev/index.tsx
index 900a35c45..e9c758a43 100644
--- a/packages/pointer/dev/index.tsx
+++ b/packages/pointer/dev/index.tsx
@@ -1,7 +1,6 @@
import { createPointerListeners, pointerHover, createPointerList } from "../src";
import { Component, createSignal, For } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
pointerHover;
const App: Component = () => {
@@ -86,4 +85,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -47,11 +47,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"dependencies": {
"@solid-primitives/event-listener": "workspace:^",
diff --git a/packages/presence/CHANGELOG.md b/packages/presence/CHANGELOG.md
new file mode 100644
index 000000000..39cd42a69
--- /dev/null
+++ b/packages/presence/CHANGELOG.md
@@ -0,0 +1,8 @@
+# @solid-primitives/presence
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
diff --git a/packages/presence/LICENSE b/packages/presence/LICENSE
new file mode 100644
index 000000000..38b41d975
--- /dev/null
+++ b/packages/presence/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Solid Primitives Working Group
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/packages/presence/README.md b/packages/presence/README.md
new file mode 100644
index 000000000..d29e9cd20
--- /dev/null
+++ b/packages/presence/README.md
@@ -0,0 +1,174 @@
+(
+ item: Accessor,
+ options: Options,
+): PresenceResult;
+
+type Options = {
+ /** Duration in milliseconds used both for enter and exit transitions. */
+ transitionDuration: MaybeAccessor;
+ /** Duration in milliseconds used for enter transitions (overrides `transitionDuration` if provided). */
+ enterDuration: MaybeAccessor;
+ /** Duration in milliseconds used for exit transitions (overrides `transitionDuration` if provided). */
+ exitDuration: MaybeAccessor;
+ /** Opt-in to animating the entering of an element if `isVisible` is `true` during the initial mount. */
+ initialEnter?: boolean;
+};
+
+type PresenceResult = {
+ /** Should the component be returned from render? */
+ isMounted: Accessor;
+ /** The item that is currently mounted. */
+ mountedItem: Accessor;
+ /** Should the component have its visible styles applied? */
+ isVisible: Accessor;
+ /** Is the component either entering or exiting currently? */
+ isAnimating: Accessor;
+ /** Is the component entering currently? */
+ isEntering: Accessor;
+ /** Is the component exiting currently? */
+ isExiting: Accessor;
+};
+```
+
+## Demo
+
+Demo can be seen [here](https://stackblitz.com/edit/presence-demo).
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md)
+
+## Related
+
+- [`use-presence`](https://www.npmjs.com/package/use-presence)
+- [`@solid-primitives/transition-group`](https://www.npmjs.com/package/@solid-primitives/transition-group)
diff --git a/packages/presence/dev/index.tsx b/packages/presence/dev/index.tsx
new file mode 100644
index 000000000..352f5a626
--- /dev/null
+++ b/packages/presence/dev/index.tsx
@@ -0,0 +1,102 @@
+import { Component, For, Show, createSignal } from "solid-js";
+import { createPresence } from "../src";
+
+const App: Component = () => {
+ return (
+ <>
+ ",
+ "license": "MIT",
+ "homepage": "https://github.com/solidjs-community/solid-primitives/tree/main/packages/presence#readme",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/solidjs-community/solid-primitives.git"
+ },
+ "primitive": {
+ "name": "presence",
+ "stage": 0,
+ "list": [
+ "createPresence"
+ ],
+ "category": "Animation"
+ },
+ "files": [
+ "dist"
+ ],
+ "private": false,
+ "sideEffects": false,
+ "type": "module",
+ "main": "./dist/index.cjs",
+ "module": "./dist/index.js",
+ "types": "./dist/index.d.ts",
+ "browser": {},
+ "exports": {
+ "import": {
+ "types": "./dist/index.d.ts",
+ "default": "./dist/index.js"
+ },
+ "require": "./dist/index.cjs"
+ },
+ "keywords": [
+ "animation",
+ "animate",
+ "presence",
+ "transition"
+ ],
+ "scripts": {
+ "dev": "jiti ../../scripts/dev.ts",
+ "build": "jiti ../../scripts/build.ts",
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
+ },
+ "dependencies": {
+ "@solid-primitives/utils": "workspace:^"
+ },
+ "peerDependencies": {
+ "solid-js": "^1.6.12"
+ },
+ "typesVersions": {}
+}
diff --git a/packages/presence/src/index.ts b/packages/presence/src/index.ts
new file mode 100644
index 000000000..e720e1c4b
--- /dev/null
+++ b/packages/presence/src/index.ts
@@ -0,0 +1,181 @@
+/*
+
+MIT License (MIT)
+Inspired by & directly forked from use-presence by Jan Amann @amannn
+See https://github.com/amannn/react-hooks/tree/main/packages/use-presence
+
+*/
+
+import {
+ createSignal,
+ createEffect,
+ onCleanup,
+ type Accessor,
+ createMemo,
+ untrack,
+} from "solid-js";
+import { MaybeAccessor, asAccessor } from "@solid-primitives/utils";
+
+export type SharedTransitionConfig = {
+ /** Duration in milliseconds used both for enter and exit transitions. */
+ transitionDuration: MaybeAccessor;
+};
+
+export type SeparateTransitionConfig = {
+ /** Duration in milliseconds used for enter transitions (overrides `transitionDuration` if provided). */
+ enterDuration: MaybeAccessor;
+ /** Duration in milliseconds used for exit transitions (overrides `transitionDuration` if provided). */
+ exitDuration: MaybeAccessor;
+};
+
+export type Options = (
+ | SharedTransitionConfig
+ | SeparateTransitionConfig
+ | (SharedTransitionConfig & SeparateTransitionConfig)
+) & {
+ /** Opt-in to animating the entering of an element if `isVisible` is `true` during the initial mount. */
+ initialEnter?: boolean;
+};
+
+/**
+ * Animates the appearance of its children.
+ *
+ * @internal - to be combined with `createPresence` in the future
+ */
+function createPresenceBase(
+ /** Indicates whether the component that the resulting values will be used upon should be visible to the user. */
+ source: Accessor,
+ options: Options,
+) {
+ const exitDuration = asAccessor(
+ "exitDuration" in options ? options.exitDuration : options.transitionDuration,
+ );
+ const enterDuration = asAccessor(
+ "enterDuration" in options ? options.enterDuration : options.transitionDuration,
+ );
+
+ const initialSource = untrack(source);
+ const initialState = options.initialEnter ? false : initialSource;
+ const [isVisible, setIsVisible] = createSignal(initialState);
+ const [isMounted, setIsMounted] = createSignal(initialSource);
+ const [hasEntered, setHasEntered] = createSignal(initialState);
+
+ const isExiting = createMemo(() => isMounted() && !source());
+ const isEntering = createMemo(() => source() && !hasEntered());
+ const isAnimating = createMemo(() => isEntering() || isExiting());
+
+ createEffect(() => {
+ if (source()) {
+ // `animateVisible` needs to be set to `true` in a second step, as
+ // when both flags would be flipped at the same time, there would
+ // be no transition. See the second effect below.
+ setIsMounted(true);
+ } else {
+ setHasEntered(false);
+ setIsVisible(false);
+
+ const timeoutId = setTimeout(() => {
+ setIsMounted(false);
+ }, exitDuration());
+
+ onCleanup(() => clearTimeout(timeoutId));
+ }
+ });
+
+ createEffect(() => {
+ if (source() && isMounted() && !isVisible()) {
+ document.body.offsetHeight; // force reflow
+
+ const animationFrameId = requestAnimationFrame(() => {
+ setIsVisible(true);
+ });
+
+ onCleanup(() => cancelAnimationFrame(animationFrameId));
+ }
+ });
+
+ createEffect(() => {
+ if (isVisible() && !hasEntered()) {
+ const timeoutId = setTimeout(() => {
+ setHasEntered(true);
+ }, enterDuration());
+
+ onCleanup(() => clearTimeout(timeoutId));
+ }
+ });
+
+ return {
+ isMounted,
+ isVisible,
+ isAnimating,
+ isEntering,
+ isExiting,
+ };
+}
+
+const itemShouldBeMounted = (item: TItem) => item !== false && item != null;
+
+/**
+ * The result of {@link createPresence}.
+ */
+export type PresenceResult = {
+ /** Should the component be returned from render? */
+ isMounted: Accessor;
+ /** The item that is currently mounted. */
+ mountedItem: Accessor;
+ /** Should the component have its visible styles applied? */
+ isVisible: Accessor;
+ /** Is the component either entering or exiting currently? */
+ isAnimating: Accessor;
+ /** Is the component entering currently? */
+ isEntering: Accessor;
+ /** Is the component exiting currently? */
+ isExiting: Accessor;
+};
+
+/**
+ * Utility to animate the presence of an element based on the existence of data or lack thereof.
+ *
+ * @param item a reactive value driving the transition
+ * @param options options to configure the transition, see {@link Options}
+ * @returns an object with reactive accessors representing the state of the transition. See {@link PresenceResult}.
+ *
+ * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/presence#createPresence
+ *
+ * @example
+ * ```ts
+ * const items = ["foo", "bar", "baz", "qux"];
+ * const [activeItem, setActiveItem] = createSignal(items[0]);
+ * const presence = createPresence(activeItem);
+ * ```
+ */
+export function createPresence(
+ item: Accessor,
+ options: Options,
+): PresenceResult {
+ const initial = untrack(item);
+ const [mountedItem, setMountedItem] = createSignal(initial);
+ const [shouldBeMounted, setShouldBeMounted] = createSignal(itemShouldBeMounted(initial));
+ const { isMounted, ...rest } = createPresenceBase(shouldBeMounted, options);
+
+ createEffect(() => {
+ if (mountedItem() !== item()) {
+ if (isMounted()) {
+ setShouldBeMounted(false);
+ } else if (itemShouldBeMounted(item())) {
+ setMountedItem(() => item());
+ setShouldBeMounted(true);
+ }
+ } else if (!itemShouldBeMounted(item())) {
+ setShouldBeMounted(false);
+ } else if (itemShouldBeMounted(item())) {
+ setShouldBeMounted(true);
+ }
+ });
+
+ return {
+ ...rest,
+ isMounted: () => isMounted() && mountedItem() !== undefined,
+ mountedItem,
+ };
+}
diff --git a/packages/presence/test/createPresence.test.ts b/packages/presence/test/createPresence.test.ts
new file mode 100644
index 000000000..5dd1dbe1a
--- /dev/null
+++ b/packages/presence/test/createPresence.test.ts
@@ -0,0 +1,191 @@
+import { describe, it, expect } from "vitest";
+import { createRoot, createSignal } from "solid-js";
+import { createPresence } from "../src";
+
+const sleep = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
+// The state transitions often take an extra ~20ms to changeover
+// because the transition currently has an awaited animation frame
+// which Vitest seems to just assume is (1 / 60Hz) seconds
+// So 50 is added onto wait times for safety
+const transitionTimeOffset = 50;
+
+describe("createPresence", () => {
+ it("initially marks the element's mounted & visibility status based on the initial state", () =>
+ createRoot(dispose => {
+ const [shouldRender] = createSignal(true);
+ const first = createPresence(shouldRender, {
+ transitionDuration: 50,
+ });
+ expect(first.isMounted()).toBe(true);
+ expect(first.isVisible()).toBe(true);
+
+ const [shouldNotRender] = createSignal(false);
+ const second = createPresence(shouldNotRender, {
+ transitionDuration: 50,
+ });
+ expect(second.isMounted()).toBe(false);
+ expect(second.isVisible()).toBe(false);
+ dispose();
+ }));
+
+ it("initially is never animating by default", () =>
+ createRoot(dispose => {
+ const [shouldRender] = createSignal(true);
+ const first = createPresence(shouldRender, {
+ transitionDuration: 50,
+ });
+ expect(first.isAnimating()).toBe(false);
+
+ const [shouldNotRender] = createSignal(false);
+ const second = createPresence(shouldNotRender, {
+ transitionDuration: 50,
+ });
+ expect(second.isAnimating()).toBe(false);
+ dispose();
+ }));
+
+ it("is animating if the initial render state is true and the initialEnter option is provided as true", () =>
+ createRoot(dispose => {
+ const [shouldRender] = createSignal(true);
+ const first = createPresence(shouldRender, {
+ transitionDuration: 50,
+ initialEnter: true,
+ });
+ expect(first.isAnimating()).toBe(true);
+
+ const [shouldNotRender] = createSignal(false);
+ const second = createPresence(shouldNotRender, {
+ transitionDuration: 50,
+ initialEnter: true,
+ });
+ // not animating because it doesn't exist initially
+ expect(second.isAnimating()).toBe(false);
+ dispose();
+ }));
+
+ it("is in a mounted & animating state for the transitionDuration and then it is only in a mounted state", () =>
+ createRoot(async dispose => {
+ const [shouldRender, setShouldRender] = createSignal(false);
+ const transitionDuration = 50;
+ const { isMounted, isAnimating } = createPresence(shouldRender, {
+ transitionDuration,
+ });
+ expect(isMounted()).toBe(false);
+ expect(isAnimating()).toBe(false);
+ setShouldRender(true);
+ await sleep(0);
+ expect(isMounted()).toBe(true);
+ expect(isAnimating()).toBe(true);
+ await sleep(transitionDuration + transitionTimeOffset);
+ expect(isMounted()).toBe(true);
+ expect(isAnimating()).toBe(false);
+ setShouldRender(false);
+ await sleep(0);
+ expect(isMounted()).toBe(true);
+ expect(isAnimating()).toBe(true);
+ await sleep(transitionDuration + transitionTimeOffset);
+ expect(isMounted()).toBe(false);
+ expect(isAnimating()).toBe(false);
+ dispose();
+ }));
+
+ it("swaps between a mounted & unmounted state based on unique enter & exit transition states", () =>
+ createRoot(async dispose => {
+ const [shouldRender, setShouldRender] = createSignal(false);
+ // using longer durations to ensure that the transitionTimeOffset
+ // is doesn't play into the test timings
+ const enterDuration = 300;
+ const exitDuration = 150;
+ const { isMounted, isAnimating } = createPresence(shouldRender, {
+ enterDuration,
+ exitDuration,
+ });
+ expect(isMounted()).toBe(false);
+ expect(isAnimating()).toBe(false);
+ setShouldRender(true);
+ await sleep(0);
+ expect(isMounted()).toBe(true);
+ expect(isAnimating()).toBe(true);
+ // ensure that we're not done animating after the shorter time
+ await sleep(exitDuration + transitionTimeOffset);
+ expect(isAnimating()).toBe(true);
+ await sleep(exitDuration + transitionTimeOffset);
+ expect(isMounted()).toBe(true);
+ expect(isAnimating()).toBe(false);
+ setShouldRender(false);
+ await sleep(0);
+ expect(isMounted()).toBe(true);
+ expect(isAnimating()).toBe(true);
+ await sleep(exitDuration + transitionTimeOffset);
+ expect(isMounted()).toBe(false);
+ expect(isAnimating()).toBe(false);
+ dispose();
+ }));
+
+ // data switching tests
+
+ type Data = "foo" | "bar" | "baz" | undefined;
+
+ it("initially identifies as not mounted if the initial data is undefined", () =>
+ createRoot(dispose => {
+ const [data] = createSignal();
+ const { mountedItem, isMounted } = createPresence(data, {
+ transitionDuration: 50,
+ });
+ expect(mountedItem()).toBe(undefined);
+ expect(isMounted()).toBe(false);
+ dispose();
+ }));
+
+ it("initially identifies as mounted if the initial data is defined", () =>
+ createRoot(dispose => {
+ const [data] = createSignal("foo");
+ const { mountedItem, isMounted } = createPresence(data, {
+ transitionDuration: 50,
+ });
+ expect(mountedItem()).toBe("foo");
+ expect(isMounted()).toBe(true);
+ dispose();
+ }));
+
+ it("initially animates if the initial data is defined", () =>
+ createRoot(async dispose => {
+ const [data] = createSignal("foo");
+ const transitionDuration = 50;
+ const { mountedItem, isAnimating } = createPresence(data, {
+ transitionDuration,
+ initialEnter: true,
+ });
+ expect(mountedItem()).toBe("foo");
+ expect(isAnimating()).toBe(true);
+ await sleep(transitionDuration + transitionTimeOffset);
+ expect(isAnimating()).toBe(false);
+ dispose();
+ }));
+
+ it("initially exchanges the data over the transition time", () =>
+ createRoot(async dispose => {
+ const [data, setData] = createSignal("foo");
+ const transitionDuration = 150;
+ const { mountedItem, isAnimating, isEntering, isExiting } = createPresence(data, {
+ transitionDuration,
+ });
+ expect(isAnimating()).toBe(false);
+ setData("bar");
+ await sleep(0);
+ expect(isAnimating()).toBe(true);
+ expect(mountedItem()).toBe("foo");
+ expect(isExiting()).toBe(true);
+ expect(isEntering()).toBe(false);
+ await sleep(transitionDuration + transitionTimeOffset);
+ expect(isAnimating()).toBe(true);
+ expect(mountedItem()).toBe("bar");
+ expect(isEntering()).toBe(true);
+ expect(isExiting()).toBe(false);
+ await sleep(transitionDuration + transitionTimeOffset);
+ expect(isAnimating()).toBe(false);
+ expect(isEntering()).toBe(false);
+ expect(isExiting()).toBe(false);
+ dispose();
+ }));
+});
diff --git a/packages/presence/test/server.test.ts b/packages/presence/test/server.test.ts
new file mode 100644
index 000000000..53458ebfe
--- /dev/null
+++ b/packages/presence/test/server.test.ts
@@ -0,0 +1,43 @@
+import { describe, test, expect } from "vitest";
+import { createPresence } from "../src";
+import { createSignal } from "solid-js";
+
+describe("on server", () => {
+ test("createPresence initializes requested state as expected", () => {
+ const [shouldRender] = createSignal(true);
+ const first = createPresence(shouldRender, { transitionDuration: 50, initialEnter: true });
+ expect(first.isAnimating()).toBe(true);
+ expect(first.isEntering()).toBe(true);
+ expect(first.isExiting()).toBe(false);
+ expect(first.isMounted()).toBe(true);
+ expect(first.isVisible()).toBe(false);
+
+ const [shouldNotRender] = createSignal(false);
+ const second = createPresence(shouldNotRender, { transitionDuration: 50 });
+ expect(second.isAnimating()).toBe(false);
+ expect(second.isEntering()).toBe(false);
+ expect(second.isExiting()).toBe(false);
+ expect(second.isMounted()).toBe(false);
+ expect(second.isVisible()).toBe(false);
+ });
+
+ test("createPresence initializes requested switching state as expected", () => {
+ const [data] = createSignal("foo");
+ const first = createPresence(data, { transitionDuration: 50, initialEnter: true });
+ expect(first.mountedItem()).toBe("foo");
+ expect(first.isAnimating()).toBe(true);
+ expect(first.isEntering()).toBe(true);
+ expect(first.isExiting()).toBe(false);
+ expect(first.isMounted()).toBe(true);
+ expect(first.isVisible()).toBe(false);
+
+ const [noData] = createSignal();
+ const second = createPresence(noData, { transitionDuration: 50 });
+ expect(second.mountedItem()).toBe(undefined);
+ expect(second.isAnimating()).toBe(false);
+ expect(second.isEntering()).toBe(false);
+ expect(second.isExiting()).toBe(false);
+ expect(second.isMounted()).toBe(false);
+ expect(second.isVisible()).toBe(false);
+ });
+});
diff --git a/packages/presence/tsconfig.json b/packages/presence/tsconfig.json
new file mode 100644
index 000000000..4082f16a5
--- /dev/null
+++ b/packages/presence/tsconfig.json
@@ -0,0 +1,3 @@
+{
+ "extends": "../../tsconfig.json"
+}
diff --git a/packages/promise/CHANGELOG.md b/packages/promise/CHANGELOG.md
index ca4bb6411..db56da359 100644
--- a/packages/promise/CHANGELOG.md
+++ b/packages/promise/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/until
+## 1.0.12
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 1.0.11
### Patch Changes
diff --git a/packages/promise/package.json b/packages/promise/package.json
index e81061c53..5257caf62 100644
--- a/packages/promise/package.json
+++ b/packages/promise/package.json
@@ -1,6 +1,6 @@
{
"name": "@solid-primitives/promise",
- "version": "1.0.11",
+ "version": "1.0.12",
"description": "Promised one-time watch for changes. Await a reactive condition.",
"author": "Damian Tarnawski @thetarnav ",
"license": "MIT",
@@ -37,9 +37,11 @@
"dist"
],
"scripts": {
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"until",
diff --git a/packages/props/CHANGELOG.md b/packages/props/CHANGELOG.md
index cc55b935a..49f1d1fc8 100644
--- a/packages/props/CHANGELOG.md
+++ b/packages/props/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/props
+## 3.1.6
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 3.1.5
### Patch Changes
diff --git a/packages/props/dev/index.html b/packages/props/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/props/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/props/dev/index.tsx b/packages/props/dev/index.tsx
index 067911161..95b3b9af4 100644
--- a/packages/props/dev/index.tsx
+++ b/packages/props/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component, ComponentProps, createSignal, Show } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { combineProps } from "../src";
const Button = (props: ComponentProps<"button">) => {
@@ -68,4 +67,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [],
@@ -42,11 +42,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"dependencies": {
"@solid-primitives/utils": "workspace:^"
diff --git a/packages/raf/CHANGELOG.md b/packages/raf/CHANGELOG.md
index aee8af029..998fd9a20 100644
--- a/packages/raf/CHANGELOG.md
+++ b/packages/raf/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/raf
+## 2.1.12
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 2.1.11
### Patch Changes
diff --git a/packages/raf/dev/index.html b/packages/raf/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/raf/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/raf/dev/index.tsx b/packages/raf/dev/index.tsx
index 57eccdddb..36bb09ac5 100644
--- a/packages/raf/dev/index.tsx
+++ b/packages/raf/dev/index.tsx
@@ -1,5 +1,5 @@
import { Component, createSignal, Show, createEffect } from "solid-js";
-import { render } from "solid-js/web";
+
import RAF from "./raf";
const App: Component = () => {
@@ -25,4 +25,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -40,10 +40,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
- "build": "jiti ../../scripts/build.ts"
+ "dev": "jiti ../../scripts/dev.ts",
+ "build": "jiti ../../scripts/build.ts",
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"raf",
diff --git a/packages/range/CHANGELOG.md b/packages/range/CHANGELOG.md
index 309543d0c..ede9d702c 100644
--- a/packages/range/CHANGELOG.md
+++ b/packages/range/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/range
+## 0.1.14
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 0.1.13
### Patch Changes
diff --git a/packages/range/dev/index.html b/packages/range/dev/index.html
deleted file mode 100644
index 1c5586c54..000000000
--- a/packages/range/dev/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/range/dev/index.tsx b/packages/range/dev/index.tsx
index 6b2afe8a0..10dd7f404 100644
--- a/packages/range/dev/index.tsx
+++ b/packages/range/dev/index.tsx
@@ -1,8 +1,8 @@
import { Repeat, Range, IndexRange } from "../src";
import { Component, createSignal, onCleanup } from "solid-js";
-import { render } from "solid-js/web";
+
import { TransitionGroup } from "solid-transition-group";
-import "uno.css";
+
import { createStore } from "solid-js/store";
const Ball = (props: { n: number }) => (
@@ -78,4 +78,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [],
@@ -51,11 +51,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"devDependencies": {
"solid-transition-group": "^0.2.2"
diff --git a/packages/refs/CHANGELOG.md b/packages/refs/CHANGELOG.md
index e0a378fa0..53967f517 100644
--- a/packages/refs/CHANGELOG.md
+++ b/packages/refs/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/refs
+## 1.0.4
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 1.0.3
### Patch Changes
diff --git a/packages/refs/dev/index.html b/packages/refs/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/refs/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/refs/dev/index.tsx b/packages/refs/dev/index.tsx
index 50e250bc3..69c9303cc 100644
--- a/packages/refs/dev/index.tsx
+++ b/packages/refs/dev/index.tsx
@@ -1,7 +1,6 @@
import { Component, lazy } from "solid-js";
-import { render } from "solid-js/web";
+
import { Router, Routes, Route, Link } from "solid-app-router";
-import "uno.css";
const Key = lazy(() => import("./key"));
@@ -24,4 +23,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -40,11 +40,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"elements",
diff --git a/packages/resize-observer/CHANGELOG.md b/packages/resize-observer/CHANGELOG.md
index dcbd3882e..b104b213b 100644
--- a/packages/resize-observer/CHANGELOG.md
+++ b/packages/resize-observer/CHANGELOG.md
@@ -1,5 +1,22 @@
# @solid-primitives/resize-observer
+## 2.0.18
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/event-listener@2.2.13
+ - @solid-primitives/rootless@1.4.1
+ - @solid-primitives/static-store@0.0.4
+
+## 2.0.17
+
+### Patch Changes
+
+- Updated dependencies [f03c47b0]
+ - @solid-primitives/event-listener@2.2.12
+
## 2.0.16
### Patch Changes
diff --git a/packages/resize-observer/dev/index.html b/packages/resize-observer/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/resize-observer/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/resize-observer/dev/index.tsx b/packages/resize-observer/dev/index.tsx
index 58fce94d9..8c8d94101 100644
--- a/packages/resize-observer/dev/index.tsx
+++ b/packages/resize-observer/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component, createSignal, Setter } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { createElementSize, createWindowSize, createResizeObserver } from "../src";
const NumberInput: Component<{ value: number; setValue: Setter; name: string }> = props => {
@@ -60,4 +59,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/resource/dev/index.tsx b/packages/resource/dev/index.tsx
index 45529efea..6ae48d14e 100644
--- a/packages/resource/dev/index.tsx
+++ b/packages/resource/dev/index.tsx
@@ -1,7 +1,6 @@
import { Component, createResource, createSignal, For, onCleanup, Show } from "solid-js";
-import { render } from "solid-js/web";
+
import { makeAbortable, makeCache, makeRetrying } from "../src";
-import "uno.css";
const setsPath = "https://api.tcgdex.net/v2/en/sets";
const cardPath = "https://api.tcgdex.net/v2/en/cards";
@@ -191,4 +190,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
diff --git a/packages/rootless/dev/index.tsx b/packages/rootless/dev/index.tsx
index 80bbb1ae4..d2ca14e1e 100644
--- a/packages/rootless/dev/index.tsx
+++ b/packages/rootless/dev/index.tsx
@@ -1,8 +1,5 @@
import { Accessor, Component, For, batch, createSignal } from "solid-js";
import { StoreSetter, createStore, unwrap } from "solid-js/store";
-import { render } from "solid-js/web";
-
-import "uno.css";
import { createRootPool } from "../src";
type TodoItem = { title: string; done: boolean };
@@ -65,4 +62,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -40,11 +40,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"solid",
diff --git a/packages/scheduled/dev/index.html b/packages/scheduled/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/scheduled/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/scheduled/dev/index.tsx b/packages/scheduled/dev/index.tsx
index 69ee8add9..c68ab96bf 100644
--- a/packages/scheduled/dev/index.tsx
+++ b/packages/scheduled/dev/index.tsx
@@ -1,8 +1,8 @@
/* @refresh reload */
import { Component } from "solid-js";
-import { render } from "solid-js/web";
+
import { Router, Routes, Route, A } from "@solidjs/router";
-import "uno.css";
+
import Timeline from "./timeline";
import Reactive from "./reactive";
@@ -27,4 +27,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/scroll/dev/index.tsx b/packages/scroll/dev/index.tsx
index 75670a06e..a0e5222d6 100644
--- a/packages/scroll/dev/index.tsx
+++ b/packages/scroll/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { createScrollPosition } from "../src";
const App: Component = () => {
@@ -29,4 +28,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -39,12 +39,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr",
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr",
"test:watch": "watchlist src test -- npm test"
},
"keywords": [
diff --git a/packages/selection/README.md b/packages/selection/README.md
index f5a000694..bfa5072a0 100644
--- a/packages/selection/README.md
+++ b/packages/selection/README.md
@@ -81,7 +81,7 @@ At some point, this might move into the [utils](../utils/README.md) package if u
### DEMO
-https://solidjs-community.github.io/solid-primitives/selection
+https://primitives.solidjs.community/playground/selection
## Changelog
diff --git a/packages/selection/dev/index.html b/packages/selection/dev/index.html
deleted file mode 100644
index b9cd3d4fa..000000000
--- a/packages/selection/dev/index.html
+++ /dev/null
@@ -1,54 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/selection/dev/index.tsx b/packages/selection/dev/index.tsx
index d173d4527..47a89c30b 100644
--- a/packages/selection/dev/index.tsx
+++ b/packages/selection/dev/index.tsx
@@ -1,7 +1,6 @@
import { Component, createEffect, createSignal } from "solid-js";
-import { render } from "solid-js/web";
+
import { createSelection } from "../src";
-import "uno.css";
const App: Component = () => {
const [selection, setSelection] = createSelection();
@@ -75,4 +74,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/set/dev/index.tsx b/packages/set/dev/index.tsx
index 71b25dd25..857fa5ac5 100644
--- a/packages/set/dev/index.tsx
+++ b/packages/set/dev/index.tsx
@@ -1,7 +1,6 @@
import { Component, createEffect, For } from "solid-js";
-import { render } from "solid-js/web";
+
import { ReactiveSet } from "../src";
-import "uno.css";
const App: Component = () => {
const set = new ReactiveSet([1, 2, 3]);
@@ -25,4 +24,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -43,11 +43,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"peerDependencies": {
"solid-js": "^1.6.12"
diff --git a/packages/share/dev/index.html b/packages/share/dev/index.html
deleted file mode 100644
index 20d81f14d..000000000
--- a/packages/share/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/share/dev/index.tsx b/packages/share/dev/index.tsx
index 800b701da..eab8445f0 100644
--- a/packages/share/dev/index.tsx
+++ b/packages/share/dev/index.tsx
@@ -1,6 +1,4 @@
import { Component, createEffect, createSignal } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
import { createWebShare } from "../src/index";
@@ -28,4 +26,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -40,9 +40,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"dependencies": {
"@solid-primitives/utils": "workspace:^"
diff --git a/packages/start/LICENSE b/packages/start/LICENSE
new file mode 100644
index 000000000..38b41d975
--- /dev/null
+++ b/packages/start/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Solid Primitives Working Group
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/packages/start/README.md b/packages/start/README.md
new file mode 100644
index 000000000..591a7aa6e
--- /dev/null
+++ b/packages/start/README.md
@@ -0,0 +1,75 @@
+
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md)
diff --git a/packages/start/dev/index.tsx b/packages/start/dev/index.tsx
new file mode 100644
index 000000000..340378c0f
--- /dev/null
+++ b/packages/start/dev/index.tsx
@@ -0,0 +1,21 @@
+import { Component, createSignal } from "solid-js";
+
+const App: Component = () => {
+ const [count, setCount] = createSignal(0);
+ const increment = () => setCount(count() + 1);
+ return (
+ "
+ ],
+ "license": "MIT",
+ "homepage": "https://github.com/solidjs-community/solid-primitives/tree/main/packages/start#readme",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/solidjs-community/solid-primitives.git"
+ },
+ "bugs": {
+ "url": "https://github.com/solidjs-community/solid-primitives/issues"
+ },
+ "primitive": {
+ "name": "start",
+ "stage": 0,
+ "list": [
+ "createServerCookie",
+ "createUserTheme"
+ ],
+ "category": "Solid Start"
+ },
+ "keywords": [
+ "solid",
+ "primitives",
+ "solid-start",
+ "ssr"
+ ],
+ "private": false,
+ "sideEffects": false,
+ "files": [
+ "dist"
+ ],
+ "type": "module",
+ "main": "./dist/index.cjs",
+ "module": "./dist/index.js",
+ "types": "./dist/index.d.ts",
+ "browser": {},
+ "exports": {
+ "import": {
+ "types": "./dist/index.d.ts",
+ "default": "./dist/index.js"
+ },
+ "require": "./dist/index.cjs"
+ },
+ "typesVersions": {},
+ "scripts": {
+ "dev": "jiti ../../scripts/dev.ts",
+ "build": "jiti ../../scripts/build.ts",
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
+ },
+ "peerDependencies": {
+ "solid-js": "^1.6.12",
+ "solid-start": "^0.2.26"
+ }
+}
diff --git a/packages/start/src/index.ts b/packages/start/src/index.ts
new file mode 100644
index 000000000..259879c0e
--- /dev/null
+++ b/packages/start/src/index.ts
@@ -0,0 +1,101 @@
+import { createSignal, createEffect, Signal } from "solid-js";
+import { isServer } from "solid-js/web";
+import { parseCookie } from "solid-start";
+import { useRequest } from "solid-start/server";
+
+export type MaxAgeOptions = {
+ /**
+ * The maximum age of the cookie in seconds. Defaults to 1 year.
+ */
+ cookieMaxAge?: number;
+};
+
+export type ServerCookieOptions = MaxAgeOptions & {
+ /**
+ * A function to deserialize the cookie value to be used as signal value
+ */
+ deserialize?: (str: string | undefined) => T;
+ /**
+ * A function to serialize the signal value to be used as cookie value
+ */
+ serialize?: (value: T) => string;
+};
+
+const YEAR = 365 * 24 * 60 * 60;
+
+/**
+ * A primitive for creating a cookie that can be accessed isomorphically on the client, or the server
+ *
+ * @param name The name of the cookie to be set
+ * @param options Options for the cookie {@see ServerCookieOptions}
+ * @return Returns an accessor and setter to manage the user's current theme
+ */
+export function createServerCookie(
+ name: string,
+ options: ServerCookieOptions & {
+ deserialize: (str: string | undefined) => T;
+ serialize: (value: T) => string;
+ },
+): Signal;
+export function createServerCookie(
+ name: string,
+ options?: ServerCookieOptions,
+): Signal;
+export function createServerCookie(
+ name: string,
+ options?: ServerCookieOptions,
+): Signal {
+ const {
+ deserialize = (v: any) => v as T,
+ serialize = String,
+ cookieMaxAge = YEAR,
+ } = options ?? {};
+
+ const [cookie, setCookie] = createSignal(
+ deserialize(
+ parseCookie(isServer ? useRequest().request.headers.get("cookie") ?? "" : document.cookie)[
+ name
+ ],
+ ),
+ );
+
+ createEffect(p => {
+ const string = serialize(cookie());
+ if (p !== string) document.cookie = `${name}=${string};max-age=${cookieMaxAge}`;
+ return string;
+ });
+
+ return [cookie, setCookie];
+}
+
+export type Theme = "light" | "dark";
+
+export type UserThemeOptions = MaxAgeOptions & {
+ /**
+ * The default theme to be used if the cookie is not set
+ */
+ defaultValue?: Theme;
+};
+
+/**
+ * Composes {@link createServerCookie} to provide a type safe way to store a theme and access it on the server or client.
+ *
+ * @param name The name of the cookie to be set
+ * @param options Options for the cookie {@link UserThemeOptions}
+ */
+export function createUserTheme(
+ name: string | undefined,
+ options: UserThemeOptions & { defaultValue: Theme },
+): Signal;
+export function createUserTheme(
+ name?: string,
+ options?: UserThemeOptions,
+): Signal;
+export function createUserTheme(name = "theme", options?: UserThemeOptions): Signal {
+ const defaultValue = options?.defaultValue;
+ return createServerCookie(name, {
+ ...options,
+ deserialize: str => (str === "light" || str === "dark" ? str : defaultValue),
+ serialize: String,
+ });
+}
diff --git a/packages/start/tsconfig.json b/packages/start/tsconfig.json
new file mode 100644
index 000000000..4082f16a5
--- /dev/null
+++ b/packages/start/tsconfig.json
@@ -0,0 +1,3 @@
+{
+ "extends": "../../tsconfig.json"
+}
diff --git a/packages/static-store/CHANGELOG.md b/packages/static-store/CHANGELOG.md
index c6d272da1..c085b8b7a 100644
--- a/packages/static-store/CHANGELOG.md
+++ b/packages/static-store/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/static-store
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 0.0.3
### Patch Changes
diff --git a/packages/static-store/dev/index.html b/packages/static-store/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/static-store/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/static-store/dev/index.tsx b/packages/static-store/dev/index.tsx
index 3dcc7570a..e2e5113e6 100644
--- a/packages/static-store/dev/index.tsx
+++ b/packages/static-store/dev/index.tsx
@@ -1,6 +1,4 @@
import { Component, createSignal } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
const App: Component = () => {
const [count, setCount] = createSignal(0);
@@ -19,4 +17,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [],
@@ -45,11 +45,11 @@
},
"typesVersions": {},
"scripts": {
- "dev": "vite serve dev",
- "page": "echo TODO",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"peerDependencies": {
"solid-js": "^1.6.12"
diff --git a/packages/storage/CHANGELOG.md b/packages/storage/CHANGELOG.md
index d845ea047..e5d862778 100644
--- a/packages/storage/CHANGELOG.md
+++ b/packages/storage/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/storage
+## 1.3.11
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 1.3.10
### Patch Changes
diff --git a/packages/storage/package.json b/packages/storage/package.json
index 4e2a48bf2..a07f5947c 100644
--- a/packages/storage/package.json
+++ b/packages/storage/package.json
@@ -1,6 +1,6 @@
{
"name": "@solid-primitives/storage",
- "version": "1.3.10",
+ "version": "1.3.11",
"description": "Primitive that provides reactive wrappers for storage access",
"author": "Alex Lohr ",
"contributors": [
@@ -43,9 +43,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"localStorage",
diff --git a/packages/stream/CHANGELOG.md b/packages/stream/CHANGELOG.md
index 605a84cbb..f57dbed38 100644
--- a/packages/stream/CHANGELOG.md
+++ b/packages/stream/CHANGELOG.md
@@ -1,5 +1,12 @@
# @solid-primitives/stream
+## 0.6.10
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+
## 0.6.9
### Patch Changes
diff --git a/packages/stream/README.md b/packages/stream/README.md
index 8cd12ab46..b4ce14970 100644
--- a/packages/stream/README.md
+++ b/packages/stream/README.md
@@ -40,7 +40,7 @@ createMediaPermissionRequest(target?: 'audio' | 'video' | MediaStreamConstraints
## Demo
-https://solidjs-community.github.io/solid-primitives/stream
+https://primitives.solidjs.community/playground/stream
## Changelog
diff --git a/packages/stream/demo/index.tsx b/packages/stream/demo/index.tsx
index 36d46d873..77082dad3 100644
--- a/packages/stream/demo/index.tsx
+++ b/packages/stream/demo/index.tsx
@@ -1,12 +1,9 @@
-import { render } from "solid-js/web";
import { type Component, type JSX, createEffect, createSignal } from "solid-js";
import { createStore } from "solid-js/store";
import { createStream } from "../src";
import { createPermission } from "../../permission/src";
import { createCameras, createMicrophones } from "../../devices/src";
-import "uno.css";
-
declare module "solid-js" {
namespace JSX {
interface ExplicitProperties {
@@ -173,4 +170,4 @@ const App: Component = (): JSX.Element => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/stream/dev/index.tsx b/packages/stream/dev/index.tsx
index b33666040..0b8db465a 100644
--- a/packages/stream/dev/index.tsx
+++ b/packages/stream/dev/index.tsx
@@ -1,13 +1,12 @@
import type { Component, JSX } from "solid-js";
import { createSignal, Show } from "solid-js";
-import { render } from "solid-js/web";
+
import {
createStream,
createAmplitudeStream,
createMediaPermissionRequest,
createScreen,
} from "../src";
-import "uno.css";
declare module "solid-js" {
namespace JSX {
@@ -58,4 +57,4 @@ const App: Component = () => {
);
};
-render(() => ",
"license": "MIT",
@@ -39,12 +39,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr",
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr",
"demo": "vite serve demo --host"
},
"keywords": [
diff --git a/packages/styles/CHANGELOG.md b/packages/styles/CHANGELOG.md
index 194359bdd..8864d990f 100644
--- a/packages/styles/CHANGELOG.md
+++ b/packages/styles/CHANGELOG.md
@@ -1,5 +1,13 @@
# @solid-primitives/styles
+## 0.0.110
+
+### Patch Changes
+
+- Updated dependencies [3c007b92]
+ - @solid-primitives/utils@6.2.0
+ - @solid-primitives/rootless@1.4.1
+
## 0.0.109
### Patch Changes
diff --git a/packages/styles/dev/index.html b/packages/styles/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/styles/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/styles/dev/index.tsx b/packages/styles/dev/index.tsx
index f0a208341..59f9535cc 100644
--- a/packages/styles/dev/index.tsx
+++ b/packages/styles/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { createRemSize } from "../src";
const App: Component = () => {
@@ -15,4 +14,4 @@ const App: Component = () => {
);
};
-render(() => ",
"contributors": [
@@ -41,12 +41,11 @@
"require": "./dist/index.cjs"
},
"scripts": {
- "start": "vite serve dev --host",
- "dev": "vite serve dev",
- "page": "vite build dev",
+ "dev": "jiti ../../scripts/dev.ts",
"build": "jiti ../../scripts/build.ts",
- "test": "vitest -c ../../configs/vitest.config.ts",
- "test:ssr": "pnpm run test --mode ssr"
+ "vitest": "vitest -c ../../configs/vitest.config.ts",
+ "test": "pnpm run vitest",
+ "test:ssr": "pnpm run vitest --mode ssr"
},
"keywords": [
"solid",
diff --git a/packages/timer/dev/index.html b/packages/timer/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/timer/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
- Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/timer/dev/index.tsx b/packages/timer/dev/index.tsx
index 3ab50139d..ca43b4644 100644
--- a/packages/timer/dev/index.tsx
+++ b/packages/timer/dev/index.tsx
@@ -1,6 +1,5 @@
import { Component, createSignal, createEffect } from "solid-js";
-import { render } from "solid-js/web";
-import "uno.css";
+
import { createTimer } from "../src";
const Counter: Component<{ timer: typeof setTimeout | typeof setInterval }> = props => {
@@ -44,4 +43,4 @@ const App: Component = () => {
);
};
-render(() => Solid App
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/transition-group/dev/index.tsx b/packages/transition-group/dev/index.tsx
index a4c9580f0..dee91d4cf 100644
--- a/packages/transition-group/dev/index.tsx
+++ b/packages/transition-group/dev/index.tsx
@@ -1,12 +1,10 @@
import { A, Route, Router, Routes } from "@solidjs/router";
-import { render } from "solid-js/web";
+
import ListPage from "./list-page";
import SwitchPage from "./switch-page";
-import "uno.css";
-
-render(
- () => (
+function App() {
+ return (
- ),
- document.getElementById("root")!,
-);
+ );
+}
+
+export default App;
diff --git a/packages/transition-group/dev/list-page.tsx b/packages/transition-group/dev/list-page.tsx
index e2fe43c8a..6d86bc855 100644
--- a/packages/transition-group/dev/list-page.tsx
+++ b/packages/transition-group/dev/list-page.tsx
@@ -1,5 +1,4 @@
import {
- children,
createRenderEffect,
createResource,
onCleanup,
@@ -32,7 +31,8 @@ const ListPage: Component = () => {
const [res] = createResource(runResource, () => new Promise
+
);
};
-render(() =>
+
+
+ no autofocus}>
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Client;
diff --git a/packages/geolocation/dev/index.html b/packages/geolocation/dev/index.html
deleted file mode 100644
index e2cd96664..000000000
--- a/packages/geolocation/dev/index.html
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
-
-
-
-
+
+
+ Could not detect coordinates, check permissions.
}
+ when={!location.error}
+ >
+
+
+
+
+ Accuracy: {(location()?.accuracy || 0).toFixed(2)}
+
+
+ Altitude: {(location()?.altitude || 0).toFixed(2)}
+
+ (ref = el)} />
+
+
+ {location()?.latitude}, {location()?.longitude}
+
+
-
- );
+ const [mounted, setMounted] = createSignal(false);
+ onMount(() => setMounted(true));
+
+ return
-
-
- Could not detect coordinates, check permissions.
}
- when={!location.error}
- >
-
-
-
-
- Accuracy: {(location()?.accuracy || 0).toFixed(2)}
-
-
- Altitude: {(location()?.altitude || 0).toFixed(2)}
-
- (ref = el)} />
-
-
- {location()?.latitude}, {location()?.longitude}
-
-
+
+
+
+ );
+};
+
+export default App;
diff --git a/packages/history/package.json b/packages/history/package.json
new file mode 100644
index 000000000..497d9fd30
--- /dev/null
+++ b/packages/history/package.json
@@ -0,0 +1,63 @@
+{
+ "name": "@solid-primitives/history",
+ "version": "0.0.2",
+ "description": "Primitives for managing undo/redo history in Solid.",
+ "author": "Damian Tarnawski
+
+ Counter component
+it's very important...
+
+
+
+
+
+
+ History
+ + + {/* */} +{t('username')}
+ {t('password')}
+
+
+}
+
+```
+
## Demo
You may view a working example of createI18nContext here: https://codesandbox.io/s/use-i18n-rd7jq?file=/src/index.tsx
diff --git a/packages/i18n/dev/index.html b/packages/i18n/dev/index.html
deleted file mode 100644
index 65f53c4b6..000000000
--- a/packages/i18n/dev/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
-
-
);
};
-render(() =>
+
+
+
+
+
+
+ );
+};
+```
+
+### `createPresence` switching example
+
+The first argument of `createPresence` is a signal accessor of arbitrary type. This allows you to use it with any kind of data, not just booleans. This is useful if you want to animate between different items. If you utilize the returned `mountedItem` property, you can get the data which should be currently mounted regardless of the animation state
+
+```tsx
+const SecondExample = () => {
+ const items = ["foo", "bar", "baz", "qux"];
+ const [activeItem, setActiveItem] = createSignal(items[0]);
+ const presence = createPresence(activeItem, {
+ transitionDuration: 500,
+ });
+
+ return (
+
+ I am the stuff!
+
+
+
+ {item => (
+
+ )}
+
+
+
+
+ );
+};
+```
+
+### `createPresence` options API
+
+```ts
+function createPresence
+ {presence.mountedItem()}
+
+
+
+
+
+
+ );
+};
+
+const SecondExample = () => {
+ const items = ["foo", "bar", "baz", "qux"];
+ const [item, setItem] = createSignal<(typeof items)[number] | undefined>(items[0]);
+ const { isMounted, mountedItem, isEntering, isVisible, isExiting } = createPresence(item, {
+ transitionDuration: 500,
+ });
+
+ return (
+
+ I am the stuff!
+
+
+
+ {currItem => (
+
+ )}
+
+
+
+
+ );
+};
+
+export default App;
diff --git a/packages/presence/package.json b/packages/presence/package.json
new file mode 100644
index 000000000..829ed5f75
--- /dev/null
+++ b/packages/presence/package.json
@@ -0,0 +1,57 @@
+{
+ "name": "@solid-primitives/presence",
+ "version": "0.0.2",
+ "description": "Utility to animate the presence of an element based on the existence of data or lack thereof.",
+ "author": "Ethan Standel
+ {mountedItem()}
+
+
+
+
+
+ );
+};
+
+export default App;
diff --git a/packages/start/package.json b/packages/start/package.json
new file mode 100644
index 000000000..a646afa33
--- /dev/null
+++ b/packages/start/package.json
@@ -0,0 +1,62 @@
+{
+ "name": "@solid-primitives/start",
+ "version": "0.0.1",
+ "description": "A set of primitives for Solid Start",
+ "author": "Thomas",
+ "contributors": [
+ "Damian Tarnawski
+
+
+
+ Counter component
+it's very important...
+ +Connection: {states[state()]}
; + +const socket = makeHeartbeatWS( + makeReconnectingWS(`ws://${location.hostName}/api/ws`, undefined, { timeout: 500 }), + { message: "👍" }, +); +// with the primitives starting with `make...`, one needs to manually clean up: +socket.send("this will reconnect if connection fails"); +``` + +### Definitions + +```ts +/** Arguments of the primitives */ +type WSProps = [url: string, protocols?: string | string[]]; +type WSMessage = string | ArrayBufferLike | ArrayBufferView | Blob; +type WSReadyState = WebSocket.CONNECTING | WebSocket.OPEN | WebSocket.CLOSING | WebSocket.CLOSED; +type WSEventMap = { + close: CloseEvent; + error: Event; + message: MessageEvent; + open: Event; +}; +type ReconnectingWebSocket = WebSocket & { + reconnect: () => void; + // ws.send.before is meant to be used by heartbeat + send: ((msg: WSMessage) => void) & { before: () => void }; +}; +type WSHeartbeatOptions = { + /** + * Heartbeat message being sent to the server in order to validate the connection + * @default "ping" + */ + message?: WSMessage; + /** + * The time between messages being sent in milliseconds + * @default 1000 + */ + interval?: number; + /** + * The time after the heartbeat message being sent to wait for the next message in milliseconds + * @default 1500 + */ + wait?: number; +}; ``` +If you want to use the messages as a signal, have a look at the [`event-listener`](../event-listener/README.md) package: + +```ts +import { createWS } from "@solid-primitives/websocket"; +import { createEventSignal } from "@solid-primitives/event-listener"; + +const ws = createWS("ws://localhost:5000"); +const messageEvent = createEventSignal(ws, "message"); +const message = () => messageEvent().data; +``` + +Otherwise, you can simply use the message event to get message.data: + +```ts +import { createStore } from "solid-js/store"; +import { createReconnectingWS, WSMessage } from "@solid-primitives/websocket"; + +const ws = createReconnectingWS("ws://localhost:5000"); +const [messages, setMessages] = createStore
+
+ );
+};
+
+export default App;
diff --git a/packages/websocket/package.json b/packages/websocket/package.json
index 6376e3b32..095335e63 100644
--- a/packages/websocket/package.json
+++ b/packages/websocket/package.json
@@ -1,10 +1,30 @@
{
"name": "@solid-primitives/websocket",
- "version": "0.3.7",
- "description": "Primitive to create a worker helper",
+ "version": "1.1.0",
+ "description": "Primitive to create a web socket connection",
"author": "David Di Biase
+
+ Chat demo
+ +
+
+ {message => (
+
+
+
+
+ {message instanceof Blob && message.type.startsWith("image/") ? (
+ })
+ ) : (
+ message.toString()
+ )}
+
+ )}
+ + This demo chat is using a free testing service from{" "} + + SocketsBay + + . +
+{states[state()]}
* ```
*/
-const createWebsocket = (
- url: string,
- onData: (message: MessageEvent) => void,
- onError: (message: Event) => void,
- protocols?: string | ArrayAvailable demos
--
- ${pages
- .sort()
- .map(page => `
- ${page} `) - .join("\n ")} -