@trpc/client 10.33.0 → 10.34.0

package/dist/links/internals/httpUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"httpUtils.d.ts","sourceRoot":"","sources":["../../../src/links/internals/httpUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,UAAU,EACV,gBAAgB,EAChB,aAAa,EACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC9C;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,mBAAmB,GACxB,uBAAuB,CAMzB;AAiBD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa,CAAC;KACzB,CAAC;CACH;AAED,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,GAAG,CAAC;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,OAAO,EAAE,CAAA;CAAE,CAAC,CAAC;AAUjD,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,uBAAuB,GAAG;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ,MAAM,MAAM,MAAM,GAAG,CAAC,IAAI,EAAE,sBAAsB,KAAK,MAAM,CAAC;AAC9D,MAAM,MAAM,OAAO,GAAG,CACpB,IAAI,EAAE,sBAAsB,KACzB,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAE9B,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,MAgBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAMrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CACtB,IAAI,EAAE,sBAAsB,GAAG;IAC7B,OAAO,EAAE,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;CACnD,KACE,gBAAgB,CAAC,UAAU,CAAC,CAAC;AAElC,eAAO,MAAM,iBAAiB,EAAE,SAO/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAC7C,sBAAsB,GAAG;IACvB,OAAO,EAAE,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAEJ,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,kBAAkB,EACxB,EAAE,CAAC,EAAE,4BAA4B,GAAG,IAAI,0BA0BzC;AAED,wBAAgB,WAAW,CACzB,IAAI,EAAE,kBAAkB,GACvB,gBAAgB,CAAC,UAAU,CAAC,CAsB9B"}
+{"version":3,"file":"httpUtils.d.ts","sourceRoot":"","sources":["../../../src/links/internals/httpUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,UAAU,EACV,gBAAgB,EAChB,aAAa,EACd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,eAAe,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC9C;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,mBAAmB,GACxB,uBAAuB,CAMzB;AAiBD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa,CAAC;QACxB,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;CACH;AAED,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,GAAG,CAAC;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,OAAO,EAAE,CAAA;CAAE,CAAC,CAAC;AAUjD,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,uBAAuB,GAAG;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ,MAAM,MAAM,MAAM,GAAG,CAAC,IAAI,EAAE,sBAAsB,KAAK,MAAM,CAAC;AAC9D,MAAM,MAAM,OAAO,GAAG,CACpB,IAAI,EAAE,sBAAsB,KACzB,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAE9B,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,MAgBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAMrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CACtB,IAAI,EAAE,sBAAsB,GAAG;IAC7B,OAAO,EAAE,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;CACnD,KACE,gBAAgB,CAAC,UAAU,CAAC,CAAC;AAElC,eAAO,MAAM,iBAAiB,EAAE,SAO/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAC7C,sBAAsB,GAAG;IACvB,OAAO,EAAE,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAEJ,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,kBAAkB,EACxB,EAAE,CAAC,EAAE,4BAA4B,GAAG,IAAI,0BA0BzC;AAED,wBAAgB,WAAW,CACzB,IAAI,EAAE,kBAAkB,GACvB,gBAAgB,CAAC,UAAU,CAAC,CAyB9B"}

package/dist/links/loggerLink.d.ts

@@ -34,6 +34,11 @@ export interface LoggerLinkOptions<TRouter extends AnyRouter> {
      * Used in the built-in defaultLogger
      */
     console?: ConsoleEsque;
+    /**
+     * Color mode
+     * @default typeof window === 'undefined' ? 'ansi' : 'css'
+     */
+    colorMode?: 'ansi' | 'css';
 }
 export declare function loggerLink<TRouter extends AnyRouter = AnyRouter>(opts?: LoggerLinkOptions<TRouter>): TRPCLink<TRouter>;
 export {};

package/dist/links/loggerLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loggerLink.d.ts","sourceRoot":"","sources":["../../src/links/loggerLink.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEvE,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,KAAK,eAAe,CAAC,OAAO,SAAS,SAAS,IAC1C;IACE,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;CACrE,GACD,CAAC,SAAS,GAAG;IACX,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC,CAAC;AACP,KAAK,SAAS,CAAC,OAAO,SAAS,SAAS,IAAI,CAC1C,IAAI,EAAE,eAAe,CAAC,OAAO,CAAC,KAC3B,OAAO,CAAC;AAEb,KAAK,mBAAmB,CAAC,OAAO,SAAS,SAAS,IAAI,SAAS,GAC7D,CACI;IACE;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACpE,SAAS,EAAE,MAAM,CAAC;CACnB,GACD;IACE;;OAEG;IACH,SAAS,EAAE,IAAI,CAAC;CACjB,CACJ,CAAC;AAEJ,KAAK,YAAY,CAAC,OAAO,SAAS,SAAS,IAAI,CAC7C,IAAI,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAC/B,IAAI,CAAC;AAOV,MAAM,WAAW,iBAAiB,CAAC,OAAO,SAAS,SAAS;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AA+DD,wBAAgB,UAAU,CAAC,OAAO,SAAS,SAAS,GAAG,SAAS,EAC9D,IAAI,GAAE,iBAAiB,CAAC,OAAO,CAAM,GACpC,QAAQ,CAAC,OAAO,CAAC,CA2CnB"}
+{"version":3,"file":"loggerLink.d.ts","sourceRoot":"","sources":["../../src/links/loggerLink.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEvE,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,KAAK,eAAe,CAAC,OAAO,SAAS,SAAS,IAC1C;IACE,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;CACrE,GACD,CAAC,SAAS,GAAG;IACX,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC,CAAC;AACP,KAAK,SAAS,CAAC,OAAO,SAAS,SAAS,IAAI,CAC1C,IAAI,EAAE,eAAe,CAAC,OAAO,CAAC,KAC3B,OAAO,CAAC;AAEb,KAAK,mBAAmB,CAAC,OAAO,SAAS,SAAS,IAAI,SAAS,GAC7D,CACI;IACE;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACpE,SAAS,EAAE,MAAM,CAAC;CACnB,GACD;IACE;;OAEG;IACH,SAAS,EAAE,IAAI,CAAC;CACjB,CACJ,CAAC;AAEJ,KAAK,YAAY,CAAC,OAAO,SAAS,SAAS,IAAI,CAC7C,IAAI,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAC/B,IAAI,CAAC;AAEV,MAAM,WAAW,iBAAiB,CAAC,OAAO,SAAS,SAAS;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC5B;AAsID,wBAAgB,UAAU,CAAC,OAAO,SAAS,SAAS,GAAG,SAAS,EAC9D,IAAI,GAAE,iBAAiB,CAAC,OAAO,CAAM,GACpC,QAAQ,CAAC,OAAO,CAAC,CA6CnB"}

package/dist/links/loggerLink.js

@@ -5,20 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var observable = require('@trpc/server/observable');
 
 /// <reference lib="dom.iterable" />
-const palette = {
-    query: [
-        '72e3ff',
-        '3fb0d8'
-    ],
-    mutation: [
-        'c5a3fc',
-        '904dfc'
-    ],
-    subscription: [
-        'ff49e1',
-        'd83fbe'
-    ]
-};
 function isFormData(value) {
     if (typeof FormData === 'undefined') {
         // FormData is not supported
@@ -26,43 +12,116 @@ function isFormData(value) {
     }
     return value instanceof FormData;
 }
-// maybe this should be moved to it's own package
-const defaultLogger = (c = console)=>(props)=>{
-        const { direction , type , path , context , id  } = props;
-        const [light, dark] = palette[type];
-        const rawInput = props.input;
-        const input = isFormData(rawInput) ? Object.fromEntries(rawInput) : rawInput;
-        const css = `
-    background-color: #${direction === 'up' ? light : dark}; 
-    color: ${direction === 'up' ? 'black' : 'white'};
-    padding: 2px;
-  `;
-        const parts = [
-            '%c',
-            direction === 'up' ? '>>' : '<<',
-            type,
-            `#${id}`,
-            `%c${path}%c`,
-            '%O'
-        ];
-        const args = [
-            css,
-            `${css}; font-weight: bold;`,
-            `${css}; font-weight: normal;`
-        ];
-        if (props.direction === 'up') {
+const palettes = {
+    css: {
+        query: [
+            '72e3ff',
+            '3fb0d8'
+        ],
+        mutation: [
+            'c5a3fc',
+            '904dfc'
+        ],
+        subscription: [
+            'ff49e1',
+            'd83fbe'
+        ]
+    },
+    ansi: {
+        regular: {
+            // Cyan background, black and white text respectively
+            query: [
+                '\x1b[30;46m',
+                '\x1b[97;46m'
+            ],
+            // Magenta background, black and white text respectively
+            mutation: [
+                '\x1b[30;45m',
+                '\x1b[97;45m'
+            ],
+            // Green background, black and white text respectively
+            subscription: [
+                '\x1b[30;42m',
+                '\x1b[97;42m'
+            ]
+        },
+        bold: {
+            query: [
+                '\x1b[1;30;46m',
+                '\x1b[1;97;46m'
+            ],
+            mutation: [
+                '\x1b[1;30;45m',
+                '\x1b[1;97;45m'
+            ],
+            subscription: [
+                '\x1b[1;30;42m',
+                '\x1b[1;97;42m'
+            ]
+        }
+    }
+};
+function constructPartsAndArgs(opts) {
+    const { direction , type , path , id , input  } = opts;
+    const parts = [];
+    const args = [];
+    if (opts.colorMode === 'ansi') {
+        const [lightRegular, darkRegular] = palettes.ansi.regular[type];
+        const [lightBold, darkBold] = palettes.ansi.bold[type];
+        const reset = '\x1b[0m';
+        parts.push(direction === 'up' ? lightRegular : darkRegular, direction === 'up' ? '>>' : '<<', type, direction === 'up' ? lightBold : darkBold, `#${id}`, path, reset);
+        if (direction === 'up') {
             args.push({
-                input,
-                context: context
+                input: opts.input
             });
         } else {
             args.push({
-                input,
-                result: props.result,
-                elapsedMs: props.elapsedMs,
-                context
+                input: opts.input,
+                // strip context from result cause it's too noisy in terminal wihtout collapse mode
+                result: 'result' in opts.result ? opts.result.result : opts.result,
+                elapsedMs: opts.elapsedMs
             });
         }
+        return {
+            parts,
+            args
+        };
+    }
+    const [light, dark] = palettes.css[type];
+    const css = `
+    background-color: #${direction === 'up' ? light : dark}; 
+    color: ${direction === 'up' ? 'black' : 'white'};
+    padding: 2px;
+  `;
+    parts.push('%c', direction === 'up' ? '>>' : '<<', type, `#${id}`, `%c${path}%c`, '%O');
+    args.push(css, `${css}; font-weight: bold;`, `${css}; font-weight: normal;`);
+    if (direction === 'up') {
+        args.push({
+            input,
+            context: opts.context
+        });
+    } else {
+        args.push({
+            input,
+            result: opts.result,
+            elapsedMs: opts.elapsedMs,
+            context: opts.context
+        });
+    }
+    return {
+        parts,
+        args
+    };
+}
+// maybe this should be moved to it's own package
+const defaultLogger = ({ c =console , colorMode ='css'  })=>(props)=>{
+        const rawInput = props.input;
+        const input = isFormData(rawInput) ? Object.fromEntries(rawInput) : rawInput;
+        const { parts , args  } = constructPartsAndArgs({
+            ...props,
+            colorMode,
+            input
+        });
         const fn = props.direction === 'down' && props.result && (props.result instanceof Error || 'error' in props.result.result) ? 'error' : 'log';
         c[fn].apply(null, [
             parts.join(' ')
@@ -70,7 +129,11 @@ const defaultLogger = (c = console)=>(props)=>{
     };
 function loggerLink(opts = {}) {
     const { enabled =()=>true  } = opts;
-    const { logger =defaultLogger(opts.console)  } = opts;
+    const colorMode = opts.colorMode ?? (typeof window === 'undefined' ? 'ansi' : 'css');
+    const { logger =defaultLogger({
+        c: opts.console,
+        colorMode
+    })  } = opts;
     return ()=>{
         return ({ op , next  })=>{
             return observable.observable((observer)=>{

package/dist/links/loggerLink.mjs

@@ -1,20 +1,6 @@
 import { observable, tap } from '@trpc/server/observable';
 
 /// <reference lib="dom.iterable" />
-const palette = {
-    query: [
-        '72e3ff',
-        '3fb0d8'
-    ],
-    mutation: [
-        'c5a3fc',
-        '904dfc'
-    ],
-    subscription: [
-        'ff49e1',
-        'd83fbe'
-    ]
-};
 function isFormData(value) {
     if (typeof FormData === 'undefined') {
         // FormData is not supported
@@ -22,43 +8,116 @@ function isFormData(value) {
     }
     return value instanceof FormData;
 }
-// maybe this should be moved to it's own package
-const defaultLogger = (c = console)=>(props)=>{
-        const { direction , type , path , context , id  } = props;
-        const [light, dark] = palette[type];
-        const rawInput = props.input;
-        const input = isFormData(rawInput) ? Object.fromEntries(rawInput) : rawInput;
-        const css = `
-    background-color: #${direction === 'up' ? light : dark}; 
-    color: ${direction === 'up' ? 'black' : 'white'};
-    padding: 2px;
-  `;
-        const parts = [
-            '%c',
-            direction === 'up' ? '>>' : '<<',
-            type,
-            `#${id}`,
-            `%c${path}%c`,
-            '%O'
-        ];
-        const args = [
-            css,
-            `${css}; font-weight: bold;`,
-            `${css}; font-weight: normal;`
-        ];
-        if (props.direction === 'up') {
+const palettes = {
+    css: {
+        query: [
+            '72e3ff',
+            '3fb0d8'
+        ],
+        mutation: [
+            'c5a3fc',
+            '904dfc'
+        ],
+        subscription: [
+            'ff49e1',
+            'd83fbe'
+        ]
+    },
+    ansi: {
+        regular: {
+            // Cyan background, black and white text respectively
+            query: [
+                '\x1b[30;46m',
+                '\x1b[97;46m'
+            ],
+            // Magenta background, black and white text respectively
+            mutation: [
+                '\x1b[30;45m',
+                '\x1b[97;45m'
+            ],
+            // Green background, black and white text respectively
+            subscription: [
+                '\x1b[30;42m',
+                '\x1b[97;42m'
+            ]
+        },
+        bold: {
+            query: [
+                '\x1b[1;30;46m',
+                '\x1b[1;97;46m'
+            ],
+            mutation: [
+                '\x1b[1;30;45m',
+                '\x1b[1;97;45m'
+            ],
+            subscription: [
+                '\x1b[1;30;42m',
+                '\x1b[1;97;42m'
+            ]
+        }
+    }
+};
+function constructPartsAndArgs(opts) {
+    const { direction , type , path , id , input  } = opts;
+    const parts = [];
+    const args = [];
+    if (opts.colorMode === 'ansi') {
+        const [lightRegular, darkRegular] = palettes.ansi.regular[type];
+        const [lightBold, darkBold] = palettes.ansi.bold[type];
+        const reset = '\x1b[0m';
+        parts.push(direction === 'up' ? lightRegular : darkRegular, direction === 'up' ? '>>' : '<<', type, direction === 'up' ? lightBold : darkBold, `#${id}`, path, reset);
+        if (direction === 'up') {
             args.push({
-                input,
-                context: context
+                input: opts.input
             });
         } else {
             args.push({
-                input,
-                result: props.result,
-                elapsedMs: props.elapsedMs,
-                context
+                input: opts.input,
+                // strip context from result cause it's too noisy in terminal wihtout collapse mode
+                result: 'result' in opts.result ? opts.result.result : opts.result,
+                elapsedMs: opts.elapsedMs
             });
         }
+        return {
+            parts,
+            args
+        };
+    }
+    const [light, dark] = palettes.css[type];
+    const css = `
+    background-color: #${direction === 'up' ? light : dark}; 
+    color: ${direction === 'up' ? 'black' : 'white'};
+    padding: 2px;
+  `;
+    parts.push('%c', direction === 'up' ? '>>' : '<<', type, `#${id}`, `%c${path}%c`, '%O');
+    args.push(css, `${css}; font-weight: bold;`, `${css}; font-weight: normal;`);
+    if (direction === 'up') {
+        args.push({
+            input,
+            context: opts.context
+        });
+    } else {
+        args.push({
+            input,
+            result: opts.result,
+            elapsedMs: opts.elapsedMs,
+            context: opts.context
+        });
+    }
+    return {
+        parts,
+        args
+    };
+}
+// maybe this should be moved to it's own package
+const defaultLogger = ({ c =console , colorMode ='css'  })=>(props)=>{
+        const rawInput = props.input;
+        const input = isFormData(rawInput) ? Object.fromEntries(rawInput) : rawInput;
+        const { parts , args  } = constructPartsAndArgs({
+            ...props,
+            colorMode,
+            input
+        });
         const fn = props.direction === 'down' && props.result && (props.result instanceof Error || 'error' in props.result.result) ? 'error' : 'log';
         c[fn].apply(null, [
             parts.join(' ')
@@ -66,7 +125,11 @@ const defaultLogger = (c = console)=>(props)=>{
     };
 function loggerLink(opts = {}) {
     const { enabled =()=>true  } = opts;
-    const { logger =defaultLogger(opts.console)  } = opts;
+    const colorMode = opts.colorMode ?? (typeof window === 'undefined' ? 'ansi' : 'css');
+    const { logger =defaultLogger({
+        c: opts.console,
+        colorMode
+    })  } = opts;
     return ()=>{
         return ({ op , next  })=>{
             return observable((observer)=>{

package/dist/links/wsLink.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var observable = require('@trpc/server/observable');
-var transformResult = require('../transformResult-70f95ffb.js');
+var transformResult = require('../transformResult-26a22823.js');
+var TRPCClientError = require('../TRPCClientError-dffb44e0.js');
 
 /* istanbul ignore next -- @preserve */ const retryDelay = (attemptIndex)=>attemptIndex === 0 ? 0 : Math.min(1000 * 2 ** attemptIndex, 30000);
 
@@ -169,7 +170,7 @@ function createWSClient(opts) {
                 } else {
                     // Queries and mutations will error if interrupted
                     delete pendingRequests[key];
-                    req.callbacks.error?.(transformResult.TRPCClientError.from(new TRPCWebSocketClosedError('WebSocket closed prematurely')));
+                    req.callbacks.error?.(TRPCClientError.TRPCClientError.from(new TRPCWebSocketClosedError('WebSocket closed prematurely')));
                 }
             }
         });
@@ -254,7 +255,7 @@ function wsLink(opts) {
                     next (message) {
                         const transformed = transformResult.transformResult(message, runtime);
                         if (!transformed.ok) {
-                            observer.error(transformResult.TRPCClientError.from(transformed.error));
+                            observer.error(TRPCClientError.TRPCClientError.from(transformed.error));
                             return;
                         }
                         observer.next({

package/dist/links/wsLink.mjs

@@ -1,5 +1,6 @@
 import { observable } from '@trpc/server/observable';
-import { T as TRPCClientError, t as transformResult } from '../transformResult-9a244fe7.mjs';
+import { t as transformResult } from '../transformResult-7ab522e6.mjs';
+import { T as TRPCClientError } from '../TRPCClientError-fef6cf44.mjs';
 
 /* istanbul ignore next -- @preserve */ const retryDelay = (attemptIndex)=>attemptIndex === 0 ? 0 : Math.min(1000 * 2 ** attemptIndex, 30000);
 

package/dist/shared/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var transformResult = require('../transformResult-70f95ffb.js');
+var transformResult = require('../transformResult-26a22823.js');
 
 
 

package/dist/shared/index.mjs

@@ -1 +1 @@
-export { t as transformResult } from '../transformResult-9a244fe7.mjs';
+export { t as transformResult } from '../transformResult-7ab522e6.mjs';

package/dist/shared/transformResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformResult.d.ts","sourceRoot":"","sources":["../../src/shared/transformResult.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EAEpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAOlD,gBAAgB;AAChB,iBAAS,oBAAoB,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,EAC9D,QAAQ,EACJ,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAChD,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAC3D,OAAO,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;EAuB3B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,EAChE,QAAQ,EACJ,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAChD,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAC3D,OAAO,EAAE,iBAAiB,GACzB,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAqBzC"}
+{"version":3,"file":"transformResult.d.ts","sourceRoot":"","sources":["../../src/shared/transformResult.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EAEpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAMlD,gBAAgB;AAChB,iBAAS,oBAAoB,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,EAC9D,QAAQ,EACJ,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAChD,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAC3D,OAAO,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;EAuB3B;AAQD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,EAChE,QAAQ,EACJ,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAChD,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAC3D,OAAO,EAAE,iBAAiB,GACzB,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAqBzC"}

package/dist/{transformResult-70f95ffb.js → transformResult-26a22823.js}

@@ -1,39 +1,5 @@
 'use strict';
 
-class TRPCClientError extends Error {
-    static from(cause, opts = {}) {
-        if (!(cause instanceof Error)) {
-            return new TRPCClientError(cause.error.message ?? '', {
-                ...opts,
-                cause: undefined,
-                result: cause
-            });
-        }
-        if (cause.name === 'TRPCClientError') {
-            return cause;
-        }
-        return new TRPCClientError(cause.message, {
-            ...opts,
-            cause,
-            result: null
-        });
-    }
-    constructor(message, opts){
-        const cause = opts?.cause;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore https://github.com/tc39/proposal-error-cause
-        super(message, {
-            cause
-        });
-        this.meta = opts?.meta;
-        this.cause = cause;
-        this.shape = opts?.result?.error;
-        this.data = opts?.result?.error.data;
-        this.name = 'TRPCClientError';
-        Object.setPrototypeOf(this, TRPCClientError.prototype);
-    }
-}
-
 function isObject(value) {
     // check that value is object
     return !!value && !Array.isArray(value) && typeof value === 'object';
@@ -65,6 +31,11 @@ function isObject(value) {
         result
     };
 }
+class TransformResultError extends Error {
+    constructor(){
+        super('Unable to transform response from server');
+    }
+}
 /**
  * Transforms and validates that the result is a valid TRPCResponse
  * @internal
@@ -74,17 +45,16 @@ function isObject(value) {
         // Use the data transformers on the JSON-response
         result = transformResultInner(response, runtime);
     } catch (err) {
-        throw new TRPCClientError('Unable to transform response from server');
+        throw new TransformResultError();
     }
     // check that output of the transformers is a valid TRPCResponse
     if (!result.ok && (!isObject(result.error.error) || typeof result.error.error.code !== 'number')) {
-        throw new TRPCClientError('Badly formatted response from server');
+        throw new TransformResultError();
     }
     if (result.ok && !isObject(result.result)) {
-        throw new TRPCClientError('Badly formatted response from server');
+        throw new TransformResultError();
     }
     return result;
 }
 
-exports.TRPCClientError = TRPCClientError;
 exports.transformResult = transformResult;

package/dist/{transformResult-9a244fe7.mjs → transformResult-7ab522e6.mjs}

@@ -1,37 +1,3 @@
-class TRPCClientError extends Error {
-    static from(cause, opts = {}) {
-        if (!(cause instanceof Error)) {
-            return new TRPCClientError(cause.error.message ?? '', {
-                ...opts,
-                cause: undefined,
-                result: cause
-            });
-        }
-        if (cause.name === 'TRPCClientError') {
-            return cause;
-        }
-        return new TRPCClientError(cause.message, {
-            ...opts,
-            cause,
-            result: null
-        });
-    }
-    constructor(message, opts){
-        const cause = opts?.cause;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore https://github.com/tc39/proposal-error-cause
-        super(message, {
-            cause
-        });
-        this.meta = opts?.meta;
-        this.cause = cause;
-        this.shape = opts?.result?.error;
-        this.data = opts?.result?.error.data;
-        this.name = 'TRPCClientError';
-        Object.setPrototypeOf(this, TRPCClientError.prototype);
-    }
-}
-
 function isObject(value) {
     // check that value is object
     return !!value && !Array.isArray(value) && typeof value === 'object';
@@ -63,6 +29,11 @@ function isObject(value) {
         result
     };
 }
+class TransformResultError extends Error {
+    constructor(){
+        super('Unable to transform response from server');
+    }
+}
 /**
  * Transforms and validates that the result is a valid TRPCResponse
  * @internal
@@ -72,16 +43,16 @@ function isObject(value) {
         // Use the data transformers on the JSON-response
         result = transformResultInner(response, runtime);
     } catch (err) {
-        throw new TRPCClientError('Unable to transform response from server');
+        throw new TransformResultError();
     }
     // check that output of the transformers is a valid TRPCResponse
     if (!result.ok && (!isObject(result.error.error) || typeof result.error.error.code !== 'number')) {
-        throw new TRPCClientError('Badly formatted response from server');
+        throw new TransformResultError();
     }
     if (result.ok && !isObject(result.result)) {
-        throw new TRPCClientError('Badly formatted response from server');
+        throw new TransformResultError();
     }
     return result;
 }
 
-export { TRPCClientError as T, transformResult as t };
+export { transformResult as t };

package/dist/{transformResult-ae8e970c.js → transformResult-82684494.js}

@@ -1,35 +1,3 @@
-class TRPCClientError extends Error {
-    constructor(message, opts) {
-        const cause = opts?.cause;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore https://github.com/tc39/proposal-error-cause
-        super(message, { cause });
-        this.meta = opts?.meta;
-        this.cause = cause;
-        this.shape = opts?.result?.error;
-        this.data = opts?.result?.error.data;
-        this.name = 'TRPCClientError';
-        Object.setPrototypeOf(this, TRPCClientError.prototype);
-    }
-    static from(cause, opts = {}) {
-        if (!(cause instanceof Error)) {
-            return new TRPCClientError(cause.error.message ?? '', {
-                ...opts,
-                cause: undefined,
-                result: cause,
-            });
-        }
-        if (cause.name === 'TRPCClientError') {
-            return cause;
-        }
-        return new TRPCClientError(cause.message, {
-            ...opts,
-            cause,
-            result: null,
-        });
-    }
-}
-
 function isObject(value) {
     // check that value is object
     return !!value && !Array.isArray(value) && typeof value === 'object';
@@ -59,6 +27,11 @@ function transformResultInner(response, runtime) {
     };
     return { ok: true, result };
 }
+class TransformResultError extends Error {
+    constructor() {
+        super('Unable to transform response from server');
+    }
+}
 /**
  * Transforms and validates that the result is a valid TRPCResponse
  * @internal
@@ -70,18 +43,18 @@ function transformResult(response, runtime) {
         result = transformResultInner(response, runtime);
     }
     catch (err) {
-        throw new TRPCClientError('Unable to transform response from server');
+        throw new TransformResultError();
     }
     // check that output of the transformers is a valid TRPCResponse
     if (!result.ok &&
         (!isObject(result.error.error) ||
             typeof result.error.error.code !== 'number')) {
-        throw new TRPCClientError('Badly formatted response from server');
+        throw new TransformResultError();
     }
     if (result.ok && !isObject(result.result)) {
-        throw new TRPCClientError('Badly formatted response from server');
+        throw new TransformResultError();
     }
     return result;
 }
 
-export { TRPCClientError as T, transformResult as t };
+export { transformResult as t };