@expofp/debug 3.0.0-alpha.3

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { initDebug } from './lib/init-debug.js';
+export * from './lib/settings/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,2 @@
+export { initDebug } from './lib/init-debug.js';
+export * from './lib/settings/index.js';

package/dist/lib/debugUi/DebugOverlay.d.ts

@@ -0,0 +1,7 @@
+import '@radix-ui/themes/styles.css';
+interface DebugPanelProps {
+    onClose?: () => void;
+}
+export declare const DebugOverlay: ({ onClose }: DebugPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DebugOverlay.d.ts.map

package/dist/lib/debugUi/DebugOverlay.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@radix-ui/themes/styles.css';
+import { Box, Container, Theme } from '@radix-ui/themes';
+import { DebugTabs } from './DebugTabs.js';
+export const DebugOverlay = ({ onClose }) => {
+    return (_jsx(Theme, { appearance: "dark", children: _jsx(Box, { position: "fixed", top: "0", right: "0", width: "100vw", height: "100dvh", overflowY: "auto", style: { backgroundColor: 'black' }, children: _jsx(Container, { size: "4", px: "2", children: _jsx(DebugTabs, { onClose: onClose }) }) }) }));
+};

package/dist/lib/debugUi/DebugTabs.d.ts

@@ -0,0 +1,6 @@
+interface DebugTabsProps {
+    onClose?: () => void;
+}
+export declare const DebugTabs: ({ onClose }: DebugTabsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DebugTabs.d.ts.map

package/dist/lib/debugUi/DebugTabs.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { Button, Tabs } from '@radix-ui/themes';
+import { LogTab } from './LogTab.js';
+import { SettingsTab } from './SettingsTab.js';
+export const DebugTabs = ({ onClose }) => (_jsxs(Tabs.Root, { defaultValue: "settingsTab", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "settingsTab", children: "Settings" }), _jsx(Tabs.Trigger, { value: "logTab", children: "Log" }), _jsxs(Button, { ml: "auto", variant: "soft", mt: "3px", color: "gray", onClick: onClose, children: [_jsx(Cross1Icon, { width: "16", height: "16" }), " Close"] })] }), _jsx(Tabs.Content, { value: "settingsTab", children: _jsx(SettingsTab, {}) }), _jsx(Tabs.Content, { value: "logTab", children: _jsx(LogTab, {}) })] }));

package/dist/lib/debugUi/DebugUi.d.ts

@@ -0,0 +1,5 @@
+export declare const DebugUi: React.FC<{
+    open: boolean;
+    useDebugButtonState: () => [boolean, (n: boolean) => void];
+}>;
+//# sourceMappingURL=DebugUi.d.ts.map

package/dist/lib/debugUi/DebugUi.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense, useEffect, useState } from 'react';
+import { addDebugSecretListener } from '../utils/addDebugSecretListener.js';
+import { SideButton } from './SideButton.js';
+const LazyDebugOverlay = lazy(async () => ({
+    default: (await import('./DebugOverlay.js')).DebugOverlay,
+}));
+export const DebugUi = (props) => {
+    const [isOpen, setIsOpen] = useState(props.open);
+    const [debugButtonEnabled, setDebugButtonEnabled] = props.useDebugButtonState();
+    useEffect(() => {
+        return addDebugSecretListener(() => {
+            setDebugButtonEnabled(true);
+            setIsOpen(true);
+        });
+    }, []);
+    // set visibility of efp floorplan to none when debug ui is open
+    // otherwise, z-index issues occur
+    useEffect(() => {
+        const efpFloorplan = document.getElementsByClassName('expofp-floorplan-default')[0];
+        if (efpFloorplan) {
+            efpFloorplan.style.visibility = isOpen ? 'hidden' : 'visible';
+        }
+    }, [isOpen]);
+    if (isOpen) {
+        return (_jsx(Suspense, { fallback: null, children: _jsx(LazyDebugOverlay, { onClose: () => {
+                    setIsOpen(false);
+                } }) }));
+    }
+    return debugButtonEnabled ? _jsx(SideButton, { onClick: () => setIsOpen(true) }) : null;
+};

package/dist/lib/debugUi/LogTab.d.ts

@@ -0,0 +1,2 @@
+export declare const LogTab: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LogTab.d.ts.map

package/dist/lib/debugUi/LogTab.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { Box, Callout } from '@radix-ui/themes';
+export const LogTab = () => {
+    return (_jsx(Box, { pt: "20px", children: _jsx(Box, { mb: "20px", children: _jsxs(Callout.Root, { children: [_jsx(Callout.Icon, { children: _jsx(InfoCircledIcon, {}) }), _jsx(Callout.Text, { children: "Implement to intercept console.info, console.warn and console.error and output them here when logging enabled." })] }) }) }));
+};

package/dist/lib/debugUi/Settings.d.ts

@@ -0,0 +1,2 @@
+export declare const Settings: React.FC;
+//# sourceMappingURL=Settings.d.ts.map

