@powerhousedao/codegen 5.0.0-staging.9 → 5.0.1-staging.10

package/dist/src/codegen/.hygen/templates/powerhouse/generate-document-model-subgraph/index.js

@@ -1,22 +1,118 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const change_case_1 = require("change-case");
-const generateDocumentModelMutations = {
-    params: ({ args, }) => {
-        const documentModel = JSON.parse(args.documentModel);
-        const latestSpec = documentModel.specifications[documentModel.specifications.length - 1];
-        return {
-            rootDir: args.rootDir,
-            subgraph: args.subgraph,
-            documentTypeId: documentModel.id,
-            documentType: documentModel.name,
-            schema: latestSpec.state.global.schema,
-            modules: latestSpec.modules.map((m) => ({
-                ...m,
-                name: (0, change_case_1.paramCase)(m.name),
-            })),
-        };
-    },
+// @ts-check
+const { paramCase, pascalCase, camelCase } = require("change-case");
+
+/**
+ * Extract type names from a GraphQL schema.
+ * @param {string} schema - GraphQL schema string
+ * @returns {string[]} Array of type names
+ */
+function extractTypeNames(schema) {
+  const found = schema.match(/(type|enum|union|interface|input)\s+(\w+)\s/g);
+  if (!found) return [];
+  return found.map((f) =>
+    f
+      .replaceAll("type ", "")
+      .replaceAll("enum ", "")
+      .replaceAll("union ", "")
+      .replaceAll("interface ", "")
+      .replaceAll("input ", "")
+      .trim()
+  );
+}
+
+/**
+ * Apply type prefixes to GraphQL schema to namespace types and avoid collisions.
+ * Inlined from @powerhousedao/common/utils to avoid ES module import issues.
+ * @param {string} schema - GraphQL schema string
+ * @param {string} prefix - Prefix to apply to type names
+ * @param {string[]} externalTypeNames - Type names from other schemas to also prefix
+ * @returns {string} Schema with prefixed types
+ */
+function applyGraphQLTypePrefixes(schema, prefix, externalTypeNames = []) {
+  if (!schema || !schema.trim()) {
+    return schema;
+  }
+
+  let processedSchema = schema;
+
+  // Find types defined in this schema
+  const localTypeNames = extractTypeNames(schema);
+
+  // Combine with external type names (remove duplicates)
+  const allTypeNames = [...new Set([...localTypeNames, ...externalTypeNames])];
+
+  if (allTypeNames.length === 0) {
+    return schema;
+  }
+
+  allTypeNames.forEach((typeName) => {
+    const typeRegex = new RegExp(
+      // Match type references in various GraphQL contexts
+      `(?<![_A-Za-z0-9])(${typeName})(?![_A-Za-z0-9])|` +
+        `\\[(${typeName})\\]|` +
+        `\\[(${typeName})!\\]|` +
+        `\\[(${typeName})\\]!|` +
+        `\\[(${typeName})!\\]!`,
+      "g",
+    );
+
+    processedSchema = processedSchema.replace(
+      typeRegex,
+      (match, p1, p2, p3, p4, p5) => {
+        if (match.startsWith("[")) {
+          return match.replace(
+            p2 || p3 || p4 || p5,
+            `${prefix}_${p2 || p3 || p4 || p5}`,
+          );
+        }
+        // Basic type reference
+        return `${prefix}_${p1}`;
+      },
+    );
+  });
+
+  return processedSchema;
+}
+
+module.exports = {
+  params: ({ args }) => {
+    const documentModel = JSON.parse(args.documentModel);
+    const latestSpec =
+      documentModel.specifications[documentModel.specifications.length - 1];
+    const documentType = documentModel.name;
+    const pascalCaseDocumentType = pascalCase(documentType);
+    const camelCaseDocumentType = camelCase(documentType);
+    const phDocumentTypeName = `${pascalCaseDocumentType}Document`;
+    const documentTypeVariableName = `${camelCaseDocumentType}DocumentType`;
+    const packageName = args.packageName;
+    const paramCaseDocumentType = paramCase(documentType);
+    const documentModelDir = `${packageName}/document-models/${paramCaseDocumentType}`;
+
+    const stateSchema = latestSpec.state.global.schema;
+    const stateTypeNames = extractTypeNames(stateSchema);
+
+    return {
+      phDocumentTypeName,
+      documentTypeVariableName,
+      pascalCaseDocumentType,
+      camelCaseDocumentType,
+      documentModelDir,
+      rootDir: args.rootDir,
+      subgraph: args.subgraph,
+      documentTypeId: documentModel.id,
+      documentType: documentModel.name,
+      schema: applyGraphQLTypePrefixes(
+        stateSchema,
+        pascalCaseDocumentType
+      ),
+      modules: latestSpec.modules.map((m) => ({
+        ...m,
+        name: paramCase(m.name),
+        operations: m.operations.map((op) => ({
+          ...op,
+          schema: applyGraphQLTypePrefixes(op.schema, pascalCaseDocumentType, stateTypeNames),
+        })),
+      })),
+    };
+  },
 };
-exports.default = generateDocumentModelMutations;
-//# sourceMappingURL=index.js.map

package/dist/src/codegen/.hygen/templates/powerhouse/generate-document-model-subgraph/resolvers.esm.t

@@ -2,17 +2,28 @@
 to: "<%= rootDir %>/<%= h.changeCase.param(subgraph) %>/resolvers.ts"
 force: true
 ---
-import { type Subgraph } from "@powerhousedao/reactor-api";
+import type { BaseSubgraph } from "@powerhousedao/reactor-api";
 import { addFile } from "document-drive";
-import { actions <% modules.forEach(module => { %><% module.operations.forEach(op => { %>, type <%- h.changeCase.pascal(op.name) %>Input<%_ })}); %>, type <%- h.changeCase.pascal(documentType) %>Document } from "../../document-models/<%- h.changeCase.param(documentType) %>/index.js";
 import { setName } from "document-model";
+import {
+  actions,
+  <%= documentTypeVariableName %>,
+} from "<%= documentModelDir %>";
+<% const inputTypes = modules.flatMap(m =>
+     m.operations.map(o => `${h.changeCase.pascalCase(o.name)}Input`)
+   );
+%>
+import type {
+  <%= phDocumentTypeName %>,
+  <%= inputTypes.join(',\n  ') %>
+} from "<%= documentModelDir %>";
 
-export const getResolvers = (subgraph: Subgraph): Record<string, unknown> => {
+export const getResolvers = (subgraph: BaseSubgraph): Record<string, unknown> => {
   const reactor = subgraph.reactor;
 
   return ({
     Query: {
-      <%- h.changeCase.pascal(documentType) %>: async () => {
+      <%- pascalCaseDocumentType %>: async () => {
         return {
           getDocument: async (args: { docId: string, driveId: string }) => {
             const { docId, driveId } = args;
@@ -28,7 +39,7 @@ export const getResolvers = (subgraph: Subgraph): Record<string, unknown> => {
               }
             }
 
-            const doc = await reactor.getDocument<<%- h.changeCase.pascal(documentType) %>Document>(docId);
+            const doc = await reactor.getDocument<<%= phDocumentTypeName %>>(docId);
             return {
               driveId: driveId,
               ...doc,
@@ -45,7 +56,7 @@ export const getResolvers = (subgraph: Subgraph): Record<string, unknown> => {
             const docsIds = await reactor.getDocuments(driveId);
             const docs = await Promise.all(
               docsIds.map(async (docId) => {
-                const doc = await reactor.getDocument<<%- h.changeCase.pascal(documentType) %>Document>(docId);
+                const doc = await reactor.getDocument<<%= phDocumentTypeName %>>(docId);
                 return {
                   driveId: driveId,
                   ...doc,
@@ -60,16 +71,16 @@ export const getResolvers = (subgraph: Subgraph): Record<string, unknown> => {
             );
 
             return docs.filter(
-              (doc) => doc.header.documentType === "<%- documentTypeId %>",
+              (doc) => doc.header.documentType === <%= documentTypeVariableName %>,
             );
           },
         };
       },
     },
     Mutation: {
-      <%- h.changeCase.pascal(documentType) %>_createDocument: async (_: unknown, args: { name: string, driveId?: string }) => {
+      <%- pascalCaseDocumentType %>_createDocument: async (_: unknown, args: { name: string, driveId?: string }) => {
         const { driveId, name } = args;
-        const document = await reactor.addDocument("<%- documentTypeId %>");
+        const document = await reactor.addDocument(<%= documentTypeVariableName %>);
         
         if(driveId) {
           await reactor.addAction(
@@ -77,7 +88,7 @@ export const getResolvers = (subgraph: Subgraph): Record<string, unknown> => {
             addFile({
               name,
               id: document.header.id,
-              documentType: "<%- documentTypeId %>",
+              documentType: <%= documentTypeVariableName %>,
             }),
           );
         }
@@ -94,9 +105,9 @@ export const getResolvers = (subgraph: Subgraph): Record<string, unknown> => {
 
 <% modules.forEach(module => { _%>
 <% module.operations.forEach(op => { _%>
-        <%- h.changeCase.pascal(documentType) + '_' + h.changeCase.camel(op.name) %>: async (_: unknown, args: { docId: string, input: <%- h.changeCase.pascal(op.name) %>Input}) => {
+        <%- pascalCaseDocumentType + '_' + h.changeCase.camel(op.name) %>: async (_: unknown, args: { docId: string, input: <%- h.changeCase.pascal(op.name) %>Input}) => {
             const { docId, input } = args;
-            const doc = await reactor.getDocument<<%- h.changeCase.pascal(documentType) %>Document>(docId);
+            const doc = await reactor.getDocument<<%- pascalCaseDocumentType %>Document>(docId);
             if(!doc) {
               throw new Error("Document not found");
             }

package/dist/src/codegen/.hygen/templates/powerhouse/generate-document-model-subgraph/schema.esm.t

@@ -7,13 +7,7 @@ import type { DocumentNode } from "graphql";
 
 export const schema: DocumentNode = gql`
 """
-Subgraph definition for <%= h.changeCase.pascal(documentType) %> (<%- documentTypeId %>)
-
-"""
-<%- schema %> 
-
-"""
-Queries: <%= h.changeCase.pascal(documentType) %>
+Queries: <%= h.changeCase.pascal(documentType) %> Document
 """
 
 type <%- h.changeCase.pascal(documentType) %>Queries {
@@ -34,16 +28,17 @@ type Mutation {
 
 <% modules.forEach(module => { _%>
 <% module.operations.forEach(op => { _%>
-    <%- h.changeCase.pascal(documentType) + '_' + h.changeCase.camel(op.name) 
-    %>(driveId:String, docId:PHID, input:<%- 
+    <%- h.changeCase.pascal(documentType) + '_' + h.changeCase.camel(op.name)
+    %>(driveId:String, docId:PHID, input:<%-
         h.changeCase.pascal(documentType) + '_' + h.changeCase.pascal(op.name) %>Input): Int
 <%_ })}); %>}
+
 <% modules.forEach(module => { _%>
 
 """
 Module: <%= h.changeCase.pascal(module.name) %>
 """
 <% module.operations.forEach(op => { _%>
-<%- op.schema.replace('input ', 'input ' + h.changeCase.pascal(documentType) + '_').replace('type ', 'type ' + h.changeCase.pascal(documentType) + '_') %>
+<%- op.schema %>
 <%_ })}); %>
 `

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

@@ -2,63 +2,57 @@
 to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/components/CreateDocument.tsx"
 unless_exists: true
 ---
+import type { VetraDocumentModelModule } from "@powerhousedao/reactor-browser";
 import {
-  addDocument,
-  useDocumentModelModules,
-  useSelectedDriveId,
-  useSelectedFolder,
-  type VetraDocumentModelModule,
+  showCreateDocumentModal,
+  useAllowedDocumentModelModules,
 } from "@powerhousedao/reactor-browser";
-import { Button } from "@powerhousedao/design-system";
 
 /**
  * Document creation UI component.
  * Displays available document types as clickable buttons.
  */
-export const CreateDocument = () => {
-  const selectedDriveId = useSelectedDriveId();
-  const selectedFolder = useSelectedFolder();
-  const documentModelModules = useDocumentModelModules();
-
-  async function handleAddDocument(module: VetraDocumentModelModule) {
-    if (!selectedDriveId) {
-      return;
-    }
-    await addDocument(
-      selectedDriveId,
-      `New ${module.documentModel.name} document`,
-      module.documentModel.id,
-      selectedFolder?.id,
-    );
-  }
+export function CreateDocument() {
+  const allowedDocumentModelModules = useAllowedDocumentModelModules();
 
   return (
-    <div className="px-6">
+    <div>
       {/* Customize section title here */}
       <h3 className="mb-3 mt-4 text-sm font-bold text-gray-600">
-        New document
+        Create document
       </h3>
       {/* Customize layout by changing flex-wrap, gap, or grid layout */}
       <div className="flex w-full flex-wrap gap-4">
-        {documentModelModules?.map((documentModelModule) => {
+        {allowedDocumentModelModules?.map((documentModelModule) => {
           return (
-            <Button
-              key={documentModelModule.documentModel.id}
-              color="light" // Customize button appearance
-              size="small"
-              className="cursor-pointer"
-              title={documentModelModule.documentModel.name}
-              aria-description={documentModelModule.documentModel.description}
-              onClick={() => handleAddDocument(documentModelModule)}
-            >
-              {/* Customize document type display format */}
-              <span className="text-sm">
-                {documentModelModule.documentModel.name}
-              </span>
-            </Button>
+            <CreateDocumentButton
+              key={documentModelModule.documentModel.global.id}
+              documentModelModule={documentModelModule}
+            />
           );
         })}
       </div>
     </div>
   );
+}
+
+type Props = {
+  documentModelModule: VetraDocumentModelModule;
 };
+function CreateDocumentButton({ documentModelModule }: Props) {
+  const documentType = documentModelModule.documentModel.global.id;
+  const documentModelName =
+    documentModelModule.documentModel.global.name || documentType;
+  const documentModelDescription =
+    documentModelModule.documentModel.global.description;
+  return (
+    <button
+      className="cursor-pointer rounded-md bg-gray-200 py-2 px-3 hover:bg-gray-300"
+      title={documentModelName}
+      aria-description={documentModelDescription}
+      onClick={() => showCreateDocumentModal(documentType)}
+    >
+      {documentModelName}
+    </button>
+  );
+}

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

@@ -0,0 +1,23 @@
+---
+to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/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>
+  );
+}
+