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

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

@@ -8,10 +8,10 @@ import {
   type User,
 } from "@powerhousedao/reactor-browser";
 import {
-    documentModelDocumentModelModule,
+  documentModelDocumentModelModule,
+  type EditorModule,
   type DocumentModelModule,
   type EditorContext,
-  type EditorProps,
   type PHDocument,
 } from "document-model";
 import {
@@ -22,6 +22,7 @@ import {
 } 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;
@@ -32,28 +33,6 @@ 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;
 
@@ -64,10 +43,12 @@ export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
 
   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,
@@ -89,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">
@@ -101,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
@@ -120,7 +101,7 @@ export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
         onShowRevisionHistory={() => setShowRevisionHistory(true)}
         onSwitchboardLinkClick={() => {}}
         title={title}
-        timelineButtonVisible
+        timelineButtonVisible={moduleWithComponent.config.timelineEnabled}
         timelineItems={timelineItems.data}
         onTimelineItemClick={setSelectedTimelineItem}
       />

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/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.1",
+  "version": "0.49.3-dev.2",
   "license": "AGPL-3.0-only",
   "private": false,
   "type": "module",