@powerhousedao/codegen 6.0.0-dev.109 → 6.0.0-dev.110

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

@@ -1,23 +0,0 @@
----
-to: "<%= driveEditorDir %>/components/DriveContents.tsx"
-unless_exists: true
----
-import { CreateDocument } from "./CreateDocument.js";
-import { EmptyState } from "./EmptyState.js";
-import { Files } from "./Files.js";
-import { Folders } from "./Folders.js";
-import { NavigationBreadcrumbs } from "./NavigationBreadcrumbs.js";
-
-/** Shows the documents and folders in the selected drive */
-export function DriveContents() {
-  return (
-    <div className="space-y-6 px-6">
-      <NavigationBreadcrumbs />
-      <Folders />
-      <Files />
-      <EmptyState />
-      <CreateDocument />
-    </div>
-  );
-}
-

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

@@ -1,32 +0,0 @@
----
-to: "<%= driveEditorDir %>/components/DriveExplorer.tsx"
-unless_exists: true
----
-import type { EditorProps } from "document-model";
-import { FolderTree } from "./FolderTree.js";
-import { DriveContents } from "./DriveContents.js";
-
-/**
- * Main drive explorer component with sidebar navigation and content area.
- * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
- */
-export function DriveExplorer({ children }: EditorProps) {
-  // if a document is selected then it's editor will be passed as children
-  const showDocumentEditor = !!children;
-
-  return (
-    <div className="flex h-full">
-      <FolderTree />
-      <div className="flex-1 overflow-y-auto p-4">
-        {/* Conditional rendering: Document editor or folder contents */}
-        {showDocumentEditor ? (
-          /* Document editor view */
-          children
-        ) : (
-          /* Folder contents view */
-          <DriveContents />
-        )}
-      </div>
-    </div>
-  );
-}

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

@@ -1,19 +0,0 @@
----
-to: "<%= driveEditorDir %>/components/EmptyState.tsx"
-unless_exists: true
----
-import { useNodesInSelectedDriveOrFolder } from "@powerhousedao/reactor-browser";
-
-/** Shows a message when the selected drive or folder is empty */
-export function EmptyState() {
-  const nodes = useNodesInSelectedDriveOrFolder();
-  const hasNodes = nodes.length > 0;
-  if (hasNodes) return null;
-
-  return (
-    <div className="py-12 text-center text-gray-500">
-      <p className="text-lg">This folder is empty</p>
-      <p className="mt-2 text-sm">Create your first document or folder below</p>
-    </div>
-  );
-}

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

@@ -1,29 +0,0 @@
----
-to: "<%= driveEditorDir %>/components/Files.tsx"
-unless_exists: true
----
-import { FileItem } from "@powerhousedao/design-system/connect";
-import {
-  useNodesInSelectedDriveOrFolder,
-  isFileNodeKind,
-} from "@powerhousedao/reactor-browser";
-
-/** Shows the files in the selected drive or folder */
-export function Files() {
-  const nodes = useNodesInSelectedDriveOrFolder();
-  const fileNodes = nodes.filter((n) => isFileNodeKind(n));
-  const hasFiles = fileNodes.length > 0;
-
-  if (!hasFiles) return null;
-
-  return (
-    <div>
-      <h3 className="mb-2 text-sm font-semibold text-gray-600">Documents</h3>
-      <div className="flex flex-wrap gap-4">
-        {fileNodes.map((fileNode) => (
-          <FileItem key={fileNode.id} fileNode={fileNode} />
-        ))}
-      </div>
-    </div>
-  );
-}

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

