@ssgoi/solid 0.0.1

package/dist/context.d.ts

@@ -0,0 +1,3 @@
+import { SsgoiContext } from './types';
+export declare const SsgoiProvider: import('solid-js').ContextProviderComponent<SsgoiContext | null>;
+export declare const useSsgoi: () => SsgoiContext;

package/dist/core/dist/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function h(e){return("tick"in e||"css"in e)&&!("springs"in e)}function s(e){return"springs"in e}function o(e){return"css"in e&&typeof e.css=="function"}function a(e){return"tick"in e&&typeof e.tick=="function"}function c(e){if(o(e)&&a(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 n=await e;return s(n)?(n.springs.forEach(l),n):(c(n),{prepare:n.prepare,wait:n.wait,onStart:n.onStart,onEnd:n.onEnd,springs:[{spring:n.spring,tick:n.tick,css:n.css}],schedule:"parallel"})}function S(e,n){const u=e.schedule??"parallel",f=e.springs.map(r=>{let t;switch(u){case"parallel":t=0;break;case"sequential":t=1;break;case"stagger":t=Math.max(0,Math.min(1,r.offset??0));break;default:t=0}const{css:i,offset:w,...g}=r,d=i?typeof i=="function"?n?{element:n,style:i}:void 0:{element:i.element,style:i.style}:void 0;return{...g,css:d,normalizedOffset:t}}),{schedule:k,...p}=e;return{...p,springs:f}}exports.isCssAnimation=o;exports.isMultiSpring=s;exports.isSingleSpring=h;exports.isTickAnimation=a;exports.normalizeMultiSpringSchedule=S;exports.normalizeToMultiSpring=m;exports.validateAnimationMode=c;exports.validateSpringItem=l;

package/dist/core/dist/types.js

@@ -0,0 +1,77 @@
+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 g(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) : (g(e), {
+    prepare: e.prepare,
+    wait: e.wait,
+    onStart: e.onStart,
+    onEnd: e.onEnd,
+    springs: [
+      {
+        spring: e.spring,
+        tick: e.tick,
+        css: e.css
+      }
+    ],
+    schedule: "parallel"
+  });
+}
+function w(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: h, ...o } = n;
+  return {
+    ...o,
+    springs: a
+  };
+}
+export {
+  p as isCssAnimation,
+  f as isMultiSpring,
+  k as isSingleSpring,
+  u as isTickAnimation,
+  w as normalizeMultiSpringSchedule,
+  S as normalizeToMultiSpring,
+  g as validateAnimationMode,
+  d as validateSpringItem
+};

package/dist/index.cjs

@@ -0,0 +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;

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,19 @@
+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 {
+  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
+};

package/dist/presets/index.cjs

@@ -0,0 +1 @@
+"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

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

package/dist/presets/index.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("solid-js"),t=o.createContext(null),s=t.Provider,r=()=>{const e=o.useContext(t);if(!e)throw new Error("useSsgoi must be used within SsgoiProvider");return e};exports.SsgoiProvider=s;exports.useSsgoi=r;

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

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as r } from "solid-js";
+const t = e(null), n = t.Provider, i = () => {
+  const o = r(t);
+  if (!o)
+    throw new Error("useSsgoi must be used within SsgoiProvider");
+  return o;
+};
+export {
+  n as SsgoiProvider,
+  i as useSsgoi
+};

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,27 @@
+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

@@ -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"),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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+"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

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

package/dist/ssgoi-transition.d.ts

@@ -0,0 +1,9 @@
+import { JSX, ValidComponent } from 'solid-js';
+type SsgoiTransitionProps<T extends ValidComponent = "div"> = {
+    children: JSX.Element;
+    id: string;
+    as?: T;
+    class?: string;
+};
+export declare const SsgoiTransition: <T extends ValidComponent = "div">(props: SsgoiTransitionProps<T>) => JSX.Element;
+export {};

package/dist/ssgoi.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'solid-js';
+import { SsgoiConfig } from './types';
+interface SsgoiProps {
+    config: SsgoiConfig;
+    children: JSX.Element;
+}
+export declare const Ssgoi: (props: SsgoiProps) => JSX.Element;
+export {};

package/dist/transition-scope.d.ts

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1 @@
+"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

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

package/dist/transitions/index.js

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

package/dist/types.cjs

@@ -0,0 +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;

package/dist/types.d.ts

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

package/dist/types.js

@@ -0,0 +1,11 @@
+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
+};

package/dist/view-transitions/index.cjs

@@ -0,0 +1 @@
+"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

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

package/dist/view-transitions/index.js

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

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "@ssgoi/solid",
+  "version": "0.0.1",
+  "description": "Solid.js bindings for SSGOI - Native app-like page transitions for Solid applications",
+  "private": false,
+  "type": "module",
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "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"
+    }
+  },
+  "dependencies": {
+    "@ssgoi/core": "^3.2.2"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "solid-js": "^1.9.10",
+    "typescript": "~5.9.3",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-solid": "^2.11.10"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.0.0"
+  },
+  "keywords": [
+    "solid",
+    "solidjs",
+    "page-transition",
+    "animation",
+    "ssgoi",
+    "spring-physics"
+  ],
+  "author": "MeurSyphus <tmdeoans@snu.ac.kr>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/meursyphus/ssgoi.git",
+    "directory": "packages/solid"
+  },
+  "homepage": "https://ssgoi.dev",
+  "bugs": {
+    "url": "https://github.com/meursyphus/ssgoi/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc -b && vite build",
+    "watch": "vite build --watch",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "package": "vite build"
+  }
+}