@vizzly/dashboard 0.15.0-dev-bc6f8543474a2b6449f75c417595b4e1144c9d0a → 0.15.0-dev-4beae8623ea0574c0fe50b5f3fd0ef2ec64b955a

package/dist/dashboard.esm.js

@@ -2,6 +2,7 @@ import React__default, { Fragment, useEffect, useState, useContext, createContex
 import isEmpty$3 from 'lodash-es/isEmpty';
 import _, { isArray, capitalize, isEmpty as isEmpty$2, isFunction, replace, isObject, isNumber, every, some, mergeWith, remove as remove$2, cloneDeep, findIndex, reduce, merge, sumBy, mapValues, zipObject, isDate, omit as omit$1, maxBy, reject, defaultsDeep, isString, flatMap, filter, uniq, uniqBy, debounce as debounce$1, orderBy, minBy, throttle, get as get$1, min, max, groupBy, isEqual, intersection } from 'lodash-es';
 import { QueryEngineConfig } from '@vizzly/semantic-layer-public';
+import pino from 'pino';
 import moment from 'moment-timezone';
 import Joi from '@vizzly/joi';
 import { v4 } from 'uuid';
@@ -764,6 +765,43 @@ var snakeCaseToHumanReadable = function snakeCaseToHumanReadable(str) {
   return capitalise(_replaceAll(str, '_', ' '));
 };
 
+var enableBrowserLogging = function enableBrowserLogging() {
+  if (typeof window !== 'undefined' && typeof document !== 'undefined') return true;
+  return false;
+};
+var getOptions = function getOptions() {
+  if (enableBrowserLogging()) {
+    return {
+      browser: {
+        asObject: true
+      }
+    };
+  } else {
+    var _process$env, _process$env2, _process$env3, _process$env4;
+    var otelExporter = (_process$env = process.env) == null ? void 0 : _process$env['OTEL_EXPORTER_OTLP_ENDPOINT'];
+    var otelLogsExporter = (_process$env2 = process.env) == null ? void 0 : _process$env2['OTEL_EXPORTER_OTLP_LOGS_ENDPOINT'];
+    var enableTerminalLogging = !!((_process$env3 = process.env) != null && _process$env3['TERMINAL_LOGGING']);
+    var enableOTEL = !!otelExporter || !!otelLogsExporter;
+    var logLevel = ((_process$env4 = process.env) == null ? void 0 : _process$env4['LOG_LEVEL']) || 'info';
+    var targets = [];
+    if (!!process.stdout.isTTY || !enableOTEL || !!enableTerminalLogging) {
+      targets.push({
+        target: 'pino-pretty',
+        level: logLevel,
+        customPrettifiers: {},
+        options: {
+          colorize: true,
+          singleLine: false
+        }
+      });
+    }
+    return pino.transport({
+      targets: targets
+    });
+  }
+};
+var logger = /*#__PURE__*/pino( /*#__PURE__*/getOptions());
+
 var LOG_LEVELS = ['debug', 'info', 'warning', 'error', 'properties'];
 
 // Singleton.
@@ -798,46 +836,66 @@ var shouldLog = function shouldLog(level) {
   });
   return currentLogLevelIndex <= logLevelIndex;
 };
