sparkfx 1.0.0

package/dist/vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/vue.ts"],"names":["useSpark","effect","options","elementRef","ref","cleanup","onMounted","element","effectFn","spark","result","cls","key","value","handlers","handler","event","onUnmounted","vSpark","el","binding","config","_"],"mappings":"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","file":"vue.cjs","sourcesContent":["/**\r\n * @lynch/spark - Vue Adapter\r\n * Composables and directives for using spark effects in Vue components\r\n */\r\n\r\nimport { ref, onMounted, onUnmounted, type Ref } from 'vue'\r\nimport type { SparkEffectName, SparkBaseOptions, SparkResult } from '../core/types'\r\nimport { spark } from '../index'\r\n\r\ntype SparkEffects = typeof spark\r\n\r\n/**\r\n * Vue composable for applying spark effects\r\n * @param effect - Effect name\r\n * @param options - Effect options\r\n * @returns Ref to attach to the element\r\n * \r\n * @example\r\n * const buttonRef = useSpark('bounce')\r\n * <button ref=\"buttonRef\">Click me</button>\r\n */\r\nexport function useSpark<T extends HTMLElement = HTMLElement>(\r\n    effect: SparkEffectName,\r\n    options?: SparkBaseOptions\r\n): Ref<T | null> {\r\n    const elementRef = ref<T | null>(null)\r\n    let cleanup: (() => void) | null = null\r\n\r\n    onMounted(() => {\r\n        const element = elementRef.value\r\n        if (!element) return\r\n\r\n        const effectFn = spark[effect as keyof SparkEffects]\r\n        if (typeof effectFn !== 'function') {\r\n            console.warn(`@lynch/spark: Effect \"${effect}\" not found`)\r\n            return\r\n        }\r\n\r\n        const result = (effectFn as (opts?: SparkBaseOptions) => SparkResult)(options)\r\n\r\n        // Apply className\r\n        if (result.className) {\r\n            result.className.split(' ').forEach(cls => {\r\n                if (cls) element.classList.add(cls)\r\n            })\r\n        }\r\n\r\n        // Apply styles\r\n        if (result.style) {\r\n            Object.entries(result.style).forEach(([key, value]) => {\r\n                element.style.setProperty(key, value)\r\n            })\r\n        }\r\n\r\n        // Attach event handlers\r\n        const handlers: Array<[string, (e: Event) => void]> = []\r\n\r\n        if (result.onMouseEnter) {\r\n            const handler = result.onMouseEnter as (e: Event) => void\r\n            element.addEventListener('mouseenter', handler)\r\n            handlers.push(['mouseenter', handler])\r\n        }\r\n        if (result.onMouseLeave) {\r\n            const handler = result.onMouseLeave as (e: Event) => void\r\n            element.addEventListener('mouseleave', handler)\r\n            handlers.push(['mouseleave', handler])\r\n        }\r\n        if (result.onMouseMove) {\r\n            const handler = result.onMouseMove as (e: Event) => void\r\n            element.addEventListener('mousemove', handler)\r\n            handlers.push(['mousemove', handler])\r\n        }\r\n        if (result.onClick) {\r\n            const handler = result.onClick as (e: Event) => void\r\n            element.addEventListener('click', handler)\r\n            handlers.push(['click', handler])\r\n        }\r\n\r\n        cleanup = () => {\r\n            handlers.forEach(([event, handler]) => {\r\n                element.removeEventListener(event, handler)\r\n            })\r\n            if (result.destroy) result.destroy()\r\n        }\r\n    })\r\n\r\n    onUnmounted(() => {\r\n        if (cleanup) cleanup()\r\n    })\r\n\r\n    return elementRef\r\n}\r\n\r\n/**\r\n * Vue directive for spark effects\r\n * @example\r\n * <button v-spark=\"'bounce'\">Click me</button>\r\n * <button v-spark=\"{ effect: 'tilt', angle: 20 }\">Tilt me</button>\r\n */\r\nexport const vSpark = {\r\n    mounted(\r\n        el: HTMLElement,\r\n        binding: { value: SparkEffectName | { effect: SparkEffectName;[key: string]: unknown } }\r\n    ) {\r\n        const config = typeof binding.value === 'string'\r\n            ? { effect: binding.value }\r\n            : binding.value\r\n\r\n        const effectFn = spark[config.effect as keyof SparkEffects]\r\n        if (typeof effectFn !== 'function') {\r\n            console.warn(`@lynch/spark: Effect \"${config.effect}\" not found`)\r\n            return\r\n        }\r\n\r\n        const { effect: _, ...options } = config\r\n        const result = (effectFn as (opts?: SparkBaseOptions) => SparkResult)(options as SparkBaseOptions)\r\n\r\n        // Store cleanup for unmount\r\n        const handlers: Array<[string, (e: Event) => void]> = []\r\n\r\n        // Apply className\r\n        if (result.className) {\r\n            result.className.split(' ').forEach(cls => {\r\n                if (cls) el.classList.add(cls)\r\n            })\r\n        }\r\n\r\n        // Apply styles\r\n        if (result.style) {\r\n            Object.entries(result.style).forEach(([key, value]) => {\r\n                el.style.setProperty(key, value)\r\n            })\r\n        }\r\n\r\n        // Attach handlers\r\n        if (result.onMouseEnter) {\r\n            const handler = result.onMouseEnter as (e: Event) => void\r\n            el.addEventListener('mouseenter', handler)\r\n            handlers.push(['mouseenter', handler])\r\n        }\r\n        if (result.onMouseLeave) {\r\n            const handler = result.onMouseLeave as (e: Event) => void\r\n            el.addEventListener('mouseleave', handler)\r\n            handlers.push(['mouseleave', handler])\r\n        }\r\n        if (result.onMouseMove) {\r\n            const handler = result.onMouseMove as (e: Event) => void\r\n            el.addEventListener('mousemove', handler)\r\n            handlers.push(['mousemove', handler])\r\n        }\r\n        if (result.onClick) {\r\n            const handler = result.onClick as (e: Event) => void\r\n            el.addEventListener('click', handler)\r\n            handlers.push(['click', handler])\r\n        }\r\n\r\n        // Store for cleanup\r\n        (el as HTMLElement & { _sparkCleanup?: () => void })._sparkCleanup = () => {\r\n            handlers.forEach(([event, handler]) => {\r\n                el.removeEventListener(event, handler)\r\n            })\r\n            if (result.destroy) result.destroy()\r\n        }\r\n    },\r\n\r\n    unmounted(el: HTMLElement & { _sparkCleanup?: () => void }) {\r\n        if (el._sparkCleanup) {\r\n            el._sparkCleanup()\r\n            delete el._sparkCleanup\r\n        }\r\n    }\r\n}\r\n\r\n// Re-export spark for convenience\r\nexport { spark } from '../index'\r\nexport type { SparkEffectName, SparkBaseOptions, SparkResult } from '../core/types'\r\n"]}

package/dist/vue.js

@@ -0,0 +1,3 @@
+import {J}from'./chunk-5QFFUSHL.js';export{J as spark}from'./chunk-5QFFUSHL.js';import {ref,onMounted,onUnmounted}from'vue';// @lynch/spark - Premium Micro-Interactions
+function E(s,p){let r=ref(null),f=null;return onMounted(()=>{let o=r.value;if(!o)return;let i=J[s];if(typeof i!="function"){console.warn(`@lynch/spark: Effect "${s}" not found`);return}let t=i(p);t.className&&t.className.split(" ").forEach(e=>{e&&o.classList.add(e);}),t.style&&Object.entries(t.style).forEach(([e,a])=>{o.style.setProperty(e,a);});let n=[];if(t.onMouseEnter){let e=t.onMouseEnter;o.addEventListener("mouseenter",e),n.push(["mouseenter",e]);}if(t.onMouseLeave){let e=t.onMouseLeave;o.addEventListener("mouseleave",e),n.push(["mouseleave",e]);}if(t.onMouseMove){let e=t.onMouseMove;o.addEventListener("mousemove",e),n.push(["mousemove",e]);}if(t.onClick){let e=t.onClick;o.addEventListener("click",e),n.push(["click",e]);}f=()=>{n.forEach(([e,a])=>{o.removeEventListener(e,a);}),t.destroy&&t.destroy();};}),onUnmounted(()=>{f&&f();}),r}var k={mounted(s,p){let r=typeof p.value=="string"?{effect:p.value}:p.value,f=J[r.effect];if(typeof f!="function"){console.warn(`@lynch/spark: Effect "${r.effect}" not found`);return}let{effect:o,...i}=r,t=f(i),n=[];if(t.className&&t.className.split(" ").forEach(e=>{e&&s.classList.add(e);}),t.style&&Object.entries(t.style).forEach(([e,a])=>{s.style.setProperty(e,a);}),t.onMouseEnter){let e=t.onMouseEnter;s.addEventListener("mouseenter",e),n.push(["mouseenter",e]);}if(t.onMouseLeave){let e=t.onMouseLeave;s.addEventListener("mouseleave",e),n.push(["mouseleave",e]);}if(t.onMouseMove){let e=t.onMouseMove;s.addEventListener("mousemove",e),n.push(["mousemove",e]);}if(t.onClick){let e=t.onClick;s.addEventListener("click",e),n.push(["click",e]);}s._sparkCleanup=()=>{n.forEach(([e,a])=>{s.removeEventListener(e,a);}),t.destroy&&t.destroy();};},unmounted(s){s._sparkCleanup&&(s._sparkCleanup(),delete s._sparkCleanup);}};export{E as useSpark,k as vSpark};//# sourceMappingURL=vue.js.map
+//# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/vue.ts"],"names":["useSpark","effect","options","elementRef","ref","cleanup","onMounted","element","effectFn","spark","result","cls","key","value","handlers","handler","event","onUnmounted","vSpark","el","binding","config","_"],"mappings":"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","file":"vue.js","sourcesContent":["/**\r\n * @lynch/spark - Vue Adapter\r\n * Composables and directives for using spark effects in Vue components\r\n */\r\n\r\nimport { ref, onMounted, onUnmounted, type Ref } from 'vue'\r\nimport type { SparkEffectName, SparkBaseOptions, SparkResult } from '../core/types'\r\nimport { spark } from '../index'\r\n\r\ntype SparkEffects = typeof spark\r\n\r\n/**\r\n * Vue composable for applying spark effects\r\n * @param effect - Effect name\r\n * @param options - Effect options\r\n * @returns Ref to attach to the element\r\n * \r\n * @example\r\n * const buttonRef = useSpark('bounce')\r\n * <button ref=\"buttonRef\">Click me</button>\r\n */\r\nexport function useSpark<T extends HTMLElement = HTMLElement>(\r\n    effect: SparkEffectName,\r\n    options?: SparkBaseOptions\r\n): Ref<T | null> {\r\n    const elementRef = ref<T | null>(null)\r\n    let cleanup: (() => void) | null = null\r\n\r\n    onMounted(() => {\r\n        const element = elementRef.value\r\n        if (!element) return\r\n\r\n        const effectFn = spark[effect as keyof SparkEffects]\r\n        if (typeof effectFn !== 'function') {\r\n            console.warn(`@lynch/spark: Effect \"${effect}\" not found`)\r\n            return\r\n        }\r\n\r\n        const result = (effectFn as (opts?: SparkBaseOptions) => SparkResult)(options)\r\n\r\n        // Apply className\r\n        if (result.className) {\r\n            result.className.split(' ').forEach(cls => {\r\n                if (cls) element.classList.add(cls)\r\n            })\r\n        }\r\n\r\n        // Apply styles\r\n        if (result.style) {\r\n            Object.entries(result.style).forEach(([key, value]) => {\r\n                element.style.setProperty(key, value)\r\n            })\r\n        }\r\n\r\n        // Attach event handlers\r\n        const handlers: Array<[string, (e: Event) => void]> = []\r\n\r\n        if (result.onMouseEnter) {\r\n            const handler = result.onMouseEnter as (e: Event) => void\r\n            element.addEventListener('mouseenter', handler)\r\n            handlers.push(['mouseenter', handler])\r\n        }\r\n        if (result.onMouseLeave) {\r\n            const handler = result.onMouseLeave as (e: Event) => void\r\n            element.addEventListener('mouseleave', handler)\r\n            handlers.push(['mouseleave', handler])\r\n        }\r\n        if (result.onMouseMove) {\r\n            const handler = result.onMouseMove as (e: Event) => void\r\n            element.addEventListener('mousemove', handler)\r\n            handlers.push(['mousemove', handler])\r\n        }\r\n        if (result.onClick) {\r\n            const handler = result.onClick as (e: Event) => void\r\n            element.addEventListener('click', handler)\r\n            handlers.push(['click', handler])\r\n        }\r\n\r\n        cleanup = () => {\r\n            handlers.forEach(([event, handler]) => {\r\n                element.removeEventListener(event, handler)\r\n            })\r\n            if (result.destroy) result.destroy()\r\n        }\r\n    })\r\n\r\n    onUnmounted(() => {\r\n        if (cleanup) cleanup()\r\n    })\r\n\r\n    return elementRef\r\n}\r\n\r\n/**\r\n * Vue directive for spark effects\r\n * @example\r\n * <button v-spark=\"'bounce'\">Click me</button>\r\n * <button v-spark=\"{ effect: 'tilt', angle: 20 }\">Tilt me</button>\r\n */\r\nexport const vSpark = {\r\n    mounted(\r\n        el: HTMLElement,\r\n        binding: { value: SparkEffectName | { effect: SparkEffectName;[key: string]: unknown } }\r\n    ) {\r\n        const config = typeof binding.value === 'string'\r\n            ? { effect: binding.value }\r\n            : binding.value\r\n\r\n        const effectFn = spark[config.effect as keyof SparkEffects]\r\n        if (typeof effectFn !== 'function') {\r\n            console.warn(`@lynch/spark: Effect \"${config.effect}\" not found`)\r\n            return\r\n        }\r\n\r\n        const { effect: _, ...options } = config\r\n        const result = (effectFn as (opts?: SparkBaseOptions) => SparkResult)(options as SparkBaseOptions)\r\n\r\n        // Store cleanup for unmount\r\n        const handlers: Array<[string, (e: Event) => void]> = []\r\n\r\n        // Apply className\r\n        if (result.className) {\r\n            result.className.split(' ').forEach(cls => {\r\n                if (cls) el.classList.add(cls)\r\n            })\r\n        }\r\n\r\n        // Apply styles\r\n        if (result.style) {\r\n            Object.entries(result.style).forEach(([key, value]) => {\r\n                el.style.setProperty(key, value)\r\n            })\r\n        }\r\n\r\n        // Attach handlers\r\n        if (result.onMouseEnter) {\r\n            const handler = result.onMouseEnter as (e: Event) => void\r\n            el.addEventListener('mouseenter', handler)\r\n            handlers.push(['mouseenter', handler])\r\n        }\r\n        if (result.onMouseLeave) {\r\n            const handler = result.onMouseLeave as (e: Event) => void\r\n            el.addEventListener('mouseleave', handler)\r\n            handlers.push(['mouseleave', handler])\r\n        }\r\n        if (result.onMouseMove) {\r\n            const handler = result.onMouseMove as (e: Event) => void\r\n            el.addEventListener('mousemove', handler)\r\n            handlers.push(['mousemove', handler])\r\n        }\r\n        if (result.onClick) {\r\n            const handler = result.onClick as (e: Event) => void\r\n            el.addEventListener('click', handler)\r\n            handlers.push(['click', handler])\r\n        }\r\n\r\n        // Store for cleanup\r\n        (el as HTMLElement & { _sparkCleanup?: () => void })._sparkCleanup = () => {\r\n            handlers.forEach(([event, handler]) => {\r\n                el.removeEventListener(event, handler)\r\n            })\r\n            if (result.destroy) result.destroy()\r\n        }\r\n    },\r\n\r\n    unmounted(el: HTMLElement & { _sparkCleanup?: () => void }) {\r\n        if (el._sparkCleanup) {\r\n            el._sparkCleanup()\r\n            delete el._sparkCleanup\r\n        }\r\n    }\r\n}\r\n\r\n// Re-export spark for convenience\r\nexport { spark } from '../index'\r\nexport type { SparkEffectName, SparkBaseOptions, SparkResult } from '../core/types'\r\n"]}

package/package.json

@@ -0,0 +1,93 @@
+{
+    "name": "sparkfx",
+    "version": "1.0.0",
+    "description": "Premium micro-interactions for modern web applications. Zero dependencies, framework-agnostic.",
+    "author": "Lynch",
+    "license": "MIT",
+    "type": "module",
+    "main": "./dist/index.cjs",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "require": "./dist/index.cjs",
+            "types": "./dist/index.d.ts"
+        },
+        "./react": {
+            "import": "./dist/react.js",
+            "require": "./dist/react.cjs",
+            "types": "./dist/react.d.ts"
+        },
+        "./vue": {
+            "import": "./dist/vue.js",
+            "require": "./dist/vue.cjs",
+            "types": "./dist/vue.d.ts"
+        },
+        "./svelte": {
+            "import": "./dist/svelte.js",
+            "require": "./dist/svelte.cjs",
+            "types": "./dist/svelte.d.ts"
+        },
+        "./next": {
+            "import": "./dist/next.js",
+            "require": "./dist/next.cjs",
+            "types": "./dist/next.d.ts"
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "tsup",
+        "dev": "tsup --watch",
+        "test": "vitest",
+        "test:coverage": "vitest --coverage",
+        "typecheck": "tsc --noEmit",
+        "lint": "eslint src --ext .ts,.tsx",
+        "format": "prettier --write \"src/**/*.ts\"",
+        "prepublishOnly": "npm run build"
+    },
+    "keywords": [
+        "micro-interactions",
+        "animations",
+        "effects",
+        "ui",
+        "react",
+        "vue",
+        "svelte",
+        "nextjs",
+        "typescript",
+        "hover",
+        "click",
+        "transitions"
+    ],
+    "devDependencies": {
+        "@types/node": "^20.10.0",
+        "eslint": "^8.55.0",
+        "prettier": "^3.1.0",
+        "tsup": "^8.0.1",
+        "typescript": "^5.3.0",
+        "vitest": "^1.0.0"
+    },
+    "peerDependencies": {
+        "react": ">=18.0.0",
+        "vue": ">=3.0.0",
+        "svelte": ">=4.0.0"
+    },
+    "peerDependenciesMeta": {
+        "react": {
+            "optional": true
+        },
+        "vue": {
+            "optional": true
+        },
+        "svelte": {
+            "optional": true
+        }
+    },
+    "engines": {
+        "node": ">=20.0.0"
+    },
+    "sideEffects": false
+}