package/dist/lib/debugUi/Settings.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from '@radix-ui/themes';
+import { Suspense } from 'react';
+import { editors } from '../settings/registeredSettings.js';
+export const Settings = () => {
+    return editors.map((Editor, index) => (_jsx(Suspense, { fallback: _jsx(Skeleton, { height: "60px" }), children: _jsx(Editor, {}) }, index)));
+};

package/dist/lib/debugUi/SettingsItem.d.ts

@@ -0,0 +1,6 @@
+interface SettingsItemProps extends React.PropsWithChildren {
+    label: string;
+}
+export declare const SettingsItem: ({ label, children }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SettingsItem.d.ts.map

package/dist/lib/debugUi/SettingsItem.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Heading, Separator } from '@radix-ui/themes';
+export const SettingsItem = ({ label, children }) => {
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Heading, { size: "4", children: label }), _jsx(Box, { mt: "10px", children: children })] }), _jsx(Separator, { size: "4", my: "20px" })] }));
+};

package/dist/lib/debugUi/SettingsTab.d.ts

@@ -0,0 +1,2 @@
+export declare const SettingsTab: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsTab.d.ts.map

package/dist/lib/debugUi/SettingsTab.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { AlertDialog, Box, Button, Callout, Flex } from '@radix-ui/themes';
+import { resetAllSettings } from '../settings/resetAllSettings.js';
+import { Settings } from './Settings.js';
+export const SettingsTab = () => {
+    return (_jsxs(Box, { pt: "20px", children: [_jsx(Box, { mb: "20px", children: _jsxs(Callout.Root, { children: [_jsx(Callout.Icon, { children: _jsx(InfoCircledIcon, {}) }), _jsx(Callout.Text, { children: "These settings will persist across page reloads in your browser." })] }) }), _jsx(Settings, {}), _jsxs(Flex, { gap: "3", mt: "40px", justify: "center", children: [_jsx(Button, { onClick: () => {
+                            window.location.reload();
+                        }, children: "Reload with the applied changes" }), _jsxs(AlertDialog.Root, { children: [_jsx(AlertDialog.Trigger, { children: _jsx(Button, { color: "red", children: "Reset all and reload" }) }), _jsxs(AlertDialog.Content, { maxWidth: "450px", children: [_jsx(AlertDialog.Title, { children: "Reset all and reload" }), _jsx(AlertDialog.Description, { size: "2", children: "This will reset all settings, disable debug mode, and reload the page." }), _jsxs(Flex, { gap: "3", mt: "4", justify: "end", children: [_jsx(AlertDialog.Cancel, { children: _jsx(Button, { variant: "soft", color: "gray", children: "Cancel" }) }), _jsx(AlertDialog.Action, { children: _jsx(Button, { variant: "solid", color: "red", onClick: () => {
+                                                        resetAllSettings();
+                                                        window.location.reload();
+                                                    }, children: "Reset all and reload" }) })] })] })] })] })] }));
+};

package/dist/lib/debugUi/SideButton.d.ts

