@ssgoi/solid 7.1.2 → 7.1.3-beta.1

package/README.md

@@ -12,6 +12,18 @@ npm install @ssgoi/solid
 
 Agent setup guide: https://ssgoi.dev/llms/solid.txt
 
+## Router helpers
+
+Install this framework package once; router helpers are optional subpaths.
+These router helpers are experimental APIs and may change.
+
+| Router       | Import                      | API                  |
+| ------------ | --------------------------- | -------------------- |
+| Solid Router | `@ssgoi/solid/solid-router` | `SsgoiRouteBoundary` |
+| SolidStart   | `@ssgoi/solid/solidstart`   | `SsgoiRouteBoundary` |
+
+See the [framework guide](https://ssgoi.dev/docs/frameworks/solid) for wiring and limits.
+
 ## Root
 
 Use one `<Ssgoi>` around file routes.

package/dist/routers/solid-router.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'solid-js';
+export interface RouteBoundaryState {
+    id: string;
+    key?: string | number;
+}
+export type SsgoiRouteBoundaryProps = JSX.HTMLAttributes<HTMLElement> & {
+    as?: keyof JSX.IntrinsicElements;
+    routeKey?: string | number;
+    resolve?: (location: {
+        pathname: string;
+    }) => RouteBoundaryState;
+};
+/** @experimental Solid Router integration, including SolidStart. The API may change. */
+export declare function SsgoiRouteBoundary(props: SsgoiRouteBoundaryProps): JSX.Element;

package/dist/routers/solidstart.d.ts

@@ -0,0 +1,3 @@
+/** @experimental SolidStart integration through Solid Router. The API may change. */
+export { SsgoiRouteBoundary } from './solid-router';
+export type { SsgoiRouteBoundaryProps, RouteBoundaryState, } from './solid-router';

package/dist/solid-router.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("solid-js/web"),l=require("@solidjs/router"),r=require("solid-js");function m(a){const n=l.useLocation(),[e,u]=r.splitProps(a,["children","as","resolve","routeKey"]),i=r.createMemo(()=>e.resolve?.({pathname:n.pathname})??{id:n.pathname}),d=r.createMemo(o=>{const c=i(),s=e.routeKey??c.key??c.id;return o?.key===s?o:{key:s}});return t.createComponent(r.Show,{get when(){return d()},keyed:!0,children:o=>t.createComponent(t.Dynamic,t.mergeProps({get component(){return e.as??"div"}},u,{get"data-ssgoi-transition"(){return i().id},get children(){return e.children}}))})}exports.SsgoiRouteBoundary=m;

package/dist/solid-router.d.ts

@@ -0,0 +1,2 @@
+export * from './routers/solid-router'
+export {}

package/dist/solid-router.js

@@ -0,0 +1,36 @@
+import { createComponent as a, Dynamic as d, mergeProps as l } from "solid-js/web";
+import { useLocation as p } from "@solidjs/router";
+import { splitProps as h, createMemo as c, Show as y } from "solid-js";
+function v(s) {
+  const r = p(), [e, m] = h(s, ["children", "as", "resolve", "routeKey"]), o = c(() => e.resolve?.({
+    pathname: r.pathname
+  }) ?? {
+    id: r.pathname
+  }), u = c((t) => {
+    const n = o(), i = e.routeKey ?? n.key ?? n.id;
+    return t?.key === i ? t : {
+      key: i
+    };
+  });
+  return a(y, {
+    get when() {
+      return u();
+    },
+    keyed: !0,
+    children: (t) => a(d, l({
+      get component() {
+        return e.as ?? "div";
+      }
+    }, m, {
+      get "data-ssgoi-transition"() {
+        return o().id;
+      },
+      get children() {
+        return e.children;
+      }
+    }))
+  });
+}
+export {
+  v as SsgoiRouteBoundary
+};

package/dist/solidstart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("solid-js/web"),l=require("@solidjs/router"),r=require("solid-js");function m(a){const n=l.useLocation(),[e,u]=r.splitProps(a,["children","as","resolve","routeKey"]),i=r.createMemo(()=>e.resolve?.({pathname:n.pathname})??{id:n.pathname}),d=r.createMemo(o=>{const c=i(),s=e.routeKey??c.key??c.id;return o?.key===s?o:{key:s}});return t.createComponent(r.Show,{get when(){return d()},keyed:!0,children:o=>t.createComponent(t.Dynamic,t.mergeProps({get component(){return e.as??"div"}},u,{get"data-ssgoi-transition"(){return i().id},get children(){return e.children}}))})}exports.SsgoiRouteBoundary=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./solid-router.cjs");exports.SsgoiRouteBoundary=o.SsgoiRouteBoundary;

package/dist/solidstart.d.ts

@@ -1,14 +1,2 @@
-import { JSX } from 'solid-js';
-export interface RouteBoundaryState {
-    id: string;
-    key?: string | number;
-}
-export type SsgoiRouteBoundaryProps = JSX.HTMLAttributes<HTMLElement> & {
-    as?: keyof JSX.IntrinsicElements;
-    routeKey?: string | number;
-    resolve?: (location: {
-        pathname: string;
-    }) => RouteBoundaryState;
-};
-/** Solid Router boundary, including SolidStart. */
-export declare function SsgoiRouteBoundary(props: SsgoiRouteBoundaryProps): JSX.Element;
+export * from './routers/solidstart'
+export {}

package/dist/solidstart.js

@@ -1,36 +1,4 @@
-import { createComponent as a, Dynamic as d, mergeProps as l } from "solid-js/web";
-import { useLocation as p } from "@solidjs/router";
-import { splitProps as h, createMemo as c, Show as y } from "solid-js";
-function v(s) {
-  const r = p(), [e, m] = h(s, ["children", "as", "resolve", "routeKey"]), o = c(() => e.resolve?.({
-    pathname: r.pathname
-  }) ?? {
-    id: r.pathname
-  }), u = c((t) => {
-    const n = o(), i = e.routeKey ?? n.key ?? n.id;
-    return t?.key === i ? t : {
-      key: i
-    };
-  });
-  return a(y, {
-    get when() {
-      return u();
-    },
-    keyed: !0,
-    children: (t) => a(d, l({
-      get component() {
-        return e.as ?? "div";
-      }
-    }, m, {
-      get "data-ssgoi-transition"() {
-        return o().id;
-      },
-      get children() {
-        return e.children;
-      }
-    }))
-  });
-}
+import { SsgoiRouteBoundary as e } from "./solid-router.js";
 export {
-  v as SsgoiRouteBoundary
+  e as SsgoiRouteBoundary
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/solid",
-  "version": "7.1.2",
+  "version": "7.1.3-beta.1",
   "description": "Solid.js bindings for SSGOI - Native app-like page transitions for Solid applications",
   "private": false,
   "type": "module",
@@ -38,15 +38,22 @@
       "default": "./dist/view-transitions.js"
     },
     "./solidstart": {
-      "solid": "./src/lib/solidstart.tsx",
-      "types": "./dist/solidstart.d.ts",
+      "solid": "./src/lib/routers/solidstart.ts",
+      "types": "./dist/routers/solidstart.d.ts",
       "import": "./dist/solidstart.js",
       "require": "./dist/solidstart.cjs",
       "default": "./dist/solidstart.js"
+    },
+    "./solid-router": {
+      "solid": "./src/lib/routers/solid-router.tsx",
+      "types": "./dist/routers/solid-router.d.ts",
+      "import": "./dist/solid-router.js",
+      "require": "./dist/solid-router.cjs",
+      "default": "./dist/solid-router.js"
     }
   },
   "dependencies": {
-    "@ssgoi/core": "^7.1.2"
+    "@ssgoi/core": "^7.1.3-beta.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.30.1",

package/src/lib/{solidstart.tsx → routers/solid-router.tsx}

@@ -13,7 +13,7 @@ export type SsgoiRouteBoundaryProps = JSX.HTMLAttributes<HTMLElement> & {
   resolve?: (location: { pathname: string }) => RouteBoundaryState;
 };
 
-/** Solid Router boundary, including SolidStart. */
+/** @experimental Solid Router integration, including SolidStart. The API may change. */
 export function SsgoiRouteBoundary(props: SsgoiRouteBoundaryProps) {
   const location = useLocation();
   const [local, rest] = splitProps(props, [

package/src/lib/routers/solidstart.ts

@@ -0,0 +1,6 @@
+/** @experimental SolidStart integration through Solid Router. The API may change. */
+export { SsgoiRouteBoundary } from "./solid-router";
+export type {
+  SsgoiRouteBoundaryProps,
+  RouteBoundaryState,
+} from "./solid-router";