draft-ole 0.9.0

package/dist/chunk-YK4Y4ENL.js

@@ -0,0 +1,389 @@
+import {
+  ExportableError,
+  HtmlTag,
+  PairType,
+  Root,
+  TextType,
+  a,
+  body,
+  button,
+  errorToString,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  head,
+  html,
+  img,
+  main,
+  meta,
+  p,
+  section,
+  title
+} from "./chunk-STLTIBMA.js";
+
+// src/view/static-page-writer.ts
+import { mkdirSync, writeFileSync } from "fs";
+import { join } from "path";
+var StaticPageWriter = class {
+  /**
+   * `root` を `outputPath` 配下に静的ファイルとして書き出す。
+   *
+   * - デフォルト（`inlineCss=true`）では `index.html` のみ出力し、
+   *   CSS を `<style>` タグとして `</head>` 直前に埋め込む。
+   * - `inlineCss=false` のときは `index.html` と `style.css` を出力し、
+   *   `<link rel="stylesheet">` を `</head>` 直前に挿入する。
+   * - CSS が空文字列の場合は CSS 関連の出力・挿入を完全にスキップする。
+   *
+   * @param root - 静的検証済みの {@link Root}
+   * @param outputPath - 出力先ディレクトリパス
+   * @param options - 書き出しオプション
+   *
+   * @throws {@link ExportableError}
+   * - `invalidPath`: `outputPath` が空文字列
+   * - `writeFailed`: ディレクトリ作成またはファイル書き込みに失敗
+   */
+  write(root, outputPath, options) {
+    if (outputPath.length === 0) {
+      throw new ExportableError(
+        "invalidPath",
+        outputPath,
+        "Output path must not be empty"
+      );
+    }
+    const htmlFileName = options?.htmlFileName ?? "index.html";
+    const cssFileName = options?.cssFileName ?? "style.css";
+    const inlineCss = options?.inlineCss ?? true;
+    const htmlContent = root.render();
+    const cssContent = root.collectCssStyleString();
+    const hasCss = cssContent.trim().length > 0;
+    try {
+      mkdirSync(outputPath, { recursive: true });
+    } catch (error) {
+      throw new ExportableError(
+        "writeFailed",
+        outputPath,
+        `Failed to create directory: ${errorToString(error)}`
+      );
+    }
+    let finalHtml = htmlContent;
+    if (hasCss) {
+      const headEndIndex = finalHtml.indexOf("</head>");
+      if (headEndIndex !== -1) {
+        const insertion = inlineCss ? `<style>
+${cssContent}
+</style>
+` : `<link rel="stylesheet" href="${cssFileName}">
+`;
+        finalHtml = finalHtml.slice(0, headEndIndex) + insertion + finalHtml.slice(headEndIndex);
+      }
+    }
+    try {
+      writeFileSync(join(outputPath, htmlFileName), finalHtml, "utf-8");
+      if (hasCss && !inlineCss) {
+        writeFileSync(join(outputPath, cssFileName), cssContent, "utf-8");
+      }
+    } catch (error) {
+      throw new ExportableError(
+        "writeFailed",
+        outputPath,
+        `Failed to write files: ${errorToString(error)}`
+      );
+    }
+  }
+};
+
+// src/view/page.ts
+var PageDocument = class {
+  _root;
+  /**
+   * @internal `page()` ファクトリからのみ呼び出されることを想定する。
+   *           外部から直接構築すると静的性検証を素通りするため非推奨。
+   */
+  constructor(root) {
+    this._root = root;
+  }
+  render() {
+    const htmlStr = this._root.render();
+    const css = this._root.collectCssStyleString();
+    if (css.length === 0) return htmlStr;
+    const styleTag = `<style>
+${css}
+</style>`;
+    const insertPoint = htmlStr.indexOf("</head>");
+    if (insertPoint === -1) return htmlStr;
+    return `${htmlStr.slice(0, insertPoint)}${styleTag}
+${htmlStr.slice(insertPoint)}`;
+  }
+  export(outputPath, options) {
+    new StaticPageWriter().write(this._root, outputPath, options);
+  }
+};
+function isPageOptions(arg) {
+  return typeof arg === "object" && arg !== null && !("protoRender" in arg);
+}
+function page(...args) {
+  const lastArg = args[args.length - 1];
+  const options = args.length > 0 && isPageOptions(lastArg) ? lastArg : void 0;
+  const views = options !== void 0 ? args.slice(0, -1) : args;
+  const root = new Root();
+  root.setDoctype(true);
+  const charsetMeta = meta({ charset: options?.charset ?? "UTF-8" });
+  const viewportMeta = options?.viewport !== void 0 ? meta({ name: "viewport", content: options.viewport }) : void 0;
+  const descriptionMeta = options?.description !== void 0 ? meta({ name: "description", content: options.description }) : void 0;
+  const titleEl = title(options?.title ?? "");
+  const metaList = [charsetMeta, viewportMeta, descriptionMeta, titleEl].filter((el) => el !== void 0);
+  const headEl = head(...metaList);
+  const resolvedViews = views.map(
+    (v) => v instanceof HtmlTag ? v : TextType.raw(v.protoRender())
+  );
+  const mainEl = main(...resolvedViews);
+  const bodyEl = body(mainEl);
+  const htmlEl = options?.lang !== void 0 ? html({ lang: options.lang }, headEl, bodyEl) : html(headEl, bodyEl);
+  root.addChild(htmlEl);
+  const usedMethods = root.collectUsedMethods();
+  const jsContent = root.collectJsContent();
+  if (usedMethods.size > 0 || jsContent.length > 0) {
+    const hints = [];
+    if (usedMethods.size > 0) {
+      hints.push(`jQuery methods=[${Array.from(usedMethods).join(",")}]`);
+    }
+    if (jsContent.length > 0) {
+      hints.push("inline js content");
+    }
+    throw new Error(
+      `page surface does not allow runtime content: ${hints.join("; ")}`
+    );
+  }
+  return new PageDocument(root);
+}
+
+// src/css/constants/alignment.ts
+var Alignment = {
+  center: "center",
+  leading: "flex-start",
+  trailing: "flex-end",
+  top: "flex-start",
+  bottom: "flex-end"
+};
+var ZStackAlignment = {
+  center: { alignItems: "center", justifyContent: "center" },
+  topLeading: { alignItems: "flex-start", justifyContent: "flex-start" },
+  topTrailing: { alignItems: "flex-start", justifyContent: "flex-end" },
+  bottomLeading: { alignItems: "flex-end", justifyContent: "flex-start" },
+  bottomTrailing: { alignItems: "flex-end", justifyContent: "flex-end" },
+  top: { alignItems: "flex-start", justifyContent: "center" },
+  bottom: { alignItems: "flex-end", justifyContent: "center" },
+  leading: { alignItems: "center", justifyContent: "flex-start" },
+  trailing: { alignItems: "center", justifyContent: "flex-end" }
+};
+
+// src/html/layout/layout-factories.ts
+function isStackOptions(value) {
+  if (value === void 0) return false;
+  if (typeof value === "string") return false;
+  if (typeof value === "object" && "tagType" in value) return false;
+  return true;
+}
+function addChildren(tag, children) {
+  for (const child of children) {
+    if (typeof child === "string") {
+      tag.addChild(new TextType(child, { escape: true }));
+    } else {
+      tag.addChild(child);
+    }
+  }
+}
+function makeStack(direction, options) {
+  const tag = new PairType("div");
+  tag.style.flex.setFlex({ direction });
+  if (options.spacing !== void 0) {
+    tag.style.flex.setGap(`${options.spacing}px`);
+  }
+  if (options.alignment !== void 0) {
+    tag.style.flex.setAlignItems(options.alignment);
+  }
+  if (options.wrap === true) {
+    tag.style.flex.setFlexWrap("wrap");
+  }
+  return tag;
+}
+function hstack(optionsOrChild, ...children) {
+  if (isStackOptions(optionsOrChild)) {
+    const tag2 = makeStack("row", optionsOrChild);
+    addChildren(tag2, children);
+    return tag2;
+  }
+  const tag = makeStack("row", {});
+  if (optionsOrChild !== void 0) {
+    addChildren(tag, [optionsOrChild, ...children]);
+  } else {
+    addChildren(tag, children);
+  }
+  return tag;
+}
+function vstack(optionsOrChild, ...children) {
+  if (isStackOptions(optionsOrChild)) {
+    const tag2 = makeStack("column", optionsOrChild);
+    addChildren(tag2, children);
+    return tag2;
+  }
+  const tag = makeStack("column", {});
+  if (optionsOrChild !== void 0) {
+    addChildren(tag, [optionsOrChild, ...children]);
+  } else {
+    addChildren(tag, children);
+  }
+  return tag;
+}
+function isZStackOptions(value) {
+  if (value === void 0) return false;
+  if (typeof value === "string") return false;
+  if (typeof value === "object" && "tagType" in value) return false;
+  return true;
+}
+function makeZStack(options) {
+  const tag = new PairType("div");
+  tag.style.grid.setGrid({ areas: '"stack"', rows: "1fr", columns: "1fr" });
+  const alignKey = options.alignment ?? "center";
+  const { alignItems, justifyContent } = ZStackAlignment[alignKey];
+  tag.style.flex.setAlignItems(alignItems);
+  tag.style.flex.setJustifyContent(justifyContent);
+  return tag;
+}
+function zstack(optionsOrChild, ...children) {
+  if (isZStackOptions(optionsOrChild)) {
+    const tag2 = makeZStack(optionsOrChild);
+    addChildren(tag2, children);
+    return tag2;
+  }
+  const tag = makeZStack({});
+  if (optionsOrChild !== void 0) {
+    addChildren(tag, [optionsOrChild, ...children]);
+  }
+  return tag;
+}
+function spacer(options) {
+  const tag = new PairType("div");
+  tag.style.flex.setFlexValue("1 1 auto");
+  if (options?.minLength !== void 0) {
+    tag.minWidth(`${options.minLength}px`);
+  }
+  return tag;
+}
+function divider(direction = "horizontal") {
+  const tag = new PairType("div");
+  tag.background("currentColor");
+  tag.opacity("0.15");
+  if (direction === "vertical") {
+    tag.width("1px");
+    tag.style.flex.setAlignSelf("stretch");
+  } else {
+    tag.height("1px");
+    tag.width("100%");
+  }
+  return tag;
+}
+
+// src/view/primitives.ts
+function VStack(options, ...children) {
+  if (options !== void 0) {
+    return vstack(options, ...children);
+  }
+  const [first, ...rest] = children;
+  return first !== void 0 ? vstack(first, ...rest) : vstack();
+}
+function HStack(options, ...children) {
+  if (options !== void 0) {
+    return hstack(options, ...children);
+  }
+  const [first, ...rest] = children;
+  return first !== void 0 ? hstack(first, ...rest) : hstack();
+}
+function Text(content) {
+  return p(content);
+}
+function Image(src, alt) {
+  return img({ src, alt });
+}
+function Section(...children) {
+  return section(...children);
+}
+function Spacer(options) {
+  return spacer(options);
+}
+function Heading(level, content) {
+  switch (level) {
+    case 1:
+      return h1(content);
+    case 2:
+      return h2(content);
+    case 3:
+      return h3(content);
+    case 4:
+      return h4(content);
+    case 5:
+      return h5(content);
+    case 6:
+      return h6(content);
+    default:
+      throw new Error(`invalid heading level: ${level}`);
+  }
+}
+function Link(options, ...children) {
+  const attrs = { href: options.href };
+  if (options.target !== void 0) {
+    attrs.target = options.target;
+  }
+  if (options.rel !== void 0) {
+    attrs.rel = options.rel;
+  } else if (options.target === "_blank") {
+    attrs.rel = "noopener noreferrer";
+  }
+  return a(attrs, ...children);
+}
+function Button(options, ...children) {
+  const type = options?.type ?? "button";
+  return button({ type }, ...children);
+}
+
+// src/view/app-slot.ts
+function AppSlot(optionsOrId) {
+  const id = typeof optionsOrId === "string" ? optionsOrId : optionsOrId.id;
+  if (id === "") {
+    throw new Error("AppSlot id must be a non-empty string");
+  }
+  return {
+    protoRender(_ctx) {
+      return `<div data-draftole-mount="${id}"></div>`;
+    },
+    collectCssStyleString() {
+      return "";
+    }
+  };
+}
+
+export {
+  PageDocument,
+  page,
+  Alignment,
+  ZStackAlignment,
+  hstack,
+  vstack,
+  zstack,
+  spacer,
+  divider,
+  VStack,
+  HStack,
+  Text,
+  Image,
+  Section,
+  Spacer,
+  Heading,
+  Link,
+  Button,
+  AppSlot
+};
+//# sourceMappingURL=chunk-YK4Y4ENL.js.map

