coily 0.10.1 → 0.11.0

package/dist/vue.js

@@ -0,0 +1,121 @@
+import { n as SpringConfig, t as createSpringSystem } from "./system-Dxxv4ee7.js";
+import { computed, customRef, defineComponent, inject, onBeforeUnmount, onMounted, provide, toRefs, toValue, watchSyncEffect } from "vue";
+//#region src/vue/system.ts
+const SpringSystemKey = Symbol.for("coily/spring-system");
+function provideSpringSystem(system, app) {
+	if (app) app.provide(SpringSystemKey, system);
+	else provide(SpringSystemKey, system);
+}
+function useSpringSystem() {
+	const system = createSpringSystem();
+	provideSpringSystem(system);
+	onMounted(() => {
+		system.start();
+	});
+	onBeforeUnmount(() => {
+		system.stop();
+	});
+}
+//#endregion
+//#region src/vue/spring.ts
+const defaultOptions = {
+	tension: 100,
+	damping: 10,
+	precision: 2
+};
+function useSpring(target, options) {
+	const system = inject(SpringSystemKey);
+	if (!system) throw new Error("No SpringSystem found");
+	const config = computed(() => {
+		const opts = toValue(options);
+		if (opts instanceof SpringConfig) return opts;
+		return new SpringConfig(opts ?? defaultOptions);
+	});
+	const spring = system.createSpring(toValue(target), config.value);
+	watchSyncEffect(() => {
+		spring.configure(config.value);
+	});
+	let triggerValue;
+	let triggerVelocity;
+	spring.onUpdate(() => {
+		triggerValue?.();
+		triggerVelocity?.();
+	});
+	const value = customRef((track, trigger) => {
+		triggerValue = trigger;
+		return {
+			get() {
+				track();
+				return spring.value;
+			},
+			set(value) {
+				spring.value = value;
+				trigger();
+			}
+		};
+	});
+	const velocity = customRef((track, trigger) => {
+		triggerVelocity = trigger;
+		return {
+			get() {
+				track();
+				return spring.velocity;
+			},
+			set(value) {
+				spring.velocity = value;
+				trigger();
+			}
+		};
+	});
+	const resting = customRef((track, trigger) => {
+		spring.onStart(trigger);
+		spring.onStop(trigger);
+		return {
+			get() {
+				track();
+				return spring.resting;
+			},
+			set() {}
+		};
+	});
+	watchSyncEffect(() => {
+		spring.target = toValue(target);
+	});
+	return {
+		value,
+		velocity,
+		resting,
+		jumpTo: (value) => {
+			spring.jumpTo(value);
+		}
+	};
+}
+//#endregion
+//#region src/vue/component.ts
+const SpringValue = defineComponent((props, { slots }) => {
+	const { target, mass, tension, damping, precision } = toRefs(props);
+	const spring = useSpring(target, () => ({
+		mass: mass?.value ?? 1,
+		tension: tension?.value ?? 100,
+		damping: damping?.value ?? 10,
+		precision: precision?.value ?? 2
+	}));
+	return () => {
+		return slots.default?.({
+			value: spring.value.value,
+			velocity: spring.velocity.value,
+			resting: spring.resting.value
+		}) ?? null;
+	};
+}, {
+	name: "SpringValue",
+	props: [
+		"target",
+		"mass",
+		"tension",
+		"damping",
+		"precision"
+	]
+});
+//#endregion
+export { SpringValue, provideSpringSystem, useSpring, useSpringSystem };

package/package.json

