@fcannizzaro/streamdeck-react 0.1.9 → 0.1.11

package/dist/hooks/touchbar.js

@@ -1,37 +0,0 @@
-import { EventBusContext } from "../context/providers.js";
-import { TouchBarContext } from "../context/touchbar-context.js";
-import { useCallbackRef } from "./internal/useCallbackRef.js";
-import { useContext, useEffect } from "react";
-//#region src/hooks/touchbar.ts
-function useTouchBarEvent(event, callback) {
-	const bus = useContext(EventBusContext);
-	const callbackRef = useCallbackRef(callback);
-	useEffect(() => {
-		const handler = (payload) => {
-			callbackRef.current(payload);
-		};
-		bus.on(event, handler);
-		return () => bus.off(event, handler);
-	}, [
-		bus,
-		callbackRef,
-		event
-	]);
-}
-function useTouchBar() {
-	return useContext(TouchBarContext);
-}
-function useTouchBarTap(callback) {
-	useTouchBarEvent("touchBarTap", callback);
-}
-function useTouchBarDialRotate(callback) {
-	useTouchBarEvent("touchBarDialRotate", callback);
-}
-function useTouchBarDialDown(callback) {
-	useTouchBarEvent("touchBarDialDown", callback);
-}
-function useTouchBarDialUp(callback) {
-	useTouchBarEvent("touchBarDialUp", callback);
-}
-//#endregion
-export { useTouchBar, useTouchBarDialDown, useTouchBarDialRotate, useTouchBarDialUp, useTouchBarTap };

package/dist/roots/touchbar-root.d.ts

@@ -1,45 +0,0 @@
-import { ComponentType } from 'react';
-import { VContainer } from '../reconciler/vnode';
-import { RenderConfig } from '../render/pipeline';
-import { EventBus } from '../context/event-bus';
-import { DeviceInfo, WrapperComponent } from '../types';
-import { DialAction } from '@elgato/streamdeck';
-import { JsonObject } from '@elgato/utils';
-export declare class TouchBarRoot {
-    private component;
-    readonly eventBus: EventBus;
-    private container;
-    private fiberRoot;
-    private columns;
-    private globalSettings;
-    private setGlobalSettingsFn;
-    private renderDebounceMs;
-    private renderConfig;
-    private deviceInfo;
-    private disposed;
-    private fps;
-    private pluginWrapper?;
-    /** Last rendered per-column data URIs. Used by devtools snapshots. */
-    lastSegmentUris: Map<number, string>;
-    /** Exposes the VContainer for devtools inspection. */
-    get vcontainer(): VContainer;
-    /** Sorted column numbers for devtools observer. */
-    get columnNumbers(): number[];
-    /** Column → actionId map for devtools observer. */
-    get columnActionMap(): Map<number, string>;
-    private globalSettingsValue;
-    private touchBarValue;
-    constructor(component: ComponentType, deviceInfo: DeviceInfo, initialGlobalSettings: JsonObject, renderConfig: RenderConfig, renderDebounceMs: number, onGlobalSettingsChange: (settings: JsonObject) => Promise<void>, pluginWrapper?: WrapperComponent, touchBarFPS?: number);
-    addColumn(column: number, actionId: string, sdkAction: DialAction): void;
-    removeColumn(column: number): void;
-    get isEmpty(): boolean;
-    findColumnByActionId(actionId: string): number | undefined;
-    private updateTouchBarInfo;
-    private render;
-    private buildTree;
-    private scheduleRerender;
-    private flush;
-    private doFlush;
-    updateGlobalSettings(settings: JsonObject): void;
-    unmount(): void;
-}

package/dist/roots/touchbar-root.js

