@xmachines/play-solid-router 1.0.0-beta.17 → 1.0.0-beta.18

package/README.md

@@ -193,8 +193,20 @@ routeMap.getStateIdByPath("/other"); // null
 
 ```typescript
 import { Router, Route } from '@solidjs/router';
-import { createSignal } from 'solid-js';
-import { defineCatalog } from '@xmachines/play-catalog';
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/react/schema";
+import { defineRegistry } from "@xmachines/play-solid";
+import { z } from "zod";
+
+// Catalog and registry
+const appCatalog = defineCatalog(schema, {
+  components: {
+    Home: { props: z.object({}) },
+    About: { props: z.object({}) },
+    Contact: { props: z.object({}) },
+  },
+});
+const registry = defineRegistry(appCatalog, { components: { Home, About, Contact } });
 
 // State machine with 3 states
 const appMachine = setup({
@@ -217,12 +229,6 @@ const appMachine = setup({
   }
 });
 
-const catalog = defineCatalog({
-  Home,
-  About,
-  Contact,
-});
-
 // Component setup
 function App() {
   const navigate = useNavigate();
@@ -231,7 +237,7 @@ function App() {
 
   const routeMap = createRouteMap(appMachine);
 
-  const createPlayer = definePlayer({ machine: appMachine, catalog });
+  const createPlayer = definePlayer({ machine: appMachine, catalog: appCatalog });
   const actor = createPlayer();
   actor.start();
   const bridge = new SolidRouterBridge(navigate, location, params, actor, routeMap);
@@ -253,7 +259,18 @@ function App() {
 ```typescript
 // State machine with parameter routes
 import { formatPlayRouteTransitions } from "@xmachines/play-xstate";
-import { defineCatalog } from "@xmachines/play-catalog";
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/react/schema";
+import { defineRegistry } from "@xmachines/play-solid";
+import { z } from "zod";
+
+const appCatalog = defineCatalog(schema, {
+  components: {
+    Profile: { props: z.object({ userId: z.string() }) },
+    Settings: { props: z.object({ section: z.string().optional() }) },
+  },
+});
+const registry = defineRegistry(appCatalog, { components: { Profile, Settings } });
 
 const machineConfig = {
   id: 'app',
@@ -281,11 +298,6 @@ const appMachine = setup({
   }
 }).createMachine(formatPlayRouteTransitions(machineConfig));
 
-const catalog = defineCatalog({
-  Profile,
-  Settings,
-});
-
 // Router with dynamic routes
 function App() {
   const navigate = useNavigate();
@@ -294,7 +306,7 @@ function App() {
 
   const routeMap = createRouteMap(appMachine);
 
-  const createPlayer = definePlayer({ machine: appMachine, catalog });
+  const createPlayer = definePlayer({ machine: appMachine, catalog: appCatalog });
   const actor = createPlayer();
   actor.start();
   const bridge = new SolidRouterBridge(navigate, location, params, actor, routeMap);
@@ -335,7 +347,17 @@ function ProfileButton(props: { userId: string }) {
 ```typescript
 // State machine with query param handling
 import { formatPlayRouteTransitions } from "@xmachines/play-xstate";
-import { defineCatalog } from "@xmachines/play-catalog";
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/react/schema";
+import { defineRegistry } from "@xmachines/play-solid";
+import { z } from "zod";
+
+const searchCatalog = defineCatalog(schema, {
+  components: {
+    Search: { props: z.object({ query: z.string().optional() }) },
+  },
+});
+const registry = defineRegistry(searchCatalog, { components: { Search } });
 
 const machineConfig = {
   context: { query: '', filters: {} },
@@ -356,11 +378,7 @@ const searchMachine = setup({
   }
 }).createMachine(formatPlayRouteTransitions(machineConfig));
 
-const catalog = defineCatalog({
-  Search,
-});
-
-const player = definePlayer({ machine: searchMachine, catalog });
+const player = definePlayer({ machine: searchMachine, catalog: searchCatalog });
 
 // Component sends query params
 function SearchBar(props) {
@@ -394,7 +412,19 @@ function SearchBar(props) {
 
 ```typescript
 // State machine with auth guards
-import { defineCatalog } from "@xmachines/play-catalog";
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/react/schema";
+import { defineRegistry } from "@xmachines/play-solid";
+import { z } from "zod";
+
+const authCatalog = defineCatalog(schema, {
+	components: {
+		Home: { props: z.object({}) },
+		Login: { props: z.object({ title: z.string() }) },
+		Dashboard: { props: z.object({ username: z.string() }) },
+	},
+});
+const registry = defineRegistry(authCatalog, { components: { Home, Login, Dashboard } });
 
 const authMachine = setup({
 	types: {
@@ -427,13 +457,7 @@ const authMachine = setup({
 	},
 });
 
-const catalog = defineCatalog({
-	Home,
-	Login,
-	Dashboard,
-});
-
-const player = definePlayer({ machine: authMachine, catalog });
+const player = definePlayer({ machine: authMachine, catalog: authCatalog });
 ```
 
 **Guard behavior:**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmachines/play-solid-router",
-  "version": "1.0.0-beta.17",
+  "version": "1.0.0-beta.18",
   "description": "SolidJS Router adapter for XMachines Universal Player Architecture",
   "license": "MIT",
   "author": "XMachines Contributors",
@@ -36,16 +36,16 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@xmachines/play": "1.0.0-beta.17",
-    "@xmachines/play-actor": "1.0.0-beta.17",
-    "@xmachines/play-router": "1.0.0-beta.17",
-    "@xmachines/play-signals": "1.0.0-beta.17"
+    "@xmachines/play": "1.0.0-beta.18",
+    "@xmachines/play-actor": "1.0.0-beta.18",
+    "@xmachines/play-router": "1.0.0-beta.18",
+    "@xmachines/play-signals": "1.0.0-beta.18"
   },
   "devDependencies": {
     "@solidjs/router": "^0.16.1",
     "@solidjs/testing-library": "^0.8.10",
-    "@xmachines/play-xstate": "1.0.0-beta.17",
-    "@xmachines/shared": "1.0.0-beta.17",
+    "@xmachines/play-xstate": "1.0.0-beta.18",
+    "@xmachines/shared": "1.0.0-beta.18",
     "jsdom": "^29.0.1",
     "solid-js": "^1.9.12",
     "vite-plugin-solid": "^2.11.11",