Add code editor for maputnik (#1426)

## Launch Checklist

This PR adds the ability to look at the entire style and edit it in a
code editor that supports syntax highlight, errors, search and more.

- Resolves #820

CC: @Kanahiro as I know you did something similar, probably has better
performance...

After:
<img width="1920" height="937" alt="image"
src="https://github.com/user-attachments/assets/f925cf92-2623-4390-8f75-14d7f6a79171"
/>


 - [x] Briefly describe the changes in this PR.
 - [x] Link to related issues.
- [x] Include before/after visuals or gifs if this PR includes visual
changes.
 - [x] Write tests for all new functionality.
 - [x] Add an entry to `CHANGELOG.md` under the `## main` section.

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Co-authored-by: Frank Elsinga <frank@elsinga.de>

src/locales/ja/translation.json

@@ -31,11 +31,15 @@
   "Maputnik on GitHub": "GitHubのMaputnik",
   "Open": "開く",
   "Save": "保存",
+  "Code Editor": "コードエディタ",
   "Data Sources": "データソース",
   "Style Settings": "スタイル設定",
+  "Global State": "グローバルステート",
   "View": "表示",
   "Color accessibility": "色のアクセシビリティ",
   "Help": "ヘルプ",
+  "Close": "閉じる",
+  "Click to close the editor": "エディタを閉じるにはクリックしてください",
   "Comments for the current layer. This is non-standard and not in the spec.": "現在のレイヤーのコメント。注意：この機能は標準ではないため、他のライブラリとの互換性状況はわかりません。",
   "Comments": "コメント",
   "Comment...": "コメントを書く",
@@ -56,7 +60,6 @@
   "Delete filter block": "フィルタブロックを削除",
   "Add value": "値を追加する",
   "Remove array item": "配列の項目を削除",
-  "Press <1>ESC</1> to lose focus": "<1>ESC</1>を押すとフォーカスが外れます",
   "Must provide protocol: <1>https://</1>": "プロトコルを指定してください: <1>https://</1>",
   "Must provide protocol: <1>http://</1> or <3>https://</3>": "プロトコルを指定してください: <1>http://</1> または <3>https://</3>",
   "CORS policy won't allow fetching resources served over http from https, use a <1>https://</1> domain": "CORS使用時は、http経由で提供されるリソースをhttpsから取得することはできません。<1>https://</1> ドメインを使用してください。",
@@ -96,6 +99,12 @@
   "Save the JSON style to your computer.": "JSONスタイルをコンピュータに保存します。",
   "Save as": "名前を付けて保存",
   "Create HTML": "HTMLを作成",
+  "Key": "キー",
+  "Value": "値",
+  "Remove variable": "変数を削除",
+  "Global State Variables": "グローバルステート変数",
+  "No global state variables defined. Add variables to create reusable values in your style.": "グローバルステート変数が定義されていません。スタイルで再利用可能な値を作成するには、変数を追加してください。",
+  "Add Variable": "変数を追加",
   "Cancel": "キャンセル",
   "Open Style": "スタイルを開く",
   "Open local Style": "ローカルスタイルを開く",
@@ -124,6 +133,7 @@
   "Terrain exaggeration": "地形の誇張",
   "Transition delay": "遷移遅延",
   "Transition duration": "遷移期間",
+  "Projection": "投影",
   "Open Layers (experimental)": "Open Layers (実験的)",
   "Shortcuts menu": "ショートカットメニュー",
   "Open modal": "モーダルを開く",
@@ -196,7 +206,5 @@
   "LocationIQ Access Token": "LocationIQ アクセストークン",
   "Public access token for LocationIQ services.": "LocationIQ サービス用のパブリックアクセストークン。",
   "Style Renderer": "スタイルレンダラ",
-  "Choose the default Maputnik renderer for this style.": "このスタイルのデフォルトの Maputnik レンダラを選択してください",
-  "Language": "言語",
-  "Layer options": "レイヤー設定"
+  "Choose the default Maputnik renderer for this style.": "このスタイルのデフォルトの Maputnik レンダラを選択してください"
 }