@shiftbloom-studio/circadian-ui 0.2.0

package/dist/server.js

@@ -0,0 +1,212 @@
+// src/core/schedule.ts
+var defaultSchedule = {
+  dawn: { start: "05:30", end: "08:30" },
+  day: { start: "08:30", end: "17:30" },
+  dusk: { start: "17:30", end: "21:30" },
+  night: { start: "21:30", end: "05:30" }
+};
+
+// src/core/storage.ts
+var defaultStorageKey = "cui:preferences";
+
+// src/core/tokens.ts
+var defaultTokens = {
+  dawn: {
+    bg: "27 60% 96%",
+    fg: "24 18% 18%",
+    muted: "27 40% 90%",
+    mutedFg: "24 14% 35%",
+    card: "0 0% 100%",
+    cardFg: "24 18% 18%",
+    border: "24 22% 84%",
+    ring: "20 65% 45%",
+    accent: "20 80% 92%",
+    accentFg: "20 40% 30%",
+    destructive: "0 74% 55%",
+    destructiveFg: "0 0% 100%"
+  },
+  day: {
+    bg: "0 0% 100%",
+    fg: "222 28% 14%",
+    muted: "210 20% 96%",
+    mutedFg: "215 16% 35%",
+    card: "0 0% 100%",
+    cardFg: "222 28% 14%",
+    border: "214 20% 90%",
+    ring: "220 65% 45%",
+    accent: "220 90% 95%",
+    accentFg: "220 45% 30%",
+    destructive: "0 72% 55%",
+    destructiveFg: "0 0% 100%"
+  },
+  dusk: {
+    bg: "240 24% 14%",
+    fg: "30 40% 95%",
+    muted: "245 20% 22%",
+    mutedFg: "30 20% 80%",
+    card: "240 22% 16%",
+    cardFg: "30 40% 95%",
+    border: "245 16% 30%",
+    ring: "32 70% 60%",
+    accent: "32 55% 25%",
+    accentFg: "32 70% 85%",
+    destructive: "0 70% 55%",
+    destructiveFg: "0 0% 100%"
+  },
+  night: {
+    bg: "230 22% 10%",
+    fg: "210 40% 96%",
+    muted: "230 18% 16%",
+    mutedFg: "210 20% 80%",
+    card: "230 20% 12%",
+    cardFg: "210 40% 96%",
+    border: "230 16% 24%",
+    ring: "210 80% 60%",
+    accent: "210 35% 20%",
+    accentFg: "210 50% 90%",
+    destructive: "0 65% 55%",
+    destructiveFg: "0 0% 100%"
+  }
+};
+var cssVarMap = {
+  bg: "--cui-bg",
+  fg: "--cui-fg",
+  muted: "--cui-muted",
+  mutedFg: "--cui-muted-fg",
+  card: "--cui-card",
+  cardFg: "--cui-card-fg",
+  border: "--cui-border",
+  ring: "--cui-ring",
+  accent: "--cui-accent",
+  accentFg: "--cui-accent-fg",
+  destructive: "--cui-destructive",
+  destructiveFg: "--cui-destructive-fg"
+};
+var tokensToCssVars = (tokens) => {
+  const vars = {};
+  for (const [key, value] of Object.entries(tokens)) {
+    const cssVar = cssVarMap[key];
+    vars[cssVar] = value;
+  }
+  return vars;
+};
+
+// src/core/script.ts
+var serialize = (value) => JSON.stringify(value);
+var getMergedSchedule = (schedule) => ({
+  ...defaultSchedule,
+  ...schedule,
+  dawn: { ...defaultSchedule.dawn, ...schedule?.dawn },
+  day: { ...defaultSchedule.day, ...schedule?.day },
+  dusk: { ...defaultSchedule.dusk, ...schedule?.dusk },
+  night: { ...defaultSchedule.night, ...schedule?.night }
+});
+var getMode = (mode) => mode ?? "time";
+var createInlineScript = (config) => {
+  const schedule = getMergedSchedule(config?.schedule);
+  const storageKey = config?.storageKey ?? defaultStorageKey;
+  const persist = config?.persist !== false;
+  const tokens = {
+    dawn: tokensToCssVars({
+      ...defaultTokens.dawn,
+      ...config?.tokens?.dawn
+    }),
+    day: tokensToCssVars({
+      ...defaultTokens.day,
+      ...config?.tokens?.day
+    }),
+    dusk: tokensToCssVars({
+      ...defaultTokens.dusk,
+      ...config?.tokens?.dusk
+    }),
+    night: tokensToCssVars({
+      ...defaultTokens.night,
+      ...config?.tokens?.night
+    })
+  };
+  return `(() => {
+  try {
+    const schedule = ${serialize(schedule)};
+    const tokens = ${serialize(tokens)};
+    const storageKey = ${serialize(storageKey)};
+    const persist = ${serialize(persist)};
+    const fallbackMode = ${serialize(getMode(config?.mode))};
+    const now = new Date();
+    const minutes = now.getHours() * 60 + now.getMinutes();
+
+    const isWithin = (value, start, end) => {
+      if (start === end) return true;
+      if (start < end) return value >= start && value < end;
+      return value >= start || value < end;
+    };
+
+    const parse = (time) => {
+      const [h, m] = time.split(":").map(Number);
+      return ((h % 24) * 60 + m) % 1440;
+    };
+
+    const normalized = {
+      dawn: { start: parse(schedule.dawn.start), end: parse(schedule.dawn.end) },
+      day: { start: parse(schedule.day.start), end: parse(schedule.day.end) },
+      dusk: { start: parse(schedule.dusk.start), end: parse(schedule.dusk.end) },
+      night: { start: parse(schedule.night.start), end: parse(schedule.night.end) }
+    };
+
+    const order = ["dawn", "day", "dusk", "night"];
+    let phase = "night";
+    for (const key of order) {
+      const window = normalized[key];
+      if (isWithin(minutes, window.start, window.end)) {
+        phase = key;
+        break;
+      }
+    }
+
+    let mode = fallbackMode;
+    const persisted = persist && window.localStorage ? window.localStorage.getItem(storageKey) : null;
+    if (persisted) {
+      try {
+        const parsed = JSON.parse(persisted);
+        if (parsed.mode) mode = parsed.mode;
+        if (parsed.phase) phase = parsed.phase;
+      } catch {
+        // ignore
+      }
+    }
+
+    const root = document.documentElement;
+    root.setAttribute("data-cui-phase", phase);
+    const vars = tokens[phase] || tokens.night;
+    for (const key in vars) {
+      root.style.setProperty(key, vars[key]);
+    }
+  } catch {
+    // ignore
+  }
+})();`;
+};
+var resolveInitialPhase = (date, schedule) => {
+  const merged = getMergedSchedule(schedule);
+  const minutes = date.getHours() * 60 + date.getMinutes();
+  const isWithin = (value, start, end) => {
+    if (start === end) return true;
+    if (start < end) return value >= start && value < end;
+    return value >= start || value < end;
+  };
+  const parse = (time) => {
+    const [h, m] = time.split(":").map(Number);
+    return (h % 24 * 60 + m) % 1440;
+  };
+  const order = ["dawn", "day", "dusk", "night"];
+  for (const phase of order) {
+    const window2 = merged[phase];
+    if (isWithin(minutes, parse(window2.start), parse(window2.end))) {
+      return phase;
+    }
+  }
+  return "night";
+};
+
+export { createInlineScript, defaultSchedule, resolveInitialPhase };
+//# sourceMappingURL=server.js.map
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/schedule.ts","../src/core/storage.ts","../src/core/tokens.ts","../src/core/script.ts"],"names":["window"],"mappings":"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","file":"server.js","sourcesContent":["import { CircadianSchedule, Phase } from \"./types\";\n\nexport const defaultSchedule: CircadianSchedule = {\n  dawn: { start: \"05:30\", end: \"08:30\" },\n  day: { start: \"08:30\", end: \"17:30\" },\n  dusk: { start: \"17:30\", end: \"21:30\" },\n  night: { start: \"21:30\", end: \"05:30\" }\n};\n\nexport interface PhaseWindowMinutes {\n  start: number;\n  end: number;\n}\n\nexport type CircadianScheduleMinutes = Record<Phase, PhaseWindowMinutes>;\n\nconst minutesInDay = 24 * 60;\n\nexport const parseTimeToMinutes = (value: string): number => {\n  const [hours, minutes] = value.split(\":\").map(Number);\n  if (Number.isNaN(hours) || Number.isNaN(minutes)) {\n    throw new Error(`Invalid time format: ${value}`);\n  }\n  return ((hours % 24) * 60 + minutes) % minutesInDay;\n};\n\nexport const normalizeSchedule = (\n  schedule?: Partial<CircadianSchedule>\n): CircadianScheduleMinutes => {\n  const merged: CircadianSchedule = {\n    ...defaultSchedule,\n    ...schedule,\n    dawn: { ...defaultSchedule.dawn, ...schedule?.dawn },\n    day: { ...defaultSchedule.day, ...schedule?.day },\n    dusk: { ...defaultSchedule.dusk, ...schedule?.dusk },\n    night: { ...defaultSchedule.night, ...schedule?.night }\n  };\n\n  return {\n    dawn: {\n      start: parseTimeToMinutes(merged.dawn.start),\n      end: parseTimeToMinutes(merged.dawn.end)\n    },\n    day: {\n      start: parseTimeToMinutes(merged.day.start),\n      end: parseTimeToMinutes(merged.day.end)\n    },\n    dusk: {\n      start: parseTimeToMinutes(merged.dusk.start),\n      end: parseTimeToMinutes(merged.dusk.end)\n    },\n    night: {\n      start: parseTimeToMinutes(merged.night.start),\n      end: parseTimeToMinutes(merged.night.end)\n    }\n  };\n};\n\nexport const getMinutesFromDate = (date: Date): number => date.getHours() * 60 + date.getMinutes();\n\nconst isWithinRange = (minutes: number, start: number, end: number): boolean => {\n  if (start === end) {\n    return true;\n  }\n  if (start < end) {\n    return minutes >= start && minutes < end;\n  }\n  return minutes >= start || minutes < end;\n};\n\nexport const getPhaseFromTime = (date: Date, schedule?: Partial<CircadianSchedule>): Phase => {\n  const minutes = getMinutesFromDate(date);\n  const normalized = normalizeSchedule(schedule);\n  const phases: Phase[] = [\"dawn\", \"day\", \"dusk\", \"night\"];\n  for (const phase of phases) {\n    const window = normalized[phase];\n    if (isWithinRange(minutes, window.start, window.end)) {\n      return phase;\n    }\n  }\n  return \"night\";\n};\n\nexport const computeNextTransition = (date: Date, schedule?: Partial<CircadianSchedule>): Date => {\n  const normalized = normalizeSchedule(schedule);\n  const currentPhase = getPhaseFromTime(date, schedule);\n  const minutes = getMinutesFromDate(date);\n  const endMinutes = normalized[currentPhase].end;\n  let delta = endMinutes - minutes;\n  if (delta <= 0) {\n    delta += minutesInDay;\n  }\n  return new Date(date.getTime() + delta * 60 * 1000);\n};\n","import { PersistedState } from \"./types\";\n\nexport const defaultStorageKey = \"cui:preferences\";\n\nconst hasStorage = (): boolean =>\n  typeof window !== \"undefined\" && typeof window.localStorage !== \"undefined\";\n\nexport const loadPersistedState = (key: string = defaultStorageKey): PersistedState | null => {\n  if (!hasStorage()) {\n    return null;\n  }\n  try {\n    const raw = window.localStorage.getItem(key);\n    if (!raw) {\n      return null;\n    }\n    return JSON.parse(raw) as PersistedState;\n  } catch {\n    return null;\n  }\n};\n\nexport const persistState = (state: PersistedState, key: string = defaultStorageKey): void => {\n  if (!hasStorage()) {\n    return;\n  }\n  try {\n    window.localStorage.setItem(key, JSON.stringify(state));\n  } catch {\n    // Ignore write errors\n  }\n};\n\nexport const clearPersistedState = (key: string = defaultStorageKey): void => {\n  if (!hasStorage()) {\n    return;\n  }\n  try {\n    window.localStorage.removeItem(key);\n  } catch {\n    // Ignore cleanup errors\n  }\n};\n","import { CircadianTokens, ColorSchemeBias, Phase } from \"./types\";\n\nexport const defaultTokens: Record<Phase, CircadianTokens> = {\n  dawn: {\n    bg: \"27 60% 96%\",\n    fg: \"24 18% 18%\",\n    muted: \"27 40% 90%\",\n    mutedFg: \"24 14% 35%\",\n    card: \"0 0% 100%\",\n    cardFg: \"24 18% 18%\",\n    border: \"24 22% 84%\",\n    ring: \"20 65% 45%\",\n    accent: \"20 80% 92%\",\n    accentFg: \"20 40% 30%\",\n    destructive: \"0 74% 55%\",\n    destructiveFg: \"0 0% 100%\"\n  },\n  day: {\n    bg: \"0 0% 100%\",\n    fg: \"222 28% 14%\",\n    muted: \"210 20% 96%\",\n    mutedFg: \"215 16% 35%\",\n    card: \"0 0% 100%\",\n    cardFg: \"222 28% 14%\",\n    border: \"214 20% 90%\",\n    ring: \"220 65% 45%\",\n    accent: \"220 90% 95%\",\n    accentFg: \"220 45% 30%\",\n    destructive: \"0 72% 55%\",\n    destructiveFg: \"0 0% 100%\"\n  },\n  dusk: {\n    bg: \"240 24% 14%\",\n    fg: \"30 40% 95%\",\n    muted: \"245 20% 22%\",\n    mutedFg: \"30 20% 80%\",\n    card: \"240 22% 16%\",\n    cardFg: \"30 40% 95%\",\n    border: \"245 16% 30%\",\n    ring: \"32 70% 60%\",\n    accent: \"32 55% 25%\",\n    accentFg: \"32 70% 85%\",\n    destructive: \"0 70% 55%\",\n    destructiveFg: \"0 0% 100%\"\n  },\n  night: {\n    bg: \"230 22% 10%\",\n    fg: \"210 40% 96%\",\n    muted: \"230 18% 16%\",\n    mutedFg: \"210 20% 80%\",\n    card: \"230 20% 12%\",\n    cardFg: \"210 40% 96%\",\n    border: \"230 16% 24%\",\n    ring: \"210 80% 60%\",\n    accent: \"210 35% 20%\",\n    accentFg: \"210 50% 90%\",\n    destructive: \"0 65% 55%\",\n    destructiveFg: \"0 0% 100%\"\n  }\n};\n\nexport const cssVarMap: Record<keyof CircadianTokens, string> = {\n  bg: \"--cui-bg\",\n  fg: \"--cui-fg\",\n  muted: \"--cui-muted\",\n  mutedFg: \"--cui-muted-fg\",\n  card: \"--cui-card\",\n  cardFg: \"--cui-card-fg\",\n  border: \"--cui-border\",\n  ring: \"--cui-ring\",\n  accent: \"--cui-accent\",\n  accentFg: \"--cui-accent-fg\",\n  destructive: \"--cui-destructive\",\n  destructiveFg: \"--cui-destructive-fg\"\n};\n\nexport const resolveTokens = (\n  phase: Phase,\n  overrides?: Partial<Record<Phase, Partial<CircadianTokens>>>\n): CircadianTokens => {\n  return {\n    ...defaultTokens[phase],\n    ...overrides?.[phase]\n  };\n};\n\nexport const tokensToCssVars = (tokens: CircadianTokens): Record<string, string> => {\n  const vars: Record<string, string> = {};\n  for (const [key, value] of Object.entries(tokens)) {\n    const cssVar = cssVarMap[key as keyof CircadianTokens];\n    vars[cssVar] = value;\n  }\n  return vars;\n};\n\nexport const applyTokensToElement = (element: HTMLElement, tokens: CircadianTokens) => {\n  const vars = tokensToCssVars(tokens);\n  for (const [key, value] of Object.entries(vars)) {\n    element.style.setProperty(key, value);\n  }\n};\n\nexport const applyColorSchemeBias = (\n  tokens: CircadianTokens,\n  prefers: \"dark\" | \"light\" | \"no-preference\",\n  bias: ColorSchemeBias\n): CircadianTokens => {\n  if (prefers === \"no-preference\") {\n    return tokens;\n  }\n  const delta = prefers === \"dark\" ? bias.dark : bias.light;\n  const adjust = (value: string): string => {\n    const [h, s, l] = value.split(\" \");\n    const lightness = Math.max(0, Math.min(100, Number(l.replace(\"%\", \"\")) + delta));\n    return `${h} ${s} ${lightness}%`;\n  };\n\n  return {\n    ...tokens,\n    bg: adjust(tokens.bg),\n    fg: adjust(tokens.fg),\n    muted: adjust(tokens.muted),\n    mutedFg: adjust(tokens.mutedFg),\n    card: adjust(tokens.card),\n    cardFg: adjust(tokens.cardFg),\n    border: adjust(tokens.border),\n    ring: adjust(tokens.ring),\n    accent: adjust(tokens.accent),\n    accentFg: adjust(tokens.accentFg),\n    destructive: adjust(tokens.destructive),\n    destructiveFg: adjust(tokens.destructiveFg)\n  };\n};\n","import { CircadianConfig, CircadianSchedule, Phase, ScheduleMode } from \"./types\";\nimport { defaultSchedule } from \"./schedule\";\nimport { defaultStorageKey } from \"./storage\";\nimport { defaultTokens, tokensToCssVars } from \"./tokens\";\n\nconst serialize = (value: unknown): string => JSON.stringify(value);\n\nconst getMergedSchedule = (schedule?: Partial<CircadianSchedule>): CircadianSchedule => ({\n  ...defaultSchedule,\n  ...schedule,\n  dawn: { ...defaultSchedule.dawn, ...schedule?.dawn },\n  day: { ...defaultSchedule.day, ...schedule?.day },\n  dusk: { ...defaultSchedule.dusk, ...schedule?.dusk },\n  night: { ...defaultSchedule.night, ...schedule?.night }\n});\n\nconst getMode = (mode?: ScheduleMode): ScheduleMode => mode ?? \"time\";\n\nexport const createInlineScript = (config?: CircadianConfig): string => {\n  const schedule = getMergedSchedule(config?.schedule);\n  const storageKey = config?.storageKey ?? defaultStorageKey;\n  const persist = config?.persist !== false;\n  const tokens = {\n    dawn: tokensToCssVars({\n      ...defaultTokens.dawn,\n      ...config?.tokens?.dawn\n    }),\n    day: tokensToCssVars({\n      ...defaultTokens.day,\n      ...config?.tokens?.day\n    }),\n    dusk: tokensToCssVars({\n      ...defaultTokens.dusk,\n      ...config?.tokens?.dusk\n    }),\n    night: tokensToCssVars({\n      ...defaultTokens.night,\n      ...config?.tokens?.night\n    })\n  };\n\n  return `(() => {\n  try {\n    const schedule = ${serialize(schedule)};\n    const tokens = ${serialize(tokens)};\n    const storageKey = ${serialize(storageKey)};\n    const persist = ${serialize(persist)};\n    const fallbackMode = ${serialize(getMode(config?.mode))};\n    const now = new Date();\n    const minutes = now.getHours() * 60 + now.getMinutes();\n\n    const isWithin = (value, start, end) => {\n      if (start === end) return true;\n      if (start < end) return value >= start && value < end;\n      return value >= start || value < end;\n    };\n\n    const parse = (time) => {\n      const [h, m] = time.split(\":\").map(Number);\n      return ((h % 24) * 60 + m) % 1440;\n    };\n\n    const normalized = {\n      dawn: { start: parse(schedule.dawn.start), end: parse(schedule.dawn.end) },\n      day: { start: parse(schedule.day.start), end: parse(schedule.day.end) },\n      dusk: { start: parse(schedule.dusk.start), end: parse(schedule.dusk.end) },\n      night: { start: parse(schedule.night.start), end: parse(schedule.night.end) }\n    };\n\n    const order = [\"dawn\", \"day\", \"dusk\", \"night\"];\n    let phase = \"night\";\n    for (const key of order) {\n      const window = normalized[key];\n      if (isWithin(minutes, window.start, window.end)) {\n        phase = key;\n        break;\n      }\n    }\n\n    let mode = fallbackMode;\n    const persisted = persist && window.localStorage ? window.localStorage.getItem(storageKey) : null;\n    if (persisted) {\n      try {\n        const parsed = JSON.parse(persisted);\n        if (parsed.mode) mode = parsed.mode;\n        if (parsed.phase) phase = parsed.phase;\n      } catch {\n        // ignore\n      }\n    }\n\n    const root = document.documentElement;\n    root.setAttribute(\"data-cui-phase\", phase);\n    const vars = tokens[phase] || tokens.night;\n    for (const key in vars) {\n      root.style.setProperty(key, vars[key]);\n    }\n  } catch {\n    // ignore\n  }\n})();`;\n};\n\nexport const resolveInitialPhase = (date: Date, schedule?: Partial<CircadianSchedule>): Phase => {\n  const merged = getMergedSchedule(schedule);\n  const minutes = date.getHours() * 60 + date.getMinutes();\n  const isWithin = (value: number, start: number, end: number) => {\n    if (start === end) return true;\n    if (start < end) return value >= start && value < end;\n    return value >= start || value < end;\n  };\n  const parse = (time: string) => {\n    const [h, m] = time.split(\":\").map(Number);\n    return ((h % 24) * 60 + m) % 1440;\n  };\n  const order: Phase[] = [\"dawn\", \"day\", \"dusk\", \"night\"];\n  for (const phase of order) {\n    const window = merged[phase];\n    if (isWithin(minutes, parse(window.start), parse(window.end))) {\n      return phase;\n    }\n  }\n  return \"night\";\n};\n"]}

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@shiftbloom-studio/circadian-ui",
+  "version": "0.2.0",
+  "description": "Accessible, time-aware theming for React and Next.js.",
+  "keywords": [
+    "react",
+    "nextjs",
+    "theme",
+    "accessibility",
+    "tailwind",
+    "wcag",
+    "design-tokens"
+  ],
+  "homepage": "https://github.com/shiftbloom-studio/circadian-ui#readme",
+  "bugs": {
+    "url": "https://github.com/shiftbloom-studio/circadian-ui/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shiftbloom-studio/circadian-ui.git"
+  },
+  "license": "MIT",
+  "author": "",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js",
+      "require": "./dist/server.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "node scripts/clean.mjs",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "changeset publish",
+    "test": "jest",
+    "test:ci": "jest --ci",
+    "test:watch": "jest --watch",
+    "lint": "eslint . --ext .ts,.tsx --max-warnings=0",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@changesets/changelog-git": "^0.2.1",
+    "@changesets/cli": "^2.28.1",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@types/jest": "^30.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.2",
+    "@typescript-eslint/parser": "^8.18.2",
+    "eslint": "^9.17.0",
+    "eslint-config-prettier": "^10.1.8",
+    "globals": "^17.0.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "prettier": "^3.4.2",
+    "ts-jest": "^29.2.5",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3"
+  }
+}