@zthun/romulator-web 1.10.0 → 1.11.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.11.0](https://github.com/zthun/romulator/compare/v1.10.0...v1.11.0) (2025-10-25)
+
+**Note:** Version bump only for package @zthun/romulator-web
+
+
+
+
+
 ## [1.10.0](https://github.com/zthun/romulator/compare/v1.9.0...v1.10.0) (2025-10-23)
 
 

package/dist/assets/{index-CBeQBj5p.js → index-Bvc6l8vJ.js}

@@ -610,7 +610,7 @@ function _create_class$2(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$2$6(obj, key, value) {
+function _define_property$2$7(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -633,7 +633,7 @@ function _object_spread$1(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$2$6(target, key, source[key]);
+            _define_property$2$7(target, key, source[key]);
         });
     }
     return target;
@@ -643,7 +643,7 @@ function _object_spread$1(target) {
  */ var ZCircusKeyBuilder = /*#__PURE__*/ function() {
     function ZCircusKeyBuilder(key, code) {
         _class_call_check$2(this, ZCircusKeyBuilder);
-        _define_property$2$6(this, "_key", void 0);
+        _define_property$2$7(this, "_key", void 0);
         this._key = {
             lower: key,
             code: code,
@@ -863,7 +863,7 @@ function _create_class$1(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$1$7(obj, key, value) {
+function _define_property$1$8(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -882,8 +882,8 @@ function _define_property$1$7(obj, key, value) {
     function ZCircusKeyTranslator(keys) {
         var _this = this;
         _class_call_check$1(this, ZCircusKeyTranslator);
-        _define_property$1$7(this, "_lowerCaseToKeyValue", new Map());
-        _define_property$1$7(this, "_upperCaseToKeyValue", new Map());
+        _define_property$1$8(this, "_lowerCaseToKeyValue", new Map());
+        _define_property$1$8(this, "_upperCaseToKeyValue", new Map());
         keys.forEach(function(key) {
             _this._lowerCaseToKeyValue.set(key.lower, key);
             _this._upperCaseToKeyValue.set(key.upper, key);
@@ -909,7 +909,7 @@ function _define_property$1$7(obj, key, value) {
     ]);
     return ZCircusKeyTranslator;
 }();
-_define_property$1$7(ZCircusKeyTranslator, "Qwerty", new ZCircusKeyTranslator(Object.values(ZCircusKeyboardQwerty)));
+_define_property$1$8(ZCircusKeyTranslator, "Qwerty", new ZCircusKeyTranslator(Object.values(ZCircusKeyboardQwerty)));
 
 /**
  * Represents a type of action that can be performed.
@@ -1869,7 +1869,7 @@ function _define_property$4$2(obj, key, value) {
  *        {@link joinDefined} for more information and examples.
  */ joinDefined.bind(null, "|");
 
-function _define_property$2$5(obj, key, value) {
+function _define_property$2$6(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -1893,8 +1893,8 @@ class ZLazy {
         return this._value;
     }
     constructor(_factory){
-        _define_property$2$5(this, "_factory", void 0);
-        _define_property$2$5(this, "_value", void 0);
+        _define_property$2$6(this, "_factory", void 0);
+        _define_property$2$6(this, "_value", void 0);
         this._factory = _factory;
     }
 }
@@ -6595,7 +6595,7 @@ function trimStart(string, chars, guard) {
   return castSlice(strSymbols, start).join('');
 }
 
-function _define_property$2$4(obj, key, value) {
+function _define_property$2$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -6613,11 +6613,11 @@ function isDeviceValues(value) {
 }
 class ZDeviceValues {
     constructor(value, fallback){
-        _define_property$2$4(this, "xl", void 0);
-        _define_property$2$4(this, "lg", void 0);
-        _define_property$2$4(this, "md", void 0);
-        _define_property$2$4(this, "sm", void 0);
-        _define_property$2$4(this, "xs", void 0);
+        _define_property$2$5(this, "xl", void 0);
+        _define_property$2$5(this, "lg", void 0);
+        _define_property$2$5(this, "md", void 0);
+        _define_property$2$5(this, "sm", void 0);
+        _define_property$2$5(this, "xs", void 0);
         if (isDeviceValues(value)) {
             this.xl = value.xl;
             this.lg = firstDefined(this.xl, value.lg);
@@ -6662,7 +6662,7 @@ class ZDeviceValues {
     return ZSizeFixed;
 }({});
 
-function _define_property$1$6(obj, key, value) {
+function _define_property$1$7(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -6681,7 +6681,7 @@ class ZFashionDevice {
         return `@media only screen and (max-width: ${width})`;
     }
     constructor(){
-        _define_property$1$6(this, "breakpoints", {
+        _define_property$1$7(this, "breakpoints", {
             [ZSizeFixed.ExtraSmall]: "600px",
             [ZSizeFixed.Small]: "900px",
             [ZSizeFixed.Medium]: "1200px",
@@ -7117,7 +7117,7 @@ function _define_property$3$1(obj, key, value) {
     }
 }
 
-function _define_property$2$3(obj, key, value) {
+function _define_property$2$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7161,12 +7161,12 @@ class ZFashionStateBuilder {
         };
     }
     constructor(){
-        _define_property$2$3(this, "_state", void 0);
+        _define_property$2$4(this, "_state", void 0);
         this._state = {};
     }
 }
 
-function _define_property$1$5(obj, key, value) {
+function _define_property$1$6(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7342,7 +7342,7 @@ function _define_property$1$5(obj, key, value) {
    * The default complementary pair is white and black
    * for the main and contrast values respectively.
    */ constructor(){
-        _define_property$1$5(this, "_fashion", void 0);
+        _define_property$1$6(this, "_fashion", void 0);
         this._fashion = {
             idle: {
                 main: white(),
@@ -11892,7 +11892,7 @@ function _define_property$4$1(obj, key, value) {
     }
 }
 
-function _define_property$2$2(obj, key, value) {
+function _define_property$2$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -12043,12 +12043,12 @@ function _define_property$2$2(obj, key, value) {
     /**
    * Initializes a new instance of this object.
    */ constructor(){
-        _define_property$2$2(this, "_request", void 0);
+        _define_property$2$3(this, "_request", void 0);
         this._request = {};
     }
 }
 
-function _define_property$1$4(obj, key, value) {
+function _define_property$1$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -12122,7 +12122,7 @@ function _define_property$1$4(obj, key, value) {
     /**
    * Initializes a new instance of this object.
    */ constructor(){
-        _define_property$1$4(this, "_options", void 0);
+        _define_property$1$5(this, "_options", void 0);
         this._options = {
             search: new ZDataMatchAlways(),
             filter: new ZDataFilterFields(),
@@ -16592,7 +16592,7 @@ const URLParse = /*@__PURE__*/getDefaultExportFromCjs(urlParseExports);
     ...keyBy(Object.values(ZMimeTypeImage))
 });
 
-function _define_property$1$3(obj, key, value) {
+function _define_property$1$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -16738,7 +16738,7 @@ function _define_property$1$3(obj, key, value) {
    */ constructor(){
         /**
    * The representation of the data url object.
-   */ _define_property$1$3(this, "_data", void 0);
+   */ _define_property$1$4(this, "_data", void 0);
         this._data = {
             mimeType: "",
             encoding: "utf8",
@@ -17894,7 +17894,7 @@ function requireBrowserPonyfill () {
 var browserPonyfillExports = requireBrowserPonyfill();
 const fetch$1 = /*@__PURE__*/getDefaultExportFromCjs(browserPonyfillExports);
 
-function _define_property$2$1(obj, key, value) {
+function _define_property$2$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -18091,13 +18091,13 @@ function _define_property$2$1(obj, key, value) {
     /**
    * Initializes a new instance of this object.
    */ constructor(){
-        _define_property$2$1(this, "_request", void 0);
+        _define_property$2$2(this, "_request", void 0);
         /**
    * Sets the content type to json.
    *
    * @returns
    *        This object.
-   */ _define_property$2$1(this, "json", this.content.bind(this, ZMimeTypeApplication.JSON));
+   */ _define_property$2$2(this, "json", this.content.bind(this, ZMimeTypeApplication.JSON));
         this._request = {
             method: "GET",
             url: ""
@@ -18550,7 +18550,7 @@ function _define_property$2$1(obj, key, value) {
     return ZHttpCodeInformationalResponseDescriptions[code] || ZHttpCodeSuccessDescriptions[code] || ZHttpCodeRedirectionDescriptions[code] || ZHttpCodeClientDescriptions[code] || ZHttpCodeServerDescriptions[code];
 }
 
-function _define_property$1$2(obj, key, value) {
+function _define_property$1$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -18618,7 +18618,7 @@ function _define_property$1$2(obj, key, value) {
    * @param data -
    *        The data result.
    */ constructor(data){
-        _define_property$1$2(this, "_result", void 0);
+        _define_property$1$3(this, "_result", void 0);
         this._result = {
             status: ZHttpCodeSuccess.OK,
             headers: {},
@@ -22470,7 +22470,7 @@ _define_property$3(ZNumberComponentModel, "Selector", ".ZNumber-root");
 
 createSizeChartFixedArithmetic(2, 2);
 
-function _define_property$2(obj, key, value) {
+function _define_property$2$1(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22495,9 +22495,9 @@ function _define_property$2(obj, key, value) {
         return this.driver.attribute("data-fashion", "Inherit");
     }
 }
-_define_property$2(ZTypographyComponentModel, "Selector", ".ZTypography-root");
+_define_property$2$1(ZTypographyComponentModel, "Selector", ".ZTypography-root");
 
-function _define_property$1$1(obj, key, value) {
+function _define_property$1$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22532,7 +22532,7 @@ class ZWizardComponentModel extends ZCircusComponentModel {
         return ZCircusBy.optional(await this._footer(), ZButtonComponentModel, "finish");
     }
 }
-_define_property$1$1(ZWizardComponentModel, "Selector", ".ZWizard-root");
+_define_property$1$2(ZWizardComponentModel, "Selector", ".ZWizard-root");
 
 function _define_property$w(obj, key, value) {
     if (key in obj) {
@@ -39145,7 +39145,7 @@ function ZRomulatorMenu() {
     });
 }
 
-function _define_property$1(obj, key, value) {
+function _define_property$1$1(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -39197,12 +39197,12 @@ function _define_property$1(obj, key, value) {
     /**
    * Initializes a new instance of this object.
    */ constructor(baseUrl){
-        _define_property$1(this, "_url", void 0);
+        _define_property$1$1(this, "_url", void 0);
         this._url = new ZUrlBuilder().parse(baseUrl);
     }
 }
 
-function _define_property(obj, key, value) {
+function _define_property$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -39291,25 +39291,38 @@ function _define_property(obj, key, value) {
    *        The base request to use when constructing requests in the http
    *        service.
    */ constructor(_http, _endpointUrl, _request = new ZHttpRequestBuilder().build()){
-        _define_property(this, "_http", void 0);
-        _define_property(this, "_endpointUrl", void 0);
-        _define_property(this, "_request", void 0);
+        _define_property$2(this, "_http", void 0);
+        _define_property$2(this, "_endpointUrl", void 0);
+        _define_property$2(this, "_request", void 0);
         this._http = _http;
         this._endpointUrl = _endpointUrl;
         this._request = _request;
     }
 }
 
+function _define_property$1(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 class ZRomulatorEnvironmentBuilder {
-    _env;
+    build() {
+        return structuredClone(this._env);
+    }
     constructor(){
+        _define_property$1(this, "_env", void 0);
         this._env = {
             api: new ZUrlBuilder().protocol("http").hostname("localhost").port(3000).append("api").build()
         };
     }
-    build() {
-        return structuredClone(this._env);
-    }
 }
 
 function createDefaultSettingsService() {
@@ -39517,10 +39530,11 @@ function ZRomulatorGamesList(props) {
     return /*#__PURE__*/ jsxRuntimeExports.jsx(ZGridView, {
         GridProps: {
             columns: {
-                xl: "1fr 1fr 1fr 1fr",
-                lg: "1fr 1fr 1fr",
-                md: "1fr 1fr",
-                sm: "1fr"
+                xl: "1fr 1fr 1fr 1fr 1fr 1fr",
+                lg: "1fr 1fr 1fr 1fr",
+                md: "1fr 1fr 1fr",
+                sm: "1fr 1fr",
+                xs: "1fr"
             },
             gap: ZSizeFixed.Medium
         },
@@ -39531,15 +39545,24 @@ function ZRomulatorGamesList(props) {
     });
 }
 
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 class ZRomulatorSystemsService {
-    _rest;
     endpoint() {
         const { api } = new ZRomulatorEnvironmentBuilder().build();
         return new ZUrlBuilder().parse(api).append("systems").build();
     }
-    constructor(_http){
-        this._rest = new ZLazy(async ()=>Promise.resolve(new ZRestfulService(_http, this.endpoint())));
-    }
     async retrieve(request) {
         return (await this._rest.get()).retrieve(request);
     }
@@ -39549,6 +39572,10 @@ class ZRomulatorSystemsService {
     async get(id) {
         return (await this._rest.get()).get(id);
     }
+    constructor(_http){
+        _define_property(this, "_rest", void 0);
+        this._rest = new ZLazy(async ()=>Promise.resolve(new ZRestfulService(_http, this.endpoint())));
+    }
 }
 function createDefaultSystemsService() {
     return new ZRomulatorSystemsService(new ZHttpService());
@@ -39569,7 +39596,7 @@ function ZRomulatorSystemPage() {
     const gameFilter = reactExports.useMemo(()=>new ZFilterBinaryBuilder().subject("system").equal().value(id).build(), [
         id
     ]);
-    const baseGameRequest = reactExports.useMemo(()=>new ZDataRequestBuilder().filter(gameFilter).build(), [
+    const baseGameRequest = reactExports.useMemo(()=>new ZDataRequestBuilder().size(12).filter(gameFilter).build(), [
         gameFilter
     ]);
     const [userRequest, setGameRequest] = useSyncState(baseGameRequest);
@@ -39630,7 +39657,7 @@ function ZRomulatorSystemPage() {
 }
 
 const DefaultSystemSortOrder = new ZSortBuilder().ascending("generation").ascending("name").build();
-const DefaultSystemRequest = new ZDataRequestBuilder().sort(DefaultSystemSortOrder).build();
+const DefaultSystemRequest = new ZDataRequestBuilder().size(12).sort(DefaultSystemSortOrder).build();
 function ZRomulatorSystemsPage() {
     const { body } = useFashionTheme();
     const navigate = useNavigate();

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-CBeQBj5p.js"></script>
+    <script type="module" crossorigin src="/assets/index-Bvc6l8vJ.js"></script>
   </head>
   <body>
     <div id="zthunworks-romulator"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zthun/romulator-web",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "Romulator frontend",
   "author": "Anthony Bonta",
   "license": "MIT",
@@ -24,11 +24,11 @@
     "@zthun/fashion-boutique": "^12.0.0",
     "@zthun/fashion-tailor": "^12.0.0",
     "@zthun/fashion-theme": "^12.0.0",
-    "@zthun/helpful-fn": "^9.8.0",
-    "@zthun/helpful-query": "^9.8.0",
-    "@zthun/helpful-react": "^9.8.0",
+    "@zthun/helpful-fn": "^9.9.0",
+    "@zthun/helpful-query": "^9.9.0",
+    "@zthun/helpful-react": "^9.9.0",
     "@zthun/janitor-build-config": "^19.4.1",
-    "@zthun/romulator-client": "^1.10.0",
+    "@zthun/romulator-client": "^1.11.0",
     "@zthun/webigail-http": "^5.0.0",
     "@zthun/webigail-rest": "^5.0.0",
     "@zthun/webigail-url": "^5.0.0",
@@ -38,9 +38,9 @@
     "react-dom": "^19.2.0",
     "tsconfig-paths": "^4.2.0",
     "typescript": "^5.9.3",
-    "vite": "^7.1.11",
-    "vitest": "^4.0.1",
+    "vite": "^7.1.12",
+    "vitest": "^4.0.3",
     "vitest-mock-extended": "^3.1.0"
   },
-  "gitHead": "bad1143f9c40a8bd819117cb99bf2f1b58c005e6"
+  "gitHead": "0bdf3fa128737f52824cd317345514d07a12260a"
 }

package/src/games/games-list.tsx

@@ -58,10 +58,11 @@ export function ZRomulatorGamesList(props: IZRomulatorGamesList) {
     <ZGridView
       GridProps={{
         columns: {
-          xl: "1fr 1fr 1fr 1fr",
-          lg: "1fr 1fr 1fr",
-          md: "1fr 1fr",
-          sm: "1fr",
+          xl: "1fr 1fr 1fr 1fr 1fr 1fr",
+          lg: "1fr 1fr 1fr 1fr",
+          md: "1fr 1fr 1fr",
+          sm: "1fr 1fr",
+          xs: "1fr",
         },
         gap: ZSizeFixed.Medium,
       }}

package/src/systems/system-page.tsx

@@ -34,7 +34,7 @@ export function ZRomulatorSystemPage() {
   );
 
   const baseGameRequest = useMemo(
-    () => new ZDataRequestBuilder().filter(gameFilter).build(),
+    () => new ZDataRequestBuilder().size(12).filter(gameFilter).build(),
     [gameFilter],
   );
 

package/src/systems/systems-page.tsx

@@ -24,6 +24,7 @@ const DefaultSystemSortOrder = new ZSortBuilder()
   .build();
 
 const DefaultSystemRequest = new ZDataRequestBuilder()
+  .size(12)
   .sort(DefaultSystemSortOrder)
   .build();