new arg to filter catalog entry type

Author: tintinthong

packages/base/card-api.gts

@@ -1812,6 +1812,7 @@ export type BaseDefComponent = ComponentLike<{
     fieldName: string | undefined;
     context?: CardContext;
     canEdit?: boolean;
+    linksToType?: CodeRef;
   };
 }>;
 

packages/base/catalog-entry.gts

@@ -15,7 +15,11 @@ import CodeRef from './code-ref';
 import MarkdownField from './markdown';
 import { restartableTask } from 'ember-concurrency';
 import { LoadingIndicator } from '@cardstack/boxel-ui/components';
-import { loadCard, Loader } from '@cardstack/runtime-common';
+import {
+  codeRefWithAbsoluteURL,
+  loadCard,
+  Loader,
+} from '@cardstack/runtime-common';
 import { eq } from '@cardstack/boxel-ui/helpers';
 
 import GlimmerComponent from '@glimmer/component';
@@ -167,7 +171,7 @@ export class CatalogEntry extends CardDef {
           {{#if (eq @model.specType 'field')}}
             <@fields.containedExamples />
           {{else}}
-            <@fields.linkedExamples />
+            <@fields.linkedExamples @linksToType={{@model.ref}} />
           {{/if}}
         </div>
         <div class='module section'>
@@ -328,6 +332,19 @@ export class CatalogEntry extends CardDef {
       </style>
     </template>
   };
+
+  static edit = class Edit extends Component<typeof this> {
+    get absoluteRef() {
+      if (!this.args.model.ref || !this.args.model.id) {
+        return undefined;
+      }
+      let url = new URL(this.args.model.id);
+      return codeRefWithAbsoluteURL(this.args.model.ref, url);
+    }
+    <template>
+      <@fields.linkedExamples @linksToType={{this.absoluteRef}} />
+    </template>
+  };
 }
 
 interface Signature {

packages/base/field-component.gts

@@ -33,7 +33,13 @@ import Component from '@glimmer/component';
 
 export interface BoxComponentSignature {
   Element: HTMLElement; // This may not be true for some field components, but it's true more often than not
-  Args: { Named: { format?: Format; displayContainer?: boolean } };
+  Args: {
+    Named: {
+      format?: Format;
+      displayContainer?: boolean;
+      linksToType?: CodeRef;
+    };
+  };
   Blocks: {};
 }
 
@@ -185,7 +191,11 @@ export function getBoxComponent(
 
   let component: TemplateOnlyComponent<{
     Element: HTMLElement;
-    Args: { format?: Format; displayContainer?: boolean };
+    Args: {
+      format?: Format;
+      displayContainer?: boolean;
+      linksToType?: CodeRef;
+    };
   }> = <template>
     <CardContextConsumer as |context|>
       <PermissionsConsumer as |permissions|>
@@ -238,6 +248,7 @@ export function getBoxComponent(
                           (not field.computeVia)
                           permissions.canWrite
                         }}
+                        @linksToType={{@linksToType}}
                       />
                     </CardContainer>
                   </DefaultFormatsProvider>
@@ -265,6 +276,7 @@ export function getBoxComponent(
                         (not field.computeVia)
                         permissions.canWrite
                       }}
+                      @linksToType={{@linksToType}}
                     />
                   </div>
                 </DefaultFormatsProvider>
@@ -281,6 +293,7 @@ export function getBoxComponent(
                     @fieldName={{model.name}}
                     @context={{context}}
                     @canEdit={{and (not field.computeVia) permissions.canWrite}}
+                    @linksToType={{@linksToType}}
                     ...attributes
                   />
                 </DefaultFormatsProvider>

packages/base/links-to-many-component.gts

@@ -29,6 +29,7 @@ import {
   getPlural,
   CardContextName,
   RealmURLContextName,
+  type CodeRef,
 } from '@cardstack/runtime-common';
 import { IconMinusCircle, IconX, FourLines } from '@cardstack/boxel-ui/icons';
 import { eq } from '@cardstack/boxel-ui/helpers';
@@ -47,6 +48,7 @@ interface Signature {
     model: Box<CardDef[]>;
     field: Field<typeof CardDef>;
     childFormat: 'atom' | 'fitted';
+    linksToType?: CodeRef;
   };
 }
 
@@ -85,8 +87,13 @@ class LinksToManyEditor extends GlimmerComponent<Signature> {
     let selectedCardsQuery =
       selectedCards?.map((card: any) => ({ not: { eq: { id: card.id } } })) ??
       [];
-    let type = identifyCard(this.args.field.card) ?? baseCardRef;
-    let filter = { every: [{ type }, ...selectedCardsQuery] };
+    let type =
+      this.args.linksToType ??
+      identifyCard(this.args.field.card) ??
+      baseCardRef;
+    let filter = {
+      every: [{ type }, ...selectedCardsQuery],
+    };
     let chosenCard: CardDef | undefined = await chooseCard(
       { filter },
       {
@@ -378,6 +385,7 @@ export function getLinksToManyComponent({
               defaultFormats.cardDef
               model
             }}
+            @linksToType={{@linksToType}}
             ...attributes
           />
         {{else}}