@@ -1,47 +1,66 @@
 {
   "name": "coily",
-  "version": "0.10.1",
+  "version": "0.11.0",
   "description": "Simulate values using spring physics",
-  "author": "Tim Morris <timthewebguy@gmail.com>",
   "homepage": "https://github.com/tkofh/coily#readme",
+  "bugs": {
+    "url": "https://github.com/tkofh/coily/issues"
+  },
   "license": "MIT",
-  "sideEffects": false,
-  "type": "module",
-  "module": "./dist/api.mjs",
-  "types": "./dist/api.d.mts",
-  "exports": {
-    ".": {
-      "import": "./dist/api.mjs",
-      "types": "./dist/api.d.mts"
-    },
-    "./loop": {
-      "import": "./dist/loop.mjs",
-      "types": "./dist/loop.d.mts"
-    }
+  "author": "Tim Morris <timthewebguy@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tkofh/coily.git"
   },
   "files": [
     "dist"
   ],
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": "./dist/index.js",
+    "./nuxt": "./dist/nuxt.js",
+    "./vue": "./dist/vue.js",
+    "./package.json": "./package.json"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tkofh/coily.git"
+  "devDependencies": {
+    "@nuxt/kit": "^4.4.2",
+    "@nuxt/schema": "^4.4.2",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vitest/browser-playwright": "^4.1.0",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vue/test-utils": "^2.4.6",
+    "fast-check": "^4.6.0",
+    "happy-dom": "^20.8.4",
+    "tsdown": "^0.21.3",
+    "vitest": "^4.1.0",
+    "vitest-browser-vue": "^2.1.0",
+    "vue": "^3.5.30"
   },
-  "bugs": {
-    "url": "https://github.com/tkofh/coily/issues"
+  "peerDependencies": {
+    "@nuxt/kit": "^4.0.0",
+    "vue": "^3.4.0"
   },
-  "devDependencies": {
-    "unbuild": "^2.0.0",
-    "vitest": "^2.1.4",
-    "@repo/tsconfig": "0.0.0"
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    },
+    "@nuxt/kit": {
+      "optional": true
+    }
   },
-  "dependencies": {
-    "tickloop": "^0.5.0"
+  "engines": {
+    "node": ">=24.10.0"
   },
   "scripts": {
-    "build": "unbuild",
-    "test": "vitest run"
+    "build": "tsdown",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "bench": "vitest bench --run",
+    "bench:baseline": "vitest bench --run --outputJson bench-baseline.json",
+    "bench:compare": "vitest bench --run --compare bench-baseline.json"
   }
 }

package/dist/api.d.mts

@@ -1,110 +0,0 @@
-interface SolverOptions {
-    mass: number;
-    tension: number;
-    damping: number;
-    position: number;
-    velocity: number;
-    precision: number;
-}
-declare class Solver {
-    #private;
-    constructor(options: SolverOptions);
-    get mass(): number;
-    set mass(value: number);
-    get tension(): number;
-    set tension(value: number);
-    get damping(): number;
-    set damping(value: number);
-    get position(): number;
-    set position(value: number);
-    get velocity(): number;
-    set velocity(value: number);
-    get precision(): number;
-    set precision(value: number);
-    get resting(): boolean;
-    get naturalFrequency(): number;
-    get criticalDamping(): number;
-    get dampingRatio(): number;
-    tick(dt: number, emit?: boolean): void;
-    onUpdate(callback: () => void): () => void;
-    onStart(callback: () => void): () => void;
-    onStop(callback: () => void): () => void;
-}
-
-declare class Scheduler {
-    #private;
-    tick(delta: number): void;
-    add(solver: Solver): void;
-    remove(solver: Solver): void;
-    has(solver: Solver): boolean;
-}
-
-interface SpringOptions {
-    /**
-     * The mass of the spring
-     *
-     * must be greater than 0
-     */
-    mass: number;
-    /**
-     * The tension of the spring
-     *
-     * must be greater than 0
-     */
-    tension: number;
-    /**
-     * The damping of the spring
-     *
-     * must be greater than or equal to 0
-     */
-    damping: number;
-    /**
-     * The target of the spring
-     *
-     * defaults to 0
-     */
-    target?: number;
-    /**
-     * The current value of the spring
-     *
-     * defaults to the target
-     */
-    value?: number;
-    /**
-     * The precision of the solver
-     *
-     * defaults to 2
-     */
-    precision?: number;
-}
-declare class Spring {
-    #private;
-    constructor(scheduler: Scheduler, options: SpringOptions);
-    get target(): number;
-    set target(value: number);
-    get value(): number;
-    set value(value: number);
-    get velocity(): number;
-    set velocity(value: number);
-    get mass(): number;
-    set mass(value: number);
-    get tension(): number;
-    set tension(value: number);
-    get damping(): number;
-    set damping(value: number);
-    get precision(): number;
-    set precision(value: number);
-    get resting(): boolean;
-    onUpdate(callback: () => void): () => void;
-    onStart(callback: () => void): () => void;
-    onStop(callback: () => void): () => void;
-    jumpTo(value: number): void;
-}
-
-interface SpringSystem {
-    createSpring(options: SpringOptions): Spring;
-    tick(dt: number): void;
-}
-declare function createSpringSystem(): SpringSystem;
-
-export { Spring, type SpringSystem, createSpringSystem };

package/dist/api.d.ts

@@ -1,110 +0,0 @@
-interface SolverOptions {
-    mass: number;
-    tension: number;
-    damping: number;
-    position: number;
-    velocity: number;
-    precision: number;
-}
-declare class Solver {
-    #private;
-    constructor(options: SolverOptions);
-    get mass(): number;
-    set mass(value: number);
-    get tension(): number;
-    set tension(value: number);
-    get damping(): number;
-    set damping(value: number);
-    get position(): number;
-    set position(value: number);
-    get velocity(): number;
-    set velocity(value: number);
-    get precision(): number;
-    set precision(value: number);
-    get resting(): boolean;
-    get naturalFrequency(): number;
-    get criticalDamping(): number;
-    get dampingRatio(): number;
-    tick(dt: number, emit?: boolean): void;
-    onUpdate(callback: () => void): () => void;
-    onStart(callback: () => void): () => void;
-    onStop(callback: () => void): () => void;
-}
-
-declare class Scheduler {
-    #private;
-    tick(delta: number): void;
-    add(solver: Solver): void;
-    remove(solver: Solver): void;
-    has(solver: Solver): boolean;
-}
-
-interface SpringOptions {
-    /**
-     * The mass of the spring
-     *
-     * must be greater than 0
-     */
-    mass: number;
-    /**
-     * The tension of the spring
-     *
-     * must be greater than 0
-     */
-    tension: number;
-    /**
-     * The damping of the spring
-     *
-     * must be greater than or equal to 0
-     */
-    damping: number;
-    /**
-     * The target of the spring
-     *
-     * defaults to 0
-     */
-    target?: number;
-    /**
-     * The current value of the spring
-     *
-     * defaults to the target
-     */
-    value?: number;
-    /**
-     * The precision of the solver
-     *
-     * defaults to 2
-     */
-    precision?: number;
-}
-declare class Spring {
-    #private;
-    constructor(scheduler: Scheduler, options: SpringOptions);
-    get target(): number;
-    set target(value: number);
-    get value(): number;
-    set value(value: number);
-    get velocity(): number;
-    set velocity(value: number);
-    get mass(): number;
-    set mass(value: number);
-    get tension(): number;
-    set tension(value: number);
-    get damping(): number;
-    set damping(value: number);
-    get precision(): number;
-    set precision(value: number);
-    get resting(): boolean;
-    onUpdate(callback: () => void): () => void;
-    onStart(callback: () => void): () => void;
-    onStop(callback: () => void): () => void;
-    jumpTo(value: number): void;
-}
-
-interface SpringSystem {
-    createSpring(options: SpringOptions): Spring;
-    tick(dt: number): void;
-}
-declare function createSpringSystem(): SpringSystem;
-
-export { Spring, type SpringSystem, createSpringSystem };