nene-lang 0.1.1 → 0.1.2

package/README.md

@@ -46,7 +46,7 @@ style
 | 層 | 中身 | パッケージ |
 | --- | --- | --- |
 | 言語 | コンパイラ、ランタイム、`nene` コマンド、標準ライブラリ（ルーティング・HTTP・JSON など） | `nene-lang` |
-| 部品集 | ボタン・入力欄・ダイアログなど 16 の部品 | [`nene-lang-ui`](ui/README.md) |
+| 部品集 | ボタン・入力欄・ダイアログ・メニューなど 20 の部品 | [`nene-lang-ui`](ui/README.md) |
 
 標準ライブラリは差し替えられない（ルーティングも HTTP も一通りだけ）。部品集は別のパッケージで、使わなくてもよい。出力には、アプリが使っている標準モジュールとランタイムの部分だけが入る。
 
@@ -100,6 +100,7 @@ my-app/
 | `npm run build`（`nene build`） | `dist/` に出力する。そのまま静的ホスティングに置ける。`--base /repo/` でサブディレクトリにも置ける |
 | `npm run preview`（`nene preview`） | `dist/` を手元で動かして確かめる |
 | `npm run check`（`nene check`） | 型検査だけ。エラーは該当する行つきで出る |
+| `npm run fmt`（`nene fmt`） | 整形する。`--check` は直さずに確かめるだけ（CI 向け） |
 
 `dev`・`build`・`preview` は内部で Vite を使う。複数ページなど特別なことをしたいときだけ、普通の `vite.config.ts` を置けば読み込まれる（例: `examples/vite.config.ts`）。
 
@@ -123,7 +124,7 @@ npm run dev
 
 ### 公開する
 
-`nene build` は、`/todos/3` のような URL を直接開いても表示されるように、`404.html`（GitHub Pages など）と `_redirects`（Netlify・Cloudflare Pages）も出力する。ホスティングごとの手順は、作ったプロジェクトの `README.md` に書いてある。
+`nene build` は、リンクでたどれるページを HTML にしておく（静的生成）。`/todos/3` のような、たどれない URL を直接開いても表示されるように、`404.html`（GitHub Pages など）と `_redirects`（Netlify・Cloudflare Pages）も出力する。ホスティングごとの手順は、作ったプロジェクトの `README.md` に書いてある。
 
 ### パッケージを作る
 