@@ -0,0 +1,4 @@
+export declare const SideButton: ({ onClick }: {
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SideButton.d.ts.map

package/dist/lib/debugUi/SideButton.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SideButton = ({ onClick }) => {
+    const size = 64;
+    const width = 20;
+    const radius = 14;
+    return (_jsx("button", { type: "button", style: {
+            position: 'fixed',
+            right: 0,
+            top: '50%',
+            transform: 'translateY(-50%)',
+            padding: 0,
+            border: 'none',
+            background: 'transparent',
+            cursor: 'pointer',
+            zIndex: 9999,
+            boxSizing: 'border-box',
+        }, onClick: onClick, children: _jsx("div", { style: {
+                width,
+                height: size,
+                paddingLeft: 4,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                background: 'var(--side-tab-bg, rgba(0,0,0,0.5))',
+                color: 'white',
+                borderRadius: `${radius}px 0 0 ${radius}px`,
+                fontSize: Math.round(size * 0.25),
+                lineHeight: 1,
+                userSelect: 'none',
+                cursor: 'pointer',
+                filter: 'grayscale(0.5)',
+                boxSizing: 'border-box',
+            }, children: _jsx(ChevronLeftSvg, { size: size * 0.7 }) }) }));
+};
+function ChevronLeftSvg({ size = 18, strokeWidth = 3, ...props }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: _jsx("path", { fill: "none", d: "M14.5 5.5L8.5 12l6 6.5", stroke: "currentColor", strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}

package/dist/lib/debugUi/index.d.ts

@@ -0,0 +1,2 @@
+export { renderDebugUi } from './renderDebugUi.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/debugUi/index.js

@@ -0,0 +1 @@
+export { renderDebugUi } from './renderDebugUi.js';

package/dist/lib/debugUi/renderDebugUi.d.ts

@@ -0,0 +1,2 @@
+export declare function renderDebugUi(): void;
+//# sourceMappingURL=renderDebugUi.d.ts.map

package/dist/lib/debugUi/renderDebugUi.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerBooleanSetting } from '../settings/index.js';
+import { addDebugSecretListener } from '../utils/addDebugSecretListener.js';
+export function renderDebugUi() {
+    const showDebugButtonSetting = registerBooleanSetting('Show Debug Button Overlay');
+    const render = async (open) => {
+        const { DebugUi } = await import('./DebugUi.js');
+        const { createRoot } = await import('react-dom/client');
+        const rootElement = document.createElement('div');
+        document.body.appendChild(rootElement);
+        const root = createRoot(rootElement);
+        root.render(_jsx(DebugUi, { useDebugButtonState: showDebugButtonSetting.useState, open: open }));
+    };
+    if (showDebugButtonSetting.get()) {
+        render(false);
+    }
+    else {
+        const unsuscribe = addDebugSecretListener(() => {
+            unsuscribe();
+            showDebugButtonSetting.set(true);
+            render(true);
+        });
+    }
+}

package/dist/lib/editors/BooleanEditor.d.ts

@@ -0,0 +1,3 @@
+import type { EditorProps } from './EditorProps.js';
+export declare const BooleanEditor: React.FC<EditorProps<boolean>>;
+//# sourceMappingURL=BooleanEditor.d.ts.map

package/dist/lib/editors/BooleanEditor.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex, Switch } from '@radix-ui/themes';
+import { SettingsItem } from '../debugUi/SettingsItem.js';
+export const BooleanEditor = (props) => {
+    return (_jsx(SettingsItem, { label: props.label, children: _jsx(Flex, { children: _jsx(Switch, { checked: props.value, onCheckedChange: (checked) => props.onChange(checked) }) }) }));
+};

package/dist/lib/editors/EditorProps.d.ts

@@ -0,0 +1,7 @@
+export type EditorProps<T, K = void> = {
+    label: string;
+    value: T;
+    context: K;
+    onChange: (value: T) => void;
+};
+//# sourceMappingURL=EditorProps.d.ts.map

package/dist/lib/editors/EditorProps.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/editors/EnumEditor.d.ts

@@ -0,0 +1,5 @@
+import type { EditorProps } from './EditorProps.js';
+export declare function EnumEditor<T>(props: EditorProps<T, {
+    values: readonly T[];
+}>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EnumEditor.d.ts.map

package/dist/lib/editors/EnumEditor.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select } from '@radix-ui/themes';
+import { SettingsItem } from '../debugUi/SettingsItem.js';
+export function EnumEditor(props) {
+    const stringMode = props.context.values.every((v) => typeof v === 'string');
+    const stringify = stringMode ? (v) => v : (v) => JSON.stringify(v);
+    const parse = stringMode ? (v) => v : (v) => JSON.parse(v);
+    const value = stringify(props.value);
+    const values = props.context.values.map((v) => ({
+        value: stringify(v),
+        label: stringify(v),
+    })) || [];
+    return (_jsx(SettingsItem, { label: "Data.js validation", children: _jsxs(Select.Root, { value: value, onValueChange: (value) => {
+                props.onChange(parse(value));
+            }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: values.map((v) => (_jsx(Select.Item, { value: v.value, children: v.label }, v.value))) })] }) }));
+}

package/dist/lib/init-debug.d.ts

@@ -0,0 +1,2 @@
+export declare function initDebug(): void;
+//# sourceMappingURL=init-debug.d.ts.map

package/dist/lib/init-debug.js

@@ -0,0 +1,19 @@
+let debugInitialized = false;
+export function initDebug() {
+    if (debugInitialized) {
+        return;
+    }
+    debugInitialized = true;
+    // if not browser, exit
+    if (typeof window === 'undefined' && typeof document === 'undefined') {
+        return;
+    }
+    // add a simple debug button to the page (right, center, fixed position)
+    import('./ui/index.js')
+        .then(({ renderDebugUi }) => {
+        renderDebugUi();
+    })
+        .catch(() => {
+        /* debug UI failed to load */
+    });
+}

package/dist/lib/initDebug.d.ts

@@ -0,0 +1,2 @@
+export declare function initDebug(): void;
+//# sourceMappingURL=initDebug.d.ts.map

package/dist/lib/initDebug.js

@@ -0,0 +1,15 @@
+let debugInitialized = false;
+export function initDebug() {
+    if (debugInitialized) {
+        return;
+    }
+    debugInitialized = true;
+    // if not browser, exit
+    if (typeof window === 'undefined' && typeof document === 'undefined') {
+        return;
+    }
+    // add a simple debug button to the page (right, center, fixed position)
+    import('./debugUi/index.js').then(({ renderDebugUi }) => {
+        renderDebugUi();
+    });
+}

package/dist/lib/settings/editor-props.d.ts

@@ -0,0 +1,7 @@
+export type EditorProps<T, K = void> = {
+    label: string;
+    value: T;
+    context: K;
+    onChange: (value: T) => void;
+};
+//# sourceMappingURL=editor-props.d.ts.map

package/dist/lib/settings/editor-props.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/settings/index.d.ts

@@ -0,0 +1,5 @@
+export * from './register-boolean-setting.js';
+export * from './register-enum-setting.js';
+export * from './register-setting.js';
+export * from './reset-all-settings.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/settings/index.js

@@ -0,0 +1,4 @@
+export * from './register-boolean-setting.js';
+export * from './register-enum-setting.js';
+export * from './register-setting.js';
+export * from './reset-all-settings.js';

