@powerhousedao/codegen 4.1.0-dev.22 → 4.1.0-dev.24

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

@@ -2,109 +2,74 @@
 to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/components/EditorContainer.tsx"
 unless_exists: true
 ---
+import { getRevisionFromDate, useTimelineItems } from "@powerhousedao/common";
 import {
-  useDriveContext,
-  exportDocument,
-  type User,
-  type DriveEditorContext,
-} from "@powerhousedao/reactor-browser";
-import {
-  type EditorContext,
-  type DocumentModelModule,
-  type EditorModule,
-  type EditorProps,
-  type PHDocument,
-} from "document-model";
-import {
+  DefaultEditorLoader,
   DocumentToolbar,
   RevisionHistory,
-  DefaultEditorLoader,
   type TimelineItem,
 } from "@powerhousedao/design-system";
-import { useTimelineItems, getRevisionFromDate } from "@powerhousedao/common";
-import { useState, Suspense, type FC, useCallback } from "react";
-
-export interface EditorContainerProps {
-  driveId: string;
-  documentId: string;
-  documentType: string;
-  onClose: () => void;
-  title: string;
-  context: Omit<DriveEditorContext, "getDocumentRevision"> &
-    Pick<EditorContext, "getDocumentRevision">;
-  documentModelModule: DocumentModelModule<PHDocument>;
-  editorModule: EditorModule;
-}
+import {
+  exportFile,
+  useEditorModuleById,
+  useSelectedDocument,
+  useSelectedDrive,
+} from "@powerhousedao/reactor-browser";
+import { error } from "console";
+import { title } from "process";
+import { Suspense, useCallback, useState } from "react";
 
 /**
  * Document editor container that wraps individual document editors.
  * Handles document loading, toolbar, revision history, and dynamic editor loading.
  * Customize toolbar actions and editor context here.
  */
-export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
-  const {
-    title,
-    driveId,
-    context,
-    onClose,
-    documentId,
-    documentType,
-    editorModule,
-    documentModelModule,
-  } = props;
-
+export const EditorContainer = (props: { handleClose: () => void }) => {
+  const { handleClose } = props;
   // UI state for revision history and timeline
   const [selectedTimelineItem, setSelectedTimelineItem] =
     useState<TimelineItem | null>(null);
   const [showRevisionHistory, setShowRevisionHistory] = useState(false);
-  const { useDocumentEditorProps } = useDriveContext();
-
-  const user = context.user as User | undefined;
-
-  // Document data and editor state
-  const { dispatch, error, document } = useDocumentEditorProps({
-    documentId,
-    documentType,
-    driveId,
-    documentModelModule,
-    user,
-  });
-
+  const [selectedDocument, dispatch] = useSelectedDocument();
+  const [selectedDrive] = useSelectedDrive();
   // Timeline data for revision history
   const timelineItems = useTimelineItems(
-    documentId,
-    document?.header.createdAtUtcIso,
-    driveId,
+    selectedDocument?.header.id,
+    selectedDocument?.header.createdAtUtcIso,
+    selectedDrive?.header.id,
+  );
+  const editorModule = useEditorModuleById(
+    selectedDocument?.header.meta?.preferredEditor,
   );
 
   // Document export functionality - customize export behavior here
   const onExport = useCallback(async () => {
-    if (document) {
-      const ext = documentModelModule.documentModel.extension;
-      await exportDocument(document, title, ext);
+    if (selectedDocument) {
+      await exportFile(selectedDocument);
     }
-  }, [document?.header.revision.global, document?.header.revision.local]);
+  }, [selectedDocument]);
 
   // Loading state component
   const loadingContent = (
-    <div className="flex-1 flex justify-center items-center h-full">
+    <div className="flex h-full flex-1 items-center justify-center">
       <DefaultEditorLoader />
     </div>
   );
 
-  if (!document) return loadingContent;
+  if (!selectedDocument) return loadingContent;
 
   // Dynamically load the appropriate editor component for this document type
