/** * editorHtml — selbstenthaltener Live-Code-Editor fuer die WebView (offline, * kein CDN/Bundler). Eine transparente

ueber einer <pre>-Highlight-
 * Ebene: man sieht Syntax-Highlighting UND kann tippen. Bewusst leichtgewichtig
 * (Regex-Highlighter fuer C-artige/JS/Python/Shell), damit es ohne Build-Schritt
 * inline passt.
 *
 * Bridge-Protokoll:
 *   RN -> WebView  window.ariaBridge.onMessage(jsonString):
 *     {cmd:'setContent', content, language, version}
 *     {cmd:'applyPatch', from, to, insert, version}
 *     {cmd:'setLanguage', language}
 *     {cmd:'setReadOnly', value}
 *   WebView -> RN  window.ReactNativeWebView.postMessage(jsonString):
 *     {event:'ready'}
 *     {event:'onEditFromUser', from, to, insert, fullText, version}
 */

export const EDITOR_HTML = `<!doctype html><html><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }
  html, body { height: 100%; background: #0D0D1A; }
  #wrap { position: relative; height: 100%; width: 100%; }
  #hl, #ed {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    margin: 0; border: 0; padding: 10px 12px;
    font-family: 'Courier New', monospace; font-size: 13px; line-height: 1.45;
    white-space: pre; word-wrap: normal; overflow: auto; tab-size: 2;
  }
  #hl { color: #C8C8E0; z-index: 1; pointer-events: none; }
  #ed {
    z-index: 2; color: transparent; background: transparent; caret-color: #0096FF;
    resize: none; outline: none;
    -webkit-text-fill-color: transparent;
  }
  #ed::selection { background: rgba(0,150,255,0.3); }
  .tok-cmt { color: #6A7A6A; font-style: italic; }
  .tok-str { color: #C6A972; }
  .tok-num { color: #B58BE0; }
  .tok-kw  { color: #4F9CE8; font-weight: bold; }
</style></head><body>
<div id="wrap">
  <pre id="hl"></pre>
  <textarea id="ed" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">