@expofp/debug 3.4.0 → 3.4.2

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

@@ -53,7 +53,7 @@ export function registerSetting(options) {
         return _jsx(Editor, { label: key, value: state, context: context, onChange: setState });
     };
     EditorImpl.displayName = `DebugSetting(${key})`;
-    editors.push(EditorImpl);
+    editors.push({ key, Editor: EditorImpl });
     return {
         get,
         set,

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

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

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

@@ -6,7 +6,6 @@ export const DebugOverlay = ({ onClose }) => {
     return (_jsx(Theme, { appearance: "dark", style: {
             // gradient
             backgroundColor: 'rgba(0, 0, 0, 0.9)',
-            backdropFilter: 'blur(10px)',
             position: 'fixed',
             top: 0,
             right: 0,

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

@@ -5,25 +5,25 @@ import { SideButton } from './side-button.js';
 const LazyDebugOverlay = lazy(async () => ({
     default: (await import('./debug-overlay.js')).DebugOverlay,
 }));
-// const DEFAULT_HOST_SELECTOR = '[data-efp-floorplan-defaults]';
+const DEFAULT_HOST_SELECTOR = '[data-efp-floorplan-defaults]';
 export const DebugUi = (props) => {
     const [isOpen, setIsOpen] = useState(props.open);
     const [debugButtonEnabled, setDebugButtonEnabled] = props.useDebugButtonState();
-    // const selector = props.hostSelector ?? DEFAULT_HOST_SELECTOR;
+    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) as HTMLElement | null;
-    //   if (efpFloorplan) {
-    //     efpFloorplan.style.visibility = isOpen ? 'hidden' : 'visible';
-    //   }
-    // }, [isOpen, selector]);
+    // 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);

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

@@ -5,5 +5,7 @@ import { adoptGlobalSettings } from '../settings/adopt-global-settings.js';
 import { editors } from '../settings/setting-registry.js';
 export const SettingsList = () => {
     adoptGlobalSettings();
-    return editors.map((Editor, index) => (_jsx(Suspense, { fallback: _jsx(Skeleton, { height: "60px" }), children: _jsx(Editor, {}) }, index)));
+    return [...editors]
+        .sort((a, b) => a.key.localeCompare(b.key))
+        .map(({ key, Editor }) => (_jsx(Suspense, { fallback: _jsx(Skeleton, { height: "60px" }), children: _jsx(Editor, {}) }, key)));
 };

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

@@ -1,37 +1,69 @@
 const SECRET_PHRASE = 'dbg123';
 const callbacks = [];
 let initialized = false;
-let listenerRef = null;
+let teardown = null;
 export function addDebugSecretListener(callback) {
     callbacks.push(callback);
     if (!initialized) {
         initialized = true;
         let buffer = '';
-        function onKeyDown(e) {
-            // Ignore modifier keys
+        // A physical keypress fires both `keydown` and `input`. When `keydown`
+        // already fed a real character, this flag tells the `input` handler to skip
+        // the paired event so the character is not counted twice.
+        let consumedByKeydown = false;
+        const feed = (text) => {
+            for (const ch of text.toLowerCase()) {
+                buffer = (buffer + ch).slice(-SECRET_PHRASE.length);
+                if (buffer === SECRET_PHRASE) {
+                    buffer = '';
+                    callbacks.forEach((cb) => cb());
+                    return;
+                }
+            }
+        };
+        // Physical keyboards expose the real character here. Android soft keyboards
+        // instead report keyCode 229 / key 'Unidentified' (IME composition), so
+        // those keystrokes fall through to the `input` handler below.
+        const onKeyDown = (e) => {
             if (e.ctrlKey || e.metaKey || e.altKey)
                 return;
-            if (e.key.length !== 1)
+            if (e.isComposing || e.key.length !== 1) {
+                consumedByKeydown = false;
                 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;
+            consumedByKeydown = true;
+            feed(e.key);
+        };
+        // Soft keyboards / IMEs deliver the typed text only as `InputEvent.data`.
+        // Listen in the capture phase so we still see it when an input component
+        // stops propagation. `data` is null for deletions, and we ignore in-flight
+        // composition to avoid re-counting the running composition string.
+        const onInput = (e) => {
+            if (consumedByKeydown) {
+                consumedByKeydown = false;
+                return;
+            }
+            const ie = e;
+            if (ie.isComposing)
+                return;
+            if (ie.data)
+                feed(ie.data);
+        };
         document.addEventListener('keydown', onKeyDown);
+        document.addEventListener('input', onInput, true);
+        teardown = () => {
+            document.removeEventListener('keydown', onKeyDown);
+            document.removeEventListener('input', onInput, true);
+        };
     }
     return () => {
         const index = callbacks.indexOf(callback);
         if (index !== -1) {
             callbacks.splice(index, 1);
         }
-        if (callbacks.length === 0 && listenerRef) {
-            document.removeEventListener('keydown', listenerRef);
-            listenerRef = null;
+        if (callbacks.length === 0 && teardown) {
+            teardown();
+            teardown = null;
             initialized = false;
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expofp/debug",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "type": "module",
   "description": "ExpoFP SDK internal: debug utilities",
   "homepage": "https://developer.expofp.com/",