component-picker in dashboard (#27906)

GitOrigin-RevId: 8f7f3752a5933e536caad54558c6690b7234ef3d

Author: ldanilek

npm-packages/system-udfs/convex/_generated/api.d.ts

@@ -23,6 +23,7 @@ import type * as _system_cli_tables from "../_system/cli/tables.js";
 import type * as _system_frontend_addDocument from "../_system/frontend/addDocument.js";
 import type * as _system_frontend_clearTablePage from "../_system/frontend/clearTablePage.js";
 import type * as _system_frontend_common from "../_system/frontend/common.js";
+import type * as _system_frontend_components from "../_system/frontend/components.js";
 import type * as _system_frontend_convexSiteUrl from "../_system/frontend/convexSiteUrl.js";
 import type * as _system_frontend_createTable from "../_system/frontend/createTable.js";
 import type * as _system_frontend_deleteDocuments from "../_system/frontend/deleteDocuments.js";
@@ -76,6 +77,7 @@ declare const fullApi: ApiFromModules<{
   "_system/frontend/addDocument": typeof _system_frontend_addDocument;
   "_system/frontend/clearTablePage": typeof _system_frontend_clearTablePage;
   "_system/frontend/common": typeof _system_frontend_common;
+  "_system/frontend/components": typeof _system_frontend_components;
   "_system/frontend/convexSiteUrl": typeof _system_frontend_convexSiteUrl;
   "_system/frontend/createTable": typeof _system_frontend_createTable;
   "_system/frontend/deleteDocuments": typeof _system_frontend_deleteDocuments;

npm-packages/system-udfs/convex/_system/frontend/components.ts

@@ -0,0 +1,38 @@
+import { queryPrivateSystem } from "../secretSystemTables";
+import { Doc, Id } from "../../_generated/dataModel";
+
+export const list = queryPrivateSystem({
+  args: {},
+  handler: async function ({ db }) {
+    const componentDocs = await db.query("_components").collect();
+    const idToDoc = new Map<Id<"_components">, Doc<"_components">>(
+      componentDocs.map((doc) => [doc._id, doc]),
+    );
+    const idToPath = new Map<string, string>();
+    function computeIdToPath(doc: Doc<"_components">): string {
+      if (idToPath.has(doc._id)) {
+        return idToPath.get(doc._id)!;
+      }
+      let path = "";
+      if (!doc.parent) {
+        // Root component
+        path = "";
+      } else {
+        const parentPath = computeIdToPath(idToDoc.get(doc.parent)!);
+        if (parentPath.length === 0) {
+          path = doc.name!;
+        } else {
+          path = `${parentPath}/${doc.name!}`;
+        }
+      }
+      idToPath.set(doc._id, path);
+      return path;
+    }
+    return componentDocs.map((doc) => ({
+      id: doc._id,
+      name: doc.name,
+      path: computeIdToPath(doc),
+      args: Object.fromEntries(doc.args ?? []),
+    }));
+  },
+});

npm-packages/system-udfs/convex/schema.ts

@@ -245,6 +245,12 @@ export default defineSchema({
       v.literal("hidden"),
     ),
   }),
+  _components: defineTable({
+    definitionId: v.id("_component_definitions"),
+    parent: v.union(v.id("_components"), v.null()),
+    name: v.union(v.string(), v.null()),
+    args: v.union(v.array(v.any()), v.null()),
+  }),
   _modules: defineTable({
     path: v.string(),
     latestVersion: v.int64(),