@arcanejs/toolkit 4.0.0 → 5.0.0

package/dist/frontend/index.js

@@ -34,7 +34,57 @@ var _toolkitfrontend = require('@arcanejs/toolkit-frontend');
 
 
 // ../toolkit-frontend/src/util/index.ts
+var COLOR_SCHEME_SETTINGS = "arcane-color-scheme-preference";
+var VALID_COLOR_SCHEME_PREFS = ["auto", "dark", "light"];
+var isValidColorSchemePreference = (value) => {
+  return VALID_COLOR_SCHEME_PREFS.includes(value);
+};
+var useColorSchemePreferences = () => {
+  if (typeof window === "undefined") {
+    return {
+      colorSchemePreference: "auto",
+      setColorSchemePreference: () => {
+      }
+    };
+  }
+  const [preference, setPreference] = _react.useState.call(void 0, 
+    window.localStorage.getItem(
+      COLOR_SCHEME_SETTINGS
+    ) || "auto"
+  );
+  const setColorSchemePreference = (newPreference) => {
+    if (!isValidColorSchemePreference(newPreference)) {
+      throw new Error(`Invalid color scheme preference: ${newPreference}`);
+    }
+    window.localStorage.setItem(COLOR_SCHEME_SETTINGS, newPreference);
+    window.dispatchEvent(
+      new StorageEvent("storage", {
+        key: COLOR_SCHEME_SETTINGS,
+        newValue: newPreference
+      })
+    );
+  };
+  _react.useEffect.call(void 0, () => {
+    const onStorageChange = (event) => {
+      if (event.key === COLOR_SCHEME_SETTINGS) {
+        const newValue = event.newValue;
+        if (isValidColorSchemePreference(newValue)) {
+          setPreference(newValue);
+        }
+      }
+    };
+    window.addEventListener("storage", onStorageChange);
+    return () => {
+      window.removeEventListener("storage", onStorageChange);
+    };
+  }, []);
+  return {
+    colorSchemePreference: isValidColorSchemePreference(preference) ? preference : "auto",
+    setColorSchemePreference
+  };
+};
 var usePreferredColorScheme = () => {
+  const { colorSchemePreference } = useColorSchemePreferences();
   const [theme, setTheme] = _react.useState.call(void 0, "light");
   _react.useEffect.call(void 0, () => {
     if (typeof window !== "undefined") {
@@ -49,7 +99,7 @@ var usePreferredColorScheme = () => {
       };
     }
   }, []);
-  return theme;
+  return colorSchemePreference === "auto" ? theme : colorSchemePreference;
 };
 
 // ../toolkit-frontend/src/styling.tsx

package/dist/frontend/index.mjs

@@ -34,7 +34,57 @@ import { useEffect, useState as useState2 } from "react";
 import { useState } from "react";
 
 // ../toolkit-frontend/src/util/index.ts
+var COLOR_SCHEME_SETTINGS = "arcane-color-scheme-preference";
+var VALID_COLOR_SCHEME_PREFS = ["auto", "dark", "light"];
+var isValidColorSchemePreference = (value) => {
+  return VALID_COLOR_SCHEME_PREFS.includes(value);
+};
+var useColorSchemePreferences = () => {
+  if (typeof window === "undefined") {
+    return {
+      colorSchemePreference: "auto",
+      setColorSchemePreference: () => {
+      }
+    };
+  }
+  const [preference, setPreference] = useState2(
+    window.localStorage.getItem(
+      COLOR_SCHEME_SETTINGS
+    ) || "auto"
+  );
+  const setColorSchemePreference = (newPreference) => {
+    if (!isValidColorSchemePreference(newPreference)) {
+      throw new Error(`Invalid color scheme preference: ${newPreference}`);
+    }
+    window.localStorage.setItem(COLOR_SCHEME_SETTINGS, newPreference);
+    window.dispatchEvent(
+      new StorageEvent("storage", {
+        key: COLOR_SCHEME_SETTINGS,
+        newValue: newPreference
+      })
+    );
+  };
+  useEffect(() => {
+    const onStorageChange = (event) => {
+      if (event.key === COLOR_SCHEME_SETTINGS) {
+        const newValue = event.newValue;
+        if (isValidColorSchemePreference(newValue)) {
+          setPreference(newValue);
+        }
+      }
+    };
+    window.addEventListener("storage", onStorageChange);
+    return () => {
+      window.removeEventListener("storage", onStorageChange);
+    };
+  }, []);
+  return {
+    colorSchemePreference: isValidColorSchemePreference(preference) ? preference : "auto",
+    setColorSchemePreference
+  };
+};
 var usePreferredColorScheme = () => {
+  const { colorSchemePreference } = useColorSchemePreferences();
   const [theme, setTheme] = useState2("light");
   useEffect(() => {
     if (typeof window !== "undefined") {
@@ -49,7 +99,7 @@ var usePreferredColorScheme = () => {
       };
     }
   }, []);
-  return theme;
+  return colorSchemePreference === "auto" ? theme : colorSchemePreference;
 };
 
 // ../toolkit-frontend/src/styling.tsx

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { A as AnyComponent, B as Button, G as Group, c as GroupHeader, T as Toolkit, a as ToolkitConnection, b as ToolkitOptions } from './toolkit-k-CCIw3V.mjs';
+export { A as AnyComponent, B as Button, G as Group, c as GroupHeader, T as Toolkit, a as ToolkitConnection, b as ToolkitOptions } from './toolkit-CQMnQMOF.mjs';
 export { Label } from './backend/components/label.mjs';
 export { Rect } from './backend/components/rect.mjs';
 export { SliderButton } from './backend/components/slider-button.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AnyComponent, B as Button, G as Group, c as GroupHeader, T as Toolkit, a as ToolkitConnection, b as ToolkitOptions } from './toolkit-BjYBFkG8.js';
