@ssgoi/solid 4.0.0 → 6.0.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./solid/src/lib/transition.cjs"),i=require("./core/dist/types.cjs"),t=require("./solid/src/lib/ssgoi.cjs"),o=require("./solid/src/lib/ssgoi-transition.cjs"),e=require("./solid/src/lib/transition-scope.cjs");exports.transition=n.transition;exports.isCssAnimation=i.isCssAnimation;exports.isMultiSpring=i.isMultiSpring;exports.isSingleSpring=i.isSingleSpring;exports.isTickAnimation=i.isTickAnimation;exports.normalizeMultiSpringSchedule=i.normalizeMultiSpringSchedule;exports.normalizeToMultiSpring=i.normalizeToMultiSpring;exports.validateAnimationMode=i.validateAnimationMode;exports.validateSpringItem=i.validateSpringItem;exports.Ssgoi=t.Ssgoi;exports.SsgoiTransition=o.SsgoiTransition;exports.TransitionScope=e.TransitionScope;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/types"),o=require("./ssgoi.cjs"),i=require("./ssgoi-transition.cjs"),r=require("@ssgoi/core");exports.Ssgoi=o.Ssgoi;exports.SsgoiTransition=i.SsgoiTransition;Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});Object.keys(r).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-export { transition } from './transition';
 export * from './types';
 export { Ssgoi } from './ssgoi';
 export { SsgoiTransition } from './ssgoi-transition';
-export { TransitionScope } from './transition-scope';
+export * from '@ssgoi/core';

package/dist/index.js

@@ -1,19 +1,8 @@
-import { transition as n } from "./solid/src/lib/transition.js";
-import { isCssAnimation as t, isMultiSpring as e, isSingleSpring as a, isTickAnimation as m, normalizeMultiSpringSchedule as p, normalizeToMultiSpring as s, validateAnimationMode as S, validateSpringItem as l } from "./core/dist/types.js";
-import { Ssgoi as f } from "./solid/src/lib/ssgoi.js";
-import { SsgoiTransition as d } from "./solid/src/lib/ssgoi-transition.js";
-import { TransitionScope as M } from "./solid/src/lib/transition-scope.js";
+export * from "@ssgoi/core/types";
+import { Ssgoi as e } from "./ssgoi.js";
+import { SsgoiTransition as i } from "./ssgoi-transition.js";
+export * from "@ssgoi/core";
 export {
-  f as Ssgoi,
-  d as SsgoiTransition,
-  M as TransitionScope,
-  t as isCssAnimation,
-  e as isMultiSpring,
-  a as isSingleSpring,
-  m as isTickAnimation,
-  p as normalizeMultiSpringSchedule,
-  s as normalizeToMultiSpring,
-  n as transition,
-  S as validateAnimationMode,
-  l as validateSpringItem
+  e as Ssgoi,
+  i as SsgoiTransition
 };

package/dist/ssgoi-transition.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("solid-js/web"),a=require("solid-js"),l=require("./context.cjs"),u=t=>{const[e,o]=a.splitProps(t,["children","id","as","class"]),n=l.useSsgoi(),i=e.as||"div";return r.createComponent(r.Dynamic,r.mergeProps({component:i,ref(c){var s=n.refFor(e.id);typeof s=="function"&&s(c)},get"data-ssgoi-transition"(){return e.id},get class(){return e.class}},o,{get children(){return e.children}}))};exports.SsgoiTransition=u;

package/dist/ssgoi-transition.js

@@ -0,0 +1,26 @@
+import { createComponent as c, Dynamic as a, mergeProps as m } from "solid-js/web";
+import { splitProps as p } from "solid-js";
+import { useSsgoi as l } from "./context.js";
+const u = (t) => {
+  const [r, s] = p(t, ["children", "id", "as", "class"]), e = l(), n = r.as || "div";
+  return c(a, m({
+    component: n,
+    ref(i) {
+      var o = e.refFor(r.id);
+      typeof o == "function" && o(i);
+    },
+    get "data-ssgoi-transition"() {
+      return r.id;
+    },
+    get class() {
+      return r.class;
+    }
+  }, s, {
+    get children() {
+      return r.children;
+    }
+  }));
+};
+export {
+  u as SsgoiTransition
+};

