@autobe/ui 0.29.2 → 0.30.0-dev.20260315

package/src/components/events/AutoBeProgressEventMovie.tsx

@@ -1,157 +1,217 @@
-import { AutoBeEvent, AutoBeProgressEventBase } from "@autobe/interface";
-
-import { EventCard, EventContent, EventHeader, ProgressBar } from "./common";
-
-export function AutoBeProgressEventMovie(
-  props: AutoBeProgressEventMovie.IProps,
-) {
-  const state: IState = getState(props.event);
-
-  return (
-    <EventCard>
-      <EventHeader
-        title={state.title}
-        timestamp={props.event.created_at}
-        iconType="progress"
-      />
-      <EventContent>
-        <div style={{ marginBottom: 0 }}>{state.description}</div>
-        <ProgressBar current={state.completed} total={state.total} />
-      </EventContent>
-    </EventCard>
-  );
-}
-type ExtractType<T, U> = T extends U ? T : never;
-
-export namespace AutoBeProgressEventMovie {
-  export interface IProps {
-    event: ExtractType<AutoBeEvent, AutoBeProgressEventBase>;
-  }
-}
-
-interface IState {
-  title: string;
-  description: string;
-  completed: number;
-  total: number;
-}
-
-function getState(event: AutoBeProgressEventMovie.IProps["event"]): IState {
-  const content: Pick<IState, "title" | "description"> = (() => {
-    switch (event.type) {
-      case "analyzeWrite":
-        return {
-          title: "Analyze Write",
-          description: "Analyzing requirements, and writing a report paper",
-        };
-      case "analyzeReview":
-        return {
-          title: "Analyze Review",
-          description: "Reviewing the analysis results",
-        };
-      case "prismaSchema":
-        return {
-          title: "Prisma Schemas",
-          description: "Designing Database schemas",
-        };
-      case "prismaReview":
-        return {
-          title: "Prisma Review",
-          description: "Reviewing the Prisma schemas",
-        };
-      case "interfaceEndpoint":
-        return {
-          title: "Interface Endpoints",
-          description: "Collecting API endpoints",
-        };
-      case "interfaceOperation":
-        return {
-          title: "Interface Operations",
-          description: "Designing API operations",
-        };
-      case "interfaceOperationReview":
-        return {
-          title: "Interface Operations Review",
-          description: "Reviewing API operations",
-        };
-      case "interfaceAuthorization":
-        return {
-          title: "Interface Authorization",
-          description: "Designing API authorization operations",
-        };
-      case "interfaceSchema":
-        return {
-          title: "Interface Schemas",
-          description: "Designing API type schemas",
-        };
-      case "interfaceSchemaReview":
-        return {
-          title: "Interface Schemas Review",
-          description: `Reviewing API type schemas' ${event.kind}`,
-        };
-      case "interfaceComplement":
-        return {
-          title: "Interface Complement",
-          description: "Complementing missing API type schemas",
-        };
-      case "interfaceSchemaRename":
-        return {
-          title: "Interface Schema Rename",
-          description: "Renaming API type schemas",
-        };
-      case "interfacePrerequisite":
-        return {
-          title: "Interface Prerequisites",
-          description: "Defining API prerequisites",
-        };
-      case "testScenario":
-        return {
-          title: "Test Scenarios",
-          description: "Planning E2E test scenarios",
-        };
-      case "testScenarioReview":
-        return {
-          title: "Test Scenarios Review",
-          description: "Reviewing E2E test scenarios",
-        };
-      case "testWrite":
-        return {
-          title: "Test Write",
-          description: "Writing E2E test functions",
-        };
-      case "realizeWrite":
-        return {
-          title: "Realize Write",
-          description: "Realizing the API functions",
-        };
-      case "realizeAuthorizationWrite":
-        return {
-          title: "Authorization Write",
-          description: "Writing authorization decorators and functions",
-        };
-      case "realizeTestOperation":
-        return {
-          title: "Realize Test Operation",
-          description:
-            "Running the E2E test operations to validate the API functions",
-        };
-      case "realizeCorrect":
-        return {
-          title: "Realize Correct",
-          description: "Correcting the API functions",
-        };
-      default:
-        event satisfies never;
-        return {
-          title: "Unknown Event",
-          description: "This event type is not recognized.",
-        };
-    }
-  })();
-  return {
-    ...content,
-    completed: event.completed,
-    total: event.total,
-  };
-}
-export default AutoBeProgressEventMovie;
+import { AutoBeEvent, AutoBeProgressEventBase } from "@autobe/interface";
+
+import { EventCard, EventContent, EventHeader, ProgressBar } from "./common";
+
+export function AutoBeProgressEventMovie(
+  props: AutoBeProgressEventMovie.IProps,
+) {
+  const state: IState = getState(props.event);
+
+  return (
+    <EventCard>
+      <EventHeader
+        title={state.title}
+        timestamp={props.event.created_at}
+        iconType="progress"
+      />
+      <EventContent>
+        <div style={{ marginBottom: 0 }}>{state.description}</div>
+        <ProgressBar current={state.completed} total={state.total} />
+      </EventContent>
+    </EventCard>
+  );
+}
+type ExtractType<T, U> = T extends U ? T : never;
+
+export namespace AutoBeProgressEventMovie {
+  export interface IProps {
+    event: ExtractType<AutoBeEvent, AutoBeProgressEventBase>;
+  }
+}
+
+interface IState {
+  title: string;
+  description: string;
+  completed: number;
+  total: number;
+}
+
+function getState(event: AutoBeProgressEventMovie.IProps["event"]): IState {
+  const content: Pick<IState, "title" | "description"> = (() => {
+    switch (event.type) {
+      case "databaseComponent":
+        return {
+          title: "Database Components",
+          description: "Generating database component schemas",
+        };
+      case "databaseComponentReview":
+        return {
+          title: "Prisma Components Review",
+          description: "Reviewing the Prisma components",
+        };
+      case "databaseSchema":
+        return {
+          title: "Prisma Schemas",
+          description: "Designing Database schemas",
+        };
+      case "databaseSchemaReview":
+        return {
+          title: "Prisma Review",
+          description: "Reviewing the Prisma schemas",
+        };
+      case "interfaceEndpoint":
+        return {
+          title: "Interface Endpoints",
+          description: "Collecting API endpoints",
+        };
+      case "interfaceEndpointReview":
+        return {
+          title: "Interface Endpoints Review",
+          description: "Reviewing API endpoints",
+        };
+      case "interfaceOperation":
+        return {
+          title: "Interface Operations",
+          description: "Designing API operations",
+        };
+      case "interfaceOperationReview":
+        return {
+          title: "Interface Operations Review",
+          description: "Reviewing API operations",
+        };
+      case "interfaceAuthorization":
+        return {
+          title: "Interface Authorization",
+          description: "Designing API authorization operations",
+        };
+      case "interfaceSchema":
+        return {
+          title: "Interface Schemas",
+          description: "Designing API type schemas",
+        };
+      case "interfaceSchemaCasting":
+        return {
+          title: "Interface Schemas Casting",
+          description: `Refining degenerate API type schemas' structure`,
+        };
+      case "interfaceSchemaRefine":
+        return {
+          title: "Interface Schemas Refine",
+          description: `Refining API type schemas' documentation and metadata`,
+        };
+      case "interfaceSchemaReview":
+        return {
+          title: "Interface Schemas Review",
+          description: `Reviewing API type schemas`,
+        };
+      case "interfaceSchemaComplement":
+        return {
+          title: "Interface Complement",
+          description: "Complementing missing API type schemas",
+        };
+      case "interfaceSchemaRename":
+        return {
+          title: "Interface Schema Rename",
+          description: "Renaming API type schemas",
+        };
+      case "interfacePrerequisite":
+        return {
+          title: "Interface Prerequisites",
+          description: "Defining API prerequisites",
+        };
+      case "testScenario":
+        return {
+          title: "Test Scenarios",
+          description: "Planning E2E test scenarios",
+        };
+      case "testScenarioReview":
+        return {
+          title: "Test Scenarios Review",
+          description: "Reviewing E2E test scenarios",
+        };
+      case "testWrite":
+        return {
+          title: "Test Write",
+          description: "Writing E2E test functions",
+        };
+      case "testValidate":
+        return {
+          title: "Test Validate",
+          description: "Validating E2E test results",
+        };
+      case "realizePlan":
+        return {
+          title: "Realize Plan",
+          description: "Planning the API functions' modularization",
+        };
+      case "realizeWrite":
+        return {
+          title: "Realize Write",
+          description: "Realizing the API functions",
+        };
+      case "realizeAuthorizationWrite":
+        return {
+          title: "Authorization Write",
+          description: "Writing authorization decorators and functions",
+        };
+      case "realizeTestOperation":
+        return {
+          title: "Realize Test Operation",
+          description:
+            "Running the E2E test operations to validate the API functions",
+        };
+      case "realizeValidate":
+        return {
+          title: "Realize Validate",
+          description: "Correcting and Validating the API functions",
+        };
+      case "imageDescribeDraft":
+        return {
+          title: "Describe Image Draft",
+          description: "Describing the image draft",
+        };
+      case "analyzeWriteModule":
+        return {
+          title: "Analyze Write Module",
+          description: "Generating module section structure",
+        };
+      case "analyzeModuleReview":
+        return {
+          title: "Analyze Module Review",
+          description: "Reviewing module section structure",
+        };
+      case "analyzeWriteUnit":
+        return {
+          title: "Analyze Write Unit",
+          description: "Generating unit section content",
+        };
+      case "analyzeUnitReview":
+        return {
+          title: "Analyze Unit Review",
+          description: "Reviewing unit section content",
+        };
+      case "analyzeWriteSection":
+        return {
+          title: "Analyze Write Section",
+          description: "Generating section details",
+        };
+      case "analyzeSectionReview":
+        return {
+          title: "Analyze Section Review",
+          description: "Reviewing section details",
+        };
+      default:
+        event satisfies never;
+        return {
+          title: "Unknown Event",
+          description: "This event type is not recognized.",
+        };
+    }
+  })();
+  return {
+    ...content,
+    completed: event.completed,
+    total: event.total,
+  };
+}
+export default AutoBeProgressEventMovie;

