plugins: refactor DI extension IDs

Co-authored-by: Camila Belo <camilaibs@gmail.com>
Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/search-react/src/alpha.test.tsx

@@ -44,7 +44,6 @@ describe('createSearchResultListItemExtension', () => {
 
     const TechDocsSearchResultItemExtension =
       createSearchResultListItemExtension({
-        id: 'techdocs',
         attachTo: { id: 'plugin.search.page', input: 'items' },
         configSchema: createSchemaFromZod(z =>
           z
@@ -67,14 +66,12 @@ describe('createSearchResultListItemExtension', () => {
 
     const ExploreSearchResultItemExtension =
       createSearchResultListItemExtension({
-        id: 'explore',
         attachTo: { id: 'plugin.search.page', input: 'items' },
         predicate: result => result.type === 'explore',
         component: async () => ExploreSearchResultItemComponent,
       });
 
     const SearchPageExtension = createPageExtension({
-      id: 'plugin.search.page',
       defaultPath: '/',
       inputs: {
         items: createExtensionInput({

plugins/search-react/src/alpha.tsx

@@ -58,9 +58,13 @@ export type SearchResultItemExtensionOptions<
   TConfig extends { noTrack?: boolean },
 > = {
   /**
-   * The extension id.
+   * The extension namespace.
    */
-  id: string;
+  namespace?: string;
+  /**
+   * The extension name.
+   */
+  name?: string;
   /**
    * The extension attachment point (e.g., search modal or page).
    */
@@ -86,8 +90,6 @@ export type SearchResultItemExtensionOptions<
 export function createSearchResultListItemExtension<
   TConfig extends { noTrack?: boolean },
 >(options: SearchResultItemExtensionOptions<TConfig>) {
-  const id = `plugin.search.result.item.${options.id}`;
-
   const configSchema =
     'configSchema' in options
       ? options.configSchema
@@ -98,9 +100,11 @@ export function createSearchResultListItemExtension<
         ) as PortableSchema<TConfig>);
 
   return createExtension({
-    id,
+    kind: 'search-result-list-item',
+    namespace: options.namespace,
+    name: options.name,
     attachTo: options.attachTo ?? {
-      id: 'plugin.search.page',
+      id: 'page:search',
       input: 'items',
     },
     configSchema,