@powerhousedao/codegen 0.49.3-dev.0 → 0.49.3-dev.2

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/components/DriveExplorer.esm.t

@@ -11,17 +11,17 @@ import {
   type UiNode,
 } from "@powerhousedao/design-system";
 import { useCallback, useState, useRef, useEffect } from "react";
-import type { FileNode, Node } from "document-drive";
+import type { FileNode, GetDocumentOptions, Node } from "document-drive";
 import { FileItemsGrid } from "./FileItemsGrid.js";
 import { FolderItemsGrid } from "./FolderItemsGrid.js";
 import { FolderTree } from "./FolderTree.js";
 import { useTransformedNodes } from "../hooks/useTransformedNodes.js";
 import { useSelectedFolderChildren } from "../hooks/useSelectedFolderChildren.js";
 import { EditorContainer } from "./EditorContainer.js";
-import type { EditorContext, DocumentModelModule } from "document-model";
+import type { DocumentModelModule } from "document-model";
 import { CreateDocumentModal } from "@powerhousedao/design-system";
 import { CreateDocument } from "./CreateDocument.js";
-import { useDriveContext } from "@powerhousedao/reactor-browser";
+import { type DriveEditorContext, useDriveContext } from "@powerhousedao/reactor-browser";
 
 interface DriveExplorerProps {
   driveId: string;
@@ -30,7 +30,7 @@ interface DriveExplorerProps {
   onDeleteNode: (nodeId: string) => void;
   renameNode: (nodeId: string, name: string) => void;
   onCopyNode: (nodeId: string, targetName: string, parentId?: string) => void;
-  context: EditorContext;
+  context: DriveEditorContext;
 }
 
 export function DriveExplorer({
@@ -42,6 +42,8 @@ export function DriveExplorer({
   onCopyNode,
   context,
 }: DriveExplorerProps) {
+  const { getDocumentRevision } = context;
+
   const [selectedNodeId, setSelectedNodeId] = useState<string | undefined>();
   const [activeDocumentId, setActiveDocumentId] = useState<
     string | undefined
@@ -109,6 +111,14 @@ export function DriveExplorer({
     []
   );
 
+  const onGetDocumentRevision = useCallback(
+    (options?: GetDocumentOptions) => {
+      if (!activeDocumentId) return;
+      return getDocumentRevision?.(activeDocumentId, options);
+    },
+    [getDocumentRevision, activeDocumentId],
+  );
+
   const filteredDocumentModels = documentModels;
 
   // Transform nodes using the custom hook
@@ -150,7 +160,10 @@ export function DriveExplorer({
       <div className="flex-1 p-4 overflow-y-auto">
         {activeDocument ? (
           <EditorContainer
-            context={context}
+            context={{
+              ...context,
+              getDocumentRevision: onGetDocumentRevision,
+            }}
             documentId={activeDocumentId!}
             documentType={activeDocument.documentType}
             driveId={driveId}

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/components/EditorContainer.esm.t

@@ -8,18 +8,21 @@ import {
   type User,
 } from "@powerhousedao/reactor-browser";
 import {
-    documentModelDocumentModelModule,
+  documentModelDocumentModelModule,
+  type EditorModule,
   type DocumentModelModule,
   type EditorContext,
-  type EditorProps,
   type PHDocument,
 } from "document-model";
 import {
   DocumentToolbar,
   RevisionHistory,
   DefaultEditorLoader,
+  type TimelineItem,
 } from "@powerhousedao/design-system";
+import { useTimelineItems, getRevisionFromDate } from "@powerhousedao/common";
 import { useState, Suspense, type FC, useCallback, lazy } from "react";
+import { useDocumentModel, useDocumentEditorModule } from "../hooks/useDocumentModels.js";
 
 export interface EditorContainerProps {
   driveId: string;
@@ -30,39 +33,22 @@ export interface EditorContainerProps {
   context: EditorContext;
 }
 
-const documentModelsMap = {
-  [documentModelDocumentModelModule.documentModel.id]: documentModelDocumentModelModule,
-};
-
-const documentEditorMap = {
-  [documentModelDocumentModelModule.documentModel.id]: lazy(() =>
-    import('@powerhousedao/builder-tools/style.css').then(() =>
-      import("@powerhousedao/builder-tools/document-model-editor").then((m) => ({
-        default: m.documentModelEditorModule.Component,
-      }))
-    )
-  ),
-} as const;
-
-function getDocumentModel(documentType: string) {
-  return documentModelsMap[documentType];
-}
-
-function getDocumentEditor(documentType: string) {
-  return documentEditorMap[documentType];
-}
-
 export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
   const { driveId, documentId, documentType, onClose, title, context } = props;
 
+  const [selectedTimelineItem, setSelectedTimelineItem] = useState<TimelineItem | null>(null);
   const [showRevisionHistory, setShowRevisionHistory] = useState(false);
   const { useDocumentEditorProps } = useDriveContext();
+  const timelineItems = useTimelineItems(documentId);
+
   const user = context.user as User | undefined;
 
-  const documentModelModule = getDocumentModel(
+  const documentModelModule = useDocumentModel(
     documentType,
   ) as DocumentModelModule<PHDocument>;
 
+  const { editorModule, isLoading } = useDocumentEditorModule(documentType);
+
   const { dispatch, error, document } = useDocumentEditorProps({
     documentId,
     documentType,
@@ -84,11 +70,9 @@ export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
     </div>
   );
 
-  if (!document) return loadingContent;
+  if (!document || isLoading) return loadingContent;
 
-  const Editor = getDocumentEditor(documentType);
-
-  if (!Editor) {
+  if (!editorModule) {
     console.error("No editor found for document type:", documentType);
     return (
       <div className="flex-1">
@@ -96,7 +80,9 @@ export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
       </div>
     );
   }
-  const EditorComponent = Editor as FC<EditorProps<PHDocument>>;
+
+  const moduleWithComponent = editorModule as EditorModule<PHDocument>;
+  const EditorComponent = moduleWithComponent.Component;
 
   return showRevisionHistory ? (
     <RevisionHistory
@@ -115,9 +101,20 @@ export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
         onShowRevisionHistory={() => setShowRevisionHistory(true)}
         onSwitchboardLinkClick={() => {}}
         title={title}
+        timelineButtonVisible={moduleWithComponent.config.timelineEnabled}
+        timelineItems={timelineItems.data}
+        onTimelineItemClick={setSelectedTimelineItem}
       />
       <EditorComponent
-        context={context}
+        context={{
+          ...context,
+          readMode: !!selectedTimelineItem,
+          selectedTimelineRevision: getRevisionFromDate(
+            selectedTimelineItem?.startDate,
+            selectedTimelineItem?.endDate,
+            document.operations.global,
+          ),
+        }}
         dispatch={dispatch}
         document={document}
         error={error}

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/document-models.esm.t

@@ -0,0 +1,44 @@
+---
+to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/document-models.ts"
+unless_exists: true
+---
+import { documentModelDocumentModelModule, type DocumentModelModule } from "document-model";
+// Replace with your document model (you can support multiple document models)
+// import { ToDo } from "../../document-models/index.js";
+
+export const createLazyModuleLoader = <T,>(loader: () => Promise<T>) => {
+  let modulePromise: Promise<T> | null = null;
+  let loadedModule: T | null = null;
+  
+  return () => {
+    if (loadedModule) return Promise.resolve(loadedModule);
+    if (!modulePromise) {
+      modulePromise = loader().then(module => {
+        loadedModule = module;
+        return module;
+      });
+    }
+    return modulePromise;
+  };
+};
+
+export const documentModelsMap: Record<string, DocumentModelModule<any>> = {
+  // Replace with your document model (you can support multiple document models)
+  // [ToDo.documentModel.id]: ToDo,
+  [documentModelDocumentModelModule.documentModel.id]:
+    documentModelDocumentModelModule,
+};
+
+export const documentEditorMap = {
+  // Replace with your document model editor (you can support multiple document models editors)
+  // [ToDo.documentModel.id]: createLazyModuleLoader(() =>
+  //   import("../to-do-list/index.js").then(m => m.default)
+  // ),
+  [documentModelDocumentModelModule.documentModel.id]: createLazyModuleLoader(() =>
+    import("@powerhousedao/builder-tools/style.css").then(() =>
+      import("@powerhousedao/builder-tools/document-model-editor").then(
+        m => m.documentModelEditorModule
+      )
+    )
+  ),
+} as const; 

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/editor.esm.t

@@ -3,11 +3,13 @@ to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/editor.tsx"
 unless_exists: true
 ---
 import { type DriveEditorProps } from "@powerhousedao/reactor-browser";
+import { AnalyticsProvider } from '@powerhousedao/reactor-browser/analytics/context';
 import { DriveContextProvider } from "@powerhousedao/reactor-browser/hooks/useDriveContext";
 import { type DocumentDriveDocument, addFolder, deleteNode, updateNode, generateNodesCopy, copyNode } from "document-drive";
 import { WagmiContext } from "@powerhousedao/design-system";
 import { DriveExplorer } from "./components/DriveExplorer.js";
 import { useCallback } from "react";
+import { hashKey } from "document-model";
 
 export type IProps = DriveEditorProps<DocumentDriveDocument>;
 
@@ -67,10 +69,18 @@ export function BaseEditor(props: IProps) {
 }
 
 export default function Editor(props: IProps) {
+  const baseEditor = props.context.analyticsStore ? (
+    <AnalyticsProvider store={props.context.analyticsStore}>
+      <BaseEditor {...props} />
+    </AnalyticsProvider>
+  ) : (
+    <BaseEditor {...props} />
+  );
+
   return (
     <DriveContextProvider value={props.context}>
       <WagmiContext>
-        <BaseEditor {...props} />
+        {baseEditor}
       </WagmiContext>
     </DriveContextProvider>
   );

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/hooks/useDocumentModels.esm.t

@@ -0,0 +1,41 @@
+---
+to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/hooks/useDocumentModels.ts"
+unless_exists: true
+---
+import { useState, useEffect } from 'react';
+import { documentModelsMap, documentEditorMap } from "../document-models.js";
+import { type DocumentModelModule } from "document-model";
+
+export function useDocumentModel(documentType: string): DocumentModelModule<any> {
+  return documentModelsMap[documentType];
+}
+
+export function useDocumentEditorModule(documentType: string) {
+  const [editorModule, setEditorModule] = useState<unknown>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const editorLoader = documentEditorMap[documentType];
+    
+    if (editorLoader && !editorModule) {
+      setIsLoading(true);
+      
+      editorLoader()
+        .then(module => {
+          setEditorModule(module);
+          setIsLoading(false);
+        })
+        .catch(err => {
+          setError(err instanceof Error ? err : new Error('Failed to load editor module'));
+          setIsLoading(false);
+        });
+    }
+  }, [documentType, editorModule]);
+
+  return {
+    editorModule,
+    isLoading,
+    error
+  };
+} 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powerhousedao/codegen",
-  "version": "0.49.3-dev.0",
+  "version": "0.49.3-dev.2",
   "license": "AGPL-3.0-only",
   "private": false,
   "type": "module",