effective-progress 0.4.0 → 0.4.2

package/src/runtime.ts

@@ -4,13 +4,13 @@ import { mergeWith } from "es-toolkit/object";
 import { formatWithOptions } from "node:util";
 import type { PartialDeep } from "type-fest";
 import { makeProgressConsole } from "./console";
-import { BuildStage, ColorStage, FrameRenderer, ShrinkStage } from "./renderer";
+import { Columns, FrameRenderer } from "./renderer";
 import { ProgressTerminal } from "./terminal";
-import { Theme, type ThemeService } from "./theme";
 import type {
   AddTaskOptions,
   ProgressService,
   RenderRow,
+  RendererConfigShape,
   TaskStore,
   UpdateTaskOptions,
 } from "./types";
@@ -130,21 +130,31 @@ const removeFromRenderOrder = (
   return next;
 };
 
+const withDefaultColumns = (rendererConfig: RendererConfigShape): RendererConfigShape => ({
+  ...rendererConfig,
+  columns: rendererConfig.columns.length > 0 ? rendererConfig.columns : Columns.defaults(),
+});
+
 const makeProgressService = Effect.gen(function* () {
   const rendererConfigOption = yield* Effect.serviceOption(RendererConfig);
   const progressBarConfigOption = yield* Effect.serviceOption(ProgressBarConfig);
-  const rendererConfig = decodeRendererConfigSync(
-    mergeConfig(
-      defaultRendererConfig,
-      Option.isSome(rendererConfigOption) ? rendererConfigOption.value : undefined,
+
+  const rendererConfig = withDefaultColumns(
+    decodeRendererConfigSync(
+      mergeConfig(
+        defaultRendererConfig,
+        Option.isSome(rendererConfigOption) ? rendererConfigOption.value : undefined,
+      ),
     ),
   );
+
   const progressBarConfig = decodeProgressBarConfigSync(
     mergeConfig(
       defaultProgressBarConfig,
       Option.isSome(progressBarConfigOption) ? progressBarConfigOption.value : undefined,
     ),
   );
+
   const terminal = yield* ProgressTerminal;
   const frameRenderer = yield* FrameRenderer;
   const isTTY = yield* terminal.isTTY;
@@ -154,7 +164,6 @@ const makeProgressService = Effect.gen(function* () {
   const storeRef = yield* Ref.make<TaskStore>({
     tasks: new Map<TaskId, TaskSnapshot>(),
     renderOrder: [],
-    themes: new Map<TaskId, ThemeService>(),
   });
   const logsRef = yield* Ref.make<ReadonlyArray<string>>([]);
   const pendingLogsRef = yield* Ref.make<ReadonlyArray<string>>([]);
@@ -163,7 +172,7 @@ const makeProgressService = Effect.gen(function* () {
   const scope = yield* Effect.scope;
 
   yield* Effect.forkIn(
-    frameRenderer.run({
+    frameRenderer.run(
       storeRef,
       logsRef,
       pendingLogsRef,
@@ -172,7 +181,7 @@ const makeProgressService = Effect.gen(function* () {
       isTTY,
       rendererConfig,
       maxRetainedLogLines,
-    }),
+    ),
     scope,
   );
 
@@ -184,7 +193,6 @@ const makeProgressService = Effect.gen(function* () {
         options.parentId === undefined
           ? yield* FiberRef.get(currentParentRef)
           : Option.some(options.parentId);
-      const themeOption = yield* Effect.serviceOption(Theme);
       const taskId = TaskId(yield* Ref.updateAndGet(nextTaskIdRef, (id) => id + 1));
       const units =
         options.total === undefined || options.total <= 0
@@ -219,11 +227,7 @@ const makeProgressService = Effect.gen(function* () {
         const { index, depth } = findInsertionIndex(s.renderOrder, parentIdValue);
         const nextOrder = [...s.renderOrder];
         nextOrder.splice(index, 0, { id: taskId, depth });
-        const nextThemes = new Map(s.themes);
-        if (Option.isSome(themeOption)) {
-          nextThemes.set(taskId, themeOption.value);
-        }
-        return { tasks: nextTasks, renderOrder: nextOrder, themes: nextThemes };
+        return { tasks: nextTasks, renderOrder: nextOrder };
       });
       yield* markDirty;
 
@@ -260,7 +264,7 @@ const makeProgressService = Effect.gen(function* () {
         }
       }
 
-      return { tasks: nextTasks, renderOrder: store.renderOrder, themes: store.themes };
+      return { tasks: nextTasks, renderOrder: store.renderOrder };
     }).pipe(Effect.zipRight(markDirty));
 
   const advanceTask = (taskId: TaskId, amount = 1) =>
@@ -294,7 +298,7 @@ const makeProgressService = Effect.gen(function* () {
         }),
       );
 
-      return { tasks: nextTasks, renderOrder: store.renderOrder, themes: store.themes };
+      return { tasks: nextTasks, renderOrder: store.renderOrder };
     }).pipe(Effect.zipRight(markDirty));
 
   const completeTask = (taskId: TaskId) =>
@@ -307,12 +311,9 @@ const makeProgressService = Effect.gen(function* () {
         const nextTasks = new Map(store.tasks);
         if (snapshot.transient) {
           nextTasks.delete(taskId);
-          const nextThemes = new Map(store.themes);
-          nextThemes.delete(taskId);
           return {
             tasks: nextTasks,
             renderOrder: removeFromRenderOrder(store.renderOrder, taskId),
-            themes: nextThemes,
           };
         }
 
@@ -336,7 +337,7 @@ const makeProgressService = Effect.gen(function* () {
             completedAt: now,
           }),
         );
-        return { tasks: nextTasks, renderOrder: store.renderOrder, themes: store.themes };
+        return { tasks: nextTasks, renderOrder: store.renderOrder };
       });
       yield* markDirty;
     });
@@ -351,12 +352,9 @@ const makeProgressService = Effect.gen(function* () {
         const nextTasks = new Map(store.tasks);
         if (snapshot.transient) {
           nextTasks.delete(taskId);
-          const nextThemes = new Map(store.themes);
-          nextThemes.delete(taskId);
           return {
             tasks: nextTasks,
             renderOrder: removeFromRenderOrder(store.renderOrder, taskId),
-            themes: nextThemes,
           };
         }
 
@@ -374,7 +372,7 @@ const makeProgressService = Effect.gen(function* () {
             completedAt: now,
           }),
         );
-        return { tasks: nextTasks, renderOrder: store.renderOrder, themes: store.themes };
+        return { tasks: nextTasks, renderOrder: store.renderOrder };
       });
       yield* markDirty;
     });
@@ -385,7 +383,6 @@ const makeProgressService = Effect.gen(function* () {
         return;
       }
 
-      // TODO: Might wanna replace this or make it configurable. Look for other options.
       const message = formatWithOptions(
         {
           colors: isTTY,
@@ -486,29 +483,13 @@ export class Progress extends Context.Tag("stromseng.dev/effective-progress/Prog
 >() {
   static readonly Default = Layer.unwrapEffect(
     Effect.gen(function* () {
-      const themeOption = yield* Effect.serviceOption(Theme);
       const terminalOption = yield* Effect.serviceOption(ProgressTerminal);
-      const buildStageOption = yield* Effect.serviceOption(BuildStage);
-      const shrinkStageOption = yield* Effect.serviceOption(ShrinkStage);
-      const colorStageOption = yield* Effect.serviceOption(ColorStage);
       const frameRendererOption = yield* Effect.serviceOption(FrameRenderer);
       let layer: Layer.Layer<Progress, never, any> = Layer.scoped(Progress, makeProgressService);
 
       if (Option.isNone(frameRendererOption)) {
         layer = layer.pipe(Layer.provide(FrameRenderer.Default));
       }
-      if (Option.isNone(colorStageOption)) {
-        layer = layer.pipe(Layer.provide(ColorStage.Default));
-      }
-      if (Option.isNone(shrinkStageOption)) {
-        layer = layer.pipe(Layer.provide(ShrinkStage.Default));
-      }
-      if (Option.isNone(buildStageOption)) {
-        layer = layer.pipe(Layer.provide(BuildStage.Default));
-      }
-      if (Option.isNone(themeOption)) {
-        layer = layer.pipe(Layer.provide(Theme.Default));
-      }
       if (Option.isNone(terminalOption)) {
         layer = layer.pipe(Layer.provide(ProgressTerminal.Default));
       }

package/src/types.ts

@@ -1,17 +1,36 @@
 import { Brand, Context, Effect, Option, Schema } from "effect";
 import type { PartialDeep } from "type-fest";
-import type { ThemeService } from "./theme";
+import type { ProgressColumn } from "./renderer";
 
 export const RendererConfigSchema = Schema.Struct({
   disableUserInput: Schema.Boolean,
   renderIntervalMillis: Schema.Number,
   maxLogLines: Schema.optional(Schema.Number),
   nonTtyUpdateStep: Schema.Number,
-  determinateTaskLayout: Schema.Literal("single-line", "two-lines"),
-  maxTaskWidth: Schema.optional(Schema.Number),
+  width: Schema.Union(Schema.Number, Schema.Literal("fullwidth")),
+  columnGap: Schema.Number,
+  columns: Schema.Array(Schema.Unknown),
 });
-export type RendererConfigShape = typeof RendererConfigSchema.Type;
-export const decodeRendererConfigSync = Schema.decodeUnknownSync(RendererConfigSchema);
+export type RendererConfigShape = {
+  readonly disableUserInput: boolean;
+  readonly renderIntervalMillis: number;
+  readonly maxLogLines?: number;
+  readonly nonTtyUpdateStep: number;
+  readonly width: number | "fullwidth";
+  readonly columnGap: number;
+  readonly columns: ReadonlyArray<ProgressColumn | string>;
+};
+const decodeRendererConfigSchemaSync = Schema.decodeUnknownSync(RendererConfigSchema);
+export const decodeRendererConfigSync = (input: unknown): RendererConfigShape => {
+  if (typeof input === "object" && input !== null && "determinateTaskLayout" in input) {
+    throw new Error("determinateTaskLayout has been removed. Use columns instead.");
+  }
+  if (typeof input === "object" && input !== null && "maxTaskWidth" in input) {
+    throw new Error("maxTaskWidth has been removed. Use width on RendererConfig instead.");
+  }
+
+  return decodeRendererConfigSchemaSync(input) as RendererConfigShape;
+};
 
 export const ProgressBarConfigSchema = Schema.Struct({
   spinnerFrames: Schema.NonEmptyArray(Schema.String),
@@ -29,7 +48,9 @@ export const defaultRendererConfig: RendererConfigShape = {
   renderIntervalMillis: 100, // 10 FPS
   maxLogLines: 0,
   nonTtyUpdateStep: 5,
-  determinateTaskLayout: "single-line",
+  width: 120,
+  columnGap: 1,
+  columns: [],
 };
 
 export const defaultProgressBarConfig: ProgressBarConfigShape = {
@@ -115,7 +136,6 @@ export interface RenderRow {
 export interface TaskStore {
   readonly tasks: Map<TaskId, TaskSnapshot>;
   readonly renderOrder: ReadonlyArray<RenderRow>;
-  readonly themes: Map<TaskId, ThemeService>;
 }
 
 export interface ProgressService {

package/src/theme.ts

@@ -1,87 +0,0 @@
-import chalk, { type ChalkInstance } from "chalk";
-import { Context, Effect, Layer } from "effect";
-
-export type ThemeRole =
-  | "plain"
-  | "barFill"
-  | "barEmpty"
-  | "barBracket"
-  | "spinner"
-  | "statusDone"
-  | "statusFailed"
-  | "text"
-  | "units"
-  | "eta"
-  | "elapsed"
-  | "treeConnector";
-
-export type ThemeStyle = (text: string) => string;
-
-export interface ThemeService {
-  readonly styles: Readonly<Record<ThemeRole, ThemeStyle>>;
-  readonly depthPalette?: (depth: number, role: ThemeRole) => ThemeStyle | undefined;
-}
-
-export class Theme extends Context.Tag("stromseng.dev/effective-progress/Theme")<
-  Theme,
-  ThemeService
->() {
-  static readonly Default = Layer.succeed(
-    Theme,
-    Theme.of({
-      styles: {
-        plain: (text) => text,
-        barFill: chalk.blue,
-        barEmpty: chalk.white.dim,
-        barBracket: chalk.white.dim,
-        spinner: chalk.yellow,
-        statusDone: chalk.green,
-        statusFailed: chalk.red,
-        text: (text) => text,
-        units: chalk.whiteBright,
-        eta: chalk.gray,
-        elapsed: chalk.gray,
-        treeConnector: chalk.gray,
-      },
-    }),
-  );
-
-  static readonly Rainbow = Layer.unwrapEffect(
-    Effect.gen(function* () {
-      let colorNumber = 17;
-      yield* Effect.fork(
-        Effect.gen(function* () {
-          while (true) {
-            colorNumber = (colorNumber + 1) % 256;
-            yield* Effect.sleep("200 millis");
-          }
-        }),
-      );
-
-      const dynamic =
-        (instance: ChalkInstance): ThemeStyle =>
-        (text) =>
-          instance.ansi256(colorNumber)(text);
-
-      return Layer.succeed(
-        Theme,
-        Theme.of({
-          styles: {
-            plain: (text) => text,
-            barFill: dynamic(chalk),
-            barEmpty: dynamic(chalk.dim),
-            barBracket: dynamic(chalk),
-            spinner: dynamic(chalk),
-            statusDone: dynamic(chalk.bold),
-            statusFailed: dynamic(chalk.bold),
-            text: dynamic(chalk),
-            units: dynamic(chalk),
-            eta: dynamic(chalk),
-            elapsed: dynamic(chalk),
-            treeConnector: dynamic(chalk),
-          },
-        }),
-      );
-    }),
-  );
-}