@@ -1,175 +0,0 @@
-import { createVContainer } from "../reconciler/vnode.js";
-import { reconciler } from "../reconciler/renderer.js";
-import { renderToRaw, sliceToDataUri } from "../render/pipeline.js";
-import { EventBus } from "../context/event-bus.js";
-import { DeviceContext, EventBusContext, GlobalSettingsContext } from "../context/providers.js";
-import { TouchBarContext } from "../context/touchbar-context.js";
-import { createElement } from "react";
-//#region src/roots/touchbar-root.ts
-var SEGMENT_WIDTH = 200;
-var SEGMENT_HEIGHT = 100;
-var DEFAULT_TOUCHBAR_FPS = 60;
-var TouchBarRoot = class {
-	eventBus = new EventBus();
-	container;
-	fiberRoot;
-	columns = /* @__PURE__ */ new Map();
-	globalSettings;
-	setGlobalSettingsFn;
-	renderDebounceMs;
-	renderConfig;
-	deviceInfo;
-	disposed = false;
-	fps;
-	pluginWrapper;
-	/** Last rendered per-column data URIs. Used by devtools snapshots. */
-	lastSegmentUris = /* @__PURE__ */ new Map();
-	/** Exposes the VContainer for devtools inspection. */
-	get vcontainer() {
-		return this.container;
-	}
-	/** Sorted column numbers for devtools observer. */
-	get columnNumbers() {
-		return [...this.columns.keys()].sort((a, b) => a - b);
-	}
-	/** Column → actionId map for devtools observer. */
-	get columnActionMap() {
-		const map = /* @__PURE__ */ new Map();
-		for (const [col, entry] of this.columns) map.set(col, entry.actionId);
-		return map;
-	}
-	globalSettingsValue;
-	touchBarValue;
-	constructor(component, deviceInfo, initialGlobalSettings, renderConfig, renderDebounceMs, onGlobalSettingsChange, pluginWrapper, touchBarFPS) {
-		this.component = component;
-		this.deviceInfo = deviceInfo;
-		this.globalSettings = { ...initialGlobalSettings };
-		this.renderConfig = renderConfig;
-		this.fps = touchBarFPS ?? DEFAULT_TOUCHBAR_FPS;
-		this.renderDebounceMs = touchBarFPS != null ? Math.max(1, Math.round(1e3 / touchBarFPS)) : renderDebounceMs;
-		this.pluginWrapper = pluginWrapper;
-		this.setGlobalSettingsFn = (partial) => {
-			this.globalSettings = {
-				...this.globalSettings,
-				...partial
-			};
-			this.globalSettingsValue = {
-				settings: this.globalSettings,
-				setSettings: this.setGlobalSettingsFn
-			};
-			onGlobalSettingsChange(this.globalSettings);
-			this.scheduleRerender();
-		};
-		this.globalSettingsValue = {
-			settings: this.globalSettings,
-			setSettings: this.setGlobalSettingsFn
-		};
-		this.touchBarValue = {
-			width: 0,
-			height: SEGMENT_HEIGHT,
-			columns: [],
-			segmentWidth: SEGMENT_WIDTH,
-			fps: this.fps
-		};
-		this.container = createVContainer(() => {
-			this.flush();
-		});
-		this.fiberRoot = reconciler.createContainer(this.container, 0, null, false, null, "", (err) => {
-			console.error("[@fcannizzaro/streamdeck-react] TouchBar uncaught error:", err);
-		}, (err) => {
-			console.error("[@fcannizzaro/streamdeck-react] TouchBar caught error:", err);
-		}, (err) => {
-			console.error("[@fcannizzaro/streamdeck-react] TouchBar recoverable error:", err);
-		}, () => {});
-		this.eventBus.ownerId = `touchbar:${deviceInfo.id}`;
-	}
-	addColumn(column, actionId, sdkAction) {
-		this.columns.set(column, {
-			actionId,
-			sdkAction
-		});
-		this.updateTouchBarInfo();
-		this.scheduleRerender();
-	}
-	removeColumn(column) {
-		this.columns.delete(column);
-		if (this.columns.size === 0) return;
-		this.updateTouchBarInfo();
-		this.scheduleRerender();
-	}
-	get isEmpty() {
-		return this.columns.size === 0;
-	}
-	findColumnByActionId(actionId) {
-		for (const [column, entry] of this.columns) if (entry.actionId === actionId) return column;
-	}
-	updateTouchBarInfo() {
-		const sortedColumns = [...this.columns.keys()].sort((a, b) => a - b);
-		this.touchBarValue = {
-			width: (sortedColumns.length > 0 ? sortedColumns[sortedColumns.length - 1] + 1 : 0) * SEGMENT_WIDTH,
-			height: SEGMENT_HEIGHT,
-			columns: sortedColumns,
-			segmentWidth: SEGMENT_WIDTH,
-			fps: this.fps
-		};
-	}
-	render() {
-		if (this.disposed) return;
-		const element = this.buildTree();
-		reconciler.updateContainer(element, this.fiberRoot, null, () => {});
-	}
-	buildTree() {
-		let child = createElement(this.component);
-		if (this.pluginWrapper) child = createElement(this.pluginWrapper, null, child);
-		return createElement(TouchBarContext.Provider, { value: this.touchBarValue }, createElement(DeviceContext.Provider, { value: this.deviceInfo }, createElement(EventBusContext.Provider, { value: this.eventBus }, createElement(GlobalSettingsContext.Provider, { value: this.globalSettingsValue }, child))));
-	}
-	scheduleRerender() {
-		if (this.disposed) return;
-		this.render();
-	}
-	async flush() {
-		if (this.disposed) return;
-		if (this.renderDebounceMs > 0 && this.container.renderTimer !== null) clearTimeout(this.container.renderTimer);
-		if (this.renderDebounceMs > 0) this.container.renderTimer = setTimeout(async () => {
-			this.container.renderTimer = null;
-			await this.doFlush();
-		}, this.renderDebounceMs);
-		else await this.doFlush();
-	}
-	async doFlush() {
-		if (this.disposed || this.columns.size === 0) return;
-		try {
-			const width = this.touchBarValue.width;
-			if (width === 0) return;
-			const result = await renderToRaw(this.container, width, SEGMENT_HEIGHT, this.renderConfig);
-			if (result === null || this.disposed) return;
-			const feedbackPromises = [];
-			for (const [column, entry] of this.columns) {
-				const sliceUri = sliceToDataUri(result.buffer, result.width, result.height, column, SEGMENT_WIDTH, SEGMENT_HEIGHT);
-				this.lastSegmentUris.set(column, sliceUri);
-				feedbackPromises.push(entry.sdkAction.setFeedback({ canvas: sliceUri }));
-			}
-			await Promise.all(feedbackPromises);
-		} catch (err) {
-			console.error("[@fcannizzaro/streamdeck-react] TouchBar render error:", err);
-		}
-	}
-	updateGlobalSettings(settings) {
-		this.globalSettings = { ...settings };
-		this.globalSettingsValue = {
-			settings: this.globalSettings,
-			setSettings: this.setGlobalSettingsFn
-		};
-		this.scheduleRerender();
-	}
-	unmount() {
-		this.disposed = true;
-		if (this.container.renderTimer !== null) clearTimeout(this.container.renderTimer);
-		this.eventBus.emit("willDisappear", void 0);
-		reconciler.updateContainer(null, this.fiberRoot, null, () => {});
-		this.eventBus.removeAllListeners();
-		this.columns.clear();
-	}
-};
-//#endregion
-export { TouchBarRoot };