sliftutils 0.51.0 → 0.53.0

package/.cursorrules

@@ -84,6 +84,14 @@ Coding Styles
     Use ref={elem => } callbacks. NEVER use .createRef.
 
     NEVER render images with a fixed width+height. This will cause them to be stretched or cut off. This is terrible. Only set the width or height. 
+    
+    Callback held should be avoided by using async and `import { PromiseObj } from "socket-function/src/misc";`. Most of the time, if there's an event callback, you should wrap it with a promise obj so that you can wait for it asynchronously. 
+
+    `import { keyBy, keyByArray } from "socket-function/src/misc";` Should be used when you need to create lookups from lists and you know what key you want. This can clobber values, or it can gather in an array.
+        let example: Map<number, { x: number }> = keyBy([{ x: 5 }, { x: 6 }]);
+        let example: Map<number, { x: number }[]> = keyByArrat([{ x: 5 }, { x: 5, version: 2 } { x: 6 }]);
+
+    Never use alert. If there's an error, you should throw it. 
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sliftutils",
-    "version": "0.51.0",
+    "version": "0.53.0",
     "main": "index.js",
     "license": "MIT",
     "files": [

package/render-utils/FullscreenModal.tsx

@@ -65,7 +65,7 @@ export class FullscreenModal extends preact.Component<{
                             display: "flex",
                             flexDirection: "column",
                             gap: 10,
-                            maxHeight: "calc(100% - 200px)",
+                            maxHeight: "100%",
                             overflow: "auto",
                             ...this.props.style
                         }}

package/render-utils/modal.tsx

@@ -3,6 +3,7 @@ import { observable } from "mobx";
 import * as mobx from "mobx";
 import { observer } from "./observer";
 import { lazy } from "socket-function/src/caching";
+import { nextId } from "socket-function/src/misc";
 
 type ModalData = {
     contents: preact.ComponentChildren;
@@ -31,7 +32,6 @@ const ensureRootMounted = lazy(() => {
     preact.render(<ModalRoot />, root);
 });
 
-let modalIdCounter = 0;
 
 function closeModal(id: string) {
     const modal = activeModals[id];
@@ -54,7 +54,7 @@ export function showModal(config: {
 } {
     ensureRootMounted();
 
-    const id = `modal-${modalIdCounter++}`;
+    const id = `modal-${nextId()}`;
     activeModals[id] = {
         contents: config.contents,
         onClose: config.onClose