package/dist/ssgoi.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("solid-js/web"),o=require("solid-js"),n=require("./context.cjs"),i=require("@ssgoi/core/internal"),c=e=>{const t=o.createMemo(()=>i.createSggoiTransitionContext(e.config,{host:e.host}));return r.createComponent(n.SsgoiProvider,{get value(){return t()},get children(){return e.children}})};exports.Ssgoi=c;

package/dist/ssgoi.d.ts

@@ -1,7 +1,9 @@
 import { JSX } from 'solid-js';
 import { SsgoiConfig } from './types';
+import { HostAnimation } from '@ssgoi/core/internal';
 interface SsgoiProps {
     config: SsgoiConfig;
+    host?: HostAnimation;
     children: JSX.Element;
 }
 export declare const Ssgoi: (props: SsgoiProps) => JSX.Element;

package/dist/ssgoi.js

@@ -0,0 +1,20 @@
+import { createComponent as e } from "solid-js/web";
+import { createMemo as r } from "solid-js";
+import { SsgoiProvider as n } from "./context.js";
+import { createSggoiTransitionContext as i } from "@ssgoi/core/internal";
+const f = (t) => {
+  const o = r(() => i(t.config, {
+    host: t.host
+  }));
+  return e(n, {
+    get value() {
+      return o();
+    },
+    get children() {
+      return t.children;
+    }
+  });
+};
+export {
+  f as Ssgoi
+};

package/dist/types.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./core/dist/types.cjs");exports.isCssAnimation=i.isCssAnimation;exports.isMultiSpring=i.isMultiSpring;exports.isSingleSpring=i.isSingleSpring;exports.isTickAnimation=i.isTickAnimation;exports.normalizeMultiSpringSchedule=i.normalizeMultiSpringSchedule;exports.normalizeToMultiSpring=i.normalizeToMultiSpring;exports.validateAnimationMode=i.validateAnimationMode;exports.validateSpringItem=i.validateSpringItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/types");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/types.js

@@ -1,11 +1 @@
-import { isCssAnimation as e, isMultiSpring as t, isSingleSpring as a, isTickAnimation as l, normalizeMultiSpringSchedule as o, normalizeToMultiSpring as r, validateAnimationMode as m, validateSpringItem as S } from "./core/dist/types.js";
-export {
-  e as isCssAnimation,
-  t as isMultiSpring,
-  a as isSingleSpring,
-  l as isTickAnimation,
-  o as normalizeMultiSpringSchedule,
-  r as normalizeToMultiSpring,
-  m as validateAnimationMode,
-  S as validateSpringItem
-};
+export * from "@ssgoi/core/types";

package/dist/view-transitions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/view-transitions.d.ts

@@ -0,0 +1 @@
+export * from '@ssgoi/core';

package/dist/view-transitions.js

@@ -0,0 +1 @@
+export * from "@ssgoi/core";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/solid",
-  "version": "4.0.0",
+  "version": "6.0.0",
   "description": "Solid.js bindings for SSGOI - Native app-like page transitions for Solid applications",
   "private": false,
   "type": "module",
@@ -19,39 +19,31 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
-    "./transitions": {
-      "types": "./dist/transitions/index.d.ts",
-      "import": "./dist/transitions/index.js",
-      "require": "./dist/transitions/index.cjs",
-      "default": "./dist/transitions/index.js"
-    },
-    "./view-transitions": {
-      "types": "./dist/view-transitions/index.d.ts",
-      "import": "./dist/view-transitions/index.js",
-      "require": "./dist/view-transitions/index.cjs",
-      "default": "./dist/view-transitions/index.js"
-    },
     "./types": {
       "types": "./dist/types.d.ts",
       "import": "./dist/types.js",
       "require": "./dist/types.cjs",
       "default": "./dist/types.js"
     },