package/dist/chunk-YK4Y4ENL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/view/static-page-writer.ts","../src/view/page.ts","../src/css/constants/alignment.ts","../src/html/layout/layout-factories.ts","../src/view/primitives.ts","../src/view/app-slot.ts"],"sourcesContent":["import { mkdirSync, writeFileSync } from 'node:fs';\nimport { join } from 'node:path';\nimport type { Root } from '../html/elements/root.js';\nimport { ExportableError } from '../publisher/exportable-error.js';\nimport { errorToString } from '../utils/errors.js';\n\n/**\n * 静的ページ書き出しのオプション。\n *\n * design.md §6.3 で定義された `StaticExportOptions` インターフェース。\n *\n * - `htmlFileName`: 出力 HTML ファイル名（デフォルト: `'index.html'`）\n * - `cssFileName`: 出力 CSS ファイル名（デフォルト: `'style.css'`）。`inlineCss=false` のときのみ使用\n * - `inlineCss`: CSS を `<style>` タグとして HTML 内に埋め込むか（デフォルト: `true`）\n *\n * @public\n */\nexport interface StaticExportOptions {\n  readonly htmlFileName?: string;\n  readonly cssFileName?: string;\n  readonly inlineCss?: boolean;\n}\n\n/**\n * 静的ページ書き出し専用の Writer。\n *\n * `Root.render()` と `Root.collectCssStyleString()` のみを使用し、\n * runtime prelude / `Root.renderJs()` / `Root.renderVanillaScript()` /\n * `FileExporter` のいずれにも依存しない。JS ファイル（`runtime.js`,\n * `app.js`, `script.js` など）は一切生成しない。\n *\n * design.md §6.4 のサービス契約に対応する。\n *\n * @public\n */\nexport class StaticPageWriter {\n  /**\n   * `root` を `outputPath` 配下に静的ファイルとして書き出す。\n   *\n   * - デフォルト（`inlineCss=true`）では `index.html` のみ出力し、\n   *   CSS を `<style>` タグとして `</head>` 直前に埋め込む。\n   * - `inlineCss=false` のときは `index.html` と `style.css` を出力し、\n   *   `<link rel=\"stylesheet\">` を `</head>` 直前に挿入する。\n   * - CSS が空文字列の場合は CSS 関連の出力・挿入を完全にスキップする。\n   *\n   * @param root - 静的検証済みの {@link Root}\n   * @param outputPath - 出力先ディレクトリパス\n   * @param options - 書き出しオプション\n   *\n   * @throws {@link ExportableError}\n   * - `invalidPath`: `outputPath` が空文字列\n   * - `writeFailed`: ディレクトリ作成またはファイル書き込みに失敗\n   */\n  write(root: Root, outputPath: string, options?: StaticExportOptions): void {\n    if (outputPath.length === 0) {\n      throw new ExportableError(\n        'invalidPath',\n        outputPath,\n        'Output path must not be empty',\n      );\n    }\n\n    const htmlFileName = options?.htmlFileName ?? 'index.html';\n    const cssFileName = options?.cssFileName ?? 'style.css';\n    const inlineCss = options?.inlineCss ?? true;\n\n    // Root からは render() / collectCssStyleString() のみを呼ぶ。\n    // renderJs() / renderVanillaScript() / collectJsContent() / export() には依存しない。\n    const htmlContent = root.render();\n    const cssContent = root.collectCssStyleString();\n    const hasCss = cssContent.trim().length > 0;\n\n    // ディレクトリを作成（存在しない場合は再帰的に）\n    try {\n      mkdirSync(outputPath, { recursive: true });\n    } catch (error) {\n      throw new ExportableError(\n        'writeFailed',\n        outputPath,\n        `Failed to create directory: ${errorToString(error)}`,\n      );\n    }\n\n    // HTML へ CSS を埋め込む / link を挿入する\n    let finalHtml = htmlContent;\n    if (hasCss) {\n      const headEndIndex = finalHtml.indexOf('</head>');\n      if (headEndIndex !== -1) {\n        const insertion = inlineCss\n          ? `<style>\\n${cssContent}\\n</style>\\n`\n          : `<link rel=\"stylesheet\" href=\"${cssFileName}\">\\n`;\n        finalHtml =\n          finalHtml.slice(0, headEndIndex) +\n          insertion +\n          finalHtml.slice(headEndIndex);\n      }\n    }\n\n    try {\n      writeFileSync(join(outputPath, htmlFileName), finalHtml, 'utf-8');\n      if (hasCss && !inlineCss) {\n        writeFileSync(join(outputPath, cssFileName), cssContent, 'utf-8');\n      }\n    } catch (error) {\n      throw new ExportableError(\n        'writeFailed',\n        outputPath,\n        `Failed to write files: ${errorToString(error)}`,\n      );\n    }\n  }\n}\n","import { Root } from '../html/elements/root.js';\nimport { HtmlTag } from '../html/elements/html-tag.js';\nimport { TextType } from '../html/elements/text-type.js';\nimport { body, head, html, main, meta, title } from '../html/tags/index.js';\nimport { StaticPageWriter, type StaticExportOptions } from './static-page-writer.js';\nimport type { PageOptions, StaticView } from './types.js';\n\nexport type { StaticExportOptions } from './static-page-writer.js';\n\n/**\n * 静的ページの境界オブジェクト。\n *\n * 内部で {@link Root} を保持するが外部 API では露出しない。\n * `render()` は HTML + inline CSS を返し、`export()` は {@link StaticPageWriter} に委譲する。\n *\n * design.md §6.3 / requirements.md 4.2, 5.1, 5.2 に対応。\n *\n * 構築時 pure validation を {@link page} ファクトリで 1 度だけ実施するため、\n * `render()` / `export()` 側では再検証しない（冪等性）。\n */\nexport class PageDocument {\n  private readonly _root: Root;\n\n  /**\n   * @internal `page()` ファクトリからのみ呼び出されることを想定する。\n   *           外部から直接構築すると静的性検証を素通りするため非推奨。\n   */\n  constructor(root: Root) {\n    this._root = root;\n  }\n\n  render(): string {\n    const htmlStr = this._root.render();\n    const css = this._root.collectCssStyleString();\n    if (css.length === 0) return htmlStr;\n    const styleTag = `<style>\\n${css}\\n</style>`;\n    const insertPoint = htmlStr.indexOf('</head>');\n    if (insertPoint === -1) return htmlStr;\n    return `${htmlStr.slice(0, insertPoint)}${styleTag}\\n${htmlStr.slice(insertPoint)}`;\n  }\n\n  export(outputPath: string, options?: StaticExportOptions): void {\n    new StaticPageWriter().write(this._root, outputPath, options);\n  }\n}\n\n/**\n * `arg` が `PageOptions` かどうかを判別する内部型ガード。\n *\n * `StaticView` は `protoRender` プロパティを持つ（design.md §6.1）ため、\n * `protoRender` が存在しないオブジェクトを `PageOptions` として扱う。\n */\nfunction isPageOptions(arg: unknown): arg is PageOptions {\n  return typeof arg === 'object' && arg !== null && !('protoRender' in arg);\n}\n\n/**\n * 静的ページのファクトリ。\n *\n * design.md §6.2 に準拠し `StaticView` を受け取り {@link PageDocument} を返す。\n *\n * **レイアウト契約**: 渡した StaticView は `<main>` の直接の子として縦方向に積まれる（ブロックフロー）。\n * ページルート自体のレイアウト変更は不可。横並び等が必要な場合は View 側でコンテナを組むこと。\n *\n * 構築時 pure validation:\n * - 新規 `Root` 構築直後に `_root.collectUsedMethods()` / `_root.collectJsContent()`\n *   を 1 回だけ読み取り専用 walk として実行する。\n * - いずれかが非空なら `Error('page surface does not allow runtime content: <hint>')`\n *   を throw し、`PageDocument` は生成されない（requirements.md 3.2）。\n * - `protoRender()` は呼ばないため `RenderContext.registry.reset()` 等の\n *   レンダー副作用は発生しない（design.md §6.3 冪等性）。\n */\n// View のみ（options なし）\nexport function page(...views: StaticView[]): PageDocument;\n// Views + options（末尾）\nexport function page(...args: [...StaticView[], PageOptions]): PageDocument;\nexport function page(...args: (StaticView | PageOptions)[]): PageDocument {\n  const lastArg = args[args.length - 1];\n  const options = args.length > 0 && isPageOptions(lastArg) ? (lastArg as PageOptions) : undefined;\n  const views = options !== undefined ? (args.slice(0, -1) as StaticView[]) : (args as StaticView[]);\n  const root = new Root();\n  root.setDoctype(true);\n\n  const charsetMeta = meta({ charset: options?.charset ?? 'UTF-8' });\n\n  const viewportMeta = options?.viewport !== undefined\n    ? meta({ name: 'viewport', content: options.viewport })\n    : undefined;\n\n  const descriptionMeta = options?.description !== undefined\n    ? meta({ name: 'description', content: options.description })\n    : undefined;\n\n  const titleEl = title(options?.title ?? '');\n\n  const metaList = [charsetMeta, viewportMeta, descriptionMeta, titleEl]\n    .filter((el): el is NonNullable<typeof el> => el !== undefined);\n\n  const headEl = head(...metaList);\n  // `StaticView` は narrow interface（design.md §6.1）であり、`HtmlTag`\n  // が構造的にこれを満たす。`main(...)` / `body(...)` はタグ構築側の `ChildArg` 型を\n  // 期待するため、ここで `unknown` 経由のキャストでブリッジする（design.md §6.2）。\n  // `HtmlTag` インスタンスでない純粋な `StaticView`（AppSlot 等）は\n  // `TextType.raw(protoRender())` でラップしてから渡す。\n  const resolvedViews = views.map((v) =>\n    v instanceof HtmlTag ? v : TextType.raw(v.protoRender()),\n  );\n  const mainEl = main(...(resolvedViews as unknown as Parameters<typeof main>));\n  const bodyEl = body(mainEl as unknown as Parameters<typeof body>[0]);\n  const htmlEl = options?.lang !== undefined\n    ? html({ lang: options.lang }, headEl, bodyEl)\n    : html(headEl, bodyEl);\n\n  root.addChild(htmlEl);\n\n  // 構築時 pure validation: runtime 担持を 1 回だけ検査（読み取り専用 walk）。\n  const usedMethods = root.collectUsedMethods();\n  const jsContent = root.collectJsContent();\n  if (usedMethods.size > 0 || jsContent.length > 0) {\n    const hints: string[] = [];\n    if (usedMethods.size > 0) {\n      hints.push(`jQuery methods=[${Array.from(usedMethods).join(',')}]`);\n    }\n    if (jsContent.length > 0) {\n      hints.push('inline js content');\n    }\n    throw new Error(\n      `page surface does not allow runtime content: ${hints.join('; ')}`,\n    );\n  }\n\n  return new PageDocument(root);\n}\n","/**\n * Alignment 定数と型定義\n *\n * SwiftUI の Alignment に対応する CSS 値の定数を提供する。\n */\n\nexport const Alignment = {\n  center:   'center',\n  leading:  'flex-start',\n  trailing: 'flex-end',\n  top:      'flex-start',\n  bottom:   'flex-end',\n} as const;\n\nexport type AlignmentValue = typeof Alignment[keyof typeof Alignment];\n\nexport const ZStackAlignment = {\n  center:        { alignItems: 'center',     justifyContent: 'center'     },\n  topLeading:    { alignItems: 'flex-start', justifyContent: 'flex-start' },\n  topTrailing:   { alignItems: 'flex-start', justifyContent: 'flex-end'   },\n  bottomLeading: { alignItems: 'flex-end',   justifyContent: 'flex-start' },\n  bottomTrailing:{ alignItems: 'flex-end',   justifyContent: 'flex-end'   },\n  top:           { alignItems: 'flex-start', justifyContent: 'center'     },\n  bottom:        { alignItems: 'flex-end',   justifyContent: 'center'     },\n  leading:       { alignItems: 'center',     justifyContent: 'flex-start' },\n  trailing:      { alignItems: 'center',     justifyContent: 'flex-end'   },\n} as const;\n\nexport type ZStackAlignmentKey = keyof typeof ZStackAlignment;\n","/**\n * layout-factories.ts\n *\n * SwiftUI ライクなレイアウトコンテナファクトリ関数。\n * hstack / vstack / zstack / spacer / divider を提供する。\n *\n * Requirements: 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 2.1, 2.2, 2.3, 2.4, 3.1, 3.2, 3.3, 3.4,\n *               4.1, 4.2, 4.3, 4.4, 5.1, 5.2, 5.3, 5.4\n */\nimport { PairType } from '../elements/pair-type.js';\nimport { TextType } from '../elements/text-type.js';\nimport type { StackOptions, ZStackOptions, SpacerOptions, LayoutChild } from './layout-types.js';\nimport { ZStackAlignment } from '../../css/constants/alignment.js';\n\n// ---------------------------------------------------------------------------\n// 内部ヘルパー\n// ---------------------------------------------------------------------------\n\n/**\n * `LayoutChild` が `StackOptions` かどうかを判定するランタイム型ガード。\n *\n * `StackOptions` はプレーンオブジェクトで、`PairType`（HtmlTag サブクラス）\n * でも string でもないものを StackOptions とみなす。\n *\n * @internal\n */\nfunction isStackOptions(\n  value: StackOptions | LayoutChild | undefined,\n): value is StackOptions {\n  if (value === undefined) return false;\n  if (typeof value === 'string') return false;\n  // LayoutChild の HtmlTag サブクラスかどうかは constructor.name や instanceof で判定する。\n  // PairType は HtmlTag → Object の継承チェーンを持つため、\n  // 'tagType' プロパティの有無でタグ要素と判別する。\n  if (typeof value === 'object' && 'tagType' in value) return false;\n  return true;\n}\n\n/**\n * 子要素リストを PairType に追加するユーティリティ。\n *\n * - string → TextType (escape: true) に変換して追加\n * - HtmlTag → そのまま追加\n *\n * @internal\n */\nfunction addChildren(tag: PairType, children: LayoutChild[]): void {\n  for (const child of children) {\n    if (typeof child === 'string') {\n      tag.addChild(new TextType(child, { escape: true }));\n    } else {\n      tag.addChild(child);\n    }\n  }\n}\n\n/**\n * flex スタックコンテナの基礎 PairType を作成し、\n * オプションに基づいて flex CSS プロパティを設定する。\n *\n * @param direction - 'row' (hstack) または 'column' (vstack)\n * @param options - StackOptions\n * @returns 設定済み PairType\n *\n * @internal\n */\nfunction makeStack(direction: 'row' | 'column', options: StackOptions): PairType {\n  const tag = new PairType('div');\n\n  // display: flex + flex-direction\n  tag.style.flex.setFlex({ direction });\n\n  // spacing → gap\n  if (options.spacing !== undefined) {\n    tag.style.flex.setGap(`${options.spacing}px`);\n  }\n\n  // alignment → align-items\n  if (options.alignment !== undefined) {\n    tag.style.flex.setAlignItems(options.alignment);\n  }\n\n  // wrap → flex-wrap: wrap\n  if (options.wrap === true) {\n    tag.style.flex.setFlexWrap('wrap');\n  }\n\n  return tag;\n}\n\n// ---------------------------------------------------------------------------\n// Public API\n// ---------------------------------------------------------------------------\n\n/**\n * 水平スタックコンテナ（display: flex; flex-direction: row）を生成するファクトリ。\n *\n * **呼び出しパターン:**\n * ```typescript\n * hstack()                                // 空コンテナ\n * hstack(child1, child2)                  // 子要素のみ\n * hstack({ spacing: 12 })                 // オプションのみ\n * hstack({ spacing: 8, alignment: 'center' }, child1, child2) // オプション + 子要素\n * ```\n *\n * **生成 CSS:**\n * - `display: flex; flex-direction: row`\n * - `spacing` → `gap: {n}px`\n * - `alignment` → `align-items: {value}`\n * - `wrap: true` → `flex-wrap: wrap`\n *\n * Requirements: 1.1, 1.2, 1.3, 1.4, 1.5, 1.6\n *\n * @param optionsOrChild - StackOptions または最初の子要素（省略可）\n * @param children - 追加の子要素\n * @returns display:flex; flex-direction:row が設定された PairType\n */\nexport function hstack(\n  optionsOrChild?: StackOptions | LayoutChild,\n  ...children: LayoutChild[]\n): PairType {\n  if (isStackOptions(optionsOrChild)) {\n    const tag = makeStack('row', optionsOrChild);\n    addChildren(tag, children);\n    return tag;\n  }\n\n  // optionsOrChild は LayoutChild または undefined\n  const tag = makeStack('row', {});\n  if (optionsOrChild !== undefined) {\n    addChildren(tag, [optionsOrChild, ...children]);\n  } else {\n    addChildren(tag, children);\n  }\n  return tag;\n}\n\n/**\n * 垂直スタックコンテナ（display: flex; flex-direction: column）を生成するファクトリ。\n *\n * **呼び出しパターン:**\n * ```typescript\n * vstack()                                // 空コンテナ\n * vstack(child1, child2)                  // 子要素のみ\n * vstack({ spacing: 14 })                 // オプションのみ\n * vstack({ spacing: 8, alignment: 'center' }, child1, child2) // オプション + 子要素\n * ```\n *\n * **生成 CSS:**\n * - `display: flex; flex-direction: column`\n * - `spacing` → `gap: {n}px`\n * - `alignment` → `align-items: {value}`\n * - `wrap: true` → `flex-wrap: wrap`\n *\n * Requirements: 2.1, 2.2, 2.3, 2.4\n *\n * @param optionsOrChild - StackOptions または最初の子要素（省略可）\n * @param children - 追加の子要素\n * @returns display:flex; flex-direction:column が設定された PairType\n */\nexport function vstack(\n  optionsOrChild?: StackOptions | LayoutChild,\n  ...children: LayoutChild[]\n): PairType {\n  if (isStackOptions(optionsOrChild)) {\n    const tag = makeStack('column', optionsOrChild);\n    addChildren(tag, children);\n    return tag;\n  }\n\n  // optionsOrChild は LayoutChild または undefined\n  const tag = makeStack('column', {});\n  if (optionsOrChild !== undefined) {\n    addChildren(tag, [optionsOrChild, ...children]);\n  } else {\n    addChildren(tag, children);\n  }\n  return tag;\n}\n\n// ---------------------------------------------------------------------------\n// ZStack 内部ヘルパー\n// ---------------------------------------------------------------------------\n\n/**\n * `ZStackOptions | LayoutChild | undefined` が `ZStackOptions` かどうかを判定するランタイム型ガード。\n *\n * @internal\n */\nfunction isZStackOptions(\n  value: ZStackOptions | LayoutChild | undefined,\n): value is ZStackOptions {\n  if (value === undefined) return false;\n  if (typeof value === 'string') return false;\n  // HtmlTag サブクラスは 'tagType' プロパティを持つ\n  if (typeof value === 'object' && 'tagType' in value) return false;\n  return true;\n}\n\n/**\n * ZStack グリッドコンテナの PairType を作成し、\n * CSS Grid overlap 方式のプロパティを設定する。\n *\n * CSS: `display:grid; grid-template-areas:\"stack\"; grid-template-rows:1fr; grid-template-columns:1fr`\n * デフォルト alignment: ZStackAlignment.center（align-items:center; justify-content:center）\n *\n * @param options - ZStackOptions\n * @returns 設定済み PairType\n *\n * @internal\n */\nfunction makeZStack(options: ZStackOptions): PairType {\n  const tag = new PairType('div');\n\n  // display:grid + grid-template-areas + rows/columns（CSS Grid overlap 方式）\n  tag.style.grid.setGrid({ areas: '\"stack\"', rows: '1fr', columns: '1fr' });\n\n  // alignment → align-items / justify-content\n  // ZStackOptions.alignment が未指定の場合はデフォルト 'center' を使用する\n  const alignKey = options.alignment ?? 'center';\n  const { alignItems, justifyContent } = ZStackAlignment[alignKey];\n  tag.style.flex.setAlignItems(alignItems);\n  tag.style.flex.setJustifyContent(justifyContent);\n\n  return tag;\n}\n\n// ---------------------------------------------------------------------------\n// Public API: zstack\n// ---------------------------------------------------------------------------\n\n/**\n * 重ね合わせスタックコンテナ（CSS Grid overlap 方式）を生成するファクトリ。\n *\n * **呼び出しパターン:**\n * ```typescript\n * zstack()                                    // 空コンテナ（デフォルト: center/center）\n * zstack(child1, child2)                      // 子要素のみ\n * zstack({ alignment: 'topLeading' })         // オプションのみ\n * zstack({ alignment: 'center' }, child1)     // オプション + 子要素\n * ```\n *\n * **生成 CSS:**\n * - `display: grid`\n * - `grid-template-areas: \"stack\"`\n * - `grid-template-rows: 1fr`\n * - `grid-template-columns: 1fr`\n * - `align-items: center`（デフォルト）\n * - `justify-content: center`（デフォルト）\n *\n * **注意:** 子要素への `grid-area: stack` の自動適用は行わない。\n *\n * Requirements: 3.1, 3.2, 3.3, 3.4\n *\n * @param optionsOrChild - ZStackOptions または最初の子要素（省略可）\n * @param children - 追加の子要素\n * @returns CSS Grid overlap が設定された PairType\n */\nexport function zstack(\n  optionsOrChild?: ZStackOptions | LayoutChild,\n  ...children: LayoutChild[]\n): PairType {\n  if (isZStackOptions(optionsOrChild)) {\n    const tag = makeZStack(optionsOrChild);\n    addChildren(tag, children);\n    return tag;\n  }\n\n  // optionsOrChild は LayoutChild または undefined\n  const tag = makeZStack({});\n  if (optionsOrChild !== undefined) {\n    addChildren(tag, [optionsOrChild, ...children]);\n  }\n  return tag;\n}\n\n// ---------------------------------------------------------------------------\n// Public API: spacer\n// ---------------------------------------------------------------------------\n\n/**\n * フレキシブルスペーサー（flex:1 1 auto）を生成するファクトリ。\n *\n * **呼び出しパターン:**\n * ```typescript\n * spacer()                    // flex:1 1 auto のみ\n * spacer({ minLength: 8 })    // flex:1 1 auto; min-width:8px\n * ```\n *\n * **生成 CSS:**\n * - `flex: 1 1 auto`\n * - `minLength` → `min-width: {n}px`\n *\n * Requirements: 4.1, 4.2, 4.3, 4.4\n *\n * @param options - SpacerOptions（省略可）\n * @returns flex:1 1 auto が設定された PairType\n */\nexport function spacer(options?: SpacerOptions): PairType {\n  const tag = new PairType('div');\n\n  // flex: 1 1 auto（スペーサーの基本動作）\n  tag.style.flex.setFlexValue('1 1 auto');\n\n  // minLength → min-width:{n}px\n  if (options?.minLength !== undefined) {\n    tag.minWidth(`${options.minLength}px`);\n  }\n\n  return tag;\n}\n\n// ---------------------------------------------------------------------------\n// Public API: divider\n// ---------------------------------------------------------------------------\n\n/**\n * 区切り線（水平または垂直）を生成するファクトリ。\n *\n * **呼び出しパターン:**\n * ```typescript\n * divider()               // 水平区切り線（デフォルト）\n * divider('horizontal')   // 水平区切り線\n * divider('vertical')     // 垂直区切り線\n * ```\n *\n * **生成 CSS:**\n * - 水平: `height:1px; background:currentColor; opacity:0.15; width:100%`\n * - 垂直: `width:1px; background:currentColor; opacity:0.15; align-self:stretch`\n *\n * Requirements: 5.1, 5.2, 5.3, 5.4\n *\n * @param direction - 'horizontal'（デフォルト）または 'vertical'\n * @returns 区切り線 CSS が設定された PairType\n */\nexport function divider(direction: 'horizontal' | 'vertical' = 'horizontal'): PairType {\n  const tag = new PairType('div');\n\n  // 共通スタイル\n  tag.background('currentColor');\n  tag.opacity('0.15');\n\n  if (direction === 'vertical') {\n    // 垂直区切り線\n    tag.width('1px');\n    tag.style.flex.setAlignSelf('stretch');\n  } else {\n    // 水平区切り線（デフォルト）\n    tag.height('1px');\n    tag.width('100%');\n  }\n\n  return tag;\n}\n","import { a, button, h1, h2, h3, h4, h5, h6, img, p, section } from '../html/tags/index.js';\nimport { hstack, spacer, vstack } from '../html/layout/layout-factories.js';\nimport type { ButtonOptions, HeadingLevel, LinkOptions, View } from './types.js';\nimport type { StackOptions, SpacerOptions } from '../html/layout/layout-types.js';\nimport type { PairType } from '../html/elements/pair-type.js';\nimport type { SelfClosingType } from '../html/elements/self-closing-type.js';\nimport type { LayoutChild } from '../html/layout/layout-types.js';\n\nexport function VStack(options?: StackOptions, ...children: View[]): PairType {\n  if (options !== undefined) {\n    return vstack(options, ...(children as LayoutChild[]));\n  }\n  const [first, ...rest] = children as LayoutChild[];\n  return first !== undefined ? vstack(first, ...rest) : vstack();\n}\n\nexport function HStack(options?: StackOptions, ...children: View[]): PairType {\n  if (options !== undefined) {\n    return hstack(options, ...(children as LayoutChild[]));\n  }\n  const [first, ...rest] = children as LayoutChild[];\n  return first !== undefined ? hstack(first, ...rest) : hstack();\n}\n\nexport function Text(content: string): PairType {\n  return p(content);\n}\n\nexport function Image(src: string, alt: string): SelfClosingType {\n  return img({ src, alt });\n}\n\nexport function Section(...children: View[]): PairType {\n  return section(...children);\n}\n\nexport function Spacer(options?: SpacerOptions): PairType {\n  return spacer(options);\n}\n\nexport function Heading(level: HeadingLevel, content: string): PairType {\n  switch (level) {\n    case 1: return h1(content);\n    case 2: return h2(content);\n    case 3: return h3(content);\n    case 4: return h4(content);\n    case 5: return h5(content);\n    case 6: return h6(content);\n    default: throw new Error(`invalid heading level: ${level}`);\n  }\n}\n\nexport function Link(options: LinkOptions, ...children: View[]): PairType {\n  const attrs: Record<string, string> = { href: options.href };\n  if (options.target !== undefined) {\n    attrs.target = options.target;\n  }\n  if (options.rel !== undefined) {\n    attrs.rel = options.rel;\n  } else if (options.target === '_blank') {\n    attrs.rel = 'noopener noreferrer';\n  }\n  return a(attrs, ...children);\n}\n\nexport function Button(options: ButtonOptions | undefined, ...children: View[]): PairType {\n  const type = options?.type ?? 'button';\n  return button({ type }, ...children);\n}\n","import type { RenderContext } from '../html/elements/render-context.js';\nimport type { StaticView } from './types.js';\n\n/**\n * AppSlot — マウントポイントを表す StaticView プリミティブ。\n *\n * `data-draftole-mount` 属性を持つ `<div>` を生成し、\n * ランタイム系の App コンポーネントをマウントする際の\n * プレースホルダとして機能する。\n *\n * - `protoRender()` は `<div data-draftole-mount=\"${id}\"></div>` を返す。\n * - `collectCssStyleString()` は空文字列を返す（CSS なし）。\n * - runtime メソッド（jqm / state / script 等）は持たない。\n * - `app/` モジュールへの依存を持たない。\n */\nexport interface AppSlotOptions {\n  readonly id: string;\n}\n\nexport function AppSlot(options: AppSlotOptions): StaticView;\nexport function AppSlot(id: string): StaticView;\nexport function AppSlot(optionsOrId: AppSlotOptions | string): StaticView {\n  const id = typeof optionsOrId === 'string' ? optionsOrId : optionsOrId.id;\n\n  if (id === '') {\n    throw new Error('AppSlot id must be a non-empty string');\n  }\n\n  return {\n    protoRender(_ctx?: RenderContext): string {\n      return `<div data-draftole-mount=\"${id}\"></div>`;\n    },\n    collectCssStyleString(): string {\n      return '';\n    },\n  };\n}\n"],"mappings":"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","names":["tag"]}