@@ -1,108 +0,0 @@
----
-to: "<%= driveEditorDir %>/components/FolderTree.tsx"
-unless_exists: true
----
-import {
-  Sidebar,
-  SidebarProvider,
-  type SidebarNode,
-} from "@powerhousedao/document-engineering";
-import {
-  setSelectedNode,
-  useNodesInSelectedDrive,
-  useSelectedDrive,
-  useSelectedNode,
-} from "@powerhousedao/reactor-browser";
-import type { Node } from "document-drive";
-import { useMemo } from "react";
-
-function buildSidebarNodes(
-  nodes: Node[],
-  parentId: string | null | undefined,
-): SidebarNode[] {
-  return nodes
-    .filter((n) => {
-      if (parentId == null) {
-        return n.parentFolder == null;
-      }
-      return n.parentFolder === parentId;
-    })
-    .map((node): SidebarNode => {
-      if (node.kind === "folder") {
-        return {
-          id: node.id,
-          title: node.name,
-          icon: "FolderClose" as const,
-          expandedIcon: "FolderOpen" as const,
-          children: buildSidebarNodes(nodes, node.id),
-        };
-      }
-      return {
-        id: node.id,
-        title: node.name,
-        icon: "File" as const,
-      };
-    });
-}
-
-function transformNodesToSidebarNodes(
-  nodes: Node[],
-  driveName: string,
-): SidebarNode[] {
-  return [
-    {
-      id: "root",
-      title: driveName,
-      icon: "Drive" as const,
-      children: buildSidebarNodes(nodes, null),
-    },
-  ];
-}
-
-/**
- * Hierarchical folder tree navigation component using Sidebar from document-engineering.
- * Displays folders and files in a tree structure with expand/collapse functionality, search, and resize support.
- */
-export function FolderTree() {
-  const [selectedDrive] = useSelectedDrive();
-  const nodes = useNodesInSelectedDrive();
-  const selectedNode = useSelectedNode();
-  const driveName = selectedDrive.header.name;
-  // Transform Node[] to hierarchical SidebarNode structure
-  const sidebarNodes = useMemo(
-    () => transformNodesToSidebarNodes(nodes || [], driveName),
-    [nodes, driveName],
-  );
-
-  const handleActiveNodeChange = (node: SidebarNode) => {
-    // If root node is selected, pass undefined to match existing behavior
-    if (node.id === "root") {
-      setSelectedNode(undefined);
-    } else {
-      setSelectedNode(node.id);
-    }
-  };
-  // Map selectedNodeId to activeNodeId (use "root" when undefined)
-  const activeNodeId =
-    !selectedNode || selectedNode.id === selectedDrive.header.id
-      ? "root"
-      : selectedNode.id;
-
-  return (
-    <SidebarProvider nodes={sidebarNodes}>
-      <Sidebar
-        className="pt-1"
-        nodes={sidebarNodes}
-        activeNodeId={activeNodeId}
-        onActiveNodeChange={handleActiveNodeChange}
-        sidebarTitle="Drive Explorer"
-        showSearchBar={true}
-        resizable={true}
-        allowPinning={false}
-        showStatusFilter={false}
-        initialWidth={256}
-        defaultLevel={2}
-      />
-    </SidebarProvider>
-  );
-}

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

@@ -1,28 +0,0 @@
----
-to: "<%= driveEditorDir %>/components/Folders.tsx"
-unless_exists: true
----
-import { FolderItem } from "@powerhousedao/design-system/connect";
-import {
-  useNodesInSelectedDriveOrFolder,
-  isFolderNodeKind,
-} from "@powerhousedao/reactor-browser";
-
-/** Shows the folders in the selected drive or folder */
-export function Folders() {
-  const nodes = useNodesInSelectedDriveOrFolder();
-  const folderNodes = nodes.filter((n) => isFolderNodeKind(n));
-  const hasFolders = folderNodes.length > 0;
-  if (!hasFolders) return null;
-
-  return (
-    <div>
-      <h3 className="mb-2 text-sm font-bold text-gray-600">Folders</h3>
-      <div className="flex flex-wrap gap-4">
-        {folderNodes.map((folderNode) => (
-          <FolderItem key={folderNode.id} folderNode={folderNode} />
-        ))}
-      </div>
-    </div>
-  );
-}

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

@@ -1,14 +0,0 @@
----
-to: "<%= driveEditorDir %>/components/NavigationBreadcrumbs.tsx"
-unless_exists: true
----
-import { Breadcrumbs } from "@powerhousedao/design-system/connect";
-
-/** Shows the navigation breadcrumbs for the selected drive or folder */
-export function NavigationBreadcrumbs() {
-  return (
-    <div className="border-b border-gray-200 pb-3 space-y-3">
-      <Breadcrumbs />
-    </div>
-  );
-}

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