+export { A as AnyComponent, B as Button, G as Group, c as GroupHeader, T as Toolkit, a as ToolkitConnection, b as ToolkitOptions } from './toolkit-C37sQAkD.js';
 export { Label } from './backend/components/label.js';
 export { Rect } from './backend/components/rect.js';
 export { SliderButton } from './backend/components/slider-button.js';

package/dist/index.js

@@ -1,38 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;
 
 
-var _chunkLGIWNJQAjs = require('./chunk-LGIWNJQA.js');
+var _chunkU6FSQBQ3js = require('./chunk-U6FSQBQ3.js');
 
 
-var _chunk4EOCJT6Wjs = require('./chunk-4EOCJT6W.js');
+var _chunkHTCWMJUAjs = require('./chunk-HTCWMJUA.js');
 
 
-var _chunkVXNNW2KHjs = require('./chunk-VXNNW2KH.js');
+var _chunk6QWYIJLMjs = require('./chunk-6QWYIJLM.js');
 
 
 var _chunkEABM5X65js = require('./chunk-EABM5X65.js');
 
 
-var _chunkZWYJEKZPjs = require('./chunk-ZWYJEKZP.js');
+var _chunk4OCRZD4Fjs = require('./chunk-4OCRZD4F.js');
 
 
 
-var _chunkQT43ONN5js = require('./chunk-QT43ONN5.js');
+var _chunk7JIC2XBCjs = require('./chunk-7JIC2XBC.js');
 
 
-var _chunkZ3HEU534js = require('./chunk-Z3HEU534.js');
+var _chunk3GTEUTFTjs = require('./chunk-3GTEUTFT.js');
 
 
-var _chunkJSZMJCCHjs = require('./chunk-JSZMJCCH.js');
+var _chunkQAH2OSHRjs = require('./chunk-QAH2OSHR.js');
 
 
-var _chunk6KPK5YOLjs = require('./chunk-6KPK5YOL.js');
+var _chunkNL3W4M7Jjs = require('./chunk-NL3W4M7J.js');
 
 
-var _chunk3VAHVFJ3js = require('./chunk-3VAHVFJ3.js');
+var _chunk53EOA4UEjs = require('./chunk-53EOA4UE.js');
 
 
-var _chunkHTM2L3DTjs = require('./chunk-HTM2L3DT.js');
+var _chunkWN3GXVUEjs = require('./chunk-WN3GXVUE.js');
 
 
 var _chunk3RG5ZIWIjs = require('./chunk-3RG5ZIWI.js');
