npm - @growgroup/visual-editor - Versions diffs - 0.1.0 - Mend

@growgroup/visual-editor 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (219) hide show

package/LICENSE +21 -0
package/NOTICE +52 -0
package/README.md +143 -0
package/dist/editor.css +2 -0
package/package.json +94 -0
package/src/components/DeckSlideRender.tsx +21 -0
package/src/components/SaveNote.tsx +21 -0
package/src/components/auth/AuthProvider.tsx +44 -0
package/src/components/ui/accordion.tsx +57 -0
package/src/components/ui/alert-dialog.tsx +141 -0
package/src/components/ui/badge.tsx +36 -0
package/src/components/ui/button.tsx +56 -0
package/src/components/ui/card.tsx +76 -0
package/src/components/ui/checkbox.tsx +30 -0
package/src/components/ui/collapsible.tsx +11 -0
package/src/components/ui/context-menu.tsx +200 -0
package/src/components/ui/dialog.tsx +122 -0
package/src/components/ui/dropdown-menu.tsx +201 -0
package/src/components/ui/input.tsx +22 -0
package/src/components/ui/label.tsx +26 -0
package/src/components/ui/popover.tsx +33 -0
package/src/components/ui/scroll-area.tsx +48 -0
package/src/components/ui/scrubbable-label.tsx +95 -0
package/src/components/ui/select.tsx +159 -0
package/src/components/ui/separator.tsx +31 -0
package/src/components/ui/slider.tsx +28 -0
package/src/components/ui/switch.tsx +29 -0
package/src/components/ui/tabs.tsx +55 -0
package/src/components/ui/textarea.tsx +22 -0
package/src/components/ui/tooltip.tsx +32 -0
package/src/components/viewer/useDeck.ts +58 -0
package/src/editor/EditorContext.tsx +632 -0
package/src/editor/EditorToolbar.tsx +446 -0
package/src/editor/FrontendVisualEditor.tsx +2595 -0
package/src/editor/autosave.ts +34 -0
package/src/editor/components/AiPromptPopover.tsx +378 -0
package/src/editor/components/BreakpointGuides.tsx +323 -0
package/src/editor/components/BreakpointSelector.tsx +180 -0
package/src/editor/components/ComponentPropertyEditor.tsx +426 -0
package/src/editor/components/CssEditorDialog.tsx +168 -0
package/src/editor/components/EditorCanvas.tsx +987 -0
package/src/editor/components/EditorContextMenu.tsx +515 -0
package/src/editor/components/EditorFooter.tsx +81 -0
package/src/editor/components/EditorHeader.tsx +524 -0
package/src/editor/components/EditorLayerPanel.tsx +1197 -0
package/src/editor/components/EditorPropertyPanel.tsx +2996 -0
package/src/editor/components/EditorSidebar.tsx +226 -0
package/src/editor/components/FigmaColorPicker.tsx +1577 -0
package/src/editor/components/HtmlEditorDialog.tsx +71 -0
package/src/editor/components/HtmlImportDialog.tsx +346 -0
package/src/editor/components/JsEditorDialog.tsx +175 -0
package/src/editor/components/LayerTreeItem.tsx +494 -0
package/src/editor/components/MasterComponentEditor.tsx +846 -0
package/src/editor/components/MediaLibraryDialog.tsx +447 -0
package/src/editor/components/PageSettingsDialog.tsx +776 -0
package/src/editor/components/VariablePicker.tsx +355 -0
package/src/editor/components/VariablesDialog.tsx +564 -0
package/src/editor/components/VariantEditor.tsx +687 -0
package/src/editor/components/VariantMatrix.tsx +507 -0
package/src/editor/components/component-panel/CategoryAccordion.tsx +139 -0
package/src/editor/components/component-panel/ComponentGrid.tsx +51 -0
package/src/editor/components/component-panel/ComponentItem.tsx +368 -0
package/src/editor/components/component-panel/ComponentPanel.tsx +275 -0
package/src/editor/components/component-panel/ComponentSearch.tsx +82 -0
package/src/editor/components/component-panel/VariantList.tsx +260 -0
package/src/editor/components/component-panel/index.ts +12 -0
package/src/editor/components/index.ts +48 -0
package/src/editor/components/multi-page/CanvasZoomControls.tsx +71 -0
package/src/editor/components/multi-page/InfiniteCanvas.tsx +95 -0
package/src/editor/components/multi-page/MultiPageCanvasView.tsx +1404 -0
package/src/editor/components/multi-page/PageFrameOverlay.tsx +76 -0
package/src/editor/components/multi-page/PageLabel.tsx +34 -0
package/src/editor/components/multi-page/PageLivePreview.tsx +242 -0
package/src/editor/components/multi-page/PageThumbnail.tsx +59 -0
package/src/editor/components/multi-page/index.ts +7 -0
package/src/editor/components/ppt/PptChrome.tsx +2508 -0
package/src/editor/components/ppt/PptComments.tsx +589 -0
package/src/editor/components/ppt/PptDesignProposals.tsx +275 -0
package/src/editor/components/ppt/PptFormatPane.tsx +320 -0
package/src/editor/components/ppt/PptNotes.tsx +246 -0
package/src/editor/components/property-panel/AlignmentPanel.tsx +110 -0
package/src/editor/components/property-panel/AutoLayoutPanel.tsx +615 -0
package/src/editor/components/property-panel/BorderSection.tsx +104 -0
package/src/editor/components/property-panel/CompactNumberInput.tsx +237 -0
package/src/editor/components/property-panel/CompactSizeInput.tsx +148 -0
package/src/editor/components/property-panel/EffectSection.tsx +157 -0
package/src/editor/components/property-panel/FillSection.tsx +69 -0
package/src/editor/components/property-panel/GoogleFontPicker.tsx +192 -0
package/src/editor/components/property-panel/ImageSection.tsx +206 -0
package/src/editor/components/property-panel/ImgSrcSection.tsx +125 -0
package/src/editor/components/property-panel/InstanceOverrideSection.tsx +413 -0
package/src/editor/components/property-panel/LayoutSection.tsx +105 -0
package/src/editor/components/property-panel/LinkSection.tsx +103 -0
package/src/editor/components/property-panel/PropertyVariablePicker.tsx +311 -0
package/src/editor/components/property-panel/ScalePanel.tsx +212 -0
package/src/editor/components/property-panel/TypographySection.tsx +230 -0
package/src/editor/components/property-panel/UnitAwareNumberInput.tsx +238 -0
package/src/editor/components/property-panel/VariableAwareColorInput.tsx +477 -0
package/src/editor/components/property-panel/VariableAwareInput.tsx +606 -0
package/src/editor/components/property-panel/VariableAwareSizeInput.tsx +588 -0
package/src/editor/components/property-panel/VariableAwareUnitInput.tsx +546 -0
package/src/editor/components/property-panel/index.ts +24 -0
package/src/editor/components/property-panel/unit-utils.ts +261 -0
package/src/editor/components/shell/EditorTopBar.tsx +392 -0
package/src/editor/components/shell/LeftPanel.tsx +47 -0
package/src/editor/components/shell/PagesPanel.tsx +118 -0
package/src/editor/components/variables-panel/ColorValueCell.tsx +165 -0
package/src/editor/components/variables-panel/TextValueCell.tsx +116 -0
package/src/editor/components/variables-panel/VariablesPanel.tsx +518 -0
package/src/editor/components/variables-panel/index.ts +7 -0
package/src/editor/constants.ts +468 -0
package/src/editor/contexts/EditorArtboardContext.tsx +229 -0
package/src/editor/contexts/EditorComponentsContext.tsx +1320 -0
package/src/editor/contexts/EditorDocumentContext.tsx +113 -0
package/src/editor/contexts/EditorHistoryContext.tsx +516 -0
package/src/editor/contexts/EditorRefsContext.tsx +204 -0
package/src/editor/contexts/EditorSelectionContext.tsx +54 -0
package/src/editor/contexts/EditorToolContext.tsx +58 -0
package/src/editor/contexts/EditorUIStateContext.tsx +122 -0
package/src/editor/contexts/EditorVariablesContext.tsx +397 -0
package/src/editor/contexts/EditorViewContext.tsx +101 -0
package/src/editor/contexts/MultiPageCanvasContext.tsx +498 -0
package/src/editor/contexts/index.ts +17 -0
package/src/editor/editor-skin.css +122 -0
package/src/editor/hooks/index.ts +38 -0
package/src/editor/hooks/useAiReplace.ts +397 -0
package/src/editor/hooks/useAltMeasure.ts +67 -0
package/src/editor/hooks/useBrowserZoomPrevention.ts +121 -0
package/src/editor/hooks/useCanvasControls.ts +1222 -0
package/src/editor/hooks/useComponentEditMode.ts +658 -0
package/src/editor/hooks/useComponentInstances.ts +515 -0
package/src/editor/hooks/useContextMenuHandler.ts +157 -0
package/src/editor/hooks/useCoordinateTransform.ts +207 -0
package/src/editor/hooks/useDragResize.ts +1317 -0
package/src/editor/hooks/useDrawingMode.ts +472 -0
package/src/editor/hooks/useEditorColors.ts +144 -0
package/src/editor/hooks/useEditorMessages.ts +108 -0
package/src/editor/hooks/useElementActions.ts +1754 -0
package/src/editor/hooks/useElementSelection.ts +1573 -0
package/src/editor/hooks/useFocusManagement.ts +249 -0
package/src/editor/hooks/useGoogleFonts.ts +305 -0
package/src/editor/hooks/useIframeInitializer.ts +584 -0
package/src/editor/hooks/useIframeSetup.ts +360 -0
package/src/editor/hooks/useImageUpload.ts +270 -0
package/src/editor/hooks/useInfiniteCanvas.ts +301 -0
package/src/editor/hooks/useKeyboardShortcuts.ts +205 -0
package/src/editor/hooks/useMarqueeSelection.ts +388 -0
package/src/editor/hooks/useMediaLibrary.ts +129 -0
package/src/editor/hooks/usePageSettingsManager.ts +739 -0
package/src/editor/hooks/useResizablePanel.ts +163 -0
package/src/editor/hooks/useRichPaste.ts +255 -0
package/src/editor/hooks/useTouchGestures.ts +197 -0
package/src/editor/index.ts +27 -0
package/src/editor/types/page-settings.ts +513 -0
package/src/editor/types.ts +382 -0
package/src/editor/utils/align-elements.ts +169 -0
package/src/editor/utils/api-json.ts +21 -0
package/src/editor/utils/aspect-lock.ts +50 -0
package/src/editor/utils/component-renderer.ts +702 -0
package/src/editor/utils/component-sync.ts +845 -0
package/src/editor/utils/crop-mode.ts +265 -0
package/src/editor/utils/dom-utils.ts +2238 -0
package/src/editor/utils/element-effects.ts +218 -0
package/src/editor/utils/eyedropper.ts +35 -0
package/src/editor/utils/figma-export.ts +560 -0
package/src/editor/utils/figma-kiwi-decoder.ts +722 -0
package/src/editor/utils/figma-kiwi-encoder.ts +583 -0
package/src/editor/utils/figma-paste.ts +2262 -0
package/src/editor/utils/flex-reorder.ts +231 -0
package/src/editor/utils/flex-utils.ts +1230 -0
package/src/editor/utils/geometry.ts +232 -0
package/src/editor/utils/grid-layout.ts +210 -0
package/src/editor/utils/html-utils.ts +470 -0
package/src/editor/utils/index.ts +11 -0
package/src/editor/utils/ink-style.ts +57 -0
package/src/editor/utils/inline-format.ts +236 -0
package/src/editor/utils/measure-distance.ts +120 -0
package/src/editor/utils/override-apply.ts +526 -0
package/src/editor/utils/override-detection.ts +613 -0
package/src/editor/utils/paste-processors.ts +609 -0
package/src/editor/utils/paste-sanitizer.ts +244 -0
package/src/editor/utils/restore-flow.ts +188 -0
package/src/editor/utils/shape-library.ts +171 -0
package/src/editor/utils/slide-root.ts +29 -0
package/src/editor/utils/smart-guides.ts +218 -0
package/src/editor/utils/style-utils.ts +685 -0
package/src/editor/utils/table-edit.ts +151 -0
package/src/editor/utils/tailwind-mappings.ts +778 -0
package/src/editor/utils/tailwind-utils.ts +804 -0
package/src/editor/utils/text-highlight.ts +216 -0
package/src/editor/utils/theme-to-variables.ts +341 -0
package/src/editor/utils/variant-resolver.ts +456 -0
package/src/editor/utils/viewport-utils.ts +295 -0
package/src/hooks/useEditorHistory.ts +195 -0
package/src/hooks/useEditorShortcuts.ts +260 -0
package/src/index.ts +40 -0
package/src/io.ts +134 -0
package/src/lib/agent/slide-agent/types.ts +547 -0
package/src/lib/agent/website-agent/types.ts +805 -0
package/src/lib/api/auth-fetch.ts +58 -0
package/src/lib/deck.ts +69 -0
package/src/lib/export.ts +47 -0
package/src/lib/firebase/config.ts +29 -0
package/src/lib/firebase/css-variables.ts +378 -0
package/src/lib/firebase/editor-components.ts +677 -0
package/src/lib/firebase/storage.ts +469 -0
package/src/lib/utils.ts +6 -0
package/src/styles/editor.css +52 -0
package/src/styles/skin.css +122 -0
package/src/types/css-variables.ts +645 -0
package/src/types/editor-components.ts +944 -0
package/src/types/editor.ts +420 -0
package/src/types/page-master.ts +197 -0
package/src/types/page.ts +419 -0
package/src/types/slide.ts +402 -0
package/src/types/website-theme.ts +788 -0
package/src/types/website.ts +374 -0
package/src/vendor/firebase-firestore.ts +13 -0
package/src/vendor/firebase-functions.ts +17 -0

