@zthun/romulator-web 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.0](https://github.com/zthun/romulator/compare/v1.5.0...v1.6.0) (2025-10-20)
+
+
+### Bug Fixes
+
+* system page tiles are now centered ([1ee902e](https://github.com/zthun/romulator/commit/1ee902e1df48351c384384f2af2a3e64fc0a501f))
+
+
+
 ## [1.5.0](https://github.com/zthun/romulator/compare/v1.4.0...v1.5.0) (2025-10-14)
 
 

package/dist/assets/{index-BO4ogTAe.js → index-DUOIpN_h.js}

@@ -11839,6 +11839,12 @@ function _object_spread$4$1(target) {
     /**
    * Like (Contains)
    */ ZOperatorBinary["Like"] = "like";
+    /**
+   * Starts with
+   */ ZOperatorBinary["StartsWith"] = "sw";
+    /**
+   * Ends with
+   */ ZOperatorBinary["EndsWith"] = "ew";
     return ZOperatorBinary;
 }({});
 /**
@@ -11881,14 +11887,26 @@ function _object_spread$4$1(target) {
    * Constructs a greater than or equal to filter.
    *
    * @returns
-   *        A new filter builder object.
+   *        This object.
    */ _define_property$c$1(this, "greaterThanEqualTo", this.operator.bind(this, "gteq"));
         /**
    * Constructs a like filter.
    *
    * @returns
-   *        A new filter builder object.
+   *        This object.
    */ _define_property$c$1(this, "like", this.operator.bind(this, "like"));
+        /**
+   * Constructs a starts with filter.
+   *
+   * @returns
+   *        This object.
+   */ _define_property$c$1(this, "startsWith", this.operator.bind(this, "sw"));
+        /**
+   * Constructs an ends with filter.
+   *
+   * @returns
+   *        This object.
+   */ _define_property$c$1(this, "endsWith", this.operator.bind(this, "ew"));
         this._filter = {
             subject: "",
             value: null,
@@ -12000,6 +12018,10 @@ var _obj$2$1;
     return d <= v;
 }), _define_property$c$1(_obj$2$1, "like", function(d, v) {
     return "".concat(d).indexOf("".concat(v)) >= 0;
+}), _define_property$c$1(_obj$2$1, "sw", function(d, v) {
+    return "".concat(d).startsWith("".concat(v));
+}), _define_property$c$1(_obj$2$1, "ew", function(d, v) {
+    return "".concat(d).endsWith("".concat(v));
 }), _obj$2$1);
 
 function _class_call_check$i$1(instance, Constructor) {
@@ -52386,13 +52408,8 @@ const DefaultSystemRequest = new ZDataRequestBuilder().sort(DefaultSystemSortOrd
 function ZRomulatorSystemsPage() {
     const { body } = useFashionTheme();
     const navigate = useNavigate();
-    const source = useSystemsService();
+    const systems = useSystemsService();
     const [request, setRequest] = reactExports.useState(DefaultSystemRequest);
-    const tile = useCss(css$1`
-    & {
-      height: 100%;
-    }
-  `);
     const renderTile = (system)=>{
         const { api } = new ZRomulatorEnvironmentBuilder().build();
         const id = `${system.id}-wheel`;
@@ -52406,21 +52423,16 @@ function ZRomulatorSystemsPage() {
             "data-name": system.id,
             onClick: ()=>navigate(system.id),
             children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZStack, {
-                className: cssJoinDefined(tile),
-                gap: ZSizeFixed.Medium,
-                orientation: ZOrientation.Horizontal,
                 justify: {
                     content: "center"
                 },
                 align: {
                     items: "center"
                 },
-                children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZContentTitle, {
-                    avatar: /*#__PURE__*/ jsxRuntimeExports.jsx(ZImageSource, {
-                        src: wheel,
-                        height: ZSizeVaried.Full,
-                        width: ZSizeVaried.Full
-                    })
+                height: ZSizeVaried.Full,
+                children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZImageSource, {
+                    src: wheel,
+                    width: ZSizeVaried.Full
                 })
             })
         }, system.id);
@@ -52450,10 +52462,10 @@ function ZRomulatorSystemsPage() {
                         },
                         gap: ZSizeFixed.Medium
                     },
+                    dataSource: systems,
+                    renderItem: renderTile,
                     value: request,
-                    onValueChange: setRequest,
-                    dataSource: source,
-                    renderItem: renderTile
+                    onValueChange: setRequest
                 })
             })
         ]