package/dist/lib/settings/register-boolean-setting.d.ts

@@ -0,0 +1,3 @@
+import { type DebugSetting } from './register-setting.js';
+export declare function registerBooleanSetting(label: string): DebugSetting<boolean>;
+//# sourceMappingURL=register-boolean-setting.d.ts.map

package/dist/lib/settings/register-boolean-setting.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { registerSetting } from './register-setting.js';
+export function registerBooleanSetting(label) {
+    const BooleanEditorLazy = React.lazy(() => import('../ui/boolean-editor.js').then((mod) => ({
+        default: mod.BooleanEditor,
+    })));
+    return registerSetting(label, false, BooleanEditorLazy);
+}

package/dist/lib/settings/register-enum-setting.d.ts

@@ -0,0 +1,3 @@
+import { type DebugSetting } from './register-setting.js';
+export declare function registerEnumSetting<T>(label: string, values: readonly T[], defaultValue: T): DebugSetting<T>;
+//# sourceMappingURL=register-enum-setting.d.ts.map

package/dist/lib/settings/register-enum-setting.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { registerSetting } from './register-setting.js';
+export function registerEnumSetting(label, values, defaultValue) {
+    const EnumEditorLazy = React.lazy(() => import('../ui/enum-editor.js').then((mod) => ({
+        default: mod.EnumEditor,
+    })));
+    return registerSetting(label, defaultValue, EnumEditorLazy, {
+        values,
+    });
+}

package/dist/lib/settings/register-setting.d.ts

@@ -0,0 +1,9 @@
+import type { EditorProps } from './editor-props.js';
+export interface DebugSetting<T> {
+    get: () => T;
+    set: (value: T) => void;
+    reset: () => void;
+    useState: () => [T, (value: T) => void];
+}
+export declare function registerSetting<T, K = void>(label: string, defaultValue: T, Editor: React.FC<EditorProps<T, K>>, context?: K): DebugSetting<T>;
+//# sourceMappingURL=register-setting.d.ts.map

package/dist/lib/settings/register-setting.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { editors, resets } from './setting-registry.js';
+const LOCAL_STORAGE_EVENT = 'efp-local-storage';
+export function registerSetting(label, defaultValue, Editor, context) {
+    const key = `efp-debug-setting-"${label}"`;
+    const get = () => tryJsonParse(localStorage.getItem(key), defaultValue);
+    const set = (value) => {
+        localStorage.setItem(key, JSON.stringify(value));
+        emitLocalStorageChange(key);
+    };
+    const reset = () => {
+        localStorage.removeItem(key);
+        emitLocalStorageChange(key);
+    };
+    resets.push(reset);
+    function useLocalStorageState() {
+        const [state, setState] = useState(get());
+        useEffect(() => {
+            const update = () => setState(get());
+            const onStorage = (e) => {
+                if (e.key === key)
+                    update();
+            };
+            const onLocal = (e) => {
+                const { detail } = e;
+                if (detail?.key === key)
+                    update();
+            };
+            window.addEventListener('storage', onStorage);
+            window.addEventListener(LOCAL_STORAGE_EVENT, onLocal);
+            return () => {
+                window.removeEventListener('storage', onStorage);
+                window.removeEventListener(LOCAL_STORAGE_EVENT, onLocal);
+            };
+        }, []);
+        return [state, set];
+    }
+    const EditorImpl = () => {
+        const [state, setState] = useLocalStorageState();
+        // context is always provided by callers that register an Editor expecting it
+        return _jsx(Editor, { label: label, value: state, context: context, onChange: setState });
+    };
+    EditorImpl.displayName = `DebugSetting(${label})`;
+    editors.push(EditorImpl);
+    return {
+        get,
+        set,
+        reset,
+        useState: useLocalStorageState,
+    };
+}
+function tryJsonParse(str, fallback) {
+    if (str === null)
+        return fallback;
+    try {
+        return JSON.parse(str);
+    }
+    catch {
+        return fallback;
+    }
+}
+function emitLocalStorageChange(key) {
+    window.dispatchEvent(new CustomEvent(LOCAL_STORAGE_EVENT, { detail: { key } }));
+}

package/dist/lib/settings/registerBooleanSetting.d.ts

@@ -0,0 +1,3 @@
+import { type DebugSetting } from './registerSetting.js';
+export declare function registerBooleanSetting(label: string): DebugSetting<boolean>;
+//# sourceMappingURL=registerBooleanSetting.d.ts.map

package/dist/lib/settings/registerBooleanSetting.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { registerSetting } from './registerSetting.js';
+export function registerBooleanSetting(label) {
+    const BooleanEditorLazy = React.lazy(() => import('../editors/BooleanEditor.js').then((mod) => ({
+        default: mod.BooleanEditor,
+    })));
+    return registerSetting(label, false, BooleanEditorLazy);
+}

package/dist/lib/settings/registerEnumSetting.d.ts

@@ -0,0 +1,3 @@
+import { type DebugSetting } from './registerSetting.js';
+export declare function registerEnumSetting<T>(label: string, values: readonly T[], defaultValue: T): DebugSetting<T>;
+//# sourceMappingURL=registerEnumSetting.d.ts.map