package/src/components/events/AutoBeScenarioEventMovie.tsx

@@ -1,95 +1,135 @@
-import {
-  AutoBeAnalyzeScenarioEvent,
-  AutoBeInterfaceGroupEvent,
-  AutoBePrismaComponentEvent,
-  AutoBeRealizeTestResetEvent,
-} from "@autobe/interface";
-import { JSX } from "react";
-
-import { EventCard, EventContent, EventHeader } from "./common";
-
-export interface IAutoBeScenarioEventMovieProps {
-  event:
-    | AutoBeAnalyzeScenarioEvent
-    | AutoBePrismaComponentEvent
-    | AutoBeInterfaceGroupEvent
-    | AutoBeRealizeTestResetEvent;
-}
-export const AutoBeScenarioEventMovie = (
-  props: IAutoBeScenarioEventMovieProps,
-) => {
-  const { event } = props;
-  const { title, description } = getState(event);
-
-  return (
-    <EventCard>
-      <EventHeader title={title} timestamp={event.created_at} iconType="info" />
-      <EventContent>{description}</EventContent>
-    </EventCard>
-  );
-};
-export default AutoBeScenarioEventMovie;
-
-interface IState {
-  title: string;
-  description: string | JSX.Element;
-}
-
-function getState(event: IAutoBeScenarioEventMovieProps["event"]): IState {
-  switch (event.type) {
-    case "analyzeScenario":
-      return {
-        title: "Analyze Scenario",
-        description: (
-          <>
-            Generating analysis report.
-            <br />
-            <br />
-            Number of documents to write: #{event.files.length}
-          </>
-        ),
-      };
-    case "prismaComponent":
-      return {
-        title: "Prisma Components",
-        description: (
-          <>
-            Generating Prisma components.
-            <br />
-            <br />
-            Number of Prisma schemas would be:
-            <br />
-            <ul>
-              <li>namespaces: #{event.components.length}</li>
-              <li>
-                tables: #
-                {event.components
-                  .map((c) => c.tables.length)
-                  .reduce((a, b) => a + b, 0)}
-              </li>
-            </ul>
-          </>
-        ),
-      };
-    case "interfaceGroup":
-      return {
-        title: "Interface Endpoint Groups",
-        description: (
-          <>
-            Generating interface endpoint groups.
-            <br />
-            <br />
-            Number of API operation groups would be #{event.groups.length}
-          </>
-        ),
-      };
-    case "realizeTestReset":
-      return {
-        title: "Realize Test Reset",
-        description: "Resetting test environment.",
-      };
-    default:
-      event satisfies never;
-      throw new Error("Unknown event type");
-  }
-}
+import {
+  AutoBeAnalyzeScenarioEvent,
+  AutoBeDatabaseAuthorizationEvent,
+  AutoBeDatabaseAuthorizationReviewEvent,
+  AutoBeDatabaseGroupEvent,
+  AutoBeDatabaseGroupReviewEvent,
+  AutoBeInterfaceGroupEvent,
+  AutoBeRealizeTestResetEvent,
+} from "@autobe/interface";
+import { JSX } from "react";
+
+import { EventCard, EventContent, EventHeader } from "./common";
+
+export interface IAutoBeScenarioEventMovieProps {
+  event:
+    | AutoBeAnalyzeScenarioEvent
+    | AutoBeDatabaseAuthorizationEvent
+    | AutoBeDatabaseAuthorizationReviewEvent
+    | AutoBeDatabaseGroupEvent
+    | AutoBeDatabaseGroupReviewEvent
+    | AutoBeInterfaceGroupEvent
+    | AutoBeRealizeTestResetEvent;
+}
+export const AutoBeScenarioEventMovie = (
+  props: IAutoBeScenarioEventMovieProps,
+) => {
+  const { event } = props;
+  const { title, description } = getState(event);
+
+  return (
+    <EventCard>
+      <EventHeader title={title} timestamp={event.created_at} iconType="info" />
+      <EventContent>{description}</EventContent>
+    </EventCard>
+  );
+};
+export default AutoBeScenarioEventMovie;
+
+interface IState {
+  title: string;
+  description: string | JSX.Element;
+}
+
+function getState(event: IAutoBeScenarioEventMovieProps["event"]): IState {
+  switch (event.type) {
+    case "analyzeScenario":
+      return {
+        title: "Analyze Scenario",
+        description: (
+          <>
+            Generating analysis report.
+            <br />
+            <br />
+            Number of documents to write: #{event.files.length}
+          </>
+        ),
+      };
+    case "databaseGroup":
+      return {
+        title: "Database Group",
+        description: (
+          <>
+            Generating Database groups.
+            <br />
+            <br />
+            Number of Database groups would be:
+            <br />
+            <ul>
+              <li>namespaces: #{event.groups.length}</li>
+            </ul>
+          </>
+        ),
+      };
+    case "databaseGroupReview":
+      return {
+        title: "Database Group Review",
+        description: (
+          <>
+            Reviewed Database group structure.
+            <br />
+            <br />
+            Revisions applied: #{event.revises.length}
+            <br />
+            Final groups: #{event.groups.length}
+          </>
+        ),
+      };
+    case "databaseAuthorization":
+      return {
+        title: "Database Authorization",
+        description: (
+          <>
+            Generated authorization tables for all actors.
+            <br />
+            <br />
+            Tables created: #{event.component.tables.length}
+          </>
+        ),
+      };
+    case "databaseAuthorizationReview":
+      return {
+        title: "Database Authorization Review",
+        description: (
+          <>
+            Reviewed authorization tables.
+            <br />
+            <br />
+            Revisions applied: #{event.revises.length}
+            <br />
+            Final tables: #{event.modification.tables.length}
+          </>
+        ),
+      };
+    case "interfaceGroup":
+      return {
+        title: "Interface Endpoint Groups",
+        description: (
+          <>
+            Generating interface endpoint groups.
+            <br />
+            <br />
+            Number of API operation groups would be #{event.groups.length}
+          </>
+        ),
+      };
+    case "realizeTestReset":
+      return {
+        title: "Realize Test Reset",
+        description: "Resetting test environment.",
+      };
+    default:
+      event satisfies never;
+      throw new Error("Unknown event type");
+  }
+}