-var format = function format(value) {
-  if (value instanceof Error) return value;
-  if (isObject(value)) return JSON.stringify(value);
-  if (isArray(value)) return JSON.stringify(value);
-  return value;
-};
 var logDebug = function logDebug() {
-  var _console;
   for (var _len = arguments.length, message = new Array(_len), _key = 0; _key < _len; _key++) {
     message[_key] = arguments[_key];
   }
   // Actually log as info because then it shows in browsers without making another change...
-  if (shouldLog('debug')) (_console = console).info.apply(_console, ["[VIZZLY DEBUG]"].concat(message.map(format)));
+  if (shouldLog('debug')) logger.info.apply(logger, parseToPino("[VIZZLY DEBUG]", message));
 };
 var logInfo = function logInfo() {
-  var _console2;
   for (var _len2 = arguments.length, message = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
     message[_key2] = arguments[_key2];
   }
-  if (shouldLog('info')) (_console2 = console).info.apply(_console2, ["[VIZZLY INFO]"].concat(message.map(format)));
+  if (shouldLog('info')) logger.info.apply(logger, parseToPino("[VIZZLY INFO]", message));
 };
 var logProperties = function logProperties() {
   for (var _len3 = arguments.length, message = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
     message[_key3] = arguments[_key3];
   }
-  if (shouldLog('properties')) console.info("[VIZZLY Dashboard Properties]", message);
+  if (shouldLog('properties')) logger.info.apply(logger, parseToPino("[VIZZLY Dashboard Properties]", message));
 };
 var logWarning = function logWarning() {
-  var _console3;
   for (var _len4 = arguments.length, message = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
     message[_key4] = arguments[_key4];
   }
-  if (shouldLog('warning')) (_console3 = console).warn.apply(_console3, ["[VIZZLY WARNING]"].concat(message.map(format)));
+  if (shouldLog('warning')) logger.warn.apply(logger, parseToPino("[VIZZLY WARNING]", message));
 };
 var logError = function logError() {
-  var _console4;
   for (var _len5 = arguments.length, message = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
     message[_key5] = arguments[_key5];
   }
-  if (shouldLog('error')) (_console4 = console).error.apply(_console4, ["[VIZZLY ERROR]"].concat(message.map(format)));
+  if (shouldLog('error')) logger.error.apply(logger, parseToPino("[VIZZLY ERROR]", message));
+};
+var parseToPino = function parseToPino(prefix, args) {
+  var inputs = isArray(args) ? args : [args];
+  var err;
+  var parts = [];
+  for (var _iterator = _createForOfIteratorHelperLoose(inputs), _step; !(_step = _iterator()).done;) {
+    var val = _step.value;
+    if (!err && val instanceof Error) {
+      err = val;
+      continue;
+    }
+    if (isObject(val) || isArray(val)) {
+      parts.push(JSON.stringify(val));
+    } else if (val !== undefined && val !== null) {
+      parts.push(String(val));
+    }
+  }
+  var msg = parts.length ? prefix + " " + parts.join(' ') : prefix;
+  return err ? [err, msg] : [msg];
+};
+var wrapCallbackInDebugLog = function wrapCallbackInDebugLog(name, fn) {
+  if (fn === undefined) return undefined;
+  return function () {
+    for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+      args[_key6] = arguments[_key6];
+    }
+    var result = fn.apply(void 0, args);
+    logDebug("Function " + name + " called with", args, 'and returned', result);
+    return result;
+  };
 };
 
 var NULL_REPLACEMENT = 'No value';
@@ -13020,7 +13078,7 @@ var formatShortDateAndTime = function formatShortDateAndTime(date) {
   });
   return date.toLocaleTimeString(EN_GB_LOCALE, options);
 };
-var format$1 = function format(value, _format) {
+var format = function format(value, _format) {
   if (_format === 'day_of_month' && (typeof value === 'number' || typeof value === 'string')) {
     return "" + value + numberPostfix(typeof value === 'string' ? parseInt(value) : value);
   }
@@ -13410,7 +13468,7 @@ var defaultNumberFormatOptions = function defaultNumberFormatOptions(textOverrid
           noValueReplacement = noValue;
         }
         if (value === null || value === undefined) return noValueReplacement;
-        return format$1(value, 'hour_of_day');
+        return format(value, 'hour_of_day');
       }
     },
     _vizzly_month_of_year: {
@@ -13420,7 +13478,7 @@ var defaultNumberFormatOptions = function defaultNumberFormatOptions(textOverrid
           noValueReplacement = noValue;
         }
         if (value === null || value === undefined) return noValueReplacement;
-        return format$1(value, 'month_of_year');
+        return format(value, 'month_of_year');
       }
     },
     _vizzly_day_of_month: {
@@ -13430,7 +13488,7 @@ var defaultNumberFormatOptions = function defaultNumberFormatOptions(textOverrid
           noValueReplacement = noValue;
         }
         if (value === null || value === undefined) return noValueReplacement;
-        return format$1(value, 'day_of_month');
+        return format(value, 'day_of_month');
       }
     },
     _vizzly_day_of_week_iso: {
@@ -13440,7 +13498,7 @@ var defaultNumberFormatOptions = function defaultNumberFormatOptions(textOverrid
           noValueReplacement = noValue;
         }
         if (value === null || value === undefined) return noValueReplacement;
-        return format$1(value, 'day_of_week_iso');
+        return format(value, 'day_of_week_iso');
       }
     },
     _vizzly_week_of_year: {
@@ -13450,7 +13508,7 @@ var defaultNumberFormatOptions = function defaultNumberFormatOptions(textOverrid
           noValueReplacement = noValue;
         }
         if (value === null || value === undefined) return noValueReplacement;
-        return format$1(value, 'week_of_year');
+        return format(value, 'week_of_year');
       }
     }
   };