package/dist/lib/settings/registerEnumSetting.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { registerSetting } from './registerSetting.js';
+export function registerEnumSetting(label, values, defaultValue) {
+    const EnumEditorLazy = React.lazy(() => import('../editors/EnumEditor.js').then((mod) => ({
+        default: mod.EnumEditor,
+    })));
+    return registerSetting(label, defaultValue, EnumEditorLazy, {
+        values,
+    });
+}

package/dist/lib/settings/registerSetting.d.ts

@@ -0,0 +1,9 @@
+import type { EditorProps } from '../editors/EditorProps.js';
+export interface DebugSetting<T> {
+    get: () => T;
+    set: (value: T) => void;
+    reset: () => void;
+    useState: () => [T, (value: T) => void];
+}
+export declare function registerSetting<T, K = void>(label: string, defaultValue: T, Editor: React.FC<EditorProps<T, K>>, context?: K): DebugSetting<T>;
+//# sourceMappingURL=registerSetting.d.ts.map

package/dist/lib/settings/registerSetting.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { editors, resets } from './registeredSettings.js';
+const LOCAL_STORAGE_EVENT = 'efp-local-storage';
+export function registerSetting(label, defaultValue, Editor, context) {
+    const key = `efp-debug-setting-"${label}"`;
+    const get = () => tryJsonParse(localStorage.getItem(key), defaultValue);
+    const set = (value) => {
+        localStorage.setItem(key, JSON.stringify(value));
+        emitLocalStorageChange(key);
+    };
+    const reset = () => {
+        localStorage.removeItem(key);
+        emitLocalStorageChange(key);
+    };
+    resets.push(reset);
+    function useLocalStorageState() {
+        const [state, setState] = useState(get());
+        useEffect(() => {
+            const update = () => setState(get());
+            const onStorage = (e) => {
+                if (e.key === key)
+                    update();
+            };
+            const onLocal = (e) => {
+                const { detail } = e;
+                if (detail?.key === key)
+                    update();
+            };
+            window.addEventListener('storage', onStorage);
+            window.addEventListener(LOCAL_STORAGE_EVENT, onLocal);
+            return () => {
+                window.removeEventListener('storage', onStorage);
+                window.removeEventListener(LOCAL_STORAGE_EVENT, onLocal);
+            };
+        }, []);
+        const setValueCallback = useCallback(set, []);
+        return [state, setValueCallback];
+    }
+    const EditorImpl = () => {
+        const [state, setState] = useLocalStorageState();
+        return _jsx(Editor, { label: label, value: state, context: context, onChange: setState });
+    };
+    editors.push(EditorImpl);
+    return {
+        get,
+        set,
+        reset,
+        useState: useLocalStorageState,
+    };
+}
+function tryJsonParse(str, fallback) {
+    if (str === null)
+        return fallback;
+    try {
+        return JSON.parse(str);
+    }
+    catch {
+        return fallback;
+    }
+}
+function emitLocalStorageChange(key) {
+    window.dispatchEvent(new CustomEvent(LOCAL_STORAGE_EVENT, { detail: { key } }));
+}

package/dist/lib/settings/registeredSettings.d.ts

@@ -0,0 +1,3 @@
+export declare const editors: React.FC[];
+export declare const resets: (() => void)[];
+//# sourceMappingURL=registeredSettings.d.ts.map

package/dist/lib/settings/registeredSettings.js

@@ -0,0 +1,2 @@
+export const editors = [];
+export const resets = [];

package/dist/lib/settings/reset-all-settings.d.ts

@@ -0,0 +1,2 @@
+export declare function resetAllSettings(): void;
+//# sourceMappingURL=reset-all-settings.d.ts.map

package/dist/lib/settings/reset-all-settings.js

@@ -0,0 +1,4 @@
+import { resets } from './setting-registry.js';
+export function resetAllSettings() {
+    resets.forEach((reset) => reset());
+}

package/dist/lib/settings/resetAllSettings.d.ts

@@ -0,0 +1,2 @@
+export declare function resetAllSettings(): void;
+//# sourceMappingURL=resetAllSettings.d.ts.map

package/dist/lib/settings/resetAllSettings.js

@@ -0,0 +1,4 @@
+import { resets } from './registeredSettings.js';
+export function resetAllSettings() {
+    resets.forEach((reset) => reset());
+}

package/dist/lib/settings/setting-registry.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+export declare const editors: FC[];
+export declare const resets: (() => void)[];
+//# sourceMappingURL=setting-registry.d.ts.map

package/dist/lib/settings/setting-registry.js

@@ -0,0 +1,2 @@
+export const editors = [];
+export const resets = [];

package/dist/lib/ui/boolean-editor.d.ts

@@ -0,0 +1,3 @@
+import type { EditorProps } from '../settings/editor-props.js';
+export declare const BooleanEditor: React.FC<EditorProps<boolean>>;
+//# sourceMappingURL=boolean-editor.d.ts.map