package/dist/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Romulator: Organize your Games</title>
-    <script type="module" crossorigin src="/assets/index-BO4ogTAe.js"></script>
+    <script type="module" crossorigin src="/assets/index-DUOIpN_h.js"></script>
   </head>
   <body>
     <div id="zthunworks-romulator"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zthun/romulator-web",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Romulator frontend",
   "author": "Anthony Bonta",
   "license": "MIT",
@@ -18,20 +18,20 @@
     "access": "public"
   },
   "devDependencies": {
-    "@types/node": "^24.7.2",
+    "@types/node": "^24.8.1",
     "@zthun/cirque": "^7.1.10",
     "@zthun/cirque-du-react": "^7.1.10",
-    "@zthun/fashion-boutique": "^11.0.0",
-    "@zthun/fashion-tailor": "^11.0.0",
-    "@zthun/fashion-theme": "^11.0.0",
+    "@zthun/fashion-boutique": "^11.0.1",
+    "@zthun/fashion-tailor": "^11.0.1",
+    "@zthun/fashion-theme": "^11.0.1",
     "@zthun/helpful-fn": "^9.6.0",
-    "@zthun/helpful-query": "^9.6.0",
-    "@zthun/helpful-react": "^9.6.0",
+    "@zthun/helpful-query": "^9.7.1",
+    "@zthun/helpful-react": "^9.7.1",
     "@zthun/janitor-build-config": "^19.3.6",
-    "@zthun/romulator-client": "^1.5.0",
-    "@zthun/webigail-http": "^4.0.8",
-    "@zthun/webigail-rest": "^4.0.8",
-    "@zthun/webigail-url": "^4.0.8",
+    "@zthun/romulator-client": "^1.6.0",
+    "@zthun/webigail-http": "^4.0.9",
+    "@zthun/webigail-rest": "^4.0.9",
+    "@zthun/webigail-url": "^4.0.9",
     "history": "^5.3.0",
     "lodash-es": "^4.17.21",
     "react": "^19.2.0",
@@ -42,5 +42,5 @@
     "vitest": "^3.2.4",
     "vitest-mock-extended": "^3.1.0"
   },
-  "gitHead": "9c359c7ae547a644301763c746d6bcebde5469ac"
+  "gitHead": "9f3e9d22ba3ef2561e18c72a11b8c85f45052438"
 }

package/src/systems/systems-page.tsx

@@ -1,18 +1,15 @@
 import {
-  useCss,
   useFashionTheme,
   useNavigate,
   ZBox,
   ZBreadcrumbsLocation,
   ZCard,
-  ZContentTitle,
   ZGridView,
   ZIconFontAwesome,
   ZImageSource,
   ZStack,
 } from "@zthun/fashion-boutique";
 import { ZSizeFixed, ZSizeVaried } from "@zthun/fashion-tailor";
-import { css, cssJoinDefined, ZOrientation } from "@zthun/helpful-fn";
 import { ZDataRequestBuilder, ZSortBuilder } from "@zthun/helpful-query";
 import type { IZRomulatorSystem } from "@zthun/romulator-client";
 import { useState } from "react";
@@ -31,15 +28,9 @@ const DefaultSystemRequest = new ZDataRequestBuilder()
 export function ZRomulatorSystemsPage() {
   const { body } = useFashionTheme();
   const navigate = useNavigate();
-  const source = useSystemsService();
+  const systems = useSystemsService();
   const [request, setRequest] = useState(DefaultSystemRequest);
 
-  const tile = useCss(css`
-    & {
-      height: 100%;
-    }
-  `);
-
   const renderTile = (system: IZRomulatorSystem) => {
     const { api } = new ZRomulatorEnvironmentBuilder().build();
     const id = `${system.id}-wheel`;
@@ -57,21 +48,11 @@ export function ZRomulatorSystemsPage() {
         onClick={() => navigate(system.id)}
       >
         <ZStack
-          className={cssJoinDefined(tile)}
-          gap={ZSizeFixed.Medium}
-          orientation={ZOrientation.Horizontal}
           justify={{ content: "center" }}
           align={{ items: "center" }}
+          height={ZSizeVaried.Full}
         >
-          <ZContentTitle
-            avatar={
-              <ZImageSource
-                src={wheel}
-                height={ZSizeVaried.Full}
-                width={ZSizeVaried.Full}
-              />
-            }
-          />
+          <ZImageSource src={wheel} width={ZSizeVaried.Full} />
         </ZStack>
       </ZBox>
     );
@@ -101,10 +82,10 @@ export function ZRomulatorSystemsPage() {
             },
             gap: ZSizeFixed.Medium,
           }}
+          dataSource={systems}
+          renderItem={renderTile}
           value={request}
           onValueChange={setRequest}
-          dataSource={source}
-          renderItem={renderTile}
         />
       </ZCard>
     </ZStack>