import { Cause, Effect, Logger } from 'effect';

const logger = Logger.prettyLogger({ mode: 'browser' });

const makeErrorCause = () => new Error('oops 1');

const makeError = () => new Error('oops 2', { cause: makeErrorCause() });

const program = Effect.logError('Hello, Effect!', Cause.fail(makeError()));

Effect.runSync(
  program.pipe(Effect.provide(Logger.replace(Logger.defaultLogger, logger))),
);

const logger = Logger.make(({ logLevel, message, cause }) => {
  globalThis.console.log(
    `[${logLevel.label}] ${message}`,
    Cause.isEmpty(cause) ? undefined : Cause.squash(cause),
  );
});