package/dist/lib/ui/boolean-editor.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex, Switch } from '@radix-ui/themes';
+import { SettingsItem } from './settings-item.js';
+export const BooleanEditor = (props) => {
+    return (_jsx(SettingsItem, { label: props.label, children: _jsx(Flex, { children: _jsx(Switch, { checked: props.value, onCheckedChange: (checked) => props.onChange(checked) }) }) }));
+};

package/dist/lib/ui/debug-overlay.d.ts

@@ -0,0 +1,7 @@
+import '@radix-ui/themes/styles.css';
+interface DebugPanelProps {
+    onClose?: () => void;
+}
+export declare const DebugOverlay: ({ onClose }: DebugPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=debug-overlay.d.ts.map

package/dist/lib/ui/debug-overlay.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@radix-ui/themes/styles.css';
+import { Box, Container, Theme } from '@radix-ui/themes';
+import { DebugTabs } from './debug-tabs.js';
+export const DebugOverlay = ({ onClose }) => {
+    return (_jsx(Theme, { appearance: "dark", children: _jsx(Box, { position: "fixed", top: "0", right: "0", width: "100vw", height: "100dvh", overflowY: "auto", style: { backgroundColor: 'black' }, children: _jsx(Container, { size: "4", px: "2", children: _jsx(DebugTabs, { onClose: onClose }) }) }) }));
+};

package/dist/lib/ui/debug-tabs.d.ts

@@ -0,0 +1,6 @@
+interface DebugTabsProps {
+    onClose?: () => void;
+}
+export declare const DebugTabs: ({ onClose }: DebugTabsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=debug-tabs.d.ts.map

package/dist/lib/ui/debug-tabs.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { Button, Tabs } from '@radix-ui/themes';
+import { LogTab } from './log-tab.js';
+import { SettingsTab } from './settings-tab.js';
+export const DebugTabs = ({ onClose }) => (_jsxs(Tabs.Root, { defaultValue: "settingsTab", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "settingsTab", children: "Settings" }), _jsx(Tabs.Trigger, { value: "logTab", children: "Log" }), _jsxs(Button, { ml: "auto", variant: "soft", mt: "3px", color: "gray", onClick: onClose, children: [_jsx(Cross1Icon, { width: "16", height: "16" }), " Close"] })] }), _jsx(Tabs.Content, { value: "settingsTab", children: _jsx(SettingsTab, {}) }), _jsx(Tabs.Content, { value: "logTab", children: _jsx(LogTab, {}) })] }));

package/dist/lib/ui/debug-ui.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+export declare const DebugUi: FC<{
+    open: boolean;
+    hostSelector?: string;
+    useDebugButtonState: () => [boolean, (n: boolean) => void];
+}>;
+//# sourceMappingURL=debug-ui.d.ts.map

package/dist/lib/ui/debug-ui.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense, useEffect, useState } from 'react';
+import { addDebugSecretListener } from '../utils/add-debug-secret-listener.js';
+import { SideButton } from './side-button.js';
+const LazyDebugOverlay = lazy(async () => ({
+    default: (await import('./debug-overlay.js')).DebugOverlay,
+}));
+const DEFAULT_HOST_SELECTOR = '.expofp-floorplan-default';
+export const DebugUi = (props) => {
+    const [isOpen, setIsOpen] = useState(props.open);
+    const [debugButtonEnabled, setDebugButtonEnabled] = props.useDebugButtonState();
+    const selector = props.hostSelector ?? DEFAULT_HOST_SELECTOR;
+    useEffect(() => {
+        return addDebugSecretListener(() => {
+            setDebugButtonEnabled(true);
+            setIsOpen(true);
+        });
+    }, []);
+    // set visibility of efp floorplan to none when debug ui is open
+    // otherwise, z-index issues occur
+    useEffect(() => {
+        const efpFloorplan = document.querySelector(selector);
+        if (efpFloorplan) {
+            efpFloorplan.style.visibility = isOpen ? 'hidden' : 'visible';
+        }
+    }, [isOpen, selector]);
+    if (isOpen) {
+        return (_jsx(Suspense, { fallback: null, children: _jsx(LazyDebugOverlay, { onClose: () => {
+                    setIsOpen(false);
+                } }) }));
+    }
+    return debugButtonEnabled ? _jsx(SideButton, { onClick: () => setIsOpen(true) }) : null;
+};
+DebugUi.displayName = 'DebugUi';

package/dist/lib/ui/enum-editor.d.ts

@@ -0,0 +1,5 @@
+import type { EditorProps } from '../settings/editor-props.js';
+export declare function EnumEditor<T>(props: EditorProps<T, {
+    values: readonly T[];
+}>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=enum-editor.d.ts.map

package/dist/lib/ui/enum-editor.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select } from '@radix-ui/themes';
+import { SettingsItem } from './settings-item.js';
+export function EnumEditor(props) {
+    const stringMode = props.context.values.every((v) => typeof v === 'string');
+    const stringify = stringMode ? (v) => v : (v) => JSON.stringify(v);
+    const parse = stringMode ? (v) => v : (v) => JSON.parse(v);
+    const value = stringify(props.value);
+    const values = props.context.values.map((v) => ({
+        value: stringify(v),
+        label: stringify(v),
+    }));
+    return (_jsx(SettingsItem, { label: props.label, children: _jsxs(Select.Root, { value: value, onValueChange: (value) => {
+                props.onChange(parse(value));
+            }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: values.map((v) => (_jsx(Select.Item, { value: v.value, children: v.label }, v.value))) })] }) }));
+}