@@ -157,9 +158,22 @@ vim.opt.rtp:append("/path/to/nene/editors/nvim")
 require("nene").setup()
 ```
 
-- `.nn` のハイライト。言語サーバーが動いているときは、その解析結果で色を分ける（部品と HTML 要素、コンストラクタ、フィールド、引数など）
-- 入力中のエラー表示（1 ファイルのエラーをまとめて表示）
-- `K` で型を表示、`gd` で定義へ移動（`<Button>` から `Button.nn` へも飛べる）
+キーはどれも nvim の標準のもの。
+
+| | |
+| --- | --- |
+| 色分け | `.nn` のハイライト。言語サーバーが動いているときは、その解析結果で色を分ける（部品と HTML 要素、コンストラクタ、フィールド、引数など）。`style` ブロックは CSS として |
+| エラー | 入力中に表示する（1 ファイルのエラーをまとめて） |
+| `K` / `gd` | 型を表示 / 定義へ移動（`<Button>` から `Button.nn` へも飛べる） |
+| `grr` | 参照一覧（プロジェクトのすべてのファイルから） |
+| `grn` | 名前の一括変更（ファイルをまたいで。部品の関数を変えるとタグも変わる） |
+| `gra` | コードアクション（部品の import を足す、JSX の `{}` の式を `where` に取り出す） |
+| `gO` | アウトライン（関数・型・コンストラクタ・フィールド・`where` の中の定義） |
+| 挿入モードの `<C-s>` | 引数のヒント（関数の型と、いま書いている引数） |
+| `gq` | 整形（`nene fmt` と同じ）。`setup({ format_on_save = true })` で保存のたびに |
+| 折りたたみ | 宣言・`where`・JSX の要素・import・コメント（`zc` `zo` など） |
+| `van` / `vin` | 構造に沿った選択（名前 → JSX の要素 → 宣言 と広げる。nvim 0.12 以上） |
+
 - 補完
   - `<But` → `<Button onClick={…}>…</Button>`（必須の属性と閉じタグまで入る）
   - タグの中で属性名（まだ書いていないもの。必須のものが先）
@@ -201,12 +215,15 @@ npm pack                  # 配布するパッケージを手元で作る
 | `src/codegen.ts` | JavaScript の生成 |
 | `src/compiler.ts` | モジュールを依存順に読み込み、1 つの JavaScript にまとめる（使っている標準モジュールだけを入れる） |
 | `src/packages.ts` | `node_modules` から Nene のパッケージを探す |
+| `src/prerender.ts` | 静的生成。ビルドのあとでアプリを Node の中で動かし、リンクをたどってページの HTML を作る |
 | `src/lib/*.nn` | 標準ライブラリ（Nene で書かれている） |
 | `runtime/runtime.js` | 仮想 DOM、レイアウトタグ、`style` ブロックの CSS の読み込み、URL、The Elm Architecture の実行 |
 | `runtime/http.js` | JSON との変換と HTTP（使うアプリにだけ入る） |
 | `ui/` | 公式の部品集 `nene-lang-ui` |
 | `src/css.ts` | `style` ブロックのクラス名を取り出し、ファイルごとに区別できる名前に書き換える |
 | `src/cli.ts` / `src/vite.ts` / `src/lsp.ts` | `nene` コマンド、Vite プラグイン、言語サーバー |
+| `src/format.ts` | 整形（`nene fmt` と言語サーバー） |
+| `src/outline.ts` / `src/references.ts` / `src/actions.ts` | アウトライン・折りたたみ・選択範囲、参照と名前の変更、コードアクション |
 | `src/report.ts` | コンパイルエラーを、該当する行と印つきで見せる |
 | `template/` | `nene new` で作るプロジェクトのひな形 |
 | `bin/nene.js` | コマンドの入口。手元のリポジトリでは `src/` を、npm から入れたときは `build/` を使う |
@@ -214,7 +231,6 @@ npm pack                  # 配布するパッケージを手元で作る
 
 ## まだないもの
 
-- 部品の中だけで完結する状態（React の useState に相当するもの）
-- サーバー側での描画（SSR）と、ビルド時に HTML を作る静的生成
+- リクエストごとにサーバーで描く SSR（ビルド時の静的生成はある）
 - VS Code の拡張
-- Tree-sitter の文法（今は Vim の syntax ファイルと、言語サーバーによる色分け）
+- Tree-sitter の文法（色分け・折りたたみ・構造に沿った選択は、言語サーバーで代わりにできる）

package/build/actions.d.ts

@@ -0,0 +1,22 @@
+type Json = Record<string, any>;
+interface Diagnostic {
+    range: {
+        start: {
+            line: number;
+            character: number;
+        };
+        end: {
+            line: number;
+            character: number;
+        };
+    };
+    message: string;
+}
+export interface ActionContext {
+    uri: string;
+    text: string;
+    diagnostics: Diagnostic[];
+    modules: string[];
+}
+export declare function codeActions(ctx: ActionContext): Json[];
+export {};

package/build/actions.js

@@ -0,0 +1,124 @@
+// コードアクション（エラーの直し方をその場で当てる）
+//
+//   - 部品 <Button> が見つからない → import Ui.Button を足す
+//   - モジュール Icon が見つからない（Icon.close など） → import qualified Ui.Icon as Icon を足す
+//   - JSX の {} に式を書いた → where に名前をつけて取り出す（JSX には名前だけを書く）
+export function codeActions(ctx) {
+    const out = [];
+    for (const d of ctx.diagnostics) {
+        const tag = /部品 <([A-Z]\w*)> が見つかりません/.exec(d.message)?.[1];
+        if (tag) {
+            for (const m of ctx.modules.filter((name) => name.split(".").pop() === tag)) {
+                out.push(fix(ctx, d, `import ${m} を足す`, addImport(ctx.text, `import ${m}`)));
+            }
+        }
+        const alias = /モジュール ([A-Z][\w.]*) が見つかりません（import していますか？）/.exec(d.message)?.[1];
+        if (alias) {
+            for (const m of ctx.modules.filter((name) => name === alias || name.endsWith(`.${alias}`))) {
+                const line = m === alias ? `import qualified ${m}` : `import qualified ${m} as ${alias}`;
+                out.push(fix(ctx, d, `${line} を足す`, addImport(ctx.text, line)));
+            }
+        }
+        if (d.message.startsWith("JSX の {} には")) {
+            const edits = extractToWhere(ctx.text, d.range.start.line, d.range.start.character);
+            if (edits)
+                out.push({ title: "where に名前をつけて取り出す", kind: "refactor.extract", diagnostics: [d], edit: { changes: { [ctx.uri]: edits } } });
+        }
+    }
+    return out;
+}
+function fix(ctx, d, title, edit) {
+    return { title, kind: "quickfix", diagnostics: [d], isPreferred: true, edit: { changes: { [ctx.uri]: [edit] } } };
+}
+// 最後の import の次の行に足す。import がなければ module の行の後に、空行を挟んで足す
+function addImport(text, line) {
+    const lines = text.split("\n");
+    const last = lines.reduce((found, l, i) => (l.startsWith("import ") ? i : found), -1);
+    if (last >= 0)
+        return insertAt(last + 1, `${line}\n`);
+    const moduleLine = lines.findIndex((l) => l.startsWith("module "));
+    return insertAt(moduleLine + 1, `\n${line}\n`);
+}
+const insertAt = (line, newText) => ({ range: { start: { line, character: 0 }, end: { line, character: 0 } }, newText });
+// ---- where に取り出す ----
+const indentOf = (line) => line.length - line.trimStart().length;
+function extractToWhere(text, line, character) {
+    const lines = text.split("\n");
+    const offset = lines.slice(0, line).reduce((n, l) => n + l.length + 1, 0) + character;
+    const open = text.lastIndexOf("{", offset);
+    const close = matchingBrace(text, open);
+    if (open < 0 || close < 0 || close < offset)
+        return null;
+    const expr = text.slice(open + 1, close).trim().replace(/\s*\n\s*/g, " ");
+    const name = freshName(text);
+    // 式を囲む、いちばん内側の等式を探す（字下げがより浅く、名前で始まる行）
+    const head = equationAbove(lines, line);
+    if (head < 0)
+        return null;
+    const base = indentOf(lines[head]);
+    let end = head;
+    for (let i = head + 1; i < lines.length; i++) {
+        if (lines[i].trim() === "")
+            continue;
+        if (indentOf(lines[i]) <= base)
+            break;
+        end = i;
+    }
+    const where = lines.slice(head + 1, end + 1).findIndex((l) => l.trim() === "where" && indentOf(l) === base + 2);
+    const binding = `${" ".repeat(base + 4)}${name} = ${expr}`;
+    const insert = where >= 0 ? `\n${binding}` : `\n${" ".repeat(base + 2)}where\n${binding}`;
+    const startPos = positionOf(lines, open + 1);
+    const endPos = positionOf(lines, close);
+    return [
+        { range: { start: startPos, end: endPos }, newText: name },
+        { range: { start: { line: end, character: lines[end].length }, end: { line: end, character: lines[end].length } }, newText: insert },
+    ];
+}
+function matchingBrace(text, open) {
+    let depth = 0;
+    for (let i = open; i < text.length; i++) {
+        if (text[i] === '"') {
+            i = text.indexOf('"', i + 1);
+            if (i < 0)
+                return -1;
+        }
+        else if (text[i] === "{")
+            depth++;
+        else if (text[i] === "}" && --depth === 0)
+            return i;
+    }
+    return -1;
+}
+function equationAbove(lines, from) {
+    let limit = indentOf(lines[from]);
+    for (let i = from; i >= 0; i--) {
+        const l = lines[i];
+        if (l.trim() === "" || l.trimStart().startsWith("--"))
+            continue;
+        const indent = indentOf(l);
+        if (indent >= limit && i !== from)
+            continue;
+        limit = Math.min(limit, indent);
+        if (!/^\s*[a-z_][\w']*/.test(l) || /^\s*where\b/.test(l))
+            continue;
+        const next = lines.slice(i + 1).find((x) => x.trim() !== "") ?? "";
+        if (/\s=(\s|$)/.test(l) || next.trimStart().startsWith("|"))
+            return i;
+    }
+    return -1;
+}
+function freshName(text) {
+    for (let n = 1;; n++) {
+        const name = n === 1 ? "value" : `value${n}`;
+        if (!new RegExp(`\\b${name}\\b`).test(text))
+            return name;
+    }
+}
+function positionOf(lines, offset) {
+    let line = 0;
+    while (line < lines.length && offset > lines[line].length) {
+        offset -= lines[line].length + 1;
+        line++;
+    }
+    return { line, character: offset };
+}

package/build/checker.js

@@ -19,12 +19,12 @@ export const HTML_ELEMENTS = new Set([
 const STRING_ATTRS = [
     "key", "id", "title", "role", "lang", "dir", "src", "srcset", "sizes", "alt", "href", "target", "rel", "type",
     "value", "name", "placeholder", "for", "form", "list", "min", "max", "step", "pattern", "accept", "autocomplete",
-    "width", "height", "loading", "poster", "datetime", "headers", "scope",
+    "width", "height", "loading", "poster", "datetime", "headers", "scope", "popovertarget", "popovertargetaction",
 ];
 const INT_ATTRS = ["tabindex", "rows", "cols", "colspan", "rowspan", "maxlength", "minlength", "span", "start"];
 const BOOL_ATTRS = [
     "disabled", "checked", "selected", "readonly", "required", "multiple", "hidden", "autofocus", "open", "controls",
-    "autoplay", "loop", "muted", "playsinline", "reversed", "novalidate",
+    "autoplay", "loop", "muted", "playsinline", "reversed", "novalidate", "popover",
 ];
 const MSG_EVENTS = ["onClick", "onDoubleClick", "onSubmit", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave"];
 const STRING_EVENTS = ["onInput", "onChange"];

package/build/cli.js

@@ -4,6 +4,8 @@ import { copyFileSync, existsSync, mkdirSync, readdirSync, readFileSync, realpat
 import { basename, dirname, join, relative, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { compileProgram } from "./compiler.js";
+import { format } from "./format.js";
+import { prerenderSite } from "./prerender.js";
 import { displayWidth, formatError } from "./report.js";
 import { CompileError } from "./syntax.js";
 const packageRoot = join(dirname(fileURLToPath(import.meta.url)), "..");
@@ -31,14 +33,17 @@ const commands = {
         usage: "build [--base /repo/] [--out dist]",
         summary: "公開用のファイルを出力する",
         run: async (args) => {
-            const { build } = await import("vite");
+            const { build, loadEnv } = await import("vite");
             const root = projectDir();
+            const [entry] = entries(root);
             checkAll(entries(root));
             const outDir = resolve(root, option(args, "--out") ?? "dist");
             const base = normalizeBase(option(args, "--base") ?? "/");
             await build({ ...(await viteOptions(root)), base, build: { outDir, emptyOutDir: true } });
             writeFallbacks(outDir, base);
-            console.log(`\n${paint("32", "✓")} ${relative(process.cwd(), outDir) || "."}/ に出力しました（置き場所: ${base}）`);
+            const pages = prerenderSite({ outDir, entry, base, env: loadEnv("production", root, "NENE_") });
+            const where = relative(process.cwd(), outDir) || ".";
+            console.log(`\n${paint("32", "✓")} ${where}/ に出力しました（置き場所: ${base}、HTML にしたページ: ${pages.length}）`);
         },
     },
     preview: {
@@ -66,6 +71,30 @@ const commands = {
             console.log(`${paint("32", "✓")} エラーはありません`);
         },
     },
+    fmt: {
+        usage: "fmt [Path...] [--check]",
+        summary: "整形する（フォルダならその中の .nn すべて。省略するとこのフォルダ）。--check は確かめるだけ",
+        run: (args) => {
+            const check = args.includes("--check");
+            const given = args.filter((a) => a !== "--check");
+            const files = (given.length > 0 ? given : ["."]).flatMap((f) => (statSync(f).isDirectory() ? nnFiles(resolve(f)) : [resolve(f)]));
+            const changed = files.filter((file) => {
+                const src = readFileSync(file, "utf8");
+                const out = format(src);
+                if (out === src)
+                    return false;
+                if (!check)
+                    writeFileSync(file, out);
+                return true;
+            });
+            for (const file of changed)
+                console.log(`${check ? "整形が必要" : "整形した"}: ${relative(process.cwd(), file)}`);
+            if (check && changed.length > 0)
+                process.exit(1);
+            if (changed.length === 0)
+                console.log(`${paint("32", "✓")} 整形済みです（${files.length} ファイル）`);
+        },
+    },
     lsp: {
         usage: "lsp",
         summary: "言語サーバーを起動する（エディタから使う）",
@@ -140,17 +169,28 @@ async function viteOptions(root) {
     const { default: nene } = await import("./vite.js");
     return { root, plugins: [nene()], logLevel: "info" };
 }
-// URL を直接開いたときやリロードしたときも、アプリが表示されるようにする。
-// 404.html は GitHub Pages など、_redirects は Netlify や Cloudflare Pages が読む
+// HTML にしていない URL を直接開いたときも、アプリが表示されるようにする（中身の空の枠を返す）。
+// 404.html は GitHub Pages など、_redirects は Netlify や Cloudflare Pages が読む。静的生成より先に写す
 function writeFallbacks(outDir, base) {
     copyFileSync(join(outDir, "index.html"), join(outDir, "404.html"));
-    writeFileSync(join(outDir, "_redirects"), `${base}* ${base}index.html 200\n`);
+    writeFileSync(join(outDir, "_redirects"), `${base}* ${base}404.html 200\n`);
 }
 // build で出力した index.html から、置き場所を読み取る（<script src="/repo/assets/...">）
 function builtBase(outDir) {
     const html = readFileSync(join(outDir, "index.html"), "utf8");
     return html.match(/<script[^>]*src="([^"]*\/)assets\//)?.[1] ?? "/";
 }
+// フォルダの中の .nn（node_modules と dist は除く）
+function nnFiles(dir) {
+    return readdirSync(dir, { withFileTypes: true }).flatMap((e) => {
+        if (e.name.startsWith(".") || e.name === "node_modules" || e.name === "dist")
+            return [];
+        const path = join(dir, e.name);
+        if (e.isDirectory())
+            return nnFiles(path);
+        return e.name.endsWith(".nn") ? [path] : [];
+    });
+}
 // ---- nene new ----
 function createProject(name) {
     const dir = resolve(name);

package/build/compiler.d.ts

@@ -16,6 +16,7 @@ export interface CompileOptions {
 }
 export declare function projectRoot(file: string, moduleName: string): string;
 export declare function listModules(root: string): string[];
+export declare function projectFiles(root: string): string[];
 export interface ProgramResult {
     entry: CompiledModule;
     modules: CompiledModule[];
@@ -26,5 +27,6 @@ export interface BundleOptions {
     mount?: string;
     base?: string;
     env?: string;
+    prerender?: boolean;
 }
 export declare function bundle(result: ProgramResult, options?: BundleOptions): string;

package/build/compiler.js

@@ -47,6 +47,10 @@ export function listModules(root) {
     const names = [root, ...findPackages(root).map((p) => p.root)].flatMap(modulesIn);
     return [...new Set(names)].sort();
 }
+// プロジェクトの .nn ファイル（パッケージのものは含めない）
+export function projectFiles(root) {
+    return modulesIn(root).map((name) => join(root, ...name.split(".")) + ".nn");
+}
 function modulesIn(root) {
     if (!existsSync(root))
         return [];
@@ -156,7 +160,9 @@ export function bundle(result, options = {}) {
         `$rt.configure({ base: ${options.base ?? '"/"'}, env: ${options.env ?? "{}"} });`,
         ...lib,
         ...user,
-        `$rt.run(${result.entry.iface.js}.main(), document.getElementById(${mount}) ?? document.body);`,
+        options.prerender
+            ? `({ rt: $rt, program: ${result.entry.iface.js}.main() });`
+            : `$rt.run(${result.entry.iface.js}.main(), document.getElementById(${mount}) ?? document.body);`,
     ].join("\n\n") + "\n";
 }
 // コードが $M_名前 で参照している標準モジュールを、たどれるだけたどって集める（読み込む順は LIB_ORDER のまま）

package/build/format.d.ts

@@ -0,0 +1 @@
+export declare function format(source: string): string;

package/build/format.js

@@ -0,0 +1,120 @@
+// .nn の整形。書いた形はなるべく保ち、次のことだけをする（何度かけても同じ結果になる）
+//
+//   - 行末の空白を消し、行頭のタブを 2 つの空白にする
+//   - 3 行以上続く空行を 2 行にする。ファイルの最後は改行 1 つにする
+//   - 続けて書いた 1 行の等式（同じ名前のもの）、ガード、レコード型のフィールドの = と :: の位置をそろえる
+//
+//   update Increment n = n + 1          update Increment n = n + 1
+//   update Reset _ = 0          →       update Reset _     = 0
+//
+// style ブロックの CSS は、行末の空白を消すだけにする。
+import { displayWidth } from "./report.js";
+export function format(source) {
+    const lines = source
+        .replace(/\r\n?/g, "\n")
+        .split("\n")
+        .map((l) => l.replace(/^\t+/, (tabs) => "  ".repeat(tabs.length)).replace(/\s+$/, ""));
+    const styleAt = lines.findIndex((l) => l === "style");
+    const code = styleAt < 0 ? lines : lines.slice(0, styleAt);
+    const rest = styleAt < 0 ? [] : lines.slice(styleAt);
+    alignEquations(code);
+    alignGuards(code);
+    alignFields(code);
+    const out = collapseBlankLines([...code, ...rest]);
+    while (out.length > 0 && out[out.length - 1] === "")
+        out.pop();
+    return out.join("\n") + "\n";
+}
+function collapseBlankLines(lines) {
+    const out = [];
+    let blanks = 0;
+    for (const l of lines) {
+        blanks = l === "" ? blanks + 1 : 0;
+        if (blanks <= 2)
+            out.push(l);
+    }
+    return out;
+}
+// ---- そろえる ----
+const MAX_PAD = 24;
+const KEYWORDS = new Set(["module", "import", "foreign", "data", "type", "where", "style"]);
+const indentOf = (line) => line.length - line.trimStart().length;
+// 続く行のまとまりごとに、印（= や ::）の手前の幅をそろえる。
+// split は、その行がまとまりに入るなら [印の手前, 印から後ろ] を返す
+function alignRuns(lines, key, split) {
+    let i = 0;
+    while (i < lines.length) {
+        const k = key(lines[i]);
+        if (k === null || split(lines[i]) === null) {
+            i++;
+            continue;
+        }
+        let j = i + 1;
+        while (j < lines.length && key(lines[j]) === k && split(lines[j]) !== null)
+            j++;
+        const parts = lines.slice(i, j).map((l) => split(l));
+        const widths = parts.map(([left]) => displayWidth(left));
+        const width = Math.max(...widths);
+        // 長さが大きく違うものをそろえると、空白ばかりになるのでそのままにする
+        if (j - i > 1 && width - Math.min(...widths) <= MAX_PAD) {
+            parts.forEach(([left, right], n) => {
+                lines[i + n] = left + " ".repeat(width - displayWidth(left)) + right;
+            });
+        }
+        i = j;
+    }
+}
+// 同じ名前の 1 行の等式: name args = body
+function alignEquations(lines) {
+    const head = (line) => /^(\s*)([a-z_][\w']*)\s/.exec(line);
+    alignRuns(lines, (line) => {
+        const m = head(line);
+        return m && !KEYWORDS.has(m[2]) ? `${m[1].length}:${m[2]}` : null;
+    }, (line) => {
+        const parts = splitAt(line, "=");
+        return parts && parts[1].trim() !== "=" ? parts : null; // 本体が次の行に続く等式はそろえない
+    });
+}
+// ガード: | 条件 = 値
+function alignGuards(lines) {
+    alignRuns(lines, (line) => (line.trimStart().startsWith("| ") ? String(indentOf(line)) : null), (line) => splitAt(line, "="));
+}
+// レコード型のフィールド: { name :: Type = default } と , name :: Type
+function alignFields(lines) {
+    const isField = (line) => /^\s*[{,]\s*[a-z_][\w']*\s*::/.test(line);
+    const key = (line) => (isField(line) ? String(indentOf(line)) : null);
+    // :: をそろえてから、デフォルト値の = をそろえる（= のない行は、そのまま）
+    const after = (line) => /^\s*[{,]/.exec(line)[0].length; // 先頭の { や , の次から見る
+    alignRuns(lines, key, (line) => splitAt(line, "::", after(line)));
+    const withDefault = (line) => (key(line) !== null && splitAt(line, "=", after(line)) ? key(line) : null);
+    alignRuns(lines, withDefault, (line) => splitAt(line, "=", after(line)));
+}
+// from から後ろの、括弧と文字列の外にある、前後に空白のある mark で分ける。[mark の手前（末尾の空白を除く）, " mark 以降"]
+function splitAt(line, mark, from = 0) {
+    let depth = 0;
+    for (let i = from; i < line.length; i++) {
+        const c = line[i];
+        if (c === '"') {
+            i++;
+            while (i < line.length && line[i] !== '"')
+                i += line[i] === "\\" ? 2 : 1;
+            continue;
+        }
+        if (c === "-" && line[i + 1] === "-")
+            return null; // コメントの中は見ない
+        if (c === "(" || c === "[" || c === "{")
+            depth++;
+        else if (c === ")" || c === "]" || c === "}")
+            depth--;
+        else if (depth === 0 &&
+            line.startsWith(mark, i) &&
+            line[i - 1] === " " &&
+            (line[i + mark.length] === " " || i + mark.length === line.length)) {
+            const left = line.slice(0, i).replace(/\s+$/, "");
+            if (left.trim() === "")
+                return null;
+            return [left, " " + line.slice(i)];
+        }
+    }
+    return null;
+}