@@ -1,11 +0,0 @@
----
-to: "<%= driveEditorDir %>/config.ts"
-unless_exists: true
----
-import type { PHDriveEditorConfig } from "@powerhousedao/reactor-browser";
-
-/** Editor config for the <%= pascalCaseDriveEditorName %> */
-export const editorConfig: PHDriveEditorConfig = {
-  isDragAndDropEnabled: <%- isDragAndDropEnabled %>,
-  allowedDocumentTypes: <%- allowedDocumentTypes %>
-};

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

@@ -1,20 +0,0 @@
----
-to: "<%= driveEditorDir %>/editor.tsx"
-unless_exists: true
----
-import { useSetPHDriveEditorConfig } from "@powerhousedao/reactor-browser";
-import type { EditorProps } from "document-model";
-import { DriveExplorer } from "./components/DriveExplorer.js";
-import { editorConfig } from "./config.js";
-
-/** Editor component for the <%= pascalCaseDriveEditorName %> drive editor */
-export default function Editor(props: EditorProps) {
-  // set the config for this drive editor
-  // you can update these configs in `./config.ts`
-  useSetPHDriveEditorConfig(editorConfig);
-  return (
-    <div className="bg-gray-50 p-6">
-      <DriveExplorer {...props} />
-    </div>
-  );
-}

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

@@ -1,25 +0,0 @@
-const { pascalCase, kebabCase } = require("change-case");
-const path = require("path");
-
-// @ts-check
-module.exports = {
-  params: ({ args }) => {
-    const name = args.name;
-    const rootDir = args.rootDir;
-    const driveEditorDirName = args.driveEditorDirName || kebabCase(args.name);
-    const driveEditorDir = path.join(rootDir, driveEditorDirName);
-    const pascalCaseDriveEditorName = pascalCase(name);
-    const kebabCaseDriveEditorName = kebabCase(name);
-
-    return {
-      rootDir,
-      driveEditorDir,
-      name: args.name,
-      appId: args.appId,
-      isDragAndDropEnabled: args.isDragAndDropEnabled,
-      allowedDocumentTypes: args.allowedDocumentTypes,
-      pascalCaseDriveEditorName,
-      kebabCaseDriveEditorName,
-    };
-  },
-};

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

@@ -1,15 +0,0 @@
----
-to: "<%= driveEditorDir %>/module.ts"
-force: true
----
-import { type EditorModule } from "document-model";
-import { lazy } from "react";
-
-export const <%= pascalCaseDriveEditorName %>: EditorModule = {
-  Component: lazy(() => import("./editor.js")),
-  documentTypes: ["powerhouse/document-drive"],
-  config: {
-    id: "<%= appId || paramCaseDriveEditorName %>",
-    name: "<%= name %>",
-  },
-};

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