@@ -189,7 +189,7 @@ var Toolkit = (_class2 = class {
   __init5() {this.connections = /* @__PURE__ */ new Map()}
   __init6() {this.rootGroup = null}
   /** @hidden */
-  __init7() {this.events = new (0, _chunkHTM2L3DTjs.EventEmitter)()}
+  __init7() {this.events = new (0, _chunkWN3GXVUEjs.EventEmitter)()}
   constructor(options = {}) {;_class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);
     this.options = {
       ...DEFAULT_LIGHT_DESK_OPTIONS,
@@ -369,4 +369,4 @@ var Toolkit = (_class2 = class {
 
 
 
-exports.Button = _chunkZWYJEKZPjs.Button; exports.Group = _chunkQT43ONN5js.Group; exports.GroupHeader = _chunkQT43ONN5js.GroupHeader; exports.Label = _chunkZ3HEU534js.Label; exports.Rect = _chunkJSZMJCCHjs.Rect; exports.SliderButton = _chunk6KPK5YOLjs.SliderButton; exports.Switch = _chunk3VAHVFJ3js.Switch; exports.Tab = _chunkLGIWNJQAjs.Tab; exports.Tabs = _chunkLGIWNJQAjs.Tabs; exports.TextInput = _chunk4EOCJT6Wjs.TextInput; exports.Timeline = _chunkVXNNW2KHjs.Timeline; exports.Toolkit = Toolkit;
+exports.Button = _chunk4OCRZD4Fjs.Button; exports.Group = _chunk7JIC2XBCjs.Group; exports.GroupHeader = _chunk7JIC2XBCjs.GroupHeader; exports.Label = _chunk3GTEUTFTjs.Label; exports.Rect = _chunkQAH2OSHRjs.Rect; exports.SliderButton = _chunkNL3W4M7Jjs.SliderButton; exports.Switch = _chunk53EOA4UEjs.Switch; exports.Tab = _chunkU6FSQBQ3js.Tab; exports.Tabs = _chunkU6FSQBQ3js.Tabs; exports.TextInput = _chunkHTCWMJUAjs.TextInput; exports.Timeline = _chunk6QWYIJLMjs.Timeline; exports.Toolkit = Toolkit;

package/dist/index.mjs

@@ -1,38 +1,38 @@
 import {
   Tab,
   Tabs
-} from "./chunk-MMK3PCSS.mjs";
+} from "./chunk-KMEDXCBI.mjs";
 import {
   TextInput
-} from "./chunk-VJ3Q2HZJ.mjs";
+} from "./chunk-WDB3IMOP.mjs";
 import {
   Timeline
-} from "./chunk-YN7LHBRI.mjs";
+} from "./chunk-3TXBS2UN.mjs";
 import {
   IDMap
 } from "./chunk-RGHJEMWG.mjs";
 import {
   Button
-} from "./chunk-6BVEU2NV.mjs";
+} from "./chunk-LK6MGXYC.mjs";
 import {
   Group,
   GroupHeader
-} from "./chunk-PIVARHCZ.mjs";
+} from "./chunk-E6FGU7DA.mjs";
 import {
   Label
-} from "./chunk-XYFDH3E7.mjs";
+} from "./chunk-UQWCTVMC.mjs";
 import {
   Rect
-} from "./chunk-XMP5XJWR.mjs";
+} from "./chunk-6ELB27LK.mjs";
 import {
   SliderButton
-} from "./chunk-PYJC5BFZ.mjs";
+} from "./chunk-QB2WPBWV.mjs";
 import {
   Switch
-} from "./chunk-GIXAFIEY.mjs";
+} from "./chunk-PG5EAV5X.mjs";
 import {
   EventEmitter
-} from "./chunk-JKTEVA75.mjs";
+} from "./chunk-GONHNB6V.mjs";
 import {
   __require
 } from "./chunk-Y6FXYEAI.mjs";

package/dist/{toolkit-BjYBFkG8.d.ts → toolkit-C37sQAkD.d.ts}

@@ -165,7 +165,12 @@ declare class EventEmitter<Map extends Record<string, (...args: any[]) => void>>
     private readonly listeners;
     addListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
     removeListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
-    emit: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<unknown>;
+    emit: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<ReturnType<Map[T]>[]>;
+    /**
+     * Like {@link emit},
+     * but ensures only a single listener exists and returns its result.
+     */
+    call: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<ReturnType<Map[T]>>;
     /**
      * Process prop changes to update listeners
      */

package/dist/{toolkit-k-CCIw3V.d.mts → toolkit-CQMnQMOF.d.mts}

@@ -165,7 +165,12 @@ declare class EventEmitter<Map extends Record<string, (...args: any[]) => void>>
     private readonly listeners;
     addListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
     removeListener: <T extends keyof Map>(type: T, listener: Map[T]) => void;
-    emit: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<unknown>;
+    emit: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<ReturnType<Map[T]>[]>;
+    /**
+     * Like {@link emit},
+     * but ensures only a single listener exists and returns its result.
+     */
+    call: <T extends keyof Map>(type: T, ...args: Parameters<Map[T]>) => Promise<ReturnType<Map[T]>>;
     /**
      * Process prop changes to update listeners
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanejs/toolkit",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "private": false,
   "description": "Build web-accessible control interfaces for your long-running Node.js processes",
   "keywords": [
@@ -114,8 +114,8 @@
     "styled-components": "^6.1.13",
     "tsup": "^8.1.0",
     "typescript": "^5.3.3",
+    "@arcanejs/toolkit-frontend": "^0.8.0",
     "@arcanejs/eslint-config": "^0.0.0",
-    "@arcanejs/toolkit-frontend": "^0.7.0",
     "@arcanejs/typescript-config": "^0.0.0"
   },
   "dependencies": {
@@ -132,7 +132,7 @@
     "react": "^18",
     "react-dom": "18.3.1",
     "styled-components": "^6.1.13",
-    "@arcanejs/toolkit-frontend": "^0.7.0"
+    "@arcanejs/toolkit-frontend": "^0.8.0"
   },
   "peerDependenciesMeta": {
     "@arcanejs/toolkit-frontend": {