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/types/page.ts ADDED Viewed

@@ -0,0 +1,419 @@
+import { Timestamp } from '../vendor/firebase-firestore';
+export interface Page {
+  id: string;
+  projectId: string;
+  title: string;
+  slug: string;
+  description?: string;           // ページの説明
+  fullPath: string;
+  parentId?: string;
+  children: string[];
+  level: number;
+  order: number;
+  settings: PageSettings;
+  currentGenerationId?: string;
+  totalGenerations: number;
+  // レイアウト関連フィールド
+  selectedLayoutId?: string;      // このページに適用するレイアウトID
+  // フロー管理関連フィールド
+  flowPosition?: { x: number; y: number }; // React Flowでの位置
+  // リソース関連フィールド
+  resourceCount?: number;         // 関連リソース数
+  lastResourceUpdate?: Timestamp; // 最終リソース更新日時
+  // 🆕 ページ戦略・分析フィールド
+  priority?: 'highest' | 'high' | 'medium' | 'low'; // 重要度
+  purpose?: 'awareness' | 'consideration' | 'conversion' | 'support' | 'other'; // 目的
+  targetAudience?: 'potential' | 'aware' | 'consideration' | 'existing' | 'other'; // ターゲット
+  strategy?: string;              // 戦略（自由入力）
+  functionalRequirements?: string; // 機能要件（自由入力）
+  createdAt: Timestamp;
+  updatedAt: Timestamp;
+  lastGeneratedAt?: Timestamp; // 最終生成日時
+  // Figmaエクスポート関連フィールド
+  figmaExportData?: string;     // Figmaクリップボードデータ
+  figmaExportedAt?: Timestamp;  // Figmaエクスポート日時
+}
+/**
+ * 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;
+}
+export interface PageSettings {
+  // ===== 基本設定（既存） =====
+  isPublished: boolean;
+  showInNavigation: boolean;
+  navigationLabel?: string;
+  // ===== SEO設定 =====
+  metaTitle?: string;
+  metaDescription?: string;
+  metaKeywords?: string;
+  canonicalUrl?: string;
+  robots?: string;
+  // ===== OGP設定 =====
+  /** @deprecated ogImageの代わりにogp.imageを使用してください */
+  ogImage?: string;
+  ogp?: OgpSettings;
+  // ===== Twitter Card設定 =====
+  twitter?: TwitterCardSettings;
+  // ===== カスタムコード =====
+  /** @deprecated customCSSの代わりにcustomCssを使用してください */
+  customCSS?: string;
+  /** @deprecated customJSの代わりにcustomJsを使用してください */
+  customJS?: string;
+  customCss?: string;
+  customJs?: string;
+  // ===== HTML挿入 =====
+  /** ページ固有の<head>追加HTML */
+  customHeadHtml?: string;
+  /** ページ固有の<body>開始直後HTML */
+  bodyStartHtml?: string;
+  /** ページ固有の</body>直前HTML */
+  bodyEndHtml?: string;
+  // ===== 外部リソース =====
+  externalCss?: ExternalResource[];
+  externalJs?: ExternalResource[];
+}
+export interface PageGeneration {
+  id: string;
+  pageId: string;
+  prompt: string;
+  result: GenerationResult;
+  version: number;
+  isCurrent: boolean;
+  createdAt: Timestamp;
+}
+export interface GenerationResult {
+  html: string;
+  css: string;
+  components: ComponentUsage[];
+  navigation: NavigationStructure;
+  internalLinks: InternalLink[];
+  metadata: GenerationMetadata;
+}
+export interface ComponentUsage {
+  componentId: string;
+  componentName: string;
+  props: Record<string, unknown>;
+  position: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+  };
+}
+export interface NavigationStructure {
+  global: NavigationItem[];
+  breadcrumb: BreadcrumbItem[];
+  sidebar?: NavigationItem[];
+  footer?: NavigationItem[];
+}
+export interface NavigationItem {
+  label: string;
+  path: string;
+  pageId: string;
+  children?: NavigationItem[];
+  isActive?: boolean;
+  isCurrent?: boolean;
+}
+export interface BreadcrumbItem {
+  label: string;
+  path: string;
+  pageId: string;
+}
+export interface InternalLink {
+  fromPageId: string;
+  toPageId: string;
+  linkText: string;
+  linkType: 'navigation' | 'content' | 'breadcrumb' | 'footer';
+  isValid: boolean;
+}
+export interface GenerationMetadata {
+  generationTime: number;
+  tokenUsage: number;
+  quality: number;
+  aiModel: string;
+  promptVersion: string;
+}
+export interface CreatePageData {
+  title: string;
+  slug: string;
+  description?: string;
+  parentId?: string;
+  selectedLayoutId?: string;
+  order?: number;
+  settings?: Partial<PageSettings>;
+  // 🆕 ページ戦略・分析フィールド
+  priority?: 'highest' | 'high' | 'medium' | 'low';
+  purpose?: 'awareness' | 'consideration' | 'conversion' | 'support' | 'other';
+  targetAudience?: 'potential' | 'aware' | 'consideration' | 'existing' | 'other';
+  strategy?: string;
+  functionalRequirements?: string;
+}
+export interface UpdatePageData {
+  title?: string;
+  slug?: string;
+  description?: string;
+  parentId?: string;
+  order?: number;
+  settings?: Partial<PageSettings>;
+  // レイアウト関連フィールド
+  selectedLayoutId?: string;
+  // 🆕 ページ戦略・分析フィールド
+  priority?: 'highest' | 'high' | 'medium' | 'low';
+  purpose?: 'awareness' | 'consideration' | 'conversion' | 'support' | 'other';
+  targetAudience?: 'potential' | 'aware' | 'consideration' | 'existing' | 'other';
+  strategy?: string;
+  functionalRequirements?: string;
+  // Figmaエクスポート関連フィールド
+  figmaExportData?: string;
+  figmaExportedAt?: Timestamp;
+}
+export interface MovePageData {
+  newParentId?: string;
+  newOrder: number;
+}
+export const DEFAULT_PAGE_SETTINGS: PageSettings = {
+  isPublished: true,
+  showInNavigation: true,
+  ogp: {
+    type: 'website',
+    locale: 'ja_JP',
+  },
+  twitter: {
+    card: 'summary_large_image',
+  },
+};
+/**
+ * プロジェクトレベルのデフォルト設定
+ */
+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?: {
+    /** 標準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;
+  };
+  // ===== 共通挿入コンテンツ =====
+  /** 全ページ共通の<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 const DEFAULT_PROJECT_PAGE_SETTINGS: ProjectPageSettings = {
+  titleTemplate: '{page}',
+  language: 'ja',
+  charset: 'UTF-8',
+  ogp: {
+    type: 'website',
+    locale: 'ja_JP',
+  },
+  twitter: {
+    card: 'summary_large_image',
+  },
+};
+// 🆕 ページ戦略・分析の選択肢定数
+export const PAGE_PRIORITY_OPTIONS = [
+  { value: 'highest', label: '最高' },
+  { value: 'high', label: '高' },
+  { value: 'medium', label: '中' },
+  { value: 'low', label: '低' }
+] as const;
+export const PAGE_PURPOSE_OPTIONS = [
+  { value: 'awareness', label: '集客・認知' },
+  { value: 'consideration', label: '理解促進・比較検討' },
+  { value: 'conversion', label: '行動喚起（コンバージョン）' },
+  { value: 'support', label: '顧客サポート・関係維持' },
+  { value: 'other', label: 'その他・管理的' }
+] as const;
+export const PAGE_TARGET_AUDIENCE_OPTIONS = [
+  { value: 'potential', label: '潜在層' },
+  { value: 'aware', label: '課題認知層' },
+  { value: 'consideration', label: '比較検討層' },
+  { value: 'existing', label: '既存顧客・ファン層' },
+  { value: 'other', label: 'その他' }
+] as const;
+// フロー管理用のメモデータ
+export interface ProjectMemo {
+  id: string;
+  projectId: string;
+  content: string;
+  color: string;
+  position: { x: number; y: number };
+  createdAt: Timestamp;
+  updatedAt: Timestamp;
+}
+export interface CreateMemoData {
+  content: string;
+  color: string;
+  position: { x: number; y: number };
+}
+export interface UpdateMemoData {
+  content?: string;
+  color?: string;
+  position?: { x: number; y: number };
+}
+export interface PageWithComponents extends Page {
+  // ... existing code ...
+}
+// ページリソース関連の型定義
+export interface PageResource {
+  id: string;
+  pageId: string;
+  projectId: string;
+  fileName: string;
+  originalFileName: string;
+  fileType: 'pdf' | 'csv' | 'md' | 'txt' | 'mp4';
+  fileSize: number;
+  description?: string;
+  tags?: string[];         // リソースのタグ
+  storageUrl: string;      // Firebase Storageのダウンロード URL
+  storagePath: string;     // Firebase Storage内のパス
+  uploadedBy: string;      // アップロードしたユーザーID
+  isPublic?: boolean;      // 公開設定
+  downloadCount: number;   // ダウンロード数
+  createdAt: Timestamp;
+  updatedAt: Timestamp;
+}
+export interface CreatePageResourceData {
+  fileName: string;
+  fileType: 'pdf' | 'csv' | 'md' | 'txt' | 'mp4';
+  fileSize: number;
+  description?: string;
+}
+export interface UpdatePageResourceData {
+  fileName?: string;
+  description?: string;
+  downloadCount?: number;
+}
+export interface PageResourceUpload {
+  file: File;
+  description?: string;
+}