@ssgoi/solid 5.2.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"),o=require("./solid/src/lib/ssgoi.cjs"),s=require("./solid/src/lib/ssgoi-transition.cjs"),t=require("./solid/src/lib/transition-scope.cjs");exports.transition=n.transition;exports.isCssAnimation=i.isCssAnimation;exports.isKeyframesAnimation=i.isKeyframesAnimation;exports.isMultiAnimation=i.isMultiAnimation;exports.isSingleAnimation=i.isSingleAnimation;exports.isTickAnimation=i.isTickAnimation;exports.normalizeSchedule=i.normalizeSchedule;exports.normalizeToMultiAnimation=i.normalizeToMultiAnimation;exports.Ssgoi=o.Ssgoi;exports.SsgoiTransition=s.SsgoiTransition;exports.TransitionScope=t.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,18 +1,8 @@
-import { transition as n } from "./solid/src/lib/transition.js";
-import { isCssAnimation as r, isKeyframesAnimation as m, isMultiAnimation as e, isSingleAnimation as s, isTickAnimation as a, normalizeSchedule as f, normalizeToMultiAnimation as l } from "./core/dist/types.js";
-import { Ssgoi as A } from "./solid/src/lib/ssgoi.js";
-import { SsgoiTransition as S } from "./solid/src/lib/ssgoi-transition.js";
-import { TransitionScope as c } 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 {
-  A as Ssgoi,
-  S as SsgoiTransition,
-  c as TransitionScope,
-  r as isCssAnimation,
-  m as isKeyframesAnimation,
-  e as isMultiAnimation,
-  s as isSingleAnimation,
-  a as isTickAnimation,
-  f as normalizeSchedule,
-  l as normalizeToMultiAnimation,
-  n as transition
+  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.isKeyframesAnimation=i.isKeyframesAnimation;exports.isMultiAnimation=i.isMultiAnimation;exports.isSingleAnimation=i.isSingleAnimation;exports.isTickAnimation=i.isTickAnimation;exports.normalizeSchedule=i.normalizeSchedule;exports.normalizeToMultiAnimation=i.normalizeToMultiAnimation;
+"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,10 +1 @@
-import { isCssAnimation as o, isKeyframesAnimation as m, isMultiAnimation as a, isSingleAnimation as t, isTickAnimation as e, normalizeSchedule as s, normalizeToMultiAnimation as l } from "./core/dist/types.js";
-export {
-  o as isCssAnimation,
-  m as isKeyframesAnimation,
-  a as isMultiAnimation,
-  t as isSingleAnimation,
-  e as isTickAnimation,
-  s as normalizeSchedule,
-  l as normalizeToMultiAnimation
-};
+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": "5.2.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": "^5.2.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 d(e){return("tick"in e||"css"in e)&&!("items"in e)}function a(e){return"items"in e}function y(e){return"css"in e&&typeof e.css=="function"}function p(e){return"tick"in e&&typeof e.tick=="function"}function o(e){return"keyframes"in e&&e.keyframes!==void 0&&e.keyframes!==null}async function k(e){const n=await e;return a(n)?{prepare:n.prepare,wait:n.wait,onReady:n.onReady,onStart:n.onStart,onEnd:n.onEnd,items:n.items,schedule:n.schedule}:{prepare:n.prepare,wait:n.wait,onReady:n.onReady,onStart:n.onStart,onEnd:n.onEnd,items:[{physics:n.physics,tick:n.tick,css:n.css}],schedule:"parallel"}}function h(e,n){const r=e.schedule??"parallel",c=e.items.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}if(o(s)){const{offset:A,...m}=s;return{...m,normalizedOffset:t}}const{css:i,offset:w,...u}=s,f=i?typeof i=="function"?n?{element:n,style:i}:void 0:{element:i.element,style:i.style}:void 0;return{...u,css:f,normalizedOffset:t}}),{schedule:S,...l}=e;return{...l,items:c}}exports.isCssAnimation=y;exports.isKeyframesAnimation=o;exports.isMultiAnimation=a;exports.isSingleAnimation=d;exports.isTickAnimation=p;exports.normalizeSchedule=h;exports.normalizeToMultiAnimation=k;

package/dist/core/dist/types.js

@@ -1,80 +0,0 @@
-function k(n) {
-  return ("tick" in n || "css" in n) && !("items" in n);
-}
-function f(n) {
-  return "items" in n;
-}
-function h(n) {
-  return "css" in n && typeof n.css == "function";
-}
-function w(n) {
-  return "tick" in n && typeof n.tick == "function";
-}
-function m(n) {
-  return "keyframes" in n && n.keyframes !== void 0 && n.keyframes !== null;
-}
-async function A(n) {
-  const e = await n;
-  return f(e) ? {
-    prepare: e.prepare,
-    wait: e.wait,
-    onReady: e.onReady,
-    onStart: e.onStart,
-    onEnd: e.onEnd,
-    items: e.items,
-    schedule: e.schedule
-  } : {
-    prepare: e.prepare,
-    wait: e.wait,
-    onReady: e.onReady,
-    onStart: e.onStart,
-    onEnd: e.onEnd,
-    items: [
-      {
-        physics: e.physics,
-        tick: e.tick,
-        css: e.css
-      }
-    ],
-    schedule: "parallel"
-  };
-}
-function S(n, e) {
-  const a = n.schedule ?? "parallel", o = n.items.map(
-    (i) => {
-      let t;
-      switch (a) {
-        case "parallel":
-          t = 0;
-          break;
-        case "sequential":
-          t = 1;
-          break;
-        case "stagger":
-          t = Math.max(0, Math.min(1, i.offset ?? 0));
-          break;
-        default:
-          t = 0;
-      }
-      if (m(i)) {
-        const { offset: y, ...u } = i;
-        return { ...u, normalizedOffset: t };
-      }
-      const { css: s, offset: p, ...c } = i, l = s ? typeof s == "function" ? e ? { element: e, style: s } : void 0 : { element: s.element, style: s.style } : void 0;
-      return { ...c, css: l, normalizedOffset: t };
-    }
-  ), { schedule: d, ...r } = n;
-  return {
-    ...r,
-    items: o
-  };
-}
-export {
-  h as isCssAnimation,
-  m as isKeyframesAnimation,
-  f as isMultiAnimation,
-  k as isSingleAnimation,
-  w as isTickAnimation,
-  S as normalizeSchedule,
-  A as normalizeToMultiAnimation
-};

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";