-    "./presets": {
-      "types": "./dist/presets/index.d.ts",
-      "import": "./dist/presets/index.js",
-      "require": "./dist/presets/index.cjs",
-      "default": "./dist/presets/index.js"
+    "./view-transitions": {
+      "types": "./dist/view-transitions.d.ts",
+      "import": "./dist/view-transitions.js",
+      "require": "./dist/view-transitions.cjs",
+      "default": "./dist/view-transitions.js"
     }
   },
   "dependencies": {
-    "@ssgoi/core": "^4.0.0"
+    "@ssgoi/core": "^6.0.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.30.1",
     "@types/node": "^24.10.1",
+    "eslint": "^9.30.1",
+    "globals": "^16.3.0",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "solid-js": "^1.9.10",
     "typescript": "~5.9.3",
+    "typescript-eslint": "^8.35.1",
     "vite": "^7.2.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-solid": "^2.11.10"

package/dist/core/dist/types.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function h(e){return("tick"in e||"css"in e)&&!("springs"in e)}function r(e){return"springs"in e}function o(e){return"css"in e&&typeof e.css=="function"}function c(e){return"tick"in e&&typeof e.tick=="function"}function a(e){if(o(e)&&c(e))throw new Error("SingleSpringConfig cannot have both 'tick' and 'css' defined. Use one or the other.")}function l(e){if(e.tick&&e.css)throw new Error("SpringItem cannot have both 'tick' and 'css' defined. Use one or the other.")}async function m(e){const t=await e;return r(t)?(t.springs.forEach(l),t):(a(t),{prepare:t.prepare,wait:t.wait,onStart:t.onStart,onEnd:t.onEnd,springs:[{physics:t.physics,tick:t.tick,css:t.css}],schedule:"parallel"})}function S(e,t){const u=e.schedule??"parallel",f=e.springs.map(s=>{let n;switch(u){case"parallel":n=0;break;case"sequential":n=1;break;case"stagger":n=Math.max(0,Math.min(1,s.offset??0));break;default:n=0}const{css:i,offset:y,...d}=s,g=i?typeof i=="function"?t?{element:t,style:i}:void 0:{element:i.element,style:i.style}:void 0;return{...d,css:g,normalizedOffset:n}}),{schedule:k,...p}=e;return{...p,springs:f}}exports.isCssAnimation=o;exports.isMultiSpring=r;exports.isSingleSpring=h;exports.isTickAnimation=c;exports.normalizeMultiSpringSchedule=S;exports.normalizeToMultiSpring=m;exports.validateAnimationMode=a;exports.validateSpringItem=l;

package/dist/core/dist/types.js

@@ -1,77 +0,0 @@
-function k(n) {
-  return ("tick" in n || "css" in n) && !("springs" in n);
-}
-function f(n) {
-  return "springs" in n;
-}
-function p(n) {
-  return "css" in n && typeof n.css == "function";
-}
-function u(n) {
-  return "tick" in n && typeof n.tick == "function";
-}
-function h(n) {
-  if (p(n) && u(n))
-    throw new Error(
-      "SingleSpringConfig cannot have both 'tick' and 'css' defined. Use one or the other."
-    );
-}
-function d(n) {
-  if (n.tick && n.css)
-    throw new Error(
-      "SpringItem cannot have both 'tick' and 'css' defined. Use one or the other."
-    );
-}
-async function S(n) {
-  const e = await n;
-  return f(e) ? (e.springs.forEach(d), e) : (h(e), {
-    prepare: e.prepare,
-    wait: e.wait,
-    onStart: e.onStart,
-    onEnd: e.onEnd,
-    springs: [
-      {
-        physics: e.physics,
-        tick: e.tick,
-        css: e.css
-      }
-    ],
-    schedule: "parallel"
-  });
-}
-function y(n, e) {
-  const r = n.schedule ?? "parallel", a = n.springs.map(
-    (s) => {
-      let t;
-      switch (r) {
-        case "parallel":
-          t = 0;
-          break;
-        case "sequential":
-          t = 1;
-          break;
-        case "stagger":
-          t = Math.max(0, Math.min(1, s.offset ?? 0));
-          break;
-        default:
-          t = 0;
-      }
-      const { css: i, offset: m, ...c } = s, l = i ? typeof i == "function" ? e ? { element: e, style: i } : void 0 : { element: i.element, style: i.style } : void 0;
-      return { ...c, css: l, normalizedOffset: t };
-    }
-  ), { schedule: g, ...o } = n;
-  return {
-    ...o,
-    springs: a
-  };
-}
-export {
-  p as isCssAnimation,
-  f as isMultiSpring,
-  k as isSingleSpring,
-  u as isTickAnimation,
-  y as normalizeMultiSpringSchedule,
-  S as normalizeToMultiSpring,
-  h as validateAnimationMode,
-  d as validateSpringItem
-};

package/dist/presets/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/presets");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/presets/index.d.ts

@@ -1 +0,0 @@
-export * from '@ssgoi/core/presets';

package/dist/presets/index.js

@@ -1 +0,0 @@
-export * from "@ssgoi/core/presets";

package/dist/solid/src/lib/ssgoi-transition.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("solid-js/web"),a=require("solid-js"),l=require("./transition.cjs"),u=require("./context.cjs"),d=r=>{const[t,s]=a.splitProps(r,["children","id","as","class"]),i=u.useSsgoi(),o=t.as||"div";return e.createComponent(e.Dynamic,e.mergeProps({component:o,ref(c){var n=l.transition(i(t.id));typeof n=="function"&&n(c)},get"data-ssgoi-transition"(){return t.id},get class(){return t.class}},s,{get children(){return t.children}}))};exports.SsgoiTransition=d;

package/dist/solid/src/lib/ssgoi-transition.js

@@ -1,27 +0,0 @@
-import { createComponent as a, Dynamic as c, mergeProps as m } from "solid-js/web";
-import { splitProps as p } from "solid-js";
-import { transition as l } from "./transition.js";
-import { useSsgoi as d } from "./context.js";
-const v = (o) => {
-  const [r, n] = p(o, ["children", "id", "as", "class"]), i = d(), s = r.as || "div";
-  return a(c, m({
-    component: s,
-    ref(e) {
-      var t = l(i(r.id));
-      typeof t == "function" && t(e);
-    },
-    get "data-ssgoi-transition"() {
-      return r.id;
-    },
-    get class() {
-      return r.class;
-    }
-  }, n, {
-    get children() {
-      return r.children;
-    }
-  }));
-};
-export {
-  v as SsgoiTransition
-};

package/dist/solid/src/lib/ssgoi.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("solid-js/web"),o=require("solid-js"),n=require("./context.cjs"),i=require("@ssgoi/core"),c=e=>{const t=o.createMemo(()=>i.createSggoiTransitionContext(e.config,{outFirst:!1}));return r.createComponent(n.SsgoiProvider,{get value(){return t()},get children(){return e.children}})};exports.Ssgoi=c;

package/dist/solid/src/lib/ssgoi.js

@@ -1,22 +0,0 @@
-import { createComponent as e } from "solid-js/web";
-import { createMemo as o } from "solid-js";
-import { SsgoiProvider as i } from "./context.js";
-import { createSggoiTransitionContext as n } from "@ssgoi/core";
-const f = (r) => {
-  const t = o(() => n(r.config, {
-    // Solid uses MutationObserver for unmount detection,
-    // so OUT and IN can arrive in any order
-    outFirst: !1
-  }));
-  return e(i, {
-    get value() {
-      return t();
-    },
-    get children() {
-      return r.children;
-    }
-  });
-};
-export {
-  f as Ssgoi
-};

package/dist/solid/src/lib/transition-scope.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("solid-js/web"),i=require("solid-js"),c=require("@ssgoi/core");var s=r.template("<div style=display:contents>");function a(o){let t;return i.onMount(()=>{c.createTransitionScope()(t)}),(()=>{var e=s(),n=t;return typeof n=="function"?r.use(n,e):t=e,r.insert(e,()=>o.children),e})()}exports.TransitionScope=a;

package/dist/solid/src/lib/transition-scope.js

@@ -1,16 +0,0 @@
-import { template as o, use as i, insert as p } from "solid-js/web";
-import { onMount as a } from "solid-js";
-import { createTransitionScope as c } from "@ssgoi/core";
-var m = /* @__PURE__ */ o("<div style=display:contents>");
-function u(n) {
-  let r;
-  return a(() => {
-    c()(r);
-  }), (() => {
-    var t = m(), e = r;
-    return typeof e == "function" ? i(e, t) : r = t, p(t, () => n.children), t;
-  })();
-}
-export {
-  u as TransitionScope
-};

package/dist/solid/src/lib/transition.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ssgoi/core"),e=t=>r.transition(t,"auto");exports.transition=e;

package/dist/solid/src/lib/transition.js

@@ -1,5 +0,0 @@
-import { transition as n } from "@ssgoi/core";
-const r = (t) => n(t, "auto");
-export {
-  r as transition
-};

package/dist/transition-scope.d.ts

@@ -1,28 +0,0 @@
-import { JSX } from 'solid-js';
-type TransitionScopeProps = {
-    children: JSX.Element;
-};
-/**
- * TransitionScope creates a boundary for local-scoped transitions.
- *
- * Child elements with `scope: 'local'` will:
- * - Skip IN animation when mounted simultaneously with the scope
- * - Skip OUT animation when unmounted simultaneously with the scope
- *
- * This is useful for:
- * - Page transitions where child elements shouldn't animate individually
- * - Modal/dialog content that appears/disappears with the container
- * - List items that shouldn't animate when the entire list mounts/unmounts
- *
- * @example
- * ```tsx
- * <TransitionScope>
- *   <div ref={transition(fadeIn(), { scope: 'local' })}>
- *     This will only animate when added/removed independently,
- *     not when the entire scope mounts/unmounts.
- *   </div>
- * </TransitionScope>
- * ```
- */
-export declare function TransitionScope(props: TransitionScopeProps): JSX.Element;
-export {};

package/dist/transition.d.ts

@@ -1,22 +0,0 @@
-import { Transition, TransitionKey, TransitionScope } from '@ssgoi/core';
-type TransitionOptions = Transition<undefined> & {
-    key: TransitionKey;
-    scope?: TransitionScope;
-};
-/**
- * Solid ref callback for element transitions
- *
- * OUT transition is automatically triggered by MutationObserver
- * when the element is removed from the DOM
- *
- * @example
- * ```tsx
- * <div ref={transition({
- *   key: 'fade',
- *   in: (el) => ({ tick: (p) => el.style.opacity = String(p) }),
- *   out: (el) => ({ tick: (p) => el.style.opacity = String(p) }),
- * })} />
- * ```
- */
-export declare const transition: (options: TransitionOptions) => import('@ssgoi/core').RefCallback;
-export {};

package/dist/transitions/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/transitions");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/transitions/index.d.ts

@@ -1 +0,0 @@
-export * from '@ssgoi/core/transitions';

package/dist/transitions/index.js

@@ -1 +0,0 @@
-export * from "@ssgoi/core/transitions";

package/dist/view-transitions/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ssgoi/core/view-transitions");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/view-transitions/index.d.ts

@@ -1 +0,0 @@
-export * from '@ssgoi/core/view-transitions';

package/dist/view-transitions/index.js

@@ -1 +0,0 @@
-export * from "@ssgoi/core/view-transitions";