sliftutils 0.60.0 → 0.62.0

package/index.d.ts

@@ -200,6 +200,25 @@ declare module "sliftutils/render-utils/FullscreenModal" {
 
 }
 
+declare module "sliftutils/render-utils/GenericFormat" {
+    import preact from "preact";
+    export declare const errorMessage: string;
+    export declare const warnMessage: string;
+    export type RowType = {
+        [columnName: string]: unknown;
+    };
+    export type FormatContext<RowT extends RowType = RowType> = {
+        row?: RowT;
+        columnName?: RowT extends undefined ? string : keyof RowT;
+    };
+    export type JSXFormatter<T = unknown, RowT extends RowType = RowType> = (StringFormatters | `varray:${StringFormatters}` | `link:${string}` | ((value: T, context?: FormatContext<RowT>) => preact.ComponentChild));
+    type StringFormatters = ("guess" | "string" | "number" | "timeSpan" | "date" | "error" | "link" | "toSpaceCase");
+    export declare function toSpaceCase(text: string): string;
+    export declare function formatValue(value: unknown, formatter?: JSXFormatter, context?: FormatContext): preact.ComponentChild;
+    export {};
+
+}
+
 declare module "sliftutils/render-utils/Input" {
     import preact from "preact";
     export type InputProps = (preact.JSX.HTMLAttributes<HTMLInputElement> & {
@@ -483,6 +502,16 @@ declare module "sliftutils/render-utils/asyncObservable" {
 
 }
 
+declare module "sliftutils/render-utils/colors" {
+    export declare const redButton: string;
+    export declare const yellowButton: string;
+    export declare const greenButton: string;
+    export declare const errorMessage: string;
+    export declare const warnMessage: string;
+    export declare const AnchorClass: string;
+
+}
+
 declare module "sliftutils/render-utils/mobxTyped" {
     export declare function configureMobxNextFrameScheduler(): void;
 

package/misc/openrouter.ts

@@ -1,4 +1,4 @@
-import { parseYAML } from "sliftutils/misc/yaml";
+import { parseYAML } from "./yaml";
 import { retryFunctional } from "socket-function/src/batching";
 import { formatNumber } from "socket-function/src/formatting/format";
 import { getAPIKey } from "./apiKeys";

package/package.json

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

package/render-utils/GenericFormat.d.ts

@@ -0,0 +1,15 @@
+import preact from "preact";
+export declare const errorMessage: string;
+export declare const warnMessage: string;
+export type RowType = {
+    [columnName: string]: unknown;
+};
+export type FormatContext<RowT extends RowType = RowType> = {
+    row?: RowT;
+    columnName?: RowT extends undefined ? string : keyof RowT;
+};
+export type JSXFormatter<T = unknown, RowT extends RowType = RowType> = (StringFormatters | `varray:${StringFormatters}` | `link:${string}` | ((value: T, context?: FormatContext<RowT>) => preact.ComponentChild));
+type StringFormatters = ("guess" | "string" | "number" | "timeSpan" | "date" | "error" | "link" | "toSpaceCase");
+export declare function toSpaceCase(text: string): string;
+export declare function formatValue(value: unknown, formatter?: JSXFormatter, context?: FormatContext): preact.ComponentChild;
+export {};

package/render-utils/GenericFormat.tsx

@@ -5,12 +5,10 @@ import { css } from "typesafecss";
 
 export const errorMessage = css.hsl(0, 75, 50).color("white", "important", "soft")
     .padding("4px 6px", "soft")
-    .whiteSpace("pre-wrap").display("inline-block", "soft")
-    ;
+    .whiteSpace("pre-wrap").display("inline-block", "soft") as string;
 export const warnMessage = css.hsl(50, 75, 50).color("hsl(0, 0%, 7%)", "important", "soft")
     .padding("4px 6px", "soft")
-    .whiteSpace("pre-wrap").display("inline-block", "soft")
-    ;
+    .whiteSpace("pre-wrap").display("inline-block", "soft") as string;
 
 export type RowType = { [columnName: string]: unknown };
 export type FormatContext<RowT extends RowType = RowType> = {

package/render-utils/colors.d.ts

@@ -0,0 +1,6 @@
+export declare const redButton: string;
+export declare const yellowButton: string;
+export declare const greenButton: string;
+export declare const errorMessage: string;
+export declare const warnMessage: string;
+export declare const AnchorClass: string;

package/render-utils/colors.tsx

@@ -1,19 +1,17 @@
 import { css } from "typesafecss";
 
-export const redButton = css.hsl(0, 75, 50).bord(1, "hsl(0, 75%, 75%)").background("hsl(0, 75%, 75%)", "hover");
-export const yellowButton = css.hsl(50, 90, 50).bord(1, "hsl(40, 75%, 75%)").color("hsl(0, 0%, 16%)!important").background("hsl(40, 75%, 75%)", "hover");
-export const greenButton = css.hsl(110, 65, 45).bord(1, { h: 110, s: 65, l: 75 }).background("hsl(110, 65%, 90%)", "hover");
+export const redButton = css.hsl(0, 75, 50).bord(1, "hsl(0, 75%, 75%)").background("hsl(0, 75%, 75%)", "hover") as string;
+export const yellowButton = css.hsl(50, 90, 50).bord(1, "hsl(40, 75%, 75%)").color("hsl(0, 0%, 16%)!important").background("hsl(40, 75%, 75%)", "hover") as string;
+export const greenButton = css.hsl(110, 65, 45).bord(1, { h: 110, s: 65, l: 75 }).background("hsl(110, 65%, 90%)", "hover") as string;
 
 export const errorMessage = css.hsl(0, 75, 50).color("white")
     .padding("4px 6px", "soft")
-    .whiteSpace("pre-wrap").display("inline-block", "soft")
-    ;
+    .whiteSpace("pre-wrap").display("inline-block", "soft") as string;
 export const warnMessage = css.hsl(50, 75, 50).color("hsl(0, 0%, 7%)", "important", "soft")
     .padding("4px 6px", "soft")
-    .whiteSpace("pre-wrap").display("inline-block", "soft")
-    ;
+    .whiteSpace("pre-wrap").display("inline-block", "soft") as string;
 
 
 export const AnchorClass = (
-    css.textDecoration("none").color("hsl(210, 75%, 65%)").opacity(0.8, "hover")
+    css.textDecoration("none").color("hsl(210, 75%, 65%)").opacity(0.8, "hover") as string
 );

package/storage/TransactionStorage.ts

@@ -95,7 +95,7 @@ export class TransactionStorage implements IStorage<Buffer> {
     ) {
         TransactionStorage.allStorage.push(this);
         // VERY useful for debugging.
-        (globalThis as any)[`transactionStorage-${this.debugName}`] = this;
+        (globalThis as any)[`transactionStorage_${this.debugName}`] = this;
     }
     // Helps get rid of parse errors which constantly log. Also, uses less space
     public static async compressAll() {