@@ -13822,7 +13880,7 @@ function formattedFallbackDateTime(value) {
   var formattedDate;
   try {
     // Attempt to format using your custom DateTime functions
-    formattedDate = format$1(date, 'DD MMMM YYYY, hh:mm') || '';
+    formattedDate = format(date, 'DD MMMM YYYY, hh:mm') || '';
     if (!formattedDate) throw new Error('Invalid format');
   } catch (e) {
     // Fallback to native Date handling if custom format fails
@@ -16176,119 +16234,119 @@ var defaultDateTimeFormatOptions = {
   hour_of_day: {
     description: 'Hour of the day',
     formatter: function formatter(date) {
-      return format$1(date, 'hour_of_day');
+      return format(date, 'hour_of_day');
     }
   },
   /** @deprecated - moved to number formatting option */
   month_of_year: {
     description: 'Month of the year',
     formatter: function formatter(date) {
-      return format$1(date, 'month_of_year');
+      return format(date, 'month_of_year');
     }
   },
   /** @deprecated - moved to number formatting option */
   day_of_month: {
     description: 'Day of month',
     formatter: function formatter(date) {
-      return format$1(date, 'day_of_month');
+      return format(date, 'day_of_month');
     }
   },
   /** @deprecated - moved to number formatting option */
   day_of_week_iso: {
     description: 'Day of week',
     formatter: function formatter(date) {
-      return format$1(date, 'day_of_week_iso');
+      return format(date, 'day_of_week_iso');
     }
   },
   /** @deprecated - moved to number formatting option */
   week_of_year: {
     description: 'Week of year',
     formatter: function formatter(date) {
-      return format$1(date, 'week_of_year');
+      return format(date, 'week_of_year');
     }
   },
   'DD/MM/YYYY': {
     description: 'DD/MM/YYYY',
     formatter: function formatter(date) {
-      return format$1(date, 'DD/MM/YYYY');
+      return format(date, 'DD/MM/YYYY');
     }
   },
   'MM/DD/YYYY': {
     description: 'MM/DD/YYYY',
     formatter: function formatter(date) {
-      return format$1(date, 'MM/DD/YYYY');
+      return format(date, 'MM/DD/YYYY');
     }
   },
   'DD-MM-YYYY': {
     description: 'DD-MM-YYYY',
     formatter: function formatter(date) {
-      return format$1(date, 'DD-MM-YYYY');
+      return format(date, 'DD-MM-YYYY');
     }
   },
   'MM-DD-YYYY': {
     description: 'MM-DD-YYYY',
     formatter: function formatter(date) {
-      return format$1(date, 'MM-DD-YYYY');
+      return format(date, 'MM-DD-YYYY');
     }
   },
   'DD MMMM YYYY, hh:mm': {
     description: 'DD MMMM YYYY, hh:mm',
     formatter: function formatter(date) {
-      return format$1(date, 'DD MMMM YYYY, hh:mm');
+      return format(date, 'DD MMMM YYYY, hh:mm');
     }
   },
   'dddd DD MMMM YYYY, hh:mm': {
     description: 'dddd DD MMMM YYYY, hh:mm',
     formatter: function formatter(date) {
-      return format$1(date, 'dddd DD MMMM YYYY, hh:mm');
+      return format(date, 'dddd DD MMMM YYYY, hh:mm');
     }
   },
   'hh:mm': {
     description: 'hh:mm',
     formatter: function formatter(date) {
-      return format$1(date, 'hh:mm');
+      return format(date, 'hh:mm');
     }
   },
   'hh:mm:ss': {
     description: 'hh:mm:ss',
     formatter: function formatter(date) {
-      return format$1(date, 'hh:mm:ss');
+      return format(date, 'hh:mm:ss');
     }
   },
   'DD MMMM YYYY': {
     description: 'DD MMMM YYYY',
     formatter: function formatter(date) {
-      return format$1(date, 'DD MMMM YYYY');
+      return format(date, 'DD MMMM YYYY');
     }
   },
   'MMMM YYYY': {
     description: 'MMMM YYYY',
     formatter: function formatter(date) {
-      return format$1(date, 'MMMM YYYY');
+      return format(date, 'MMMM YYYY');
     }
   },
   YYYY: {
     description: 'YYYY',
     formatter: function formatter(date) {
-      return format$1(date, 'YYYY');
+      return format(date, 'YYYY');
     }
   },
   'YYYY-MM-DD[T]HH:mm:ss': {
     description: 'YYYY-MM-DD[T]HH:mm:ss',
     formatter: function formatter(date) {
-      return format$1(date, 'YYYY-MM-DD[T]HH:mm:ss');
+      return format(date, 'YYYY-MM-DD[T]HH:mm:ss');
     }
   },
   quarter: {
     description: 'Quarter',
     formatter: function formatter(date) {
-      return format$1(date, 'quarter');
+      return format(date, 'quarter');
     }
   },
   week: {
     description: 'Week',
     formatter: function formatter(date) {
-      return format$1(date, 'week');
+      return format(date, 'week');
     }
   }
 };
@@ -28793,7 +28851,7 @@ function DateFilter(props) {
     gap: "0.25rem",
     children: [jsxs(Flex, {
       children: [dateType === DateType.Fixed && jsx(DateTimeInput, {
-        value: value ? format$1(new Date(value), 'YYYY-MM-DD[T]HH:mm:ss') : undefined,
+        value: value ? format(new Date(value), 'YYYY-MM-DD[T]HH:mm:ss') : undefined,
         onChange: function onChange(date) {
           var value = date ? date.toISOString() : null;
           setFilter({
@@ -69211,7 +69269,7 @@ function available(dashboard) {
   return Array.from(tagSet);
 }
 
-function getOptions(allAvailableTags) {
+function getOptions$1(allAvailableTags) {
   var seenKeys = new Set();
   var tagOptions = [];
   allAvailableTags.forEach(function (tag) {
@@ -69248,7 +69306,7 @@ var TagsForm = function TagsForm(props) {
     dashboard = _useDashboardContext.dashboard;
   var allAvailableTags = available(dashboard);
   var getTagOptions = function getTagOptions() {
-    return getOptions(allAvailableTags);
+    return getOptions$1(allAvailableTags);
   };
   var selectedTags = function selectedTags() {
     var options = getTagOptions();
@@ -81323,7 +81381,7 @@ var GlobalProviderContents = function GlobalProviderContents(props) {
         maxCSVDownloadLimit: props.maxCSVDownloadLimit,
         textOverrides: props.textOverrides,
         developerTools: props.developerTools,
-        dashboardFilters: props.dashboardFilters,
+        dashboardFilters: wrapCallbackInDebugLog('dashboardFilters', props.dashboardFilters),
         onDashboardFilterChange: props.onDashboardFilterChange,
         onSave: onSave,
         onOpenConfigManagerUi: canOpenConfigManagerUi ? onOpenConfigManagerUi : undefined,

package/dist/shared-logic/src/Logger/Logger.d.ts

@@ -1,16 +1,17 @@
 import { LogLevel } from './types';
 export declare const LOG_LEVELS: Array<LogLevel>;
 export declare const setupLogger: (newLogLevel: LogLevel, onLogLevelChange?: ((newLogLevel: LogLevel) => void) | undefined) => {
-    logDebug: (...message: any) => void;
-    logError: (...message: any) => void;
-    logInfo: (...message: any) => void;
-    logWarning: (...message: any) => void;
-    logProperties: (...message: any) => void;
+    logDebug: (...message: unknown[]) => void;
+    logError: (...message: unknown[]) => void;
+    logInfo: (...message: unknown[]) => void;
+    logWarning: (...message: unknown[]) => void;
+    logProperties: (...message: unknown[]) => void;
     getCurrentLogLevel: () => LogLevel;
     updateLogLevel: (newLevel: LogLevel) => void;
 };
-export declare const logDebug: (...message: any) => void;
-export declare const logInfo: (...message: any) => void;
-export declare const logProperties: (...message: any) => void;
-export declare const logWarning: (...message: any) => void;
-export declare const logError: (...message: any) => void;
+export declare const logDebug: (...message: unknown[]) => void;
+export declare const logInfo: (...message: unknown[]) => void;
+export declare const logProperties: (...message: unknown[]) => void;
+export declare const logWarning: (...message: unknown[]) => void;
+export declare const logError: (...message: unknown[]) => void;
+export declare const wrapCallbackInDebugLog: (name: string, fn: Function | undefined) => ((...args: any) => any) | undefined;

package/dist/shared-logic/src/Logger/pino_logger.d.ts

@@ -0,0 +1 @@
+export declare const logger: any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.15.0-dev-bc6f8543474a2b6449f75c417595b4e1144c9d0a",
+  "version": "0.15.0-dev-4beae8623ea0574c0fe50b5f3fd0ef2ec64b955a",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "module": "./dist/dashboard.esm.js",