@heyramzi/tasks 0.3.0 → 0.4.0

package/src/time/time-types.ts

@@ -0,0 +1,74 @@
+/** A running timer. The host persists it, the tracker only reads it. */
+export type TimeRunning = {
+	startedAt: Date | string | number;
+};
+
+/** What the tracker hands back when a manual entry is submitted. */
+export type TimeLogInput = {
+	minutes: number;
+	/** The day worked, `YYYY-MM-DD`. */
+	day: string;
+	note?: string;
+};
+
+/** What the tracker hands back when the timer stops. */
+export type TimeStopInfo = {
+	/** Elapsed whole minutes, never below 1. */
+	minutes: number;
+	startedAt: Date;
+	stoppedAt: Date;
+	/** The day it started, `YYYY-MM-DD`, in the reader's calendar. */
+	day: string;
+};
+
+export type TimeLabels = {
+	title: string;
+	timer: string;
+	start: string;
+	stop: string;
+	running: string;
+	since: (time: string) => string;
+	started: string;
+	runningFor: (duration: string) => string;
+	stopped: (duration: string) => string;
+	elapsed: string;
+	logged: string;
+	duration: string;
+	durationPlaceholder: string;
+	date: string;
+	note: string;
+	notePlaceholder: string;
+	log: string;
+	saving: string;
+	invalid: string;
+	empty: string;
+	remaining: (left: string, estimate: string) => string;
+	over: (over: string, estimate: string) => string;
+	deleteEntry: (duration: string) => string;
+};
+
+export const DEFAULT_TIME_LABELS: TimeLabels = {
+	title: "Time",
+	timer: "Timer",
+	start: "Start timer",
+	stop: "Stop timer",
+	running: "Running",
+	since: (time) => `Since ${time}`,
+	started: "Timer started",
+	runningFor: (duration) => `Timer running, ${duration}`,
+	stopped: (duration) => `Timer stopped, ${duration} to log`,
+	elapsed: "Elapsed time",
+	logged: "Logged",
+	duration: "Time spent",
+	durationPlaceholder: "1h30",
+	date: "Date worked",
+	note: "Note",
+	notePlaceholder: "What was done",
+	log: "Log",
+	saving: "Saving",
+	invalid: "Try 45m, 1h30 or 1.5h",
+	empty: "Log your first hour",
+	remaining: (left, estimate) => `${left} left of ${estimate}`,
+	over: (over, estimate) => `${over} over ${estimate}`,
+	deleteEntry: (duration) => `Delete ${duration} entry`,
+};

package/src/tone.ts

@@ -2,12 +2,15 @@ import type { Tone } from "./status-types.js";
 
 /**
  * The severity scale, as Tailwind classes for a chip and as CSS colors for the
- * dot. Tokens are plain CSS variables, so a host app can retheme them.
+ * dot. Tokens are plain CSS variables, so a host app can retheme them. The
+ * accent tone reads `--tone-accent` and falls back to `--color-primary`, for a
+ * host whose primary is a neutral and whose accent is a brand color.
  */
 
 export const TONE_CLASS: Record<Tone, string> = {
 	neutral: "border-border bg-muted/40 text-muted-foreground",
-	accent: "border-primary/30 bg-primary/10 text-primary",
+	accent:
+		"border-[color-mix(in_oklab,var(--tone-accent,var(--color-primary))_30%,transparent)] bg-[color-mix(in_oklab,var(--tone-accent,var(--color-primary))_10%,transparent)] text-[color:var(--tone-accent,var(--color-primary))]",
 	info: "border-info/30 bg-info/10 text-info-800 dark:text-info-400",
 	success: "border-success/30 bg-success/10 text-success-800 dark:text-success-400",
 	warning: "border-warning/30 bg-warning/10 text-warning-800 dark:text-warning-400",
@@ -17,7 +20,7 @@ export const TONE_CLASS: Record<Tone, string> = {
 /** The same scale as text, for a verdict inside a line of muted facts. */
 export const TONE_TEXT: Record<Tone, string> = {
 	neutral: "text-muted-foreground",
-	accent: "text-primary",
+	accent: "text-[color:var(--tone-accent,var(--color-primary))]",
 	info: "text-info-800 dark:text-info-400",
 	success: "text-success-800 dark:text-success-400",
 	warning: "text-warning-800 dark:text-warning-400",
@@ -27,7 +30,7 @@ export const TONE_TEXT: Record<Tone, string> = {
 /** The same scale as icon color. */
 export const TONE_ICON: Record<Tone, string> = {
 	neutral: "text-muted-foreground",
-	accent: "text-primary",
+	accent: "text-[color:var(--tone-accent,var(--color-primary))]",
 	info: "text-info",
 	success: "text-success",
 	warning: "text-warning",
@@ -37,7 +40,7 @@ export const TONE_ICON: Record<Tone, string> = {
 /** The scale as CSS colors, for the SVG dot. */
 export const TONE_COLOR: Record<Tone, string> = {
 	neutral: "var(--color-muted-foreground)",
-	accent: "var(--color-primary)",
+	accent: "var(--tone-accent,var(--color-primary))",
 	info: "var(--color-info)",
 	success: "var(--color-success)",
 	warning: "var(--color-warning)",

package/src/use-kanban-dnd.svelte.ts

@@ -132,9 +132,14 @@ export function createKanbanDnd<T>(config: KanbanDndConfig<T>) {
       .getColumnItems(targetColumnId)
       .filter((entry) => config.getId(entry) !== movedId);
     const index = manualInsertIndex(column, overId, targetColumnId);
+    const before = column[index - 1];
+    const after = column[index];
+    const orderOf = config.boardOrder;
     void config.onMove(movedId, {
       columnId: targetColumnId,
-      boardOrder: boardOrderAt(column, index, config.boardOrder ?? (() => null)),
+      ...(orderOf ? { boardOrder: boardOrderAt(column, index, orderOf) } : {}),
+      beforeId: before === undefined ? null : config.getId(before),
+      afterId: after === undefined ? null : config.getId(after),
     });
   }