-  const EditorComponent = editorModule.Component as FC<EditorProps<PHDocument>>;
+  const EditorComponent = editorModule?.Component;
+  if (!EditorComponent) return loadingContent;
 
   return showRevisionHistory ? (
     // Revision history view
     <RevisionHistory
-      documentId={documentId}
-      documentTitle={title}
-      globalOperations={document.operations.global}
-      key={documentId}
-      localOperations={document.operations.local}
+      documentId={selectedDocument.header.id}
+      documentTitle={selectedDocument.header.name}
+      globalOperations={selectedDocument.operations.global}
+      key={selectedDocument.header.id}
+      localOperations={selectedDocument.operations.local}
       onClose={() => setShowRevisionHistory(false)}
     />
   ) : (
@@ -112,7 +77,7 @@ export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
     <Suspense fallback={loadingContent}>
       {/* Document toolbar - customize available actions here */}
       <DocumentToolbar
-        onClose={onClose}
+        onClose={handleClose}
         onExport={onExport}
         onShowRevisionHistory={() => setShowRevisionHistory(true)}
         onSwitchboardLinkClick={() => {}} // Customize switchboard integration
@@ -124,12 +89,11 @@ export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
       {/* Dynamic editor component based on document type */}
       <EditorComponent
         context={{
-          ...context,
           readMode: !!selectedTimelineItem,
           selectedTimelineRevision: getRevisionFromDate(
             selectedTimelineItem?.startDate,
             selectedTimelineItem?.endDate,
-            document.operations.global,
+            selectedDocument.operations.global,
           ),
         }}
         dispatch={dispatch}
@@ -138,4 +102,4 @@ export const EditorContainer: React.FC<EditorContainerProps> = (props) => {
       />
     </Suspense>
   );
-}; 
+};

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

@@ -2,8 +2,8 @@
 to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/components/FolderTree.tsx"
 unless_exists: true
 ---
-import { useState } from "react";
 import type { FolderNode } from "document-drive";