package/dist/lib/ui/index.d.ts

@@ -0,0 +1,2 @@
+export { renderDebugUi } from './render-debug-ui.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/ui/index.js

@@ -0,0 +1 @@
+export { renderDebugUi } from './render-debug-ui.js';

package/dist/lib/ui/log-tab.d.ts

@@ -0,0 +1,2 @@
+export declare const LogTab: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=log-tab.d.ts.map

package/dist/lib/ui/log-tab.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { Box, Callout } from '@radix-ui/themes';
+export const LogTab = () => {
+    return (_jsx(Box, { pt: "20px", children: _jsx(Box, { mb: "20px", children: _jsxs(Callout.Root, { children: [_jsx(Callout.Icon, { children: _jsx(InfoCircledIcon, {}) }), _jsx(Callout.Text, { children: "Implement to intercept console.info, console.warn and console.error and output them here when logging enabled." })] }) }) }));
+};

package/dist/lib/ui/render-debug-ui.d.ts

@@ -0,0 +1,2 @@
+export declare function renderDebugUi(): void;
+//# sourceMappingURL=render-debug-ui.d.ts.map

package/dist/lib/ui/render-debug-ui.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerBooleanSetting } from '../settings/index.js';
+import { addDebugSecretListener } from '../utils/add-debug-secret-listener.js';
+let rendered = false;
+export function renderDebugUi() {
+    if (rendered) {
+        return;
+    }
+    rendered = true;
+    const showDebugButtonSetting = registerBooleanSetting('Show Debug Button Overlay');
+    const render = async (open) => {
+        const { DebugUi } = await import('./debug-ui.js');
+        const { createRoot } = await import('react-dom/client');
+        const rootElement = document.createElement('div');
+        document.body.appendChild(rootElement);
+        const root = createRoot(rootElement);
+        root.render(_jsx(DebugUi, { useDebugButtonState: showDebugButtonSetting.useState, open: open }));
+    };
+    if (showDebugButtonSetting.get()) {
+        render(false);
+    }
+    else {
+        const unsubscribe = addDebugSecretListener(() => {
+            unsubscribe();
+            showDebugButtonSetting.set(true);
+            render(true);
+        });
+    }
+}

package/dist/lib/ui/settings-item.d.ts

@@ -0,0 +1,6 @@
+interface SettingsItemProps extends React.PropsWithChildren {
+    label: string;
+}
+export declare const SettingsItem: ({ label, children }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=settings-item.d.ts.map

package/dist/lib/ui/settings-item.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Heading, Separator } from '@radix-ui/themes';
+export const SettingsItem = ({ label, children }) => {
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Heading, { size: "4", children: label }), _jsx(Box, { mt: "10px", children: children })] }), _jsx(Separator, { size: "4", my: "20px" })] }));
+};

package/dist/lib/ui/settings-list.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+export declare const SettingsList: FC;
+//# sourceMappingURL=settings-list.d.ts.map

package/dist/lib/ui/settings-list.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from '@radix-ui/themes';
+import { Suspense } from 'react';
+import { editors } from '../settings/setting-registry.js';
+export const SettingsList = () => {
+    return editors.map((Editor, index) => (_jsx(Suspense, { fallback: _jsx(Skeleton, { height: "60px" }), children: _jsx(Editor, {}) }, index)));
+};

package/dist/lib/ui/settings-tab.d.ts

@@ -0,0 +1,2 @@
+export declare const SettingsTab: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=settings-tab.d.ts.map

package/dist/lib/ui/settings-tab.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { AlertDialog, Box, Button, Callout, Flex } from '@radix-ui/themes';
+import { resetAllSettings } from '../settings/reset-all-settings.js';
+import { SettingsList } from './settings-list.js';
+export const SettingsTab = () => {
+    return (_jsxs(Box, { pt: "20px", children: [_jsx(Box, { mb: "20px", children: _jsxs(Callout.Root, { children: [_jsx(Callout.Icon, { children: _jsx(InfoCircledIcon, {}) }), _jsx(Callout.Text, { children: "These settings will persist across page reloads in your browser." })] }) }), _jsx(SettingsList, {}), _jsxs(Flex, { gap: "3", mt: "40px", justify: "center", children: [_jsx(Button, { onClick: () => {
+                            window.location.reload();
+                        }, children: "Reload with the applied changes" }), _jsxs(AlertDialog.Root, { children: [_jsx(AlertDialog.Trigger, { children: _jsx(Button, { color: "red", children: "Reset all and reload" }) }), _jsxs(AlertDialog.Content, { maxWidth: "450px", children: [_jsx(AlertDialog.Title, { children: "Reset all and reload" }), _jsx(AlertDialog.Description, { size: "2", children: "This will reset all settings, disable debug mode, and reload the page." }), _jsxs(Flex, { gap: "3", mt: "4", justify: "end", children: [_jsx(AlertDialog.Cancel, { children: _jsx(Button, { variant: "soft", color: "gray", children: "Cancel" }) }), _jsx(AlertDialog.Action, { children: _jsx(Button, { variant: "solid", color: "red", onClick: () => {
+                                                        resetAllSettings();
+                                                        window.location.reload();
+                                                    }, children: "Reset all and reload" }) })] })] })] })] })] }));
+};