@@ -1,80 +0,0 @@
----
-to: "<%= editorDir %>/editor.tsx"
-unless_exists: true
----
-import { DocumentToolbar } from "@powerhousedao/design-system/connect";
-import { setName } from "document-model";
-import { type FormEvent, useState } from "react";
-<% if(!documentType){ %>import { useSelectedDocument } from "@powerhousedao/reactor-browser";<% } else { %>import { <%= useSelectedHookName %> } from "<%= documentModelDir %>";<% } %>
-
-export default function Editor() {
-  const [document, dispatch] = <%= useSelectedHookName %>();
-  const [isEditing, setIsEditing] = useState(false);
-
-  if (!document) return null;
-
-  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    const form = event.currentTarget;
-    const nameInput = form.elements.namedItem("name") as HTMLInputElement;
-    const name = nameInput.value.trim();
-    if (!name) return;
-    dispatch(setName(name));
-    setIsEditing(false);
-  };
-
-  return (
-    <div className="min-h-screen bg-gray-50 p-6">
-      <DocumentToolbar />
-      <div className="ph-default-styles">
-      <div className="flex justify-center px-4 py-8">
-        <div className="w-full max-w-md rounded-xl bg-white p-6 shadow-sm">
-          <div className="mb-4 text-xs font-medium uppercase tracking-wide text-gray-400">
-            <%= pascalCaseDocumentType %>
-          </div>
-
-          {isEditing ? (
-            <form onSubmit={handleSubmit} className="space-y-4">
-              <input
-                type="text"
-                name="name"
-                defaultValue={document.header.name}
-                autoFocus
-                className="w-full rounded-lg border border-gray-200 px-4 py-3 text-lg font-semibold text-gray-900 outline-none transition-colors focus:border-blue-500 focus:ring-2 focus:ring-blue-100"
-                placeholder="Enter name..."
-              />
-              <div className="flex gap-2">
-                <button
-                  type="submit"
-                  className="flex-1 rounded-lg bg-blue-600 px-4 py-2.5 text-sm font-medium text-white transition-colors hover:bg-blue-700"
-                >
-                  Save
-                </button>
-                <button
-                  type="button"
-                  onClick={() => setIsEditing(false)}
-                  className="flex-1 rounded-lg border border-gray-200 px-4 py-2.5 text-sm font-medium text-gray-600 transition-colors hover:bg-gray-50"
-                >
-                  Cancel
-                </button>
-              </div>
-            </form>
-          ) : (
-            <div className="flex items-center justify-between gap-4">
-              <h2 className="truncate text-xl font-semibold text-gray-900">
-                {document.header.name || "Untitled"}
-              </h2>
-              <button
-                onClick={() => setIsEditing(true)}
-                className="shrink-0 rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-200"
-              >
-                Edit
-              </button>
-            </div>
-          )}
-        </div>
-      </div>
-      </div>
-    </div>
-  );
-}

package/dist/src/codegen/.hygen/templates/powerhouse/generate-editor/index.js

@@ -1,90 +0,0 @@
-const {
-  pascalCase,
-  kebabCase,
-  capitalCase,
-  camelCase,
-} = require("change-case");
-const { readdirSync, readFileSync } = require("fs");
-const { join } = require("path");
-
-// @ts-check
-module.exports = {
-  params: ({ args }) => {
-    const rootDir = args.rootDir;
-    const editorDirName = args.editorDirName || kebabCase(args.name);
-    const editorDir = join(rootDir, editorDirName);
-    const documentTypes = args.documentTypes
-      .split(",")
-      .map((type) => type.trim())
-      .filter((type) => type !== "");
-    const documentTypesMap = JSON.parse(args.documentTypesMap);
-
-    // if this editor is for a single document type, then the boilerplate will be customized to it
-    const singleDocumentType =
-      documentTypes.length === 1 ? documentTypes[0] : undefined;
-    const documentType = singleDocumentType
-      ? { ...documentTypesMap[singleDocumentType], type: singleDocumentType }
-      : undefined;
-    const packageName = args.packageName;
-    const pascalCaseEditorName = pascalCase(args.name);
-    const kebabCaseEditorName = kebabCase(args.name);
-    const pascalCaseDocumentType = pascalCase(documentType?.name);
-    const kebabCaseDocumentType = kebabCase(documentType?.name);
-    const camelCaseDocumentType = camelCase(documentType?.name);
-    const documentVariableName = documentType
-      ? `${camelCaseDocumentType}Document`
-      : "document";
-    const phDocumentTypeName = documentType
-      ? `${pascalCaseDocumentType}Document`
-      : "Document";
-    const actionTypeName = `${pascalCaseDocumentType}Action`;
-    const documentModelDir = `${packageName}/document-models/${kebabCaseDocumentType}`;
-    const hooksDir = `${packageName}/editors/hooks`;
-    const isDocumentOfTypeFunctionName = `is${phDocumentTypeName}`;
-    const assertIsDocumentOfTypeFunctionName = `assertIs${phDocumentTypeName}`;
-    const useByIdHookName = documentType
-      ? `use${phDocumentTypeName}ById`
-      : "useDocumentById";
-    const useSelectedHookName = documentType
-      ? `useSelected${phDocumentTypeName}`
-      : "useSelectedDocument";
-    const useInSelectedDriveHookName = documentType
-      ? `use${phDocumentTypeName}sInSelectedDrive`
-      : "useDocumentsInSelectedDrive";
-    const useInSelectedFolderHookName = documentType
-      ? `use${phDocumentTypeName}sInSelectedFolder`
-      : "useDocumentsInSelectedFolder";
-    const editNameComponentName = "EditName";
-
-    return {
-      rootDir,
-      editorDir,
-      documentModelsDir: args.documentModelsDir,
-      name: args.name,
-      pascalCaseEditorName,
-      kebabCaseEditorName,
-      pascalCaseDocumentType,
-      kebabCaseDocumentType,
-      camelCaseDocumentType,
-      documentVariableName,
-      phDocumentTypeName,
-      actionTypeName,
-      hooksDir,
-      documentModelDir,
-      isDocumentOfTypeFunctionName,
-      assertIsDocumentOfTypeFunctionName,
-      useByIdHookName,
-      useSelectedHookName,
-      useInSelectedDriveHookName,
-      useInSelectedFolderHookName,
-      editNameComponentName,
-      documentTypes: args.documentTypes
-        .split(",")
-        .filter((type) => type !== ""),
-      documentTypesMap,
-      editorId: args.editorId,
-      documentType,
-      packageName,
-    };
-  },
-};

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

