poi-plugin-mcp 0.2.16 → 0.2.21

package/lib/settings-view.js

@@ -26,6 +26,8 @@ function renderStatefulSettings(React, controller) {
   const [busy, setBusy] = React.useState(false)
   const [message, setMessage] = React.useState('')
 
+  React.useEffect(() => startStatusPolling(controller, setStatus), [controller])
+
   async function run(action, successMessage) {
     setBusy(true)
     setMessage('')
@@ -58,6 +60,8 @@ function renderStatefulSettings(React, controller) {
         port,
         enabled: status.enabled,
         inputEnabled: status.inputEnabled,
+        recordingEnabled: status.recordingEnabled,
+        debugEvalEnabled: status.debugEvalEnabled,
       }),
       'Port saved',
     ),
@@ -68,6 +72,22 @@ function renderStatefulSettings(React, controller) {
         inputEnabled ? 'WebView input enabled' : 'WebView input disabled',
       )
     },
+    onRecordingToggle: (event) => {
+      const recordingEnabled = event.target.checked
+      return run(
+        () => controller.applySettings({ recordingEnabled }),
+        recordingEnabled ? 'Play recording enabled' : 'Play recording disabled',
+      )
+    },
+    onDebugEvalToggle: (event) => {
+      const debugEvalEnabled = event.target.checked
+      return run(
+        () => controller.applySettings({ debugEvalEnabled }),
+        debugEvalEnabled
+          ? 'Dangerous WebView eval enabled'
+          : 'Dangerous WebView eval disabled',
+      )
+    },
     onToggle: () => run(
       () => (status.running ? controller.stopBridge() : controller.startBridge()),
       status.running ? 'Stopped' : 'Started',
@@ -75,6 +95,15 @@ function renderStatefulSettings(React, controller) {
   })
 }
 
+function startStatusPolling(controller, setStatus, options = {}) {
+  const setIntervalFn = options.setInterval || setInterval
+  const clearIntervalFn = options.clearInterval || clearInterval
+  const timer = setIntervalFn(() => {
+    setStatus(controller.getStatus())
+  }, 1000)
+  return () => clearIntervalFn(timer)
+}
+
 function renderStaticSettings(e, controller) {
   const status = controller.getStatus()
   const port = status.port
@@ -94,12 +123,30 @@ function renderStaticSettings(e, controller) {
         port: nextPort,
         enabled: status.enabled,
         inputEnabled: status.inputEnabled,
+        recordingEnabled: status.recordingEnabled,
+        debugEvalEnabled: status.debugEvalEnabled,
       })
     },
     onInputToggle: (event) => controller.applySettings({
       port,
       enabled: status.enabled,
       inputEnabled: event.target.checked,
+      recordingEnabled: status.recordingEnabled,
+      debugEvalEnabled: status.debugEvalEnabled,
+    }),
+    onRecordingToggle: (event) => controller.applySettings({
+      port,
+      enabled: status.enabled,
+      inputEnabled: status.inputEnabled,
+      recordingEnabled: event.target.checked,
+      debugEvalEnabled: status.debugEvalEnabled,
+    }),
+    onDebugEvalToggle: (event) => controller.applySettings({
+      port,
+      enabled: status.enabled,
+      inputEnabled: status.inputEnabled,
+      recordingEnabled: status.recordingEnabled,
+      debugEvalEnabled: event.target.checked,
     }),
     onToggle: () => (status.running ? controller.stopBridge() : controller.startBridge()),
   })
@@ -155,6 +202,57 @@ function renderSettings(e, props) {
         props.status.inputEnabled ? 'Enabled' : 'Disabled',
       ),
     ),
+    e('div', { style: styles.row },
+      e('label', { style: styles.label, htmlFor: 'poi-mcp-recording-enabled' }, 'Record play'),
+      e('input', {
+        id: 'poi-mcp-recording-enabled',
+        type: 'checkbox',
+        checked: props.onPortChange ? props.status.recordingEnabled : undefined,
+        defaultChecked: props.onPortChange ? undefined : props.status.recordingEnabled,
+        disabled: props.busy,
+        onChange: props.onRecordingToggle,
+      }),
+      e('span', { style: styles.status },
+        props.status.recordingLimitReached
+          ? `Paused: ${
+            props.status.recordingLimitReached.message ||
+            props.status.recordingLimitReached.reason
+          }`
+          : props.status.recording
+            ? 'Recording - splits after 5 min idle'
+            : props.status.recordingStarting
+              ? 'Starting recording session'
+              : props.status.recordingArmed
+                ? props.status.recordingAttached
+                  ? 'Armed - starts on game mouse activity'
+                  : 'Armed - waiting for game WebView'
+                : 'Disabled',
+      ),
+    ),
+    props.status.recordingSessionDir
+      ? e('div', { style: styles.note }, `Recording: ${props.status.recordingSessionDir}`)
+      : null,
+    e('div', { style: styles.warningRow },
+      e('label', {
+        style: styles.label,
+        htmlFor: 'poi-mcp-debug-eval-enabled',
+      }, 'Debug eval'),
+      e('input', {
+        id: 'poi-mcp-debug-eval-enabled',
+        type: 'checkbox',
+        checked: props.onPortChange ? props.status.debugEvalEnabled : undefined,
+        defaultChecked: props.onPortChange
+          ? undefined
+          : props.status.debugEvalEnabled,
+        disabled: props.busy,
+        onChange: props.onDebugEvalToggle,
+      }),
+      e('span', { style: styles.warning },
+        props.status.debugEvalEnabled
+          ? 'DANGEROUS: authenticated arbitrary code can run in the game WebView'
+          : 'Disabled (recommended)',
+      ),
+    ),
     e('div', { style: styles.note },
       'Pi extension defaults to 127.0.0.1:17777; keep this port unless you also update Pi.',
     ),
@@ -189,6 +287,14 @@ const styles = {
     display: 'flex',
     gap: 8,
   },
+  warningRow: {
+    alignItems: 'center',
+    display: 'flex',
+    gap: 8,
+    padding: 8,
+    border: '1px solid #cf222e',
+    borderRadius: 4,
+  },
   label: {
     flex: '0 0 80px',
     fontWeight: 600,
@@ -202,6 +308,11 @@ const styles = {
   status: {
     color: '#59636e',
   },
+  warning: {
+    color: '#cf222e',
+    fontSize: 12,
+    fontWeight: 600,
+  },
   note: {
     color: '#59636e',
     fontSize: 12,
@@ -215,4 +326,5 @@ const styles = {
 
 module.exports = {
   createSettingsClass,
+  startStatusPolling,
 }

package/lib/settings.js

@@ -6,6 +6,8 @@ const DEFAULT_SETTINGS = Object.freeze({
   port: 17777,
   enabled: true,
   inputEnabled: false,
+  recordingEnabled: false,
+  debugEvalEnabled: false,
 })
 
 const DEFAULT_SETTINGS_FILE = path.join(os.homedir(), '.poi-mcp', 'settings.json')
@@ -18,6 +20,12 @@ function normalizeSettings(input = {}) {
     inputEnabled: typeof input.inputEnabled === 'boolean'
       ? input.inputEnabled
       : DEFAULT_SETTINGS.inputEnabled,
+    recordingEnabled: typeof input.recordingEnabled === 'boolean'
+      ? input.recordingEnabled
+      : DEFAULT_SETTINGS.recordingEnabled,
+    debugEvalEnabled: typeof input.debugEvalEnabled === 'boolean'
+      ? input.debugEvalEnabled
+      : DEFAULT_SETTINGS.debugEvalEnabled,
   }
 }