rnxsim 0.0.0 → 0.1.312

package/dist-lib/menu.mjs

@@ -0,0 +1,581 @@
+/*! rnx v0.1.312 | (c) 2026 Tamagui LLC | Proprietary — see LICENSE */
+
+// src/public-brand.ts
+var name = "rnx";
+var rnxPublicBrand = Object.freeze({
+  name,
+  packageName: "rnxsim",
+  commandName: "rnxsim",
+  domain: "rnxsim.com",
+  origin: "https://rnxsim.com"
+});
+
+// src/menu.ts
+var SOOTSIM_ENGINE_EVENT_NAME = "sootsim:engine-event";
+var SOOTSIM_SHELL_COMMAND_NAME = "sootsim:shell-command";
+var SOOTSIM_AMBIENT_GLOW_LEVELS = ["off", "soft", "full"];
+function isSootSimAmbientGlowLevel(value) {
+  return value === "off" || value === "soft" || value === "full";
+}
+var SOOTSIM_AMBIENT_GLOW_LABELS = {
+  off: "Off",
+  soft: "Soft",
+  full: "Full"
+};
+function buildSootSimMenuDefs(state, deviceChoices) {
+  return [
+    appMenu(),
+    fileMenu(state, deviceChoices),
+    editMenu(),
+    deviceMenu(state, deviceChoices),
+    debugMenu(state),
+    windowMenu(state),
+    helpMenu()
+  ];
+}
+function appMenu() {
+  return {
+    label: rnxPublicBrand.name,
+    brand: true,
+    items: [
+      { label: `About ${rnxPublicBrand.name}`, action: "about" },
+      { type: "separator" },
+      {
+        label: "Preferences...",
+        accelerator: "CmdOrCtrl+,",
+        action: "preferences",
+        browserAccelerator: true,
+        shortcutLabel: "settings",
+        showInShortcutDocs: true
+      },
+      {
+        label: "Settings Pages",
+        items: [
+          {
+            label: "Accessibility",
+            action: "open-settings-page",
+            actionPayload: "accessibility"
+          },
+          {
+            label: "Display & Text Size",
+            action: "open-settings-page",
+            actionPayload: "display-and-text-size"
+          },
+          {
+            label: "Notifications",
+            action: "open-settings-page",
+            actionPayload: "notifications"
+          },
+          {
+            label: "Apps",
+            action: "open-settings-page",
+            actionPayload: "apps"
+          },
+          {
+            label: "Privacy & Security",
+            action: "open-settings-page",
+            actionPayload: "privacy"
+          }
+        ]
+      },
+      { type: "separator" },
+      {
+        label: "Hide rnx",
+        accelerator: "CmdOrCtrl+H",
+        action: "hide",
+        hiddenIn: "browser"
+      },
+      {
+        label: "Hide Others",
+        accelerator: "CmdOrCtrl+Alt+H",
+        action: "hide-others",
+        hiddenIn: "browser"
+      },
+      { label: "Show All", action: "unhide", hiddenIn: "browser" },
+      { type: "separator" },
+      {
+        label: "Quit rnx",
+        accelerator: "CmdOrCtrl+Q",
+        action: "quit",
+        hiddenIn: "browser"
+      }
+    ]
+  };
+}
+function fileMenu(state, deviceChoices) {
+  return {
+    label: "File",
+    notMinimal: true,
+    items: [
+      { label: "New Window", accelerator: "CmdOrCtrl+N", action: "new-window" },
+      {
+        label: "New Simulator",
+        hiddenIn: "browser",
+        items: buildSootSimDeviceChoiceDefs(state.currentDevice, deviceChoices, {
+          action: "new-simulator"
+        })
+      },
+      {
+        label: "Close Window",
+        accelerator: "CmdOrCtrl+W",
+        action: "close-window",
+        hiddenIn: "browser"
+      },
+      { type: "separator" },
+      {
+        label: "Save Screen",
+        accelerator: "CmdOrCtrl+S",
+        action: "save-screen"
+      },
+      {
+        label: "Copy Screen",
+        accelerator: "CmdOrCtrl+Alt+C",
+        action: "copy-screen"
+      },
+      { type: "separator" },
+      {
+        label: "Record",
+        accelerator: "Ctrl+CmdOrCtrl+R",
+        action: "toggle-recording",
+        browserAccelerator: true,
+        shortcutLabel: "start/stop recording",
+        showInShortcutDocs: true
+      }
+    ]
+  };
+}
+function editMenu() {
+  return {
+    label: "Edit",
+    hiddenIn: "browser",
+    items: [
+      { label: "Undo", accelerator: "CmdOrCtrl+Z", action: "undo" },
+      { label: "Redo", accelerator: "CmdOrCtrl+Shift+Z", action: "redo" },
+      { type: "separator" },
+      { label: "Cut", accelerator: "CmdOrCtrl+X", action: "cut" },
+      { label: "Copy", accelerator: "CmdOrCtrl+C", action: "copy" },
+      { label: "Paste", accelerator: "CmdOrCtrl+V", action: "paste" },
+      { label: "Select All", accelerator: "CmdOrCtrl+A", action: "select-all" }
+    ]
+  };
+}
+function deviceMenu(state, deviceChoices) {
+  return {
+    label: "Device",
+    items: [
+      { label: "Restart", accelerator: "CmdOrCtrl+R", action: "reload" },
+      { label: "Erase All Content and Settings...", action: "erase-all" },
+      { type: "separator" },
+      {
+        label: "Home",
+        accelerator: "Shift+CmdOrCtrl+H",
+        action: "home",
+        browserAccelerator: true,
+        shortcutLabel: "go home",
+        showInShortcutDocs: true
+      },
+      {
+        label: "Lock",
+        accelerator: "CmdOrCtrl+L",
+        action: "lock",
+        shortcutLabel: "lock / unlock",
+        showInShortcutDocs: true
+      },
+      { label: "Shake", accelerator: "Ctrl+CmdOrCtrl+Z", action: "shake" },
+      {
+        label: "App Switcher",
+        accelerator: "Ctrl+Shift+CmdOrCtrl+H",
+        action: "app-switcher",
+        browserAccelerator: true,
+        shortcutLabel: "app switcher",
+        showInShortcutDocs: true
+      },
+      { type: "separator" },
+      { label: "Trigger Screenshot", action: "screenshot" },
+      { type: "separator" },
+      ...buildSootSimDeviceChoiceDefs(state.currentDevice, deviceChoices, {
+        action: "switch-device"
+      })
+    ]
+  };
+}
+function debugMenu(state) {
+  return {
+    label: "Debug",
+    items: [
+      // both toggles are stateful in the browser, where the open state lives
+      // in the same document. electron's menu process cannot see it, so it
+      // keeps the plain (stateless) items rather than a permanently
+      // unchecked checkbox — same reasoning as the screenshot/3d entries
+      // being hidden there. accelerators stay single-registered per surface.
+      {
+        label: "Toggle Devtools",
+        accelerator: "Alt+I",
+        action: "toggle-devtools",
+        showInShortcutDocs: true,
+        hiddenIn: "browser"
+      },
+      {
+        label: "Toggle Devtools",
+        type: "checkbox",
+        checked: state.devtoolsOpen,
+        accelerator: "Alt+I",
+        action: "toggle-devtools",
+        browserAccelerator: true,
+        showInShortcutDocs: true,
+        hiddenIn: "electron"
+      },
+      {
+        label: "Inspect",
+        accelerator: "CmdOrCtrl+I",
+        action: "toggle-inspect",
+        hiddenIn: "browser"
+      },
+      {
+        label: "Inspect",
+        type: "checkbox",
+        checked: state.inspectMode,
+        accelerator: "CmdOrCtrl+I",
+        action: "toggle-inspect",
+        browserAccelerator: true,
+        hiddenIn: "electron"
+      },
+      { type: "separator" },
+      {
+        label: "Open Chrome Devtools",
+        accelerator: "CmdOrCtrl+Alt+I",
+        action: "open-devtools",
+        hiddenIn: "browser",
+        shortcutLabel: "developer tools",
+        showInShortcutDocs: true
+      },
+      { type: "separator" },
+      {
+        label: "Always Show Live WebViews",
+        type: "checkbox",
+        checked: state.alwaysShowLiveWebViews,
+        action: "toggle-live-webviews"
+      },
+      { type: "separator" },
+      {
+        label: "Clear Cache and Reload",
+        accelerator: "CmdOrCtrl+Shift+R",
+        action: "clear-cache"
+      },
+      { label: "Clear Local Storage", action: "clear-localstorage" },
+      { label: "Clear IndexedDB", action: "clear-indexeddb" },
+      { label: "Clear Service Workers", action: "clear-serviceworkers" },
+      { type: "separator" },
+      {
+        label: "Open User Data Folder",
+        action: "open-userdata",
+        hiddenIn: "browser"
+      }
+    ]
+  };
+}
+function windowMenu(state) {
+  return {
+    label: "Window",
+    items: [
+      {
+        label: "Minimize",
+        accelerator: "CmdOrCtrl+M",
+        action: "minimize",
+        hiddenIn: "browser"
+      },
+      {
+        label: "Close",
+        accelerator: "CmdOrCtrl+W",
+        action: "close-window",
+        hiddenIn: "browser"
+      },
+      { type: "separator" },
+      {
+        label: "Toggle Appearance",
+        accelerator: "Shift+CmdOrCtrl+A",
+        action: "toggle-appearance",
+        browserAccelerator: true,
+        shortcutLabel: "toggle appearance",
+        showInShortcutDocs: true
+      },
+      { type: "separator" },
+      {
+        label: "Show Device Bezels",
+        type: "checkbox",
+        checked: state.showBezels,
+        action: "toggle-bezels"
+      },
+      {
+        label: "Show Menu Bar",
+        type: "checkbox",
+        checked: state.showMenuBar,
+        action: "toggle-menubar",
+        hiddenIn: "electron"
+      },
+      {
+        label: "Show Rail",
+        type: "checkbox",
+        checked: state.showRail,
+        action: "toggle-rail",
+        hiddenIn: "electron"
+      },
+      {
+        // desktop only. the device window is frameless and transparent, which
+        // is right for a phone floating on the desktop and wrong for the
+        // full-window modes; this pins the solid style on all the time. 3d
+        // mode switches to it on its own either way.
+        label: "Solid Window",
+        type: "checkbox",
+        checked: state.solidWindow,
+        action: "toggle-solid-window",
+        hiddenIn: "browser"
+      },
+      {
+        // browser only: the wash needs several glow radii of stage around the
+        // device to fade out in, and electron's transparent window is sized to
+        // the device, so there it can only paint a clipped rectangle.
+        label: "Ambient Glow",
+        hiddenIn: "electron",
+        items: SOOTSIM_AMBIENT_GLOW_LEVELS.map((level) => ({
+          label: SOOTSIM_AMBIENT_GLOW_LABELS[level],
+          type: "radio",
+          checked: state.ambientGlow === level,
+          action: "set-ambient-glow",
+          actionPayload: level
+        }))
+      },
+      {
+        label: "Presentation",
+        hiddenIn: "electron",
+        items: [
+          {
+            label: "Real",
+            type: "radio",
+            checked: !state.wireframe,
+            action: "set-presentation",
+            actionPayload: "real"
+          },
+          {
+            label: "Clean Wireframe",
+            type: "radio",
+            checked: state.wireframe,
+            action: "set-presentation",
+            actionPayload: "wireframe"
+          }
+        ]
+      },
+      {
+        label: "Screenshot",
+        type: "checkbox",
+        checked: state.screenshotMode,
+        action: "toggle-screenshot-mode",
+        hiddenIn: "electron"
+      },
+      {
+        label: "3D",
+        type: "checkbox",
+        checked: state.threeMode,
+        action: "toggle-three-mode",
+        hiddenIn: "electron"
+      },
+      {
+        label: "Stay On Top",
+        type: "checkbox",
+        checked: state.stayOnTop,
+        action: "toggle-stay-on-top",
+        hiddenIn: "browser"
+      },
+      { type: "separator" },
+      {
+        label: "Physical Size",
+        accelerator: "CmdOrCtrl+1",
+        type: "radio",
+        checked: state.scaleMode === "physical",
+        action: "scale-physical"
+      },
+      {
+        label: "Point Accurate",
+        accelerator: "CmdOrCtrl+2",
+        type: "radio",
+        checked: state.scaleMode === "point",
+        action: "scale-point"
+      },
+      {
+        label: "Pixel Accurate",
+        accelerator: "CmdOrCtrl+3",
+        type: "radio",
+        checked: state.scaleMode === "pixel",
+        action: "scale-pixel"
+      },
+      {
+        label: "Fit Screen",
+        accelerator: "CmdOrCtrl+0",
+        type: "radio",
+        checked: state.scaleMode === "fit",
+        action: "scale-fit"
+      }
+    ]
+  };
+}
+function helpMenu() {
+  return {
+    label: "Help",
+    notMinimal: true,
+    items: [
+      { label: `${rnxPublicBrand.name} Website`, action: "open-website" },
+      {
+        label: "Send Feedback...",
+        accelerator: "CmdOrCtrl+Shift+I",
+        action: "open-devtools-report",
+        showInShortcutDocs: true
+      }
+    ]
+  };
+}
+function buildSootSimDeviceChoiceDefs(currentDevice, deviceChoices, options) {
+  const items = [];
+  let lastPlatform = "";
+  const isStateful = options.action === "switch-device";
+  for (const choice of deviceChoices) {
+    if (lastPlatform && choice.platform !== lastPlatform)
+      items.push({ type: "separator" });
+    lastPlatform = choice.platform;
+    if (isStateful) {
+      items.push({
+        label: choice.label,
+        type: "radio",
+        checked: choice.model === currentDevice,
+        action: options.action,
+        actionPayload: choice.model
+      });
+    } else {
+      items.push({
+        label: choice.label,
+        action: options.action,
+        actionPayload: choice.model
+      });
+    }
+  }
+  return items;
+}
+function shouldIncludeItemForPlatform(item, platform) {
+  if (item.hiddenIn === platform) return false;
+  if (!item.accelerator || !item.action) return false;
+  if (platform === "browser") return item.browserAccelerator === true;
+  return true;
+}
+function shouldIncludeItemInDocs(item, platform) {
+  if (!item.showInShortcutDocs) return false;
+  if (platform === "browser" && !item.browserAccelerator) return false;
+  return true;
+}
+function collectMenuShortcutsFromDefs(menus, platform, includeItem) {
+  const entries = [];
+  const visit = (menuLabel, items) => {
+    for (const item of items) {
+      if (item.type === "separator") continue;
+      if (item.items?.length) visit(menuLabel, item.items);
+      if (!includeItem(item, platform)) continue;
+      const { accelerator, action } = item;
+      if (!accelerator || !action) continue;
+      entries.push({
+        menuLabel,
+        label: item.shortcutLabel ?? item.label,
+        accelerator,
+        action,
+        actionPayload: item.actionPayload
+      });
+    }
+  };
+  for (const menu of menus) {
+    if (menu.hiddenIn === platform) continue;
+    visit(menu.label, menu.items);
+  }
+  return entries;
+}
+function getMenuShortcutEntriesFromDefs(menus, platform) {
+  return collectMenuShortcutsFromDefs(menus, platform, shouldIncludeItemForPlatform);
+}
+function getMenuShortcutEntries(state, deviceChoices, platform) {
+  return getMenuShortcutEntriesFromDefs(
+    buildSootSimMenuDefs(state, deviceChoices),
+    platform
+  );
+}
+function getShortcutDocSections(state, deviceChoices, platform) {
+  return getShortcutDocSectionsFromDefs(
+    buildSootSimMenuDefs(state, deviceChoices),
+    platform
+  );
+}
+function getShortcutDocSectionsFromDefs(menus, platform) {
+  const sections = [];
+  const byMenu = /* @__PURE__ */ new Map();
+  for (const entry of collectMenuShortcutsFromDefs(
+    menus,
+    platform,
+    shouldIncludeItemInDocs
+  )) {
+    const items = byMenu.get(entry.menuLabel) ?? [];
+    items.push({
+      keys: formatAccelerator(entry.accelerator),
+      label: entry.label
+    });
+    byMenu.set(entry.menuLabel, items);
+  }
+  for (const [title, entries] of byMenu) {
+    sections.push({
+      title: title.toLowerCase(),
+      entries
+    });
+  }
+  return sections;
+}
+function formatAccelerator(accel) {
+  return accel.replace(/CmdOrCtrl\+/g, "\u2318").replace(/Ctrl\+/g, "\u2303").replace(/Alt\+/g, "\u2325").replace(/Shift\+/g, "\u21E7").replace(/Left/g, "\u2190").replace(/Right/g, "\u2192").replace(/Up/g, "\u2191").replace(/Down/g, "\u2193");
+}
+var ARROW_KEYS = {
+  Left: "arrowleft",
+  Right: "arrowright",
+  Up: "arrowup",
+  Down: "arrowdown"
+};
+function normalizeAcceleratorKey(key) {
+  return ARROW_KEYS[key] ?? key.toLowerCase();
+}
+function normalizeEventKey(key) {
+  return key.toLowerCase();
+}
+function matchesAccelerator(event, accelerator) {
+  const tokens = accelerator.split("+");
+  const keyToken = tokens[tokens.length - 1];
+  const wantsCmdOrCtrl = tokens.includes("CmdOrCtrl");
+  const wantsCtrl = tokens.includes("Ctrl");
+  const wantsAlt = tokens.includes("Alt");
+  const wantsShift = tokens.includes("Shift");
+  if (!keyToken) return false;
+  if (event.altKey !== wantsAlt) return false;
+  if (event.shiftKey !== wantsShift) return false;
+  const hasCmdOrCtrl = event.metaKey || event.ctrlKey;
+  if (wantsCmdOrCtrl && !hasCmdOrCtrl) return false;
+  if (!wantsCmdOrCtrl && event.metaKey) return false;
+  if (wantsCtrl && !event.ctrlKey) return false;
+  if (!wantsCtrl && !wantsCmdOrCtrl && event.ctrlKey) return false;
+  return normalizeEventKey(event.key) === normalizeAcceleratorKey(keyToken);
+}
+export {
+  SOOTSIM_AMBIENT_GLOW_LABELS,
+  SOOTSIM_AMBIENT_GLOW_LEVELS,
+  SOOTSIM_ENGINE_EVENT_NAME,
+  SOOTSIM_SHELL_COMMAND_NAME,
+  buildSootSimDeviceChoiceDefs,
+  buildSootSimMenuDefs,
+  formatAccelerator,
+  getMenuShortcutEntries,
+  getMenuShortcutEntriesFromDefs,
+  getShortcutDocSections,
+  getShortcutDocSectionsFromDefs,
+  isSootSimAmbientGlowLevel,
+  matchesAccelerator
+};