package/dist/lib/ui/side-button.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+export declare const SideButton: FC<{
+    onClick?: () => void;
+}>;
+//# sourceMappingURL=side-button.d.ts.map

package/dist/lib/ui/side-button.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SideButton = ({ onClick }) => {
+    const size = 64;
+    const width = 20;
+    const radius = 14;
+    return (_jsx("button", { type: "button", style: {
+            position: 'fixed',
+            right: 0,
+            top: '50%',
+            transform: 'translateY(-50%)',
+            padding: 0,
+            border: 'none',
+            background: 'transparent',
+            cursor: 'pointer',
+            zIndex: 9999,
+            boxSizing: 'border-box',
+        }, onClick: onClick, children: _jsx("div", { style: {
+                width,
+                height: size,
+                paddingLeft: 4,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                background: 'var(--side-tab-bg, rgba(0,0,0,0.5))',
+                color: 'white',
+                borderRadius: `${radius}px 0 0 ${radius}px`,
+                fontSize: Math.round(size * 0.25),
+                lineHeight: 1,
+                userSelect: 'none',
+                cursor: 'pointer',
+                filter: 'grayscale(0.5)',
+                boxSizing: 'border-box',
+            }, children: _jsx(ChevronLeftSvg, { size: size * 0.7 }) }) }));
+};
+function ChevronLeftSvg({ size = 18, strokeWidth = 3, ...props }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: _jsx("path", { fill: "none", d: "M14.5 5.5L8.5 12l6 6.5", stroke: "currentColor", strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}

package/dist/lib/utils/add-debug-secret-listener.d.ts

@@ -0,0 +1,2 @@
+export declare function addDebugSecretListener(callback: () => void): () => void;
+//# sourceMappingURL=add-debug-secret-listener.d.ts.map

package/dist/lib/utils/add-debug-secret-listener.js

@@ -0,0 +1,38 @@
+const SECRET_PHRASE = 'dbg123';
+const callbacks = [];
+let initialized = false;
+let listenerRef = null;
+export function addDebugSecretListener(callback) {
+    callbacks.push(callback);
+    if (!initialized) {
+        initialized = true;
+        let buffer = '';
+        function onKeyDown(e) {
+            // Ignore modifier keys
+            if (e.ctrlKey || e.metaKey || e.altKey)
+                return;
+            if (e.key.length !== 1)
+                return;
+            buffer += e.key.toLowerCase();
+            // Keep buffer length sane
+            buffer = buffer.slice(-SECRET_PHRASE.length);
+            if (buffer === SECRET_PHRASE) {
+                buffer = '';
+                callbacks.forEach((cb) => cb());
+            }
+        }
+        listenerRef = onKeyDown;
+        document.addEventListener('keydown', onKeyDown);
+    }
+    return () => {
+        const index = callbacks.indexOf(callback);
+        if (index !== -1) {
+            callbacks.splice(index, 1);
+        }
+        if (callbacks.length === 0 && listenerRef) {
+            document.removeEventListener('keydown', listenerRef);
+            listenerRef = null;
+            initialized = false;
+        }
+    };
+}

package/dist/lib/utils/addDebugSecretListener.d.ts

@@ -0,0 +1,2 @@
+export declare function addDebugSecretListener(callback: () => void): () => void;
+//# sourceMappingURL=addDebugSecretListener.d.ts.map

package/dist/lib/utils/addDebugSecretListener.js

@@ -0,0 +1,31 @@
+const SECRET_PHRASE = 'dbg123';
+const callbacks = [];
+let initialized = false;
+export function addDebugSecretListener(callback) {
+    callbacks.push(callback);
+    if (!initialized) {
+        initialized = true;
+        let buffer = '';
+        function onKeyDown(e) {
+            // Ignore modifier keys
+            if (e.ctrlKey || e.metaKey || e.altKey)
+                return;
+            if (e.key.length !== 1)
+                return;
+            buffer += e.key.toLowerCase();
+            // Keep buffer length sane
+            buffer = buffer.slice(-SECRET_PHRASE.length);
+            if (buffer === SECRET_PHRASE) {
+                buffer = '';
+                callbacks.forEach((cb) => cb());
+            }
+        }
+        document.addEventListener('keydown', onKeyDown);
+    }
+    return () => {
+        const index = callbacks.indexOf(callback);
+        if (index !== -1) {
+            callbacks.splice(index, 1);
+        }
+    };
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@expofp/debug",
+  "version": "3.0.0-alpha.3",
+  "type": "module",
+  "description": "ExpoFP SDK internal: debug utilities",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "@expofp/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo",
+    "!**/*.map"
+  ],
+  "dependencies": {
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/themes": "^3.2.1",
+    "tslib": "^2.3.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  }
+}