package/src/editor/types/page-settings.ts ADDED Viewed

@@ -0,0 +1,513 @@
+/**
+ * ページ設定の型定義
+ * プロジェクトレベルのデフォルト設定とページ単位の上書き設定をサポート
+ */
+/**
+ * OGP (Open Graph Protocol) 設定
+ */
+export interface OgpSettings {
+  /** og:title */
+  title?: string;
+  /** og:description */
+  description?: string;
+  /** og:image URL */
+  image?: string;
+  /** og:type (website, article, product など) */
+  type?: 'website' | 'article' | 'product' | 'profile' | string;
+  /** og:url */
+  url?: string;
+  /** og:site_name */
+  siteName?: string;
+  /** og:locale */
+  locale?: string;
+}
+/**
+ * Twitter Card 設定
+ */
+export interface TwitterCardSettings {
+  /** twitter:card (summary, summary_large_image, app, player) */
+  card?: 'summary' | 'summary_large_image' | 'app' | 'player';
+  /** twitter:site (@username) */
+  site?: string;
+  /** twitter:creator (@username) */
+  creator?: string;
+  /** twitter:title */
+  title?: string;
+  /** twitter:description */
+  description?: string;
+  /** twitter:image URL */
+  image?: string;
+}
+/**
+ * 外部リソース
+ */
+export interface ExternalResource {
+  /** リソースID */
+  id: string;
+  /** リソースURL */
+  url: string;
+  /** リソースタイプ */
+  type: 'css' | 'js';
+  /** 読み込み位置 (JSのみ) */
+  position?: 'head' | 'body-start' | 'body-end';
+  /** async属性 (JSのみ) */
+  async?: boolean;
+  /** defer属性 (JSのみ) */
+  defer?: boolean;
+  /** 説明・メモ */
+  description?: string;
+}
+/**
+ * Favicon設定
+ */
+export interface FaviconSettings {
+  /** 標準favicon (ICO/PNG) */
+  ico?: string;
+  /** Apple Touch Icon */
+  appleTouchIcon?: string;
+  /** 32x32 PNG */
+  png32?: string;
+  /** 16x16 PNG */
+  png16?: string;
+  /** SVG favicon */
+  svg?: string;
+  /** manifest.json URL */
+  manifest?: string;
+}
+/**
+ * プロジェクト/プレゼンテーション レベルのデフォルト設定
+ */
+export interface ProjectPageSettings {
+  // ===== 基本SEO =====
+  /** デフォルトのtitleテンプレート (例: "{page} | サイト名") */
+  titleTemplate?: string;
+  /** デフォルトのdescription */
+  defaultDescription?: string;
+  /** デフォルトのkeywords */
+  defaultKeywords?: string;
+  /** 言語設定 */
+  language?: string;
+  /** 文字エンコーディング */
+  charset?: string;
+  // ===== OGP デフォルト =====
+  ogp?: OgpSettings;
+  // ===== Twitter Card デフォルト =====
+  twitter?: TwitterCardSettings;
+  // ===== Favicon =====
+  favicon?: FaviconSettings;
+  // ===== 共通挿入コンテンツ =====
+  /** 全ページ共通の<head>追加HTML (analytics, fonts等) */
+  commonHeadHtml?: string;
+  /** 全ページ共通の<body>開始直後HTML */
+  commonBodyStartHtml?: string;
+  /** 全ページ共通の</body>直前HTML */
+  commonBodyEndHtml?: string;
+  // ===== 外部リソース =====
+  /** 全ページ共通の外部CSS */
+  externalCss?: ExternalResource[];
+  /** 全ページ共通の外部JS */
+  externalJs?: ExternalResource[];
+  // ===== 共通スタイル・スクリプト =====
+  /** 全ページ共通のカスタムCSS */
+  commonCss?: string;
+  /** 全ページ共通のカスタムJS */
+  commonJs?: string;
+}
+/**
+ * ページ/スライド レベルの設定（プロジェクト設定を上書き可能）
+ */
+export interface PageSettings {
+  // ===== 継承設定 =====
+  /** プロジェクト設定を継承するか (default: true) */
+  inheritProjectSettings?: boolean;
+  // ===== 基本SEO =====
+  /** ページタイトル */
+  title?: string;
+  /** ページ説明文 */
+  description?: string;
+  /** キーワード */
+  keywords?: string;
+  /** canonical URL */
+  canonicalUrl?: string;
+  /** robots設定 */
+  robots?: string;
+  // ===== OGP (上書き) =====
+  ogp?: OgpSettings;
+  // ===== Twitter Card (上書き) =====
+  twitter?: TwitterCardSettings;
+  // ===== ページ固有の挿入コンテンツ =====
+  /** ページ固有の<head>追加HTML */
+  customHeadHtml?: string;
+  /** ページ固有の<body>開始直後HTML */
+  bodyStartHtml?: string;
+  /** ページ固有の</body>直前HTML */
+  bodyEndHtml?: string;
+  // ===== ページ固有リソース =====
+  /** ページ固有の外部CSS */
+  externalCss?: ExternalResource[];
+  /** ページ固有の外部JS */
+  externalJs?: ExternalResource[];
+  // ===== カスタムコード =====
+  /** ページ固有のカスタムCSS (インポートCSSもここに統合) */
+  customCss?: string;
+  /** カスタムCSSのStorage URL (大きい場合) */
+  customCssUrl?: string;
+  /** カスタムCSSのStorage Path (削除用) */
+  customCssPath?: string;
+  /** カスタムCSSのサイズ */
+  customCssSize?: number;
+  /** ページ固有のカスタムJS (インポートJSもここに統合) */
+  customJs?: string;
+  /** カスタムJSのStorage URL (大きい場合) */
+  customJsUrl?: string;
+  /** カスタムJSのStorage Path (削除用) */
+  customJsPath?: string;
+  /** カスタムJSのサイズ */
+  customJsSize?: number;
+  // ===== 更新日時 =====
+  updatedAt?: Date;
+}
+/**
+ * マージされた最終設定
+ * プロジェクト設定とページ設定をマージした結果
+ */
+export interface MergedPageSettings {
+  title: string;
+  description: string;
+  keywords: string;
+  canonicalUrl?: string;
+  robots?: string;
+  language: string;
+  charset: string;
+  ogp: OgpSettings;
+  twitter: TwitterCardSettings;
+  favicon: FaviconSettings;
+  headHtml: string;
+  bodyStartHtml: string;
+  bodyEndHtml: string;
+  externalCss: ExternalResource[];
+  externalJs: ExternalResource[];
+  customCss: string;
+  customJs: string;
+}
+/**
+ * プロジェクト設定とページ設定をマージする
+ */
+export function mergePageSettings(
+  projectSettings: ProjectPageSettings | null | undefined,
+  pageSettings: PageSettings | null | undefined,
+  pageTitle?: string
+): MergedPageSettings {
+  const project = projectSettings || {};
+  const page = pageSettings || {};
+  // 継承しない場合はページ設定のみを使用
+  const inherit = page.inheritProjectSettings !== false;
+  // タイトルのマージ（テンプレート適用）
+  let finalTitle = page.title || pageTitle || '';
+  if (inherit && project.titleTemplate && finalTitle) {
+    finalTitle = project.titleTemplate.replace('{page}', finalTitle);
+  }
+  return {
+    title: finalTitle,
+    description: page.description || (inherit ? project.defaultDescription : '') || '',
+    keywords: page.keywords || (inherit ? project.defaultKeywords : '') || '',
+    canonicalUrl: page.canonicalUrl,
+    robots: page.robots,
+    language: (inherit ? project.language : undefined) || 'ja',
+    charset: (inherit ? project.charset : undefined) || 'UTF-8',
+    ogp: {
+      ...(inherit ? project.ogp : {}),
+      ...page.ogp,
+      title: page.ogp?.title || page.title || (inherit ? project.ogp?.title : undefined) || finalTitle,
+      description: page.ogp?.description || page.description || (inherit ? project.ogp?.description : undefined),
+    },
+    twitter: {
+      ...(inherit ? project.twitter : {}),
+      ...page.twitter,
+      title: page.twitter?.title || page.title || (inherit ? project.twitter?.title : undefined) || finalTitle,
+      description: page.twitter?.description || page.description || (inherit ? project.twitter?.description : undefined),
+    },
+    favicon: inherit ? (project.favicon || {}) : {},
+    // HTML挿入コンテンツ（共通 + ページ固有を結合）
+    headHtml: [
+      inherit ? project.commonHeadHtml : '',
+      page.customHeadHtml
+    ].filter(Boolean).join('\n'),
+    bodyStartHtml: [
+      inherit ? project.commonBodyStartHtml : '',
+      page.bodyStartHtml
+    ].filter(Boolean).join('\n'),
+    bodyEndHtml: [
+      page.bodyEndHtml,
+      inherit ? project.commonBodyEndHtml : ''
+    ].filter(Boolean).join('\n'),
+    // 外部リソース（共通 + ページ固有）
+    externalCss: [
+      ...(inherit ? (project.externalCss || []) : []),
+      ...(page.externalCss || [])
+    ],
+    externalJs: [
+      ...(inherit ? (project.externalJs || []) : []),
+      ...(page.externalJs || [])
+    ],
+    // カスタムコード（共通 + ページ固有）
+    customCss: [
+      inherit ? project.commonCss : '',
+      page.customCss
+    ].filter(Boolean).join('\n\n'),
+    customJs: [
+      inherit ? project.commonJs : '',
+      page.customJs
+    ].filter(Boolean).join('\n\n'),
+  };
+}
+/**
+ * 完全なHTMLドキュメントを生成する
+ */
+export function generateFullHtml(
+  bodyContent: string,
+  settings: MergedPageSettings
+): string {
+  const lines: string[] = [];
+  lines.push('<!DOCTYPE html>');
+  lines.push(`<html lang="${settings.language}">`);
+  lines.push('<head>');
+  lines.push(`  <meta charset="${settings.charset}">`);
+  lines.push('  <meta name="viewport" content="width=device-width, initial-scale=1.0">');
+  // Title
+  if (settings.title) {
+    lines.push(`  <title>${escapeHtml(settings.title)}</title>`);
+  }
+  // Description
+  if (settings.description) {
+    lines.push(`  <meta name="description" content="${escapeHtml(settings.description)}">`);
+  }
+  // Keywords
+  if (settings.keywords) {
+    lines.push(`  <meta name="keywords" content="${escapeHtml(settings.keywords)}">`);
+  }
+  // Robots
+  if (settings.robots) {
+    lines.push(`  <meta name="robots" content="${escapeHtml(settings.robots)}">`);
+  }
+  // Canonical
+  if (settings.canonicalUrl) {
+    lines.push(`  <link rel="canonical" href="${escapeHtml(settings.canonicalUrl)}">`);
+  }
+  // OGP
+  if (settings.ogp.title) {
+    lines.push(`  <meta property="og:title" content="${escapeHtml(settings.ogp.title)}">`);
+  }
+  if (settings.ogp.description) {
+    lines.push(`  <meta property="og:description" content="${escapeHtml(settings.ogp.description)}">`);
+  }
+  if (settings.ogp.image) {
+    lines.push(`  <meta property="og:image" content="${escapeHtml(settings.ogp.image)}">`);
+  }
+  if (settings.ogp.type) {
+    lines.push(`  <meta property="og:type" content="${escapeHtml(settings.ogp.type)}">`);
+  }
+  if (settings.ogp.url) {
+    lines.push(`  <meta property="og:url" content="${escapeHtml(settings.ogp.url)}">`);
+  }
+  if (settings.ogp.siteName) {
+    lines.push(`  <meta property="og:site_name" content="${escapeHtml(settings.ogp.siteName)}">`);
+  }
+  if (settings.ogp.locale) {
+    lines.push(`  <meta property="og:locale" content="${escapeHtml(settings.ogp.locale)}">`);
+  }
+  // Twitter Card
+  if (settings.twitter.card) {
+    lines.push(`  <meta name="twitter:card" content="${escapeHtml(settings.twitter.card)}">`);
+  }
+  if (settings.twitter.site) {
+    lines.push(`  <meta name="twitter:site" content="${escapeHtml(settings.twitter.site)}">`);
+  }
+  if (settings.twitter.creator) {
+    lines.push(`  <meta name="twitter:creator" content="${escapeHtml(settings.twitter.creator)}">`);
+  }
+  if (settings.twitter.title) {
+    lines.push(`  <meta name="twitter:title" content="${escapeHtml(settings.twitter.title)}">`);
+  }
+  if (settings.twitter.description) {
+    lines.push(`  <meta name="twitter:description" content="${escapeHtml(settings.twitter.description)}">`);
+  }
+  if (settings.twitter.image) {
+    lines.push(`  <meta name="twitter:image" content="${escapeHtml(settings.twitter.image)}">`);
+  }
+  // Favicon
+  if (settings.favicon.ico) {
+    lines.push(`  <link rel="icon" href="${escapeHtml(settings.favicon.ico)}">`);
+  }
+  if (settings.favicon.svg) {
+    lines.push(`  <link rel="icon" type="image/svg+xml" href="${escapeHtml(settings.favicon.svg)}">`);
+  }
+  if (settings.favicon.png32) {
+    lines.push(`  <link rel="icon" type="image/png" sizes="32x32" href="${escapeHtml(settings.favicon.png32)}">`);
+  }
+  if (settings.favicon.png16) {
+    lines.push(`  <link rel="icon" type="image/png" sizes="16x16" href="${escapeHtml(settings.favicon.png16)}">`);
+  }
+  if (settings.favicon.appleTouchIcon) {
+    lines.push(`  <link rel="apple-touch-icon" href="${escapeHtml(settings.favicon.appleTouchIcon)}">`);
+  }
+  if (settings.favicon.manifest) {
+    lines.push(`  <link rel="manifest" href="${escapeHtml(settings.favicon.manifest)}">`);
+  }
+  // External CSS
+  for (const css of settings.externalCss) {
+    lines.push(`  <link rel="stylesheet" href="${escapeHtml(css.url)}">`);
+  }
+  // External JS (head position)
+  for (const js of settings.externalJs.filter(j => j.position === 'head')) {
+    const attrs = [
+      `src="${escapeHtml(js.url)}"`,
+      js.async ? 'async' : '',
+      js.defer ? 'defer' : ''
+    ].filter(Boolean).join(' ');
+    lines.push(`  <script ${attrs}></script>`);
+  }
+  // Custom CSS
+  if (settings.customCss) {
+    lines.push('  <style>');
+    lines.push(settings.customCss);
+    lines.push('  </style>');
+  }
+  // Custom head HTML
+  if (settings.headHtml) {
+    lines.push(settings.headHtml);
+  }
+  lines.push('</head>');
+  lines.push('<body>');
+  // Body start HTML
+  if (settings.bodyStartHtml) {
+    lines.push(settings.bodyStartHtml);
+  }
+  // External JS (body-start position)
+  for (const js of settings.externalJs.filter(j => j.position === 'body-start')) {
+    const attrs = [
+      `src="${escapeHtml(js.url)}"`,
+      js.async ? 'async' : '',
+      js.defer ? 'defer' : ''
+    ].filter(Boolean).join(' ');
+    lines.push(`<script ${attrs}></script>`);
+  }
+  // Body content
+  lines.push(bodyContent);
+  // External JS (body-end position or default)
+  for (const js of settings.externalJs.filter(j => !j.position || j.position === 'body-end')) {
+    const attrs = [
+      `src="${escapeHtml(js.url)}"`,
+      js.async ? 'async' : '',
+      js.defer ? 'defer' : ''
+    ].filter(Boolean).join(' ');
+    lines.push(`<script ${attrs}></script>`);
+  }
+  // Custom JS
+  if (settings.customJs) {
+    lines.push('<script>');
+    lines.push(settings.customJs);
+    lines.push('</script>');
+  }
+  // Body end HTML
+  if (settings.bodyEndHtml) {
+    lines.push(settings.bodyEndHtml);
+  }
+  lines.push('</body>');
+  lines.push('</html>');
+  return lines.join('\n');
+}
+/**
+ * HTML特殊文字をエスケープ
+ */
+function escapeHtml(text: string): string {
+  return text
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#039;');
+}
+/**
+ * デフォルトのプロジェクト設定
+ */
+export const DEFAULT_PROJECT_SETTINGS: ProjectPageSettings = {
+  titleTemplate: '{page}',
+  defaultDescription: '',
+  defaultKeywords: '',
+  language: 'ja',
+  charset: 'UTF-8',
+  ogp: {
+    type: 'website',
+    locale: 'ja_JP',
+  },
+  twitter: {
+    card: 'summary_large_image',
+  },
+};
+/**
+ * デフォルトのページ設定
+ */
+export const DEFAULT_PAGE_SETTINGS: PageSettings = {
+  inheritProjectSettings: true,
+};