@@ -1,16 +0,0 @@
----
-to: "<%= editorDir %>/module.ts"
-force: true
----
-import type { EditorModule } from "document-model";
-import { lazy } from "react";
-
-/** Document editor module for the Todo List document type */
-export const <%= pascalCaseEditorName %>: EditorModule = {
-    Component: lazy(() => import("./editor.js")),
-    documentTypes: [<% if(!documentTypes.length){ %>"*"<% } else { %><% documentTypes.forEach(type => { _%>"<%= type %>", %><% }); _%> <% } %>],
-    config: {
-        id: "<%= editorId || paramCaseEditorName %>",
-        name: "<%= name || pascalCaseEditorName %>",
-    },
-};

package/dist/src/codegen/.hygen/templates/powerhouse/generate-import-script/index.esm.t

@@ -1,59 +0,0 @@
----
-to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/index.ts"
-force: true
----
-import { IBaseDocumentDriveServer } from "document-drive";
-import { actions } from "document-model";
-import {
-  addDocument,
-  addFolder,
-  initReactorWithRemoteDrive
-} from "./utils";
-
-async function main() {
-  const driveServer = (await initReactorWithRemoteDrive(
-    "http://localhost:4001/d/powerhouse"
-  )) as IBaseDocumentDriveServer;
-
-  const driveIds = await driveServer.getDrives();
-  let drive = await driveServer.getDrive(driveIds[0]);
-
-  // add folder to root
-  await addFolder(driveServer, driveIds[0], "example-folder", "Example Folder");
-  drive = await driveServer.getDrive(driveIds[0]);
-
-  // get root folder
-  const rootDirId = drive.state.global.nodes.find(
-    (e) => e.name === "Example Folder"
-  );
-
-  // check if root folder exists and throw error if it doesn't
-  if (!rootDirId) {
-    throw new Error("Root directory not found");
-  }
-
-  // add document to root folder
-  await addDocument(
-    driveServer,
-    driveIds[0],
-    "example-document",
-    "Example Document",
-    "powerhouse/document-model",
-    rootDirId.id
-  );
-
-  // set model name to example document
-  await driveServer.addAction(
-    driveIds[0],
-    "example-document",
-    actions.setModelName({
-      name: "Example Document",
-    })
-  );
-
-  // get document
-  const document = await driveServer.getDocument(driveIds[0], "example-document");
-  console.log(document.state.global);
-
-  process.exit(0);
-}

package/dist/src/codegen/.hygen/templates/powerhouse/generate-import-script/index.js

@@ -1,9 +0,0 @@
-// @ts-check
-module.exports = {
-  params: ({ args }) => {
-    return {
-      rootDir: args.rootDir,
-      name: args.name,
-    };
-  },
-};