+import { useState } from "react";
 
 interface FolderTreeProps {
   folders: FolderNode[];
@@ -39,7 +39,7 @@ export function FolderTree({
   };
 
   // Recursive function to render folder tree structure
-  const renderFolder = (folder: FolderNode, level: number = 0) => {
+  const renderFolder = (folder: FolderNode, level = 0) => {
     const hasChildren = folders.some((f) => f.parentFolder === folder.id);
     const isExpanded = expandedFolders.has(folder.id);
     const isSelected = selectedNodeId === folder.id;
@@ -47,7 +47,7 @@ export function FolderTree({
     return (
       <div key={folder.id}>
         <div
-          className={`flex items-center py-1 px-2 cursor-pointer hover:bg-gray-100 rounded text-sm ${
+          className={`flex cursor-pointer items-center rounded px-2 py-1 text-sm hover:bg-gray-100 ${
             isSelected ? "bg-blue-100 text-blue-800" : ""
           }`}
           style={{ paddingLeft: `${level * 16 + 8}px` }} // Customize indentation here
@@ -56,7 +56,7 @@ export function FolderTree({
           {/* Expand/collapse button for folders with children */}
           {hasChildren && (
             <button
-              className="w-4 h-4 mr-1 flex items-center justify-center"
+              className="mr-1 flex h-4 w-4 items-center justify-center"
               onClick={(e) => {
                 e.stopPropagation();
                 toggleFolder(folder.id);
@@ -65,7 +65,7 @@ export function FolderTree({
               {isExpanded ? "▼" : "▶"} {/* Customize expand icons here */}
             </button>
           )}
-          {!hasChildren && <div className="w-5 mr-1" />}
+          {!hasChildren && <div className="mr-1 w-5" />}
           {/* Customize folder icon and styling here */}
           <span>📁 {folder.name}</span>
         </div>
@@ -86,7 +86,7 @@ export function FolderTree({
       {/* Root Directory Option */}
       {/* Customize root folder appearance here */}
       <div
-        className={`flex items-center py-1 px-2 cursor-pointer hover:bg-gray-100 rounded text-sm ${
+        className={`flex cursor-pointer items-center rounded px-2 py-1 text-sm hover:bg-gray-100 ${
           !selectedNodeId ? "bg-blue-100 text-blue-800" : ""
         }`}
         onClick={() => onSelectNode(undefined)}
@@ -100,4 +100,4 @@ export function FolderTree({
         .map((folder) => renderFolder(folder))}
     </div>
   );
-}
+}

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

@@ -2,70 +2,39 @@
 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, useDriveContext } from "@powerhousedao/reactor-browser/hooks/useDriveContext";
-import { useInitializePHApp, useSetSelectedNode } from '@powerhousedao/state';
-import { type DocumentDriveDocument, type FileNode } from "document-drive";
 import { WagmiContext } from "@powerhousedao/design-system";
+import {
+  AnalyticsProvider,
+  DriveContextProvider,
+  useAppConfig,
+  type DriveEditorProps,
+} from "@powerhousedao/reactor-browser";
 import { DriveExplorer } from "./components/DriveExplorer.js";
-import { useCallback } from "react";
-
-export type IProps = DriveEditorProps<DocumentDriveDocument>;
 
 /**
  * Base editor component that renders the drive explorer interface.
  * Customize document opening behavior and drive-level actions here.
  */
-export function BaseEditor(props: IProps) {
+export function BaseEditor(props: DriveEditorProps) {
   const { context, document } = props;
-
-  // Get drive operations from context
-  const {
-    onAddFolder,
-    onRenameNode,
-    onCopyNode,
-    showDeleteNodeModal,
-  } = useDriveContext();
-
-  const setSelectedNode = useSetSelectedNode();
-
-  // Handle document opening - customize this to modify document open behavior
-  const onOpenDocument = useCallback(
-    (node: FileNode) => {
-      setSelectedNode(node.id);
-    },
-    [setSelectedNode],
-  );
-
   return (
     <div className="new-drive-explorer" style={{ height: "100%" }}>
-      <DriveExplorer
-        driveId={document.header.id}
-        onAddFolder={onAddFolder}
-        onRenameNode={onRenameNode}
-        onCopyNode={onCopyNode}
-        onOpenDocument={onOpenDocument}
-        showDeleteNodeModal={showDeleteNodeModal}
-        context={context}
-      />
+      <DriveExplorer document={document} context={context} />
     </div>
   );
 }
 
 /**
  * Main editor entry point with required providers.
- * useInitializePHApp() is required for state management to work properly.
  */
-export default function Editor(props: IProps) {
-  // Required: Initialize Powerhouse app state
-  useInitializePHApp();
-
+export default function Editor(props: DriveEditorProps) {
+  const appConfig = useAppConfig();
+  const analyticsDatabaseName = appConfig?.analyticsDatabaseName;
   return (
     // Required context providers for drive functionality
     <DriveContextProvider value={props.context}>
       <WagmiContext>
-        <AnalyticsProvider databaseName={props.context.analyticsDatabaseName}>
+        <AnalyticsProvider databaseName={analyticsDatabaseName}>
           <BaseEditor {...props} />
         </AnalyticsProvider>
       </WagmiContext>

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

@@ -3,10 +3,9 @@ to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/index.ts"
 force: true
 ---
 import { type DriveEditorModule } from "@powerhousedao/reactor-browser";
-import { type DocumentDriveDocument } from "document-drive";
 import Editor from "./editor.js";
 
-export const module: DriveEditorModule<DocumentDriveDocument> = {
+export const module: DriveEditorModule = {
   Component: Editor,
   documentTypes: ["powerhouse/document-drive"],
   config: {

package/dist/src/codegen/.hygen/templates/powerhouse/generate-processor-analytics/factory.esm.t

@@ -4,9 +4,10 @@ force: true
 ---
 import { type ProcessorRecord } from "document-drive/processors/types";
 import { type IProcessorHostModule } from "document-drive/processors/types";
+import { type PHDocumentHeader } from "document-model";
 import { <%= pascalName %>Processor } from "./index.js";
 
-export const <%= h.changeCase.pascal(name) %>ProcessorFactory = (module: IProcessorHostModule) => (driveId: string): ProcessorRecord[] => {
+export const <%= h.changeCase.pascal(name) %>ProcessorFactory = (module: IProcessorHostModule) => (driveHeader: PHDocumentHeader): ProcessorRecord[] => {
   return [
     {
       processor: new <%= pascalName %>Processor(module.analyticsStore),

package/dist/src/codegen/.hygen/templates/powerhouse/generate-processor-analytics/lib.esm.t

@@ -7,24 +7,26 @@ unless_exists: true
  * Auto-generated by codegen - DO NOT EDIT MANUALLY
  */
 
-import { type ProcessorRecord } from "document-drive/processors/types";
+import { type ProcessorRecord, type ProcessorFactory } from "document-drive/processors/types";
 import { type IProcessorHostModule } from "document-drive/processors/types";
+import { type PHDocumentHeader } from "document-model";
 
 // Import processor factories here as they are generated
 
 export const processorFactory = (module: IProcessorHostModule) => {
   // Initialize all processor factories once with the module
-  const factories: Array<(driveId: string) => ProcessorRecord[]> = [];
+  const factories: Array<ProcessorFactory> = [];
   
   // Add processors here as they are generated
   
   // Return the inner function that will be called for each drive
-  return (driveId: string): ProcessorRecord[] => {
+  return async (driveHeader: PHDocumentHeader): Promise<ProcessorRecord[]> => {
     const processors: ProcessorRecord[] = [];
     
-    // Call each cached factory with the driveId
+    // Call each cached factory with the driveHeader
     for (const factory of factories) {
-      processors.push(...factory(driveId));
+      const factoryProcessors = await factory(driveHeader);
+      processors.push(...factoryProcessors);
     }
     
     return processors;

package/dist/src/codegen/.hygen/templates/powerhouse/generate-processor-relationalDb/factory.esm.t

@@ -9,11 +9,12 @@ import {
 import {
   type RelationalDbProcessorFilter,
 } from "document-drive/processors/relational";
+import { type PHDocumentHeader } from "document-model";
 import { <%= pascalName %>Processor } from "./index.js";
 
-export const <%= h.changeCase.camel(name) %>ProcessorFactory = (module: IProcessorHostModule) => async (driveId: string): Promise<ProcessorRecord[]> => {
+export const <%= h.changeCase.camel(name) %>ProcessorFactory = (module: IProcessorHostModule) => async (driveHeader: PHDocumentHeader): Promise<ProcessorRecord[]> => {
   // Create a namespace for the processor and the provided drive id
-  const namespace = <%= pascalName %>Processor.getNamespace(driveId);
+  const namespace = <%= pascalName %>Processor.getNamespace(driveHeader.id);
 
   // Create a namespaced db for the processor
   const store = await module.relationalDb.createNamespace<<%= pascalName %>Processor>(

package/dist/src/codegen/.hygen/templates/powerhouse/generate-processor-relationalDb/lib.esm.t

@@ -7,25 +7,26 @@ unless_exists: true
  * Auto-generated by codegen - DO NOT EDIT MANUALLY
  */
 
-import { type ProcessorRecord, type IProcessorHostModule } from "document-drive/processors/types";
+import { type ProcessorRecord, type IProcessorHostModule, type ProcessorFactory } from "document-drive/processors/types";
+import { type PHDocumentHeader } from "document-model";
 
 // Import other processor factories here as they are generated
 
 export const processorFactory = (module: IProcessorHostModule) => {
   // Initialize all processor factories once with the module
-  const factories: Array<(driveId: string) => Promise<ProcessorRecord[]>> = [];
+  const factories: Array<ProcessorFactory> = [];
   
   // Add all processor factories
   
   // Add other processors here as they are generated
   
   // Return the inner function that will be called for each drive
-  return async (driveId: string): Promise<ProcessorRecord[]> => {
+  return async (driveHeader: PHDocumentHeader): Promise<ProcessorRecord[]> => {
     const processors: ProcessorRecord[] = [];
     
-    // Call each cached factory with the driveId
+    // Call each cached factory with the driveHeader
     for (const factory of factories) {
-      const factoryProcessors = await factory(driveId);
+      const factoryProcessors = await factory(driveHeader);
       processors.push(...factoryProcessors);
     }